:root {
--awo-rot: #e3001a;
--awo-rgb-light: rgba(227, 0, 26, 0.2);
--awo-orange: #f4a041;
--awo-orange-light: rgba(244, 160, 65, 0.2);
--awo-tuerkis: #a7d6c7;
--awo-tuerkis-light: rgba(167, 214, 199, 0.2);
--awo-dblau: #0f4d7f;
--awo-dblau-light: rgba(15, 77, 127, 0.2);

--awo-leila: #ad14b7;
--awo-rot: #e3001a;
--awo-gelb: #ffc107;
--awo-gruen: #76b837;
--awo-dorange: #ee7100;
--awo-blau: #009fe3;

}


/* Farbe */

.mainNav ul.rex-navi1 > li > a.farbe1 { border-bottom:0.3rem solid var(--awo-rot); }
.mainNav ul.rex-navi1 > li > a.farbe2 { border-bottom:0.3rem solid var(--awo-orange); } 
.mainNav ul.rex-navi1 > li > a.farbe3 { border-bottom:0.3rem solid var(--awo-tuerkis); } 
.mainNav ul.rex-navi1 > li > a.farbe4 { border-bottom:0.3rem solid var(--awo-dblau); } 
.mainNav ul.rex-navi1 > li > a.farbe5 { border-bottom:0.3rem solid var(--awo-leila); } 
.mainNav ul.rex-navi1 > li > a.farbe6 { border-bottom:0.3rem solid var(--awo-gruen); } 

.navbar-theme{
background-color: rgba(255, 255, 255, 0.8) !important;
}

/* hover navi */

.mainNav ul.rex-navi1>li:hover>a.farbe1,
.mainNav ul.rex-navi1>li.active>a.farbe1{
color:#fff; background-color: var(--awo-rot);
}
.mainNav ul.rex-navi1>li:hover>a.farbe2,
.mainNav ul.rex-navi1>li.active>a.farbe2{
color:#fff; background-color: var(--awo-orange);
}
.mainNav ul.rex-navi1>li:hover>a.farbe3,
.mainNav ul.rex-navi1>li.active>a.farbe3{
color:#fff; background-color: var(--awo-tuerkis);
}
.mainNav ul.rex-navi1>li:hover>a.farbe4,
.mainNav ul.rex-navi1>li.active>a.farbe4{
color:#fff; background-color: var(--awo-dblau);
}
.mainNav ul.rex-navi1>li:hover>a.farbe5,
.mainNav ul.rex-navi1>li.active>a.farbe5{
color:#fff; background-color: var(--awo-leila);
}
.mainNav ul.rex-navi1>li:hover>a.farbe6,
.mainNav ul.rex-navi1>li.active>a.farbe6{
color:#fff; background-color: var(--awo-gruen);
}

.nav-link:hover, .nav-link:focus {
    color: var(--awo-rot);
}




/* aniButton Hamburger Menu */
#aniButton {
position: relative;
top: 0px !important;
right: 1.0rem !important;
width: 36px;
height: 23px;
cursor: pointer;
}
#aniButton b {
position: absolute;
left: 0;
width: 36px;
height: 3px;
background-color: var(--awo-rot);
}
#aniButton b:nth-child(1) {
top: 0;
}
#aniButton b:nth-child(2) {
top: 50%;
}
#aniButton b:nth-child(3) {
top: 100%;
}
#aniButton.navbar-toggler { border:none; }
/* aniButton */



/* .navbar = .mainNav  */


/* generell */

.mainNav{
font-weight:400;
font-size:1.0rem;
width:100%
}
.mainNav ul{
list-style-type:none;
margin:0;
padding: 0;
}
.mainNav a{
text-decoration:none;
color:#000
}
.mainNav a:hover{
text-decoration:none;
}
.navbar-brand { max-width:250px; }
.mainNav ul > li > ul { padding: 0 0 0 0; background-color:#EBEBEB; }

.mainNav ul > li.active > a { padding-left:15px;padding-right:15px; }
.navbar-theme .navbar-collapse { margin-top:20px; }

/* small width */













/* mobile */

@media (max-width: 991.98px){
.mainNav{
position:relative;
z-index:99999;
margin:0rem 0 0 0;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease
}
.mainNav li.nav-item-image{
display:none !important
}
.mainNav.nav-open{
opacity:1;
visibility:visible
}

.mainNav li.colorset-red,.mainNav li.colorset-red ul li{
background-color:#e3001a
}
.mainNav li.colorset-yellow,.mainNav li.colorset-yellow ul li{
background-color:#ffc107
}
.mainNav li.colorset-orange,.mainNav li.colorset-orange ul li{
background-color:#f4a041
}
.mainNav li.colorset-blue,.mainNav li.colorset-blue ul li{
background-color:#0f4d7f
}
.mainNav li.colorset-green,.mainNav li.colorset-green ul li{
background-color:#76b837
}
.mainNav li.colorset-purple,.mainNav li.colorset-purple ul li{
background-color:#ad14b7
}
.mainNav li.colorset-grey,.mainNav li.colorset-grey ul li{
background-color:#868686
}
.mainNav li a{
flex-grow:1;
padding:1rem 2rem 1rem 0;
}
.mainNav li.has-sub>a,.mainNav li.rex-back>a{
position:relative
}
.mainNav li.has-sub>a:after,.mainNav li.rex-back>a:after{
position:absolute;
right:20px;
top:50%;
display:block;
content:"";
border:solid #fff;
border-width:0 0.1rem 0.1rem 0;
padding:0.8rem;
margin-top:-0.8rem;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.mainNav li.rex-back a{
padding-left:4rem
}
.mainNav li.rex-back>a:after{
right:auto;
left:0;
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg)
}
.mainNav li.rex-js-active>ul{
left:3rem
}
.mainNav .rex-js-active>ul{
z-index:1
}

.mainNav { margin:0px; padding-top:0px;padding-bottom:20px; }
.navbar {padding-top: 0px;}
.mainNav .rex-navi2 { padding:10px 20px; }
.mainNav .rex-navi2 li a { padding: 0.4rem 0rem 0.4rem 0; }
header .col-md-3.leer { width:40%; }
header .col-md-6.logos { width:60%; }
header .col-md-3.logo { display:none; }
header .col-md-2.leer { width:40%; }
header .col-md-7.logos { width:60%; }
}






/* desktop full menu */

@media (min-width: 992px){

.navbar { padding-top: 0px;  } 
.mainNav{
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
transition:all 0.3s ease;
font-size:1.0rem;
margin:0 auto;
}
.mainNav ul.rex-navi1{
display:flex;
align-items:stretch;
}
.mainNav ul.rex-navi1>li{
text-align:center;
display:flex;
flex:1;
justify-content:flex-end;
flex-direction:column;
}


.mainNav ul.rex-navi1>li a { padding-left:15px; padding-right:15px; }
.mainNav ul.rex-navi1>li.has-sub a { padding-left:15px; padding-right:34px; }
.mainNav .rex-navi2 { margin-left:0px; padding:10px 10px; }



.mainNav ul.rex-navi1>li>ul{
visibility:hidden;
opacity:0;
min-width:33%;
-webkit-transition:visibility 0s,opacity 0.3s linear 0.5s;
-moz-transition:visibility 0s,opacity 0.3s linear 0.5s;
-ms-transition:visibility 0s,opacity 0.3s linear 0.5s;
-o-transition:visibility 0s,opacity 0.3s linear 0.5s;
transition:visibility 0s,opacity 0.3s linear 0.5s;
z-index:999999;
position:absolute;
top:100%;
}
.mainNav ul.rex-navi1>li>ul li{
display:block;
text-align:left
}
.mainNav ul.rex-navi1>li>ul li.nav-item-image{
position:absolute;
left:5%;
top:5rem;
width:10%;
flex:none
}

.mainNav ul>li:hover>ul{
visibility:visible;
opacity:1
}
.mainNav ul>li>ul ul{
display:none !important
}

.navbar-expand-lg .navbar-toggler,
.navbar-expand-lg .navbar-brand {
    display: none;
}
#hauptnavi ul.navbar-nav { margin:0 auto;}

}




@media (max-width: 440px){
header .col-md-3.leer { display:none; }
header .col-md-6.logos { width:100%; }
header .col-md-3.logo { display:none; }
header .col-md-2.leer { display:none; }
header .col-md-7.logos { width:100%; }
.row > .ps-slidertext { padding-right: calc(var(--reign-gutter-x) * .7);
padding-left: calc(var(--reign-gutter-x) * .7);}
}

@media (max-width: 810px) {
.navbar-brand { width:60%; }
#bannerModal {width:86%;max-width:470px;margin-left:7%;}
}