@charset "UTF-8";
/* CSS Document */
/* Farben
dunkles blau 	#004f91 rgba(0, 79, 145, 1)
helles blau 	#adbada rgba(173,186,218,1)
dunkles grau	#535e69 rgba(83,94,105,1)
dunkles grün 	#66b02f rgba(102,176,47,1)
helles grün 	bedaa5 rgba(102,176,47,0.5)
x helles grün	#e0edd5

helles orange 	#ffecb7
 */
 
 /* allgemeines  */
 
 *:hover {transition:all 0.2s}
 
::before {display:block; position:absolute; width:100%;height:100%}
 
a:visited {background:none}

a:hover {background:none}

a:focus {background:none}

a:active {background:none}

 /* _____________Navigation toggler im header platzeirt________  */
 
 :root
{--menu-height:calc(45vh + 80px); --min-height:45vh}
 
/* navi in der mitte .mod_mobile_menu { left:0;top:0vh!important;border:2px dotted gray;position:absolute; width:100px;height: calc(45vh + 80px);min-height: calc(400px + 80px);display:flex; align-items: flex-end;justify-content:center;z-index:10; animation: 10s ease-in menueinblender;opacity:1} */

.mod_mobile_menu { left:0;top:0vh!important;border:2px dotted gray;position:fixed; width:100px;height: 70px;display:flex; align-items: flex-end;justify-content:center;z-index:10; animation: 2s ease-in menueinblender;opacity:1}

.mod_mobile_menu:hover { opacity:1}

@keyframes menueinblender {
  0% {opacity: 0;   }
  30% {opacity: 0;   }
  50% {opacity: 0.8;   } 
 100% {opacity: 1;  }
}

.mobile_menu_trigger {background:transparent;padding:10px;padding-bottom:5px; font-size:2.7rem;cursor:pointer;opacity:1;transition: 1s opacity 3s;font-family:'Amaticsymbol';font-weight:normal;color:green; text-shadow: 0 0 3px white; }

.mobile_menu_trigger:visited {background:transparent;padding:10px;padding-bottom:5px; font-size:2.7rem;cursor:pointer;opacity:1;transition: 1s opacity 3s;font-family:'Amaticsymbol';color:red }

.mobile_menu_trigger.active {transition: 1s opacity 2s;color:transparent }

.mobile_menu_overlay {border:0px solid red;height:0px;top:0vh}

 
 /* gleicher abstand wie headergröße*/
 .invisible {display:none}
 
.mobile_menu {height:auto!important; left:100%;top:0px!important;background:transparent;overflow-y:auto;margin-left:0%!important; width:100%!important;background:transparent;border:0px dotted black;--transform: translate3d(-0%, 0px, 0px)!important;padding:0 0 0rem 0;overflow:visible;}

.mod_navigation {border:0px solid red;width:100%;height:100%;background:transparent!important;}

.mobile_menu .inner {background:transparent!important; border:0px solid yellow;width:100%;height:100%;padding:0 0 0 0rem;display:flex; flex-wrap:wrap;justify-content:center;align-content:flex-start;align-items:center;overflow:visible;position:static;top:0;left:0}

.mobile_menu.active {}

.mobile_menu a.close {position:absolute;left:2rem;color:red;font-size: 2rem;z-index:5;font-family:'Amaticsymbol'}

.meine-galerie .mod_navigation {padding-top:0px;}


.mobile_menu ul {background:rgba(255,255,255,0.9)!important;width:100%;margin:0;padding:0;display:flex; flex-wrap:wrap;justify-content:center; align-items:center;border:0px solid cyan;gap:3vw;height:100%;box-sizing:border-box;padding:15px 0 15px 0}

.mobile_menu li, li.sonder{font-size:1.2rem;color:#004f91;font-weight:400;border:0.0px solid green;letter-spacing:0.1rem; text-transform: uppercase;font-weight:normal;text-decoration:none; color:black;}

.mobile_menu li a {}

/* home-button*/

.mein-start .mobile_menu .forward {}

/* .mobile_menu .last a::before {display:block;content:"Home";width:100%;height:auto;top:2px; position:absolute;background:white;z-index:10;color:black}

.mobile_menu .last a:hover::after {z-index:9}*/

.mobile_menu .active {}


.mobile_menu a, .mobile_menu .active {text-decoration:none; color:black;font-weight:400;letter-spacing:0.1rem;position:relative;font-family:'Dosis';border:0px solid red  }

.mobile_menu .insta a {font-family:'Amaticsymbol';text-transform:lowercase;font-size:1.8rem;line-height:1}

.mobile_menu a:hover {color:var(--schriftfarbe);display:Block; }

/* Menupunkte erste Ebene hover mit Strahlen und aktiv*/


.mobile_menu a:hover::after,.mobile_menu strong::after  {display:Block; content:"";border:0px solid red;width:calc(100% + 50px) ;height:calc(100% + 40px); position:relative;top:calc(-100% - 20px);left:-25px ;background:url("../Hilfsbilder/strahlen.png");background-size:100% 100%;animation:deckkraft 5s infinite; animation-delay:1s;opacity:0}

/* Menupunkte erste Ebene hover mit Pfeilen. da Untermenue*/

.mobile_menu .submenu a:hover::after {background:url("../Hilfsbilder/pfeil-unten.png");background-size:100% 100%;animation-delay:0.2s;opacity:0;margin-bottom:0;position:absolute;top:-22px}

.mobile_menu .submenu_show a::after {display:none}

/* Menupunkte zweite Ebene hover ohne Strahlen, mit Strahlen bei hover. Geöffnet*/


.mobile_menu .submenu .level_2 a:hover::after {display:block;background:url("../Hilfsbilder/strahlen-rot.png");background-size:100% 100%;animation-delay:0.2s;opacity:0;margin-bottom:0;position:absolute;top:-20px}

.mobile_menu .submenu_show .level_2 a::after {display:none}

.mobile_menu .level_2 a {color:rgba(0,0,0,0.6);font-weight:bold}

.mobile_menu .level_2 a:hover {color:rgba(231,95,127,1)/*e75f7f*/}

.mobile_menu .level_2 .last a::before {display:none}





@keyframes deckkraft {
   0% {opacity: 0;   }
   50% {opacity: 1;   } 
  100% {opacity: 0;  }
}

.mobile_menu strong.active {color:var(--schriftfarbe);font-weight:bold}

/*.mobile_menu strong.active::after {display:Block; content:"";width:calc(100% + 50px) ;height:calc(100% + 40px);position:absolute;top:-20px;left:-25px ;background:url("../Hilfsbilder/strahlen-blau.png");background-size:100% 100%;animation:deckkraft 5s infinite; animation-delay:1s;opacity:0}*/

/* Menupunkte zweite Ebene*/

.mobile_menu li.submenu_show>ul {margin-top:16px;left:30%;position:absolute;width:auto;justify-content:center;display:flex;z-index:1;background:rgba(255,255,255,0.9);
  box-shadow: 
   -5px 2px 10px  rgba(255,255,255,0.85),
   5px 2px 10px  rgba(255,255,255,0.85);
    border-bottom-left-radius:3px;border-bottom-right-radius:3px;padding:10px 30px 10px 30px;gap:2vw}

.mobile_menu.active li.submenu_show>ul {}


.submenu_show ul::after {background:url("../Hilfsbilder/pfeil-unten.png");background-size:100% 100%;animation-delay:0.2s;opacity:0;border:2px solid green}


.level_2 > li {font-size:1.0rem;line-height:1.2rem;color:black;padding:0 0px 0px 0px; margin-right:0px;margin-top:0px;border:1.0px solid transparent;border-radius:4px;}




/* Menupunkte zweite Ebene, geöffent*/

.nav_mobi .level_2 > li.submenu_show {border:1.0px solid transparent;}


/* MPfeile an rchter Seite*/

.nav_mobi li{}

.nav_mobi li.submenu::before {content:"";font-family:wondersigns;Height:22px; width:22px;margin-top:0.1rem;float:right;background:transparent;right:5%;display:flex; justify-content:center;align-items:center; align-content:center}

.nav_mobi .level_2 li::before{right:0%;margin-top:-0.1rem}

 .nav_mobi > .level_1 li.submenu_hide::before {content:"a";}

.nav_mobi > .level_1 li.submenu_show::before {content:"c";color:inherit;right:0;} 


.nav_mobi > .level_2 li.submenu_hide::before {content:"a";color:inherit; v}

 /* nicht angewählter Menuepunkt Unterpunkte unsichtbar background-color:rgba(0, 79, 145, 0.3)  */

.nav_mobi li a {border-bottom: 0px dotted;}
.nav_mobi strong {font-weight:normal}


@media (max-width: 1000px)
{

.mobile_menu  {height:auto !important;}

.mod_navigation   {position:relative}

.mobile_menu a.close {left:1rem;line-height:1;padding: .3rem 0 0 0 }

.mobile_menu ul {padding: 10px 0 10px 2rem;position:relative; align-items: stretch}

.mobile_menu .level_2 > li,.mobile_menu.active .level_2 > li {margin-top:0;font-size:1.2rem;position:static;}

.mobile_menu li, .mobile_menu li.active {font-size:1.4rem;height:100%;display:inline-block}

.mobile_menu li.submenu_show > ul {margin: 10px 0 0 0;padding:10px 0 10px 0;flex-wrap:wrap}
}

@media (max-width: 700px)
{
.mobile_menu ul {gap:2vw; padding: 7px 0 7px 1.5rem}

.mobile_menu a.close {left:0.5rem}
.mobile_menu li {font-size:1.2rem}
.mobile_menu li, .mobile_menu li.active {font-size:1.2rem}
.mobile_menu .level_2 > li {font-size:1.1rem}
.mobile_menu li.submenu_show > ul {margin: 7px 0 0 0;}
}

@media (max-width: 450px)
{
.mobile_menu .inner {background: rgba(255, 255, 255, 0.85)!important}
.mobile_menu li, .mobile_menu li.active {font-size:1.4rem;display:block;margin-bottom: 5px;width:100%;text-align:center}

.mod_navigation {background: transparent !important}

.mobile_menu  {height:auto !important;width:60% !important;}

.mobile_menu.active   {margin-left:20% !important}

.mobile_menu a.close {left:0rem; display:block;width:100%;text-align:center;position:relative}

.mobile_menu ul {gap:2vw; padding: 5px;align-items:flex-start}

.mobile_menu.active li.submenu_show > ul {position:relative;background:rgba(0,159,227,0.15);width:60%;box-shadow: 0px 0px 5px  rgba(0,159,227,0.15);left:20%;border:none}

.mobile_menu .submenu a:hover::after {display:none}

}