diff --git a/main/min-style.css b/main/min-style.css index 97505b17..900e9023 100644 --- a/main/min-style.css +++ b/main/min-style.css @@ -1,2 +1,2 @@ -@charset "UTF-8";:focus{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0!important}.navigation{height:70px;background:url(../inc/bg/christmas-banner-6739203.jpg) 0 86% no-repeat;border-radius:0 0 2rem 2rem;background-size:100%;border-bottom:4px ridge sienna;background-size:100%}.brand{text-align:left;position:absolute;padding-left:20px;float:left;font-size:1.2em;font-weight:700;text-shadow:1px 0 #fff,0 1px #fff,-1px 0 #fff,0 -1px #fff;margin:.9rem 0 0 3rem}.brand a,.brand a:visited{color:peru;text-decoration:none}.nav-container{max-width:1000px;margin:0 auto}nav{display:block;float:right;font-weight:700;padding-right:1rem;margin:2rem 1rem 0 0;border-radius:2rem;background:hsla(0,0%,100%,.7)}nav ul{list-style:none;margin:0;padding:0;background-color:hsla(0,0%,100%,.5)}nav ul li{float:left;position:relative;padding:0}nav ul li a,nav ul li a:visited{display:block;padding:.5rem .5rem;color:peru;text-decoration:none}nav ul li a.active,nav ul li a:active,nav ul li a:hover,nav ul li a:visited.active,nav ul li a:visited:active,nav ul li a:visited:hover{color:sienna;text-decoration:underline}nav ul li a:not(:only-child):after,nav ul li a:visited:not(:only-child):after{padding-left:10px;content:"▾"}nav ul li ul li{min-width:190px}nav ul li ul li a{padding:15px;line-height:20px}.nav-dropdown{position:absolute;display:none;z-index:1;-webkit-box-shadow:0 3px 12px rgba(0,0,0,.2);box-shadow:0 3px 12px rgba(0,0,0,.2);margin-top:4px;font-weight:700}.nav-mobile{display:none;position:absolute;top:0;right:0;height:70px;width:70px}@media only screen and (max-width:798px){.brand{margin:.9rem 0 0 1rem}.nav-mobile{display:block}nav{width:100%;padding:70px 0 15px 0;text-shadow:none;margin:0;background:0 0}nav ul{display:none;border:4px ridge sienna;border-radius:2rem}nav ul li{float:none;padding-top:0}nav ul li a{padding:15px;background:0 0;line-height:15px}.nav-dropdown{position:static;background:0 0;border:none;-webkit-box-shadow:none;box-shadow:none}}@media screen and (min-width:799px){.nav-list{display:block!important}}#nav-toggle{position:absolute;left:18px;top:22px;cursor:pointer;padding:10px 0 16px 0}#nav-toggle span,#nav-toggle span:after,#nav-toggle span:before{cursor:pointer;border-radius:1px;height:5px;width:35px;background:#000;position:absolute;display:block;content:"";-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#nav-toggle span:before{top:-10px}#nav-toggle span:after{bottom:-10px}#nav-toggle.active span{background-color:transparent}#nav-toggle.active span:after,#nav-toggle.active span:before{top:0}#nav-toggle.active span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#nav-toggle.active span:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#kerzen>img{width:20%;display:none}.TimeContainer{margin-top:20px;color:sienna;font-size:20px;font-weight:700;text-shadow:1px 1px 1px #a9a9a9}#clockdiv>div{display:inline-block;background-image:url(../inc/bg/christmas-shopping-card.png);background-repeat:no-repeat;background-size:120%;background-position:-23px;border:0;min-width:150px;height:133px;margin:0 0 -25px -10px}#clockdiv>div span{padding-top:40px;display:inline-block;margin-left:-10px}.smalltext{font-size:10px;margin-left:-10px}.kalender{display:inline-block;position:relative;text-align:center;width:460px;height:699.25px;background-size:516px;background-position:-13px}.kalender div{position:absolute;border:2px solid sienna;width:103.875px;height:103.875px;overflow:hidden;background:hsla(0,0%,100%,.3)}.kalender h3{padding-top:1.5rem;padding:1rem;color:#e8690f}.kalender a{text-decoration:none}.kalender #hiddenTuer{margin:1rem;max-height:auto;text-decoration:none}.kalender span{position:absolute;display:inline-block;top:.5rem;left:1.1rem;font-size:1rem;width:6rem;height:6rem;color:#8b0000;background-size:cover;text-align:left;text-shadow:1px 1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff,-1px -1px 1px #fff}.kalender .left{position:absolute;left:0;top:0;width:153.875px;height:103.875px;display:block;border:none;background-size:516px;margin-left:-13px}.kalender a:focus .left,.kalender a:hover .left{left:-163.875px}.kalender a .left{display:block;position:absolute;-webkit-transition:left .5s;transition:left .5s}.kalender .inactive a{pointer-events:none;cursor:default}.kalender #ak1{left:5px;top:5px}.kalender #ak1 .left{background-position:-7px -7px}.kalender #ak2{left:121.875px;top:5px}.kalender #ak2 .left{background-position:-123.875px -7px}.kalender #ak3{left:238.75px;top:5px}.kalender #ak3 .left{background-position:-240.75px -7px}.kalender #ak4{left:355.625px;top:5px}.kalender #ak4 .left{background-position:-357.625px -7px}.kalender #ak5{left:5px;top:121.875px}.kalender #ak5 .left{background-position:-7px -123.875px}.kalender #ak6{left:121.875px;top:121.875px}.kalender #ak6 .left{background-position:-123.875px -123.875px}.kalender #ak7{left:238.75px;top:121.875px}.kalender #ak7 .left{background-position:-240.75px -123.875px}.kalender #ak8{left:355.625px;top:121.875px}.kalender #ak8 .left{background-position:-357.625px -123.875px}.kalender #ak9{left:5px;top:238.75px}.kalender #ak9 .left{background-position:-7px -240.75px}.kalender #ak10{left:121.875px;top:238.75px}.kalender #ak10 .left{background-position:-123.875px -240.75px}.kalender #ak11{left:238.75px;top:238.75px}.kalender #ak11 .left{background-position:-240.75px -240.75px}.kalender #ak12{left:355.625px;top:238.75px}.kalender #ak12 .left{background-position:-357.625px -240.75px}.kalender #ak13{left:5px;top:355.625px}.kalender #ak13 .left{background-position:-7px -357.625px}.kalender #ak14{left:121.875px;top:355.625px}.kalender #ak14 .left{background-position:-123.875px -357.625px}.kalender #ak15{left:238.75px;top:355.625px}.kalender #ak15 .left{background-position:-240.75px -357.625px}.kalender #ak16{left:355.625px;top:355.625px}.kalender #ak16 .left{background-position:-357.625px -357.625px}.kalender #ak17{left:5px;top:472.5px}.kalender #ak17 .left{background-position:-7px -474.5px}.kalender #ak18{left:121.875px;top:472.5px}.kalender #ak18 .left{background-position:-123.875px -474.5px}.kalender #ak19{left:238.75px;top:472.5px}.kalender #ak19 .left{background-position:-240.75px -474.5px}.kalender #ak20{left:355.625px;top:472.5px}.kalender #ak20 .left{background-position:-357.625px -474.5px}.kalender #ak21{left:5px;top:589.375px}.kalender #ak21 .left{background-position:-7px -591.375px}.kalender #ak22{left:121.875px;top:589.375px}.kalender #ak22 .left{background-position:-123.875px -591.375px}.kalender #ak23{left:238.75px;top:589.375px}.kalender #ak23 .left{background-position:-240.75px -591.375px}.kalender #ak24{left:355.625px;top:589.375px}.kalender #ak24 .left{background-position:-357.625px -591.375px}.kalender #ak25{left:5px;top:706.25px}.kalender #ak25 .left{background-position:-7px -708.25px}.kalender #ak26{left:121.875px;top:706.25px}.kalender #ak26 .left{background-position:-123.875px -708.25px}.kalender #ak27{left:238.75px;top:706.25px}.kalender #ak27 .left{background-position:-240.75px -708.25px}.kalender #ak28{left:355.625px;top:706.25px}.kalender #ak28 .left{background-position:-357.625px -708.25px}.kalender #türPlus{display:none}.tueren{margin-top:20px}.tueren h3{font-size:clamp(1.2rem,2vw,2.2rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration:underline;margin-top:clamp(3.8rem,5vh,10rem);padding-bottom:1rem}.tueren #txt{display:inline-block;font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;border:4px ridge sienna;background:hsla(0,0%,100%,.7) url(../inc/bg/1667917199713.png) -1px -5px no-repeat;background-size:100%;padding:0 1.5rem 0 1.5rem;width:clamp(25rem,40vw,50rem);font-weight:500}.tueren #txt u{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;margin-top:1rem;color:peru}.tueren img{display:inline-block;margin:0 0 10px 0;width:30%}.tueren #false{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif}.tueren #falseImg{display:inline-block;margin:1rem 0 -5px 0;width:clamp(100px,18vw,150px)}.tueren #bibi{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;color:#006400;font-style:italic}.tueren #bibi u{color:#006400}.tueren #bibi span{display:inline-block;padding:.3rem 0 0 0}.tueren #melly{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;color:#6959cd;font-style:italic}.tueren #melly u{color:#6959cd}.tueren #melly span{display:inline-block;padding:.3rem 0 0 0}.tueren #packa{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;color:#006400;font-style:italic}.tueren #packa u{color:#006400}.tueren #packa span{display:inline-block;padding:.3rem 0 0 0}.tueren #tina{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;color:#8b7500;font-style:italic}.tueren #tina u{color:#8b7500}.tueren #tina span{display:inline-block;padding:.3rem 0 0 0}.tueren #alex{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;color:#36648b;font-style:italic}.tueren #alex u{color:#36648b}.tueren #alex span{display:inline-block;padding:.3rem 0 0 0}.tueren #otherPerson{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;color:#000;font-style:italic}.tueren #otherPerson u{color:#000}.tueren #otherPerson span{display:inline-block;padding:.3rem 0 0 0}.tueren .schneei #SRechts{display:inline-block;margin:-5px 8px 0 0;z-index:5;width:7rem;float:right;padding:0;position:relative}.tueren .schneei #txt{clip-path:polygon(381px 0,100% 150px,100% 100%,0 100%,0 0);margin-top:-140px;z-index:0}.tueren #schneiiW{display:inline-block;margin:0 0 -4.5px 0;width:40%}.tueren #packaW{display:inline-block;margin:0 0 -4.5px 0;width:25%}.titel>img{display:inline-block;max-width:210px;margin-top:15px}.titel h3{color:gold;margin-top:-54px;padding-bottom:1.5rem}#kstart{display:inline-block;font-weight:700;color:peru;margin-top:-3rem;padding:1.5rem;text-decoration:underline;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e1e1e1));background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e1e1e1);border:2px solid #c21514}.euber{display:inline-block;color:#000;font-size:.9rem;font-weight:400;border:3px solid sienna;max-width:460px;padding:0 1rem 0 1rem;background-color:#fff}.euber span{text-decoration:underline;font-weight:700}.radio iframe{padding:0 0 1rem 1rem}.select{font-size:.7rem;display:inline-block;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e1e1e1));background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e1e1e1);border:1px solid #8b0000;border-radius:5px;padding:.5rem}.select select{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;font-family:Times New Roman;background-color:transparent;font-size:.7rem}button{border:3px solid sienna;border-radius:5px;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),to(#e7e9ea));background:linear-gradient(to bottom,#fefffd,#e7e9ea);font-weight:700;color:#000}button a{color:peru;text-decoration:none;padding:0 .5rem 0 0}.pList{padding-bottom:.5rem}.pList div{font-size:.9rem}.pList img{max-width:1.5rem;padding-right:.5rem}.pList button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:auto;margin-top:auto;padding:.5rem;-webkit-box-shadow:2px 2px 3px #000;box-shadow:2px 2px 3px #000}.LFilme{display:inline-block;max-width:80%}.LFilme #film{padding:.5rem;float:left}.LFilme #film p:first-child{border-bottom:2px solid gray;padding-bottom:1rem}.LFilme #film img{max-width:3rem}.LFilme #film #FCover{max-width:10rem;border:3px solid sienna}.LFilme #film button{padding:0 .5rem 0 .5rem;margin-bottom:auto;margin-top:auto;-webkit-box-shadow:3px 3px 8px #000;box-shadow:3px 3px 8px #000}.üList{display:inline-block;padding:.5rem;margin:1em;color:peru;font-weight:700;text-decoration:underline;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e1e1e1));background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e1e1e1);border:2px solid peru;border-radius:.5rem;text-shadow:1px 1px 1px #a9a9a9;-webkit-box-shadow:1px 1px 5px #000;box-shadow:1px 1px 5px #000}.sGalerie{display:inline-block;max-width:38vh}.sGalerie div{background-color:#fff;padding:1rem;border-top:2px solid gray}.sGalerie button{padding:.4rem 0 0 0;-webkit-box-shadow:3px 3px 8px #000;box-shadow:3px 3px 8px #000}.sGalerie img{padding:.4rem .6rem .6rem .6rem;width:5.5rem;height:6.5rem;-o-object-fit:cover;object-fit:cover}.sGalerie #leer{display:inline-block;padding:10px 10px 0 0}.gimages{display:inline-block;max-width:30rem;padding:1rem .5rem .5rem .5rem}.gimages a{display:inline-block;padding:0 5px 5px 5px}.gimages img{width:8rem;height:8rem;border:3px solid sienna;-webkit-box-shadow:3px 3px 8px #000;box-shadow:3px 3px 8px #000;padding:.5rem;background:#fff;-o-object-fit:cover;object-fit:cover}.neu{border:1px solid red;padding:.5rem;font-weight:700;color:#8b0000;background:#dcdcdc}.develop{text-decoration:underline;color:red;font-weight:700;text-shadow:-1px -1px 1rem #000,1px 1px 1rem #000}body{text-align:center;margin:0;min-height:100vh;overflow-x:hidden;background-color:#fefefe;background-image:url(../inc/bg/hufeisen_pattern_1024.webp);background-repeat:repeat;background-size:60%;background-attachment:scroll;background-position:top center;position:relative}article{position:relative;z-index:1;padding-bottom:10rem}body::after{content:"";position:fixed;top:150px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:800px;height:800px;background-image:url(../inc/bg/golden_christmas_tree.webp);background-repeat:no-repeat;background-size:contain;z-index:-1;opacity:.9;pointer-events:none}#debug-overlay{backdrop-filter:blur(3px);-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);box-shadow:0 0 8px rgba(0,0,0,.3)}#snowman{position:fixed;bottom:clamp(.1rem,.9vh,3rem);left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:clamp(10rem,40vw,16rem);z-index:15;pointer-events:none;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}#snowman img{display:block;width:100%;height:auto}footer{position:fixed;bottom:0;left:0;width:100%;min-height:clamp(2rem,2vw,5rem);background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e7e9ea));background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e7e9ea);-webkit-box-shadow:-2px -2px 5px rgba(0,0,0,.2);box-shadow:-2px -2px 5px rgba(0,0,0,.2);z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}footer a{text-decoration:none;color:#a9a9a9;font-size:.8rem;-webkit-transition:color .3s;transition:color .3s}footer a:hover{color:#555}#footer2{color:#a9a9a9} +@charset "UTF-8";:focus{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0!important}.navigation{height:70px;background:url(../inc/bg/christmas-banner-6739203.jpg) 0 86% no-repeat;border-radius:0 0 2rem 2rem;background-size:100%;border-bottom:4px ridge sienna;background-size:100%}.brand{text-align:left;position:absolute;padding-left:20px;float:left;text-transform:uppercase;font-size:1.2em;font-weight:700;text-shadow:1px 0 #fff,0 1px #fff,-1px 0 #fff,0 -1px #fff;margin:.9rem 0 0 3rem}.brand a,.brand a:visited{color:peru;text-decoration:none}.nav-container{max-width:1000px;margin:0 auto}nav{display:block;float:right;font-weight:700;padding-right:1rem;margin:2rem 1rem 0 0;border-radius:2rem;background:hsla(0,0%,100%,.7)}nav ul{list-style:none;margin:0;padding:0;background-color:hsla(0,0%,100%,.7)}nav ul li{float:left;position:relative;padding:0}nav ul li a,nav ul li a:visited{display:block;padding:.5rem .5rem;color:peru;text-decoration:none}nav ul li a.active,nav ul li a:active,nav ul li a:hover,nav ul li a:visited.active,nav ul li a:visited:active,nav ul li a:visited:hover{color:sienna;text-decoration:underline}nav ul li a:not(:only-child):after,nav ul li a:visited:not(:only-child):after{padding-left:10px;content:"▾"}nav ul li ul li{min-width:190px}nav ul li ul li a{padding:15px;line-height:20px}.nav-dropdown{position:absolute;display:none;z-index:1;-webkit-box-shadow:0 3px 12px rgba(0,0,0,.2);box-shadow:0 3px 12px rgba(0,0,0,.2);margin-top:4px;font-weight:700}.nav-mobile{display:none;position:absolute;top:0;right:0;height:70px;width:70px}@media only screen and (max-width:798px){.brand{margin:.9rem 0 0 1rem}.nav-mobile{display:block}nav{width:100%;padding:70px 0 15px 0;text-shadow:none;margin:0;background:0 0}nav ul{display:none;border:4px ridge sienna;border-radius:2rem}nav ul li{float:none;padding-top:0}nav ul li a{padding:15px;background:0 0;line-height:15px}.nav-dropdown{position:static;background:0 0;border:none;-webkit-box-shadow:none;box-shadow:none}}@media screen and (min-width:799px){.nav-list{display:block!important}}#nav-toggle{position:absolute;left:18px;top:22px;cursor:pointer;padding:10px 0 16px 0}#nav-toggle span,#nav-toggle span:after,#nav-toggle span:before{cursor:pointer;border-radius:1px;height:5px;width:35px;background:#000;position:absolute;display:block;content:"";-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#nav-toggle span:before{top:-10px}#nav-toggle span:after{bottom:-10px}#nav-toggle.active span{background-color:transparent}#nav-toggle.active span:after,#nav-toggle.active span:before{top:0}#nav-toggle.active span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#nav-toggle.active span:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#kerzen>img{width:20%;display:none}.TimeContainer{margin-top:20px;color:sienna;font-size:20px;font-weight:700;text-shadow:1px 1px 1px #a9a9a9}#clockdiv>div{display:inline-block;background-image:url(../inc/bg/christmas-shopping-card.png);background-repeat:no-repeat;background-size:120%;background-position:-23px;border:0;min-width:150px;height:133px;margin:0 0 -25px -10px}#clockdiv>div span{padding-top:40px;display:inline-block;margin-left:-10px}.smalltext{font-size:10px;margin-left:-10px}.kalender{display:inline-block;position:relative;text-align:center;width:460px;height:699.25px;background-size:516px;background-position:-13px}.kalender div{position:absolute;border:2px solid sienna;width:103.875px;height:103.875px;overflow:hidden;background:hsla(0,0%,100%,.3)}.kalender h3{padding-top:1.5rem;font-weight:700;padding:1.5rem;color:sienna}.kalender a{text-decoration:none}.kalender #hiddenTuer{margin:1rem;max-height:auto;text-decoration:none}.kalender span{position:absolute;display:inline-block;top:.5rem;left:1.1rem;font-size:1rem;width:6rem;height:6rem;color:#8b0000;background-size:cover;text-align:left;text-shadow:1px 1px 1px #fff,1px -1px 1px #fff,-1px 1px 1px #fff,-1px -1px 1px #fff}.kalender .left{position:absolute;left:0;top:0;width:153.875px;height:103.875px;display:block;border:none;background-size:516px;margin-left:-13px}.kalender a:focus .left,.kalender a:hover .left{left:-163.875px}.kalender a .left{display:block;position:absolute;-webkit-transition:left .5s;transition:left .5s}.kalender .inactive a{pointer-events:none;cursor:default}.kalender #ak1{left:5px;top:5px}.kalender #ak1 .left{background-position:-7px -7px}.kalender #ak2{left:121.875px;top:5px}.kalender #ak2 .left{background-position:-123.875px -7px}.kalender #ak3{left:238.75px;top:5px}.kalender #ak3 .left{background-position:-240.75px -7px}.kalender #ak4{left:355.625px;top:5px}.kalender #ak4 .left{background-position:-357.625px -7px}.kalender #ak5{left:5px;top:121.875px}.kalender #ak5 .left{background-position:-7px -123.875px}.kalender #ak6{left:121.875px;top:121.875px}.kalender #ak6 .left{background-position:-123.875px -123.875px}.kalender #ak7{left:238.75px;top:121.875px}.kalender #ak7 .left{background-position:-240.75px -123.875px}.kalender #ak8{left:355.625px;top:121.875px}.kalender #ak8 .left{background-position:-357.625px -123.875px}.kalender #ak9{left:5px;top:238.75px}.kalender #ak9 .left{background-position:-7px -240.75px}.kalender #ak10{left:121.875px;top:238.75px}.kalender #ak10 .left{background-position:-123.875px -240.75px}.kalender #ak11{left:238.75px;top:238.75px}.kalender #ak11 .left{background-position:-240.75px -240.75px}.kalender #ak12{left:355.625px;top:238.75px}.kalender #ak12 .left{background-position:-357.625px -240.75px}.kalender #ak13{left:5px;top:355.625px}.kalender #ak13 .left{background-position:-7px -357.625px}.kalender #ak14{left:121.875px;top:355.625px}.kalender #ak14 .left{background-position:-123.875px -357.625px}.kalender #ak15{left:238.75px;top:355.625px}.kalender #ak15 .left{background-position:-240.75px -357.625px}.kalender #ak16{left:355.625px;top:355.625px}.kalender #ak16 .left{background-position:-357.625px -357.625px}.kalender #ak17{left:5px;top:472.5px}.kalender #ak17 .left{background-position:-7px -474.5px}.kalender #ak18{left:121.875px;top:472.5px}.kalender #ak18 .left{background-position:-123.875px -474.5px}.kalender #ak19{left:238.75px;top:472.5px}.kalender #ak19 .left{background-position:-240.75px -474.5px}.kalender #ak20{left:355.625px;top:472.5px}.kalender #ak20 .left{background-position:-357.625px -474.5px}.kalender #ak21{left:5px;top:589.375px}.kalender #ak21 .left{background-position:-7px -591.375px}.kalender #ak22{left:121.875px;top:589.375px}.kalender #ak22 .left{background-position:-123.875px -591.375px}.kalender #ak23{left:238.75px;top:589.375px}.kalender #ak23 .left{background-position:-240.75px -591.375px}.kalender #ak24{left:355.625px;top:589.375px}.kalender #ak24 .left{background-position:-357.625px -591.375px}.kalender #ak25{left:5px;top:706.25px}.kalender #ak25 .left{background-position:-7px -708.25px}.kalender #ak26{left:121.875px;top:706.25px}.kalender #ak26 .left{background-position:-123.875px -708.25px}.kalender #ak27{left:238.75px;top:706.25px}.kalender #ak27 .left{background-position:-240.75px -708.25px}.kalender #ak28{left:355.625px;top:706.25px}.kalender #ak28 .left{background-position:-357.625px -708.25px}.kalender #türPlus{display:none}.tueren{margin-top:20px}.tueren h3{font-size:clamp(1.2rem,2vw,2.2rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;text-decoration:underline;margin-top:clamp(3.8rem,5vh,10rem);padding-bottom:1rem}.tueren #txt{display:inline-block;font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;border:4px ridge sienna;background:hsla(0,0%,100%,.7) url(../inc/bg/1667917199713.png) -1px -5px no-repeat;background-size:100%;padding:0 1.5rem 0 1.5rem;width:clamp(25rem,40vw,50rem);margin-bottom:clamp(.1rem,2vh,3rem)}.tueren #txt u{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;margin-top:1rem;color:peru}.tueren img{display:inline-block;margin:0 0 10px 0;width:30%}.tueren #false{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif}.tueren #falseImg{display:inline-block;margin:1rem 0 -5px 0;width:clamp(100px,18vw,150px)}.tueren #bibi{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;color:#006400;font-style:italic}.tueren #bibi u{color:#006400}.tueren #bibi span{display:inline-block;padding:.3rem 0 0 0}.tueren #melly{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;color:#6959cd;font-style:italic}.tueren #melly u{color:#6959cd}.tueren #melly span{display:inline-block;padding:.3rem 0 0 0}.tueren #packa{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;color:#006400;font-style:italic}.tueren #packa u{color:#006400}.tueren #packa span{display:inline-block;padding:.3rem 0 0 0}.tueren #tina{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;color:#8b7500;font-style:italic}.tueren #tina u{color:#8b7500}.tueren #tina span{display:inline-block;padding:.3rem 0 0 0}.tueren #alex{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;color:#36648b;font-style:italic}.tueren #alex u{color:#36648b}.tueren #alex span{display:inline-block;padding:.3rem 0 0 0}.tueren #otherPerson{font-size:clamp(1rem,1.6vw,1.4rem);font-weight:700;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;color:#000;font-style:italic}.tueren #otherPerson u{color:#000}.tueren #otherPerson span{display:inline-block;padding:.3rem 0 0 0}.tueren .schneei{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tueren .schneei #SRechts{margin:-5px 8px 0 0;z-index:5;width:7rem;right:-13.5rem;padding:0;position:relative}.tueren .schneei #txt{clip-path:polygon(375px 0,100% 140px,100% 100%,0 100%,0 0);margin-top:-9rem;z-index:3}.tueren #schneiiW{display:inline-block;margin:0 0 -4.5px 0;width:40%}.tueren #packaW{display:inline-block;margin:0 0 -4.5px 0;width:25%}.titel>img{display:inline-block;max-width:210px;margin-top:15px}.titel h3{color:gold;margin-top:-54px;padding-bottom:1.5rem}#kstart{display:inline-block;font-weight:700;color:peru;margin-top:-3rem;padding:1.5rem;text-decoration:underline;background-color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e1e1e1));background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e1e1e1);border:2px solid #c21514}.euber{display:inline-block;color:#000;font-size:.9rem;font-weight:400;border:3px solid sienna;max-width:460px;padding:0 1rem 0 1rem;background-color:#fff}.euber span{text-decoration:underline;font-weight:700}.radio iframe{padding:0 0 1rem 1rem}.select{font-size:.7rem;display:inline-block;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e1e1e1));background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e1e1e1);border:1px solid #8b0000;border-radius:5px;padding:.5rem}.select select{-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none;font-family:Times New Roman;background-color:transparent;font-size:.7rem}button{border:3px solid sienna;border-radius:5px;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),to(#e7e9ea));background:linear-gradient(to bottom,#fefffd,#e7e9ea);font-weight:700;color:#000}button a{color:peru;text-decoration:none;padding:0 .5rem 0 0}.pList{padding-bottom:.5rem}.pList div{font-size:.9rem}.pList img{max-width:1.5rem;padding-right:.5rem}.pList button{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:auto;margin-top:auto;padding:.5rem;-webkit-box-shadow:2px 2px 3px #000;box-shadow:2px 2px 3px #000}.LFilme{display:inline-block;max-width:80%}.LFilme #film{padding:.5rem;float:left}.LFilme #film p:first-child{border-bottom:2px solid gray;padding-bottom:1rem}.LFilme #film img{max-width:3rem}.LFilme #film #FCover{max-width:10rem;border:3px solid sienna}.LFilme #film button{padding:0 .5rem 0 .5rem;margin-bottom:auto;margin-top:auto;-webkit-box-shadow:3px 3px 8px #000;box-shadow:3px 3px 8px #000}.üList{display:inline-block;padding:.5rem;margin:1em;color:peru;font-weight:700;text-decoration:underline;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e1e1e1));background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e1e1e1);border:2px solid peru;border-radius:.5rem;text-shadow:1px 1px 1px #a9a9a9;-webkit-box-shadow:1px 1px 5px #000;box-shadow:1px 1px 5px #000}.sGalerie{display:inline-block;max-width:38vh}.sGalerie div{background-color:#fff;padding:1rem;border-top:2px solid gray}.sGalerie button{padding:.4rem 0 0 0;-webkit-box-shadow:3px 3px 8px #000;box-shadow:3px 3px 8px #000}.sGalerie img{padding:.4rem .6rem .6rem .6rem;width:5.5rem;height:6.5rem;-o-object-fit:cover;object-fit:cover}.sGalerie #leer{display:inline-block;padding:10px 10px 0 0}.gimages{display:inline-block;max-width:30rem;padding:1rem .5rem .5rem .5rem}.gimages a{display:inline-block;padding:0 5px 5px 5px}.gimages img{width:8rem;height:8rem;border:3px solid sienna;-webkit-box-shadow:3px 3px 8px #000;box-shadow:3px 3px 8px #000;padding:.5rem;background:#fff;-o-object-fit:cover;object-fit:cover}.neu{border:1px solid red;padding:.5rem;font-weight:700;color:#8b0000;background:#dcdcdc}.develop{text-decoration:underline;color:red;font-weight:700;text-shadow:-1px -1px 1rem #000,1px 1px 1rem #000}body{text-align:center;margin:0;min-height:100vh;overflow-x:hidden;background-color:#fefefe;background-image:url(../inc/bg/hufeisen_pattern_1024.webp);background-repeat:repeat;background-size:23rem;background-attachment:scroll;background-position:top center;position:relative}article{position:relative;z-index:1;padding-bottom:10rem}body::after{content:"";position:fixed;top:150px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:800px;height:800px;background-image:url(../inc/bg/golden_christmas_tree.webp);background-repeat:no-repeat;background-size:contain;z-index:-1;opacity:.9;pointer-events:none}#debug-overlay{backdrop-filter:blur(3px);-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);box-shadow:0 0 8px rgba(0,0,0,.3)}#snowman{position:fixed;bottom:clamp(.1rem,.9vh,3rem);left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:clamp(10rem,40vw,16rem);z-index:15;pointer-events:none;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}#snowman img{display:block;width:100%;height:auto}footer{position:fixed;bottom:0;left:0;width:100%;min-height:clamp(2rem,2vw,5rem);background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e7e9ea));background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e7e9ea);-webkit-box-shadow:-2px -2px 5px rgba(0,0,0,.2);box-shadow:-2px -2px 5px rgba(0,0,0,.2);z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}footer a{text-decoration:none;color:#a9a9a9;font-size:.8rem;-webkit-transition:color .3s;transition:color .3s}footer a:hover{color:#555}#footer2{color:#a9a9a9} /*# sourceMappingURL=../main/min-style.css.map */ diff --git a/main/min-style.css.map b/main/min-style.css.map index f7f71d7d..db887b50 100644 --- a/main/min-style.css.map +++ b/main/min-style.css.map @@ -1 +1 @@ -{"version":3,"sources":["_nav2.sass","main.css","_home.sass","_kalender.sass","_tueren.sass","_base.sass","_other.sass","main.sass"],"names":[],"mappings":"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","file":"../sass/min-style.css","sourcesContent":["@use './base' as *\n\n// Navigation Variables\n$content-width: 1000px\n$breakpoint: 799px\n$nav-height: 70px\n$nav-background: hsl(0,0%,100%,0.5)\n$link-hover-color: Lightgrey \n$nav-background2: url(\"../inc/bg/christmas-banner-6739203.jpg\") 0 86% no-repeat\n\n// Blauer klik Hintergrund entfernen\n*:focus \n -webkit-tap-highlight-color: transparent\n -webkit-touch-callout: none\n -webkit-user-select: none\n -khtml-user-select: none\n -moz-user-select: none\n -ms-user-select: none\n user-select: none\n outline: none !important\n \n// Outer navigation wrapper\n.navigation\n height: $nav-height\n background: $nav-background2\n border-radius: 0 0 2rem 2rem\n background-size: 100%\n border-bottom: 4px ridge $siteColor\n background-size: 100%\n\n// Logo and branding\n.brand\n text-align: left\n position: absolute\n padding-left: 20px\n float: left\n /*line-height: $nav-height\n /*text-transform: uppercase\n font-size: 1.2em\n font-weight: bold\n text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff\n margin: 0.9rem 0 0 3rem \n a,\n a:visited \n color: $headerFontColor\n text-decoration: none\n\n\n// Container with no padding for navbar\n.nav-container \n max-width: $content-width\n margin: 0 auto\n\n\n// Navigation \nnav\n display: block \n float: right\n font-weight: bold\n //text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff\n padding-right: 1rem \n margin: 2rem 1rem 0 0\n border-radius: 2rem \n background: hsl(0,0%,100%,0.7)\n\n ul \n list-style: none\n margin: 0\n padding: 0\n background-color: $nav-background\n li \n float: left\n position: relative\n padding: 0\n \n a,\n a:visited \n display: block\n padding: 0.5rem 0.5rem\n //line-height: $nav-height\n color: $headerFontColor\n text-decoration: none\n \n &:hover, &:active, &.active\n //background: $link-hover-color\n color: $siteColor\n text-decoration: underline \n //transform: scale(1.1)\n \n &:not(:only-child):after\n padding-left: 10px\n content: '▾'\n \n // Dropdown list\n ul li \n min-width: 190px\n a \n padding: 15px\n line-height: 20px\n \n \n \n\n// Dropdown list binds to JS toggle event\n.nav-dropdown \n position: absolute\n display: none\n z-index: 1\n box-shadow: 0 3px 12px rgba(0, 0, 0, 0.20)\n margin-top: 4px\n font-weight: bold\n\n\n/* Mobile navigation */\n\n// Binds to JS Toggle\n.nav-mobile \n display: none\n position: absolute\n top: 0\n right: 0\n height: $nav-height\n width: $nav-height\n\n@media only screen and (max-width: 798px) \n // Hamburger nav visible on mobile only\n .brand\n margin: 0.9rem 0 0 1rem\n .nav-mobile \n display: block\n \n nav \n width: 100%\n padding: $nav-height 0 15px 0\n text-shadow: none \n margin: 0px\n background: none \n ul \n display: none\n border: 4px ridge $siteColor\n border-radius: 2rem\n \n li \n float: none\n padding-top: 0\n a \n padding: 15px\n background: none \n line-height: 15px\n \n ul li a \n //padding-left: 30px\n \n \n .nav-dropdown\n position: static\n background: none\n border: none\n box-shadow: none\n \n \n@media screen and (min-width: $breakpoint) \n .nav-list \n display: block !important\n \n#nav-toggle \n position: absolute\n left: 18px\n top: 22px\n cursor: pointer\n padding: 10px 0px 16px 0px\n \n span,\n span:before,\n span:after \n cursor: pointer\n border-radius: 1px\n height: 5px\n width: 35px\n background: black \n position: absolute\n display: block\n content: ''\n transition: all 300ms ease-in-out\n \n span:before \n top: -10px\n \n span:after \n bottom: -10px\n \n &.active span \n background-color: transparent\n &:before,\n &:after \n top: 0\n \n &:before \n transform: rotate(45deg)\n \n &:after \n transform: rotate(-45deg)\n\n","@charset \"UTF-8\";\n*:focus {\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n outline: none !important;\n}\n\n.navigation {\n height: 70px;\n background: url(\"../inc/bg/christmas-banner-6739203.jpg\") 0 86% no-repeat;\n border-radius: 0 0 2rem 2rem;\n background-size: 100%;\n border-bottom: 4px ridge #A0522D;\n background-size: 100%;\n}\n\n.brand {\n text-align: left;\n position: absolute;\n padding-left: 20px;\n float: left;\n /*line-height: $nav-height */\n /*text-transform: uppercase */\n font-size: 1.2em;\n font-weight: bold;\n text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff;\n margin: 0.9rem 0 0 3rem;\n}\n.brand a,\n.brand a:visited {\n color: #CD853F;\n text-decoration: none;\n}\n\n.nav-container {\n max-width: 1000px;\n margin: 0 auto;\n}\n\nnav {\n display: block;\n float: right;\n font-weight: bold;\n padding-right: 1rem;\n margin: 2rem 1rem 0 0;\n border-radius: 2rem;\n background: hsla(0, 0%, 100%, 0.7);\n}\nnav ul {\n list-style: none;\n margin: 0;\n padding: 0;\n background-color: hsla(0, 0%, 100%, 0.5);\n}\nnav ul li {\n float: left;\n position: relative;\n padding: 0;\n}\nnav ul li a,\nnav ul li a:visited {\n display: block;\n padding: 0.5rem 0.5rem;\n color: #CD853F;\n text-decoration: none;\n}\nnav ul li a:hover, nav ul li a:active, nav ul li a.active,\nnav ul li a:visited:hover,\nnav ul li a:visited:active,\nnav ul li a:visited.active {\n color: #A0522D;\n text-decoration: underline;\n}\nnav ul li a:not(:only-child):after,\nnav ul li a:visited:not(:only-child):after {\n padding-left: 10px;\n content: \"▾\";\n}\nnav ul li ul li {\n min-width: 190px;\n}\nnav ul li ul li a {\n padding: 15px;\n line-height: 20px;\n}\n\n.nav-dropdown {\n position: absolute;\n display: none;\n z-index: 1;\n box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);\n margin-top: 4px;\n font-weight: bold;\n}\n\n/* Mobile navigation */\n.nav-mobile {\n display: none;\n position: absolute;\n top: 0;\n right: 0;\n height: 70px;\n width: 70px;\n}\n\n@media only screen and (max-width: 798px) {\n .brand {\n margin: 0.9rem 0 0 1rem;\n }\n .nav-mobile {\n display: block;\n }\n nav {\n width: 100%;\n padding: 70px 0 15px 0;\n text-shadow: none;\n margin: 0px;\n background: none;\n }\n nav ul {\n display: none;\n border: 4px ridge #A0522D;\n border-radius: 2rem;\n }\n nav ul li {\n float: none;\n padding-top: 0;\n }\n nav ul li a {\n padding: 15px;\n background: none;\n line-height: 15px;\n }\n .nav-dropdown {\n position: static;\n background: none;\n border: none;\n box-shadow: none;\n }\n}\n@media screen and (min-width: 799px) {\n .nav-list {\n display: block !important;\n }\n}\n#nav-toggle {\n position: absolute;\n left: 18px;\n top: 22px;\n cursor: pointer;\n padding: 10px 0px 16px 0px;\n}\n#nav-toggle span,\n#nav-toggle span:before,\n#nav-toggle span:after {\n cursor: pointer;\n border-radius: 1px;\n height: 5px;\n width: 35px;\n background: black;\n position: absolute;\n display: block;\n content: \"\";\n transition: all 300ms ease-in-out;\n}\n#nav-toggle span:before {\n top: -10px;\n}\n#nav-toggle span:after {\n bottom: -10px;\n}\n#nav-toggle.active span {\n background-color: transparent;\n}\n#nav-toggle.active span:before, #nav-toggle.active span:after {\n top: 0;\n}\n#nav-toggle.active span:before {\n transform: rotate(45deg);\n}\n#nav-toggle.active span:after {\n transform: rotate(-45deg);\n}\n\n#kerzen > img {\n width: 20%;\n display: none;\n}\n\n.TimeContainer {\n margin-top: 20px;\n color: #A0522D;\n font-size: 20px;\n font-weight: bold;\n text-shadow: 1px 1px 1px darkgray;\n}\n\n#clockdiv > div {\n display: inline-block;\n background-image: url(\"../inc/bg/christmas-shopping-card.png\");\n background-repeat: no-repeat;\n /*background-color: Lightgrey */\n background-size: 120%;\n background-position: -23px;\n border: 0px;\n /*border-radius: 100px */\n min-width: 150px;\n height: 133px;\n /*box-shadow: 5px 5px 10px #fff inset, 1px 1px 10px black */\n margin: 0px 0px -25px -10px;\n}\n#clockdiv > div span {\n padding-top: 40px;\n display: inline-block;\n margin-left: -10px;\n}\n\n.smalltext {\n font-size: 10px;\n margin-left: -10px;\n}\n\n/* ******************************** */\n.kalender {\n display: inline-block;\n position: relative;\n text-align: center;\n width: 460px;\n height: 699.25px;\n /*background-size: $backgroundWidth */\n background-size: 516px;\n background-position: -13px;\n}\n.kalender div {\n position: absolute;\n border: 2px solid #A0522D;\n width: 103.875px;\n height: 103.875px;\n overflow: hidden;\n background: hsla(0, 0%, 100%, 0.3);\n}\n.kalender h3 {\n padding-top: 1.5rem;\n padding: 1rem;\n color: #E8690F;\n}\n.kalender a {\n text-decoration: none;\n}\n.kalender #hiddenTuer {\n margin: 1rem;\n max-height: auto;\n text-decoration: none;\n}\n.kalender span {\n position: absolute;\n display: inline-block;\n top: 0.5rem;\n left: 1.1rem;\n font-size: 1rem;\n width: 6rem;\n height: 6rem;\n color: darkred;\n background-size: cover;\n text-align: left;\n text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;\n}\n.kalender .left {\n position: absolute;\n left: 0;\n top: 0;\n width: 153.875px;\n height: 103.875px;\n display: block;\n border: none;\n /*background-size: $backgroundWidth */\n background-size: 516px;\n margin-left: -13px;\n}\n.kalender a:hover .left, .kalender a:focus .left {\n left: -163.875px;\n}\n.kalender a .left {\n display: block;\n position: absolute;\n transition: left 0.5s;\n}\n.kalender .inactive a {\n pointer-events: none;\n cursor: default;\n}\n.kalender #ak1 {\n left: 5px;\n top: 5px;\n}\n.kalender #ak1 .left {\n background-position: -7px -7px;\n}\n.kalender #ak2 {\n left: 121.875px;\n top: 5px;\n}\n.kalender #ak2 .left {\n background-position: -123.875px -7px;\n}\n.kalender #ak3 {\n left: 238.75px;\n top: 5px;\n}\n.kalender #ak3 .left {\n background-position: -240.75px -7px;\n}\n.kalender #ak4 {\n left: 355.625px;\n top: 5px;\n}\n.kalender #ak4 .left {\n background-position: -357.625px -7px;\n}\n.kalender #ak5 {\n left: 5px;\n top: 121.875px;\n}\n.kalender #ak5 .left {\n background-position: -7px -123.875px;\n}\n.kalender #ak6 {\n left: 121.875px;\n top: 121.875px;\n}\n.kalender #ak6 .left {\n background-position: -123.875px -123.875px;\n}\n.kalender #ak7 {\n left: 238.75px;\n top: 121.875px;\n}\n.kalender #ak7 .left {\n background-position: -240.75px -123.875px;\n}\n.kalender #ak8 {\n left: 355.625px;\n top: 121.875px;\n}\n.kalender #ak8 .left {\n background-position: -357.625px -123.875px;\n}\n.kalender #ak9 {\n left: 5px;\n top: 238.75px;\n}\n.kalender #ak9 .left {\n background-position: -7px -240.75px;\n}\n.kalender #ak10 {\n left: 121.875px;\n top: 238.75px;\n}\n.kalender #ak10 .left {\n background-position: -123.875px -240.75px;\n}\n.kalender #ak11 {\n left: 238.75px;\n top: 238.75px;\n}\n.kalender #ak11 .left {\n background-position: -240.75px -240.75px;\n}\n.kalender #ak12 {\n left: 355.625px;\n top: 238.75px;\n}\n.kalender #ak12 .left {\n background-position: -357.625px -240.75px;\n}\n.kalender #ak13 {\n left: 5px;\n top: 355.625px;\n}\n.kalender #ak13 .left {\n background-position: -7px -357.625px;\n}\n.kalender #ak14 {\n left: 121.875px;\n top: 355.625px;\n}\n.kalender #ak14 .left {\n background-position: -123.875px -357.625px;\n}\n.kalender #ak15 {\n left: 238.75px;\n top: 355.625px;\n}\n.kalender #ak15 .left {\n background-position: -240.75px -357.625px;\n}\n.kalender #ak16 {\n left: 355.625px;\n top: 355.625px;\n}\n.kalender #ak16 .left {\n background-position: -357.625px -357.625px;\n}\n.kalender #ak17 {\n left: 5px;\n top: 472.5px;\n}\n.kalender #ak17 .left {\n background-position: -7px -474.5px;\n}\n.kalender #ak18 {\n left: 121.875px;\n top: 472.5px;\n}\n.kalender #ak18 .left {\n background-position: -123.875px -474.5px;\n}\n.kalender #ak19 {\n left: 238.75px;\n top: 472.5px;\n}\n.kalender #ak19 .left {\n background-position: -240.75px -474.5px;\n}\n.kalender #ak20 {\n left: 355.625px;\n top: 472.5px;\n}\n.kalender #ak20 .left {\n background-position: -357.625px -474.5px;\n}\n.kalender #ak21 {\n left: 5px;\n top: 589.375px;\n}\n.kalender #ak21 .left {\n background-position: -7px -591.375px;\n}\n.kalender #ak22 {\n left: 121.875px;\n top: 589.375px;\n}\n.kalender #ak22 .left {\n background-position: -123.875px -591.375px;\n}\n.kalender #ak23 {\n left: 238.75px;\n top: 589.375px;\n}\n.kalender #ak23 .left {\n background-position: -240.75px -591.375px;\n}\n.kalender #ak24 {\n left: 355.625px;\n top: 589.375px;\n}\n.kalender #ak24 .left {\n background-position: -357.625px -591.375px;\n}\n.kalender #ak25 {\n left: 5px;\n top: 706.25px;\n}\n.kalender #ak25 .left {\n background-position: -7px -708.25px;\n}\n.kalender #ak26 {\n left: 121.875px;\n top: 706.25px;\n}\n.kalender #ak26 .left {\n background-position: -123.875px -708.25px;\n}\n.kalender #ak27 {\n left: 238.75px;\n top: 706.25px;\n}\n.kalender #ak27 .left {\n background-position: -240.75px -708.25px;\n}\n.kalender #ak28 {\n left: 355.625px;\n top: 706.25px;\n}\n.kalender #ak28 .left {\n background-position: -357.625px -708.25px;\n}\n.kalender #türPlus {\n display: none;\n}\n\n.tueren {\n margin-top: 20px;\n}\n.tueren h3 {\n font-size: clamp(1.2rem, 2vw, 2.2rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n text-decoration: underline;\n margin-top: clamp(3.8rem, 5vh, 10rem);\n padding-bottom: 1rem;\n}\n.tueren #txt {\n display: inline-block;\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n border: 4px ridge #A0522D;\n background: hsla(0, 0%, 100%, 0.7) url(\"../inc/bg/1667917199713.png\") -1px -5px no-repeat;\n background-size: 100%;\n padding: 0 1.5rem 0 1.5rem;\n width: clamp(25rem, 40vw, 50rem);\n font-weight: 500;\n}\n.tueren #txt u {\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n margin-top: 1rem;\n color: #CD853F;\n}\n.tueren img {\n display: inline-block;\n margin: 0rem 0 10px 0;\n width: 30%;\n}\n.tueren #false {\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n}\n.tueren #falseImg {\n display: inline-block;\n margin: 1rem 0 -5px 0;\n width: clamp(100px, 18vw, 150px);\n}\n.tueren #bibi {\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n color: darkgreen;\n font-style: italic;\n}\n.tueren #bibi u {\n color: darkgreen;\n}\n.tueren #bibi span {\n display: inline-block;\n padding: 0.3rem 0 0 0;\n}\n.tueren #melly {\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n color: #6959cd;\n font-style: italic;\n}\n.tueren #melly u {\n color: #6959cd;\n}\n.tueren #melly span {\n display: inline-block;\n padding: 0.3rem 0 0 0;\n}\n.tueren #packa {\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n color: darkgreen;\n font-style: italic;\n}\n.tueren #packa u {\n color: darkgreen;\n}\n.tueren #packa span {\n display: inline-block;\n padding: 0.3rem 0 0 0;\n}\n.tueren #tina {\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n color: #8b7500;\n font-style: italic;\n}\n.tueren #tina u {\n color: #8b7500;\n}\n.tueren #tina span {\n display: inline-block;\n padding: 0.3rem 0 0 0;\n}\n.tueren #alex {\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n color: #36648b;\n font-style: italic;\n}\n.tueren #alex u {\n color: #36648b;\n}\n.tueren #alex span {\n display: inline-block;\n padding: 0.3rem 0 0 0;\n}\n.tueren #otherPerson {\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n color: black;\n font-style: italic;\n}\n.tueren #otherPerson u {\n color: black;\n}\n.tueren #otherPerson span {\n display: inline-block;\n padding: 0.3rem 0 0 0;\n}\n.tueren .schneei #SRechts {\n display: inline-block;\n margin: -5px 8px 0 0;\n z-index: 5;\n width: 7rem;\n float: right;\n padding: 0;\n position: relative;\n}\n.tueren .schneei #txt {\n clip-path: polygon(381px 0%, 100% 150px, 100% 100%, 0% 100%, 0% 0%);\n margin-top: -140px;\n z-index: 0;\n}\n.tueren #schneiiW {\n display: inline-block;\n margin: 0rem 0 -4.5px 0;\n width: 40%;\n}\n.tueren #packaW {\n display: inline-block;\n margin: 0rem 0 -4.5px 0;\n width: 25%;\n}\n\n.titel > img {\n display: inline-block;\n max-width: 210px;\n margin-top: 15px;\n}\n.titel h3 {\n color: gold;\n margin-top: -54px;\n padding-bottom: 1.5rem;\n}\n\n/* *** */\n#kstart {\n display: inline-block;\n font-weight: bold;\n color: #CD853F;\n margin-top: -3rem;\n padding: 1.5rem;\n text-decoration: underline;\n background-color: #fff;\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1);\n border: 2px solid #C21514;\n}\n\n/* *** */\n.euber {\n display: inline-block;\n color: black;\n font-size: 0.9rem;\n font-weight: normal;\n border: 3px solid #A0522D;\n max-width: 460px;\n padding: 0 1rem 0 1rem;\n background-color: #fff;\n}\n.euber span {\n text-decoration: underline;\n font-weight: bold;\n}\n\n/* *** */\n.radio iframe {\n padding: 0 0 1rem 1rem;\n}\n\n/* *** */\n.select {\n font-size: 0.7rem;\n display: inline-block;\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1);\n border: 1px solid darkred;\n border-radius: 5px;\n padding: 0.5rem;\n}\n.select select {\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n border: none;\n font-family: Times New Roman;\n background-color: transparent;\n font-size: 0.7rem;\n}\n\n/* *** */\nbutton {\n border: 3px solid #A0522D;\n border-radius: 5px;\n background: linear-gradient(to bottom, #fefffd, #e7e9ea);\n font-weight: bold;\n color: black;\n}\nbutton a {\n color: #CD853F;\n text-decoration: none;\n padding: 0 0.5rem 0 0;\n}\n\n.pList {\n padding-bottom: 0.5rem;\n}\n.pList div {\n font-size: 0.9rem;\n}\n.pList img {\n max-width: 1.5rem;\n padding-right: 0.5rem;\n}\n.pList button {\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: auto;\n margin-top: auto;\n padding: 0.5rem;\n box-shadow: 2px 2px 3px black;\n}\n\n.LFilme {\n display: inline-block;\n max-width: 80%;\n}\n.LFilme #film {\n padding: 0.5rem;\n float: left;\n}\n.LFilme #film p:first-child {\n border-bottom: 2px solid gray;\n padding-bottom: 1rem;\n}\n.LFilme #film img {\n max-width: 3rem;\n}\n.LFilme #film #FCover {\n max-width: 10rem;\n border: 3px solid #A0522D;\n}\n.LFilme #film button {\n padding: 0 0.5rem 0 0.5rem;\n margin-bottom: auto;\n margin-top: auto;\n box-shadow: 3px 3px 8px black;\n}\n\n.üList {\n display: inline-block;\n padding: 0.5rem;\n margin: 1em;\n color: #CD853F;\n font-weight: bold;\n text-decoration: underline;\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1);\n border: 2px solid #CD853F;\n border-radius: 0.5rem;\n text-shadow: 1px 1px 1px darkgray;\n box-shadow: 1px 1px 5px black;\n}\n\n.sGalerie {\n display: inline-block;\n max-width: 38vh;\n}\n.sGalerie div {\n background-color: #fff;\n padding: 1rem;\n border-top: 2px solid gray;\n}\n.sGalerie button {\n padding: 0.4rem 0 0 0;\n box-shadow: 3px 3px 8px black;\n}\n.sGalerie img {\n padding: 0.4rem 0.6rem 0.6rem 0.6rem;\n width: 5.5rem;\n height: 6.5rem;\n object-fit: cover;\n}\n.sGalerie #leer {\n display: inline-block;\n padding: 10px 10px 0 0;\n}\n\n.gimages {\n display: inline-block;\n max-width: 30rem;\n padding: 1rem 0.5rem 0.5rem 0.5rem;\n}\n.gimages a {\n display: inline-block;\n padding: 0 5px 5px 5px;\n}\n.gimages img {\n width: 8rem;\n height: 8rem;\n border: 3px solid #A0522D;\n box-shadow: 3px 3px 8px black;\n padding: 0.5rem;\n background: #fff;\n object-fit: cover;\n}\n\n.neu {\n border: 1px solid red;\n padding: 0.5rem;\n font-weight: bold;\n color: darkred;\n background: gainsboro;\n}\n\n.develop {\n text-decoration: underline;\n color: red;\n font-weight: bold;\n text-shadow: -1px -1px 1rem black, 1px 1px 1rem black;\n}\n\n/* ************************************** */\nbody {\n text-align: center;\n margin: 0;\n min-height: 100vh;\n overflow-x: hidden;\n background-color: #fefefe;\n background-image: url(\"../inc/bg/hufeisen_pattern_1024.webp\");\n background-repeat: repeat;\n background-size: 60%;\n background-attachment: scroll;\n background-position: top center;\n position: relative;\n}\n\narticle {\n position: relative;\n z-index: 1;\n padding-bottom: 10rem;\n}\n\nbody::after {\n content: \"\";\n position: fixed;\n top: 150px;\n left: 50%;\n transform: translateX(-50%);\n width: 800px;\n height: 800px;\n background-image: url(\"../inc/bg/golden_christmas_tree.webp\");\n background-repeat: no-repeat;\n background-size: contain;\n z-index: -1;\n opacity: 0.9;\n pointer-events: none;\n}\n\n#debug-overlay {\n backdrop-filter: blur(3px);\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);\n}\n\n#snowman {\n position: fixed;\n bottom: clamp(0.1rem, 0.9vh, 3rem);\n left: 50%;\n transform: translateX(-50%);\n width: clamp(10rem, 40vw, 16rem);\n z-index: 15;\n pointer-events: none;\n transition: all 0.3s ease-out;\n}\n#snowman img {\n display: block;\n width: 100%;\n height: auto;\n}\n\nfooter {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n min-height: clamp(2rem, 2vw, 5rem);\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e7e9ea);\n box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.2);\n z-index: 10;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n}\nfooter a {\n text-decoration: none;\n color: darkgray;\n font-size: 0.8rem;\n transition: color 0.3s;\n}\nfooter a:hover {\n color: #555;\n}\n\n#footer2 {\n color: darkgray;\n}","@use './base' as *\n\n$timerPosition: -10px\n\n#kerzen\n > img\n width: 20%\n display: none\n\n.TimeContainer\n margin-top: $navtop\n color: $siteColor\n font-size: 20px\n font-weight: bold\n text-shadow: 1px 1px 1px darkgray\n\n#clockdiv\n\n > div\n display: inline-block\n background-image: url(\"../inc/bg/christmas-shopping-card.png\")\n background-repeat: no-repeat\n /*background-color: Lightgrey\n background-size: 120%\n background-position: -23px\n border: 0px\n /*border-radius: 100px\n min-width: 150px\n height: 133px\n /*box-shadow: 5px 5px 10px #fff inset, 1px 1px 10px black\n margin: 0px 0px -25px -10px\n\n span\n padding-top: 40px\n display: inline-block\n margin-left: $timerPosition\n\n.smalltext\n font-size: 10px\n margin-left: $timerPosition\n","@use 'sass:math'\n@use './base' as *\n\n$backgroundSize: 516px // Größe Bild im Kalender\n$bgPosition: -13px // Position Bg und Türen\n$kalenderWidth: 460px // breite des kalenders\n$marginLeftRight: 5px // abstand linker und rechter rand\n$marginTop: 5px \n$marginBetween: 9px // abstand zwischen den Tueren\n$doorBorderSize: 2px \n$doorWidth: math.div($kalenderWidth - 3.5 * $marginLeftRight - 3 * $marginBetween, 4)\n\n/* ********************************\n\n.kalender\n display: inline-block\n position: relative\n text-align: center\n width: $kalenderWidth\n height: #{6*($doorWidth+$doorBorderSize+$marginBetween)+2*$marginTop}\n //border: 1px solid black \n //background: #fff url(\"../inc/bg/baum2.jpg\") no-repeat\n //background: #90C145\n /*background-size: $backgroundWidth\n background-size: $backgroundSize\n background-position: $bgPosition \n //padding: 0 0 10vh 0\n\n div\n position: absolute\n border: $doorBorderSize solid $siteColor\n width: $doorWidth\n height: $doorWidth\n overflow: hidden\n background: hsla(0, 0%, 100%, 0.3)\n\n h3\n padding-top: 1.5rem\n //font-weight: bold\n padding: 1rem\n color: #E8690F\n \n a\n text-decoration: none\n \n #hiddenTuer\n margin: 1rem\n max-height: auto\n text-decoration: none\n\n span\n position: absolute\n display: inline-block\n top: 0.5rem\n left: 1.1rem\n font-size: 1rem\n width: 6rem\n height: 6rem\n color: darkred \n background-size: cover\n text-align: left\n text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff\n //text-shadow: 0px 0px 2px darkred\n //background-position: 2.4rem\n //padding-right: 3rem \n //background-origin: padding-box\n //background: no-repeat\n\n .left\n position: absolute\n left: 0\n top: 0\n width: #{$doorWidth+50}\n height: $doorWidth\n display: block \n border: none\n //background: #fff url(\"../inc/bg/baum2.jpg\") no-repeat\n /*background-size: $backgroundWidth\n background-size: $backgroundSize\n margin-left: $bgPosition\n a\n &:hover .left, &:focus .left\n left: #{-($doorWidth+60)}\n\n .left\n display: block\n position: absolute \n transition: left 0.5s\n \n .inactive a\n pointer-events: none\n cursor: default\n\n @for $row from 0 through 6\n @for $col from 0 through 3\n $leftCalc: $marginLeftRight+($doorWidth+$marginBetween+2*$doorBorderSize)*$col\n $topCalc: $marginTop+($doorWidth+$marginBetween+2*$doorBorderSize)*$row\n #ak#{$row*4+$col+1}\n left: #{$leftCalc}\n top: #{$topCalc}\n .left\n background-position: #{-($leftCalc+$doorBorderSize)} #{-($topCalc+$doorBorderSize)}\n \n #türPlus\n display: none","@use './base' as *\n\n.tueren\n margin-top: $navtop\n \n h3\n @include txt-h3\n margin-top: clamp(3.8rem, 5vh, 10rem)\n padding-bottom: 1rem\n\n #txt\n display: inline-block\n @include txt-Absatz\n border: 4px ridge $siteColor\n background: $backgroundTxt\n background-size: 100%\n //background: hsla(0, 0%, 100%, 0.5)\n padding: 0 1.5rem 0 1.5rem\n width: clamp(25rem, 40vw, 50rem)\n font-weight: 500\n \n u\n @include txt-Absatz\n margin-top: 1rem\n color: $headerFontColor\n \n img\n display: inline-block\n margin: 0rem 0 10px 0\n width: 30%\n \n #false\n @include txt-Absatz\n \n #falseImg\n display: inline-block\n margin: 1rem 0 -5px 0 \n width: clamp(100px, 18vw, 150px)\n \n #bibi\n @include personen-txt(darkgreen)\n\n #melly\n @include personen-txt($melly)\n \n #packa\n @include personen-txt(darkgreen)\n \n #tina\n @include personen-txt(#8b7500)\n \n #alex\n @include personen-txt(#36648b)\n \n #otherPerson\n @include personen-txt(black)\n \n \n .schneei\n \n #SRechts\n display: inline-block \n margin: -5px 8px 0 0\n z-index: 5\n width: 7rem\n float: right\n padding: 0\n //border: 1px solid red\n position: relative \n\n \n #txt\n clip-path: polygon(381px 0%, 100% 150px, 100% 100%, 0% 100%, 0% 0%)\n margin-top: -140px\n z-index: 0\n\n #schneiiW\n display: inline-block\n margin: 0rem 0 -4.5px 0\n width: 40%\n \n #packaW\n display: inline-block\n margin: 0rem 0 -4.5px 0\n width: 25% \n\n \n","\n// =============================\n// 🌍 Globale Variablen & Mixins\n// =============================\n\n\n// 🎨 Farben\n// ------------------------------\n$siteColor: #A0522D\n$backgroundTxt: hsla(0, 0%, 100%, 0.7) url(\"../inc/bg/1667917199713.png\") -1px -5px no-repeat\n$galeryBackgraund: hsla(326, 78.8%, 59.2%, 0.2)\n$headerFontColor: #CD853F\n$txtColor: darkred\n$melly: #6959cd\n$bibi: $siteColor\n\n// 📐 Layout / Abstände\n// ------------------------------\n$navtop: 20px\n$headerRadios: 2rem\n$imageGweight: 8rem\n\n// Font-fluid\n// ------------------------------\n@mixin txt-base($size)\n font-size: $size\n //font-size: calc(#{$size} / 0.7) // kompensiert initial-scale=0.7\n font-weight: bold\n color: $txtColor\n font-family: Verdana, Arial, Helvetica, sans-serif\n\n@mixin txt-Absatz\n @include txt-base(clamp(1rem, 1.6vw, 1.4rem))\n\n@mixin txt-h3\n @include txt-base(clamp(1.2rem, 2vw, 2.2rem))\n text-decoration: underline\n\n@mixin txt-h2\n @include txt-base(clamp(1.5rem, 2.4vw, 2.8rem))\n text-decoration: underline\n\n@mixin txt-h1\n @include txt-base(clamp(2rem, 3vw, 3.6rem))\n text-decoration: underline\n text-transform: uppercase\n\n\n// Personen-Textfarbe\n// ------------------------------\n@mixin personen-txt($color, $padding: 0.3rem)\n @include txt-Absatz\n color: $color\n font-style: italic\n u\n color: $color\n span\n display: inline-block\n padding: $padding 0 0 0\n\n\n\n\n\n\n//##### in Arbeit ######\n\n\n// 💻 Breakpoints (global)\n// ------------------------------\n//$breakpoints: ( small: 480px, medium: 768px, large: 1024px, xlarge: 1280px)\n\n// ==============================\n// 🧩 Mixins\n// ===========≈==================\n\n// 📱 Responsive Mixins\n// ------------------------------\n\n//@mixin respond-to($size)\n// $value: if(map-has-key($breakpoints, $size), map-get($breakpoints, $size), $size)\n// @media only screen and (max-width: $value)\n// @content\n\n//@mixin respond-from($size)\n// $value: if(map-has-key($breakpoints, $size), map-get($breakpoints, $size), $size)\n// @media only screen and (min-width: $value)\n// @content","@use './base' as *\n\n.titel\n //display: inline-block\n //margin: 0 25%\n //background: url(\"../inc/teet/red navigation.png\") no-repeat\n //background-size: 100%\n //background-position: 0px -63px\n\n > img\n display: inline-block \n max-width: 210px \n margin-top: 15px\n \n \n h3\n //text-decoration: underline\n color: gold\n margin-top: -54px\n padding-bottom: 1.5rem \n \n/* *** */\n\n#kstart\n display: inline-block\n font-weight: bold\n color: $headerFontColor\n margin-top: -3rem\n padding: 1.5rem\n text-decoration: underline\n background-color: #fff\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)\n border: 2px solid #C21514\n \n/* *** */\n\n.euber\n display: inline-block\n color: black\n font-size: 0.9rem\n font-weight: normal\n border: 3px solid $siteColor\n max-width: 460px\n padding: 0 1rem 0 1rem\n background-color: #fff\n\n span\n text-decoration: underline\n font-weight: bold\n \n/* *** */\n \n.radio\n iframe \n padding: 0 0 1rem 1rem\n \n/* *** */\n\n.select\n font-size: 0.7rem\n display: inline-block\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)\n border: 1px solid darkred\n border-radius: 5px\n padding: 0.5rem\n\n\n select\n -moz-appearance: none\n -webkit-appearance: none\n appearance: none\n border: none\n font-family: Times New Roman\n background-color: transparent\n font-size: 0.7rem\n \n/* *** */\n\nbutton \n border: 3px solid $siteColor\n border-radius: 5px\n background: linear-gradient(to bottom, #fefffd,#e7e9ea)\n font-weight: bold\n //padding: 5px 10px 5px 10px\n color: black \n \n \n a\n color: $headerFontColor\n text-decoration: none\n padding: 0 0.5rem 0 0\n\n \n.pList\n padding-bottom: 0.5rem\n\n div\n font-size: 0.9rem\n\n img\n max-width: 1.5rem\n padding-right: 0.5rem \n\n button\n display: inline-flex\n flex-direction: row\n align-items: center // Vertical center alignment\n margin-bottom: auto\n margin-top: auto\n padding: 0.5rem\n box-shadow: 2px 2px 3px black \n \n.LFilme\n display: inline-block\n max-width: 80%\n\n #film\n padding: 0.5rem\n float: left\n \n p:first-child \n border-bottom: 2px solid gray \n padding-bottom: 1rem\n \n img\n max-width: 3rem\n \n #FCover\n max-width: 10rem\n border: 3px solid $siteColor\n\n \n button\n padding: 0 0.5rem 0 0.5rem \n margin-bottom: auto\n margin-top: auto\n box-shadow: 3px 3px 8px black\n\n \n\n.üList\n display: inline-block\n padding: 0.5rem\n margin: 1em\n color: $headerFontColor\n font-weight: bold\n text-decoration: underline\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)\n border: 2px solid $headerFontColor\n border-radius: 0.5rem \n text-shadow: 1px 1px 1px darkgray\n box-shadow: 1px 1px 5px black \n \n// Galerie Tab\n\n.sGalerie\n display: inline-block\n max-width: 38vh\n\n div\n background-color: #fff\n padding: 1rem\n border-top: 2px solid gray\n\n button\n padding: 0.4rem 0 0 0\n box-shadow: 3px 3px 8px black\n\n img\n padding: 0.4rem 0.6rem 0.6rem 0.6rem\n width: 5.5rem\n height: 6.5rem\n object-fit: cover\n\n #leer\n display: inline-block \n padding: 10px 10px 0 0\n \n// Galerie Album Tab\n\n.gimages\n display: inline-block\n max-width: 30rem\n //background: $galeryBackgraund\n //border: 2px solid $siteColor\n padding: 1rem 0.5rem 0.5rem 0.5rem\n\n a\n display: inline-block\n padding: 0 5px 5px 5px\n\n img\n width: $imageGweight\n height: $imageGweight\n border: 3px solid $siteColor\n box-shadow: 3px 3px 8px black\n padding: 0.5rem\n background: #fff\n object-fit: cover\n \n.neu\n //display: inline-block \n border: 1px solid red \n padding: 0.5rem\n font-weight: bold\n color: darkred \n background: gainsboro\n \n.develop\n //display: inline-block\n text-decoration: underline\n //position: absolute\n color: red\n font-weight: bold\n //margin: 3rem 0 0 -7rem\n text-shadow: -1px -1px 1rem black, 1px 1px 1rem black","//cwebp -q 80 -o .webp\n//Import \n//####################\n@use 'base' as *\n@use 'nav2'\n@use 'home'\n@use 'kalender'\n@use 'tueren'\n@use 'other'\n\n\n/* **************************************\n \n// =============================\n// 🩶 BODY + HINTERGRUND\n// =============================\nbody\n text-align: center\n margin: 0\n min-height: 100vh\n overflow-x: hidden\n background-color: #fefefe\n background-image: url(\"../inc/bg/hufeisen_pattern_1024.webp\")\n background-repeat: repeat\n background-size: 60%\n background-attachment: scroll\n background-position: top center\n position: relative\n\narticle\n position: relative\n z-index: 1\n padding-bottom: 10rem // Platz für Schneemann + Footer-Inhalte\n\n// ✨ Deko – goldener Weihnachtsbaum in der Mitte\nbody::after\n content: \"\"\n position: fixed\n top: 150px\n left: 50%\n transform: translateX(-50%)\n width: 800px\n height: 800px\n background-image: url(\"../inc/bg/golden_christmas_tree.webp\")\n background-repeat: no-repeat\n background-size: contain\n z-index: -1\n opacity: 0.9\n pointer-events: none\n \n#debug-overlay \n backdrop-filter: blur(3px)\n box-shadow: 0 0 8px rgba(0,0,0,0.3)\n\n\n\n\n// =============================\n// ☃️ SCHNEEMANN (über dem Footer)\n// =============================\n#snowman\n position: fixed\n bottom: clamp(0.1rem, 0.9vh, 3rem) // reagiert auf Bildschirmhöhe\n left: 50%\n transform: translateX(-50%)\n width: clamp(10rem, 40vw, 16rem) // dynamisch skalierend\n z-index: 15\n pointer-events: none\n transition: all 0.3s ease-out\n\n img\n display: block\n width: 100%\n height: auto\n\n\n// =============================\n// 📄 FOOTER (unter Schneemann)\n// =============================\nfooter\n position: fixed\n bottom: 0\n left: 0\n width: 100%\n min-height: clamp(2rem, 2vw, 5rem)\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e7e9ea)\n box-shadow: -2px -2px 5px rgba(0,0,0,0.2)\n z-index: 10\n display: flex\n justify-content: center\n align-items: center\n gap: 1rem\n\n a\n text-decoration: none\n color: darkgray\n font-size: 0.8rem\n transition: color 0.3s\n &:hover\n color: #555\n\n#footer2\n color: darkgray\n\n\n"]} \ No newline at end of file +{"version":3,"sources":["_nav2.sass","main.css","_home.sass","_kalender.sass","_tueren.sass","_base.sass","_other.sass","main.sass"],"names":[],"mappings":"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","file":"../sass/min-style.css","sourcesContent":["@use './base' as *\n\n// Navigation Variables\n$content-width: 1000px\n$breakpoint: 799px\n$nav-height: 70px\n$nav-background: $backgroundTxt\n$link-hover-color: Lightgrey \n$nav-background2: url(\"../inc/bg/christmas-banner-6739203.jpg\") 0 86% no-repeat\n\n// Blauer klik Hintergrund entfernen\n*:focus \n -webkit-tap-highlight-color: transparent\n -webkit-touch-callout: none\n -webkit-user-select: none\n -khtml-user-select: none\n -moz-user-select: none\n -ms-user-select: none\n user-select: none\n outline: none !important\n \n// Outer navigation wrapper\n.navigation\n height: $nav-height\n background: $nav-background2\n border-radius: 0 0 2rem 2rem\n background-size: 100%\n border-bottom: 4px ridge $siteColor\n background-size: 100%\n\n// Logo and branding\n.brand\n text-align: left\n position: absolute\n padding-left: 20px\n float: left\n /*line-height: $nav-height\n text-transform: uppercase\n font-size: 1.2em\n font-weight: bold\n text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff\n margin: 0.9rem 0 0 3rem \n a,\n a:visited \n color: $headerFontColor\n text-decoration: none\n\n\n// Container with no padding for navbar\n.nav-container \n max-width: $content-width\n margin: 0 auto\n\n\n// Navigation \nnav\n display: block \n float: right\n font-weight: bold\n //text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff\n padding-right: 1rem \n margin: 2rem 1rem 0 0\n border-radius: 2rem \n background: hsl(0,0%,100%,0.7)\n\n ul \n list-style: none\n margin: 0\n padding: 0\n background-color: $nav-background\n li \n float: left\n position: relative\n padding: 0\n \n a,\n a:visited \n display: block\n padding: 0.5rem 0.5rem\n //line-height: $nav-height\n color: $headerFontColor\n text-decoration: none\n \n &:hover, &:active, &.active\n //background: $link-hover-color\n color: $siteColor\n text-decoration: underline \n //transform: scale(1.1)\n \n &:not(:only-child):after\n padding-left: 10px\n content: '▾'\n \n // Dropdown list\n ul li \n min-width: 190px\n a \n padding: 15px\n line-height: 20px\n \n \n \n\n// Dropdown list binds to JS toggle event\n.nav-dropdown \n position: absolute\n display: none\n z-index: 1\n box-shadow: 0 3px 12px rgba(0, 0, 0, 0.20)\n margin-top: 4px\n font-weight: bold\n\n\n/* Mobile navigation */\n\n// Binds to JS Toggle\n.nav-mobile \n display: none\n position: absolute\n top: 0\n right: 0\n height: $nav-height\n width: $nav-height\n\n@media only screen and (max-width: 798px) \n // Hamburger nav visible on mobile only\n .brand\n margin: 0.9rem 0 0 1rem\n .nav-mobile \n display: block\n \n nav \n width: 100%\n padding: $nav-height 0 15px 0\n text-shadow: none \n margin: 0px\n background: none \n ul \n display: none\n border: 4px ridge $siteColor\n border-radius: 2rem\n \n li \n float: none\n padding-top: 0\n a \n padding: 15px\n background: none \n line-height: 15px\n \n ul li a \n //padding-left: 30px\n \n \n .nav-dropdown\n position: static\n background: none\n border: none\n box-shadow: none\n \n \n@media screen and (min-width: $breakpoint) \n .nav-list \n display: block !important\n \n#nav-toggle \n position: absolute\n left: 18px\n top: 22px\n cursor: pointer\n padding: 10px 0px 16px 0px\n \n span,\n span:before,\n span:after \n cursor: pointer\n border-radius: 1px\n height: 5px\n width: 35px\n background: black \n position: absolute\n display: block\n content: ''\n transition: all 300ms ease-in-out\n \n span:before \n top: -10px\n \n span:after \n bottom: -10px\n \n &.active span \n background-color: transparent\n &:before,\n &:after \n top: 0\n \n &:before \n transform: rotate(45deg)\n \n &:after \n transform: rotate(-45deg)\n\n","@charset \"UTF-8\";\n*:focus {\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n outline: none !important;\n}\n\n.navigation {\n height: 70px;\n background: url(\"../inc/bg/christmas-banner-6739203.jpg\") 0 86% no-repeat;\n border-radius: 0 0 2rem 2rem;\n background-size: 100%;\n border-bottom: 4px ridge #A0522D;\n background-size: 100%;\n}\n\n.brand {\n text-align: left;\n position: absolute;\n padding-left: 20px;\n float: left;\n /*line-height: $nav-height */\n text-transform: uppercase;\n font-size: 1.2em;\n font-weight: bold;\n text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff;\n margin: 0.9rem 0 0 3rem;\n}\n.brand a,\n.brand a:visited {\n color: #CD853F;\n text-decoration: none;\n}\n\n.nav-container {\n max-width: 1000px;\n margin: 0 auto;\n}\n\nnav {\n display: block;\n float: right;\n font-weight: bold;\n padding-right: 1rem;\n margin: 2rem 1rem 0 0;\n border-radius: 2rem;\n background: hsla(0, 0%, 100%, 0.7);\n}\nnav ul {\n list-style: none;\n margin: 0;\n padding: 0;\n background-color: hsla(0, 0%, 100%, 0.7);\n}\nnav ul li {\n float: left;\n position: relative;\n padding: 0;\n}\nnav ul li a,\nnav ul li a:visited {\n display: block;\n padding: 0.5rem 0.5rem;\n color: #CD853F;\n text-decoration: none;\n}\nnav ul li a:hover, nav ul li a:active, nav ul li a.active,\nnav ul li a:visited:hover,\nnav ul li a:visited:active,\nnav ul li a:visited.active {\n color: #A0522D;\n text-decoration: underline;\n}\nnav ul li a:not(:only-child):after,\nnav ul li a:visited:not(:only-child):after {\n padding-left: 10px;\n content: \"▾\";\n}\nnav ul li ul li {\n min-width: 190px;\n}\nnav ul li ul li a {\n padding: 15px;\n line-height: 20px;\n}\n\n.nav-dropdown {\n position: absolute;\n display: none;\n z-index: 1;\n box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);\n margin-top: 4px;\n font-weight: bold;\n}\n\n/* Mobile navigation */\n.nav-mobile {\n display: none;\n position: absolute;\n top: 0;\n right: 0;\n height: 70px;\n width: 70px;\n}\n\n@media only screen and (max-width: 798px) {\n .brand {\n margin: 0.9rem 0 0 1rem;\n }\n .nav-mobile {\n display: block;\n }\n nav {\n width: 100%;\n padding: 70px 0 15px 0;\n text-shadow: none;\n margin: 0px;\n background: none;\n }\n nav ul {\n display: none;\n border: 4px ridge #A0522D;\n border-radius: 2rem;\n }\n nav ul li {\n float: none;\n padding-top: 0;\n }\n nav ul li a {\n padding: 15px;\n background: none;\n line-height: 15px;\n }\n .nav-dropdown {\n position: static;\n background: none;\n border: none;\n box-shadow: none;\n }\n}\n@media screen and (min-width: 799px) {\n .nav-list {\n display: block !important;\n }\n}\n#nav-toggle {\n position: absolute;\n left: 18px;\n top: 22px;\n cursor: pointer;\n padding: 10px 0px 16px 0px;\n}\n#nav-toggle span,\n#nav-toggle span:before,\n#nav-toggle span:after {\n cursor: pointer;\n border-radius: 1px;\n height: 5px;\n width: 35px;\n background: black;\n position: absolute;\n display: block;\n content: \"\";\n transition: all 300ms ease-in-out;\n}\n#nav-toggle span:before {\n top: -10px;\n}\n#nav-toggle span:after {\n bottom: -10px;\n}\n#nav-toggle.active span {\n background-color: transparent;\n}\n#nav-toggle.active span:before, #nav-toggle.active span:after {\n top: 0;\n}\n#nav-toggle.active span:before {\n transform: rotate(45deg);\n}\n#nav-toggle.active span:after {\n transform: rotate(-45deg);\n}\n\n#kerzen > img {\n width: 20%;\n display: none;\n}\n\n.TimeContainer {\n margin-top: 20px;\n color: #A0522D;\n font-size: 20px;\n font-weight: bold;\n text-shadow: 1px 1px 1px darkgray;\n}\n\n#clockdiv > div {\n display: inline-block;\n background-image: url(\"../inc/bg/christmas-shopping-card.png\");\n background-repeat: no-repeat;\n /*background-color: Lightgrey */\n background-size: 120%;\n background-position: -23px;\n border: 0px;\n /*border-radius: 100px */\n min-width: 150px;\n height: 133px;\n /*box-shadow: 5px 5px 10px #fff inset, 1px 1px 10px black */\n margin: 0px 0px -25px -10px;\n}\n#clockdiv > div span {\n padding-top: 40px;\n display: inline-block;\n margin-left: -10px;\n}\n\n.smalltext {\n font-size: 10px;\n margin-left: -10px;\n}\n\n/* ******************************** */\n.kalender {\n display: inline-block;\n position: relative;\n text-align: center;\n width: 460px;\n height: 699.25px;\n /*background-size: $backgroundWidth */\n background-size: 516px;\n background-position: -13px;\n}\n.kalender div {\n position: absolute;\n border: 2px solid #A0522D;\n width: 103.875px;\n height: 103.875px;\n overflow: hidden;\n background: hsla(0, 0%, 100%, 0.3);\n}\n.kalender h3 {\n padding-top: 1.5rem;\n font-weight: bold;\n padding: 1.5rem;\n color: #A0522D;\n}\n.kalender a {\n text-decoration: none;\n}\n.kalender #hiddenTuer {\n margin: 1rem;\n max-height: auto;\n text-decoration: none;\n}\n.kalender span {\n position: absolute;\n display: inline-block;\n top: 0.5rem;\n left: 1.1rem;\n font-size: 1rem;\n width: 6rem;\n height: 6rem;\n color: darkred;\n background-size: cover;\n text-align: left;\n text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;\n}\n.kalender .left {\n position: absolute;\n left: 0;\n top: 0;\n width: 153.875px;\n height: 103.875px;\n display: block;\n border: none;\n /*background-size: $backgroundWidth */\n background-size: 516px;\n margin-left: -13px;\n}\n.kalender a:hover .left, .kalender a:focus .left {\n left: -163.875px;\n}\n.kalender a .left {\n display: block;\n position: absolute;\n transition: left 0.5s;\n}\n.kalender .inactive a {\n pointer-events: none;\n cursor: default;\n}\n.kalender #ak1 {\n left: 5px;\n top: 5px;\n}\n.kalender #ak1 .left {\n background-position: -7px -7px;\n}\n.kalender #ak2 {\n left: 121.875px;\n top: 5px;\n}\n.kalender #ak2 .left {\n background-position: -123.875px -7px;\n}\n.kalender #ak3 {\n left: 238.75px;\n top: 5px;\n}\n.kalender #ak3 .left {\n background-position: -240.75px -7px;\n}\n.kalender #ak4 {\n left: 355.625px;\n top: 5px;\n}\n.kalender #ak4 .left {\n background-position: -357.625px -7px;\n}\n.kalender #ak5 {\n left: 5px;\n top: 121.875px;\n}\n.kalender #ak5 .left {\n background-position: -7px -123.875px;\n}\n.kalender #ak6 {\n left: 121.875px;\n top: 121.875px;\n}\n.kalender #ak6 .left {\n background-position: -123.875px -123.875px;\n}\n.kalender #ak7 {\n left: 238.75px;\n top: 121.875px;\n}\n.kalender #ak7 .left {\n background-position: -240.75px -123.875px;\n}\n.kalender #ak8 {\n left: 355.625px;\n top: 121.875px;\n}\n.kalender #ak8 .left {\n background-position: -357.625px -123.875px;\n}\n.kalender #ak9 {\n left: 5px;\n top: 238.75px;\n}\n.kalender #ak9 .left {\n background-position: -7px -240.75px;\n}\n.kalender #ak10 {\n left: 121.875px;\n top: 238.75px;\n}\n.kalender #ak10 .left {\n background-position: -123.875px -240.75px;\n}\n.kalender #ak11 {\n left: 238.75px;\n top: 238.75px;\n}\n.kalender #ak11 .left {\n background-position: -240.75px -240.75px;\n}\n.kalender #ak12 {\n left: 355.625px;\n top: 238.75px;\n}\n.kalender #ak12 .left {\n background-position: -357.625px -240.75px;\n}\n.kalender #ak13 {\n left: 5px;\n top: 355.625px;\n}\n.kalender #ak13 .left {\n background-position: -7px -357.625px;\n}\n.kalender #ak14 {\n left: 121.875px;\n top: 355.625px;\n}\n.kalender #ak14 .left {\n background-position: -123.875px -357.625px;\n}\n.kalender #ak15 {\n left: 238.75px;\n top: 355.625px;\n}\n.kalender #ak15 .left {\n background-position: -240.75px -357.625px;\n}\n.kalender #ak16 {\n left: 355.625px;\n top: 355.625px;\n}\n.kalender #ak16 .left {\n background-position: -357.625px -357.625px;\n}\n.kalender #ak17 {\n left: 5px;\n top: 472.5px;\n}\n.kalender #ak17 .left {\n background-position: -7px -474.5px;\n}\n.kalender #ak18 {\n left: 121.875px;\n top: 472.5px;\n}\n.kalender #ak18 .left {\n background-position: -123.875px -474.5px;\n}\n.kalender #ak19 {\n left: 238.75px;\n top: 472.5px;\n}\n.kalender #ak19 .left {\n background-position: -240.75px -474.5px;\n}\n.kalender #ak20 {\n left: 355.625px;\n top: 472.5px;\n}\n.kalender #ak20 .left {\n background-position: -357.625px -474.5px;\n}\n.kalender #ak21 {\n left: 5px;\n top: 589.375px;\n}\n.kalender #ak21 .left {\n background-position: -7px -591.375px;\n}\n.kalender #ak22 {\n left: 121.875px;\n top: 589.375px;\n}\n.kalender #ak22 .left {\n background-position: -123.875px -591.375px;\n}\n.kalender #ak23 {\n left: 238.75px;\n top: 589.375px;\n}\n.kalender #ak23 .left {\n background-position: -240.75px -591.375px;\n}\n.kalender #ak24 {\n left: 355.625px;\n top: 589.375px;\n}\n.kalender #ak24 .left {\n background-position: -357.625px -591.375px;\n}\n.kalender #ak25 {\n left: 5px;\n top: 706.25px;\n}\n.kalender #ak25 .left {\n background-position: -7px -708.25px;\n}\n.kalender #ak26 {\n left: 121.875px;\n top: 706.25px;\n}\n.kalender #ak26 .left {\n background-position: -123.875px -708.25px;\n}\n.kalender #ak27 {\n left: 238.75px;\n top: 706.25px;\n}\n.kalender #ak27 .left {\n background-position: -240.75px -708.25px;\n}\n.kalender #ak28 {\n left: 355.625px;\n top: 706.25px;\n}\n.kalender #ak28 .left {\n background-position: -357.625px -708.25px;\n}\n.kalender #türPlus {\n display: none;\n}\n\n.tueren {\n margin-top: 20px;\n}\n.tueren h3 {\n font-size: clamp(1.2rem, 2vw, 2.2rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n text-decoration: underline;\n margin-top: clamp(3.8rem, 5vh, 10rem);\n padding-bottom: 1rem;\n}\n.tueren #txt {\n display: inline-block;\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n border: 4px ridge #A0522D;\n background: hsla(0, 0%, 100%, 0.7) url(\"../inc/bg/1667917199713.png\") -1px -5px no-repeat;\n background-size: 100%;\n padding: 0 1.5rem 0 1.5rem;\n width: clamp(25rem, 40vw, 50rem);\n margin-bottom: clamp(0.1rem, 2vh, 3rem);\n}\n.tueren #txt u {\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n margin-top: 1rem;\n color: #CD853F;\n}\n.tueren img {\n display: inline-block;\n margin: 0rem 0 10px 0;\n width: 30%;\n}\n.tueren #false {\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n}\n.tueren #falseImg {\n display: inline-block;\n margin: 1rem 0 -5px 0;\n width: clamp(100px, 18vw, 150px);\n}\n.tueren #bibi {\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n color: darkgreen;\n font-style: italic;\n}\n.tueren #bibi u {\n color: darkgreen;\n}\n.tueren #bibi span {\n display: inline-block;\n padding: 0.3rem 0 0 0;\n}\n.tueren #melly {\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n color: #6959cd;\n font-style: italic;\n}\n.tueren #melly u {\n color: #6959cd;\n}\n.tueren #melly span {\n display: inline-block;\n padding: 0.3rem 0 0 0;\n}\n.tueren #packa {\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n color: darkgreen;\n font-style: italic;\n}\n.tueren #packa u {\n color: darkgreen;\n}\n.tueren #packa span {\n display: inline-block;\n padding: 0.3rem 0 0 0;\n}\n.tueren #tina {\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n color: #8b7500;\n font-style: italic;\n}\n.tueren #tina u {\n color: #8b7500;\n}\n.tueren #tina span {\n display: inline-block;\n padding: 0.3rem 0 0 0;\n}\n.tueren #alex {\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n color: #36648b;\n font-style: italic;\n}\n.tueren #alex u {\n color: #36648b;\n}\n.tueren #alex span {\n display: inline-block;\n padding: 0.3rem 0 0 0;\n}\n.tueren #otherPerson {\n font-size: clamp(1rem, 1.6vw, 1.4rem);\n font-weight: bold;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n color: black;\n font-style: italic;\n}\n.tueren #otherPerson u {\n color: black;\n}\n.tueren #otherPerson span {\n display: inline-block;\n padding: 0.3rem 0 0 0;\n}\n.tueren .schneei {\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.tueren .schneei #SRechts {\n margin: -5px 8px 0 0;\n z-index: 5;\n width: 7rem;\n right: -13.5rem;\n padding: 0;\n position: relative;\n}\n.tueren .schneei #txt {\n clip-path: polygon(375px 0%, 100% 140px, 100% 100%, 0% 100%, 0% 0%);\n margin-top: -9rem;\n z-index: 3;\n}\n.tueren #schneiiW {\n display: inline-block;\n margin: 0rem 0 -4.5px 0;\n width: 40%;\n}\n.tueren #packaW {\n display: inline-block;\n margin: 0rem 0 -4.5px 0;\n width: 25%;\n}\n\n.titel > img {\n display: inline-block;\n max-width: 210px;\n margin-top: 15px;\n}\n.titel h3 {\n color: gold;\n margin-top: -54px;\n padding-bottom: 1.5rem;\n}\n\n/* *** */\n#kstart {\n display: inline-block;\n font-weight: bold;\n color: #CD853F;\n margin-top: -3rem;\n padding: 1.5rem;\n text-decoration: underline;\n background-color: #fff;\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1);\n border: 2px solid #C21514;\n}\n\n/* *** */\n.euber {\n display: inline-block;\n color: black;\n font-size: 0.9rem;\n font-weight: normal;\n border: 3px solid #A0522D;\n max-width: 460px;\n padding: 0 1rem 0 1rem;\n background-color: #fff;\n}\n.euber span {\n text-decoration: underline;\n font-weight: bold;\n}\n\n/* *** */\n.radio iframe {\n padding: 0 0 1rem 1rem;\n}\n\n/* *** */\n.select {\n font-size: 0.7rem;\n display: inline-block;\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1);\n border: 1px solid darkred;\n border-radius: 5px;\n padding: 0.5rem;\n}\n.select select {\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n border: none;\n font-family: Times New Roman;\n background-color: transparent;\n font-size: 0.7rem;\n}\n\n/* *** */\nbutton {\n border: 3px solid #A0522D;\n border-radius: 5px;\n background: linear-gradient(to bottom, #fefffd, #e7e9ea);\n font-weight: bold;\n color: black;\n}\nbutton a {\n color: #CD853F;\n text-decoration: none;\n padding: 0 0.5rem 0 0;\n}\n\n.pList {\n padding-bottom: 0.5rem;\n}\n.pList div {\n font-size: 0.9rem;\n}\n.pList img {\n max-width: 1.5rem;\n padding-right: 0.5rem;\n}\n.pList button {\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n margin-bottom: auto;\n margin-top: auto;\n padding: 0.5rem;\n box-shadow: 2px 2px 3px black;\n}\n\n.LFilme {\n display: inline-block;\n max-width: 80%;\n}\n.LFilme #film {\n padding: 0.5rem;\n float: left;\n}\n.LFilme #film p:first-child {\n border-bottom: 2px solid gray;\n padding-bottom: 1rem;\n}\n.LFilme #film img {\n max-width: 3rem;\n}\n.LFilme #film #FCover {\n max-width: 10rem;\n border: 3px solid #A0522D;\n}\n.LFilme #film button {\n padding: 0 0.5rem 0 0.5rem;\n margin-bottom: auto;\n margin-top: auto;\n box-shadow: 3px 3px 8px black;\n}\n\n.üList {\n display: inline-block;\n padding: 0.5rem;\n margin: 1em;\n color: #CD853F;\n font-weight: bold;\n text-decoration: underline;\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1);\n border: 2px solid #CD853F;\n border-radius: 0.5rem;\n text-shadow: 1px 1px 1px darkgray;\n box-shadow: 1px 1px 5px black;\n}\n\n.sGalerie {\n display: inline-block;\n max-width: 38vh;\n}\n.sGalerie div {\n background-color: #fff;\n padding: 1rem;\n border-top: 2px solid gray;\n}\n.sGalerie button {\n padding: 0.4rem 0 0 0;\n box-shadow: 3px 3px 8px black;\n}\n.sGalerie img {\n padding: 0.4rem 0.6rem 0.6rem 0.6rem;\n width: 5.5rem;\n height: 6.5rem;\n object-fit: cover;\n}\n.sGalerie #leer {\n display: inline-block;\n padding: 10px 10px 0 0;\n}\n\n.gimages {\n display: inline-block;\n max-width: 30rem;\n padding: 1rem 0.5rem 0.5rem 0.5rem;\n}\n.gimages a {\n display: inline-block;\n padding: 0 5px 5px 5px;\n}\n.gimages img {\n width: 8rem;\n height: 8rem;\n border: 3px solid #A0522D;\n box-shadow: 3px 3px 8px black;\n padding: 0.5rem;\n background: #fff;\n object-fit: cover;\n}\n\n.neu {\n border: 1px solid red;\n padding: 0.5rem;\n font-weight: bold;\n color: darkred;\n background: gainsboro;\n}\n\n.develop {\n text-decoration: underline;\n color: red;\n font-weight: bold;\n text-shadow: -1px -1px 1rem black, 1px 1px 1rem black;\n}\n\n/* ************************************** */\nbody {\n text-align: center;\n margin: 0;\n min-height: 100vh;\n overflow-x: hidden;\n background-color: #fefefe;\n background-image: url(\"../inc/bg/hufeisen_pattern_1024.webp\");\n background-repeat: repeat;\n background-size: 23rem;\n background-attachment: scroll;\n background-position: top center;\n position: relative;\n}\n\narticle {\n position: relative;\n z-index: 1;\n padding-bottom: 10rem;\n}\n\nbody::after {\n content: \"\";\n position: fixed;\n top: 150px;\n left: 50%;\n transform: translateX(-50%);\n width: 800px;\n height: 800px;\n background-image: url(\"../inc/bg/golden_christmas_tree.webp\");\n background-repeat: no-repeat;\n background-size: contain;\n z-index: -1;\n opacity: 0.9;\n pointer-events: none;\n}\n\n#debug-overlay {\n backdrop-filter: blur(3px);\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);\n}\n\n#snowman {\n position: fixed;\n bottom: clamp(0.1rem, 0.9vh, 3rem);\n left: 50%;\n transform: translateX(-50%);\n width: clamp(10rem, 40vw, 16rem);\n z-index: 15;\n pointer-events: none;\n transition: all 0.3s ease-out;\n}\n#snowman img {\n display: block;\n width: 100%;\n height: auto;\n}\n\nfooter {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n min-height: clamp(2rem, 2vw, 5rem);\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e7e9ea);\n box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.2);\n z-index: 10;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n}\nfooter a {\n text-decoration: none;\n color: darkgray;\n font-size: 0.8rem;\n transition: color 0.3s;\n}\nfooter a:hover {\n color: #555;\n}\n\n#footer2 {\n color: darkgray;\n}","@use './base' as *\n\n$timerPosition: -10px\n\n#kerzen\n > img\n width: 20%\n display: none\n\n.TimeContainer\n margin-top: $navtop\n color: $siteColor\n font-size: 20px\n font-weight: bold\n text-shadow: 1px 1px 1px darkgray\n\n#clockdiv\n\n > div\n display: inline-block\n background-image: url(\"../inc/bg/christmas-shopping-card.png\")\n background-repeat: no-repeat\n /*background-color: Lightgrey\n background-size: 120%\n background-position: -23px\n border: 0px\n /*border-radius: 100px\n min-width: 150px\n height: 133px\n /*box-shadow: 5px 5px 10px #fff inset, 1px 1px 10px black\n margin: 0px 0px -25px -10px\n\n span\n padding-top: 40px\n display: inline-block\n margin-left: $timerPosition\n\n.smalltext\n font-size: 10px\n margin-left: $timerPosition\n","@use 'sass:math'\n@use './base' as *\n\n$backgroundSize: 516px // Größe Bild im Kalender\n$bgPosition: -13px // Position Bg und Türen\n$kalenderWidth: 460px // breite des kalenders\n$marginLeftRight: 5px // abstand linker und rechter rand\n$marginTop: 5px \n$marginBetween: 9px // abstand zwischen den Tueren\n$doorBorderSize: 2px \n$doorWidth: math.div($kalenderWidth - 3.5 * $marginLeftRight - 3 * $marginBetween, 4)\n\n/* ********************************\n\n.kalender\n display: inline-block\n position: relative\n text-align: center\n width: $kalenderWidth\n height: #{6*($doorWidth+$doorBorderSize+$marginBetween)+2*$marginTop}\n //border: 1px solid black \n //background: #fff url(\"../inc/bg/baum2.jpg\") no-repeat\n //background: #90C145\n /*background-size: $backgroundWidth\n background-size: $backgroundSize\n background-position: $bgPosition \n //padding: 0 0 10vh 0\n\n div\n position: absolute\n border: $doorBorderSize solid $siteColor\n width: $doorWidth\n height: $doorWidth\n overflow: hidden\n background: $bgTür\n\n h3\n padding-top: 1.5rem\n font-weight: bold\n padding: 1.5rem\n color: $siteColor\n \n a\n text-decoration: none\n \n #hiddenTuer\n margin: 1rem\n max-height: auto\n text-decoration: none\n\n span\n position: absolute\n display: inline-block\n top: 0.5rem\n left: 1.1rem\n font-size: 1rem\n width: 6rem\n height: 6rem\n color: darkred \n background-size: cover\n text-align: left\n text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff\n //text-shadow: 0px 0px 2px darkred\n //background-position: 2.4rem\n //padding-right: 3rem \n //background-origin: padding-box\n //background: no-repeat\n\n .left\n position: absolute\n left: 0\n top: 0\n width: #{$doorWidth+50}\n height: $doorWidth\n display: block \n border: none\n //background: #fff url(\"../inc/bg/baum2.jpg\") no-repeat\n /*background-size: $backgroundWidth\n background-size: $backgroundSize\n margin-left: $bgPosition\n a\n &:hover .left, &:focus .left\n left: #{-($doorWidth+60)}\n\n .left\n display: block\n position: absolute \n transition: left 0.5s\n \n .inactive a\n pointer-events: none\n cursor: default\n\n @for $row from 0 through 6\n @for $col from 0 through 3\n $leftCalc: $marginLeftRight+($doorWidth+$marginBetween+2*$doorBorderSize)*$col\n $topCalc: $marginTop+($doorWidth+$marginBetween+2*$doorBorderSize)*$row\n #ak#{$row*4+$col+1}\n left: #{$leftCalc}\n top: #{$topCalc}\n .left\n background-position: #{-($leftCalc+$doorBorderSize)} #{-($topCalc+$doorBorderSize)}\n \n #türPlus\n display: none","@use './base' as *\n\n.tueren\n margin-top: $navtop\n \n h3\n @include txt-h3\n margin-top: clamp(3.8rem, 5vh, 10rem)\n padding-bottom: 1rem\n\n #txt\n display: inline-block\n @include txt-Absatz\n border: 4px ridge $siteColor\n background: $backgroundTxt url(\"../inc/bg/1667917199713.png\") -1px -5px no-repeat\n background-size: 100%\n //background: hsla(0, 0%, 100%, 0.5)\n padding: 0 1.5rem 0 1.5rem\n width: clamp(25rem, 40vw, 50rem)\n margin-bottom: clamp(0.1rem, 2vh, 3rem) \n \n u\n @include txt-Absatz\n margin-top: 1rem\n color: $headerFontColor\n \n img\n display: inline-block\n margin: 0rem 0 10px 0\n width: 30%\n \n #false\n @include txt-Absatz\n \n #falseImg\n display: inline-block\n margin: 1rem 0 -5px 0 \n width: clamp(100px, 18vw, 150px)\n \n #bibi\n @include personen-txt(darkgreen)\n\n #melly\n @include personen-txt($melly)\n \n #packa\n @include personen-txt(darkgreen)\n \n #tina\n @include personen-txt(#8b7500)\n \n #alex\n @include personen-txt(#36648b)\n \n #otherPerson\n @include personen-txt(black)\n \n \n .schneei\n position: relative \n display: flex\n flex-direction: column\n align-items: center\n \n #SRechts\n margin: -5px 8px 0 0\n z-index: 5\n width: 7rem\n right: -13.5rem\n padding: 0\n //border: 1px solid red\n position: relative\n\n \n #txt\n clip-path: polygon(375px 0%, 100% 140px, 100% 100%, 0% 100%, 0% 0%)\n margin-top: -9rem\n z-index: 3\n\n #schneiiW\n display: inline-block\n margin: 0rem 0 -4.5px 0\n width: 40%\n \n #packaW\n display: inline-block\n margin: 0rem 0 -4.5px 0\n width: 25% \n\n \n","\n// =============================\n// 🌍 Globale Variablen & Mixins\n// =============================\n\n\n// 🎨 Farben\n// ------------------------------\n$siteColor: #A0522D\n$backgroundTxt: hsla(0, 0%, 100%, 0.7)\n$bgTür: hsla(0, 0%, 100%, 0.3)\n$galeryBackgraund: hsla(326, 78.8%, 59.2%, 0.2)\n$headerFontColor: #CD853F\n$txtColor: darkred\n$melly: #6959cd\n$bibi: $siteColor\n\n// 📐 Layout / Abstände\n// ------------------------------\n$navtop: 20px\n$headerRadios: 2rem\n$imageGweight: 8rem\n\n// Font-fluid\n// ------------------------------\n@mixin txt-base($size)\n font-size: $size\n font-weight: bold\n color: $txtColor\n font-family: Verdana, Arial, Helvetica, sans-serif\n\n@mixin txt-Absatz\n @include txt-base(clamp(1rem, 1.6vw, 1.4rem))\n\n@mixin txt-h3\n @include txt-base(clamp(1.2rem, 2vw, 2.2rem))\n text-decoration: underline\n\n@mixin txt-h2\n @include txt-base(clamp(1.5rem, 2.4vw, 2.8rem))\n text-decoration: underline\n\n@mixin txt-h1\n @include txt-base(clamp(2rem, 3vw, 3.6rem))\n text-decoration: underline\n text-transform: uppercase\n\n\n// Personen-Textfarbe\n// ------------------------------\n@mixin personen-txt($color, $padding: 0.3rem)\n @include txt-Absatz\n color: $color\n font-style: italic\n u\n color: $color\n span\n display: inline-block\n padding: $padding 0 0 0\n\n\n\n\n\n\n//##### in Arbeit ######\n\n\n// 💻 Breakpoints (global)\n// ------------------------------\n//$breakpoints: ( small: 480px, medium: 768px, large: 1024px, xlarge: 1280px)\n\n// ==============================\n// 🧩 Mixins\n// ===========≈==================\n\n// 📱 Responsive Mixins\n// ------------------------------\n\n//@mixin respond-to($size)\n// $value: if(map-has-key($breakpoints, $size), map-get($breakpoints, $size), $size)\n// @media only screen and (max-width: $value)\n// @content\n\n//@mixin respond-from($size)\n// $value: if(map-has-key($breakpoints, $size), map-get($breakpoints, $size), $size)\n// @media only screen and (min-width: $value)\n// @content","@use './base' as *\n\n.titel\n //display: inline-block\n //margin: 0 25%\n //background: url(\"../inc/teet/red navigation.png\") no-repeat\n //background-size: 100%\n //background-position: 0px -63px\n\n > img\n display: inline-block \n max-width: 210px \n margin-top: 15px\n \n \n h3\n //text-decoration: underline\n color: gold\n margin-top: -54px\n padding-bottom: 1.5rem \n \n/* *** */\n\n#kstart\n display: inline-block\n font-weight: bold\n color: $headerFontColor\n margin-top: -3rem\n padding: 1.5rem\n text-decoration: underline\n background-color: #fff\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)\n border: 2px solid #C21514\n \n/* *** */\n\n.euber\n display: inline-block\n color: black\n font-size: 0.9rem\n font-weight: normal\n border: 3px solid $siteColor\n max-width: 460px\n padding: 0 1rem 0 1rem\n background-color: #fff\n\n span\n text-decoration: underline\n font-weight: bold\n \n/* *** */\n \n.radio\n iframe \n padding: 0 0 1rem 1rem\n \n/* *** */\n\n.select\n font-size: 0.7rem\n display: inline-block\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)\n border: 1px solid darkred\n border-radius: 5px\n padding: 0.5rem\n\n\n select\n -moz-appearance: none\n -webkit-appearance: none\n appearance: none\n border: none\n font-family: Times New Roman\n background-color: transparent\n font-size: 0.7rem\n \n/* *** */\n\nbutton \n border: 3px solid $siteColor\n border-radius: 5px\n background: linear-gradient(to bottom, #fefffd,#e7e9ea)\n font-weight: bold\n //padding: 5px 10px 5px 10px\n color: black \n \n \n a\n color: $headerFontColor\n text-decoration: none\n padding: 0 0.5rem 0 0\n\n \n.pList\n padding-bottom: 0.5rem\n\n div\n font-size: 0.9rem\n\n img\n max-width: 1.5rem\n padding-right: 0.5rem \n\n button\n display: inline-flex\n flex-direction: row\n align-items: center // Vertical center alignment\n margin-bottom: auto\n margin-top: auto\n padding: 0.5rem\n box-shadow: 2px 2px 3px black \n \n.LFilme\n display: inline-block\n max-width: 80%\n\n #film\n padding: 0.5rem\n float: left\n \n p:first-child \n border-bottom: 2px solid gray \n padding-bottom: 1rem\n \n img\n max-width: 3rem\n \n #FCover\n max-width: 10rem\n border: 3px solid $siteColor\n\n \n button\n padding: 0 0.5rem 0 0.5rem \n margin-bottom: auto\n margin-top: auto\n box-shadow: 3px 3px 8px black\n\n \n\n.üList\n display: inline-block\n padding: 0.5rem\n margin: 1em\n color: $headerFontColor\n font-weight: bold\n text-decoration: underline\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)\n border: 2px solid $headerFontColor\n border-radius: 0.5rem \n text-shadow: 1px 1px 1px darkgray\n box-shadow: 1px 1px 5px black \n \n// Galerie Tab\n\n.sGalerie\n display: inline-block\n max-width: 38vh\n\n div\n background-color: #fff\n padding: 1rem\n border-top: 2px solid gray\n\n button\n padding: 0.4rem 0 0 0\n box-shadow: 3px 3px 8px black\n\n img\n padding: 0.4rem 0.6rem 0.6rem 0.6rem\n width: 5.5rem\n height: 6.5rem\n object-fit: cover\n\n #leer\n display: inline-block \n padding: 10px 10px 0 0\n \n// Galerie Album Tab\n\n.gimages\n display: inline-block\n max-width: 30rem\n //background: $galeryBackgraund\n //border: 2px solid $siteColor\n padding: 1rem 0.5rem 0.5rem 0.5rem\n\n a\n display: inline-block\n padding: 0 5px 5px 5px\n\n img\n width: $imageGweight\n height: $imageGweight\n border: 3px solid $siteColor\n box-shadow: 3px 3px 8px black\n padding: 0.5rem\n background: #fff\n object-fit: cover\n \n.neu\n //display: inline-block \n border: 1px solid red \n padding: 0.5rem\n font-weight: bold\n color: darkred \n background: gainsboro\n \n.develop\n //display: inline-block\n text-decoration: underline\n //position: absolute\n color: red\n font-weight: bold\n //margin: 3rem 0 0 -7rem\n text-shadow: -1px -1px 1rem black, 1px 1px 1rem black","//cwebp -q 80 -o .webp\n//Import \n//####################\n@use 'base' as *\n@use 'nav2'\n@use 'home'\n@use 'kalender'\n@use 'tueren'\n@use 'other'\n\n\n/* **************************************\n \n// =============================\n// 🩶 BODY + HINTERGRUND\n// =============================\nbody\n text-align: center\n margin: 0\n min-height: 100vh\n overflow-x: hidden\n background-color: #fefefe\n background-image: url(\"../inc/bg/hufeisen_pattern_1024.webp\")\n background-repeat: repeat\n background-size: 23rem\n background-attachment: scroll\n background-position: top center\n position: relative\n\narticle\n position: relative\n z-index: 1\n padding-bottom: 10rem // Platz für Schneemann + Footer-Inhalte\n\n// ✨ Deko – goldener Weihnachtsbaum in der Mitte\nbody::after\n content: \"\"\n position: fixed\n top: 150px\n left: 50%\n transform: translateX(-50%)\n width: 800px\n height: 800px\n background-image: url(\"../inc/bg/golden_christmas_tree.webp\")\n background-repeat: no-repeat\n background-size: contain\n z-index: -1\n opacity: 0.9\n pointer-events: none\n \n#debug-overlay \n backdrop-filter: blur(3px)\n box-shadow: 0 0 8px rgba(0,0,0,0.3)\n\n\n\n\n// =============================\n// ☃️ SCHNEEMANN (über dem Footer)\n// =============================\n#snowman\n position: fixed\n bottom: clamp(0.1rem, 0.9vh, 3rem) // reagiert auf Bildschirmhöhe\n left: 50%\n transform: translateX(-50%)\n width: clamp(10rem, 40vw, 16rem) // dynamisch skalierend\n z-index: 15\n pointer-events: none\n transition: all 0.3s ease-out\n\n img\n display: block\n width: 100%\n height: auto\n\n// =============================\n// 📄 FOOTER (unter Schneemann)\n// =============================\nfooter\n position: fixed\n bottom: 0\n left: 0\n width: 100%\n min-height: clamp(2rem, 2vw, 5rem)\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e7e9ea)\n box-shadow: -2px -2px 5px rgba(0,0,0,0.2)\n z-index: 10\n display: flex\n justify-content: center\n align-items: center\n gap: 1rem\n\n a\n text-decoration: none\n color: darkgray\n font-size: 0.8rem\n transition: color 0.3s\n &:hover\n color: #555\n\n#footer2\n color: darkgray\n\n\n"]} \ No newline at end of file diff --git a/src/sass/_base.sass b/src/sass/_base.sass index 7ef3167a..0bbaf956 100644 --- a/src/sass/_base.sass +++ b/src/sass/_base.sass @@ -7,7 +7,8 @@ // 🎨 Farben // ------------------------------ $siteColor: #A0522D -$backgroundTxt: hsla(0, 0%, 100%, 0.7) url("../inc/bg/1667917199713.png") -1px -5px no-repeat +$backgroundTxt: hsla(0, 0%, 100%, 0.7) +$bgTür: hsla(0, 0%, 100%, 0.3) $galeryBackgraund: hsla(326, 78.8%, 59.2%, 0.2) $headerFontColor: #CD853F $txtColor: darkred @@ -24,7 +25,6 @@ $imageGweight: 8rem // ------------------------------ @mixin txt-base($size) font-size: $size - //font-size: calc(#{$size} / 0.7) // kompensiert initial-scale=0.7 font-weight: bold color: $txtColor font-family: Verdana, Arial, Helvetica, sans-serif diff --git a/src/sass/_kalender.sass b/src/sass/_kalender.sass index ccbfbf25..8fefb139 100644 --- a/src/sass/_kalender.sass +++ b/src/sass/_kalender.sass @@ -32,13 +32,13 @@ $doorWidth: math.div($kalenderWidth - 3.5 * $marginLeftRight - 3 * $marginBetwee width: $doorWidth height: $doorWidth overflow: hidden - background: hsla(0, 0%, 100%, 0.3) + background: $bgTür h3 padding-top: 1.5rem - //font-weight: bold - padding: 1rem - color: #E8690F + font-weight: bold + padding: 1.5rem + color: $siteColor a text-decoration: none diff --git a/src/sass/_nav2.sass b/src/sass/_nav2.sass index 183376e7..ad4ddcea 100644 --- a/src/sass/_nav2.sass +++ b/src/sass/_nav2.sass @@ -4,7 +4,7 @@ $content-width: 1000px $breakpoint: 799px $nav-height: 70px -$nav-background: hsl(0,0%,100%,0.5) +$nav-background: $backgroundTxt $link-hover-color: Lightgrey $nav-background2: url("../inc/bg/christmas-banner-6739203.jpg") 0 86% no-repeat @@ -35,7 +35,7 @@ $nav-background2: url("../inc/bg/christmas-banner-6739203.jpg") 0 86% no-repeat padding-left: 20px float: left /*line-height: $nav-height - /*text-transform: uppercase + text-transform: uppercase font-size: 1.2em font-weight: bold text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff diff --git a/src/sass/_tueren.sass b/src/sass/_tueren.sass index d92feb2a..7d0db86a 100644 --- a/src/sass/_tueren.sass +++ b/src/sass/_tueren.sass @@ -12,12 +12,12 @@ display: inline-block @include txt-Absatz border: 4px ridge $siteColor - background: $backgroundTxt + background: $backgroundTxt url("../inc/bg/1667917199713.png") -1px -5px no-repeat background-size: 100% //background: hsla(0, 0%, 100%, 0.5) padding: 0 1.5rem 0 1.5rem width: clamp(25rem, 40vw, 50rem) - font-weight: 500 + margin-bottom: clamp(0.1rem, 2vh, 3rem) u @include txt-Absatz @@ -57,22 +57,25 @@ .schneei + position: relative + display: flex + flex-direction: column + align-items: center #SRechts - display: inline-block margin: -5px 8px 0 0 z-index: 5 width: 7rem - float: right + right: -13.5rem padding: 0 //border: 1px solid red - position: relative + position: relative #txt - clip-path: polygon(381px 0%, 100% 150px, 100% 100%, 0% 100%, 0% 0%) - margin-top: -140px - z-index: 0 + clip-path: polygon(375px 0%, 100% 140px, 100% 100%, 0% 100%, 0% 0%) + margin-top: -9rem + z-index: 3 #schneiiW display: inline-block diff --git a/src/sass/main.sass b/src/sass/main.sass index 80ee2d3b..033b7b3a 100644 --- a/src/sass/main.sass +++ b/src/sass/main.sass @@ -22,7 +22,7 @@ body background-color: #fefefe background-image: url("../inc/bg/hufeisen_pattern_1024.webp") background-repeat: repeat - background-size: 60% + background-size: 23rem background-attachment: scroll background-position: top center position: relative @@ -73,7 +73,6 @@ body::after width: 100% height: auto - // ============================= // 📄 FOOTER (unter Schneemann) // =============================