/* animation */
.mfp-wrap {
    top: 0px !important;
}

.mfp-content {
    vertical-align: top !important;
    padding-top: 10px;
}

.mfp-slide.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-slide.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-slide.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

/* popup basic elements */
.mfp-content input {
    border: 1px solid #DBDCCE;
    padding: 5px;
    font-size: 17px;
    line-height: 20px;
    pointer-events: auto !important;
}

.mfp-content button {
    height: 34px;
    /*	border: 1px solid #DBDCCE;*/
    border: 0;
    padding: 0;
    vertical-align: top;
    background: #00529B;
    font-size: 19px;
    line-height: 20px;
    color: #fff;
    cursor: pointer;
    pointer-events: auto !important;
}

.advent.white-popup .header button img {
    width: auto;
    height: 36px;
    vertical-align: top;
}

.iOS .advent.white-popup .header button {
    height: 38px;
}

.iOS .advent.white-popup .header button img {
    margin-top: 3px;
}

#search_code_button {
    border-left: 0;
    background: transparent;
}

#show_all_code {
    margin-right: -3px;
    background: transparent;
}

/* render day box */
.advent.white-popup {
    position: relative;
    width: auto;
    max-width: 940px;
    padding: 20px;
    margin: 20px auto;
    background: #FFFEE8;
}

.advent.white-popup .header {
    padding-top: 10px;
    padding-bottom: 10px;
    background: #FFFEE8;
    display: flex;
    flex-wrap: wrap;
}

.advent.white-popup .header:after {
    content: '';
    display: block;
    clear: both;
}

.advent.white-popup .header img {
    display: block;
    /* width: 80%; */
    margin: 0 auto;
}

.advent.white-popup .header img.logofull {
    width: 100%;
    padding-bottom: 10px;
}

.advent.white-popup .search,
.advent.white-popup .preorder,
.advent.white-popup .show_all {
	width: 37.5%;
    margin-bottom: 5px;
}

.advent.white-popup .search {
	width: 25%;
    display: flex;
}

.advent.white-popup .search>* {
	flex: 1 1 auto;
    width: 35%;
}

.advent.white-popup .preorder {
	width: 40%;
    text-align: right;
}

.advent.white-popup .preorder a {
    margin-right: -14px;
    display: block;
}

.advent.white-popup .show_all {
	width: 35%;
    text-align: center;
}

.advent.white-popup .search #search_code {
    width: 65%;
}

.advent.white-popup .preorder img {
	height: 36px;
}

.advent.white-popup .popupcontent.error {
    padding: 20px;
    text-align: center;
    background: #fff;
}

.advent.white-popup table {
    width: 100%;
    padding: 10px;
    margin-bottom: 5px;
    background: #fff;
}

.advent.white-popup table tr th:first-of-type,
.advent.white-popup table tr td[rowspan]:first-of-type {
    padding-left: 20px;
}

.advent.white-popup table tr th:last-of-type,
.advent.white-popup table tr td[rowspan]:last-of-type {
    padding-right: 20px;
}

.advent.white-popup table tr td:nth-child(4) {
    /* text-align: center; */
    width: 200px;
}

.advent.white-popup table tr.main {
    border-top: 1px solid #000;
}

.advent.white-popup table tr.main:first-child {
    border-top: 0;
}

.advent.white-popup table tr.even {
    /* background: #ddd; */
}

.advent.white-popup table tr.uneven {
    background: #fff;
}

.advent.white-popup table thead {
    background: #00529B;
    background: linear-gradient(#327dbf, #00529b, #00317a);
    border-bottom: 1px solid #DBDCCE;
}

.advent.white-popup table th,
.advent.white-popup table td {
    padding: 5px;
    vertical-align: middle;
}

.advent.white-popup table th {
    padding-top: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
    color: #fff;
}

.advent.white-popup table tbody {}

.advent.white-popup table td span {
    white-space: nowrap;
}

.advent.white-popup .logo {
    width: 140px;
    margin: auto;
}

.advent.white-popup .logo img {
    position: relative;
    object-fit: contain;
    object-position: center;
    width: 100%;
    height: 100%;
}

/* render calendar */
.advent.calendar {
    position: relative;
    display: inline-block;
    /*float: left;*/
    padding: 10px;
    border: 9px solid #F7CB54;
    background-position: 0% 0%;
    background-size: cover;
}

.advent.calendar:after {
    content: '';
    display: block;
    clear: both;
}

.advent.row {
    float: left;
    clear: both;
    margin-bottom: 10px;
}

.advent.row.even {
    padding-right: 20px;
}

.advent.row.uneven {
    padding-left: 20px;
}

.advent.box {
    position: relative;
    float: left;
    width: 120px;
    height: 90px;
    margin: 10px;
    /* border: 2px solid #F7CB54; */
    font-family: 'Merienda', cursive;
    font-size: 25px;
    color: #F7CB54;
    text-shadow: 1px 1px 2px rgba(246, 203, 83, 1);
    cursor: pointer;
	box-shadow: 0px 0px 2px 0.1px rgba(255,255,255,0.51);
}

/* box text position */
.advent.box span {
    position: absolute;
	text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}

.advent.box.box1 span {
    top: 20%;
    left: 10%;
}

.advent.box.box2 span {
    top: 20%;
    left: 10%;
}

.advent.box.box3 span {
    top: 20%;
    left: 10%;
}

.advent.box.box4 span {
    top: 20%;
    left: 10%;
}

.advent.box.box5 span {
    top: 20%;
    left: 10%;
}

.advent.box.box6 span {
    top: 20%;
    left: 10%;
}

.advent.box.box7 span {
    top: 20%;
    left: 10%;
}

.advent.box.box8 span {
    top: 20%;
    left: 10%;
}

.advent.box.box9 span {
    top: 20%;
    left: 10%;
}

.advent.box.box10 span {
    top: 20%;
    left: 10%;
}

.advent.box.box11 span {
    top: 20%;
    left: 10%;
}

.advent.box.box12 span {
    top: 20%;
    left: 10%;
}

.advent.box.box13 span {
    top: 20%;
    left: 10%;
}

.advent.box.box14 span {
    top: 20%;
    left: 10%;
}

.advent.box.box15 span {
    top: 20%;
    left: 10%;
}

.advent.box.box16 span {
    top: 20%;
    left: 10%;
}

.advent.box.box17 span {
    top: 20%;
    left: 10%;
}

.advent.box.box18 span {
    top: 20%;
    left: 10%;
}

.advent.box.box19 span {
    top: 20%;
    left: 10%;
}

.advent.box.box20 span {
    top: 20%;
    left: 10%;
}

.advent.box.box21 span {
    top: 20%;
    left: 10%;
}

.advent.box.box22 span {
    top: 20%;
    left: 10%;
}

.advent.box.box23 span {
    top: 20%;
    left: 10%;
}

.advent.box.box24 span {
    top: 20%;
    left: 10%;
}

/*** responsive ***/
@media screen and (max-width: 1600px) {}

@media screen and (max-width: 1500px) {
    .advent.box {
        width: 100px;
    }
}

@media screen and (max-width: 1400px) {}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1100px) {}

/* tablet */
@media screen and (max-width: 768px) {
    .advent.calendar {
        width: 100%;
    }

    .advent.row {
        width: 100%;
        margin: 0px;
    }

    .advent.box {
        width: 23%;
        height: auto;
        padding-bottom: 16.6%;
        margin: 1%;
    }

    .advent.white-popup {
        font-size: 14px;
    }

    .advent.white-popup table th {
        text-align: center;
    }

    .advent.white-popup .preorder,
    .advent.white-popup .show_all,
    .advent.white-popup .search {
        width: 100%;
        text-align: center;
    }

    .advent.white-popup .preorder a {
        margin: auto;
    }

    .advent.white-popup .preorder,
    .advent.white-popup .show_all {
        width: 50%;
    }

    .advent.white-popup .header img {
        width: 100%;
        height: auto;
    }

    .advent.white-popup table tr td:nth-child(4) {
        width: auto;
    }

    .advent.white-popup .logo {
        width: 120px;
    }
}

@media screen and (max-width: 670px) {
    .advent.white-popup .logo {
        width: 100px;
    }
}

@media screen and (max-width: 600px) {
    .advent.white-popup .preorder,
    .advent.white-popup .show_all,
    .advent.white-popup .search {
        width: 100%;
        text-align: center;
    }

    .advent.white-popup .logo {
        width: 80px;
    }
}

/* phone big */
@media screen and (max-width: 480px) {
    .advent.calendar {
        border-width: 5px;
    }

    .advent.white-popup {
        padding: 10px;
        font-size: 12px;
    }

    .advent.white-popup table th,
    .advent.white-popup table td {
        padding: 2px;
    }

    .advent.white-popup table td {
        text-align: center;
        vertical-align: middle;
    }

    .advent.white-popup table td:nth-child(3) {
        word-break: break-word;
    }

    .advent.white-popup table tr th:last-of-type,
    .advent.white-popup table tr td[rowspan]:last-of-type,
    .advent.white-popup table tr th:first-of-type,
    .advent.white-popup table tr td[rowspan]:first-of-type {
        padding: 2px;
    }
}

/* phone */
@media screen and (max-width: 360px) {}

/* changed csv info */
/* .advent.white-popup table tr.code5637,
.advent.white-popup table tr.code7354,
.advent.white-popup table tr.code1020 {
    background: #f7cb54;
} */
/* dont change anthing after this line */
/* ## replaced by script ## */
.advent.calendar { background-image: url('https://sternschnuppen.boehm.media/wp-content/uploads/2025/10/2025_10_Sternschnuppen_988x1231.jpg'); }
/* ## replaced by script ## */