body.backendlayout-5 {
    background-image: url(../Images/bg_adventskalender.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.Adventskalender {
    width: 100%;
    height: 100%;
    max-width: 1300px;
    position: absolute;
    top: 0px;
	
	
}

.adventskalender-bg img {
    max-width: 100%;
    height: auto;
}

.Adventskalender .door {
    position: absolute;
    font-size: 3rem;
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: red;
    padding: 4rem;
    border: 1px dashed black;
    border-left: 1px solid black;
    background: rgba(255, 255, 255, 0.7);
}

.Adventskalender .door .popup-info {
    display: none;
}

.Adventskalender .door.active {
    color: #F3AB00;
    cursor: pointer;
}

.Adventskalender .popup {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    z-index: 1;
    align-items: center;
    justify-content: center;
    display: none;
    overflow: auto;
	border: 1px solid #00338D ;
	padding-bottom: 20px;
	
	position: fixed;
	top:  0;
	left: 0;
	
	z-index: 9999;
}

.Adventskalender .popup img {
   /* max-width: 500px;*/
}

.Adventskalender .popup .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 2rem;
    cursor: pointer;
    z-index: 100;
	
}

.Adventskalender .popup .image img {
    opacity: 1 !important;
}

/*Positionierung %*/



/*1*/
.Adventskalender #door-1 {
    left: 21.23%;
    top: 66.85%;
}

/*2*/
.Adventskalender #door-2 {
    left: 82.62%;
    top: 44.35%;
}

/*3*/
.Adventskalender #door-3 {
    left: 3.85%;
    top: 46.3%;
}

/*4*/
.Adventskalender #door-7 {
    left: 33.92%;
    top: 78.48%;
}

/*5*/
.Adventskalender #door-4 {
    left: 53.23%;
    top: 50.54%;
}

/*6*/
.Adventskalender #door-15 {
    left: 69.23%;
    top: 70.98%;
}

/*7*/
.Adventskalender #door-14 {
    left: 23.84%;
    top: 7.61%;
}

/*8*/
.Adventskalender #door-9 {
    left: 68.84%;
    top: 51.2%;
}

/*9*/
.Adventskalender #door-21 {
    left: 35.38%;
    top: 51.2%;
}

/*10*/
.Adventskalender #door-5 {
    left: 84.62%;
    top: 26.41%;
}

/*11*/
.Adventskalender #door-11 {
    left: 49.62%;
    top: 73.2%;
}
/*12*/
.Adventskalender #door-8 {
    left: 6.31%;
    top: 80.54%;
}
/*13*/
.Adventskalender #door-6 {
    left: 82.46%;
    top: 8.48%;
}
/*14*/
.Adventskalender #door-10 {
    left: 5.76%;
    top: 8.15%;
}
/*15*/
.Adventskalender #door-12 {
    left: 84.46%;
    top: 62.72%;
}

/*16*/
.Adventskalender #door-13 {
    left: 49.46%;
    top: 27.17%;
}
/*17*/
.Adventskalender #door-18 {
    left: 7.69%;
    top: 63.04%;
}
/*18*/
.Adventskalender #door-17 {
    left: 84.08%;
    top: 81.2%;
}
/*19*/
.Adventskalender #door-23 {
    left: 19.62%;
    top: 50.87%;
}
/*20*/
.Adventskalender #door-20 {
    left: 61.54%;
    top: 7.39%;
}
/*21*/
.Adventskalender #door-16 {
    left: 68.46%;
    top: 24.67%;
}
/*22*/
.Adventskalender #door-22 {
    left: 44.31%;
    top: 7.07%;
}
/*23*/
.Adventskalender #door-19 {
    left: 11.69%;
    top: 28.15%;
}
/*24*/
.Adventskalender #door-24 {
    left: 26.77%;
    top: 30%;
}


.gallery-item img {
	width: auto !important;
}


@media only screen and (max-width : 1400px) {
    .Adventskalender .door {
        font-size: 3rem;
        width: 3rem;
        height: 3rem;
        padding: 3rem;
    }
}

@media only screen and (max-width : 1200px) {
    .Adventskalender .door {
        font-size: 3rem;
        width: 2.5rem;
        height: 2.5rem;
        padding: 2.5rem;
    }
}

@media only screen and (max-width : 992px) {

    .Adventskalender {
        background-image: none;
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        position: relative;
        margin-top: 2rem;
    }

    .Adventskalender .door {
        position: relative;
        left: auto !important;
        top: auto !important;
        padding: 2.5rem;
    }

    .Adventskalender #door-1 {
        order: 18;
    }

    .Adventskalender #door-2 {
        order: 16;
    }

    .Adventskalender #door-3 {
        order: 11;
    }

    .Adventskalender #door-4 {
        order: 19;
    }

    .Adventskalender #door-5 {
        order: 14;
    }

    .Adventskalender #door-6 {
        order: 21;
    }

    .Adventskalender #door-7 {
        order: 2;
    }

    .Adventskalender #door-8 {
        order: 15;
    }

    .Adventskalender #door-9 {
        order: 13;
    }

    .Adventskalender #door-10 {
        order: 10;
    }

    .Adventskalender #door-11 {
        order: 20;
    }

    .Adventskalender #door-12 {
        order: 23;
    }

    .Adventskalender #door-13 {
        order: 5;
    }

    .Adventskalender #door-14 {
        order: 1;
    }

    .Adventskalender #door-15 {
        order: 22;
    }

    .Adventskalender #door-16 {
        order: 8;
    }

    .Adventskalender #door-17 {
        order: 17;
    }

    .Adventskalender #door-18 {
        order: 24;
    }

    .Adventskalender #door-19 {
        order: 12;
    }

    .Adventskalender #door-20 {
        order: 4;
    }

    .Adventskalender #door-21 {
        order: 9;
    }

    .Adventskalender #door-22 {
        order: 3;
    }

    .Adventskalender #door-23 {
        order: 6;
    }

    .Adventskalender #door-24 {
        order: 7;
    }
}

@media only screen and (max-width : 576px) {
    .Adventskalender .door {
        padding: 3rem;
    }
}