/* Navigation.css */
.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}

nav.menu{float:right;width:auto;margin-top:24px;overflow:visible;display:block;z-index:999}
nav.menu {display:none;}

nav.menu ul {background: #fff;width:auto;position:relative;list-style-type:none;margin:0;padding:0;}
nav.menu .level_2{position:absolute;left:-32789px;top:-32789px;overflow:hidden;display:inline;width:0;height:0;}
nav.menu ul:after {content: "";clear: both;display: block;}
nav.menu ul li {display:inline-block;text-align:left;width:auto;list-style-type:none;padding:0;margin:0 10px;}

nav.menu ul a,nav.menu ul span {
	position:relative;display:block;padding-right:5px;padding-left:5px;vertical-align:middle;
	font:.875rem/14px 'Roboto',sans-serif;text-decoration:none;color:#666;line-height:70px;}
nav.menu ul a,nav.menu ul span:not(.megamenu){padding-left:0px;}

nav.menu .active,nav.menu .trail {color:#990033}

nav.menu ul a:hover,nav.menu ul a:focus{color:#990033}

nav.menu ul li span.active{font-size:.9rem;line-height:70px;color:#990033;}

nav.menu ul li:not(.megamenu) {position: relative; padding:0 0px;}
nav.menu .level_2 li{clear:both;border:none;border-bottom:1px solid #e7e7e7;display:block;}
nav.menu .level_2 li a,nav.menu .level_2 li span.active{line-height:35px}

nav.menu li:hover .level_2{left:auto;top:auto;overflow:auto;display:block;width:auto;min-width:100px;height:auto;z-index:1000;background-color:#fff;}

/*display fürs megamenu products
nav.menu li.products.megamenu:hover .level_2{left:-50px;top:auto;overflow:auto;display:block;width:auto;min-width:100px;height:auto;z-index:1000;background-color:#fff;}*/
nav.menu li.products.megamenu:hover .level_2{left:-100px;}
nav.menu li.products.megamenu:hover .level_3{position:relative;left:0;}

/*display fürs megamenu applications*/
nav.menu li.applications.megamenu:hover .level_2{left:-240px;}

/*display fürs megamenu company*/
nav.menu li.submenu.singlesubmenu:hover .level_2{
	border-top: 4px solid #e7e7e7;left:auto;min-width:160px;
	-moz-box-shadow: 3px 3px 3px 0 rgba(204, 204, 204, 0.6);
	-webkit-box-shadow: 3px 3px 3px 0 rgba(204, 204, 204, 0.6);
	box-shadow: 3px 3px 3px 0 rgba(204, 204, 204, 0.6);
	-webkit-transition: box-shadow 0.8s ease 0s;
	-moz-transition: box-shadow 0.8s ease 0s;
	transition: box-shadow 0.8s ease 0s;
}

nav.menu a,nav.menu a:hover,nav.menu a span,nav.menu a:hover span{
	-webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease; -ms-transition: All 0.4s ease ; transition: All 0.4s ease}


/* megamenu */


nav.menu ul .megamenu .level_2 {
	-webkit-animation: none; -moz-animation: none; -ms-animation: none; animation:none;}

nav.menu ul li.megamenu {position: static;}
nav.menu ul li.megamenu:hover ul{display: table; width:auto;padding:0;}
nav.menu ul li.megamenu:hover ul:not(.level_3){
	border-top: 4px solid #e7e7e7;
	-moz-box-shadow: 3px 3px 3px 0 rgba(204, 204, 204, 0.6);
	-webkit-box-shadow: 3px 3px 3px 0 rgba(204, 204, 204, 0.6);
	box-shadow: 3px 3px 3px 0 rgba(204, 204, 204, 0.6);
	-webkit-transition: box-shadow 0.8s ease 0s;
	-moz-transition: box-shadow 0.8s ease 0s;
	transition: box-shadow 0.8s ease 0s;
}

nav.menu li.megamenu ul li{margin:0 5px;display:table-cell;border-top: 1px solid rgba(0,0,0,0.1);
position:relative;vertical-align:top;white-space:nowrap;}

nav.menu ul li.megamenu ul li {padding:10px;border-left: 1px solid rgba(0,0,0,0.1);}
	
nav.menu ul li.megamenu ul li span.active{line-height:24px;}
nav.menu ul li.megamenu ul li.first, nav.menu ul li.megamenu ul ul li {border-left: 0;}
nav.menu ul li.megamenu ul li a{padding-left:0px;margin-left:0;width:100%;}

nav.menu ul li.megamenu .level_2 li.submenu a.submenu,
nav.menu ul li.megamenu .level_2 li.submenu span.forward,
nav.menu ul li.megamenu .level_2 li.submenu span.trail {
text-transform: uppercase; color: rgba(0,0,0,0.4);padding:5px 0 8px 15px;line-height:24px;border-bottom: 1px solid #e7e7e7;}

	
nav.menu ul li.megamenu .level_2 li.submenu a.submenu:hover,
nav.menu ul li.megamenu .level_2 li.submenu a.submenu:hover span{color:#990033;}

nav.menu ul li.megamenu .submenu.last ul.level_3{position:absolute;left:10px;}

nav.menu ul li.megamenu ul li.active .submenu.first{text-transform: uppercase;padding:5px 0 5px 15px;}
	
nav.menu ul li.megamenu ul li ul li {display:block;float: none; width:auto; overflow: hidden;border-top:0px;}
/*nav.menu ul li.products.megamenu ul li ul li:not(.last) {min-width:230px;}*/



nav.menu ul li.products.megamenu ul li ul li:not(.last) {min-width:140px;float:left;}



nav.menu ul li.megamenu ul li.active.submenu span.active{text-transform: uppercase;padding:8px 0 8px 15px;border-bottom:1px solid #e7e7e7;}



/* mobilnav */

.mobil-nav-trigger{float:right;width:35px;display:block;margin:30px 0;padding:0;z-index:100;font-size:24px;}

/* breadcrumb_nav */
#breadcrumb {
	display:none;
	margin-top:10px;
	margin-bottom:10px;
    /*background: #e7e7e7;*/
    min-height: 39px;
    line-height: 41px;
/* IE10+ */ 
background-image: -ms-linear-gradient(right, #ffffff 0%, #F6F6F6 47%, #E7E7E7 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(right, #ffffff 0%, #F6F6F6 47%, #E7E7E7 100%);

/* Opera */ 
background-image: -o-linear-gradient(right, #ffffff 0%, #F6F6F6 47%, #E7E7E7 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #ffffff), color-stop(47, #F6F6F6), color-stop(100, #E7E7E7));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(right, #ffffff 0%, #F6F6F6 47%, #E7E7E7 100%);

/* W3C Markup */ 
background-image: linear-gradient(to left, #ffffff 0%, #F6F6F6 47%, #E7E7E7 100%);}

#breadcrumb ul {
    margin: 0 auto;
    padding:0 0 0 20px;
    font-size: 11px;
}

#breadcrumb ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
}

#breadcrumb ul li.active {
    font-weight: bold;
}

#breadcrumb ul li:after {
    content: ">";
    margin: 0 8px;
}

#breadcrumb ul li.last:after {
    display: none;
}

#breadcrumb ul li a {
    color: #a3a1a1;
}
#breadcrumb ul li a:hover {
    color: #990033;
}

/* Submenu */
nav#containersubmenu{
	margin-top:30px;
	display:none;
}

nav#containersubmenu ul{
	margin:0px;
	padding:0;
}
nav#containersubmenu ul li,nav#containersubmenu ul li .active .submenu .first{
padding: 0;
margin: 0;
list-style-type: none;
border-bottom: 1px solid #fff;
}
nav#containersubmenu .level_2 li.last{
	border-bottom:none;
}
nav#containersubmenu ul.level_2 li a, nav#containersubmenu ul.level_2 li strong{
	background:#f1f2f4;
}
nav#containersubmenu ul li a:hover{
background: #990033;
color: #fff;
text-decoration: none;
}
nav#containersubmenu ul li strong.active:before{
	content:"»";
	color:#990033;
	font-size:1rem;
	padding-right:10px;
}

nav#containersubmenu ul li a, nav#containersubmenu ul li strong{
	display: block;
    font-size: 0.875rem;
    line-height: 36px;
    padding: 0 9px;
    background: #e7e7e7;
    color: #a0a5a9;
    text-transform: uppercase;
}

nav#containersubmenu ul li a.trail,nav#containersubmenu ul li strong.active{
	border-bottom:1px solid #fff;
}
nav#containersubmenu ul ul li{

	display:block;
}

#cookiesettings{
	text-align:center;
}
.ce_cookiebar_opener a {
	display:inline-block;
  width: auto;
  color: #fff !important;
  background-color: #990033;
  border-radius: 30px;
  padding: 5px 10px;
  margin: 20px auto;
}

/* Callback Anfang*/
.microdrop-callback, .microdrop-callback-widget  {
	display:block;
	}

.microdrop-callback a{
	display:block;
	font-weight:400;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	width:65px;
	height:65px;
	text-align:center;
	line-height:80%;
	padding:10px 0 0 0;
	}
.microdrop-callback-widget {
	display:none;	
}
@media (min-width: 768px){
	
.microdrop-callback {
	display:block;
	background-color:#990033;
	position:fixed;
	right:0;
	top:430px;
	z-index:999;
	margin-right:0px;
	}

.microdrop-callback a{
	display:block;
	font-weight:700;
	font-size:25px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	width:50px;
	height:50px;
	text-align:center;
	padding:13px 5px;
	}

.microdrop-callback-widget {
	display:none;
	background-color:#fff;
	position:fixed;
	right:0;
	top:100px;
	z-index:9999;
	webkit-box-shadow:0 0 10px 0 #ccc;
	-moz-box-shadow:0 0 10px 0 #ccc;
	box-shadow:0 0 10px 0 #ccc;
	padding:20px;
	}
.microdrop-callback-widget .close {
	margin-top:15px;
	padding:5px;
	text-align:right;
	text-transform:uppercase;
	font-size:16px;
	border: 2px solid #f2f2f2;
	}
.microdrop-callback-widget .callback-phonebtn{}
.phoneservice .fa-phone{
	margin-left:10px;
}
.microdrop-callback-widget h2 {
	padding-top:0px;
	padding-bottom:5px;
	}
.microdrop-callback-widget p {
	padding-top:14px;
	}

.microdrop-callback-widget .callback-form{
	border: 2px solid #f2f2f2;
	padding: 20px;
}
.microdrop-callback-widget .callback-form label{
    display: block;
    padding-bottom: 0;
    padding-top: 4px;
    text-indent: 5px;
    font-size:16px;

}
.widget .widget-text .mandatory{
	text-align:left;
}
.microdrop-callback-widget .callback-form input{
	width:100%;
	background-color: #f2f2f2;
	outline: 0px;
	border: 0px;
	line-height: 30px;
	padding: 0 5px 0 15px;
}
.microdrop-callback-widget .callback-form .submit_container,.widget-submit {
    padding-top: 15px;
}
.microdrop-callback-widget .widget-submit .submit{
	padding:2px 10px;
	color:#fff;
	background-color:#990033;
	cursor: pointer; 
}
}

/* CALL BACK ENDE*/


/* ---- Ergänzungen 2026 ---- */
.mm-menu .level_1 li.active strong.active,
.mm-menu .level_2 li.active strong.active,
.mm-menu .level_3 li.active strong.active{
	padding: calc((var(--mm-listitem-size) - var(--mm-lineheight)) / 2) 0;
	padding-left:20px;
}
/*.mm-listitem__btn, .mm-listitem__text {
    padding: calc((var(--mm-listitem-size) - var(--mm-lineheight)) / 2) 0;
}*/