1 line
45 KiB
Plaintext
1 line
45 KiB
Plaintext
{"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 position: relative\n z-index: 10000\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 position: relative\n z-index: 10001\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 position: relative;\n z-index: 10000;\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 position: relative;\n z-index: 10001;\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: #007a4e;\n font-style: italic;\n}\n.tueren #bibi u {\n color: #007a4e;\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: #6D1F74;\n font-style: italic;\n}\n.tueren #melly u {\n color: #6D1F74;\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: #125035;\n font-style: italic;\n}\n.tueren #packa u {\n color: #125035;\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: #343992;\n font-style: italic;\n}\n.tueren #alex u {\n color: #343992;\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 #txtGedanken {\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: #11486D;\n font-style: italic;\n}\n.tueren #txtGedanken u {\n color: #11486D;\n}\n.tueren #txtGedanken span {\n display: inline-block;\n padding: 0.3rem 0 0 0;\n}\n.tueren #txtLesung {\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: #676668;\n font-style: italic;\n}\n.tueren #txtLesung u {\n color: #676668;\n}\n.tueren #txtLesung span {\n display: inline-block;\n padding: 0.3rem 0 0 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: 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(#007a4e)\n\n #melly\n @include personen-txt(#6D1F74)\n \n #packa\n @include personen-txt(#125035)\n \n #tina\n @include personen-txt(#8b7500)\n \n #alex\n @include personen-txt(#343992)\n \n #otherPerson\n @include personen-txt(black)\n \n #txtGedanken\n @include personen-txt(#11486D)\n \n #txtLesung\n @include personen-txt(#676668)\n //text-decoration: underline\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 <Datei> -q 80 -o <name>.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 \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"]} |