header .header {
	margin: 0px;
	background-color: rgba(255,255,255,1);	
	height: 110px;
}

/* 	Style wenn es ein Hintergrundbild gibt und die Navigation offen ist
	Bassierend auf dem optionalen Stylesheet Grau
*/
header .header.pattern:after {
	-webkit-transition: background 250ms;
	-moz-transition: background 250ms;
	transition: background 250ms;
}
header.T2883.S4783 .header.pattern.navopen:after { 
	background-position: top left, top left;
	background-size: auto 110px, auto auto;
	-webkit-transition: background 500ms;
	-moz-transition: background 500ms;
	transition: background 500ms;
}

header .header .maxwidth { position: relative; z-index: 100; height: 110px; }

header .header .logo {
	width: 250px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

header .header .logo img { width: 250px; height:auto; }
header .header #logo2 { display: none }

 
header .header .slogan {
	margin: 30px 0px 0px 50px;
	color: rgba(0, 0, 0, 0.3);
	float: left !important;
}

header .header .top {
	height: 63px;
}

header .header .top:after { display: block; content: ""; clear: both; }

header .header .bottomwrapper {
	float: right;
	max-height: 20px;
}

header .header .tel {
	position: static;
	color: rgba(0,0,0,0.5);
}


header .header .tel .digits { 
	font-weight: bold;
	color: #000;
} 

header .header .tel .digits a { text-decoration: none; color: #000; }


header #free_link { position: absolute; right: 90px; top: 21px; } 
header .header.hide_sum #free_link { top: 20px; right: 40px; }

header #free_link a { text-decoration: none; font-size: 25px; color: #000; } 
header.scrolled #free_link a { color: var(--signal_color, #000); }
header.scrolled #cart-sum .counter { background-color: var(--signal_color, #000); color: #fff; }


/* Search */


header .header .search {
	padding-left: 300px;
	padding-top: 22px;
}

header .header .button2 {
	display: inline-block;
	background-color: #fff;
	padding: 4px 15px 4px 15px;
	margin-right: 5px;
	cursor: pointer;
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}

header .header .button2.pulldown {
	padding-right: 33px;
	background-image: url(https://tramino.s3.amazonaws.com/s/root/719247/arrowdown.png);
	background-repeat: no-repeat;
	background-position: right 8px top -41px;
}

header .header .search .button2.pulldown.on {
	background-position: right 8px top 6px;
	border: none;
	background-color: #fff !important;
	position: relative;
	box-shadow: none;
	z-index: 100;
}

header .header input[type="submit"] {
	display: inline-block;
	border: 0px;
	margin: 0px;
	background-color: var(--signal_color,#BF2A00);
	padding: 4px 20px 4px 20px !important;
	cursor: pointer;
	text-align: center;
	font-size: 13px;
	line-height: 20px;	
	font-weight: bold;
	color: var(--signal_color_negativ,#FFFFFF);
	text-transform: uppercase;
}


header .header input[type="button"] {

	display: inline-block;
	border: 0px;
	margin: 0px;
	margin-left: 3px;
	background-color: var(--signal_color,#BF2A00);
	padding: 4px 20px 4px 20px !important;
	cursor: pointer;
	text-align: center;
	font-size: 13px;
	line-height: 20px;	
	font-weight: bold;
	color: var(--signal_color_negativ,#FFFFFF);
	text-transform: uppercase;
}

header .header.sticky {
	position: fixed !important;
	top: 0; left: 0; right: 0;
	z-index: 52;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}

header .header .button_wrapper { display: inline; }

#pattern1 {
}

header .breaking_news {	background-color: #ff3; }

header .breaking_news .maxwidth {
	color: #333;
	font-weight: bold;
	padding: 4px 0px 4px 0px;
}



@media (min-width:768px) {
	header .breaking_news .maxwidth { padding-left: 130px; }
}
@media (min-width:1024px) {
	header .breaking_news .maxwidth { padding-left: 230px; }
}
@media (min-width:1280px) {
	header .breaking_news .maxwidth { padding-left: 300px; }
}

	
#pattern2 {
	z-index: -1;
	position: relative;
}

#button {
	position: fixed;
	right: 0px;
	bottom: 15%;
	z-index: 1000;
}


header .nav_breadcrumb {
	position: absolute;
	top: 100%;
	left: 0px;
	padding: 0.3em 1em;
	background-color: #eee;
	box-shadow: 3px 3px 5px rgba(10,0,0,0.1);
	border-radius: 0 0em 0.4em 0.4em;
	min-width: 250px;
	box-shadow: inset 0px 1px 4px 0px #0002;
}



header .nav_breadcrumb ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

header .nav_breadcrumb ul:after { display: block; content: ""; clear: left; }

header .nav_breadcrumb ul li {
	margin: 0 0.3em 0 0;
	padding: 0;
	float: left;
	font-size: 0.8em;
	line-height: 1.1;
	color: rgba(0,0,0,0.7);
}

header .nav_breadcrumb ul li.home { margin-right: 0.8em; } 
header .nav_breadcrumb ul li span { display: inline-block; }
header .nav_breadcrumb ul li a { text-decoration: none; display: inline-block; color: rgba(0,0,0,0.7); }
header .nav_breadcrumb ul li .arr { display: inline-block; margin: 0 0 0 5px; }









header .searchbox_wrapper {
	position: absolute;
	top: 15px;
	right: 0;
}
header .searchbox_wrapper input { font-size: 15px; }

header .searchbox_wrapper .searchbox {
	display: flex;
	align-items: center;
}

header .searchbox_wrapper .searchbox input[name="query"] { margin-right: 10px; }
header .searchbox_wrapper .searchbox input[type="submit"] { padding: 2px 20px 2px 20px !important; }


header .quicknav  {
  background: #eee;
  box-shadow: inset 0px -1px 4px 0px #0001;
}

header .quicknav .maxwidth {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.8em;
}


header .quicknav_left {
  display: flex;
  flex-wrap: wrap;
}

header .quicknav_right {
  display: flex;
  flex-wrap: wrap;
}

header .quicknav a {
  text-decoration: none;
  color: inherit !important;
  margin-top: 0.9em;
  padding: 0.3em 1em 0.3em 1em;
  display: block;
  white-space: nowrap;
}

header .quicknav a i {
  margin-right: 0.3em;
}

header .quicknav_right a {
  margin-top: 0.8em;
  margin-left:  1em;
  border-radius: 0.3em;
  border: 1px solid #888;
}

header .quicknav_right a.prio9 {
  border: 2px solid #ec6500;
  color: #ec6500 !important;
}



/* Style the search box inside the navigation bar */
header .quicknav_right form {
  margin: 0px;
}

header .quicknav_right input {
  margin: 0.8em 0 0 1em;
  background: #fff;
  border: 0px;
  width: 12em;
  border-radius: 0.3em;
  padding: 0.2em 0.2em 0.2em 1em;
  font-size: inherit !important;
}




@media all and (max-width: 950px) {
  header .quicknav .maxwidth {  display: block; }
  header .quicknav .quicknav_left {  flex-wrap: nowrap; overflow-x: scroll; }
  header .quicknav a i {  display: none; }
  header .quicknav_left a { padding-left: 0em }
  header .quicknav_right a { margin-left: 0; margin-right: 0.5em; justify-content: space-between; }
  header .quicknav_right input { width: 8em; }
}#navwrapper {
	margin: 0 0 0 250px;
}
#navwrapper .top .left .search {
	padding-left: 50px !important;
}



header nav { float: left;  margin-left: 50px; }
header nav ul { margin: 0px;  list-style: none; padding: 0px; margin: 0px; margin-right: -20px; }
header nav ul:after { display: block; content: ""; clear: left; }

header nav ul li { float: left;padding: 0px; margin: 0px 20px 0px 0px; }
header nav ul li i { font-size: 42px; margin-top: 20px;}



header nav ul a { text-decoration: none; color: rgba(0,0,0,0.5); white-space: nowrap; display: block; }
header nav ul li.nav_aktiv a { color: rgba(0,0,0,1) !important; }
header nav ul li.nav_offen a { color: rgba(0,0,0,1) !important; }

header nav ul li a:hover { color: rgba(0,0,0,1); }

header nav ul li a .subheadline {
	font-size: 11px;
	font-weight: 400;
	display: block;
	margin: 0px 0 0 1px;
	opacity: 0.8;
}


/* Menü mit Untermenü */



header .header.show_subnav nav ul ul { 
	display: none; 
	position: absolute; 
	left: -12px; top: 120%; width: auto;
	z-index: 10000; 
	background-color: #fff;
	padding: 10px 0px;
	box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.1);
	min-width: 170px;
}

header .header.show_subnav.subheadline nav ul ul { top: 115%; }

header .header.show_subnav nav ul li:hover a { background-color: #fff; color: #000 !important; padding: 5px 12px; margin: -5px -12px; }
header .header.show_subnav nav ul li:hover a img{ color: #000 !important;  }
header .header.show_subnav nav ul li:hover a i{ background-color: #fff; color: #000 !important;  }
header .header.show_subnav ul.nav > li:hover div ul { display: block; }

#body.touchdevice header .header.show_subnav nav ul li:hover div ul { display: none; }
#body.touchdevice header .header.show_subnav nav ul li.firstclick div ul { display: block; }

header .header.show_subnav nav ul li { position: relative; }
header .header.show_subnav nav ul ul li { margin-right: 0px; }
header .header.show_subnav nav ul ul li a { display: block; padding: 3px 12px !important; margin: 0px !important; }


header .header.show_subnav nav ul ul li { float: none; white-space: nowrap; }
header .header.show_subnav nav ul ul a { padding: 3px 15px; margin: 0px; font-weight: normal; color: #666; }
header .header.show_subnav nav ul ul li:hover a { background-color: #eee !important; color: #000; }


header .header.show_subnav nav ul ul ul { display: none !important; } 

header .header .loginheader {
	position: absolute;
	top: 20px;
	right: 80px;
}


@media all and (max-width: 995px) {
	header .header nav ul ul {
		left: 120px;
		top: 0px;
	}
}#nav_icon_wrapper {
	position: absolute;
	top: 3px;
	right: 0px;
	z-index: 10;
}

#nav_icon {
	position: relative;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
}

#nav_icon .nav_line {
	position: absolute;
	left: 5px;
	width: 27px;
	height: 3px;
}

#nav_icon .nav_line1 {
	top: 16px;
	-webkit-transition: all 1s 0.2s ease, top 0.2s 0.4s linear, -webkit-transform 0.4s ease;
	transition: all 1s 0.2s ease, top 0.2s 0.4s linear, transform 0.4s ease;
}

#nav_icon .nav_line2 {
	top: 23px;
	-webkit-transition: opacity 0.4s 0.4s ease;
	transition: opacity 0.4s 0.4s ease;
}

#nav_icon .nav_line3 {
	top: 30px;
	-webkit-transition: all 1s 0.2s ease, top 0.2s 0.4s linear, -webkit-transform 0.4s ease;
	transition: all 1s 0.2s ease, top 0.2s 0.4s linear, transform 0.4s ease;
}

/* Clicked */

#nav_icon.clicked .nav_line1 {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top:23px;
	-webkit-transition: all 0.8s 0.2s ease, top 0.2s linear;
	transition: all 0.8s 0.2s ease, top 0.2s linear;
}

#nav_icon.clicked .nav_line2 {
	opacity:0;
	-webkit-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
}

#nav_icon.clicked .nav_line3 {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top:23px;
	-webkit-transition: all 0.8s 0.2s ease, top 0.2s linear;
	transition: all 0.8s 0.2s ease, top 0.2s linear;
}.T2883.S4506 .header {
	background-color: #880000 !important;
	/*position: fixed;*/
	top: 0px; left: 0px; right: 0px; z-index: 10;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.T2883.S4506.S7114 .header { background-color: rgba(136,0,0,0.8) !important;  }


.T2883.S4506 .header input[type="submit"], .T2883.S4506 .header input[type="button"] {
	background-color: #BF2A00 !important;
	color: #FFFFFF !important;
}

.T2883.S4506 #nav_icon .nav_line { background-color: #FFFFFF !important; }

.T2883.S4506 .header .tel { color: #C68786 !important; }
.T2883.S4506 .header .tel .digits { color: #FFFFFF !important; }
.T2883.S4506 .header .tel .digits a { color: #FFFFFF !important; } 

.T2883.S4506 #lang a { color: #C68786 !important; }
.T2883.S4506 #lang a:hover { color: #FFFFFF !important; }
.T2883.S4506 #lang .pulldown { background-color: #800 !important; }
.T2883.S4506 #lang a:hover { background-color: #800 !important; }


.T2883.S4506 .header nav ul a { color: #C68786; }
.T2883.S4506 .header nav ul li.nav_aktiv > a { color: #fff !important;}

.T2883.S4506 .header nav ul li a:hover { color: #FFF !important; }
.T2883.S4506 .header nav ul li.nav_aktiv:hover > a { color: #000 !important; }
.T2883.S4506 .header nav ul li.nav_offen > a { color: #fff !important;}


.T2883.S4506 .header.show_subnav nav ul li a:hover { color: #000 !important; }
.T2883.S4506 .header.show_subnav nav ul li ul li.nav_aktiv a { color: #000 !important; }


.T2883.S4506 #cart-sum { color: #FFFFFF; }

.S8071 .header { background-color: #333333 !important; }
.S8071.S7114 .header.navopen { z-index: 100;  }



.S8071 .header nav ul a { color: #fffa !important; }
.S8071 .header nav ul li.nav_aktiv > a { color: #fff !important; }


.T2883.S4506 .header nav ul li a:hover { color: #EEEEEE !important; }
.T2883.S4506 .header nav ul li.nav_aktiv:hover > a { color: #fff !important; }

.S8071 #lang a { color: #fff !important; }
.S8071 #free_link a { color: #fff !important; }

.S8071 .header.show_subnav nav ul li:hover > a  { background-color: #FFFFFF !important; }
.S8071 .header.show_subnav nav ul ul li:hover a  { background-color: #FFFFFF !important; }

.S8071 .header .tel .digits { color: #FFF; }
.S8071 .header .tel .digits a { color: #FFF; }


/*.S8071 #menu_search { color: #FFF; }*/
.peopleselect-open .S8071 #menu_search,
.datepicker-open .S8071 #menu_search { color: #000; }

.S8071 #cart-sum { color: #FFF; }

/* Buchungs-Buttons */
.T2883.S8071.S5559 .header .button2 {  border-color: #fffc; color: #fff; font-weight: bold; position: relative; background: none; }
.off .T2883.S8071 .header .button2:before {
	color: #fff;
	content: "\25BC";
	position: absolute;
	right: 0.9em;
	top: 0.8em;
	font-size: 0.6em;

}
.T2883.S8071.S5559 .header .button2.on {  color: #0006; }
.T2883.S8071.S5559 .header .button2.on:before {  color: #0006; }

/* Burger-Menü */
.T2883.S8071 #nav_icon .nav_line { background: #fff !important; }

body.Mandant_38901 header.S8071 .header.show_subnav nav ul li:hover a img { filter:  brightness(1) invert(1) !important; }


.S7832 .header { background-color: #edf8fb !important; }
.S7832.S7114 .header { background-color: rgba(237,248,251,0.8) !important;  }



.S7832 .header nav ul a { color: #4c7737 !important; }
.S7832 .header nav ul li.nav_aktiv > a{ color:#000 !important; }


.T2883.S4506 .header nav ul li a:hover { color: #FFF !important; }
.T2883.S4506 .header nav ul li.nav_aktiv:hover > a { color: #fff !important; }

.S7832 #lang a { color: #4c7737 !important; }

.S7832 .header.show_subnav nav ul li:hover > a  { background-color: #7bb45b !important; }
.S7832 .header.show_subnav nav ul ul li:hover a  { background-color: #7bb45b !important; }

.S4518 .header { background-color: #edf8fb !important; }
.S4518.S7114 .header { background-color: rgba(237,248,251,0.8) !important;  }



.S4518 .header nav ul a { color: #3A7FAD !important; }
.S4518 .header nav ul li.nav_aktiv > a{ color:#000 !important; }

.S4518 #lang a { color: #3A7FAD !important; }
.T2883.S4783 .header {
	background-color: #444 !important;
	/*position: fixed;*/
	top: 0px; left: 0px; right: 0px; z-index: 10;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.T2883.S4783.S7114 .header { background-color: rgba(68,68,68,0.8) !important;  }

#body .T2883.S4783 .header .button_wrapper input[type="submit"] { background-color: rgba(255,255,255,0.9) !important; color: #333 !important; }
#body .T2883.S4783 .header .button_wrapper input[type="button"] { background-color: rgba(255,255,255,0.9) !important; color: #333 !important; }

.T2883.S4783 #nav_icon .nav_line { background-color: #FFFFFF !important; }

.T2883.S4783 .header .tel { color: #C68786 !important; }
.T2883.S4783 .header .tel .digits { color: #FFFFFF !important; }
.T2883.S4783 .header .tel .digits a { color: #FFFFFF !important; } 

.T2883.S4783 .header .slogan {
	color: rgba(255, 255, 255, 0.5);
}


.T2883.S4783 .header nav ul a { color: rgba(255,255,255,0.7) !important; }
.T2883.S4783 .header nav ul li.nav_offen > a { color: #fff !important; }
.T2883.S4783 .header nav ul li.nav_aktiv > a { color: #fff !important;}
.T2883.S4783 .header nav ul li a:hover { color: #FFF !important; }
.T2883.S4783 .header nav ul li.nav_aktiv:hover > a { color: #000 !important; }


.T2883.S4783 .header.show_subnav nav ul li.nav_offen:hover a { color: #000 !important; }
.T2883.S4783 .header.show_subnav nav ul li a:hover { color: #000 !important; }
.T2883.S4783 .header.show_subnav nav ul li ul li.nav_aktiv a { color: #000 !important; }


/*
	.T2883.S4783 .header nav ul li a:hover { color: #FFFFFF !important; background-color: transparent !important; }
*/

/* .T2883.S4783 .header.show_subnav nav ul ul { box-shadow: none; } */

.T2883.S4506 .header.show_subnav nav ul ul a:hover { background-color: transparent !important; }

.T2883.S4783 #cart-sum { color: #FFFFFF;  }




.T2883.S4783 #lang > ul > li > a { color: #fff; }
.T2883.S4783 #lang a:hover { color: #000; background-color: #fff; }
.T2883.S4783 #lang .pulldown { background-color: #fff; }




/*
.S4618 .header {
	background-color: rgba(255,255,255,0.1);
}

.S4618.S7114 .header { background-color: rgba(255,255,255,0.8) !important;  }

.S4618 .header.navopen {
	background-color: rgba(255,255,255,1);
}
*//*
.S4617 .header {
	background-color: rgba(100,100,100,0.1);
}

.S4617.S7114 .header { background-color: rgba(100,100,100,0.8) !important;  }


.S4617 .header.navopen {
	background-color: rgba(100,100,100,1);
}
*/.S4516 .header { background-color: #FFFFFF !important;  }
.S4516.S7114 .header { background-color: rgba(255,255,255,0.8) !important;  }
.S4516 .header .tel .digits a { color: #000; }
.S4516 .header .tel .digits  { color: #000; }
.S4516 .header .button2 { background-color: #EEEEEE !important; }
.S4516 #nav_icon .nav_line { background-color: #000000 !important; }

.T2883.S4516 .header nav ul a { color: #666; }
.T2883.S4516 .header nav ul li.nav_aktiv > a { color: #000; }

.T2883.S4516 #lang a { color: #666; }
.T2883.S4516 #lang a:hover { color: #000; }

.T2883.S4516 .header nav ul li a:hover { color: #000 !important; }

@media all and (min-width: 1024px) {
	
	#body .T2883.S4783.S8859 .header, #body header.S8859, #body header .S8859 {
	    background: transparent !important;
	    box-shadow: none !important;
	}

	#body .T2883.S4783.S8859 .header {
		position:fixed;
	}

	#body.scrollDown .T2883.S4783.S8859 .header {
	    background: #fff !important;
	    height: 50px;
	    box-shadow: 0px 0px 10px rgb(0 0 0 / 50%) !important;
	}

	#body .S8859 img#logo2 {
	    width: 110px;
	    padding: 5px;
	}

	#body .T2883.S4783.S8859 .header nav > div > ul > li > a {
	    font-family: 'Teko', sans-serif;
	    text-transform: uppercase;
	    font-weight: normal !important;
	    font-size: 36px !important;
	    display: inline-block;
	    margin-bottom: -10px;
	}
	
	#body .T2883.S8859 .header nav ul ul li.nav_aktiv > a, #body .T2883.S8859 .header nav ul ul li.nav_offen > a {
		text-decoration:underline;
	}

	#body header.S8859 .header .logo, #body header .S8859 .header .logo {
	    top: 35px;
	}

	#body.scrollDown header.S8859 .header .logo, #body.scrollDown header .S8859 .header .logo {
	    top: 0px;
	}

	#body.scrollDown header.S8859 .header .top, #body.scrollDown header .S8859 .header .top {
	    height: 5px;
	}

	#body.scrollDown .S8859.T2883 nav {
		margin-left: 0!important;
	}

	#body.scrollDown .S8859.T2883.S4783 .header nav ul a {
		color: #333 !important;
	}

	#body.scrollDown .S8859.T2883.S4783 #cart-sum {
    	color: #333;
	}
	
	#body.scrollDown #search {
		top: 5px;
	}
	
	#body .S8859.T2883 .icon-search {
    	color: #fff;
	}
	
	#body.scrollDown .S8859.T2883 .icon-search,  #body.search .S8859.T2883 .icon-search {
    	color: #333;
	}

	#body.scrollDown .S8859 #header-cart {
    	top: 12px;
	}
	

	#body.scrollDown header.S8859 .header .tel, #body.scrollDown header .S8859 .header .tel {
    	display: none;
	}

	#body header.S8859 .header .tel .digits, #body header .S8859 .header .tel .digits {
		font-weight: 400 !important;
	}
	
	#body header.S8859 nav li a img, #body header .S8859 nav li a img {
  		margin: 0 auto !important;
	    width: 50px !important;
    	height: 50px !important;
	}

	#body header.S8713.S8859 .header.show_subnav nav > div > ul > li:hover > a, #body header .S8713.S8859 .header.show_subnav nav > div > ul > li:hover > a {
    	background: #0d8193;
	    color: #fff !important;
	}

	#body.scrollDown .S8859 nav img {
    	display: none;
	}

	#body.scrollDown header.S8859 .header .maxwidth, #body.scrollDown header .S8859 .header .maxwidth {
    	height: 50px;
	}
	

}

@media all and (max-width: 1024px) {


	.Mandant_2175 #TraminoInhalt > section:first-of-type{ margin-top: 55px !important; }

	#body .S8859 .header {
	    background: #fff !important;
	    color: #000 !important;
		position:fixed !important;
	}
	
	#body header.S8859 .logo, #body header .S8859 .logo {
	    padding: 8px 10px;
	}
	
	#body header.S8859 #nav_icon .nav_line, #body header .S8859 #nav_icon .nav_line {
	    background-color: #000 !important;
	}
	
	#body header.S8859 div#cart-sum, #body header .S8859 div#cart-sum {
	    color: #000 !important;
	}
	
	#body .S8859 nav ul li a {
	    color: #000 !important;
	    font-size: 24px !important;
	    padding: 5px 15px !important;
	}
	
	#body .S8859 nav ul li li a {
	    font-size: 18px !important;
	    padding: 5px 25px !important;
	}
}
header.T2883.S7114 .header {
	background-color: rgba(255,255,255,0.4) !important;
}

/* Berggenuss Birgsau */
.Mandant_2175 header.T2883.S7114 .header {
	background-color: rgba(255,255,255,0) !important;
}
.S5559 .header .button2 {
	box-shadow: none;
	border: 2px solid #bbb;
	border-radius: 5px;
	padding: 3px 15px 3px 15px;
	background-color: transparent !important;
}

#body .S5559 .header .button2.pulldown.on {
	box-shadow: none;
	border: 2px solid #bbb;
	border-radius: 5px 5px 0px 0px;
	border-color: #fff !important;
	background-color: #fff !important;
	position: relative;
	z-index: 10000;
}

body#body .T2883.S5559 .header .button_wrapper input[type=submit], body#body .T2883.S5559 .header .button_wrapper input[type=button] {
	box-shadow: none;
	border: 2px solid #bbb;
	border-width: 2px;
	border-style: solid;
	border-radius: 5px;
	background-color: transparent !important;
	color: #bbb !important;
}

body#body .S5559 .header #cart-button-next {
	color: #000 !important;
}


.S5560 .header .logo {
	bottom: 0px;
	top: auto;
}.S6318 .header .logo {
	top: -50%;
	bottom: auto;
}



.S6318 .header.navopen.oversizedLogo .logo {
	top: 0;
	bottom: auto;
}



.Mandant_31422 .S6318 .header .logo { top: 15%; }


.S6318 .header.sticky .logo {
	top: 0px;
	bottom: auto;
}

.S6995 .header.show_subnav nav ul li:hover > a {
	background-color: var(--hover-bg-color, rgba(0,0,0,0.5)) !important;
	color: var(--hover-color, #fff) !important;
}


.S6995 .header.show_subnav nav ul ul li:hover a  {
	background-color: var(--hover-bg-color, rgba(0,0,0,0.5)) !important;
	color: var(--hover-color, #fff) !important;
}


.S8062 .header nav > div > ul > li > a {
	font-weight: 100 !important;
}.S7722 .header nav > div > ul > li > a {
	font-size: 1.4rem !important;
	line-height: 1 !important;
}@media all and (min-width: 1024px) and (max-width: 1279px) {

	/*vorher root*/
	#navwrapper .top .left .search { padding-left: 35px !important; }


	header .header { height: 88px;  }
	header .header .maxwidth { height: 88px; }

	header .header:after { background-size: auto 100px; }
	header .T2883.S4783 .header.pattern.navopen:after { 
		background-position: top left, top left;
		background-size: auto 88px, auto 88px;
	}
	
	header .header .top { height: 50px; }
	header .header .logo {
		width: 200px;
	}
	header .header .logo img { width: 100%; height: auto; }	

	header .header input[type="submit"] {
		padding: 3px 18px !important;
		font-size: 11.5px !important;
	}

	header .header input[type="button"] {
		padding: 3px 18px !important;
		font-size: 11.5px !important;
	}

	#body header .header .button2.pulldown { font-size: 13px !important; }
	#body.S4509 header .header .button2.pulldown { font-size: 12px !important; }

	header .header .search { 
		padding-left: 220px;
		/*padding-top: 3px;*/
	}
	#navwrapper { margin-left: 200px; }
	#navwrapper .top .left .search { padding-top: 15px; }
	header .header nav { margin-left: 35px; }

	
	header .header nav ul li { margin: 0 15px 0 0; }
	

	header .header.show_subnav nav ul li:hover a { padding: 4px 10px; margin: -5px -10px; }
	
	#body header .header .nav a.fontsize_large {
    	font-size: 14.5px !important;
	}


	#body header .header .tel .digits { font-size: 14.5px; }
	
	header .header .slogan {
		margin: 20px 0px 0px 35px;
	}
	
	.T2883 #button img { width: 110px; height: auto; }

	header #free_link { position: absolute; right: 90px; top: 18px; } 
	header .header.hide_sum #free_link { right: 40px;top: 18px; } 
	
}

@media all and (min-width: 768px) and (max-width:1023px) {

	/*vorher root*/
	#navwrapper .top .left .search { padding-left: 20px !important; }

	header .header { height: auto; min-height: 55px; background-color: #FFF; }
	header .header .maxwidth { height: auto; }

	header .header .loginheader { right: 140px; }
	header .header:after { background-size: auto 55px; }
	header .T2883.S4783 .header.pattern.navopen:after { 
		background-position: top left, top left;
		background-size: auto 55px, auto 55px;
	}
	
	#navwrapper.responsive_hidden {
		max-height: 0;
		overflow: hidden;
		padding-top: 55px;
		-webkit-transition: max-height 250ms;
		-moz-transition: max-height 250ms;
		transition: max-height 250ms;
	}

	header .header.navopen #navwrapper.responsive_hidden {
		max-height: 500px;
		-webkit-transition: max-height 500ms;
		-moz-transition: max-height 500ms;
		transition: max-height 500ms;
	}

	header .header input[type="submit"] {
		padding: 4px 12px 2px 12px;
		-webkit-appearance: none;
	}

	header .header input[type="button"] {
		padding: 4px 12px 2px 12px;
		-webkit-appearance: none;
	}

	#nav_icon { display: block; }

	header .header .logo {
		position: absolute;
		top: 0;
		left: 0;
		float: none;
		width: 125px;
		height: auto;	
	}
	header .header .logo img { width: 100%; height: auto; }	

	header .header .logo.fixheight {
		width: auto;
		height: 55px;
	}
	
	header .header .logo.fixheight img { 
		width: auto; 
		height: auto;
		max-height: 55px;
		-webkit-transition: max-height 400ms;
		-moz-transition: max-height 400ms;
		transition: max-height 400ms;
	}


	header .header .top { height: auto; }
	header .header .search { padding: 10px 0 0 0; }

	header .header nav { float: none; padding: 20px 0 20px 20px; margin: 0;}
	header .header nav ul li { float: none; margin: 0px 0px 5px 0px; }

	header .header.show_subnav nav ul ul { position: static; top: auto; left: auto; box-shadow: none; }
 	header .header.show_subnav nav ul ul li { margin: 0px 0px 3px 0px; }
	

	header .header .bottomwrapper { padding: 10px 0 15px 20px; max-height: unset; }
	header .header .bottomwrapper .tel { display: block; margin-right: 15px; }

	#navwrapper  { padding-top: 100px;  margin: 0; }

	header .header .slogan {
		margin: 20px 0px 0px 35px;
	}

	.T2883 #button img { width: 100px; height: auto; }
	#button.longsize img { width: 160px; height: auto; }
	
	header #free_link { top: 15px; right: 145px; }
	header .header.hide_sum #free_link { right: 100px;top: 15px; } 

	header #free_link a { color: #000; }
}

@media all and (min-width: 568px) and (max-width: 767px) {

	header .header { height: auto; min-height: 55px; background-color: #FFF; }
	header .header .maxwidth { height: auto; }
	header .header:after { background-size: auto 55px; }
	header .header .loginheader { top: 18px; right: 135px; }

	header .T2883.S4783 .header.pattern.navopen:after { 
		background-position: top left, top left;
		background-size: auto 55px, auto 55px;
	}
	
	#navwrapper.responsive_hidden {
		max-height: 0;
		overflow: hidden;
		padding-top: 55px;
		-webkit-transition: max-height 250ms;
		-moz-transition: max-height 250ms;
		transition: max-height 250ms;
	}

	header .header.navopen #navwrapper.responsive_hidden {
		max-height: 500px;
		-webkit-transition: max-height 500ms;
		-moz-transition: max-height 500ms;
		transition: max-height 500ms;
	}

	header .header input[type="submit"] {
		padding: 4px 12px 2px 12px;
		-webkit-appearance: none;
	}

	header .header input[type="button"] {
		padding: 4px 12px 2px 12px;
		-webkit-appearance: none;
	}

	#nav_icon { display: block; }

	header .header .logo {
		position: absolute;
		top: 0;
		left: 0;
		float: none;
		width: 125px;
		height: auto;	
	}

	header .header .logo.small {
		width: 110px;
	} 

	header .header .logo img { width: 100%; height: auto; }	

	header .header .logo.fixheight {
		width: auto;
		height: 55px;
	}
	
	header .header .logo.fixheight img { 
		width: auto; 
		height: auto;
		max-height: 55px;
		-webkit-transition: max-height 400ms;
		-moz-transition: max-height 400ms;
		transition: max-height 400ms;
	}

	
	header .header .top { height: auto; }
	header .header .search { padding: 10px 0 0 0; }

	header .header nav { float: none; padding: 20px 0 20px 20px; margin: 0;}
	header .header nav ul li { float: none; margin: 0px 0px 5px 0px; }

	header .header.show_subnav nav ul ul { position: static; top: auto; left: auto; box-shadow: none; }
 	header .header.show_subnav nav ul ul li { margin: 0px 0px 3px 0px; }

	header .header nav ul li a .subheadline {
		font-size: 10px;
		margin: 1px 0 0 1px;
	}


	.T2883 #button img { width: 90px; height: auto; }
	#button.longsize img { width: 150px; height: auto; }


	header .header .bottomwrapper { padding: 10px 0 15px 20px; max-height: unset; }
	header .header .bottomwrapper .tel { display: block; margin-right: 15px; }

	#navwrapper  { padding-top: 90px; margin: 0;  }
	/*vorher root*/


	#navwrapper .top .left {
		float: none !important;
	}

	#navwrapper .top .left .search { padding-left: 20px !important; }

	header #free_link { top: 14px; right: 145px; }
	header .header.hide_sum #free_link { right: 100px;top: 13px; } 

	header #free_link a { color: #000; }
	
}

@media all and (max-width: 567px) {

	header .header { height: auto; min-height: 55px; background-color: #FFF; }
	header .header .maxwidth { height: auto; }

	header .header .loginheader { top: 19px; right: 135px; }
	header .header:after { background-size: auto 55px; }
	header .T2883.S4783 .header.pattern.navopen:after { 
		background-position: top left, top left;
		background-size: auto 55px, auto 55px;
	}
	
	#navwrapper.responsive_hidden {
		max-height: 0;
		overflow: hidden;
		padding-top: 55px;
		-webkit-transition: max-height 250ms;
		-moz-transition: max-height 250ms;
		transition: max-height 250ms;
	}

	header .header.navopen #navwrapper.responsive_hidden {
		max-height: 500px;
		overflow-y: scroll !important;
		-webkit-transition: max-height 500ms;
		-moz-transition: max-height 500ms;
		transition: max-height 500ms;
	}

	header .header input[type="submit"] {
		padding: 4px 12px 2px 12px;
		-webkit-appearance: none;
	}

	header .header input[type="button"] {
		padding: 4px 12px 2px 12px;
		-webkit-appearance: none;
	}

	#nav_icon { display: block; }

	header .header .logo {
		position: absolute;
		top: 0;
		left: 0;
		float: none;
		width: 125px;
		height: auto;
	}

	header .header .logo.small {
		width: 85px;
	} 

	header .header.oversizedLogo .logo img { 
		max-height: 200px; 
		overflow: hidden; 
		-webkit-transition: max-height 400ms;
		-moz-transition: max-height 400ms;
		transition: max-height 400ms;
	}

	

	header .header .logo img { width: 100%; max-width: 125px; height: auto; }

	header .header .logo.small img { max-width: 85px; }

	header .header .logo.fixheight {
		width: auto;
		height: 55px;
	}
	
	header .header .logo.fixheight img { 
		width: auto; 
		height: auto;
		max-height: 55px;
		-webkit-transition: max-height 400ms;
		-moz-transition: max-height 400ms;
		transition: max-height 400ms;
	}
	
	header .header .top { height: auto; }
	header .header .search { padding: 10px 0 0 0; }

	#menu_datepicker_display { display: block;  margin: 0 0 10px 0; }
	#menu_people_display { display: block; margin: 0 0 10px 0; }

	header .header .button_wrapper { display: block; float: right; }
	#menu_search:after { display: block; content: ""; clear: both; }

	header .header nav { float: none; padding: 20px 0 20px 0px; margin: 0;}
	header .header nav ul li { float: none; margin: 0px 0px 5px 0px; }

 	header .header.show_subnav nav ul ul { position: static; top: auto; left: auto; box-shadow: none; }
 	header .header.show_subnav nav ul ul li { margin: 0px 0px 3px 0px; }

	header .header nav ul li a .subheadline {
		font-size: 10px;
		margin: 1px 0 0 1px;
	}
	
	
	#button {
		top: 250px;
		bottom: auto;
	}

	.T2883 #button img { width: 75px; height: auto; }
	#button.longsize img { width: 145px; height: auto; }

	header .header .bottomwrapper { float: none; text-align: left; padding: 10px 0 10px 0px; max-height: unset; }
	header .header .bottomwrapper .tel { display: block; margin-right: 15px; }

	#navwrapper  { padding-top: 60px; margin: 0;  }

	/*vorher root*/
	
	
	#navwrapper .top .left {
		float: none !important;
	}

	#navwrapper .top .left .search { padding-left: 0px !important; }	
	
	header .header .slogan {
		margin: 30px 0px 0px 0px;
	}

	header .S6318 .header .logo.small {
		top: -30%;
		bottom: auto;
	}
	
	header #free_link { top: 14px; right: 140px; }
	header .header.hide_sum #free_link { right: 115px;top: 13px; } 

	header #free_link a { color: #000; }
}.S8709 .header {
	position: absolute;
	top: 4vw;
	width: 100%;
}.S8711 .header.show_subnav nav > div > ul > li:hover div ul {
	background-color: var(--hover-bg-color) !important;
	color: #fff !important;
}

.S8711 .header.show_subnav nav > div > ul > li:hover a {
	background-color: var(--hover-bg-color) !important;
	color: #fff !important;
}

.S8711 .header.show_subnav nav ul li ul li > a:hover {
	background-color: var(--hover-color) !important;
	color: #fff !important;
}

header.S8713 nav { position: absolute; top: 0px; }
header.S8713 nav ul li { margin: 0; }

header.S8713 #navwrapper { height: 100%; }
header.S8713 nav { height: 100%; }
header.S8713 nav > .ul { height: 100%; }

header.S8713 nav > .ul > ul  { display: flex; align-items: stretch; height: 100%; }
header.S8713 nav > .ul > ul > li { border-right-width: 0; }
header.S8713 nav > .ul > ul > li { float: none; border-right: 2px solid #ccc; }
header.S8713 nav ul > li > a { text-transform: uppercase; }
header.S8713 .header.show_subnav nav ul ul { left: 0; top: 100%; }
header.S8713 .header.show_subnav nav ul li:hover > a {  padding: 8px 30px 0 30px; }
header.S8713 .header.show_subnav nav ul li:hover a { background-color: #fff; color: #000 !important; padding: 8px 30px 0 30px; margin: 0 !important; }

header.S8713 .header.show_subnav nav ul li:hover > a > i { font-size: 48px;}
header.S8713 .header.show_subnav nav ul li:hover > a > img  { width: 48px; height: 48px;}
header.S8713 .header.show_subnav nav ul li > a > img, header.S8713 .header.show_subnav nav ul li > a > span > img { width: 42px; height: 42px; align-self: center; margin-bottom: 5px; margin-top: 16px; }

header.S8713 .header.show_subnav nav ul li ul li > a i { display: none;}
header.S8713 .header.show_subnav nav ul li ul li > a img { display: none;}

header.S8713 .header.show_subnav nav ul > li > a { height: 100%; margin: 0 ; padding: 8px 30px 0 30px; display: flex; flex-direction: column; }
header.S8713 .header.show_subnav #navwrapper > nav > .ul > ul > li > a { align-items: center; }
header.S8713 nav ul li i { font-size: 42px; align-self: center; margin-bottom: 15px;}

header.S8713 nav ul li.nav_aktiv a img, 
header.S8713 nav ul li.nav_offen a img { filter: saturate(100%) brightness(0) !important; }

header.S8713 nav ul li.nav_aktiv a , 
header.S8713 nav ul li.nav_offen a  {background-color: #fff; color: #000 !important;  }
header.S8071 .header nav ul li.nav_aktiv > a { color: #000 !important; }



@media all and (min-width: 1024px) and (max-width: 1279px) {

	header.S8713 nav ul li i { font-size: 30px; align-self: center; margin-bottom: 12px;}
	header.S8713 .header.show_subnav nav ul li > a > img, header.S8713 .header.show_subnav nav ul li > a > span > img { width: 30px; height: 30px; align-self: center; margin-bottom: 5px; margin-top: 16px;  }
	
	header.S8713 .header.show_subnav nav ul li:hover > a > i { font-size: 36px;}
	header.S8713 .header.show_subnav nav ul li:hover > a > img  { width: 36px; height: 36px;}

}

@media all and (min-width: 768px) and (max-width:1023px) {
	header.S8713 nav { position: relative; top: 0px; }
	header.S8713 nav > .ul > ul  { display: flex; flex-direction: column; align-items: flex-start; height: auto; }
	header.S8713 nav > .ul > ul > li { border-right-width: 0; }

	header.S8713 nav ul li i { font-size: 14px; align-self: center; margin: 0; padding-right: 6px; }
	header.S8713 .header.show_subnav nav ul li > a > img, header.S8713 .header.show_subnav nav ul li > a > span > img {width: 14px; height: 14px; margin: 0 6px 0 0; align-self: center;}
	header.S8713 .header.show_subnav nav ul > li > a { margin: 0 ; padding: 8px 30px 0 10px; display: flex; flex-direction: row; }
	header.S8713 .header.show_subnav nav ul li:hover a { background-color: #fff; color: #000 !important; padding: 8px 30px 0 10px; margin: 0 !important; }

	header.S8713 .header.show_subnav nav ul > li > span:first { align-self: center;}

	header.S8713 .header.show_subnav nav ul li:hover > a > i { font-size: 14px;}
	header.S8713 .header.show_subnav nav ul li:hover > a > img  { width: 14px; height: 14px; margin: 0 6px 0 0; }

	
}

@media all and (min-width: 568px) and (max-width: 767px) {

	header.S8713 nav { position: relative; top: 0px; }
	header.S8713 nav > .ul > ul  { display: flex; flex-direction: column; align-items: flex-start; height: auto; }
	header.S8713 nav > .ul > ul > li { border-right-width: 0; }
	header.S8713 nav ul li i { font-size: 14px; align-self: center; margin: 0; padding-right: 6px; }
	header.S8713 .header.show_subnav nav ul li > a > img, header.S8713 .header.show_subnav nav ul li > a > span > img {width: 14px; height: 14px; margin: 0 6px 0 0; align-self: center;}
	header.S8713 .header.show_subnav nav ul > li > a { margin: 0 ; padding: 8px 30px 0 10px; display: flex; flex-direction: row; }
	header.S8713 .header.show_subnav nav ul li:hover a { background-color: #fff; color: #000 !important; padding: 8px 30px 0 10px; margin: 0 !important; }
	header.S8713 .header.show_subnav nav ul > li > span:first { align-self: center;}

	header.S8713 .header.show_subnav nav ul li:hover > a > i { font-size: 19px;}
	header.S8713 .header.show_subnav nav ul li:hover > a > img  { width: 19px; height: 19px; margin: 0 6px 0 0; }

	
}

@media all and (max-width: 567px) {

	header.S8713 nav { position: relative; top: 0px; }
	header.S8713 nav > .ul > ul  { display: flex; flex-direction: column; align-items: flex-start; height: auto; }
	header.S8713 nav > .ul > ul > li { border-right-width: 0; }
	header.S8713 nav ul li i { font-size: 14px; align-self: center; margin: 0; padding-right: 6px; }
	header.S8713 .header.show_subnav nav ul li > a > img, header.S8713 .header.show_subnav nav ul li > a > span > img {width: 14px; height: 14px; margin: 0 6px 0 0; align-self: center;}
	header.S8713 .header.show_subnav nav ul > li > a { margin: 0 ; padding: 8px 30px 0 10px; display: flex; flex-direction: row; }
	header.S8713 .header.show_subnav nav ul li:hover a { background-color: #fff; color: #000 !important; padding: 8px 30px 0 10px; margin: 0 !important; }
	header.S8713 .header.show_subnav nav ul > li > span:first { align-self: center;}

	header.S8713 .header.show_subnav nav ul li:hover > a > i { font-size: 17px;}
	header.S8713 .header.show_subnav nav ul li:hover > a > img  { width: 17px; height: 17px; margin: 0 6px 0 0; }

	
}.S8715.S7114 .header { background-color: rgba(237,248,251,0.8) !important;  }



.S8715 .header nav ul a { color: #0066c8 !important; }
.S8715 .header nav ul li.nav_aktiv > a,
.S8715 .header nav ul li.nav_aktiv > a img,
.S8715 .header nav ul li.nav_aktiv > a i
{ color:#000 !important; }

.S8715 #lang a { color: #0066c8 !important; }

header.S8715 .header.show_subnav nav ul li a img { filter: invert(15%) sepia(72%) saturate(7390%) hue-rotate(201deg) brightness(101%) contrast(101%); }


header.S8715 .header.show_subnav nav ul li:hover a { color: #fff !important; }
header.S8715 .header.show_subnav nav ul li:hover a img { filter:  brightness(0) invert(1) !important; }