{"version":3,"sources":["_nav2.sass","main.css","_home.sass","_kalender.sass","_tueren.sass","_other.sass","main.sass"],"names":[],"mappings":"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","file":"../sass/min-style.css","sourcesContent":["// 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/* https://www.colorhexa.com/e945bd */\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: 693.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: 106.875px;\n height: 106.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: 156.875px;\n height: 106.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: -166.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: 120.875px;\n top: 5px;\n}\n.kalender #ak2 .left {\n background-position: -122.875px -7px;\n}\n.kalender #ak3 {\n left: 236.75px;\n top: 5px;\n}\n.kalender #ak3 .left {\n background-position: -238.75px -7px;\n}\n.kalender #ak4 {\n left: 352.625px;\n top: 5px;\n}\n.kalender #ak4 .left {\n background-position: -354.625px -7px;\n}\n.kalender #ak5 {\n left: 5px;\n top: 120.875px;\n}\n.kalender #ak5 .left {\n background-position: -7px -122.875px;\n}\n.kalender #ak6 {\n left: 120.875px;\n top: 120.875px;\n}\n.kalender #ak6 .left {\n background-position: -122.875px -122.875px;\n}\n.kalender #ak7 {\n left: 236.75px;\n top: 120.875px;\n}\n.kalender #ak7 .left {\n background-position: -238.75px -122.875px;\n}\n.kalender #ak8 {\n left: 352.625px;\n top: 120.875px;\n}\n.kalender #ak8 .left {\n background-position: -354.625px -122.875px;\n}\n.kalender #ak9 {\n left: 5px;\n top: 236.75px;\n}\n.kalender #ak9 .left {\n background-position: -7px -238.75px;\n}\n.kalender #ak10 {\n left: 120.875px;\n top: 236.75px;\n}\n.kalender #ak10 .left {\n background-position: -122.875px -238.75px;\n}\n.kalender #ak11 {\n left: 236.75px;\n top: 236.75px;\n}\n.kalender #ak11 .left {\n background-position: -238.75px -238.75px;\n}\n.kalender #ak12 {\n left: 352.625px;\n top: 236.75px;\n}\n.kalender #ak12 .left {\n background-position: -354.625px -238.75px;\n}\n.kalender #ak13 {\n left: 5px;\n top: 352.625px;\n}\n.kalender #ak13 .left {\n background-position: -7px -354.625px;\n}\n.kalender #ak14 {\n left: 120.875px;\n top: 352.625px;\n}\n.kalender #ak14 .left {\n background-position: -122.875px -354.625px;\n}\n.kalender #ak15 {\n left: 236.75px;\n top: 352.625px;\n}\n.kalender #ak15 .left {\n background-position: -238.75px -354.625px;\n}\n.kalender #ak16 {\n left: 352.625px;\n top: 352.625px;\n}\n.kalender #ak16 .left {\n background-position: -354.625px -354.625px;\n}\n.kalender #ak17 {\n left: 5px;\n top: 468.5px;\n}\n.kalender #ak17 .left {\n background-position: -7px -470.5px;\n}\n.kalender #ak18 {\n left: 120.875px;\n top: 468.5px;\n}\n.kalender #ak18 .left {\n background-position: -122.875px -470.5px;\n}\n.kalender #ak19 {\n left: 236.75px;\n top: 468.5px;\n}\n.kalender #ak19 .left {\n background-position: -238.75px -470.5px;\n}\n.kalender #ak20 {\n left: 352.625px;\n top: 468.5px;\n}\n.kalender #ak20 .left {\n background-position: -354.625px -470.5px;\n}\n.kalender #ak21 {\n left: 5px;\n top: 584.375px;\n}\n.kalender #ak21 .left {\n background-position: -7px -586.375px;\n}\n.kalender #ak22 {\n left: 120.875px;\n top: 584.375px;\n}\n.kalender #ak22 .left {\n background-position: -122.875px -586.375px;\n}\n.kalender #ak23 {\n left: 236.75px;\n top: 584.375px;\n}\n.kalender #ak23 .left {\n background-position: -238.75px -586.375px;\n}\n.kalender #ak24 {\n left: 352.625px;\n top: 584.375px;\n}\n.kalender #ak24 .left {\n background-position: -354.625px -586.375px;\n}\n.kalender #ak25 {\n left: 5px;\n top: 700.25px;\n}\n.kalender #ak25 .left {\n background-position: -7px -702.25px;\n}\n.kalender #ak26 {\n left: 120.875px;\n top: 700.25px;\n}\n.kalender #ak26 .left {\n background-position: -122.875px -702.25px;\n}\n.kalender #ak27 {\n left: 236.75px;\n top: 700.25px;\n}\n.kalender #ak27 .left {\n background-position: -238.75px -702.25px;\n}\n.kalender #ak28 {\n left: 352.625px;\n top: 700.25px;\n}\n.kalender #ak28 .left {\n background-position: -354.625px -702.25px;\n}\n.kalender #türPlus {\n display: none;\n}\n\n.tueren {\n margin-top: 20px;\n}\n.tueren h3 {\n color: darkred;\n text-decoration: underline;\n margin-top: 3.8rem;\n padding-bottom: 1rem;\n}\n.tueren #txt {\n display: inline-block;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n border: 4px ridge #A0522D;\n background: hsla(0, 0%, 100%, 0.5) url(\"../inc/bg/1667917199713.png\") -1px -5px no-repeat;\n background-size: 100%;\n padding: 0 1.5rem 0 1.5rem;\n width: 75%;\n}\n.tueren #txt u {\n margin-top: 1rem;\n color: #CD853F;\n font-weight: bold;\n}\n.tueren #txt #bibi {\n color: #A0522D;\n}\n.tueren #txt #bibi u {\n color: #A0522D;\n font-weight: bold;\n}\n.tueren #txt #bibi span {\n color: grey;\n margin: 1rem 0 0 0;\n}\n.tueren #txt #melly {\n color: #6959cd;\n}\n.tueren #txt #melly u {\n color: #6959cd;\n font-weight: bold;\n}\n.tueren #txt #melly span {\n color: grey;\n margin: 1rem 0 0 0;\n}\n.tueren #txt #packa {\n color: darkgreen;\n font-weight: bold;\n}\n.tueren #txt #packa u {\n color: darkgreen;\n}\n.tueren #txt #packa 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 img {\n display: inline-block;\n margin: 0rem 0 10px 0;\n width: 30%;\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.tueren #falseDay {\n display: inline-block;\n margin: 1rem 0 -5px 0;\n width: 40%;\n}\n.tueren p {\n font-weight: 500;\n}\n.tueren #false {\n color: red;\n font-weight: 500;\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}\nbody:before {\n height: 100%;\n content: \"\";\n background-size: 60%;\n background-image: url(\"../inc/bg/hufeisen_pattern_1024.png\");\n inset: 0;\n position: fixed;\n z-index: -1;\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.png\");\n background-repeat: no-repeat;\n background-size: contain;\n z-index: -1;\n pointer-events: none;\n}\n\nfooter {\n position: fixed;\n bottom: 0rem;\n height: 2rem;\n width: 100%;\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e7e9ea);\n box-shadow: -2px -2px 5px gray;\n}\nfooter img {\n position: absolute;\n max-width: 15rem;\n /*border: 3px solid red */\n margin-top: -124px;\n}\nfooter a {\n display: inline-block;\n position: relative;\n text-decoration: none;\n color: darkgray;\n font-size: 0.8rem;\n padding-top: 0.7rem;\n /*padding-right: 0.5rem */\n}\n\n#footer2 {\n color: darkgray;\n}\n\narticle {\n padding-bottom: 12rem;\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","$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: 5px // 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","$bibi: $siteColor\n$melly: #6959cd\n\n\n.tueren\n margin-top: $navtop\n \n h3\n color: darkred \n text-decoration: underline\n margin-top: 3.8rem\n padding-bottom: 1rem\n\n #txt\n display: inline-block\n color: darkred\n font-family: Verdana, Arial, Helvetica, sans-serif\n border: 4px ridge $siteColor\n background: hsla(0, 0%, 100%, 0.5) 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: 75%\n \n u\n margin-top: 1rem\n color: $headerFontColor\n font-weight: bold\n\n #bibi\n color: $bibi\n u\n color: $bibi\n font-weight: bold \n span\n color: grey\n margin: 1rem 0 0 0\n \n #melly\n color: $melly\n u\n color: $melly\n font-weight: bold \n span\n color: grey\n margin: 1rem 0 0 0\n \n #packa\n color: darkgreen\n font-weight: bold\n u\n color: darkgreen \n span\n display: inline-block\n padding: 0.3rem 0 0 0\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\n img\n display: inline-block\n margin: 0rem 0 10px 0\n width: 30%\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 #falseDay\n display: inline-block\n margin: 1rem 0 -5px 0 \n width: 40%\n\n p\n font-weight: 500\n\n #false\n color: red\n font-weight: 500\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","/* https://www.colorhexa.com/e945bd\n\n//'mixins'\n\n\n// ### System Modul\n@use 'sass:math'\n// ################\n\n$navtop: 20px\n$headerRadios: 2rem\n$siteColor: #A0522D\n$galeryBackgraund: hsla(326, 78.8%, 59.2%, 0.2)\n$headerFontColor: \t#CD853F\n$imageGweight: 8rem\n\n\n@import 'nav2', 'home', 'kalender', 'tueren', 'other'\n\n/* **************************************\n\nbody\n text-align: center\n margin: 0 \n\n \n &:before\n height: 100%\n content: \"\"\n background-size: 60%\n background-image: url(\"../inc/bg/hufeisen_pattern_1024.png\")\n //filter: hue-rotate(-50deg)\n //background-repeat: no-repeat\n inset: 0\n position: fixed\n z-index: -1\n &: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.png\")\n background-repeat: no-repeat\n background-size: contain\n z-index: -1\n pointer-events: none\n \nfooter\n position: fixed\n bottom: -0rem\n height: 2rem\n width: 100%\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e7e9ea)\n box-shadow: -2px -2px 5px gray\n \n img\n position: absolute \n max-width: 15rem\n /*border: 3px solid red \n margin-top: -124px\n \n a\n display: inline-block\n position: relative \n text-decoration: none\n color: darkgray \n font-size: 0.8rem\n padding-top: 0.7rem\n /*padding-right: 0.5rem\n \n#footer2\n color: darkgray \n \narticle \n padding-bottom: 12rem \n \n\n "]}