/************************************************/
/*    © by Werbeagentur Gössler & Sailer OG     */
/*             www.goesslersailer.at            */
/************************************************/

.cbp-spmenu {background: #ffffff; position: fixed; overflow: auto;}
.cbp-spmenu h3 {color: #afdefa;	font-size: 100%; padding: 20px;	margin: 0; font-weight: 300; background: #0d77b6;}
.cbp-spmenu a {display: block;	color: #fff; font-size: 0.9em; font-weight: 300; width:150px;}
.cbp-spmenu-vertical {width: 90%; height: 100%; top: 0; z-index: 99;}
.cbp-spmenu-right {right: -90%;}
.cbp-header-left {right:0%;}
.cbp-spmenu-right.cbp-spmenu-open {	right: 0px;}
.cbp-spmenu-push {overflow-x:hidden;position: relative;	left: 0;}
.cbp-spmenu-push-toleft {left:-90%; overflow-y:hidden;}
.cbp-header-toleft {width:100%; left:auto; right:auto;}

.cbp-header-top{
left:0px;
right:0px;
top:0px;
position:fixed;
transition: transform 0.5s ease-out;
z-index:100;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)
}

.cbp-header-top-push{
left:auto;
right:auto;
width:100%;
}

.symb_last{
right:0px;
left:auto;	
}
.text-bold {font-weight: bold}

/* Transitions */
.cbp-spmenu,.cbp-spmenu-push {-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear;}

/* Nur die erste Ebene positionieren */
.gs-navbar li { position: relative; margin:0px; padding:0px; list-style:none; float:left; font-size:130%}

/* Unterebenen NICHT positionieren (wichtig!) */
.gs-navbar li ul li { position: static; } /* oder .gs-navbar li li { position: static; } */

/* 1. Ebene - Basis: Links sollen die ganze LI-Breite einnehmen */
.gs-navbar li a{display:block; position:relative; text-decoration:none; font-size:80%; font-weight:bold; padding:12px 10px 12px 10px; color:#000; background-color:transparent; text-transform:uppercase; width:auto;}
.gs-navbar li a:hover {color:#FFFFFF; background-color:#FFFFFF;}
.gs-navbar li a.aktuell {color:#000000; border-bottom: 0px #e2001a solid; background-color:transparent;}

/* 2. Ebene */
.gs-navbar li ul {
  margin: 0 -25px 10px 0;
  padding: 10px;
  display: none;
  position: absolute;         /* bleibt absolute */
  z-index: 103;
  left: 0;
  top: auto;
  background-color: #ffffff;
  box-shadow: 0 0 9px -3px rgba(0,0,0,.31);
  border-radius: 5px;
  overflow: visible;           /* wichtig, damit Level-3 nicht abgeschnitten wird */
  min-height: 100%;
}

.gs-navbar li:hover ul a {color:#000000; display:block; height:auto; line-height:normal; text-transform:none; margin:0px; padding:6px 10px 6px 10px; border-top:1px #FFFFFF solid; width:auto; background-image:none; font-weight: 100; min-width: 230px}
.gs-navbar li:hover ul a:hover {color:#FFFFFF; background-color:#FFFFFF;}
.gs-navbar li:hover ul a.aktuell {color:#000000; background-color:#FFFFFF;font-weight:normal; }

/* 3. Ebene – immer am TOP der 2. Ebene andocken */
.gs-navbar li ul li ul {
  margin: 0;
  padding: 10px;
  display: none;
  position: absolute;
  z-index: 103;
  left: calc(100% - 10px);      /* direkt rechts, kleiner Überlapp gegen „Lücke“ */
  top: 0;                      /* jetzt wirklich oben ausgerichtet */
  background-color: #ffffff;
}

.gs-navbar li:hover ul li:hover a {color:#000000; background-color:#ffffff;font-weight: 100;min-width: 230px}
.gs-navbar li:hover ul li:hover ul a {display:block; height:auto; line-height:18px; text-decoration:none; color:#000000; border-top:1px #ffffff solid; padding:6px 10px 6px 10px; width:auto; min-width:150px; background-color:#FFFFFF;}

/* 4 Ebene */
.gs-navbar li:hover ul li:hover ul a {color:#000000; background-color:#ffffff;font-weight: 100;min-width: 230px}
.gs-navbar li:hover ul li:hover ul a:hover {display:block; height:auto; line-height:18px; text-decoration:none; color:#ffffff; border-top:1px #ffffff solid; padding:6px 10px 6px 10px; width:auto; min-width:150px; background-color:#e2001a;}
.gs-navbar li:hover ul li:hover ul a.aktuell {color:#ffffff!important; background-color:#e2001a!important;}


/* Anzeigen auf Hover */
.gs-navbar li:hover > ul { display: block; }
.gs-navbar li ul li:hover > ul { display: block; }

.gs-navbar li ul.symb_last {left:auto; right:0px;}
.gs-navbar li ul li {margin:0px; padding:0px; float:none; font-size:95%;}
.gs-navbar li ul li ul li {margin:0px; padding:0px;}


/* Der animierte Strich */
.gs-navbar li > a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;              /* sitzt direkt unten am Link */
  width:100%;
  height:2px;            /* Strichhöhe */
  background:#e2001a;    /* Markenfarbe, sonst z.B. currentColor */
  transform:scaleX(0);   /* Start: unsichtbar */
  transform-origin:left; /* wächst von links nach rechts */
  transition:transform .25s ease;
}

/* Hover/Fokus/Active: Strich einblenden */
.gs-navbar li:hover > a::after,
.gs-navbar li > a:hover::after,
.gs-navbar li > a:focus-visible::after,
.gs-navbar li.active > a::after{
  transform:scaleX(1);
}

/* Deine bestehende Farbänderung kann bleiben */
.gs-navbar li:hover > a{
  color:#000000!important;
  background-color:#ffffff!important;
}

/* Unternavigation in modernen Browsern einblenden */
.gs-navbar li:hover a{color:#000000!important; background-color:#ffffff;}
.gs-navbar li:hover a:hover{color:#000000!important; background-color:#ffffff!important; }
.gs-navbar li:hover ul {display:block;}
.gs-navbar li:hover ul li ul {display:none;}
.gs-navbar li:hover ul li:hover ul {display:block;}
.gs-navbar li:hover ul li:hover ul li ul {display:none;}



/* Auflösung */
@media only screen and (max-width: 1200px) {
.gs-navbar li { font-size:130%;}
.gs-navbar a {padding-left:6px; padding-right:6px;}
}
@media only screen and (max-width: 1010px) {
.gs-navbar li { font-size:130%;}
.gs-navbar a {padding-left:6px; padding-right:6px;}
}
@media only screen and (max-width: 995px) {
  .gs-navbar li > a::after {
    content: none;
    display: none;}
.gs-navbar li ul li ul {left:200px;}
.gs-navbar ul {-webkit-box-shadow:none; box-shadow:none;}	
.gs-navbar {float:none;}
.gs-navbar li {font-size:130%;}
.gs-navbar li ul li ul {left:0px; top:0px;}
.gs-navbar a {padding-left:10px; padding-right:10px;}
.header-height-dyn-log{height:140px;}
}