body {
    line-height: 30px;
}

/* LF */

.auda-space {
    padding: 25px;
}

.auda-space-xl {
    padding: 50px;
}

.auda-pic {
    box-shadow: 2px 2px 35px rgb(104 13 2 / 65%);
}

.auda-bg-red div.red-box.auda-space {
    padding: 26px;
    height: auto;
}

.auda-bg-grey.auda-map {
    padding: 0;
}

@media (min-width: 992px) {
    .auda-bg-red div.red-box.auda-space {
        min-height: 300px;
        backdrop-filter: blur(4px);
    }
}

.site-home #header-slider .fill {
    padding-bottom: 45% !important;
}

.top-angebote {
    height: 15vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container .jumbotron {
    position: relative;
    z-index: 99;
}

.btn-red-large {
    background-color: #890005;
    border-radius: 10px;
    padding: 12px 0;
}

@media (min-width: 1200px) {
    body.site-home #header-slider {
        height: 60vh;
    }
}

@media (min-width: 1324px) {
    .site-home #header-slider .fill {
        background-position: 0 -120px;
        background-size: contain;
        background-repeat: no-repeat;
    }
}

.header-below nav,
.header-below ul {
    border-bottom: 1px solid #fff;
}

.module-block {
    margin: 140px 0;
}

#header-slider {
    border: 0;
}

#site-content h2,
#site-content h2.headline-h2,
#site-content .headline-h2,
#site-content .h2 {
    font-family: FuturaStd-Heavy, sans-serif;
    text-transform: uppercase;
    font-size: 30px;
}

#header #primary-menu .dropdown li a,
.dropdown-menu > li > a,
.carousel-caption .container h1,
.carousel-caption .container h2 {
    text-transform: uppercase;
}

.blog-entry #header-slider .carousel-caption .h2,
.blog-entry #header-slider .carousel-caption .h3,
.location-landingpage #header-slider .carousel-caption .h2,
.location-landingpage #header-slider .carousel-caption .h3 {
    animation: none;
}

#section-audaris-seo .seo-manufacturers-grid-item:nth-of-type(1) {
    order: 2;
}

#section-audaris-seo .seo-manufacturers-grid-item:nth-of-type(2) {
    order: 1;
}

#section-audaris-seo .seo-manufacturers-grid-item:nth-of-type(3) {
    order: 5;
}

#section-audaris-seo .seo-manufacturers-grid-item:nth-of-type(4) {
    order: 3;
}

#section-audaris-seo .seo-manufacturers-grid-item:nth-of-type(5) {
    order: 5;
}

h3.subheadline-h3,
p.subheadline-h3 {
    color: #c00d0d;
    font-family: FuturaStd-Book, sans-serif;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 2rem;
}

.im-headline {
    text-transform: uppercase;
}

#header .header-below {
    background-color: #000;
}

@media (min-width: 768px) {
    #header .header-below {
        background-color: #c00d0d;
    }
}

@media (min-width: 1380px) {
    #header .header-below {
        background-color: transparent;
    }
}

[data-container='infomanager'].infomanager-view-3 .prev,
[data-container='infomanager'].infomanager-view-3 .next {
    background-color: rgb(0 0 0 / 50%);
    color: #fff;
    height: calc(100% + 1px);
    line-height: 6.5;
    width: 60px;
}

.text-center {
    text-align: center;
}

#section-search-switcher .search-switcher-bottom-container {
    padding-top: 0;
}

#bs-select-1-0,
.pageid-681 #menu-social-floating {
    display: none;
}

/* hamburger */
#header .hamburger:hover .hamburger-inner,
#header .hamburger:hover .hamburger-inner::before,
#header .hamburger:hover .hamburger-inner::after,
#header .hamburger.is-active:hover .hamburger-inner,
#header .hamburger.is-active:hover .hamburger-inner::before,
#header .hamburger.is-active:hover .hamburger-inner::after,
#header .hamburger.is-active .hamburger-inner,
#header .hamburger.is-active .hamburger-inner::before,
#header .hamburger.is-active .hamburger-inner::after {
    background-color: #fff;
}

#header .hamburger.is-active .hamburger-label,
#header .hamburger:hover .hamburger-label,
#header .hamburger.is-active:hover .hamburger-label,
#header .hamburger.is-active {
    color: #fff;
}

/* remove verkaufer photo on vehicle detail page - showroom */
div.cust--contact-person {
    padding: 0 26px;
}

div.cust--contact-person > img,
.cust--contact-details div:not(:first-child) {
    display: none;
}

#site-content h2,
#site-content h2.headline-h2,
#site-content .headline-h2 {
    font-weight: 400;
}

@media (max-width: 575px) {
    .VehicleCategoryIconSlider > .carousel-overlay {
        display: none !important;

        /* pointer-events:all !important; */
    }
}

@media (max-width: 767px) {
    #section-search-switcher .nav-tabs {
        height: 80px;
        margin-top: 2.25rem;
    }

    #section-search-switcher .nav-tabs > li {
        position: relative;
        float: unset;
        padding: 10px;
        border: none;
        overflow: hidden;
    }

    #section-search-switcher .nav-tabs > li:nth-child(2) {
        border-left: 1px solid #cacaca;
        border-right: 1px solid #cacaca;
    }

    #section-search-switcher .nav-tabs > li::before {
        font-family: FontAwesome;
        color: #000;
        font-size: 2rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #section-search-switcher .nav-tabs > li.active::before {
        color: #fff;
    }

    #section-search-switcher .nav-tabs > li:nth-child(1)::before {
        content: '\f002';
    }

    #section-search-switcher .nav-tabs > li:nth-child(2)::before {
        content: '\f0ad';
    }

    #section-search-switcher .nav-tabs > li:nth-child(3)::before {
        content: '\f153';
    }

    .auda-search#section-search-switcher .nav-tabs > li > a {
        padding: 6px !important;
        border: none !important;
        font-size: 0;
        line-height: 80px !important;
        position: relative;
        top: -50%;
    }

    .auda-search#section-search-switcher .nav-tabs > .active > a,
    .auda-search#section-search-switcher .nav-tabs > .active > a:hover,
    .auda-search#section-search-switcher .nav-tabs > .active > a:focus {
        color: #fff;
        background: transparent !important;
    }

    .auda-search#section-search-switcher .nav-tabs > li.active,
    .auda-search#section-search-switcher .nav-tabs > li.active:hover,
    .auda-search#section-search-switcher .nav-tabs > li.active:focus {
        color: #fff;
        background: #000;
        border-bottom: 4px solid #c00d0d;
    }

    .module-block {
        margin: 70px 0;
    }
}

/* servicetermin module */

#section-service-brands-ajax #marken-request .direction-marken-logo {
    padding: 0.5rem;
    border: none;
    background: rgb(192 13 13 / 10%);
    transition: all ease-in-out 0.3s;
}

#section-service-brands-ajax #marken-request .direction-marken-logo:hover,
#section-service-brands-ajax #marken-request .direction-marken-logo.active {
    background: rgb(192 13 13 / 20%);
}

#section-service-brands-ajax {
    border-radius: 0;
    box-shadow: 1px 20px 40px rgb(170 170 170 / 15%);
    padding: 40px 0 50px;
}

#section-service-brands-ajax #location-request {
    background-color: transparent;
}

#section-service-brands-ajax #phone-response {
    padding-bottom: 0;
}

#section-service-brands-ajax .container {
    padding-bottom: 48px;
}

#section-search-switcher.no-search #section-service-brands-ajax {
    margin-bottom: 48px;
}

@media (min-width: 768px) {
    #header-slider .carousel-caption .h2 {
        font-size: 42px;
        text-transform: uppercase;
    }

    #header-slider .carousel-caption .h3 {
        font-size: 36px;
        text-transform: uppercase;
    }
}

@media (min-width: 992px) {
    #header-slider .carousel-caption .h2 {
        font-size: 50px;
        text-transform: uppercase;
    }

    #header-slider .carousel-caption .h3 {
        font-size: 42px;
        text-transform: uppercase;
    }
}

/**************   audaris-widget   *****************************/
.auda-search .container {
    padding: 60px 20px;
    border-radius: 10px;
    position: relative;
    z-index: 9;
    background: #fff;
    box-shadow: 0 0 10px -4px rgb(0 0 0 / 40%);
}

#section-search-switcher .tab-content {
    border: none;
    margin-top: 6px;
}

#section-search-switcher .search-switcher-top-container {
    box-shadow: none;
}

.auda-search .audaris-widget .form-select::before {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.6s all;
    background: #707070;
    opacity: 1;
}

.auda-search .audaris-widget .form-select:hover::before {
    opacity: 0;
}

.auda-search .audaris-widget .form-select {
    border: 0;
    position: relative;
    z-index: 2;
    left: 0;
    bottom: 0;
    background-color: transparent;
}

.auda-search .audaris-widget .mx-auto.flex-1 {
    padding: 10px 0 0;
}

.auda-search#section-search-switcher .nav-tabs > li > a {
    padding: 10px;
    text-transform: uppercase;
    background: transparent;
    color: #111;
    border: 1px solid grey;
    line-height: 20px;
    border-radius: 0;
}

.auda-search#section-search-switcher .nav-tabs > .active > a,
.auda-search#section-search-switcher .nav-tabs > .active > a:hover,
.auda-search#section-search-switcher .nav-tabs > .active > a:focus,
.p4n-button:hover {
    color: #fff;
    background: #111;
}

.p4n-box-header-line {
    background: #c00d0d;
}

.auda-search .audaris-widget .btn-primary,
.p4n-button {
    background: #c00d0d;
    color: #fff;
    transition: 0.3s all;
    width: 60%;
    margin: 0 auto;
    border: none;
}

.auda-search .audaris-widget .btn-primary i,
#header-slider .owl-dots {
    display: none;
}

.auda-search .audaris-widget .btn-primary .bg-white {
    background-color: transparent !important;
    color: #fff;
}

/**************  END  audaris-widget   *****************************/

/**************   Formulare   *****************************/
label {
    font-weight: 400;
}

form input.form-control,
form textarea.form-control {
    border-width: 0 0 2px;
    border-style: solid;
    border-color: #c00d0d;
    background: #fbfbfb;
}

#section-contact-form form .well,
.auda-search .audaris-widget .form-select:focus {
    box-shadow: none;
}

#section-contact-form .well {
    border: 1px solid #fff;
    box-shadow: 0 10px 16px rgb(0 0 0 / 7%);
}

.fieldsBoxWrapper .fieldsBox {
    background: #f5f5f5;
    border: none !important;
}

.checkbox-toggle-container,
.wrap-all-fields {
    border: none !important;
    background: #f4f4f4;
}

/**************   END Formulare   *****************************/

/************ Auda-Button-seventh   *******************/

.auda-btn-link a {
    letter-spacing: 1px;
    font-size: 16px;
    position: relative;
    padding: 10px 0 0 10px;
    margin: 5px 5px 5px 0;
    text-transform: uppercase;
    background: transparent;
}

.auda-btn-link a:hover {
    position: relative;
    z-index: 2;
    color: #cf151f;
    text-decoration: none;
}

.auda-btn-link a::after {
    background: #cf151f;
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.6s all;
}

.auda-btn-link a::before {
    content: '\f0da';
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.6s all;
}

.auda-btn-link a:hover::after {
    width: 15%;
}

/************ Auda-Button-seventh  END *******************/

.auda-card-group {
    display: flex;
    flex-wrap: wrap;
}

.auda-card-group .ge-content {
    height: 100%;
}

.auda-card-group .column {
    margin-bottom: 30px;
}

.auda-card-group .auda-card {
    border: 1px solid #ccc6c6;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 15px;
}

.auda-card-group .auda-card.auda-bg {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/startseite/roter-hintergrund-quer.jpg');
    background-size: cover;
    justify-content: center;
}

.auda-card-group .auda-card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.auda-card-group .auda-card-footer {
    padding: 1.25rem;
}

.auda-bg-red {
    padding: 50px 0;
    color: #000;
    background-image: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/startseite/grauer-hintergrund-quer.jpg');
}

.auda-bg-grey {
    padding: 50px 0;
    background-image: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/startseite/ostermaier-grauer-hintergrund.jpg');
}

.auda-bg-primary {
    padding: 50px 0;
    color: #000;
    background-image: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/startseite/roter-hintergrund-quer.jpg');
}

/************ Auda-Shadow SW *******************/

.auda-bg-red .auda-pic {
    box-shadow: 2px 2px 20px rgb(104 13 2 / 65%);
}

@media only screen and (min-width: 600px) {
    .auda-bg-red .auda-pic {
        box-shadow: 2px 2px 35px rgb(104 13 2 / 65%);
    }
}

/************ Auda-Shadow SW END *******************/

#footer #pre_area ul {
    line-height: 2.8;
}

#footer a:not(.btn):hover {
    text-decoration: auto;
}

@media (min-width: 1200px) {
    body:not(.site-home, .blog-entry, .location-landingpage) #header-slider .item,
    body:not(.site-home, .blog-entry, .location-landingpage) #header-slider .fill {
        height: 600px;
    }

    body:not(.site-home, .location-landingpage, .blog-entry, .fe-admin-area) #site-content .module-block:first-child > .container,
    .auda-up-blog-entry > .container {
        margin-top: -113px;
    }

    body:not(.site-home, .location-landingpage) #site-content .module-block:first-child > .container > .row:first-child,
    .auda-up-blog-entry .blog-post > .row:first-child {
        padding: 70px 40px;
        border-radius: 10px;
        position: relative;
        z-index: 3;
        background: #fff;
        box-shadow: 0 0 10px -4px rgb(0 0 0 / 40%);
    }

    body:not(.site-home, .no_header) :not(.location-landingpage) .breadcrumb_area {
        position: relative;
        margin-top: -70px;
        padding: 25px 0;
        z-index: 4;
        background: none;
        border-bottom: none;
        top: -30px;
    }

    body.no_header .breadcrumb_area {
        background: transparent;
        border: none;
    }

    body:not(.site-home, .no_header) :not(.location-landingpage) .breadcrumb_area.container {
        text-align: center;
    }

    .location-landingpage .breadcrumb_area .breadcrumb li,
    .location-landingpage .breadcrumb_area .breadcrumb a {
        color: #fff;
    }
}

#section-direction-infoboxen .pseudo-select h2 {
    text-transform: uppercase;
}

.auda-align-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.auda-justify-center {
    justify-content: center;
}

#pre_area .pre-footer-social-area a.link-default {
    color: #000;
}

.pre-footer-text-area {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 1600px) {
    #pre_area .pre-footer-social-area hr {
        width: 65%;
        margin-top: 0;
        padding-bottom: 50px;
    }
}

#footer #pre_area form {
    box-shadow: 0 0 0;
    padding: 0;
}

/************ Immissionswert in rot AA *******************/
[data-container='infomanager'].infomanager-view-6 .gallery-item .co2-info {
    color: #fff;
    font-size: 0.55rem;
    padding: 0.6rem;
    background-color: #000;
    text-rendering: optimizelegibility;
}

/************ Immissionswert Background *******************/
[data-container='infomanager'].infomanager-view-6 .gallery-item .img-overlay-info {
    inset: 0;
}

/************ Infomanager Headline Kacheln  *******************/
[data-container='infomanager'].infomanager-view-6 .im-headline {
    font-size: min(16px, max(14px, 20 / 1580 * 100vw));
}

/************ ACCORDION AA ********************/
.auda-accordion .panel-title a {
    display: block;
    position: relative;
    padding: 10px 30px 10px 10px;
    border-bottom: 2px solid;
    text-transform: uppercase;
}

.auda-accordion .panel-default > .panel-heading {
    background: transparent;
    border: none;
    padding: 0;
}

.auda-accordion .panel-title a::after {
    content: '\f13a';
    font-family: FontAwesome;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
}

.auda-accordion .panel-default {
    border: none;
    margin-bottom: 20px;
}

.auda-accordion .panel-title a::after {
    color: #890005;
}

#section-service-brands-form {
    text-align: center;
}

/************ ACCORDION AA - END ********************/

@media (max-width: 575px) {
    #header-slider .carousel-caption .left-top-2 {
        font-size: 17px;
    }

    #header-slider .carousel-caption .left-top-1 {
        font-size: 18px;
    }
}

@media (min-width: 576px) {
    .auda-cramp {
        position: relative;
        max-width: max-content;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 50px 0;
    }

    .auda-cramp::before,
    .auda-cramp::after {
        content: '';
        background-image: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/allgemeine-grafiken/klammern2.jpg');
        position: absolute;
        z-index: -1;
        width: 70px;
        height: 70px;
        display: inline-block;
        background-size: 70px 70px;
        background-repeat: no-repeat;
    }

    .auda-cramp::before {
        left: -75px;
        transform: rotate(180deg);
    }

    .auda-cramp::after {
        right: -75px;
    }
}

@media (min-width: 1380px) {
    #header .more-brands img,
    #header .logos-top-right img {
        height: 30px;
    }

    #header #logo img {
        max-height: 50px;
    }

    #header-slider .carousel-caption .left-top-2 {
        top: 37%;
    }

    #header-slider .carousel-caption .left-top-1 {
        bottom: 65%;
    }
}

@media (min-width: 1380px) and (max-width: 1514px) {
    #header #logo img {
        max-height: 40px;
    }

    #header #logo a {
        padding: 0;
    }
}

@media (min-width: 1380px) {
    #header #primary-menu li a {
        font-size: 14px;
    }
}

/* CL Datum in Infomanager Preview */
[data-container='infomanager'].infomanager-view-3[data-slider-view='1'] .im-slider-entry .badge-date {
    left: 320px;
    top: 235px;
}

.well .form-group span > a {
    color: #9c1006;
}

/** Parallax Anpassungen **/
.site-home .parallax-content,
.pageid-11040 .parallax-content,
.pageid-11756 .parallax-content {
    flex-direction: column;
}

.parallaxIMG {
    text-align: center;
    padding: 40px 0;
}

/** Standort Map **/

.map-row {
    overflow: hidden;
}

.map-container {
    position: relative;
}

.marker {
    position: absolute;
    z-index: 2;
}

div.marker svg {
    fill: #fff;
    filter: drop-shadow(0 6px 3px #0000003b);
    stroke: #00000040;
}

div.marker.active {
    z-index: 5;
    animation-name: bounce;
    animation-fill-mode: both;
    animation-duration: 1s;
    animation-iteration-count: 5;
}

div.marker.active svg {
    fill: #c00d0d;
    stroke: #ffffffd6;
}

#straubing {
    top: 45%;
    left: 64%;
}

#landshut {
    top: 55%;
    left: 54%;
}

#vilsbiburg-rentos {
    top: 56.5%;
    left: 58%;
}

#vilsbiburg-autos {
    top: 57.5%;
    left: 58.5%;
}

#eggenfelden {
    top: 59%;
    left: 65.5%;
}

#muhldorf {
    top: 65%;
    left: 60.5%;
}

#waldkrailburg {
    top: 66.5%;
    left: 58%;
}

.map {
    filter: drop-shadow(5px 5px 20px #a2a1a1);
    transform: translate(-10%, -5%);
}

.ort > *:not(.auda-btn-link) {
    pointer-events: none;
}

.ort {
    display: block;
    padding: 16px;
    margin-right: 24px;
}

.ort:hover,
.ort.active {
    background-color: rgb(255 255 255 / 40%);
}

@keyframes bounce {
    0% {
        opacity: 0;
        transform: translateY(-2000px) rotate(-45deg);
    }

    60% {
        opacity: 1;
        transform: translateY(30px) rotate(-45deg);
    }

    80% {
        transform: translateY(-10px) rotate(-45deg);
    }

    100% {
        transform: translateY(0) rotate(-45deg);
    }
}

body.location-landingpage .module-block:not(#section-vehicle-list-search-horizontal) {
    margin: 0;
}

@media (max-width: 991px) {
    #section-vehicle-list-search-horizontal {
        display: block !important;
    }
}

#header .logos-top-right img {
    image-rendering: -webkit-optimize-contrast;
}

.background-grey {
    background: #efefef;
    padding: 30px;
}

/* RM: Buttons on Farzeug-Detail-Ansicht */
.module-block.showroom .audaris-widget .aw-column-right .grid.gap-2 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.module-block.showroom .audaris-widget .aw-column-right .grid.gap-2 .btn-primary {
    width: calc(50% - 8px);
}

.module-block.showroom .audaris-widget .aw-column-right .grid.gap-2 .btn-primary:last-child {
    background: #0c2f33;
    border-color: #000;
    width: 100%;
}

/* RM: Buttons on Farzeug-Detail-Ansicht - END */

/* RM: Countdown */
#auCountdown {
    color: #9c1006;
    display: flex;
    gap: 10px;
}

#auCountdown > div {
    align-items: center;
    display: flex;
    flex-basis: 70px;
    flex-direction: column;
    gap: 5px;
}

.au-countdown-digit {
    font-family: FuturaStd-Heavy, sans-serif;
    font-size: 36px;
    font-weight: bold;
}

/* RM: Countdown - END */

/* Adventskalender */

#infoModal {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/overlay_adventskalender.jpg') no-repeat center;
    background-size: cover;
    z-index: 999999;
}

#infoModal .modal-content {
    background-color: rgb(0 0 0 / 65%);
    box-shadow: none;
}

#infoModal .modal-header {
    background: rgb(100 3 3 / 85%);
}

#infoModal .modal-header h4 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}

/* title graphic */
#infoModal .title {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

#infoModal .title img {
    width: 90%;
    height: auto;
}

/* mobile first grid layout */
#infoModal .grid-1 {
    display: grid;
    width: 96%;
    max-width: 900px;
    margin: 2% auto;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 25px;
    grid-template-areas:
        't        t       t'
        'd23      d20     d12'
        'd2       d14     d4'
        'd5       d22     d16'
        'd1       d7      d9'
        'd10      d11     d18'
        'd13      d3      d15'
        'd6       d17     d8'
        'd19      d24     d21';
}

/* media query */
@media only screen and (min-width: 500px) {
    #infoModal .grid-1 {
        grid-template-columns: repeat(6, 1fr);
        grid-template-areas:
            't     t     t     d2      d7      d8'
            't     t     t     d4      d11     d12'
            't     t     t     d19     d9      d13'
            'd6    d1    d24   d24     d21     d20'
            'd17   d18   d24   d24     d5      d22'
            'd3    d23   d16   d14     d10     d15';
    }
}

/* individual items */
#infoModal .title {
    grid-area: t;
}

#infoModal .day-1 {
    grid-area: d1;
}

#infoModal .day-1 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/1_neu_adventskalender_blog.jpg');
}

#infoModal .day-2 {
    grid-area: d2;
}

#infoModal .day-2 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/2_neu_adventskalender_blog.jpg');
}

#infoModal .day-3 {
    grid-area: d3;
}

#infoModal .day-3 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/3_neu_adventskalender_blog.jpg');
}

#infoModal .day-4 {
    grid-area: d4;
}

#infoModal .day-4 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/4_neu_adventskalender_blog.jpg');
}

#infoModal .day-5 {
    grid-area: d5;
}

#infoModal .day-5 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/5_neu_adventskalender_blog.jpg');
}

#infoModal .day-6 {
    grid-area: d6;
}

#infoModal .day-6 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/6_neu_adventskalender_blog.jpg');
}

#infoModal .day-7 {
    grid-area: d7;
}

#infoModal .day-7 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/7_neu_adventskalender_blog.jpg');
}

#infoModal .day-8 {
    grid-area: d8;
}

#infoModal .day-8 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/8_neu_adventskalender_blog.jpg');
}

#infoModal .day-9 {
    grid-area: d9;
}

#infoModal .day-9 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/9_neu_adventskalender_blog.jpg');
}

#infoModal .day-10 {
    grid-area: d10;
}

#infoModal .day-10 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/10_neu_adventskalender_blog.jpg');
}

#infoModal .day-11 {
    grid-area: d11;
}

#infoModal .day-11 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/11_neu_adventskalender_blog.jpg');
}

#infoModal .day-12 {
    grid-area: d12;
}

#infoModal .day-12 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/12_neu_adventskalender_blog.jpg');
}

#infoModal .day-13 {
    grid-area: d13;
}

#infoModal .day-13 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/13_neu_adventskalender_blog.jpg');
}

#infoModal .day-14 {
    grid-area: d14;
}

#infoModal .day-14 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/14_neu_adventskalender_blog.jpg');
}

#infoModal .day-15 {
    grid-area: d15;
}

#infoModal .day-15 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/15_neu_adventskalender_blog.jpg');
}

#infoModal .day-16 {
    grid-area: d16;
}

#infoModal .day-16 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/16_neu_adventskalender_blog.jpg');
}

#infoModal .day-17 {
    grid-area: d17;
}

#infoModal .day-17 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/17_neu_adventskalender_blog.jpg');
}

#infoModal .day-18 {
    grid-area: d18;
}

#infoModal .day-18 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/18_neu_adventskalender_blog.jpg');
}

#infoModal .day-19 {
    grid-area: d19;
}

#infoModal .day-19 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/19_neu_adventskalender_blog.jpg');
}

#infoModal .day-20 {
    grid-area: d20;
}

#infoModal .day-20 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/20_neu_adventskalender_blog.jpg');
}

#infoModal .day-21 {
    grid-area: d21;
}

#infoModal .day-21 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/21_neu_adventskalender_blog.jpg');
}

#infoModal .day-22 {
    grid-area: d22;
}

#infoModal .day-22 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/22_neu_adventskalender_blog.jpg');
}

#infoModal .day-23 {
    grid-area: d23;
}

#infoModal .day-23 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/23_neu_adventskalender_blog.jpg');
}

#infoModal .day-24 {
    grid-area: d24;
}

#infoModal .day-24 .back {
    background: url('/website/themes/ostermaier.de_relaunch3/dynamic/fe/infomanager/aktionen/weihnachten/adventskalender/24_neu_adventskalender_blog.jpg');
}

/* door styles */

#infoModal .grid-1 input {
    display: none;
}

#infoModal label {
    perspective: 1000px;
    transform-style: preserve-3d;
    cursor: pointer;
    display: flex;
    min-height: 100%;
    width: 100%;
    height: 120px;
}

#infoModal .door {
    width: 100%;
    transform-style: preserve-3d;
    transition: all 300ms;
    border: 2px dashed transparent;
    border-radius: 10px;
}

#infoModal .door div {
    position: absolute;
    height: 100%;
    width: 100%;
    backface-visibility: hidden;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;

    /* typography */
    font-family: Kalam, cursive;
    color: #fff;
    background-color: rgb(100 3 3 / 85%);
    font-size: 2em;
    font-weight: bold;
    text-shadow: 1px 1px 0 rgb(255 255 255 / 20%);
}

#infoModal .door .back {
    background-size: cover;
    background-repeat: no-repeat;
    transform: rotateY(180deg);
}

#infoModal .door .back a {
    width: 100%;
    height: 100%;
}

#infoModal .door.opened .back {
    transform: rotateY(0);
}

#infoModal .door.opened .front {
    transform: rotateY(180deg);
}

#infoModal label:hover .door {
    border-color: #fbfbfb;
}

#infoModal :checked + .door {
    transform: rotateY(180deg);
}

/* footer styles */
#infoModal footer {
    text-align: center;
    padding: 2em 0;
}

#infoModal footer a {
    color: #2e313d;
}

#infoModal footer a:hover {
    text-decoration: none;
}

@media (min-width: 768px) {
    #infoModal .modal-dialog {
        width: 900px;
        margin: 30px auto;
    }
}