@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');.grid-1{display:grid;max-width:1000px;width:96%;height:96%;margin:2% auto;margin-left:auto;margin-right:auto;grid-gap:10px;grid-template-areas:"d6 d23" "d22 d4" "d3 d13" "d8 d2" "d15 d18" "d7 d12" "d20 d11" "d5 d17" "d16 d1" "d21 d10" "d19 d9" "d14 d24"}@media only screen and (min-width:500px){.grid-1{grid-template-columns:repeat(4,1fr);grid-template-areas:"d6 d23 d22 d4" "d3 d13 d8 d2" "d15 d18 d7 d12" "d20 d11 d5 d17" "d16 d1 d21 d10" "d19 d9 d14 d24"}}.day-1{grid-area:d1;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.5s;animation-delay:.5s}.day-1 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Maracuja-Kokos.jpg)}.day-2{grid-area:d2;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.4s;animation-delay:.4s}.day-2 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Mandelsplitter-Nougat.jpg)}.day-3{grid-area:d3;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.1s;animation-delay:.1s}.day-3 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Sesam-Nougat.jpg)}.day-4{grid-area:d4;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.3s;animation-delay:.3s}.day-4 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Haselnuss-Nougat-Vegan.jpg)}.day-5{grid-area:d5;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.5s;animation-delay:.5s}.day-5 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Birne-Gin.jpg)}.day-6{grid-area:d6;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:0;animation-delay:0}.day-6 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Whisky-Honig.jpg)}.day-7{grid-area:d7;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.4s;animation-delay:.4s}.day-7 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Eierlikoer.jpg)}.day-8{grid-area:d8;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.3s;animation-delay:.3s}.day-8 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Himbeere-Balsamico.jpg)}.day-9{grid-area:d9;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.6s;animation-delay:.6s}.day-9 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2024/11/zartbitter.jpg)}.day-10{grid-area:d10;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.7s;animation-delay:.7s}.day-10 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Suedsee-Harmonie-Rum-Kokos.jpg)}.day-11{grid-area:d11;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.4s;animation-delay:.4s}.day-11 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Mandelsplitter-Nougat.jpg)}.day-12{grid-area:d12;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.5s;animation-delay:.5s}.day-12 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Eierlikoer.jpg)}.day-13{grid-area:d13;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.2s;animation-delay:.2s}.day-13 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Baileys.jpg)}.day-14{grid-area:d14;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.7s;animation-delay:.7s}.day-14 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Champagner.jpg)}.day-15{grid-area:d15;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.2s;animation-delay:.2s}.day-15 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2024/11/kalaminski.jpg)}.day-16{grid-area:d16;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.4s;animation-delay:.4s}.day-16 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Amaretto-Kirsche.jpg)}.day-17{grid-area:d17;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.6s;animation-delay:.6s}.day-17 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Karamell-mit-Hawaiisalz.jpg)}.day-18{grid-area:d18;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.3s;animation-delay:.3s}.day-18 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Birne-Gin-1.jpg)}.day-19{grid-area:d19;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.5s;animation-delay:.5s}.day-19 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Suedsee-Harmonie-Rum-Kokos.jpg)}.day-20{grid-area:d20;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.3s;animation-delay:.3s}.day-20 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Whisky-Honig.jpg)}.day-21{grid-area:d21;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.6s;animation-delay:.6s}.day-21 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Champagner.jpg)}.day-22{grid-area:d22;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.2s;animation-delay:.2s}.day-22 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Amaretto-Kirsche.jpg)}.day-23{grid-area:d23;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.1s;animation-delay:.1s}.day-23 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Butterkaramell.jpg)}.day-24{grid-area:d24;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}.day-24 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Zartbitter-Chili.jpg)}@media only screen and (max-width:500px){.day-1{grid-area:d1;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.5s;animation-delay:.5s}.day-1{grid-area:d1;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.5s;animation-delay:.5s}.day-1 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Maracuja-Kokos.jpg)}.day-2{grid-area:d2;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.4s;animation-delay:.4s}.day-2 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Mandelsplitter-Nougat.jpg)}.day-3{grid-area:d3;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.1s;animation-delay:.1s}.day-3 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Sesam-Nougat.jpg)}.day-4{grid-area:d4;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.3s;animation-delay:.3s}.day-4 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Haselnuss-Nougat-Vegan.jpg)}.day-5{grid-area:d5;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.5s;animation-delay:.5s}.day-5 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Birne-Gin.jpg)}.day-6{grid-area:d6;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:0;animation-delay:0}.day-6 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Whisky-Honig.jpg)}.day-7{grid-area:d7;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.4s;animation-delay:.4s}.day-7 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Eierlikoer.jpg)}.day-8{grid-area:d8;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.3s;animation-delay:.3s}.day-8 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Himbeere-Balsamico.jpg)}.day-9{grid-area:d9;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.6s;animation-delay:.6s}.day-9 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2024/11/zartbitter.jpg)}.day-10{grid-area:d10;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.7s;animation-delay:.7s}.day-10 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Suedsee-Harmonie-Rum-Kokos.jpg)}.day-11{grid-area:d11;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.4s;animation-delay:.4s}.day-11 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Mandelsplitter-Nougat.jpg)}.day-12{grid-area:d12;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.5s;animation-delay:.5s}.day-12 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Eierlikoer.jpg)}.day-13{grid-area:d13;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.2s;animation-delay:.2s}.day-13 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Baileys.jpg)}.day-14{grid-area:d14;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.7s;animation-delay:.7s}.day-14 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Champagner.jpg)}.day-15{grid-area:d15;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.2s;animation-delay:.2s}.day-15 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2024/11/kalaminski.jpg)}.day-16{grid-area:d16;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.4s;animation-delay:.4s}.day-16 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Amaretto-Kirsche.jpg)}.day-17{grid-area:d17;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.6s;animation-delay:.6s}.day-17 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Karamell-mit-Hawaiisalz.jpg)}.day-18{grid-area:d18;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.3s;animation-delay:.3s}.day-18 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Birne-Gin-1.jpg)}.day-19{grid-area:d19;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.5s;animation-delay:.5s}.day-19 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Suedsee-Harmonie-Rum-Kokos.jpg)}.day-20{grid-area:d20;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.3s;animation-delay:.3s}.day-20 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Whisky-Honig.jpg)}.day-21{grid-area:d21;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.6s;animation-delay:.6s}.day-21 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Champagner.jpg)}.day-22{grid-area:d22;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.2s;animation-delay:.2s}.day-22 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Amaretto-Kirsche.jpg)}.day-23{grid-area:d23;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:.1s;animation-delay:.1s}.day-23 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Butterkaramell.jpg)}.day-24{grid-area:d24;-webkit-animation:fadein .35s ease-out normal backwards;animation:fadein .35s ease-out normal backwards;-webkit-animation-delay:1.2s;animation-delay:1.2s}.day-24 .back{background:url(https://www.confiserie-harmonie.de/wp-content/uploads/2023/11/Zartbitter-Chili.jpg)}}.door .back .hover_overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .4s}label:hover .door .back .hover_overlay{opacity:1}@media only screen and (max-width:1200px){.door .back .hover_overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:opacity .4s}}@media only screen and (min-width:1200px){.door .back .hover_overlay-Blur{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.door .back .hover_overlay>*{transform:translateY(15px);transition:transform .5s}label:hover .door .back .hover_overlay>*{transform:translateY(0px)}}.grid-1 input{display:none}label{perspective:1000px;transform-style:preserve-3d;cursor:pointer;display:flex;min-height:100%;width:100%;height:120px}@media only screen and (min-width:500px){label{perspective:1000px;transform-style:preserve-3d;cursor:pointer;display:flex;min-height:100%;width:100%;height:200px}}.door{width:100%;transform-style:preserve-3d;transition:all .3s;border:2px dashed transparent;border-radius:10px;box-shadow:0 .2rem .5rem rgba(0,0,0,.7)}@-webkit-keyframes fadein{0%{transform:scale(0)}80%{transform:scale(1.05)}100%{transform:scale(1)}}@keyframes fadein{0%{transform:scale(0)}80%{transform:scale(1.05)}100%{transform:scale(1)}}.door div{position:absolute;height:100%;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',cursive;color:#fcec00;font-size:2em;font-weight:700;text-shadow:1px 1px 0 rgba(0,0,0,.13)}.door .back{background-size:cover;background-position:center center;background-repeat:no-repeat;background-color:#2e313d;transform:rotateY(180deg)}label:hover .door{border-color:#fcec00}:checked+.door{transform:rotateY(180deg)}.door .back .hover_title{font-size:26px;margin-top:-30%;text-align:center;font-weight:700;line-height:1}.door .back .hover_description{margin:5%;text-align:center;font-size:24px;margin-top:5em}@media only screen and (min-width:1023px){.door .back .hover_title{font-size:clamp(.35em,.5rem + 1.2vmax,40px);margin-top:-30%;text-align:center;font-weight:700;line-height:1}.door .back .hover_description{margin:5%;text-align:center;font-size:clamp(.2em,1vw,.25em);margin-top:3em}}@media only screen and (max-width:768px){.door .back .hover_title{font-size:18px;margin-top:-30px;text-align:center;font-weight:700;line-height:1}.door .back .hover_description{margin:5%;text-align:center;font-size:15px;margin-top:50px}}