.header{width:100%;background-color:#111111;z-index:1000;position:fixed;top:0;}
.header{height:45px;}
.header *{color:#ffffff;}
.header .background{z-index:1001;position:fixed;top:45px;left:0;width:100%;height:100%;background-color:rgb(255,255,255);}
.header .background{visibility:hidden;opacity:0;}
.header.open .background{visibility:visible;opacity:0.4;}
.header > .inner > *{position:relative;}

.header div > span{vertical-align:middle;}
.header a,.header p{font-family: 'blenderpro-webfont',sans-serif;font-weight:300;}
.header a{cursor:pointer;text-decoration:none;}
.header p{/*cursor:pointer;*/line-height: 1em;}

.header .menu{z-index:1002;background-color:#111111;}

.header .menuboxes{padding:0;width:100%;}
.header .menuboxes > div{height:0;display:block;float:left;position:relative;}
.header .menuboxes > div.rectangle{width:100%;}
.header .menuboxes > div > a{background-color:#444444;display:block;width:100%;height:100%;padding:0;margin:0;text-align:center;position:absolute;top:0;left:0;z-index:1;font-size:16px;transition-property: width,box-shadow,font-size,z-index,margin,padding;}
.header .menuboxes > div > a.normal:hover{font-size:17px;padding:2%;margin:-2%;z-index:11;-webkit-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.75);box-shadow: 0px 0px 25px 5px rgba(0,0,0,0.75);}
.header .menuboxes > div > a > span{position:relative;top:50%;margin-top:-8px;display:block;}

.header .lang_funct .menuboxes{position:relative;}
.header .lang_funct .search{position:relative;padding:0;width:100%;}
.header .lang_funct .search > div{height: 0;padding: 10px 0 38px 0;display: block;position: relative;}
.header .lang_funct .search form{margin-bottom:0;}
.header .lang_funct .search form > p{display:none;}
.header .lang_funct .search fieldset{padding:0;margin:0;border:none;position:relative;}
.header .lang_funct .search fieldset > legend,
.header .lang_funct .search fieldset > input,
.header .lang_funct .search fieldset > label,
.header .lang_funct .search fieldset > .tx-indexedsearch-form label{display:none;}
.header .lang_funct .search fieldset > .tx-indexedsearch-form{padding: 0 38px 0 0;width: 100%;box-sizing: border-box;}
.header .lang_funct .search fieldset > .tx-indexedsearch-form input{width:100%;border:none;padding:0 3px;height:28px;font-size: 14px;box-sizing: border-box;}
.header .lang_funct .search fieldset > .tx-indexedsearch-search-submit{position:absolute;right:5px;top:0;}
.header .lang_funct .search fieldset > .tx-indexedsearch-search-submit input{margin:0;padding:0;border:none;width:28px;height:28px;background-color: unset;cursor: pointer;}


.header .login{position:relative;padding:0;}
.header .login > div{margin-bottom:15px;display: block;position: relative;}
.header .login form{margin-bottom:0;}
.header .login fieldset{padding:0;margin:0;border:none;position:relative;}
.header .login fieldset > div.input{padding: 0 38px 0 0;margin:10px 0;width: 100%;box-sizing: border-box;}
.header .login fieldset > div input{width:100%;border:none;padding:0 3px;height:28px;font-size: 14px;box-sizing: border-box;background-color: #5ba1bb!important;color: #ffffff!important;}
.header .login fieldset > .button{
margin: 0;
padding: 0;
border: none;
width: 28px;
height: 28px;
position:absolute;right:5px;color: white;background-color: unset;cursor: pointer;}
.header .login fieldset > .button.info_button{top:10px;}
.header .login fieldset > .button.info_button i {position: relative;top:5px;left: 8px;cursor:pointer;}
.header .login fieldset #loginHint {display:none;width:100%;min-width:175px;padding: 10px;border: 1px solid #d45649;background-color: #111111;box-sizing:border-box;}
.header .login fieldset > .button.login_button{top:48px;}

.header .tx-felogin-pi1 {font-family: "blenderpro-webfont",sans-serif;}
.header .tx-felogin-pi1 input {color: #222;}



.header .contact .address i {margin-right: 10px;}
.header .contact .address a:last-child i {margin-right: 0;}
.header .contact .address .qrcode {margin-top:10px;}
.header .contact .address .qrcode img {width:100%;display:block;}

.header .homelink .inner{display:block;margin:0 auto;overflow:hidden;white-space:nowrap;width:260px;}
.header .homelink i{padding:2px;position:relative;top:4px;}
.header .homelink a{position:relative;font-size:32px;margin-left:-30px;padding-left:40px;}
.header .homelink a #branding {color: #e23b22;}
.header .homelink a #branding2 {font-style: italic;}

.header .background,
.header .res_button,
.header .inner,
.header .menu,
.header .lang_funct,
.header .login,
.header .homelink,
.header .topmenu{transition-property:all;transition-duration:0.5s;transition-timing-function:ease-in-out;}
.header .menuboxes > div > a,
.header .function .menuboxes > div > div{transition-duration:0.2s;transition-timing-function:ease;}

/*.header.open .background{visibility:visible;opacity:0.4;}*/


.header .topmenu .page .menuboxes a.metro222222{background-color: #222222;}
.header .topmenu .page .menuboxes a.metro333333{background-color: #333333;}
.header .topmenu .page .menuboxes a.metro666666{background-color: #666666;}
.header .lang_funct .search fieldset > .tx-indexedsearch-form input,
.header .topmenu .page .menuboxes a.metrod45649{background-color: #d45649;}
.header .langmenu .current,
.header .topmenu .page .menuboxes a.metro5ba1bb{background-color: #5ba1bb;}


@media only screen and (min-width: 1200px){
.header .res_button{display:none;}
.header > .inner{max-height:45px;position:relative;overflow:hidden;}
.header.open > .inner{max-height:600px;padding-bottom:15px;}

.header div > span{height:45px;display:table-cell;}

.header .homelink{position:absolute;right:36%;width:29%;z-index: 1005;}
.header.open .homelink{width:1%;right:71%}
.header.open .homelink .inner{width:30px;}

.header .lang_funct,.header .login{float:left;width:17%;box-sizing:border-box;}
.header.open .lang_funct,.header.open .login{padding:0 15px;}
.header .login{position:absolute;left;0;}
.header .login{bottom:-147px;}
.header.open .login{bottom:0px;}
.header .login > div{height: 0;padding:0 0 87px 0;}
.header .login fieldset #loginHint {position:absolute;}

/*----ohne Sprachmenü----*/
.header .login{top:93px;}
/*----mit Sprachmenü----*/
/*.header .login{bottom:-147px;}
.header.open .login{bottom:0px;}*/

.header .contact{float:left;margin-left:0;width:18%;padding-bottom:15px;}
.header .contact .inner{max-width:175px;margin:0 auto;}
.header .topmenu{float:right;width:36%;height:45px;}
.header.open .topmenu{width:64%;height:100%;}
.header .topmenu .page{width:25%;padding-right:15px;padding-bottom:15px;box-sizing:border-box;display:inline-block;position:relative;vertical-align:top;}

.header .menuboxes > div{padding:25% 0;}
.header .menuboxes > div.square{width:50%;}
}
@media only screen and (max-width: 1199px){
.header .res_button{display:block;width:25px;height:25px;position:absolute;top:5px;right:5px;padding:5px;z-index:1003;}
.header.open .res_button{right:310px;}
.header .res_button .res_line{width:100%;height:12%;margin-bottom:32%;background-color:#ffffff;display:block;transition: background-color 0.2s;}
.header .res_button .res_linelast{margin-bottom:0;}
.header .res_button:hover .res_line{background-color:#e23b22;}

.header > .inner{width:100%;}

.header .menu{height:100%;position:fixed;top:0;right:-300px;overflow-y:scroll;width:300px;min-width:inherit;}
.header.open .menu{right:0;}

.header .inner > div > span a,.header .inner > div > div > span a{line-height:45px;}

.header .lang_funct,
.header .topmenu,
.header .login,
.header .contact{margin:0 20px;}
.header .contact{margin-bottom:20px;}
.header .topmenu .page{display:block;position:relative;vertical-align:top;}

.header .login fieldset #loginHint {position:relative;}

.header .homelink{position:fixed;top:0;left:10px;z-index:1004;}
.header.open .homelink{width:1%;}

.header .menuboxes > div{padding:10% 0;}
.header .menuboxes > div.square{width:100%;}
}
@media only screen and (max-width: 599px){
.header.open .res_button{right:5px;}
.header .menu{top:45px;}
.header .contact{margin-bottom:65px;}
}