@charset "UTF-8";
/*! Contents generated by MODX - this file will be overwritten. */@import url(https://db.onlinewebfonts.com/c/1c7f14203d028f1c6f8914508f469cb9?family=Arboria-Book);@import url(https://db.onlinewebfonts.com/c/be167b60b37c7f9cd47a1b0fdb248cf5?family=Arboria-Bold);:root{--main-bg-color: #000000;--font-color: #ffffff;--naviumbruch: 1000px;--font1:"Montserrat", sans-serif;--font2:"Quicksand", sans-serif;--page-color1:#ffffff;--page-color2:#886eaa;--page-color3:#101010;--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}}/*!Farbe Dropdown*/nav>ul>li>ul{background:var(--main-bg-color)}/*!Zeilenabstand*/body{line-height:1.5}/*!Grösse Navigation*/.navbar{height:100px}/*!Schriftart vergrössern*/nav a{font-size:20px}li.parent a,li.parent span{font-size:20px}/*!Buttonfarbe kehren*/.button{background:var(--page-color2);color:var(--page-color1)}#gradient{background:#886EAA !important;background:linear-gradient(90deg, #946bac 0%, #4881c2 50%, #29ace3 100%) !important;color:white}/*!Schriftart von Google Fonts*/body{font-family:"Arboria-Book", sans-serif;font-weight:200;line-height:1.7em;font-size:20px}h1,h2,h3,h4,h5,h6{font-family:"Arboria-Bold", sans-serif;font-weight:800;line-height:1.2em}p{font-family:"Arboria-Book", sans-serif;font-weight:200;line-height:1.7em}/*!letzten navipunkt hervorheben -> deaktiviert

@media(min-width:1000px){
nav > ul > li.last {
        border-radius: 5px;
        height: 20px;
        margin-right: 20px;
        background: var(--page-color1);
        font-family: "Arboria-Bold", sans-serif;
    }

nav > ul > li.last a{
   color: var(--main-bg-color); 
   font-family: "Arboria-Bold", sans-serif;
}

nav > ul > li.last  a:hover{
    color: var(--main-bg-color);
    text-decoration:underline;
}

nav>ul>li.last:hover>a{
    color: var(--main-bg-color);
}

li.last.active::before{
    display:none;
}}

/*!letzten navipunkt hervorheben Ende*//*!vierspalten*/.vierspalten img{vertical-align:bottom;height:auto;width:auto;max-width:40%;max-height:100%;-o-object-fit:contain;object-fit:contain}/*!3er-Layout Spaltenbreite*/@media (min-width:850px){.col3 .c4{width:22%;margin-right:20px}}/*!2x2 Anordnung 4 Spalten*/@media (max-width:850px){section#vierspalten .col4{display:grid;grid-template-columns:1fr 1fr}section#vierspalten .c4{width:100%}}/*! Navigation Farbe Mobil */@media (max-width:1000px){.navbar{background:var(--main-bg-color)}.navbar::before{background:var(--main-bg-color)}button.menu-btn{color:var(--page-color4)}nav{border-top:1px solid var(--page-color4)}nav ul{background:var(--main-bg-color);border-bottom:4px solid var(--page-color4)}nav li.active::before{background-color:var(--page-color4)}nav li.active:not(.parent)::after{background-color:var(--page-color4)}nav a,nav span{border-bottom:1px solid var(--page-color4)}nav ul ul{border-right:1px solid var(--page-color4);border-bottom:1px solid var(--page-color4);border-left:1px solid var(--page-color4)}.navbar{border-bottom:0px solid var(--page-color3)}}li.parent::after{border-right:1px solid var(--page-color4);border-bottom:1px solid var(--page-color4)}/*!Farbe & Position Seitenicons*/.fix-el{height:37px;width:auto;max-width:37px;background-color:var(--page-color2);margin-bottom:3px;color:#fff}.fixed-contact-container{position:fixed;right:0;top:70%;z-index:100;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);min-width:37px}/*! Headerhöhe Mobil */@media (max-width:1000px){.header-fullheight{min-height:calc(60vh - 80px)}h1,h2,h3,h4,h5,h6{font-family:"Prompt", sans-serif;font-weight:700;color:var(--page-color4) !important;line-height:1.2em}h1,h2{font-size:140%}h3{font-size:120%}h4{font-size:110%}h5{font-size:100%}body{line-height:1.2}}@media (max-width:850px){.mobile-order2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:unset}}