diff --git a/inc/bg/1667917199713.png b/inc/bg/1667917199713.png new file mode 100644 index 00000000..8ed8a652 Binary files /dev/null and b/inc/bg/1667917199713.png differ diff --git a/inc/bg/9973871_129.png b/inc/bg/9973871_129.png new file mode 100644 index 00000000..8ff83efd Binary files /dev/null and b/inc/bg/9973871_129.png differ diff --git a/inc/bg/Filme/DisneyWeihnachten.jpg b/inc/bg/Filme/DisneyWeihnachten.jpg new file mode 100644 index 00000000..a4c100b8 Binary files /dev/null and b/inc/bg/Filme/DisneyWeihnachten.jpg differ diff --git a/inc/bg/Filme/WunderEinerWeihnacht.jpg b/inc/bg/Filme/WunderEinerWeihnacht.jpg new file mode 100644 index 00000000..672faaf6 Binary files /dev/null and b/inc/bg/Filme/WunderEinerWeihnacht.jpg differ diff --git a/inc/bg/amazon-prime-video-1600.png b/inc/bg/amazon-prime-video-1600.png new file mode 100644 index 00000000..26075dcc Binary files /dev/null and b/inc/bg/amazon-prime-video-1600.png differ diff --git a/inc/bg/christmas-banner-6739203.jpg b/inc/bg/christmas-banner-6739203.jpg new file mode 100644 index 00000000..88987165 Binary files /dev/null and b/inc/bg/christmas-banner-6739203.jpg differ diff --git a/inc/bg/disney-plus-1600.png b/inc/bg/disney-plus-1600.png new file mode 100644 index 00000000..a3f3ac4d Binary files /dev/null and b/inc/bg/disney-plus-1600.png differ diff --git a/inc/bg/schneeiRechts.png b/inc/bg/schneeiRechts.png new file mode 100644 index 00000000..42eaf09c Binary files /dev/null and b/inc/bg/schneeiRechts.png differ diff --git a/inc/bg/schneeiRechts2.png b/inc/bg/schneeiRechts2.png new file mode 100644 index 00000000..37426540 Binary files /dev/null and b/inc/bg/schneeiRechts2.png differ diff --git a/inc/bg/schneeiRechtsOrg.png b/inc/bg/schneeiRechtsOrg.png new file mode 100644 index 00000000..ca92814f Binary files /dev/null and b/inc/bg/schneeiRechtsOrg.png differ diff --git a/index.php b/index.php index c6c4e0e2..e15440a8 100644 --- a/index.php +++ b/index.php @@ -19,12 +19,7 @@ if ($tab == "") {$tab = "home";} - + diff --git a/main/min-style.css b/main/min-style.css index 7011393a..1db903c9 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 background.jpg") 0 86% no-repeat;border-radius:0 0 2rem 2rem;background-size:100%;border-bottom:4px ridge #006400}.brand{position:absolute;padding-left:20px;float:left;line-height:70px;text-transform:uppercase;font-size:1.4em;font-weight:700;text-shadow:1px 0 #fff,0 1px #fff,-1px 0 #fff,0 -1px #fff}.brand a,.brand a:visited{color:#8b0000;text-decoration:none}.nav-container{max-width:100%;margin:0 auto}nav{float:right;font-weight:700;text-shadow:1px 0 #fff,0 1px #fff,-1px 0 #fff,0 -1px #fff}nav ul{list-style:none;margin:0;padding:0;background-color:rgba(255,255,255,.5)}nav ul li{float:left;position:relative}nav ul li a,nav ul li a:visited{display:block;padding:0 20px;line-height:70px;color:#8b0000;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:red;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}nav ul li a:not(:only-child):after,nav ul li a:visited:not(:only-child):after{padding-left:4px;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){.nav-mobile{display:block}nav{width:100%;padding:70px 0 15px 0;text-shadow:none}nav ul{display:none;border:4px ridge #006400;border-radius:2rem}nav ul li{float:none}nav ul li a{padding:15px;line-height:20px}nav ul li ul li a{padding-left:30px}.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:#8b0000;position:absolute;display:block;content:"";-webkit-transition:all .3s ease-in-out;-o-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:#8b0000;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;border:1px solid #000;background:#fff url(../inc/bg/baum2.jpg) no-repeat;background-size:516px;background-position:-13px}.kalender div{position:absolute;border:1px solid #8b0000;overflow:hidden;background:#fff}.kalender h3{padding-top:1.5rem;font-weight:700;padding:1rem}.kalender span{position:absolute;display:inline-block;top:1rem;left:1rem;font-size:1rem;width:1.2rem;height:1.2rem;color:#fff;background:#cd0000}.kalender .left{position:absolute;left:0;top:0;display:block;border:none;background:#fff url(../inc/bg/baum2.jpg) no-repeat;background-size:516px;margin-left:-13px}.kalender a .left{display:block;position:absolute;-webkit-transition:left .5s;-o-transition:left .5s;transition:left .5s}.kalender .inactive a{pointer-events:none;cursor:default}#hiddenTuer{margin:1rem;max-height:auto}.tueren{margin-top:20px}.tueren h3{color:#8b0000;text-decoration:underline;margin-top:3rem}.tueren #txt{display:inline-block;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;border:4px ridge red;background:rgba(255,255,255,.4) url(../inc/bg/20201222_065407.png) -1px -5px no-repeat;background-size:101%;padding:0 1.5rem 1.5rem 1.5rem;width:75%}.tueren p{font-weight:500}.tueren #false{color:red;font-weight:500}.titel{display:inline-block}.titel img{max-width:210px;margin-top:10px}.titel h3{color:gold;margin-top:-54px;padding-bottom:1.5rem}#kstart{display:inline-block;font-weight:700;color:#8b0000;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:-o-linear-gradient(top,#fefffd,#e7e9ea 50%,#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:0 solid red;max-width:700px}.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:-o-linear-gradient(top,#fefffd,#e7e9ea 50%,#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:2px solid #006400;border-radius:5px;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),to(#e7e9ea));background:-o-linear-gradient(top,#fefffd,#e7e9ea);background:linear-gradient(to bottom,#fefffd,#e7e9ea);font-weight:700;padding:5px 10px 5px 10px;color:#000}button a{color:#000;text-decoration:none;padding:0 .5rem 0 0}button img{padding-right:.5rem}.pList{padding-bottom:.5rem}.pList div{font-size:.9rem}.pList img{max-width:1.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}.üList{display:inline-block;padding:.5rem;margin:1em;color:#8b0000;font-weight:700;text-decoration:underline;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e1e1e1));background:-o-linear-gradient(top,#fefffd,#e7e9ea 50%,#e1e1e1);background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e1e1e1);border:2px solid #000;border-radius:.5rem;text-shadow:1px 1px 1px #a9a9a9}.sGalerie{display:inline-block;max-width:30rem}.sGalerie div{background-color:#fff;padding:1rem;border-top:2px solid gray}.sGalerie button{padding:.4rem 0 0 0}.sGalerie img{padding:.4rem 0 .6rem 0;width:5.5rem;height:6.5rem;-o-object-fit:cover;object-fit:cover}.sGalerie #leer{display:inline-block;padding:.5rem .5rem 0 0}.gimages{display:inline-block;max-width:30rem;background:rgba(98,163,104,.3);border:2px solid #006400;padding:1rem .5rem .5rem .5rem}.gimages a{display:inline-block;padding:0 5px 5px 5px}.gimages img{width:9rem;height:9rem;border:3px solid #8b0000;-o-object-fit:cover;object-fit:cover}body{text-align:center;margin:0;background-image:url(../inc/bg/snow3.png);background-size:90%;background-color:rgba(179,221,230,.7)}header{margin:auto;background:url("../inc/bg/christmas background.jpg") 0 86% no-repeat;background-size:100%;border-bottom:4px ridge #006400;border-radius:0 0 2rem 2rem;text-align:center;padding:20px;-webkit-box-shadow:-1px -1px 5px silver,1px 1px 5px #000;box-shadow:-1px -1px 5px silver,1px 1px 5px #000}header h1{color:red;text-decoration:underline;font-size:1.5rem;font-weight:700;text-shadow:1px 1px 1px #000}footer{position:fixed;bottom:0;height:2rem;width:100%;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e7e9ea));background:-o-linear-gradient(top,#fefffd,#e7e9ea 50%,#e7e9ea);background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e7e9ea);-webkit-box-shadow:-2px -2px 5px gray;box-shadow:-2px -2px 5px gray}footer img{position:absolute;max-width:15rem;margin-top:-124px}footer a{display:inline-block;position:relative;text-decoration:none;color:#a9a9a9;font-size:.8rem;padding-top:.7rem}#footer2{color:#a9a9a9}article{padding-bottom:12rem} +@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 #006400;background-size:100%}.brand{position:absolute;padding-left:20px;float:left;line-height:70px;text-transform:uppercase;font-size:1.4em;font-weight:700;text-shadow:1px 0 #fff,0 1px #fff,-1px 0 #fff,0 -1px #fff;margin-top:-.5rem}.brand a,.brand a:visited{color:#8b0000;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:rgba(255,255,255,.7)}nav ul{list-style:none;margin:0;padding:0;background-color:rgba(255,255,255,.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:#006400;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:red}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:auto 0}.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 #006400;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;-o-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:#8b0000;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:687.25px;border:1px solid #000;background:#90c145;background-size:516px;background-position:-13px}.kalender div{position:absolute;border:1px solid #8b0000;width:106.875px;height:106.875px;overflow:hidden;background:#fff}.kalender h3{padding-top:1.5rem;font-weight:700;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:156.875px;height:106.875px;display:block;border:none;background-size:516px;margin-left:-13px}.kalender a:focus .left,.kalender a:hover .left{left:-166.875px}.kalender a .left{display:block;position:absolute;-webkit-transition:left .5s;-o-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:-6px -6px}.kalender #ak2{left:118.875px;top:5px}.kalender #ak2 .left{background-position:-119.875px -6px}.kalender #ak3{left:232.75px;top:5px}.kalender #ak3 .left{background-position:-233.75px -6px}.kalender #ak4{left:346.625px;top:5px}.kalender #ak4 .left{background-position:-347.625px -6px}.kalender #ak5{left:5px;top:118.875px}.kalender #ak5 .left{background-position:-6px -119.875px}.kalender #ak6{left:118.875px;top:118.875px}.kalender #ak6 .left{background-position:-119.875px -119.875px}.kalender #ak7{left:232.75px;top:118.875px}.kalender #ak7 .left{background-position:-233.75px -119.875px}.kalender #ak8{left:346.625px;top:118.875px}.kalender #ak8 .left{background-position:-347.625px -119.875px}.kalender #ak9{left:5px;top:232.75px}.kalender #ak9 .left{background-position:-6px -233.75px}.kalender #ak10{left:118.875px;top:232.75px}.kalender #ak10 .left{background-position:-119.875px -233.75px}.kalender #ak11{left:232.75px;top:232.75px}.kalender #ak11 .left{background-position:-233.75px -233.75px}.kalender #ak12{left:346.625px;top:232.75px}.kalender #ak12 .left{background-position:-347.625px -233.75px}.kalender #ak13{left:5px;top:346.625px}.kalender #ak13 .left{background-position:-6px -347.625px}.kalender #ak14{left:118.875px;top:346.625px}.kalender #ak14 .left{background-position:-119.875px -347.625px}.kalender #ak15{left:232.75px;top:346.625px}.kalender #ak15 .left{background-position:-233.75px -347.625px}.kalender #ak16{left:346.625px;top:346.625px}.kalender #ak16 .left{background-position:-347.625px -347.625px}.kalender #ak17{left:5px;top:460.5px}.kalender #ak17 .left{background-position:-6px -461.5px}.kalender #ak18{left:118.875px;top:460.5px}.kalender #ak18 .left{background-position:-119.875px -461.5px}.kalender #ak19{left:232.75px;top:460.5px}.kalender #ak19 .left{background-position:-233.75px -461.5px}.kalender #ak20{left:346.625px;top:460.5px}.kalender #ak20 .left{background-position:-347.625px -461.5px}.kalender #ak21{left:5px;top:574.375px}.kalender #ak21 .left{background-position:-6px -575.375px}.kalender #ak22{left:118.875px;top:574.375px}.kalender #ak22 .left{background-position:-119.875px -575.375px}.kalender #ak23{left:232.75px;top:574.375px}.kalender #ak23 .left{background-position:-233.75px -575.375px}.kalender #ak24{left:346.625px;top:574.375px}.kalender #ak24 .left{background-position:-347.625px -575.375px}.tueren{margin-top:20px}.tueren h3{color:#8b0000;text-decoration:underline;margin-top:3.8rem}.tueren #txt{display:inline-block;color:#8b0000;font-family:Verdana,Arial,Helvetica,sans-serif;border:4px ridge #90c145;background:rgba(255,255,255,.5) url(../inc/bg/1667917199713.png) -1px -5px no-repeat;background-size:100%;padding:0 1.5rem 0 1.5rem;width:75%}.tueren #txt u{color:#006400}.tueren #txt #bibi{color:grey}.tueren #txt #bibi u{color:grey}.tueren #txt #bibi span{color:grey;margin:1rem 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{-webkit-clip-path:polygon(381px 0,100% 150px,100% 100%,0 100%,0 0);clip-path:polygon(381px 0,100% 150px,100% 100%,0 100%,0 0);margin-top:-140px;z-index:0}.tueren img{display:inline-block;margin:1rem 0 0 0;width:50%}.tueren p{font-weight:500}.tueren #false{color:red;font-weight:500}.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:#8b0000;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:-o-linear-gradient(top,#fefffd,#e7e9ea 50%,#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:0 solid red;max-width:700px}.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:-o-linear-gradient(top,#fefffd,#e7e9ea 50%,#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:2px solid #006400;border-radius:5px;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),to(#e7e9ea));background:-o-linear-gradient(top,#fefffd,#e7e9ea);background:linear-gradient(to bottom,#fefffd,#e7e9ea);font-weight:700;color:#000}button a{color:#000;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}.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 #8b0000}.LFilme #film button{padding:0 .5rem 0 .5rem;margin-bottom:auto;margin-top:auto}.üList{display:inline-block;padding:.5rem;margin:1em;color:#8b0000;font-weight:700;text-decoration:underline;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e1e1e1));background:-o-linear-gradient(top,#fefffd,#e7e9ea 50%,#e1e1e1);background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e1e1e1);border:2px solid #000;border-radius:.5rem;text-shadow:1px 1px 1px #a9a9a9}.sGalerie{display:inline-block;max-width:30rem}.sGalerie div{background-color:#fff;padding:1rem;border-top:2px solid gray}.sGalerie button{padding:.4rem 0 0 0}.sGalerie img{padding:.4rem 0 .6rem 0;width:5.5rem;height:6.5rem;-o-object-fit:cover;object-fit:cover}.sGalerie #leer{display:inline-block;padding:.5rem .5rem 0 0}.gimages{display:inline-block;max-width:30rem;background:rgba(98,163,104,.3);border:2px solid #006400;padding:1rem .5rem .5rem .5rem}.gimages a{display:inline-block;padding:0 5px 5px 5px}.gimages img{width:9rem;height:9rem;border:3px solid #8b0000;-o-object-fit:cover;object-fit:cover}.neu{border:1px solid red;padding:.5rem;font-weight:700;color:#8b0000;background:#dcdcdc}body{text-align:center;margin:0;background-image:url(../inc/bg/snow3.png);background-size:90%;background-color:rgba(179,221,230,.7)}footer{position:fixed;bottom:0;height:2rem;width:100%;background:-webkit-gradient(linear,left top,left bottom,from(#fefffd),color-stop(50%,#e7e9ea),to(#e7e9ea));background:-o-linear-gradient(top,#fefffd,#e7e9ea 50%,#e7e9ea);background:linear-gradient(to bottom,#fefffd,#e7e9ea 50%,#e7e9ea);-webkit-box-shadow:-2px -2px 5px gray;box-shadow:-2px -2px 5px gray}footer img{position:absolute;max-width:15rem;margin-top:-124px}footer a{display:inline-block;position:relative;text-decoration:none;color:#a9a9a9;font-size:.8rem;padding-top:.7rem}#footer2{color:#a9a9a9}article{padding-bottom:12rem} /*# sourceMappingURL=../main/min-style.css.map */ diff --git a/main/min-style.css.map b/main/min-style.css.map index 004a4dcf..f645efaf 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","_other.sass","main.sass"],"names":[],"mappings":"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","file":"../sass/min-style.css","sourcesContent":["// Navigation Variables\n$content-width: 100%\n$breakpoint: 799px\n$nav-height: 70px\n$nav-background: hsl(0,0%,100%,0.5)\n$nav-font-color: darkred \n$link-hover-color: Lightgrey \n$nav-background2: url(\"../inc/bg/christmas background.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 darkgreen\n\n\n// Logo and branding\n.brand \n position: absolute\n padding-left: 20px\n float: left\n line-height: $nav-height\n text-transform: uppercase\n font-size: 1.4em\n font-weight: bold\n text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff\n a,\n a:visited \n color: $nav-font-color\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 float: right\n font-weight: bold\n text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff\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 a,\n a:visited \n display: block\n padding: 0 20px\n line-height: $nav-height\n color: $nav-font-color\n text-decoration: none\n \n &:hover, &:active, &.active\n //background: $link-hover-color\n color: red\n transform: scale(1.1)\n \n &:not(:only-child):after\n padding-left: 4px\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 .nav-mobile \n display: block\n \n nav \n width: 100%\n padding: $nav-height 0 15px 0\n text-shadow: none \n ul \n display: none\n border: 4px ridge darkgreen\n border-radius: 2rem\n \n li \n float: none\n a \n padding: 15px\n line-height: 20px\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: $nav-font-color\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 background.jpg\") 0 86% no-repeat;\n border-radius: 0 0 2rem 2rem;\n background-size: 100%;\n border-bottom: 4px ridge darkgreen;\n}\n\n.brand {\n position: absolute;\n padding-left: 20px;\n float: left;\n line-height: 70px;\n text-transform: uppercase;\n font-size: 1.4em;\n font-weight: bold;\n text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff;\n}\n.brand a,\n.brand a:visited {\n color: darkred;\n text-decoration: none;\n}\n\n.nav-container {\n max-width: 100%;\n margin: 0 auto;\n}\n\nnav {\n float: right;\n font-weight: bold;\n text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff;\n}\nnav ul {\n list-style: none;\n margin: 0;\n padding: 0;\n background-color: rgba(255, 255, 255, 0.5);\n}\nnav ul li {\n float: left;\n position: relative;\n}\nnav ul li a,\nnav ul li a:visited {\n display: block;\n padding: 0 20px;\n line-height: 70px;\n color: darkred;\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: red;\n transform: scale(1.1);\n}\nnav ul li a:not(:only-child):after,\nnav ul li a:visited:not(:only-child):after {\n padding-left: 4px;\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 .nav-mobile {\n display: block;\n }\n\n nav {\n width: 100%;\n padding: 70px 0 15px 0;\n text-shadow: none;\n }\n nav ul {\n display: none;\n border: 4px ridge darkgreen;\n border-radius: 2rem;\n }\n nav ul li {\n float: none;\n }\n nav ul li a {\n padding: 15px;\n line-height: 20px;\n }\n nav ul li 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: 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: darkred;\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: darkred;\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 border: 1px solid black;\n background: #fff url(\"../inc/bg/baum2.jpg\") no-repeat;\n /*background-size: $backgroundWidth */\n background-size: 516px;\n background-position: -13px;\n}\n.kalender div {\n position: absolute;\n border: 1px solid darkred;\n overflow: hidden;\n background: #fff;\n}\n.kalender h3 {\n padding-top: 1.5rem;\n font-weight: bold;\n padding: 1rem;\n}\n.kalender span {\n position: absolute;\n display: inline-block;\n top: 1rem;\n left: 1rem;\n font-size: 1rem;\n width: 1.2rem;\n height: 1.2rem;\n color: #FFF;\n background: #CD0000;\n}\n.kalender .left {\n position: absolute;\n left: 0;\n top: 0;\n display: block;\n border: none;\n background: #fff url(\"../inc/bg/baum2.jpg\") no-repeat;\n /*background-size: $backgroundWidth */\n background-size: 516px;\n margin-left: -13px;\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#hiddenTuer {\n margin: 1rem;\n max-height: auto;\n}\n\n.tueren {\n margin-top: 20px;\n}\n.tueren h3 {\n color: darkred;\n text-decoration: underline;\n margin-top: 3rem;\n}\n.tueren #txt {\n display: inline-block;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n border: 4px ridge red;\n background: rgba(255, 255, 255, 0.4) url(\"../inc/bg/20201222_065407.png\") -1px -5px no-repeat;\n background-size: 101%;\n padding: 0 1.5rem 1.5rem 1.5rem;\n width: 75%;\n}\n.tueren p {\n font-weight: 500;\n}\n.tueren #false {\n color: red;\n font-weight: 500;\n}\n\n.titel {\n display: inline-block;\n /*background: url(\"../inc/teet/red navigation.png\") no-repeat\n * background-size: 100%\n * background-position: 0px -63px */\n}\n.titel img {\n max-width: 210px;\n margin-top: 10px;\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: darkred;\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: 0px solid red;\n max-width: 700px;\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: 2px solid darkgreen;\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}\nbutton a {\n color: black;\n text-decoration: none;\n padding: 0 0.5rem 0 0;\n}\nbutton img {\n padding-right: 0.5rem;\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}\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}\n\n.üList {\n display: inline-block;\n padding: 0.5rem;\n margin: 1em;\n color: darkred;\n font-weight: bold;\n text-decoration: underline;\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1);\n border: 2px solid black;\n border-radius: 0.5rem;\n text-shadow: 1px 1px 1px darkgray;\n}\n\n.sGalerie {\n display: inline-block;\n max-width: 30rem;\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}\n.sGalerie img {\n padding: 0.4rem 0 0.6rem 0;\n width: 5.5rem;\n height: 6.5rem;\n object-fit: cover;\n}\n.sGalerie #leer {\n display: inline-block;\n padding: 0.5rem 0.5rem 0 0;\n}\n\n.gimages {\n display: inline-block;\n max-width: 30rem;\n background: rgba(98, 163, 104, 0.3);\n border: 2px solid darkgreen;\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: 9rem;\n height: 9rem;\n border: 3px solid darkred;\n object-fit: cover;\n}\n\n/* ************************************** */\nbody {\n text-align: center;\n margin: 0;\n background-image: url(\"../inc/bg/snow3.png\");\n background-size: 90%;\n /*background-color: #e2e4e6 */\n background-color: rgba(179, 221, 230, 0.7);\n}\n\nheader {\n margin: auto;\n /*background-color: Lightgrey */\n background: url(\"../inc/bg/christmas background.jpg\") 0 86% no-repeat;\n background-size: 100%;\n border-bottom: 4px ridge darkgreen;\n border-radius: 0 0 2rem 2rem;\n text-align: center;\n padding: 20px;\n box-shadow: -1px -1px 5px silver, 1px 1px 5px black;\n}\nheader h1 {\n color: red;\n text-decoration: underline;\n font-size: 1.5rem;\n font-weight: bold;\n text-shadow: 1px 1px 1px black;\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: darkred\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: 1px \n//$doorWidth: ($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-size: $backgroundWidth\n background-size: $backgroundSize\n background-position: $bgPosition \n\n div\n position: absolute\n border: $doorBorderSize solid darkred\n //width: $doorWidth\n //height: $doorWidth\n overflow: hidden\n background: #fff\n\n h3\n padding-top: 1.5rem\n font-weight: bold\n padding: 1rem\n\n span\n position: absolute\n display: inline-block\n top: 1rem\n left: 1rem\n font-size: 1rem\n width: 1.2rem\n height: 1.2rem\n color: #FFF\n background: #CD0000\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 5\n @for $col from 0 through 3\n //$leftCalc: $marginLeftRight+($doorWidth+$marginBetween+2*$doorBorderSize)*$col\n //s$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#hiddenTuer\n margin: 1rem\n max-height: auto",".tueren\n margin-top: $navtop\n \n h3\n color: darkred \n text-decoration: underline\n margin-top: 3rem\n\n #txt\n display: inline-block\n color: darkred\n font-family: Verdana, Arial, Helvetica, sans-serif\n border: 4px ridge red\n background: hsla(0, 0%, 100%, 0.4) url(\"../inc/bg/20201222_065407.png\") -1px -5px no-repeat\n background-size: 101%\n padding: 0 1.5rem 1.5rem 1.5rem\n width: 75%\n\n p\n font-weight: 500\n\n #false\n color: red\n font-weight: 500",".titel\n display: inline-block\n /*background: url(\"../inc/teet/red navigation.png\") no-repeat\n background-size: 100%\n background-position: 0px -63px\n \n img\n max-width: 210px \n margin-top: 10px\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: darkred\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: 0px solid red\n max-width: 700px\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: 2px solid darkgreen\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: black\n text-decoration: none\n padding: 0 0.5rem 0 0\n \n img\n //max-width: 10rem\n padding-right: 0.5rem\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\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\n\n.üList\n display: inline-block\n padding: 0.5rem\n margin: 1em\n color: darkred\n font-weight: bold\n text-decoration: underline\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)\n border: 2px solid black\n border-radius: 0.5rem \n text-shadow: 1px 1px 1px darkgray \n \n// Galerie Tab\n\n.sGalerie\n display: inline-block\n max-width: 30rem\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\n img\n padding: 0.4rem 0 0.6rem 0\n width: 5.5rem\n height: 6.5rem\n object-fit: cover\n\n #leer\n display: inline-block \n padding: 0.5rem 0.5rem 0 0\n \n// Galerie Album Tab\n\n.gimages\n display: inline-block\n max-width: 30rem\n background: hsla(126, 26%, 51%, 0.3)\n border: 2px solid darkgreen\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: 9rem\n height: 9rem\n border: 3px solid darkred\n object-fit: cover","$navtop: 20px\n$headerRadios: 2rem\n\n@import 'nav2', 'home', 'kalender', 'tueren', 'other'\n\n/* **************************************\n\nbody\n text-align: center\n margin: 0\n background-image: url(\"../inc/bg/snow3.png\")\n background-size: 90%\n /*background-color: #e2e4e6\n background-color: hsla(190, 50%, 80%, 0.7) \n\nheader\n margin: auto\n /*background-color: Lightgrey\n background: url(\"../inc/bg/christmas background.jpg\") 0 86% no-repeat\n background-size: 100%\n border-bottom: 4px ridge darkgreen\n border-radius: 0 0 $headerRadios $headerRadios\n text-align: center\n padding: 20px\n box-shadow: -1px -1px 5px silver, 1px 1px 5px black \n\n h1\n color: red\n text-decoration: underline\n font-size: 1.5rem\n font-weight: bold\n text-shadow: 1px 1px 1px black \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"]} \ No newline at end of file +{"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$nav-font-color: darkgreen \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 darkgreen\n background-size: 100%\n\n// Logo and branding\n.brand \n position: absolute\n padding-left: 20px\n float: left\n line-height: $nav-height\n text-transform: uppercase\n font-size: 1.4em\n font-weight: bold\n text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff\n margin-top: -0.5rem \n a,\n a:visited \n color: darkred \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: $nav-font-color\n text-decoration: none\n \n &:hover, &:active, &.active\n //background: $link-hover-color\n color: red\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: auto 0\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 darkgreen\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 darkgreen;\n background-size: 100%;\n}\n\n.brand {\n position: absolute;\n padding-left: 20px;\n float: left;\n line-height: 70px;\n text-transform: uppercase;\n font-size: 1.4em;\n font-weight: bold;\n text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff;\n margin-top: -0.5rem;\n}\n.brand a,\n.brand a:visited {\n color: darkred;\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: rgba(255, 255, 255, 0.7);\n}\nnav ul {\n list-style: none;\n margin: 0;\n padding: 0;\n background-color: rgba(255, 255, 255, 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: darkgreen;\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: red;\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: auto 0;\n }\n\n .nav-mobile {\n display: block;\n }\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 darkgreen;\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: darkred;\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: 687.25px;\n border: 1px solid black;\n background: #90C145;\n /*background-size: $backgroundWidth */\n background-size: 516px;\n background-position: -13px;\n}\n.kalender div {\n position: absolute;\n border: 1px solid darkred;\n width: 106.875px;\n height: 106.875px;\n overflow: hidden;\n background: #fff;\n}\n.kalender h3 {\n padding-top: 1.5rem;\n font-weight: bold;\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: -6px -6px;\n}\n.kalender #ak2 {\n left: 118.875px;\n top: 5px;\n}\n.kalender #ak2 .left {\n background-position: -119.875px -6px;\n}\n.kalender #ak3 {\n left: 232.75px;\n top: 5px;\n}\n.kalender #ak3 .left {\n background-position: -233.75px -6px;\n}\n.kalender #ak4 {\n left: 346.625px;\n top: 5px;\n}\n.kalender #ak4 .left {\n background-position: -347.625px -6px;\n}\n.kalender #ak5 {\n left: 5px;\n top: 118.875px;\n}\n.kalender #ak5 .left {\n background-position: -6px -119.875px;\n}\n.kalender #ak6 {\n left: 118.875px;\n top: 118.875px;\n}\n.kalender #ak6 .left {\n background-position: -119.875px -119.875px;\n}\n.kalender #ak7 {\n left: 232.75px;\n top: 118.875px;\n}\n.kalender #ak7 .left {\n background-position: -233.75px -119.875px;\n}\n.kalender #ak8 {\n left: 346.625px;\n top: 118.875px;\n}\n.kalender #ak8 .left {\n background-position: -347.625px -119.875px;\n}\n.kalender #ak9 {\n left: 5px;\n top: 232.75px;\n}\n.kalender #ak9 .left {\n background-position: -6px -233.75px;\n}\n.kalender #ak10 {\n left: 118.875px;\n top: 232.75px;\n}\n.kalender #ak10 .left {\n background-position: -119.875px -233.75px;\n}\n.kalender #ak11 {\n left: 232.75px;\n top: 232.75px;\n}\n.kalender #ak11 .left {\n background-position: -233.75px -233.75px;\n}\n.kalender #ak12 {\n left: 346.625px;\n top: 232.75px;\n}\n.kalender #ak12 .left {\n background-position: -347.625px -233.75px;\n}\n.kalender #ak13 {\n left: 5px;\n top: 346.625px;\n}\n.kalender #ak13 .left {\n background-position: -6px -347.625px;\n}\n.kalender #ak14 {\n left: 118.875px;\n top: 346.625px;\n}\n.kalender #ak14 .left {\n background-position: -119.875px -347.625px;\n}\n.kalender #ak15 {\n left: 232.75px;\n top: 346.625px;\n}\n.kalender #ak15 .left {\n background-position: -233.75px -347.625px;\n}\n.kalender #ak16 {\n left: 346.625px;\n top: 346.625px;\n}\n.kalender #ak16 .left {\n background-position: -347.625px -347.625px;\n}\n.kalender #ak17 {\n left: 5px;\n top: 460.5px;\n}\n.kalender #ak17 .left {\n background-position: -6px -461.5px;\n}\n.kalender #ak18 {\n left: 118.875px;\n top: 460.5px;\n}\n.kalender #ak18 .left {\n background-position: -119.875px -461.5px;\n}\n.kalender #ak19 {\n left: 232.75px;\n top: 460.5px;\n}\n.kalender #ak19 .left {\n background-position: -233.75px -461.5px;\n}\n.kalender #ak20 {\n left: 346.625px;\n top: 460.5px;\n}\n.kalender #ak20 .left {\n background-position: -347.625px -461.5px;\n}\n.kalender #ak21 {\n left: 5px;\n top: 574.375px;\n}\n.kalender #ak21 .left {\n background-position: -6px -575.375px;\n}\n.kalender #ak22 {\n left: 118.875px;\n top: 574.375px;\n}\n.kalender #ak22 .left {\n background-position: -119.875px -575.375px;\n}\n.kalender #ak23 {\n left: 232.75px;\n top: 574.375px;\n}\n.kalender #ak23 .left {\n background-position: -233.75px -575.375px;\n}\n.kalender #ak24 {\n left: 346.625px;\n top: 574.375px;\n}\n.kalender #ak24 .left {\n background-position: -347.625px -575.375px;\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}\n.tueren #txt {\n display: inline-block;\n color: darkred;\n font-family: Verdana, Arial, Helvetica, sans-serif;\n border: 4px ridge #90C145;\n background: rgba(255, 255, 255, 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 color: darkgreen;\n}\n.tueren #txt #bibi {\n color: grey;\n}\n.tueren #txt #bibi u {\n color: grey;\n}\n.tueren #txt #bibi span {\n color: grey;\n margin: 1rem 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: 1rem 0 0 0;\n width: 50%;\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: darkred;\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: 0px solid red;\n max-width: 700px;\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: 2px solid darkgreen;\n border-radius: 5px;\n background: linear-gradient(to bottom, #fefffd, #e7e9ea);\n font-weight: bold;\n color: black;\n}\nbutton a {\n color: black;\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}\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 darkred;\n}\n.LFilme #film button {\n padding: 0 0.5rem 0 0.5rem;\n margin-bottom: auto;\n margin-top: auto;\n}\n\n.üList {\n display: inline-block;\n padding: 0.5rem;\n margin: 1em;\n color: darkred;\n font-weight: bold;\n text-decoration: underline;\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1);\n border: 2px solid black;\n border-radius: 0.5rem;\n text-shadow: 1px 1px 1px darkgray;\n}\n\n.sGalerie {\n display: inline-block;\n max-width: 30rem;\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}\n.sGalerie img {\n padding: 0.4rem 0 0.6rem 0;\n width: 5.5rem;\n height: 6.5rem;\n object-fit: cover;\n}\n.sGalerie #leer {\n display: inline-block;\n padding: 0.5rem 0.5rem 0 0;\n}\n\n.gimages {\n display: inline-block;\n max-width: 30rem;\n background: rgba(98, 163, 104, 0.3);\n border: 2px solid darkgreen;\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: 9rem;\n height: 9rem;\n border: 3px solid darkred;\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/* ************************************** */\nbody {\n text-align: center;\n margin: 0;\n background-image: url(\"../inc/bg/snow3.png\");\n background-size: 90%;\n /*background-color: #e2e4e6 */\n background-color: rgba(179, 221, 230, 0.7);\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: darkred\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: 1px \n$doorWidth: ($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\n div\n position: absolute\n border: $doorBorderSize solid darkred\n width: $doorWidth\n height: $doorWidth\n overflow: hidden\n background: #fff\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 5\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",".tueren\n margin-top: $navtop\n \n h3\n color: darkred \n text-decoration: underline\n margin-top: 3.8rem\n\n #txt\n display: inline-block\n color: darkred\n font-family: Verdana, Arial, Helvetica, sans-serif\n border: 4px ridge #90C145\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 color: darkgreen\n \n #bibi\n color: grey\n u\n color: grey\n span\n color: grey\n margin: 1rem 0 0 0\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: 1rem 0 0 0\n width: 50%\n\n p\n font-weight: 500\n\n #false\n color: red\n font-weight: 500",".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: darkred\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: 0px solid red\n max-width: 700px\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: 2px solid darkgreen\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: black\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 \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 darkred\n\n \n button\n padding: 0 0.5rem 0 0.5rem \n margin-bottom: auto\n margin-top: auto\n \n\n.üList\n display: inline-block\n padding: 0.5rem\n margin: 1em\n color: darkred\n font-weight: bold\n text-decoration: underline\n background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)\n border: 2px solid black\n border-radius: 0.5rem \n text-shadow: 1px 1px 1px darkgray \n \n// Galerie Tab\n\n.sGalerie\n display: inline-block\n max-width: 30rem\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\n img\n padding: 0.4rem 0 0.6rem 0\n width: 5.5rem\n height: 6.5rem\n object-fit: cover\n\n #leer\n display: inline-block \n padding: 0.5rem 0.5rem 0 0\n \n// Galerie Album Tab\n\n.gimages\n display: inline-block\n max-width: 30rem\n background: hsla(126, 26%, 51%, 0.3)\n border: 2px solid darkgreen\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: 9rem\n height: 9rem\n border: 3px solid darkred\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 ","$navtop: 20px\n$headerRadios: 2rem\n\n@import 'nav2', 'home', 'kalender', 'tueren', 'other'\n\n/* **************************************\n\nbody\n text-align: center\n margin: 0\n background-image: url(\"../inc/bg/snow3.png\")\n background-size: 90%\n /*background-color: #e2e4e6\n background-color: hsla(190, 50%, 80%, 0.7) \n\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 \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"]} \ No newline at end of file diff --git a/src/images/bibi/1-bibi_blocksberg.png b/src/images/bibi/1-bibi_blocksberg.png new file mode 100644 index 00000000..ebdc9625 Binary files /dev/null and b/src/images/bibi/1-bibi_blocksberg.png differ diff --git a/src/images/bibi/10-marita.png b/src/images/bibi/10-marita.png new file mode 100644 index 00000000..6b8e5a58 Binary files /dev/null and b/src/images/bibi/10-marita.png differ diff --git a/src/images/bibi/11-eddi_eddison.png b/src/images/bibi/11-eddi_eddison.png new file mode 100644 index 00000000..d7b58154 Binary files /dev/null and b/src/images/bibi/11-eddi_eddison.png differ diff --git a/src/images/bibi/12-prof_friedrich_hagelkorn.png b/src/images/bibi/12-prof_friedrich_hagelkorn.png new file mode 100644 index 00000000..16820846 Binary files /dev/null and b/src/images/bibi/12-prof_friedrich_hagelkorn.png differ diff --git a/src/images/bibi/13-runzia.png b/src/images/bibi/13-runzia.png new file mode 100644 index 00000000..48ff143f Binary files /dev/null and b/src/images/bibi/13-runzia.png differ diff --git a/src/images/bibi/14-herr_klappermann.png b/src/images/bibi/14-herr_klappermann.png new file mode 100644 index 00000000..48822c97 Binary files /dev/null and b/src/images/bibi/14-herr_klappermann.png differ diff --git a/src/images/bibi/15-mathilde_mueller-riebensehl.png b/src/images/bibi/15-mathilde_mueller-riebensehl.png new file mode 100644 index 00000000..1ea5ddbb Binary files /dev/null and b/src/images/bibi/15-mathilde_mueller-riebensehl.png differ diff --git a/src/images/bibi/16-schubia_wanzhaar.png b/src/images/bibi/16-schubia_wanzhaar.png new file mode 100644 index 00000000..eaef373d Binary files /dev/null and b/src/images/bibi/16-schubia_wanzhaar.png differ diff --git a/src/images/bibi/17-flauipaui.png b/src/images/bibi/17-flauipaui.png new file mode 100644 index 00000000..08a8ace7 Binary files /dev/null and b/src/images/bibi/17-flauipaui.png differ diff --git a/src/images/bibi/18-buergermeister.png b/src/images/bibi/18-buergermeister.png new file mode 100644 index 00000000..4da6938b Binary files /dev/null and b/src/images/bibi/18-buergermeister.png differ diff --git a/src/images/bibi/19-paul_pichler.png b/src/images/bibi/19-paul_pichler.png new file mode 100644 index 00000000..119aa389 Binary files /dev/null and b/src/images/bibi/19-paul_pichler.png differ diff --git a/src/images/bibi/2-bernhard_blocksberg.png b/src/images/bibi/2-bernhard_blocksberg.png new file mode 100644 index 00000000..bfbbabd7 Binary files /dev/null and b/src/images/bibi/2-bernhard_blocksberg.png differ diff --git a/src/images/bibi/20-arkadia.png b/src/images/bibi/20-arkadia.png new file mode 100644 index 00000000..e2f1cc0f Binary files /dev/null and b/src/images/bibi/20-arkadia.png differ diff --git a/src/images/bibi/21-xenia.png b/src/images/bibi/21-xenia.png new file mode 100644 index 00000000..318d19e9 Binary files /dev/null and b/src/images/bibi/21-xenia.png differ diff --git a/src/images/bibi/22-walpurgia_besenstiel.png b/src/images/bibi/22-walpurgia_besenstiel.png new file mode 100644 index 00000000..8ecc04e4 Binary files /dev/null and b/src/images/bibi/22-walpurgia_besenstiel.png differ diff --git a/src/images/bibi/23-mania_flippinger.png b/src/images/bibi/23-mania_flippinger.png new file mode 100644 index 00000000..7bcda96f Binary files /dev/null and b/src/images/bibi/23-mania_flippinger.png differ diff --git a/src/images/bibi/24-erzaehler.png b/src/images/bibi/24-erzaehler.png new file mode 100644 index 00000000..329e82fc Binary files /dev/null and b/src/images/bibi/24-erzaehler.png differ diff --git a/src/images/bibi/3-barbara_blocksberg.png b/src/images/bibi/3-barbara_blocksberg.png new file mode 100644 index 00000000..5aade015 Binary files /dev/null and b/src/images/bibi/3-barbara_blocksberg.png differ diff --git a/src/images/bibi/4-karla_kolumna.png b/src/images/bibi/4-karla_kolumna.png new file mode 100644 index 00000000..dd170a73 Binary files /dev/null and b/src/images/bibi/4-karla_kolumna.png differ diff --git a/src/images/bibi/5-zickia.png b/src/images/bibi/5-zickia.png new file mode 100644 index 00000000..cef09b5f Binary files /dev/null and b/src/images/bibi/5-zickia.png differ diff --git a/src/images/bibi/6-malicia.png b/src/images/bibi/6-malicia.png new file mode 100644 index 00000000..1016b553 Binary files /dev/null and b/src/images/bibi/6-malicia.png differ diff --git a/src/images/bibi/7-moni.png b/src/images/bibi/7-moni.png new file mode 100644 index 00000000..23550a43 Binary files /dev/null and b/src/images/bibi/7-moni.png differ diff --git a/src/images/bibi/8-florian.png b/src/images/bibi/8-florian.png new file mode 100644 index 00000000..13819b97 Binary files /dev/null and b/src/images/bibi/8-florian.png differ diff --git a/src/images/bibi/9-oma_grete.png b/src/images/bibi/9-oma_grete.png new file mode 100644 index 00000000..7d809c08 Binary files /dev/null and b/src/images/bibi/9-oma_grete.png differ diff --git a/src/images/bibi/introBibi.png b/src/images/bibi/introBibi.png new file mode 100644 index 00000000..b2d1c2d2 Binary files /dev/null and b/src/images/bibi/introBibi.png differ diff --git a/src/images/bibi/scheniiW.png b/src/images/bibi/scheniiW.png new file mode 100644 index 00000000..e37f5663 Binary files /dev/null and b/src/images/bibi/scheniiW.png differ diff --git a/src/sass/_kalender.sass b/src/sass/_kalender.sass index 9fcc9523..89207b0f 100644 --- a/src/sass/_kalender.sass +++ b/src/sass/_kalender.sass @@ -5,7 +5,7 @@ $marginLeftRight: 5px // abstand linker und rechter rand $marginTop: 5px $marginBetween: 5px // abstand zwischen den Tueren $doorBorderSize: 1px -//$doorWidth: ($kalenderWidth - 3.5*$marginLeftRight - 3*$marginBetween)/4 +$doorWidth: ($kalenderWidth - 3.5*$marginLeftRight - 3*$marginBetween)/4 /* ******************************** @@ -14,9 +14,10 @@ $doorBorderSize: 1px position: relative text-align: center width: $kalenderWidth - //height: #{6*($doorWidth+$doorBorderSize+$marginBetween)+2*$marginTop} + height: #{6*($doorWidth+$doorBorderSize+$marginBetween)+2*$marginTop} border: 1px solid black - background: #fff url("../inc/bg/baum2.jpg") no-repeat + //background: #fff url("../inc/bg/baum2.jpg") no-repeat + background: #90C145 /*background-size: $backgroundWidth background-size: $backgroundSize background-position: $bgPosition @@ -24,8 +25,8 @@ $doorBorderSize: 1px div position: absolute border: $doorBorderSize solid darkred - //width: $doorWidth - //height: $doorWidth + width: $doorWidth + height: $doorWidth overflow: hidden background: #fff @@ -33,33 +34,49 @@ $doorBorderSize: 1px padding-top: 1.5rem font-weight: bold padding: 1rem + color: #E8690F + + a + text-decoration: none + + #hiddenTuer + margin: 1rem + max-height: auto + text-decoration: none span position: absolute display: inline-block - top: 1rem - left: 1rem + top: 0.5rem + left: 1.1rem font-size: 1rem - width: 1.2rem - height: 1.2rem - color: #FFF - background: #CD0000 + width: 6rem + height: 6rem + color: darkred + background-size: cover + text-align: left + text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff + //text-shadow: 0px 0px 2px darkred + //background-position: 2.4rem + //padding-right: 3rem + //background-origin: padding-box + //background: no-repeat .left position: absolute left: 0 top: 0 - //width: #{$doorWidth+50} - //height: $doorWidth + width: #{$doorWidth+50} + height: $doorWidth display: block border: none - background: #fff url("../inc/bg/baum2.jpg") no-repeat + //background: #fff url("../inc/bg/baum2.jpg") no-repeat /*background-size: $backgroundWidth background-size: $backgroundSize margin-left: $bgPosition a &:hover .left, &:focus .left - //left: #{-($doorWidth+60)} + left: #{-($doorWidth+60)} .left display: block @@ -72,14 +89,11 @@ $doorBorderSize: 1px @for $row from 0 through 5 @for $col from 0 through 3 - //$leftCalc: $marginLeftRight+($doorWidth+$marginBetween+2*$doorBorderSize)*$col - //s$topCalc: $marginTop+($doorWidth+$marginBetween+2*$doorBorderSize)*$row + $leftCalc: $marginLeftRight+($doorWidth+$marginBetween+2*$doorBorderSize)*$col + $topCalc: $marginTop+($doorWidth+$marginBetween+2*$doorBorderSize)*$row #ak#{$row*4+$col+1} - //left: #{$leftCalc} - //top: #{$topCalc} + left: #{$leftCalc} + top: #{$topCalc} .left - //background-position: #{-($leftCalc+$doorBorderSize)} #{-($topCalc+$doorBorderSize)} + background-position: #{-($leftCalc+$doorBorderSize)} #{-($topCalc+$doorBorderSize)} -#hiddenTuer - margin: 1rem - max-height: auto \ No newline at end of file diff --git a/src/sass/_nav2.sass b/src/sass/_nav2.sass index 921b0b45..e2348504 100644 --- a/src/sass/_nav2.sass +++ b/src/sass/_nav2.sass @@ -1,11 +1,11 @@ // Navigation Variables -$content-width: 100% +$content-width: 1000px $breakpoint: 799px $nav-height: 70px $nav-background: hsl(0,0%,100%,0.5) -$nav-font-color: darkred +$nav-font-color: darkgreen $link-hover-color: Lightgrey -$nav-background2: url("../inc/bg/christmas background.jpg") 0 86% no-repeat +$nav-background2: url("../inc/bg/christmas-banner-6739203.jpg") 0 86% no-repeat // Blauer klik Hintergrund entfernen *:focus @@ -25,7 +25,7 @@ $nav-background2: url("../inc/bg/christmas background.jpg") 0 86% no-repeat border-radius: 0 0 2rem 2rem background-size: 100% border-bottom: 4px ridge darkgreen - + background-size: 100% // Logo and branding .brand @@ -37,9 +37,10 @@ $nav-background2: url("../inc/bg/christmas background.jpg") 0 86% no-repeat font-size: 1.4em font-weight: bold text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff + margin-top: -0.5rem a, a:visited - color: $nav-font-color + color: darkred text-decoration: none @@ -50,33 +51,41 @@ $nav-background2: url("../inc/bg/christmas background.jpg") 0 86% no-repeat // Navigation -nav +nav + display: block float: right font-weight: bold - text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff + //text-shadow: 1px 0 #fff, 0 1px #fff, -1px 0 #fff, 0 -1px #fff + padding-right: 1rem + margin: 2rem 1rem 0 0 + border-radius: 2rem + background: hsl(0,0%,100%,0.7) + ul list-style: none - margin: 0 + margin: 0 padding: 0 background-color: $nav-background li float: left position: relative + padding: 0 + a, a:visited display: block - padding: 0 20px - line-height: $nav-height + padding: 0.5rem 0.5rem + //line-height: $nav-height color: $nav-font-color text-decoration: none &:hover, &:active, &.active //background: $link-hover-color color: red - transform: scale(1.1) + //transform: scale(1.1) &:not(:only-child):after - padding-left: 4px + padding-left: 10px content: '▾' // Dropdown list @@ -96,7 +105,7 @@ nav z-index: 1 box-shadow: 0 3px 12px rgba(0, 0, 0, 0.20) margin-top: 4px - font-weight: bold + font-weight: bold /* Mobile navigation */ @@ -112,6 +121,8 @@ nav @media only screen and (max-width: 798px) // Hamburger nav visible on mobile only + .brand + margin: auto 0 .nav-mobile display: block @@ -119,6 +130,8 @@ nav width: 100% padding: $nav-height 0 15px 0 text-shadow: none + margin: 0px + background: none ul display: none border: 4px ridge darkgreen @@ -126,12 +139,14 @@ nav li float: none + padding-top: 0 a padding: 15px - line-height: 20px + background: none + line-height: 15px ul li a - padding-left: 30px + //padding-left: 30px .nav-dropdown @@ -159,7 +174,7 @@ nav border-radius: 1px height: 5px width: 35px - background: $nav-font-color + background: black position: absolute display: block content: '' diff --git a/src/sass/_other.sass b/src/sass/_other.sass index 23effe65..125c4445 100644 --- a/src/sass/_other.sass +++ b/src/sass/_other.sass @@ -1,12 +1,15 @@ .titel - display: inline-block - /*background: url("../inc/teet/red navigation.png") no-repeat - background-size: 100% - background-position: 0px -63px - - img + //display: inline-block + //margin: 0 25% + //background: url("../inc/teet/red navigation.png") no-repeat + //background-size: 100% + //background-position: 0px -63px + + > img + display: inline-block max-width: 210px - margin-top: 10px + margin-top: 15px + h3 //text-decoration: underline @@ -74,7 +77,7 @@ button border-radius: 5px background: linear-gradient(to bottom, #fefffd,#e7e9ea) font-weight: bold - padding: 5px 10px 5px 10px + //padding: 5px 10px 5px 10px color: black @@ -82,10 +85,7 @@ button color: black text-decoration: none padding: 0 0.5rem 0 0 - - img - //max-width: 10rem - padding-right: 0.5rem + .pList padding-bottom: 0.5rem @@ -95,6 +95,7 @@ button img max-width: 1.5rem + padding-right: 0.5rem button display: inline-flex @@ -103,7 +104,32 @@ button margin-bottom: auto margin-top: auto padding: 0.5rem + +.LFilme + display: inline-block + max-width: 80% + #film + padding: 0.5rem + float: left + + p:first-child + border-bottom: 2px solid gray + padding-bottom: 1rem + + img + max-width: 3rem + + #FCover + max-width: 10rem + border: 3px solid darkred + + + button + padding: 0 0.5rem 0 0.5rem + margin-bottom: auto + margin-top: auto + .üList display: inline-block @@ -158,4 +184,13 @@ button width: 9rem height: 9rem border: 3px solid darkred - object-fit: cover \ No newline at end of file + object-fit: cover + +.neu + //display: inline-block + border: 1px solid red + padding: 0.5rem + font-weight: bold + color: darkred + background: gainsboro + \ No newline at end of file diff --git a/src/sass/_tueren.sass b/src/sass/_tueren.sass index e7f9d8a0..7d8ac20e 100644 --- a/src/sass/_tueren.sass +++ b/src/sass/_tueren.sass @@ -4,17 +4,53 @@ h3 color: darkred text-decoration: underline - margin-top: 3rem + margin-top: 3.8rem #txt display: inline-block color: darkred font-family: Verdana, Arial, Helvetica, sans-serif - border: 4px ridge red - background: hsla(0, 0%, 100%, 0.4) url("../inc/bg/20201222_065407.png") -1px -5px no-repeat - background-size: 101% - padding: 0 1.5rem 1.5rem 1.5rem + border: 4px ridge #90C145 + background: hsla(0, 0%, 100%, 0.5) 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: 75% + + u + color: darkgreen + + #bibi + color: grey + u + color: grey + span + color: grey + margin: 1rem 0 0 0 + + .schneei + + #SRechts + display: inline-block + margin: -5px 8px 0 0 + z-index: 5 + width: 7rem + float: right + padding: 0 + //border: 1px solid red + position: relative + + + #txt + clip-path: polygon(381px 0%, 100% 150px, 100% 100%, 0% 100%, 0% 0%) + margin-top: -140px + z-index: 0 + + + img + display: inline-block + margin: 1rem 0 0 0 + width: 50% p font-weight: 500 diff --git a/src/sass/main.sass b/src/sass/main.sass index 2e933f04..9095c697 100644 --- a/src/sass/main.sass +++ b/src/sass/main.sass @@ -13,23 +13,7 @@ body /*background-color: #e2e4e6 background-color: hsla(190, 50%, 80%, 0.7) -header - margin: auto - /*background-color: Lightgrey - background: url("../inc/bg/christmas background.jpg") 0 86% no-repeat - background-size: 100% - border-bottom: 4px ridge darkgreen - border-radius: 0 0 $headerRadios $headerRadios - text-align: center - padding: 20px - box-shadow: -1px -1px 5px silver, 1px 1px 5px black - - h1 - color: red - text-decoration: underline - font-size: 1.5rem - font-weight: bold - text-shadow: 1px 1px 1px black + footer position: fixed diff --git a/tab/filme.php b/tab/filme.php new file mode 100644 index 00000000..22bafcba --- /dev/null +++ b/tab/filme.php @@ -0,0 +1,66 @@ +
++Hier entsteht ein neuer Tab +
+- - - \ No newline at end of file + \ No newline at end of file diff --git a/tab/kalender.php b/tab/kalender.php index ad404815..38d9b9e3 100644 --- a/tab/kalender.php +++ b/tab/kalender.php @@ -154,11 +154,43 @@ echo "var dayMap = ". json_encode($numberArray) . ";\n"; ?> + + + + const bgImages = [ + "1-bibi_blocksberg", // 1 + "2-bernhard_blocksberg", + "3-barbara_blocksberg", + "4-karla_kolumna", + "5-zickia", + "6-malicia", + "7-moni", + "8-florian", + "9-oma_grete", + "10-marita", + "11-eddi_eddison", + "12-prof_friedrich_hagelkorn", + "13-runzia", + "14-herr_klappermann", + "15-mathilde_mueller-riebensehl", + "16-schubia_wanzhaar", + "17-flauipaui", + "18-buergermeister", + "19-paul_pichler", + "20-arkadia", + "21-xenia", + "22-walpurgia_besenstiel", + "23-mania_flippinger", + "24-erzaehler" + ]; console.log(dayMap); for(let i=1; i<=24; i++) { let id = "ak"+i; let n = dayMap[i-1]; let parent = $("#"+id); + let imageName = bgImages[n-1]; + let imageUrl = "src/images/bibi/"+imageName+".png"; + parent.find("span").css("background-image", "url(" + imageUrl + ")"); parent.find("span").html(n); parent.find("h3").html("Tür "+n); parent.find("a").attr("href","?tab=tuer&nr="+n); diff --git a/tab/nav2.php b/tab/nav2.php index b301d7ee..20f79395 100644 --- a/tab/nav2.php +++ b/tab/nav2.php @@ -1,7 +1,7 @@