/* Contents generated by MODX - this file will be overwritten. */:root{--main-bg-color:#ffffff;--font-color:#2B2B2B;--naviumbruch:1000px;--font1:'Montserrat', sans-serif;--font2:'Roboto', sans-serif;--page-color1:#2b2b2b;--page-color2:#fe0103;--page-color3:#ffcd00;--page-color4:#ffffff;--maxwidth:1500px}/*in SCSS wieder integrieren, css var in media queries funktionieren*/@media (max-width:1000px){button.menu-btn{display:-webkit-box;display:-ms-flexbox;display:flex}.navbar{z-index:1001;position:relative}.navbar::before{content:"";display:block;width:100%;height:100%;background:white;position:absolute;top:0;left:0;z-index:1001}.logo{position:relative;z-index:1002}nav{display:none;position:absolute;width:100%;top:79px;border-top:1px solid #e5ede7;-webkit-transform:translateY(-220%);-ms-transform:translateY(-220%);transform:translateY(-220%);background-color:white;z-index:1000;-webkit-transition:-webkit-transform ease 0.3s;transition:-webkit-transform ease 0.3s;-o-transition:transform ease 0.3s;transition:transform ease 0.3s;transition:transform ease 0.3s, -webkit-transform ease 0.3s}nav ul{display:block;background:white;z-index:1000;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:-webkit-fit-content;height:fit-content;border-bottom:4px solid #073a57}nav li{height:auto;width:100%;padding:0}nav li.active::before{content:"";display:block;background-color:#073a57;width:4px;height:100%;position:absolute;top:0;left:0}nav li.active:not(.parent)::after{content:"";display:block;background-color:#073a57;width:4px;height:100%;position:absolute;top:0;right:0}nav a,nav span{width:100%;padding:12px 20px;text-align:center;border-bottom:1px solid #a4bfcf}.menu-active nav{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}nav{display:block}.mactive span{border-bottom-style:dotted}.mactive ul{visibility:visible;opacity:1;height:auto;display:block;border-top:0;padding-bottom:0;padding:20px;background:rgba(0, 0, 0, 0.05);padding-top:0;padding-bottom:0}li.parent::after{right:none;border-right:2px solid var(--page-color1);border-bottom:2px solid var(--page-color1);width:11px;height:11px;right:33px;top:33px}li.parent:hover::after{border-right:2px solid #000;border-bottom:2px solid #000}nav>ul>li>ul{visibility:hidden;opacity:0;position:relative;background:0;padding-top:0;height:0;display:none}nav>ul>li.mactive>ul{visibility:visible;opacity:1;height:auto;display:block}li.parent>ul a,li.parent>ul span{border-top:0}nav>ul>li>ul a,nav>ul>li>ul span{line-height:1.3em}}@media (max-width:1000px) and (min-width:1150px){nav>ul>li:hover>ul{display:block;opacity:1;visibility:visible}}@media (min-width:1000px){nav>ul>li:hover>ul{display:block;opacity:1;visibility:visible}}/*Navigation zentrieren, Logo ausblenden*/@media (min-width:1000px){.navfixed .navbar{flex-wrap:wrap;height:80px;justify-content:center}.logo{width:100%;justify-content:center;margin:0;padding:0;margin-top:0px;display:none}.logo img{width:auto;transition:ease all 0.5s}.logo img.smalllogo{height:73px}nav{margin-left:0}nav ul{justify-content:center;width:100%}nav li.active::before{display:none}nav li.active a{color:var(--page-color1)}nav a{color:var(--page-color1);text-transform:normal;font-size:1.3em}nav li{padding:10px}li.parent a,li.parent span{font-size:1.3em;text-transform:lowercase}nav>ul>li>ul{background:var(--main-bg-color);width:500px}}/*Mobil-Navigation*/@media (max-width:1000px){nav a,nav span{border-bottom:0px solid #a4bfcf;padding:6px 10px;font-size:18px}li.parent a,li.parent span{font-size:18px}}/*Logogrösse mobil*/@media (max-width:500px){.logo a{font-size:1.2em;line-height:1.2em;display:flex;align-items:center}}.ob-button-list .button:last-of-type{margin:0}.scroll-down{bottom:5%}.header a.button{border:2px solid white;background:transparent;border-radius:0;padding:11px 20px 8px;transition:ease all 0.3s}.header a.button:hover{background:rgba(255, 255, 255, 0.2);color:white}nav a{font-weight:bold}.header-content p,.header-intro{width:100%}/*Fotos zentrieren*/#button img{display:block;margin:auto}/*Buttonfarbe kehren*/.buttonweiss .button{background:transparent;font-weight:500;border-radius:0;border:2px solid white}/*video parent container anpassen und video absolute über folle breite (40%)*/#videosec>div,#videosec .c4{position:static}#videosec video{position:absolute;left:0;height:100%;width:40%;object-fit:cover;top:0}.navbar{background-color:#ffcd00}.header-content{justify-content:center}.header-content img{margin:auto;margin-bottom:36px;margin-top:0}@media (min-width:1000px){nav ul::before,nav ul::after{content:"";display:block;width:77px;height:calc(100% - 20px);background:url(/assets/userupload/musicicon.svg) no-repeat;background-size:contain}nav ul::before{position:absolute;left:10px}nav ul::after{position:absolute;right:10px}}div#button p,div#button h2,div#button a.button{color:black;border-color:black}.vcenter{align-items:center}.kontaktdaten__eintrag em{font-size:30px;width:30px;text-align:center;color:var(--page-color1);margin-right:20px}img.ubereats{width:27px;margin-right:22px;margin-left:1px}#header-c{position:relativ}img.guru{position:absolute;right:0;bottom:0}@media (max-width:1500px){img.guru{position:absolute;right:20px;bottom:0}}@media (max-width:1000px){img.guru{width:160px}}@media (max-width:700px){img.guru{position:absolute;right:20px;bottom:-80px}}@media (max-width:400px){img.guru{width:90px}}