From 06458db3abd6d1e1d7339dcd4ade46b65698f543 Mon Sep 17 00:00:00 2001
From: Jason <illg@online.de>
Date: Sun, 9 Oct 2022 15:11:39 +0200
Subject: [PATCH] repoNav Funktioniert, kleine anpassungen RepoNAV

---
 index.php              |  5 +++--
 main/min-style.css     |  2 +-
 main/min-style.css.map |  2 +-
 src/sass/_mobil.sass   | 45 +++++++++++++++++++++++++++---------------
 4 files changed, 34 insertions(+), 20 deletions(-)

diff --git a/index.php b/index.php
index baf5a777..2a07743d 100644
--- a/index.php
+++ b/index.php
@@ -20,13 +20,14 @@ if ($tab == "") {$tab = "home";}
 
     <header>
 
-		<input class="side-menu" type="checkbox" id="side-menu"/>
-        <label class="hamb" for="side-menu"><span class="hamb-line"></span></label>
+
 
         <h1>
               Mellys Weihnachts Kalender
         </h1>
     </header>
+    <input class="side-menu" type="checkbox" id="side-menu"/>
+    <label class="hamb" for="side-menu"><span class="hamb-line"></span></label>
     <nav>
 		<ul>
 			<li><a href="?tab=home" <?php if ($tab == "home")?>>Home</a></li>
diff --git a/main/min-style.css b/main/min-style.css
index ae8cece7..994b87b3 100644
--- a/main/min-style.css
+++ b/main/min-style.css
@@ -1,2 +1,2 @@
-@charset "UTF-8";nav ul{list-style-type:none;margin:0 auto;padding:0;background-color:rgba(255,255,255,.8);border-bottom:2px ridge #006400;border-left:2px ridge #006400;border-right:2px ridge #006400;border-radius:0 0 .5rem .5rem;display:inline-block;-webkit-transition:all 60ms;-o-transition:all 60ms;transition:all 60ms;-webkit-box-shadow:inset -2px -2px 10px #add8e6,inset 2px 2px 10px #add8e6;box-shadow:inset -2px -2px 10px #add8e6,inset 2px 2px 10px #add8e6;height:1.5rem}nav li{float:left;width:auto;margin:0 0}nav li:first-child{padding-left:.5rem}nav li a{display:block;color:#8b0000;text-align:center;padding:.3rem .5rem .5rem 0;text-decoration:none;font-weight:700;font-size:.8rem}nav li a.active,nav li a:active,nav li a:focus,nav li a:hover{color:red;text-decoration:underline;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}nav ul li ul li{display:inline-block}nav>ul>li>ul>li{margin:middle}.submenu{visibility:hidden;position:relative;margin-top:-5px;margin-left:-10px;background-color:#fff}.submenu a,.submenu li{display:block;float:none;border-bottom:1px solid #daa520;margin:0}.submenuActive{visibility:visible}#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}.side-menu{display:none}@media (max-width:768px){nav{width:100%;height:100%;position:fixed;background-color:#fff;overflow:hidden;max-height:0;-webkit-transition:max-height .5s ease-out;-o-transition:max-height .5s ease-out;transition:max-height .5s ease-out}nav ul{top:0;background:0 0;display:block;border:none;-webkit-box-shadow:none;box-shadow:none}nav ul a:hover{background-color:#fff}header{height:1.5rem;top:1rem}header h1{margin:-.5rem 0 0 40px;display:inline-block}.hamb{display:inline-block;cursor:pointer;float:right;padding:30px 20px;margin-top:-2rem}.hamb-line{background:#000;display:inline-block;height:2px;position:relative;width:24px}.hamb-line::after,.hamb-line::before{background:#000;content:"";display:block;height:100%;position:absolute;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;width:100%}.hamb-line::before{top:5px}.hamb-line::after{top:-5px}.side-menu{display:none}.side-menu:checked~nav{max-height:100%}.side-menu:checked~.hamb .hamb-line{background:0 0}.side-menu:checked~.hamb .hamb-line::before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:0}.side-menu:checked~.hamb .hamb-line::after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:0}}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";nav ul{list-style-type:none;margin:0 auto;padding:0;background-color:rgba(255,255,255,.8);border-bottom:2px ridge #006400;border-left:2px ridge #006400;border-right:2px ridge #006400;border-radius:0 0 .5rem .5rem;display:inline-block;-webkit-transition:all 60ms;-o-transition:all 60ms;transition:all 60ms;-webkit-box-shadow:inset -2px -2px 10px #add8e6,inset 2px 2px 10px #add8e6;box-shadow:inset -2px -2px 10px #add8e6,inset 2px 2px 10px #add8e6;height:1.5rem}nav li{float:left;width:auto;margin:0 0}nav li:first-child{padding-left:.5rem}nav li a{display:block;color:#8b0000;text-align:center;padding:.3rem .5rem .5rem 0;text-decoration:none;font-weight:700;font-size:.8rem}nav li a.active,nav li a:active,nav li a:focus,nav li a:hover{color:red;text-decoration:underline;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}nav ul li ul li{display:inline-block}nav>ul>li>ul>li{margin:middle}.submenu{visibility:hidden;position:relative;margin-top:-5px;margin-left:-10px;background-color:#fff}.submenu a,.submenu li{display:block;float:none;border-bottom:1px solid #daa520;margin:0}.submenuActive{visibility:visible}#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}.side-menu{display:none}@media (max-width:768px){nav{width:50%;height:100%;position:fixed;float:none;background-color:#fff;max-height:0;-webkit-transition:max-height .4s ease-out;-o-transition:max-height .4s ease-out;transition:max-height .4s ease-out;border-left:3px ridge #006400;border-right:3px ridge #006400;border-radius:2rem 2rem 0 0;overflow:hidden;right:0}nav ul{top:0;background:0 0;border:none;-webkit-box-shadow:none;box-shadow:none}nav li{float:none}nav li a{font-size:1.2rem}nav li a.active,nav li a:active,nav li a:focus,nav li a:hover{color:red;text-decoration:underline;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);background-color:#add8e6;width:100%}header{height:1.5rem;top:1rem}header h1{margin:-.5rem 0 0 40px;display:inline-block}.hamb{display:inline-block;cursor:pointer;float:right;padding:30px 20px;margin-top:-5rem}.hamb-line{background:#000;display:inline-block;height:3px;position:relative;width:24px}.hamb-line::after,.hamb-line::before{background:#000;content:"";display:block;height:100%;position:absolute;-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;width:100%}.hamb-line::before{top:5px}.hamb-line::after{top:-5px}.side-menu{display:none}.side-menu:checked~nav{max-height:100%}.side-menu:checked~.hamb .hamb-line{background:0 0}.side-menu:checked~.hamb .hamb-line::before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:0}.side-menu:checked~.hamb .hamb-line::after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:0}}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}
 /*# sourceMappingURL=../main/min-style.css.map */
diff --git a/main/min-style.css.map b/main/min-style.css.map
index 2fd38c19..c4c630eb 100644
--- a/main/min-style.css.map
+++ b/main/min-style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["_nav.sass","_home.sass","_kalender.sass","_tueren.sass","_other.sass","_mobil.sass","main.sass"],"names":[],"mappings":"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","file":"../sass/min-style.css","sourcesContent":["$navInPadding: 0.5rem\n$ulBorder: 2px ridge darkgreen\n$ulRadios: 0.5rem\n\n/* ******************\n\nnav\n  ul\n    list-style-type: none\n    margin: 0 auto\n    padding: 0\n    background-color: hsla(0, 0%, 100%, 0.8)\n    border-bottom: $ulBorder\n    border-left: $ulBorder\n    border-right: $ulBorder\n    border-radius: 0 0 $ulRadios $ulRadios\n    display: inline-block\n    transition: all 60ms\n    box-shadow: inset -2px -2px 10px lightblue, inset 2px 2px 10px lightblue\n    height: 1.5rem\n\n  li\n    float: left\n    width: auto\n    margin: 0px 0px\n    \n    &:first-child\n      padding-left: $navInPadding\n\n    a\n      display: block\n      color: darkred\n      text-align: center\n      padding: 0.3rem $navInPadding $navInPadding 0\n      text-decoration: none\n      font-weight: bold\n      font-size: 0.8rem \n      \n      &:active, &:hover, &:focus, &.active\n        color: red\n        text-decoration: underline\n        transform: scale(1.1)\n\n  ul li ul li\n    display: inline-block\n\n  > ul > li > ul > li\n    margin: middle\n\n.submenu\n  visibility: hidden\n  position: relative\n  margin-top: -5px\n  margin-left: -10px\n  background-color: rgb(255, 255, 255)\n\n  li, a\n    display: block\n    float: none\n    border-bottom: 1px solid goldenrod\n    margin: 0 0 0 0\n\n.submenuActive\n  visibility: visible","$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",".side-menu\n    display: none\n\n@media (max-width: 768px)\n    nav\n        width: 100%\n        height: 100%\n        position: fixed\n        background-color: #fff\n        overflow: hidden\n        max-height: 0\n        transition: max-height .5s ease-out\n\n        ul\n            top: 0\n            background: none\n            display: block\n            border: none\n            box-shadow: none\n\n            a:hover\n                background-color: #fff\n\n\n\n\n\n            \n    \n    header\n        height: 1.5rem\n        top: 1rem\n\n\n        h1\n            margin: -0.5rem 0rem 0 40px\n            display: inline-block\n\n\n        \n\n    .hamb\n        display: inline-block\n        cursor: pointer\n        float: right\n        padding: 30px 20px\n        margin-top: -2rem\n        \n\n\n    /* Style label tag\n\n    .hamb-line\n        background: black\n        display: inline-block\n        height: 2px\n        position: relative\n        width: 24px\n\n        &::before, &::after\n            background: black\n            content: ''\n            display: block\n            height: 100%\n            position: absolute\n            transition: all .2s ease-out\n            width: 100%\n\n        &::before\n            top: 5px\n\n        &::after\n            top: -5px\n\n    /* Style span tag\n\n    .side-menu\n        display: none\n\n    /* Hide checkbox\n\n    /* Toggle menu icon\n\n    .side-menu:checked ~\n        nav\n            max-height: 100%\n\n        .hamb .hamb-line\n            background: transparent\n\n            &::before\n                transform: rotate(-45deg)\n                top: 0\n\n            &::after\n                transform: rotate(45deg)\n                top: 0","$navtop: 20px\n$headerRadios: 2rem\n\n@import 'nav', 'home', 'kalender', 'tueren', 'other', 'mobil'\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":["_nav.sass","_home.sass","_kalender.sass","_tueren.sass","_other.sass","_mobil.sass","main.sass"],"names":[],"mappings":"iBAOE,OACE,gBAAA,KACA,OAAA,EAAA,KACA,QAAA,EACA,iBAAA,qBACA,cAAA,IAAA,MAAA,QACA,YAAA,IAAA,MAAA,QACA,aAAA,IAAA,MAAA,QACA,cAAA,EAAA,EAAA,MAAA,MACA,QAAA,aACA,mBAAA,IAAA,KAAA,cAAA,IAAA,KAAA,WAAA,IAAA,KACA,mBAAA,MAAA,KAAA,KAAA,KAAA,OAAA,CAAA,MAAA,IAAA,IAAA,KAAA,QAAA,WAAA,MAAA,KAAA,KAAA,KAAA,OAAA,CAAA,MAAA,IAAA,IAAA,KAAA,QACA,OAAA,OAEF,OACE,MAAA,KACA,MAAA,KACA,OAAA,EAAA,EAEA,mBACE,aAAA,MAEF,SACE,QAAA,MACA,MAAA,QACA,WAAA,OACA,QAAA,MAAA,MAAA,MAAA,EACA,gBAAA,KACA,YAAA,IACA,UAAA,MAEA,gBAAA,gBAAA,eAAA,eACE,MAAA,IACA,gBAAA,UACA,kBAAA,WAAA,cAAA,WAAA,UAAA,WAEN,gBACE,QAAA,aAEF,gBACE,OAAA,OAEJ,SACE,WAAA,OACA,SAAA,SACA,WAAA,KACA,YAAA,MACA,iBAAA,KAEA,WAAA,YACE,QAAA,MACA,MAAA,KACA,cAAA,IAAA,MAAA,QACA,OAAA,EAEJ,eACE,WAAA,QC5DE,YACI,MAAA,IACA,QAAA,KAER,eACI,WAAA,KACA,MAAA,QACA,UAAA,KACA,YAAA,IACA,YAAA,IAAA,IAAA,IAAA,QAIA,cACI,QAAA,aACA,iBAAA,2CACA,kBAAA,UAEA,gBAAA,KACA,oBAAA,MACA,OAAA,EAEA,UAAA,MACA,OAAA,MAEA,OAAA,EAAA,EAAA,MAAA,MAEA,mBACI,YAAA,KACA,QAAA,aACA,YAAA,MAEZ,WACI,UAAA,KACA,YAAA,MC1BJ,UACE,QAAA,aACA,SAAA,SACA,WAAA,OACA,MAAA,MAEA,OAAA,IAAA,MAAA,KACA,WAAA,KAAA,yBAAA,UAEA,gBAAA,MACA,oBAAA,MAEA,cACE,SAAA,SACA,OAAA,IAAA,MAAA,QAGA,SAAA,OACA,WAAA,KAEF,aACE,YAAA,OACA,YAAA,IACA,QAAA,KAEF,eACE,SAAA,SACA,QAAA,aACA,IAAA,KACA,KAAA,KACA,UAAA,KACA,MAAA,OACA,OAAA,OACA,MAAA,KACA,WAAA,QAEF,gBACE,SAAA,SACA,KAAA,EACA,IAAA,EAGA,QAAA,MACA,OAAA,KACA,WAAA,KAAA,yBAAA,UAEA,gBAAA,MACA,YAAA,MAKA,kBACE,QAAA,MACA,SAAA,SACA,mBAAA,KAAA,IAAA,cAAA,KAAA,IAAA,WAAA,KAAA,IAEJ,sBACE,eAAA,KACA,OAAA,QAYJ,YACE,OAAA,KACA,WAAA,KCpFF,QACE,WAAA,KAEA,WACE,MAAA,QACA,gBAAA,UACA,WAAA,KAEF,aACE,QAAA,aACA,MAAA,QACA,YAAA,OAAA,CAAA,KAAA,CAAA,SAAA,CAAA,WACA,OAAA,IAAA,MAAA,IACA,WAAA,qBAAA,mCAAA,KAAA,KAAA,UACA,gBAAA,KACA,QAAA,EAAA,OAAA,OAAA,OACA,MAAA,IAEF,UACE,YAAA,IAEF,eACE,MAAA,IACA,YAAA,ICvBJ,OACE,QAAA,aAKA,WACE,UAAA,MACA,WAAA,KAEF,UAEE,MAAA,KACA,WAAA,MACA,eAAA,OAIJ,QACE,QAAA,aACA,YAAA,IACA,MAAA,QACA,WAAA,MACA,QAAA,OACA,gBAAA,UACA,iBAAA,KACA,WAAA,gGAAA,WAAA,oDAAA,WAAA,uDACA,OAAA,IAAA,MAAA,QAIF,OACE,QAAA,aACA,MAAA,KACA,UAAA,MACA,YAAA,IACA,OAAA,EAAA,MAAA,IACA,UAAA,MAEA,YACE,gBAAA,UACA,YAAA,IAKF,cACE,QAAA,EAAA,EAAA,KAAA,KAIJ,QACE,UAAA,MACA,QAAA,aACA,WAAA,gGAAA,WAAA,oDAAA,WAAA,uDACA,OAAA,IAAA,MAAA,QACA,cAAA,IACA,QAAA,MAGA,eACE,gBAAA,KACA,mBAAA,KACA,WAAA,KACA,OAAA,KACA,YAAA,MAAA,IAAA,MACA,iBAAA,YACA,UAAA,MAIJ,OACI,OAAA,IAAA,MAAA,QACA,cAAA,IACA,WAAA,wEAAA,WAAA,wCAAA,WAAA,2CACA,YAAA,IACA,QAAA,IAAA,KAAA,IAAA,KACA,MAAA,KAGA,SACI,MAAA,KACA,gBAAA,KACA,QAAA,EAAA,MAAA,EAAA,EAEJ,WAEI,cAAA,MAER,OACI,eAAA,MAEA,WACI,UAAA,MAEJ,WACI,UAAA,OAEJ,cACI,QAAA,mBAAA,QAAA,mBAAA,QAAA,YACA,mBAAA,WAAA,sBAAA,OAAA,mBAAA,IAAA,eAAA,IACA,kBAAA,OAAA,eAAA,OAAA,YAAA,OACA,cAAA,KACA,WAAA,KACA,QAAA,MAGR,OACI,QAAA,aACA,QAAA,MACA,OAAA,IACA,MAAA,QACA,YAAA,IACA,gBAAA,UACA,WAAA,gGAAA,WAAA,oDAAA,WAAA,uDACA,OAAA,IAAA,MAAA,KACA,cAAA,MACA,YAAA,IAAA,IAAA,IAAA,QAIJ,UACE,QAAA,aACA,UAAA,MAEA,cACE,iBAAA,KACA,QAAA,KACA,WAAA,IAAA,MAAA,KAEF,iBACE,QAAA,MAAA,EAAA,EAAA,EAEF,cACE,QAAA,MAAA,EAAA,MAAA,EACA,MAAA,OACA,OAAA,OACA,cAAA,MAAA,WAAA,MAEF,gBACE,QAAA,aACA,QAAA,MAAA,MAAA,EAAA,EAIJ,SACE,QAAA,aACA,UAAA,MACA,WAAA,oBACA,OAAA,IAAA,MAAA,QACA,QAAA,KAAA,MAAA,MAAA,MAEA,WACE,QAAA,aACA,QAAA,EAAA,IAAA,IAAA,IAEF,aACE,MAAA,KACA,OAAA,KACA,OAAA,IAAA,MAAA,QACA,cAAA,MAAA,WAAA,MC9JJ,WACI,QAAA,KAEJ,yBACI,IACI,MAAA,IACA,OAAA,KACA,SAAA,MACA,MAAA,KACA,iBAAA,KACA,WAAA,EACA,mBAAA,WAAA,IAAA,SAAA,cAAA,WAAA,IAAA,SAAA,WAAA,WAAA,IAAA,SACA,YAAA,IAAA,MAAA,QACA,aAAA,IAAA,MAAA,QACA,cAAA,KAAA,KAAA,EAAA,EACA,SAAA,OACA,MAAA,EAGA,OACI,IAAA,EACA,WAAA,IACA,OAAA,KACA,mBAAA,KAAA,WAAA,KAGJ,OACI,MAAA,KAEA,SACI,UAAA,OAEA,gBAAA,gBAAA,eAAA,eACI,MAAA,IACA,gBAAA,UACA,kBAAA,WAAA,cAAA,WAAA,UAAA,WACA,iBAAA,QACA,MAAA,KAEhB,OACI,OAAA,OACA,IAAA,KAGA,UACI,OAAA,OAAA,EAAA,EAAA,KACA,QAAA,aAKR,MACI,QAAA,aACA,OAAA,QACA,MAAA,MACA,QAAA,KAAA,KACA,WAAA,MAMJ,WACI,WAAA,KACA,QAAA,aACA,OAAA,IACA,SAAA,SACA,MAAA,KAEA,kBAAA,mBACI,WAAA,KACA,QAAA,GACA,QAAA,MACA,OAAA,KACA,SAAA,SACA,mBAAA,IAAA,IAAA,SAAA,cAAA,IAAA,IAAA,SAAA,WAAA,IAAA,IAAA,SACA,MAAA,KAEJ,mBACI,IAAA,IAEJ,kBACI,IAAA,KAIR,WACI,QAAA,KAOA,uBACI,WAAA,KAGJ,oCACI,WAAA,IAEA,4CACI,kBAAA,eAAA,cAAA,eAAA,UAAA,eACA,IAAA,EAEJ,2CACI,kBAAA,cAAA,cAAA,cAAA,UAAA,cACA,IAAA,GCtGhB,KACI,WAAA,OACA,OAAA,EACA,iBAAA,yBACA,gBAAA,IAEA,iBAAA,qBAEJ,OACI,OAAA,KAEA,WAAA,0CAAA,EAAA,IAAA,UACA,gBAAA,KACA,cAAA,IAAA,MAAA,QACA,cAAA,EAAA,EAAA,KAAA,KACA,WAAA,OACA,QAAA,KACA,mBAAA,KAAA,KAAA,IAAA,MAAA,CAAA,IAAA,IAAA,IAAA,KAAA,WAAA,KAAA,KAAA,IAAA,MAAA,CAAA,IAAA,IAAA,IAAA,KAEA,UACI,MAAA,IACA,gBAAA,UACA,UAAA,OACA,YAAA,IACA,YAAA,IAAA,IAAA,IAAA,KAER,OACI,SAAA,MACA,OAAA,EACA,OAAA,KACA,MAAA,KACA,WAAA,gGAAA,WAAA,oDAAA,WAAA,uDACA,mBAAA,KAAA,KAAA,IAAA,KAAA,WAAA,KAAA,KAAA,IAAA,KAEA,WACI,SAAA,SACA,UAAA,MAEA,WAAA,OAEJ,SACI,QAAA,aACA,SAAA,SACA,gBAAA,KACA,MAAA,QACA,UAAA,MACA,YAAA,MAGR,SACI,MAAA,QAEJ,QACI,eAAA","file":"../sass/min-style.css","sourcesContent":["$navInPadding: 0.5rem\n$ulBorder: 2px ridge darkgreen\n$ulRadios: 0.5rem\n\n/* ******************\n\nnav\n  ul\n    list-style-type: none\n    margin: 0 auto\n    padding: 0\n    background-color: hsla(0, 0%, 100%, 0.8)\n    border-bottom: $ulBorder\n    border-left: $ulBorder\n    border-right: $ulBorder\n    border-radius: 0 0 $ulRadios $ulRadios\n    display: inline-block\n    transition: all 60ms\n    box-shadow: inset -2px -2px 10px lightblue, inset 2px 2px 10px lightblue\n    height: 1.5rem\n\n  li\n    float: left\n    width: auto\n    margin: 0px 0px\n    \n    &:first-child\n      padding-left: $navInPadding\n\n    a\n      display: block\n      color: darkred\n      text-align: center\n      padding: 0.3rem $navInPadding $navInPadding 0\n      text-decoration: none\n      font-weight: bold\n      font-size: 0.8rem \n      \n      &:active, &:hover, &:focus, &.active\n        color: red\n        text-decoration: underline\n        transform: scale(1.1)\n\n  ul li ul li\n    display: inline-block\n\n  > ul > li > ul > li\n    margin: middle\n\n.submenu\n  visibility: hidden\n  position: relative\n  margin-top: -5px\n  margin-left: -10px\n  background-color: rgb(255, 255, 255)\n\n  li, a\n    display: block\n    float: none\n    border-bottom: 1px solid goldenrod\n    margin: 0 0 0 0\n\n.submenuActive\n  visibility: visible","$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","$ulBorderM: 3px ridge darkgreen\n    \n.side-menu\n    display: none\n\n@media (max-width: 768px)\n    nav\n        width: 50%\n        height: 100%\n        position: fixed\n        float: none\n        background-color: #fff\n        max-height: 0\n        transition: max-height 0.4s ease-out\n        border-left: $ulBorderM\n        border-right: $ulBorderM\n        border-radius: 2rem 2rem 0 0\n        overflow: hidden\n        right: 0\n        \n\n        ul\n            top: 0\n            background: none\n            border: none\n            box-shadow: none\n            \n\n        li\n            float: none\n            \n            a\n                font-size: 1.2rem\n\n                &:active, &:hover, &:focus, &.active\n                    color: red\n                    text-decoration: underline\n                    transform: scale(1.1)\n                    background-color: lightblue\n                    width: 100%\n            \n    header\n        height: 1.5rem\n        top: 1rem\n\n\n        h1\n            margin: -0.5rem 0rem 0 40px\n            display: inline-block\n\n    /* --- Hamburg Menü Start ---\n        \n\n    .hamb\n        display: inline-block\n        cursor: pointer\n        float: right\n        padding: 30px 20px\n        margin-top: -5rem\n        \n\n\n    /* Style label tag\n\n    .hamb-line\n        background: black\n        display: inline-block\n        height: 3px\n        position: relative\n        width: 24px\n\n        &::before, &::after\n            background: black\n            content: ''\n            display: block\n            height: 100%\n            position: absolute\n            transition: all .2s ease-out\n            width: 100%\n\n        &::before\n            top: 5px\n\n        &::after\n            top: -5px\n\n    /* Style span tag\n\n    .side-menu\n        display: none\n\n    /* Hide checkbox\n\n    /* Toggle menu icon\n\n    .side-menu:checked ~\n        nav\n            max-height: 100%\n            \n\n        .hamb .hamb-line\n            background: transparent\n\n            &::before\n                transform: rotate(-45deg)\n                top: 0\n\n            &::after\n                transform: rotate(45deg)\n                top: 0","$navtop: 20px\n$headerRadios: 2rem\n\n@import 'nav', 'home', 'kalender', 'tueren', 'other', 'mobil'\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
diff --git a/src/sass/_mobil.sass b/src/sass/_mobil.sass
index 584d4f3d..fa93d674 100644
--- a/src/sass/_mobil.sass
+++ b/src/sass/_mobil.sass
@@ -1,32 +1,44 @@
+$ulBorderM: 3px ridge darkgreen
+    
 .side-menu
     display: none
 
 @media (max-width: 768px)
     nav
-        width: 100%
+        width: 50%
         height: 100%
         position: fixed
+        float: none
         background-color: #fff
-        overflow: hidden
         max-height: 0
-        transition: max-height .5s ease-out
+        transition: max-height 0.4s ease-out
+        border-left: $ulBorderM
+        border-right: $ulBorderM
+        border-radius: 2rem 2rem 0 0
+        overflow: hidden
+        right: 0
+        
 
         ul
             top: 0
             background: none
-            display: block
             border: none
             box-shadow: none
-
-            a:hover
-                background-color: #fff
-
-
-
-
-
             
-    
+
+        li
+            float: none
+            
+            a
+                font-size: 1.2rem
+
+                &:active, &:hover, &:focus, &.active
+                    color: red
+                    text-decoration: underline
+                    transform: scale(1.1)
+                    background-color: lightblue
+                    width: 100%
+            
     header
         height: 1.5rem
         top: 1rem
@@ -36,7 +48,7 @@
             margin: -0.5rem 0rem 0 40px
             display: inline-block
 
-
+    /* --- Hamburg Menü Start ---
         
 
     .hamb
@@ -44,7 +56,7 @@
         cursor: pointer
         float: right
         padding: 30px 20px
-        margin-top: -2rem
+        margin-top: -5rem
         
 
 
@@ -53,7 +65,7 @@
     .hamb-line
         background: black
         display: inline-block
-        height: 2px
+        height: 3px
         position: relative
         width: 24px
 
@@ -84,6 +96,7 @@
     .side-menu:checked ~
         nav
             max-height: 100%
+            
 
         .hamb .hamb-line
             background: transparent