/* Minification failed. Returning unminified contents.
(699,39): run-time error CSS1030: Expected identifier, found '>'
(699,52): run-time error CSS1031: Expected selector, found ')'
(699,52): run-time error CSS1025: Expected comma or open brace, found ')'
(732,52): run-time error CSS1030: Expected identifier, found '.'
(732,75): run-time error CSS1031: Expected selector, found ')'
(732,75): run-time error CSS1025: Expected comma or open brace, found ')'
(736,46): run-time error CSS1030: Expected identifier, found '>'
(736,59): run-time error CSS1031: Expected selector, found ')'
(736,59): run-time error CSS1025: Expected comma or open brace, found ')'
(797,21): run-time error CSS1030: Expected identifier, found '>'
(797,34): run-time error CSS1031: Expected selector, found ')'
(797,34): run-time error CSS1025: Expected comma or open brace, found ')'
(801,25): run-time error CSS1030: Expected identifier, found '>'
(801,40): run-time error CSS1031: Expected selector, found ')'
(801,40): run-time error CSS1025: Expected comma or open brace, found ')'
 */
/* Hinweis: bei Klick passiert etwas */
.cursor-pointer { cursor: pointer; }

/* Bilder drehen */

.rotate90 {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate180 {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate270 {
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.rotatable-image-wrapper {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.rotatable-image-wrapper:hover::after {
    content: '\E086';
    font-family: 'Glyphicons Regular';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    opacity: 0.7;
    color: #ddd;
    text-align: center;
    font-size: 90px;
    padding-bottom: 25px;
    margin-top: -45px;
    line-height: 1;
    cursor: pointer;
}

.rotatable-image-wrapper img { transition: none !important; }


/* Kennzeichnung von Eingabefeldern, die ausgefüllt werden müssen */

.required-field-block { position: relative; }

.required-field-block .required-icon {
    border-color: #e8e8e8;
    -webkit-border-radius: 0.325em;
    -moz-border-radius: 0.325em;
    border-radius: 0.325em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.65);
    display: inline-block;
    font-size: 75%;
    font-weight: normal;
    text-transform: uppercase;
    vertical-align: middle;
    background-color: transparent;
    height: 30px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: color 0.2s ease, background 0.1s linear;
    -moz-transition: color 0.2s ease, background 0.1s linear;
    -o-transition: color 0.2s ease, background 0.1s linear;
    -ms-transition: color 0.2s ease, background 0.1s linear;
    transition: color 0.2s ease, background 0.1s linear;
    width: 30px;
    z-index: 600;
}

.required-field-block .required-icon:after {
    position: absolute;
    content: '';
    right: 1px;
    top: 1px;
    z-index: -1;
    width: 0;
    height: 0;
    border-top: 0 solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 0 solid transparent;
    border-right-color: inherit;
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

.required-field-block .required-icon > i {
    margin: 3px 0 0 9px;
    color: #e02020;
}

/* Tool-Tipps */

.tooltipped {
    cursor: pointer;
    margin-left: 0.2em;
}

.tooltip { font-size: 14px; }
@charset "UTF-8";

body { padding-top: 70px; }

.btn-primary a { color: white; }

.btn-default a { color: black; }

/* Fallback Hintergrundfarbe für das Dropdown-Menü */

.dropdown-menu { background-color: rgba(255, 255, 255, 0.95); }

.pagination,
.panel-body,
.modal-dialog,
.modal-header .h4 { color: #000000; }

.close { opacity: 1; }

#landingpage #nav-currentpagenum { color: inherit; }

#landingpage #nav-currentpagenum:hover { background-color: white; }

.radio_container.kerze span:hover,
.radio_container.kerze span.selected,
.radio_container.kondolenz span:hover,
.radio_container.kondolenz span.selected,
.radio_container.geschenk span:hover,
.radio_container.geschenk span.selected { border-bottom: 3px solid #428bca; }

.kondolenz legend + .radio-inline,
.geschenk legend + .radio-inline { margin-left: 10px; }

.deceased-text > p { margin: 0; }

.entry.media > .media-left.image { min-width: 117px; }

.text-muted { color: Silver; }

#mortician-ad {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid transparent;
    padding: 10px 20px;
}

#mortician-ad .ad-icon {
    width: 30px;
    height: 30px;
    float: left;
}

#mortician-ad-head { cursor: pointer; }

#mortician-ad svg { fill: currentColor; }

@media (min-width: 768px) {
    #mortician-ad {
        padding: 0 0 0 70px;
        position: fixed;
        top: 30vh;
        right: -330px;
        width: 400px;
        transition: all 1s ease 0s;
        z-index: 100;
    }

    #mortician-ad .ad-icon {
        width: 50px;
        height: 50px;
        margin: 10px 20px 10px -50px;
    }

    #mortician-ad h3, #mortician-ad .h3 {
        float: left;
        display: none;
    }

    #mortician-ad.slide-out {
        right: 0;
        border: 1px solid silver;
    }

    #mortician-ad.slide-out h3, #mortician-ad.slide-out .h3 {
        display: block;
    }

    .mortician-ad-text {
        max-height: 0;
        opacity: 0;
    }

    .mortician-ad-text .text { clear: both; }

    .mortician-ad-text .btn {
        margin-right: 20px;
        margin-bottom: 20px;
        white-space: normal;
    }

    #mortician-ad.slide-out .mortician-ad-text {
        max-height: unset;
        opacity: 1;
    }
}

.navbar-nav .disabled a { cursor: pointer !important; }

#colorbox button span { font-size: 21px; }

.datepicker {
    /* datepicker VOR einen bootstrap-modal legen */
    z-index: 1151 !important;
}

.explain { margin-top: 10px; }

input[type='checkbox'] { float: left; }

input[type='text']::-ms-clear { display: none; }

.textbox-focus { border-color: #66afe9; }

label a,
.form-group.media a { text-decoration: underline; }

.field-validation-error {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #b94a48;
    display: block;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}

input.input-validation-error {
    border-color: #b94a48;
    background-color: #f2dede;
}

.validation-summary-errors {
    color: #b94a48;
    margin-top: 15px;
    border-color: #b94a48;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.validation-summary-errors:focus {
    border-color: #953b39;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

#validation-summary {
    margin: 20px 0 0 0;
    padding: 6px 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.btn {
    margin-top: 7px;
    margin-bottom: 7px;
}

.btn a { display: block; }

.modal-footer .btn + .btn {
    margin-bottom: 7.5px;
    margin-top: 7.5px;
}

.btn a:hover,
.btn a:focus { text-decoration: none; }

.navbar-text span + span { margin-left: 15px; }

#termsofuse p { font-weight: normal; }

#termsofuse p.headline {
    margin-top: 15px;
    font-weight: bold;
}

#termsofuse p.text { margin-bottom: 15px; }

.panel-heading .accordion-toggle:before {
    font-family: 'Glyphicons Halflings';
    font-size: 0.8em;
    /* glyphicon-chevron-down */
    content: '\e114 ';
    color: silver;
}

.panel-heading .accordion-toggle.collapsed:before {
    /* glyphicon-chevron-right */
    content: '\e080 ';
}

.errorhint {
    position: fixed;
    top: 0;
    background-color: red;
    z-index: 1100;
}

.errorhint .hint {
    border: none;
    color: white;
    padding: 5px 10px;
    margin: 0;
    cursor: pointer;
}

.errorhint .validation-summary-errors {
    border: 1px solid red;
    background-color: whitesmoke;
    margin: 0;
}

.errorhint .validation-summary-errors li { list-style-type: none; }

.hintbox {
    background-color: #f9f0d5;
    padding: 1.25rem 1rem;
    margin: 10px 0;
    line-height: 1.25;
}

.hintbox .hint-box__cnt > .hintbox__cnt-hint:last-child { margin-bottom: 0; }

.hintbox > .hintbox__hdr > .hintbox__headline {
    margin-top: 0;
    font-size: 1.75rem;
}

.highlight {
    font-weight: bold;
    padding: 0 0.3rem;
}

.entry {
    display: block;
    margin-bottom: 15px;
    padding: 15px 15px 5px;
}

.entry:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.entry .row { padding: 15px; }

.entry .text ul { list-style-type: disc; }

.entry .media-body p {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.social,
.entryaction {
    overflow: hidden;
    padding: 2px 4px;
}

.social a:hover,
.entryaction a:hover,
a.imageaction { text-decoration: none !important; }

.social a,
.entryaction a {
    font-size: 23.8px;
    margin-left: 7.5px;
}

.social { margin-top: -2px; }

.grid-sizer { width: 50%; }

.infobox { padding: 15px; }

.infobox small { display: block; }

.infos > .share-page { margin-bottom: 15px; }

#info-social > a {
    display: inline;
    vertical-align: bottom;
    text-decoration: none;
}

div.progress { position: relative; }

p.percent-progress {
    position: absolute;
    width: 100%;
}

#feedback textarea {
    overflow-y: scroll;
    resize: none;
}

#feedback .glyphicons-thumbs-up,
#feedback .glyphicons-thumbs-down { padding-left: 5px; }

@media (max-width: 991px) {
    .clearfix.visible-xs + div { margin: 15px 0; }
}

/* Vorschaubanner */

#preview-indicator {
    width: 100%;
    position: fixed;
    left: 0;
    top: 50px;
    z-index: 1030;
    background-color: #650d2a;
    color: #fff;
    padding: 15px;
}

#preview-indicator .mb-0 { margin-bottom: 0; }

/* Anzeige der Werbeeinblendung */

#mortician-ad svg {
    fill: currentColor;
    background-color: transparent;
}

@media print {
    #printContent #addressTable table,
    #printContent #addressTable tr { border-top: 2px solid black; }

    #printContent #addressTable .inforow {
        border-top: none;
        border-bottom: none;
    }

    #printContent #addressTable td { border: 0.5px solid black; }

    #printContent .only-display-col,
    #printContent .no-print-element { display: none; }

    #printContent .only-print-col { display: table-cell; }

    #printContent .only-print-row { display: table-row; }

    #printContent .font-italic { font-style: italic; }
}

#landingpage .entry { position: relative; }

#landingpage .entry .image {
    width: 95px;
    height: 95px;
}

#landingpage .entry .media-footer {
    bottom: 0;
    background: transparent;
    height: auto;
}

#landingpage > .row > div > .form-group > input { width: 350px; }

#landingpage .pagination {
    display: block;
    text-align: center;
}

#landingpage .pagination a,
#landingpage .pagination span { float: none; }

#landingpage .pagination li { margin-left: -5px; }

#landingpage .pagination li :first-child { margin-left: inherit; }

.infos { margin-top: 30px; }

.infos .image { padding-right: 30px; }

#startseite {
    padding-top: 30px;
    padding-bottom: 15px;
}

#startseite h3, #startseite .h3 {
    font-size: 120%;
    font-weight: normal;
    padding: 10px 15px;
}

#startseite h3 a, #startseite .h3 a {
    display: block;
}

#startseite a:hover { text-decoration: none; }

#startseite > div > div { position: relative; }

.infos .media-object {
    max-height: 300px;
    max-width: 450px;
}

#startseite .entry {
    height: 220px;
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
}

#startseite .col-md-6.kerzen > .entry .image.pull-left img {
    max-height: 210px;
    margin-top: -25px;
    width: auto;
}

#startseite .media-footer,
#startseite .media-footer:focus,
#startseite .media-footer:hover { display: none !important; }

.text-right.more {
    bottom: 0;
    padding-right: 15px;
    position: absolute;
    right: 0;
    width: 100%;
}

.teaser-thumbnails > div { height: 110px; }

.teaser-thumbnails > div .img-thumbnail { max-height: 100%; }

.teaser-appointment-time { margin-left: 30p; }

/* Fade out text / startseite */

#startseite .kondolenzen .media:after,
#startseite .kerzen .media:after {
    content: '';
    pointer-events: none;
    position: absolute;
    height: 100px;
    width: 100%;
    bottom: 0;
    left: 0;
    visibility: visible;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, white 84%);
    /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(84%, white));
    /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, white 84%);
    /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, white 84%);
    /* Opera 11.10+ */
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, white 84%);
    /* IE10+ */
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, white 84%);
    /* W3C */
}

#startseite .social,
#startseite .entryaction { display: none; }

.bsdates {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
}

.bsdates .detail {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.bsdates strong { display: block; }

@media screen and (max-width: 767px) {
    .infowrapper h1.media-heading { margin-top: 15px; }

    #startseite .col-md-6.bilder .entry,
    #startseite .col-md-6.termine .entry { height: auto; }
}

@media (max-width: 991px) {
    .infos .media-object { max-width: 150px; }

    #startseite .entry { height: auto; }

    #startseite .kondolenzen .media:after,
    #startseite .kerzen .media:after { background: none; }
}

@media (min-width: 768px) {
    .infos > .share-page { float: right; }
}

#anzeigen .album figure img { margin: 0 auto; }

#kerzen .entry,
#kondolenzen .entry,
#geschenke .entry {
    width: 90%;
    margin: 1%;
    overflow: hidden;
}

#kerzen .unmarkentry,
#kondolenzen .unmarkentry,
#geschenke .unmarkentry,
#t-meldungen .markentry,
#bilder .unmarkentry,
#t-bilder #bilder .markentry { display: none; }

.radio_container.kerze input[type='radio'],
.radio_container.kondolenz input[type='radio'],
.radio_container.geschenk input[type='radio'] {
    left: -999em;
    position: absolute;
}

.radio_container.kerze span,
.radio_container.kondolenz span,
.radio_container.geschenk span {
    vertical-align: bottom;
    padding-left: 0;
    border-bottom: 3px solid transparent;
    -webkit-transition: border 500ms linear;
    -moz-transition: border 500ms linear;
    -o-transition: border 500ms linear;
    -ms-transition: border 500ms linear;
    transition: border 500ms linear;
}

.radio_container.kerze > span > label {
    display: table-cell;
    height: 234px;
    vertical-align: bottom;
}

.radio_container.kerze span:hover,
.radio_container.kerze span.selected,
.radio_container.kondolenz span:hover,
.radio_container.kondolenz span.selected,
.radio_container.geschenk span:hover,
.radio_container.geschenk span.selected {
    -webkit-transition: border 500ms linear;
    -moz-transition: border 500ms linear;
    -o-transition: border 500ms linear;
    -ms-transition: border 500ms linear;
    transition: border 500ms linear;
}

.radio_container.kerze span label:has(> input:focus),
.radio_container.kondolenz span label:has(> input:focus),
.radio_container.geschenk span label:has(> input:focus) {
    border: 1px black dotted;
}

#color-picker div.selectable-color-outer {
    width: 40px;
    cursor: pointer;
    vertical-align: bottom;
    padding-left: 0;
    border-bottom: 3px solid transparent;
    -moz-transition: border 500ms linear;
    -o-transition: border 500ms linear;
    -webkit-transition: border 500ms linear;
    transition: border 500ms linear;
}

#color-picker div.selectable-color-inner {
    height: 30px;
    vertical-align: bottom;
    margin-bottom: 5px;
}

#color-picker div.selectable-color-outer.selected,
#color-picker div.selectable-color-outer:hover {
    border-bottom: 3px solid #428bca;
    -moz-transition: border 500ms linear;
    -o-transition: border 500ms linear;
    -webkit-transition: border 500ms linear;
    transition: border 500ms linear;
}

#color-picker div.selectable-color-outer > div:has(.selectable-color-inner) {
    padding: 2px;
}

#color-picker div.selectable-color-outer:has(> input:focus) > div:has(.selectable-color-inner) {
    border: 1px black dotted;
}

#color-picker-label {
    margin-top: 30px;
}

#selectable-color-blue div.selectable-color-inner { background-color: #51658e; }

#selectable-color-yellow div.selectable-color-inner { background-color: #ecc069; }

#selectable-color-green div.selectable-color-inner { background-color: #64a96c; }

#selectable-color-lightblue div.selectable-color-inner { background-color: #7ab2c7; }

#selectable-color-purple div.selectable-color-inner { background-color: #8f77a2; }

#selectable-color-red div.selectable-color-inner { background-color: #a76262; }

/* Zitateauswahl */

#select-quotation-dialog .modal-body tbody tr:hover { background-color: whitesmoke; }

.selected-quotation,
.selected-quotation:hover { background-color: lightgray !important; }

#select-quotation-dialog .modal-body {
    max-height: 400px;
    overflow-y: scroll;
}

#select-quotation-dialog .modal-body .list-group-item {
    display: inline-table;
    border: none;
    padding: 0;
}

#select-quotation-dialog .modal-body td {
    background-color: transparent;
}

    .glyphicons {
        color: inherit;
    }

.quotation-item {
    background-color: #f0f0f0;
    padding: 4px 8px;
}

    .quotation-item:nth-child(even) {
        background-color: #f9f9f9;
    }

    .quotation-item input {
        position: absolute;
        left: -999em;
        line-height: 0;
    }

.quotation-item:has(> input:focus) {
    border: 1px black dotted;
}

    .quotation-item:has(> input:checked) {
        background-color: #d0d0d0;
    }

    @media (max-width: 991px) {
        .grid-sizer { width: 100%; }

    .radio_container.kerze .selectable-candle-image { margin-left: 0; }

    #color-picker div.selectable-color-outer {
        margin-left: 0;
        margin-bottom: 10px;
    }

    #kerzen .entry,
    #kondolenzen .entry,
    #geschenke .entry { width: 98%; }
}

.album .entry {
    width: 27%;
    min-height: 150px;
    padding: 4px;
    position: relative;
    margin: 1%;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

.album .entry figure { display: block; }

.album .entry figure img {
    margin-bottom: 10px;
    overflow: hidden;
    max-height: 130px;
    position: relative;
}

.album a.slideshow {
    text-decoration: none;
    display: block;
    text-align: center;
}

.album .imageaction span {
    font-size: 1.5em;
    text-shadow: 0 0 4px rgba(224, 226, 226, 0.67);
}

.album .imageaction {
    display: inline-block;
    margin-top: 5px;
}

.used span:first-child:before {
    font-family: 'Glyphicons Halflings';
    font-size: 0.9em;
    content: '\e013';
    /* glyphicon-ok */
}

.template-upload a {
    text-decoration: none;
    cursor: pointer;
}

#bilder .row + .tags {
    margin-top: 15px;
}

#imageform .tags li,
#bilder .row + .tags li {
    display: inline-block;
    list-style: none;
}

.tags [data-icon] { display: none; }

@media screen and (max-width: 550px) {
    .album .entry { width: 48%; }
}

@media (min-width: 768px) {
    .album .entry {
        width: 200px;
        margin: 15px;
    }
}

#termine > .row { margin-bottom: 30px; }

#termine .entry { clear: both; }

#termine ul li {
    display: inline-block;
    margin-right: 15px;
}

.entry > h4 span, .entry > .h4 span {
    display: inline-block;
}

#termine .list-inline > li > [data-icon] { margin-right: 5px; }

#flower-service-notice .row { margin-top: 2em; }

.images-presenter .image-container {
    background-color: whitesmoke;
    margin-bottom: 15px;
    padding: 7px;
}

.images-presenter .image-container:hover { background-color: #e5e5e5; }

.images-presenter .img-thumbnail {
    width: 100%;
    height: 200px;
    margin-bottom: 7px;
    text-align: center;
    position: relative;
}

.images-presenter .img-thumbnail img {
    cursor: pointer;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.images-presenter .img-thumbnail .toggle-symbol {
    cursor: pointer;
    position: absolute;
    right: 0.5em;
    height: auto;
    top: 4px;
    font-size: 120%;
}

.images-presenter .img-thumbnail .glyphicons.info-symbol {
    position: absolute;
    right: 0.5em;
    height: auto;
    top: auto;
    bottom: 4px;
    opacity: 0.5;
}

.images-presenter .img-thumbnail .glyphicons.info-symbol.glyphicons-eye-open { color: green; }

.images-presenter .img-thumbnail .glyphicons.info-symbol.glyphicons-eye-close { color: red; }

#image-preview {
    padding-top: 60px;
    text-align: center;
}

#image-preview .modal-dialog { width: auto; }

#image-preview .modal-dialog .close { margin-top: -4px; }

#image-preview .img-container img {
    max-width: 200px;
    max-height: 150px;
}

#image-preview .img-thumbnail {
    margin-right: 10px;
    margin-bottom: 5px;
}

#image-preview .img-thumbnail .img-resizer {
    width: 200px;
    text-align: center;
}

#t-hilfe h5 { font-weight: bold; }

#info-dialog #info-list,
#prolong-dialog #prolong-list {
    padding: 0;
    list-style-type: none;
}

.one-row {
    max-height: 20px;
    overflow-y: hidden;
}

.used span:first-child:before {
    font-family: 'Glyphicons Halflings';
    font-size: 0.9em;
    content: '\e013';
    /* glyphicon-ok */
}

.template-upload a {
    text-decoration: none;
    cursor: pointer;
}

#condolenceform img {
    max-width: 100px;
    max-height: 100px;
}

#giftform img {
    max-width: 70px;
    max-height: 70px;
}

.entry-creator img {
    margin-left: 0.5rem;
    width: 17px;
    vertical-align: top;
}
#sliding-widget {
    padding-top: 0.5vh;
    padding-left: 15px;
    padding-right: 15px;
}

#sliding-widget .sliding-content {
    max-height: 500px;
    opacity: 1;
}

@media (min-width: 768px) {
    #sliding-widget {
        padding: 0;
        position: fixed;
        top: 30vh;
        right: -320px;
        width: 400px;
        transition: all 1s ease 0s;
        z-index: 100;
        background-color: rgba(255, 255, 255, 0.8);
    }

    #sliding-widget:hover { right: -250px; }

    #sliding-widget h3,
    #sliding-widget .h3 {
        float: left;
    }

    .slidein { right: 0 !important; }
}
#flower-order .icon {
    width: 30px;
    height: 30px;
    margin: 0 20px 0 0;
    float: left;
}

#flower-order svg path,
#flower-order svg circle { fill: currentColor; }


#flower-order h3 { padding-bottom: 1.5vh; }

.order-form {
    width: auto;
    max-height: 0;
    overflow: hidden;
    transition: overflow 0.8s;
}

.slidein .order-form {
    max-height: 500px;
    opacity: 1;
}

.order-form .btn { width: 100%; }

@media (min-width: 768px) {
    #flower-order .icon {
        width: 50px;
        height: 50px;
        margin: 10px 20px;
    }

    .order-form { padding: 20px; }

    .order-form .formbody { opacity: 0; }

    .order-form .text {
        clear: both;
        border-bottom: 1px solid lightgrey;
    }

    .order-form .btn {
        width: auto;
        float: right;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .slidein .order-form .formbody { opacity: 1; }

    .slidein .order-form {
        max-height: auto;
        overflow: visible;
    }

    .slidein .order-form .date { display: block; }
}
#memorybook-widget .icon {
    width: 30px;
    height: 30px;
    margin: 0 20px 0 0;
    float: left;
}

#memorybook-widget svg path { fill: currentColor; }

#memorybook-widget h3,
#memorybook-widget .h3 {
    padding-bottom: 1.5vh;
}

#content {
    width: auto;
    max-height: 0;
    overflow: hidden;
    transition: overflow 0.8s;
    visibility: hidden;
}

.slidein #content {
    max-height: 500px;
    opacity: 1;
    visibility: visible;
}

#content .btn {
    width: 100%;
    opacity: 1;
}

@media (min-width: 768px) {
    #memorybook-widget .icon {
        width: 50px;
        height: 50px;
        margin: 10px 20px;
    }

    #content { padding: 20px; }

    #content .text {
        clear: both;
        display: block;
    }

    #content .btn {
        width: auto;
        float: right;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    .slidein #content {
        max-height: auto;
        overflow: visible;
        visibility: visible;
    }
}