@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto-v18-latin-100.eot'); 
  src: local('Roboto thin'), local('Roboto-thin'),
  	url('fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-100.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-100.woff') format('woff'), 
       url('fonts/roboto-v18-latin-100.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-100.svg#Roboto') format('svg');        
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-v18-latin-300italic.eot'); 
  src: local('Roboto light italic'), local('Roboto-light-italic'),
  	url('fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-300italic.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-300italic.woff') format('woff'), 
       url('fonts/roboto-v18-latin-300italic.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg');        
}

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v18-latin-300.eot');
  src: local('Roboto Light'), local('Roboto-Light'),
       url('fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-300.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-300.woff') format('woff'), 
       url('fonts/roboto-v18-latin-300.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); 
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-v18-latin-900.eot');
  src: local('Roboto Bold'), local('Roboto-bold'),
       url('fonts/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-900.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-900.woff') format('woff'), 
       url('fonts/roboto-v18-latin-900.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-900.svg#Roboto') format('svg'); 
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin-regular.eot');
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), 
       url('fonts/roboto-v18-latin-regular.woff') format('woff'), 
       url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), 
       url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); 
}

html {
width: 100%; 
height: 100%; 
padding: 0%; 
margin: 0%; 
}
body {
width: 100%; 
height: 100%; 
padding: 0%; 
margin: 0%; 
font-family: 'Roboto', sans-serif, Arial, Verdana, Helvetica, Segoe, Sans, Lucida;
font-size: 1.0em; 
background-color: #FFFFFF; 
}

.zentrieren{
margin: 0px 0px 10px 0px; 
width: 96%; 
padding: 10px 0px 10px 0px; 
border: 0px solid #999999; 
}
#system-message-container{
margin: 100px 10% 5px 10%; 
width: 76%; 
padding: 10px 2% 10px 2%; 
}
#login-form{
margin: 0px 10% 100px 10%; 
width: 76%; 
padding: 10px 2% 10px 2%; 
font-size: 1.2em; 
border: 1px solid #999999; 
background-color: #F5F5F5; 
color: #000000; 
line-height: 1.5em; 
}
#login-form input{
padding: 8px; 
margin: 10px 0px 10px 40px; 
border: 1px solid #999999; 
border-radius: 50px; 
}
#login-form button.login-button{
padding: 8px 20px 8px 20px; 
margin: 10px 0px 10px 0px; 
border: 1px solid #999999; 
border-radius: 50px; 
font-size: 1.2em; 
background-color: #1E649A; 
color: #FFFFFF
}

#form-login-remember, ul.unstyled, .alert-heading, div.alert-error a.close{
display: none; 
}
div.alert-error{
font-size: 1.3em; 
line-height: 2.6em; 
font-weight: bold; 
}


#cookiehintinfo a:link, #cookiehintinfo a:visited{
text-decoration: none; 
color: #000000; 
margin: 0px 10px 0px 10px; 
}
#cookiehintinfo.text-center{
text-align: center; 
}
#redim-cookiehint .cookiecontent{
font-weight: 300; 
color: #000000 !important; 
}
#cookiehintsubmit{
background: #00A6EC !important;
}
#redim-cookiehint .cookiehead .headline::before{
background-size: 50px 50px;  
width: 60px !important;
height: 50px !important;
}
#redim-cookiehint .cookiehead .headline{
padding: 3px 0px 20px 70px !important;
}
#cookiehintsubmit {
    background: #1E649A !important;
    color: #fff !important;
}
#cookiehintsubmit:hover{ background:#DFDFDF !important; color: #000000 !important;}

/*span.null, span.eins, span.zwei, span.drei{
background-repeat: no-repeat; background-size: cover;width: 100%; height: 400px; position: absolute; left: 0px; top: 0px; display: block; border: 1px solid #FF0000; 
}
span.null{background-image: url(../../../images/headers/1.jpg);}
span.eins{background-image: url(../../../images/headers/2.jpg);}
span.zwei{background-image: url(../../../images/headers/3.jpg);}
span.drei{background-image: url(../../../images/headers/4.jpg);}*/
/*.mm_container{position: relative; background-color: #F6F7FA; }
.mm_untenmitte{border: 1px solid #FF0000; z-index: 2001; position: absolute; top: 175px; left: 0px; height: 50px; width: 100%; display: none;  }
.mm_links{float: left; border: 1px solid #FF0000; }
.mm_rechts{float: right; border: 1px solid #FF0000; }

.mm_links, .mm_rechts, .mm_knopf {cursor:pointer; z-index: 2000; display: none; }
span.mm_knopf {height:20px;width:20px;padding:0; border: 1px solid #FF0000; border-radius: 100px; background-color: #999999; opacity: 0.7;  display: none; }

.mm_slides{
position: relative; 
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
transition: 0.5s linear;
}
*/


.contact .totop{

}



.contact{
width: 80%; 
padding: 0px; 
margin: 0px 10% 0px 10%; 
overflow: hidden; 

}

.contact input, .contact textarea{
padding: 10px; 
margin: 0px 0px 20px 0px; 
border-radius: 20px; 
border: 1px solid #999999; 
max-width: 80%; 
}

.contact fieldset .control-group{
max-width: 80%; 
padding: 0px; 
margin: 0px 0px 0px 0px; 
}
.contact .btn{
padding: 10px; 
margin: 20px 0px 20px 0px; 
border-radius: 20px; 
border: 1px solid #999999; 
}

.visually-hidden{display: none; }
.com-content-category__table a{color: #333333; padding: 10px; border-radius: 20px; border: 1px solid #999999; text-decoration: none; background-color: #FFFFFF; }

.slidermm{
position: relative; 
display: block;
width: 100%; 
height: 400px;  
overflow: hidden; 
background-image: url(../../../images/headers/1.jpg);
background-repeat: no-repeat; background-size: cover;
border: 0px solid #FF0000; 
}
.wisch {}
.wusch_null, .wusch_eins, .wusch_zwei, .wusch_drei{
position: absolute; 
left: 0px; 
top: 0px; 
width: 100%; 
-webkit-transition: 1.5s linear;
-moz-transition: 1.5s linear;
-o-transition: 1.5s linear;
-ms-transition: 1.5s linear;
transition: 1.5s linear;
}
.wusch_null{opacity: 0.0; }
.wusch_eins{opacity: 0.0; }
.wusch_zwei{opacity: 0.0; }
.wusch_drei{opacity: 0.0; }
.wusch_null.zeigen{opacity: 1.0; }
.wusch_eins.zeigen{opacity: 1.0; }
.wusch_zwei.zeigen{opacity: 1.0; }
.wusch_drei.zeigen{opacity: 1.0; }


#logo{
margin: 25px 0px 0px 20px; 
padding: 0px 0px 0px 0px; 
border: 0px solid #FF0000; 
position: fixed; 
top: 10px; 
left: 0px; 
height: 100px; 
width: auto; 
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
transition: 0.5s linear;
}
#logo img{
height: 100px; 
width: auto; 
padding: 0px; 
margin: 0px; 
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
transition: 0.5s linear;
}

#kopf{
width: 100%; 
height: 170px; 
margin: 0px; 
padding: 0px; 
}
#kopf.fixiert{
border-bottom: 1px solid #999999;
border-top: 0px solid #999999;
border-left: 0px solid #999999;
border-right: 0px solid #999999;
position: fixed; 
top: 0px; 
left: 0px; 
width: 90%; 
height: 40px; 
margin: 0px; 
padding: 20px 0px 0px 10%; 
background-image: url(../images/weiss_95.png);
background-repeat: repeat; 
z-index: 500; 
}
#kopf.fixiert #logo{
border: 0px solid #FF0000; 
position: fixed; 
left: 20px; 
top: 0px; 
width: 120px; 
height: 100px; 
margin: 10px 0px 0px 0px; 
padding: 0px 0px 0px 0px; 

}
#kopf.fixiert #logo img{
width: auto; 
height: 80px; 
}
#kopf #menu_gross{
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-o-transition: 0.2s linear;
-ms-transition: 0.2s linear;
transition: 0.2s linear;
}

#kopf.fixiert #menu_gross{
top: 20px; 
margin: 0px; 
}

ul#obenrechts li a, ul#hauptmenu li a{
text-decoration: none; 
/*color: #000000; */
color: #1E649A; 
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
transition: 0.5s linear;
}
ul#obenrechts li a:hover, #content a:hover, ul#hauptmenu li a:hover, div.vzfpromodul a:hover, 
ul#obenrechts li a:focus, #content a:focus, ul#hauptmenu li a:focus div.vzfpromodul a:focus, div.vzfpromodul a:hover span.vzfpro, div.vzfpromodul a:focus span.vzfpro{
color: #000000; 
}

#content{ 
width: 100%; 
margin: 0px 0px 50px 0px; 
padding: 0px; 
border: 0px solid #FF0000; 
display: inline-block; 
}
#inhalte, .blog{ 
width: 100%; 
margin: 0px 0px 0px 0px; 
padding: 0px; 
border: 0px solid #FF0000; 
display: inline-block; 
}

.item-page, .search{
background-color: #F6F7FA; 
/*background: -moz-linear-gradient(top,  rgba(246, 247, 250, 1) 0%, rgba(255,255,255,0) 35%); 
background: -webkit-linear-gradient(top,  rgba(246, 247, 250, 1) 0%,rgba(255,255,255,0) 35%); 
background: linear-gradient(to bottom,  rgba(246, 247, 250, 1) 0%,rgba(255,255,255,0) 35%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00F6F7FA', endColorstr='#FFFFFF',GradientType=0 );*/
display: inline-block; 
width: 80%; 
padding: 0px 10% 50px 10%; 
font-size: 1.0em; 
font-weight: 300; 
}
.item-page h2{
padding: 20px 0px 10px 0px; 
margin: 0px 0px 0px 0px; 
font-weight: 500; 
line-height: 1.5em; 
border: 0px solid #FF0000; 
width: 100%; 
}
::-moz-selection { background: #B5C4D6; color: #000000; }
::selection { background: #B5C4D6; color: #000000; }
span.small{ font-size: 0.9em; line-height: 5px; padding: 0px; margin: 0px; }
span.highlight{ background: #B5C4D6 !important; border-radius: 20px; padding: 2px 15px 2px 15px !important; border: 0px solid #FFFFFF !important; font-weight: 500 !important; } 

table.mitarbeiter{width: 100%; padding: 0px; margin: 20px 0px 0px 0px; border-top: 1px solid #999999; }
table.mitarbeiter td{
width: 22%; 
padding: 0px 1% 0px 1%; 
}

.content-category{
display: inline-block; 
width: 80%; 
padding: 50px 10% 50px 10%; 
font-size: 1.1em; 
font-weight: 300; 
background-color: #F6F7FA; 
}
.content-category table{
width: 100%; 
display: inline-block; 
padding: 0px; 
margin: 0px; 
}

.content-category.drittelseite table tr{
width: 30%; 
}
.content-category table tr{
width: 100%; 
display: block; 
float: left; 
border: 0px solid #FF0000; 
}

td.list-title{
width: calc(92% - 2px); 
display: block; 
float: left; 
margin: 0px 3% 10px 3%; 
padding: 10px 1% 10px 3%; 
border: 1px solid #999999; 
border-radius: 100px; 
background-color: #FFFFFF; 
}
td.list-title a:link, td.list-title a:visited{
text-decoration: none; 
font-weight: 500; 
color: #000000; 
padding: 0px; 
margin: 0px; 
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
transition: 0.5s linear;
display: block; 
font-size: 0.9em; 
}
td.list-title:hover, td.list-title:focus{
background-color: #F5F5F5; 
}
td.list-title a:hover, td.list-title a:focus{
margin: 0px 0px 0px 10px; ; 
}
.item-page a, .blog a{
text-decoration: underline; 
color: #000000; 
/*color: #1E649A; */
font-style: italic; 
font-weight: 900;
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
transition: 0.5s linear;
padding: 0px 0px 0px 0px; 
}
.item-page a:hover, .item-page a:focus{
color: #1E649A !important;
padding: 0px 0px 0px 0px; 
}

.item-page img{
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
border-left: 30px solid transparent;
border-top: 5px solid transparent; 
border-bottom: 5px solid transparent; 
border-right: 30px solid transparent; 
}
.item-page table img{
border: 0px solid transparent; 
padding: 20px 0px 0px 0px; 
}

h3.pane-toggler, h3.pane-toggler-down, button.accordion-button{
display: inline-block; 
width: calc(96% - 2px); 
background-color: #FFFFFF; 
border: 1px solid #999999; 
border-radius: 50px; 
padding: 5px 2% 5px 2%;
margin: 20px 0px 0px 0px; 
font-size: 0.9em;
font-weight: 500;
text-align: left; 
}
h3.pane-toggler a, h3.pane-toggler-down a{
text-decoration: none;
}

div.accordion-collapse.collapse{
max-height: 0px; 
overflow: hidden; 
-webkit-transition: 1.0s linear;
-moz-transition: 1.0s linear;
-o-transition: 1.0s linear;
-ms-transition: 1.0s linear;
transition: 1.0s linear;
}
div.accordion-collapse.collapse.show{
max-height: 5000px; 
}
.pane-slider{
overflow-x: auto !important; 
padding: 5px 0px 20px 0px; 
}

table.preise{
border-top: 0px solid #999999;
border-left: 1px solid #999999; 
border-right: 1px solid #999999; 
border-bottom: 1px solid #999999; 
background-color: #FFFFFF; 
width: 100%; 
margin: 0px; 
padding: 0px; 
overflow-x: scroll; 
}
table.preise td{
background-color: #EFEFEF; 
padding: 5px;
}
table.preise td.grau{
background-color: #999999;
color: #FFFFFF;
font-weight: 400; 
line-height: 1.0em; 
}
table.preise td.spacer{width: 40px;}

ul#obenrechts{
list-style-type: none; 
width: 20%; 
margin: 0px 10% 0px 0px; 
padding: 0px; 
position: absolute; 
top: 75px; 
right: -5%; 
border: 0px solid #FF0000; 
}
ul#obenrechts li{
width: 100%; 
float: left; 
display: block; 
height: 25px; 

}
div.vzfpromodul{
width: 20%; 
height: 25px; 
margin: 0px 10% 0px 0px; 
padding: 0px; 
position: absolute; 
top: 50px; 
right: -5%; 
border: 0px solid #FF0000; 
}
div.vzfpromodul a, ul#obenrechts li a{
text-decoration: none; 
color: #1E649A;
font-weight: 900; 
}
div.vzfpromodul a span.vzfpro{
color: #1E649A; 
font-weight: 400; 
}

#menu_mittel{
display: none; 
}

/*#menu{
position: relative; 
top: 0px; 
height: 240px; 
hyphens: auto; 
border: 1px solid #FF0000; 
}*/

/*#menu_gross.fixiert{
border-bottom: 1px solid #999999;
border-top: 0px solid #999999;
border-left: 0px solid #999999;
border-right: 0px solid #999999;
position: fixed; 
top: 0px; 
left: 0px; 
width: 90%; 
height: 40px; 
margin: 0px; 
padding: 20px 0px 0px 10%; 
background-image: url(../images/weiss_95.png);
background-repeat: repeat; 
z-index: 500; 
}
#menu_gross.fixiert ul{
margin: 0px 0px 0px 2%;
}
#logo.fixiert{
position: fixed; 
top: 0px; 
left: 0px; 
width: 8%; 
max-height: 100px; 
z-index: 1000; 
}
#logo.fixiert img{
height: 110px; 
height: auto; 
max-width: 100%; 

padding: 0px; 
margin: 0px; 
}
*/
ul#obenrechts.fixiert{
position: fixed; 
top: 20px; 
right: -8%; 
z-index: 1001; 
width: 16%;
}
ul#obenrechts.fixiert li{
width: 48%; 

}

.vzfpromodul.fixiert{
position: fixed; 
top: 20px; 
right: 50px; 
z-index: 1002; 
width: auto; 
margin: 0px 18% 0px 0px; 
border: 0px solid #FF0000; 
}


#menu_gross #vzflogo{
display: none; 
position: fixed; 
top: 10px; 
left: 10px; 
width: 114px; 
height: 60px; 
z-index: 101; 
}

b.caret{

}
#menu_gross{
border: 0px solid #999999; 
position: absolute; 
top: 0px; 
left: 250px; 
z-index: 600; 
font-size: 1.0em; 
padding: 0px 0px 0px 0px; 
margin: 130px 0px 0px 0px; 
width: 55%; 
height: 40px; 
}
#menu_gross ul{
display: table; 
table-layout: fixed; 
list-style-type: none; 
width: 100%; 
max-height: 50px; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
position: absolute; 
border: 0px solid #999999; 
}

#menu_gross ul li{
border: 0px solid #999999; 
display: table-cell; 
padding: 0px 20px 0px 0px; 
margin: 0px 0px 0px 0px; 
width: auto; 
text-align: center;
position: relative; 
} 

#menu_gross ul li a:link, #menu_gross ul li a:visited{
text-decoration: none; 
color: #000000; 
font-weight: 300; 
-webkit-transition: 0.8s ease-in-out;
-moz-transition: 0.8s ease-in-out;
-o-transition: 0.8s ease-in-out;
-ms-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
}

#menu_gross ul li.active a:link, #menu_gross ul li.active a:visited{
color: #1E649A; 
font-weight: 700; 
}

#menu_gross ul li a:hover, #menu_gross ul li a:focus{
color: #002551; 
} 
#menu_gross ul li li a:link, #menu_gross ul li li a:visited{
color: #1E649A; 
text-align: left; 
}
#menu_gross ul li li a:hover, #menu_gross ul li li a:focus{
color: #002551; 
}

#menu_gross ul ul.dropdown-menu{
max-height: 5px; 
width: 160%; 
padding: 0px 0px 0px 0px; 
margin: 12px 0px 0px 0px; 
/*background-color: #00A6EC; */
position: relative; 
left: 0%; 
-webkit-transition: 0.2s ease-in;
-moz-transition: 0.2s ease-in;
-o-transition: 0.2s ease-in;
-ms-transition: 0.2s ease-in;
transition: 0.2s ease-in; 
background-repeat: repeat; 
overflow: hidden; 
display: inline-block;

}
#menu_gross ul ul.dropdown-menu.gehovert, #menu_gross ul#slider ul.offen{
background-image: url(../images/weiss_90.png);
max-height: 1500px; 
width: 160%; 
border-top: 0px solid #999999; 
border-right: 1px solid #999999; 
border-bottom: 1px solid #999999; 
border-left: 1px solid #999999; 
padding: 0px 0px 20px 0px; 
margin: 18px 0px 0px 0px; 
overflow: visible; 
}
#menu_gross ul ul.dropdown-menu li{
position: relative; 
width: auto; 
display: inline-block; 
left: 0%; 
text-align: left; 
padding: 5px 20px 5px 0px; 
margin: 0px; 
overflow: visible; 
display: block; 
width: 100%; 
}

#menu_gross ul#slider ul ul{
height: 10px; 
width: 10px; 
padding: 0px 0px 0px 0px;
margin: 0px; 
position: absolute; 
left: 60%; 
top: 0px !important; 
border: 0px solid #999999;
overflow: hidden; 
z-index: 3000; 
}

#menu_gross ul#slider ul ul.offen{
background-image: none; 
top: -22px !important; 
display: inline-block; 
height: auto; 
overflow: visible; 
-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5);
padding: 20px 0px 20px 0px;
border: 1px solid #999999;
background-color: #FFFFFF; 
}


#menu_gross ul#slider ul ul.offen li{
background-image: none;
display: block; 
float: left;
width: 100%; 
margin: 2px 0px 0px 0px; 
}
#menu_gross ul ul.dropdown-menu ul.offen li{
padding: 2px 20px 2px 0px;
}
#menu_gross ul ul.dropdown-menu ul li a:link, 
#menu_gross ul ul.dropdown-menu ul li a:visited{
line-height: 1.0em; 
}



/*#menu_gross li.dropdown ul{
padding: 10px 0px 10px 0px; 
margin: 0px; 
border: 0px solid #CCCCCC; 
display: block; 
}*/
#menu_gross ul ul.dropdown-menu li:first-child{
background-image: url(../images/pfeil_1.png);
background-repeat: no-repeat; 
background-position: 65px top; 
background-size: 12px 12px; 
padding: 10px 20px 5px 0px; 
margin: 0px; 
}
#menu_gross ul ul.dropdown-menu.gehovert li:first-child{
background-image: none;
}

#menu_gross ul ul.dropdown-menu li a:link, #menu_gross ul ul.dropdown-menu li a:visited, #menu_gross ul li.active li a:link, #menu_gross ul li.active li a:visited{
padding: 5px 10px 5px 10px; 
font-weight: 300; 
margin: 0px; 
display: block; 
hyphens: auto; 
}
#menu_gross ul ul.dropdown-menu li a:hover, #menu_gross ul ul.dropdown-menu li a:focus{
color: #000000; 
background-color: #DFDFDF; 
}

/*MENU_ENDE*/

div.suche{
position: absolute; 
right: 0px; 
top: 60px; 
border: 0px solid #FF0000; 
border-radius: 50px 0px 0px 50px; 
width: 30px; 
height: 25px; 
padding: 13px 25px 22px 5px; 
margin: 0px; 
background-color: #FFFFFF; 
background-image: url(../../../images/suche_1.jpg); 
background-repeat: no-repeat;
background-position: right 20px; 
background-size: 40px 20px;
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
transition: 0.5s linear;
overflow: hidden; 
z-index: 2010; 
}
div.suche.fixiert{
position: fixed; 
top: 61px; 

}

div.suche.offen{width: 290px; top: 180px; }
div.suche.offen input{ 
border-radius: 20px; 
border-left: 1px solid #999999; 
border-right: 1px solid #999999; 
border-top: 1px solid #DFDFDF; 
border-bottom: 1px solid #DFDFDF; 
}
div.suche label{
display: none; 
}
div.suche input{
border-left: 1px solid #FFFFFF; 
border-right: 1px solid #FFFFFF; 
border-top: 1px solid #FFFFFF; 
border-bottom: 1px solid #FFFFFF; 
border-radius: 0px; 
height: 36px; 
width: 250px; 
position: absolute; 
right: 50px; 
margin: 0px; 
padding: 8px 10px 8px 10px; 
-webkit-transition: 1.5s linear;
-moz-transition: 1.5s linear;
-o-transition: 1.5s linear;
-ms-transition: 1.5s linear;
transition: 1.5s linear;
font-size: 1.0em; 
}

#footer{
position: fixed; 
bottom: 0px; 
display: none; 
}
.blog .clearfix, .blog-item .clearfix{
position: relative; 
top: 0px; 
width: 80%; 
border: 0px solid #FF0000; 
overflow: hidden; 
display: block; 
padding: 0px 10% 0px 10%; 
margin: 0px 0px 0px 0px; 
}

/*.blog.angebote div div{
display: block; 
position: relative; 
width: calc(48% - 1px); 
min-height: 350px; 
float: left; 
margin: 0px 0px 0px 0px; 
padding: 0px 2% 50px 0px; 
overflow: hidden;  
border-bottom: 1px solid #999999; 
font-weight: 300; 
line-height: 1.5em; 
}*/

.com-content-category-blog__item.blog-item{
border: 0px solid #999999; 
}

.blog div, .blog-item div {
position: relative; 
top: 0px; 
width: calc(80% - 2px); 
margin: 0px 0px 0px 0px; 
padding: 40px 10% 40px 10%; 
display: table;
table-layout: fixed; 
}

.blog div div, .blog-item div div{
display: table-cell; 
float: left; 
width: calc(48% - 42px); 
height: 380px; 
margin: 0px 0px 0px 0px; 
padding: 0px 20px 40px 20px; 
overflow: hidden; 
border-bottom: 1px solid #999999; 
border-left: 1px solid #999999; 
border-right: 1px solid #999999; 
border-top: 0px solid #999999; 
font-size: 1.0em; 
font-weight: 300; 
line-height: 1.5em; 
position: relative; 
background-color: #FFFFFF; 
}
.blog div.item-content{
height: 100%; 
width: 96%; 
padding: 0px 2% 0px 2%; 
margin: 0px 0px 0px 0px; 
background-color: #FFFFFF; 
}
.blog .page-header, .blog-item .page-header{
position: relative; 
top: 0px; 
left: -2%; 
width: 104%; 
float: left; 
height: auto; 
padding: 20px 0px 20px 0px; 
margin: 0px 0px 20px 0px; 
display: inline-block; 
border: 0px solid #1E649A;
background-color: #1E649A; 
text-align: center; 
color: #FFFFFF; 
}
.blog .page-header h2, .blog-item .page-header h2{
z-index: 100; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
}
.blog .page-header a, .blog-item .page-header a{
font-style: normal; 
text-decoration: none; 
font-weight: 500; 
font-size: 1.5vw; 
line-height: 1.2em; 
hyphens: auto; 
color: #FFFFFF; 
}

.blog h6, .blog-item h6{
font-style: normal; 
text-decoration: none; 
font-weight: 500; 
font-size: 1.0vw; 
line-height: 1.2em; 
hyphens: auto; 
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px; 
}
.blog a.linkthumb{
border: 0px solid #FF0000; 
position: relative; 
top: -80px; 
left: 0px; 
width: 42%; 
height: auto; 
float: left; 
padding: 0px 2% 800px 0px; 
}
.blog a.linkthumb img, .blog img{
max-width: 30%; 
height: auto; 
float: left; 
margin: 20px 20px 10px 20px; 
padding: 0px; 
}

.blog-item .readmore a{
position: absolute; 
right: 20px; 
bottom: 10px; 
padding: 10px 20px 10px 20px; 
background-color: #DFDFDF; 
border-radius: 40px; 
font-style: normal; 
font-weight: 300; 
}


.blog div div:nth-child(2n+1){
border-right: 1px solid #999999; 
}
.blog div div.page-header{
border-right: 0px solid #999999; 
}




/*
.blog div:nth-child(even){
border-left: 1px solid #999999; 
}

.blog div div.page-header h2{
align-self: right; 
}
.blog div div.page-header a:link, .blog div div.page-header a:visited{
}
.blog div div.page-header{
hyphens: auto; 
}
.blog div div h6, .item-page h6{
font-size: 1.1em;
line-height: 1.2em; 
color: #333333; 
font-weight: 500; 
}

.item-page h2{
padding: 20px 0px 10px 0px; 
margin: 0px 0px 0px 0px; 
font-weight: 500; 
line-height: 1.5em; 
border: 0px solid #FF0000; 
width: 100%; 
}
.item-page h6{
width: 100%; 
padding: 0px 0px 40px 0px; 
margin: 0px; 
color: #1E649A;
}
.blog div div h6{
clear: both; 
display: inline-block; 
width: 53%; 
padding: 0px 0px 0px 0px; 
margin: 0px; 
border: 1px solid #FF0000; 

}


.blog div a.linkthumb{
align-self: left; 
width: 38%; 
height: 100%; 
border-bottom: 50px solid #F6F7FA; 
margin: 30px 4% 0px 4%; 
padding: 0px 0px 20px 0px; 
}


.blog div a.linkthumb img{
margin: 0px; 
padding: 0px; 
float: left !important; 
width: 100%; 
height: auto; 
}
p.readmore{
color: #CCCCCC; 
font-size: 0.9em; 
font-weight: 100; 
text-transform: lowercase; 
width: 44%; 
padding: 0px 0px 0px 0px;  
margin: 0px; 
background-color: #F6F7FA; 
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(246, 247, 250, 1) 35%); 
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(246, 247, 250, 1) 35%); 
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(246, 247, 250, 1) 35%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#F6F7FA',GradientType=0 );
height: 80px; 
width: 56%; 
border: 0px solid #FF0000; 
}
p.readmore a{
position: absolute; 
bottom: 20px; 
padding: 0px 0px 0px 0px;  
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
transition: 0.5s linear;
color: #333333; 
text-decoration: none; 
}
p.readmore a:hover, p.readmore a:focus{
font-size: 1.0em; 
padding: 0px 0px 0px 20px; 
color: #1E649A;
}
*/

.item-page{
display: inline-block; 
border: 0px solid #FF0000; 
width: 80%; 

}

.vermarktung{position: relative; display: inline-block; width: 100%; padding: 0px 0px 300px 0px; }
.ausklapp{
margin: 0px 1% 300px 0px; 
padding: 170px 0px 0px 0px; 
border: 1px solid #999999; 
border-radius: 5px; 
width: 24%; 
max-height: 20px; 
overflow: hidden; 
display: block; 
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
transition: 0.5s linear;
z-index: 1; 
position: absolute;
top: 0px; 
background-color: #FFFFFF; 
background-repeat: no-repeat;
background-position: 20px 20px; 
background-size: 40px 40px;
background-image: url(../images/plus.png); 
}
.ausklapp.eins{left: 0%;}
.ausklapp.zwei{left: 25%;}
.ausklapp.drei{left: 50%;}
.ausklapp.vier{left: 75%;}
.ausklapp.eins.offen, .ausklapp.zwei.offen, .ausklapp.drei.offen, .ausklapp.vier.offen{left: 0%;}
.ausklapp.offen{
width: 96%; 
max-height: 1500px; 
z-index: 100; 
padding: 170px 2% 30px 2%; 
background-image: url(../images/minus.png); 

}
.ausklapp img.icon{
display: block; 
position: absolute;
top: 0px; 
width: 150px; 
height: auto; 
left: calc(50% - 100px); 
z-index: 10; 
}
.ausklapp strong{position: absolute; top: 140px; width: 96%; text-align: center; border: 0px solid #FF0000; padding: 0px; margin: 0px; font-size: 1.2em;  }


.item-page a.lightbox, .item-page .mehrere_bilder{
width: 37%; 
position: relative;
border: 0px solid #FF0000; 
padding-left: 0px; 
padding-right: 0px; 
padding-top: 0px;
padding-bottom: 0px; 
}
.item-page .mehrere_bilder a.lightbox{
width: 100%; 
}

.item-page a.lightbox:last-of-type {
min-height: 100%; 
margin: 0px 0px 0px 0px; 

}
.item-page .mehrere_bilder{
display: block; 
min-height: 100%; 
margin: 0px 20px 0px 0px; 
}

.item-page a.linkthumb img{

}

.item-page ul{
width: 100%; 
display: inline-block; 
}


#header{
-webkit-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.56);
-moz-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.56);
box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.56);
background-color: #F6F7FA; 
min-height: 20px; 
}
.moduletableheader_slider{
width: 100%; 
height: 400px; 
background-color: #DFDFDF; 
display: block; 
padding: 0px; 
margin: 0px; 
border-bottom: 50px solid #F6F7FA; 
overflow:hidden; 
}
.moduletableheader_slider img{
min-width: 100%; 
min-height: 400px; 
padding: 0px; 
margin: 0px; 
}
.partner { 
position: relative; 
top: 0px; 
text-align: center; 
width: 80%; 
margin: 0px 10% 0px 10%; 
padding: 0px; 
font-weight: 300; 
background-color: #FFFFFF; 
border: 0px solid #FF0000; 
display: inline-block; 
}
.partner h3{ text-align: center; font-weight: 400; font-size: 1.5em; }
.partner table{
width: 100%; 
padding: 0px 0px 50px 0px; 
margin: 0px; 
border-bottom: 1px solid #999999; 
}

table#ndrlassungen{
border: 0px solid #FF0000; 
}
table#ndrlassungen td{
width: 30%; 
float: left; 
border: 1px solid #999999; 
padding: 10px; 
margin: 0px 1% 20px 0px; 
background-color: #FFFFFF; 
}

table.table_fussbereich{
text-align: left; 
width: 70%; 
margin: 0px 15% 200px 15%; 
padding: 50px 0px 50px 0px; 
font-weight: 300; 
background-color: #FFFFFF; 
border-bottom: 0px solid #999999; 
hyphens: auto; 
}
table.table_fussbereich td{
border-right: 1px solid #999999; 
padding: 30px; 
position: relative; 
}
table.table_fussbereich td strong{
font-size: 1.5em; 
}
table.table_fussbereich a:link, table.table_fussbereich a:visited{
font-size: 0.8em; 
color: #333333; 
}
table.table_fussbereich a.readon{position: absolute; bottom: 10px; }
table.footertable{
color: #FFFFFF; 
background-color: #1B6AA4; 
height: 70px; 
padding: 10px 0px 40px 0px; 
margin: 0px; 
width: 100%; 
display: inline-block; 
border: 0px solid #FF0000; 
line-height: 40px; 
}
table.footertable tr, table.footertable tbody{
width: 100%; 
display: inline-block; 
padding: 0px; 
margin: 0px; 
}
table.footertable td.links{
padding-left: 10%; 
width: 60%; 
border: 0px solid #FF00FF; 
display: inline-block; 
}
table.footertable td.links a{
padding: 0px 15px 0px 15px; 
margin: 0px; 
text-decoration: none; 
color: #FFFFFF; 
}
table.footertable td.rechts{
width: 19%; 
padding-right: 10%; 
display: inline-block; 
border: 0px solid #FF0000; 
text-align: right; 
font-weight: 700; 
}

.preisfax{font-weight: 400; border: 0px solid #FF0000; display: inline-block;}
a.preisinfo img{height: 60px; width: auto; float: left; border: 0px solid #FF0000; margin: 0px; padding: 0px; }
a.preisinfo{ text-decoration: none; font-style: normal; line-height: 60px; }
#preismarkt_1, #preismarkt_2, #preismarkt_3{-webkit-transition: 1.0s linear;-moz-transition: 1.0s linear;-o-transition: 1.0s linear;-ms-transition: 1.0s linear;transition: 1.0s linear; display: block; background-image: url(../../../images/0_pdf_preisinfo/preisinfo.png); background-repeat: no-repeat; background-position: left 10px; background-size: 40px 40px; line-height: 30px; }
#preismarkt_1{max-height: 40px; width: 100%; overflow: hidden; display: inline-block; border-top: 1px solid #999999; padding: 0px 0px 20px 80px;}
#preismarkt_2{max-height: 40px; width: 100%; overflow: hidden; display: inline-block; border-top: 1px solid #999999; padding: 0px 0px 20px 80px; }
#preismarkt_3{max-height: 40px; width: 100%; overflow: hidden; display: inline-block; border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 0px 0px 20px 80px; }
#preismarkt_1.auf{max-height: 1000px;}
#preismarkt_2.auf{max-height: 1000px;}
#preismarkt_3.auf{max-height: 1000px;}

#preismarkt_1 a, #preismarkt_2 a, #preismarkt_3 a{
background-color: #E8EAEE; 
border-radius: 5px; 
color: #1E649A; 
padding: 5px 5px 5px 5px;
}
#preismarkt_1 a:hover, #preismarkt_2 a:hover, #preismarkt_3 a:hover{
color: #000000; 
text-decoration: none; 
} 


h2.preismarkt{
font-size: 1.1em; 
line-height: 20px; 
padding: 20px 0px 20px 0px;
}
#bildschirm{
position: absolute; 
top: 0px; 
right: 0px; 
z-index: 10000; 
color: #FF0000; 
font-weight: bold; 
width: 200px; 
border: 1px solid #FF0000; 
background-color: #FFFFFF; 
display: none; 
}
.jobformular{padding: 0px 0px 100px 0px; border: 0px solid #FF0000; display: block; margin: 0px 0px 40px 0px; position: relative; width: 90%; height: auto; overflow-x: hidden; }

.jobformular .partnerwahl{
display: block; min-width: 95%; border: 0px solid #FF0000;
margin: 0px; padding: 0px; 
}

/* class applies to select element itself, not a wrapper element */
.select-css {
  display: inline-block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: .6em 20px .5em 20px;
  width: 100%;
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 20px 0px 30px 0px;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  /*float: left; */
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
    for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
    
  */
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right .7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: .65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
  display: none;
}
/* Hover style */
.select-css:hover {
  border-color: #888;
 color: #1E649A; 
}
/* Focus style */
.select-css:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}

/* Set options to normal weight */
.select-css option {
font-weight:normal;
margin: 0px; 
padding: 5px 10px 5px 20px; 
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
transition: 0.5s linear;
}
option.offen{
max-height: 30px; 
max-width: 1200px; 
padding: 5px 10px 5px 10px; 
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.select-css:disabled, .select-css[aria-disabled=true] {
  color: graytext;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

.select-css:disabled:hover, .select-css[aria-disabled=true] {
  border-color: #aaa;
}



.jobformular .block, .jobformular hr{
width: 100%; 
float: left; 
display: block; 
margin: 10px 0px 0px 0px; 
border-top: 1px solid #999999; 
}
.jobformular label{
width: calc(18% - 20px); 
float: left; 
margin: 10px 0px 0px 0px; 
}
.jobformular b.txt{
width: calc(18% - 20px); 
height: 30px; 
float: left; 
padding: 5px 10px 5px 10px; 
margin: 10px 0px 0px 0px; 
font-size: 1.0em; 
}
.jobformular b.txtarea{
width: 100%; 
float: left; 
display: block; 
padding: 0px 0px 10px 0px; 
}
.jobformular input{
width: calc(82% - 22px); 
float: left; 
padding: 5px 10px 5px 10px; 
margin: 10px 0px 0px 0px; 
border-radius: 20px; 
border: 1px solid #999999; 
height: 30px; 
font-size: 1.0em; 
}
.jobformular input.check{
width: auto; 
float: left; 
padding: 5px 10px 5px 0px; 
margin: 5px 10px 0px 0px; 
border-radius: 0px; 
border: 0px solid #999999; 
}
.jobformular select{
font-size: 1.0em; 
font-family: 'Roboto', sans-serif, Arial, Verdana, Helvetica, Segoe, Sans, Lucida;
}

.jobformular textarea.jobform{
width: 95%; 
border: 1px solid #999999; 
float: left; 
display: block; 
padding: 5px 10px 5px 10px; 
border-radius: 20px; 
font-size: 1.1em; 
font-family: 'Roboto', sans-serif, Arial, Verdana, Helvetica, Segoe, Sans, Lucida;
}
.jobformular #schulbildung, .jobformular #erfahrung, .jobformular #sonstiges,  .jobformular #vorherige, .jobformular small{
width: 100%; 
float: left; 
display: block; 
border: 0px solid #FF0000; 
}

input.formsend{
padding: 0px 30px 0px 30px; 
margin: 30px 0px 0px 0px; 
height: 40px; 
width: auto; 
line-height: 35px; 
border-radius: 200px; 
font-size: 1.1em; 
border: 1px solid #999999; 
background-color: #F5F5F5; 
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
transition: 0.5s linear;
}
input.formsend:hover, input.formsend:focus{
background-color: #FFFFFF; 
border: 1px solid #CCCCCC; 
}
input.check{
}
.jobformular input[type="checkbox"] {
  opacity: 0.0; 
}
.jobformular input[type="checkbox"] + label {
  width: 60px;
  height: 30px;
  border-radius: 30px;
  border: 2px solid #ddd;
  background-color: #EEE;
  display: inline-block;
  content: "";
  float: left;
  margin: 5px 5px 20px 10px;
  transition: 0.5s linear;
}
.jobformular input[type="checkbox"] + label:hover {
  cursor: pointer;
}
.jobformular input[type="checkbox"] + label::before {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
  transition: margin 0.1s linear;
  box-shadow: 0px 0px 5px #aaa;
}
.jobformular input[type="checkbox"]:checked+label{
  background-color: #2b8718;
}
.jobformular input[type="checkbox"]:checked+label::before {
  margin: 0 0 0 30px;
}
.jobformular input[type="radio"]{
width: 20px; height: 20px; 
float: left; 
display: block; 
}


select#kontakte_css{
width: 105%; 
max-height: 600px;
height: 600px; 
display: block; 
margin: 0px 0px 0px 0px; 
padding: 30px 0px 0px 5%; 
background-color: #FFFFFF; 
border: 0px solid #F6F7FA;
overflow-y: hidden;
overflow-x: hidden;
}
select#kontakte_css{
scrollbar-width: 0px; /*For Firefox*/;
-ms-overflow-style: none;  /*For Internet Explorer 10+*/;
}

select#kontakte_css:-webkit-scrollbar { /*For WebKit Browsers*/
width: 0;
height: 0;
}
.search input{
width: 50%; 
padding: 5px 10px 5px 10px; 
margin: 0px 0px 0px 30px; 
border-radius: 20px; 
border: 1px solid #999999; 
height: 30px; 
font-size: 1.0em; 
float: left; 
}

.searchintro, .phrases, .only, .form-limit{display: none; }

.search .btn-toolbar, .search .clearfix {display: block; width: 100%; float: left; }

.search .btn-group{
border: 0px solid #FF0000; 
height: 50px;  
float: left; 
display: inline-block; 
}
.search label{float: left; }
.search .btn-group button{
padding: 0px 30px 0px 30px; 
margin: 10px 0px 10px 0px; 
height: 30px; 
width: auto; 
line-height: 25px; 
border-radius: 200px; 
font-size: 1.1em; 
border: 1px solid #999999; 
background-color: #FFFFFF; 
-webkit-transition: 0.5s linear;
-moz-transition: 0.5s linear;
-o-transition: 0.5s linear;
-ms-transition: 0.5s linear;
transition: 0.5s linear;
float: right;
}
input.formsend:hover, input.formsend:focus{
background-color: #FFFFFF; 
border: 1px solid #CCCCCC; 
}
.search .result-title{
display: block; 
float: left; 
width: 98%; 
padding: 8px 20px 8px 20px; 
border-radius: 20px; 
margin: 20px 0px 0px 0px; 
border: 1px solid #999999; 
background-color: #FFFFFF; 
}
.search .result-title a{
font-weight: 500; 
text-decoration: none; 
color: #000000; 
}

/*_______FORMATTIERUNG_DES HAMBURGERMENUES_________*/ 

ul.responsive{font-size: 0.9em; list-style-type: none; font-weight: 300;display: block; border: 0px solid #FF0000; width: 90%; position: relative; left: 0px; top: 0px; padding: 40px 5% 0px 5%; margin: 0px; 
float: left;  overflow: hidden; background-image: url(../images/nav_resp_hh.png);background-repeat: no-repeat; background-position: right 5px; background-size: auto 30px; z-index: 10000; height: 0px; -webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;-ms-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out; border-top: 0px solid #666666;border-bottom: 0px solid #FFFFFF; border-right: 0px solid #666666; border-left: 0px solid #666666; }
ul.responsive.offen{background-color: #F6F7FA; }

ul.responsive ul{font-size: 0.9em; padding: 0px 0px 10px 10px; margin: 0px; border: 0px solid #FF0000; list-style-type: none; }
ul.responsive a:link, ul.responsive a:visited{font-weight: 500;}
ul.responsive ul a:link, ul.responsive ul a:visited{font-weight: 300;}

ul.responsive a:link, ul.responsive a:visited{text-decoration: none; color: #000000;  border-top: 0px solid #666666;border-bottom: 1px solid #000000; border-right: 0px solid #666666; border-left: 0px solid #666666; display:block; padding: 10px 0px 10px 0px; line-height:25px; text-transform: uppercase; -webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;-ms-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
ul.responsive .last_nav{padding: 0px 0px 50px 0px; }
ul.responsive .last_nav a:link, ul.responsive .last_nav a:visited{border-bottom: 0px solid #666666; }
ul.responsive a:hover, ul.responsive a:focus{color: #666666; }
#subnavigation{display: none; }
ul.responsive ul.unternavigation{float: left; display: block; width: 100%; border: 0px solid #FF0000; padding: 0px 0px 20px 0px; margin: 0px; }
ul.unternavigation li{display: inline; float: left; width: auto; padding: 0px 10px 0px 10px; margin: 0px; 
border-right: 1px solid #EEEEEE;border-left: 0px solid #FF0000;border-bottom: 0px solid #FF0000;
border-top: 0px solid #FF0000;}
ul.unternavigation li.last{border-right: 0px solid #000000;}
ul.unternavigation li.ende{padding: 0px 0px 40px 10px; }
ul.unternavigation li a:link, ul.unternavigation li a:visited{padding: 5px 0px 5px 0px; line-height: 20px; border: 0px solid #FF0000; }
/*_______FORMATTIERUNG_DES HAMBURGERMENUES_________*/ 
table.preisgebuehr td{
width: calc(90% - 2px);
display: block;
float: left;
margin: 0px 3% 10px 3%;
padding: 10px 1% 10px 5%;
border: 1px solid #999999;
border-radius: 100px;
background-color: #FFFFFF;
}
table.preisgebuehr td a:link, table.preisgebuehr td a:visited{
text-decoration: none;
font-weight: 500;
font-style: normal; 
color: #000000;
padding: 0px;
margin: 0px;
display: block;
font-size: 1.0em;
}


@media all and (max-width: 1400px) {
#menu_gross{font-size: 0.9em; width: 45%; }
div.vzfpromodul, ul#obenrechts{font-size: 0.9em; }
}

@media all and (max-width: 1200px) {
#menu_gross{font-size: 0.8em; width: 47%;  }
.fixiert #menu_gross{left:200px;}
#menu_gross ul li{padding: 0px 5px 0px 0px; hyphens: auto;}
#menu_gross ul ul.dropdown-menu{margin: 12px 0px 0px 0px; display: inline-block; }
div.vzfpromodul, ul#obenrechts{font-size: 0.8em; }
.vzfpromodul.fixiert{margin: 0px 15% 0px 0px;}
ul#obenrechts.fixiert{right: -9%; width: 17%;}
#menu_gross ul ul.dropdown-menu li:first-child{
background-image: url(../images/pfeil_1.png);
background-repeat: no-repeat; 
background-size: 12px 12px; 
background-position: 30% top; 
min-width: 19%; 
border: 0px solid #FF0000; 
}
#menu_gross ul ul.dropdown-menu li:first-child li{
background-image: none;
}

}

@media all and (max-width: 1000px) {
#header{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; height: auto; }
#inhalte{position: relative; top: 0px;  }
.start #inhalte{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; top: 0px; float: left; }
#content{ }
#menu_gross{display: none; }
#menu_mittel{display: block; position: absolute; top: 95px; right: 110px; border: 0px solid #FF0000; width: 80%; -webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;-ms-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
#menu_mittel.offen{top: 0px; width: 100%; right: 0%;}
.moduletableheader_slider, .slidermm{max-height: 200px; background-color: #F6F7FA; max-width: 100%; width: 100%; height: auto; }
.slidermm{background-size: 100% auto; background-color: #FFFFFF !important; }
.wusch_null, .wusch_eins, .wusch_zwei, .wusch_drei{right: 0px; left: auto; width: 100%; }
.wusch_null img, .wusch_eins img, .wusch_zwei img, .wusch_drei img{width: 100%; }
.moduletable .header_slider img{min-height: 10px;min-width: 10px; width: 100%; }
#kopf, #kopf.fixiert{position: relative !important; padding: 0px 0px 0px 0px; height: 180px; width: 100%;}
#kopf.fixiert{background-image: url(../images/weiss_100.png); }
#logo{padding: 0px 0px 0px 0px;position: absolute; max-width: 160px; border: 0px solid #FF0000;}
#kopf.fixiert #logo img{width: auto; height: 100px; margin: 20px 0px 0px 0px; }
#kopf.fixiert #logo{position: absolute; left: 20px;}
div.suche, div.suche.fixiert{ position: absolute; top: 105px; right: 0px; border: 0px solid #FF0000;  background-position: left 0px;border-radius: 0px 0px 0px 0px; padding: 5px;opacity: 1.0; }
div.suche.offen{right: 0px;border-radius: 50px 0px 0px 50px;background-position: right 20px;padding: 13px 25px 22px 5px; width: 230px; opacity: 0.95; }
div.suche input{width: 200px;}
ul#obenrechts, ul#obenrechts.fixiert{ position: absolute; top: 105px; right: 65px; padding: 30px 0px 0px 0px; margin: 0px; height: 0px; width: 20px; overflow: hidden; z-index: 2000; -webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;-ms-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out; 
border-radius: 0px 0px 0px 0px; 
border-top: 0px solid #999999; 
border-left: 0px solid #999999; 
border-right: 0px solid #999999; 
border-bottom: 0px solid #999999; 
background-image: url(../images/ausklapp_obenrechts.jpg); background-repeat: no-repeat; background-position: right 1px; background-color: #FFFFFF; 
}
ul#obenrechts.offen{
overflow: visible; height: 60px; width: 150px; padding: 60px 20px 0px 0px; background-image: url(../images/ausklapp_obenrechts_up.jpg);
border-radius: 0px 0px 20px 20px; 
border-top: 0px solid #999999; 
border-left: 0px solid #999999; 
border-right: 0px solid #999999; 
border-bottom: 0px solid #999999; 
}
ul#obenrechts.offen li{text-align: right; width: 100%;}
div.vzfpromodul, .vzfpromodul.fixiert{ position: absolute; width: 150px; right: 65px; top: 140px; border: 0px solid #FF0000;padding: 0px 0px 0px 0px; margin: 0px 20px 0px 0px; z-index: 900; -webkit-transition: 0.5s ease-in-out;-moz-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;-ms-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.vzfpromodul{display: none; }
.vzfpromodul.offen{display: block; z-index: 2100;float: right; text-align: right; }


.blog div div{width: 100%;height: 190px; font-size: 0.9em; }
.blog .page-header{height: 60px; }
.blog .page-header a{font-size: 1.0em;}
.blog h6{font-size: 1.0em;}
.blog div div:nth-child(2n + 1){
border-left: 0px solid #999999; 
border-bottom: 1px solid #999999;
border-right: 0px solid #FF0000;
border-top: 0px solid #FF0000;
}
.blog div div.page-header{}
.blog a.linkthumb{padding: 0px 2% 110px 0px; height: 170px; border: 0px solid #FF0000; overflow: hidden; }

.blog div div.page-header{height: 50px; border: 0px solid #FF0000; }
.blog .page-header, .blog div div.page-header{position: relative;top: 0px;float: left; width: 100%; height: auto; display: block; padding: 0px 0px 20px 0px;}
.blog div div:nth-child(2n + 1), .blog div div:nth-child(2n + 0){padding: 20px 0px 20px 0px;  }
.blog a.linkthumb{padding: 0px 2% 50px 0px; height: 170px; border: 0px solid #FF0000; overflow: hidden; top: 0px;}
.blog div div{height: auto; display: block;padding: 30px 20px 40px 20px;}

table.table_fussbereich td{float: left; width: 100% !important; border-bottom: 1px solid #999999; border-right: 0px solid #999999;}
table.table_fussbereich{ width: 75%; padding: 50px 0px 50px 0px; margin: 0px 10% 200px 10%;}
.partner{width: 90%; margin: 0px 5% 0px 5%; }
.partner table td{width: 23%; padding: 0px 1% 0px 1%;} 
.partner table td img{width: 100%; height: auto; }
table.footertable{font-size: 0.8em; height: auto; position: relative; }
table.footertable td.rechts{font-size: 0.8em; height: 30px; position: absolute; bottom: 10px; right: 0px; z-index: 20; color: #7AA0CD;}
.vermarktung{padding: 0px 0px 50px 0px;}
.ausklapp{width: 98%; position: relative; left: 0px !important; margin: 0px 1% 10px 0px !important; padding: 0px 20px 20px 20px; height: 90px; display: block; max-height: 1000px;}
.ausklapp.offen{padding: 0px 20px 20px 20px; height: auto; width: 98%; }
.ausklapp img.icon{ width: 100px; height: 100px; right: 10px; top: 0px; left: auto; }
.ausklapp strong{position: relative; top: 0px; float: right; width: 90%; display: block; text-align: left; padding: 30px 0px 60px 10%; border: 0px solid #FF0000; }
}

@media all and (max-width: 800px) {
.item-page a.linkthumb{padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 100%; height: auto; display: block; }
.item-page a.linkthumb img{border: 0px solid #FFFFFF; width: 60%; height: auto; display: block; padding: 0px 40% 30px 0px;}
.blog .page-header a{font-size: 0.9em; line-height: 2.0em;}
.blog div div{font-size: 0.9em; }
.blog h6{font-size: 0.9em; padding: 0px; margin: 0px; }
.blog div div.page-header{height: 50px; border: 0px solid #FF0000; }
.blog .page-header, .blog div div.page-header{position: relative;top: 0px;float: left; width: 100%; height: auto; display: block; padding: 0px 0px 20px 0px;}
.blog div div:nth-child(2n + 1), .blog div div:nth-child(2n + 0){padding: 20px 0px 20px 0px;  }
.blog a.linkthumb{padding: 0px 2% 50px 0px; height: 170px; border: 0px solid #FF0000; overflow: hidden; top: 0px;}
.blog div div{height: auto; display: block;padding: 30px 20px 40px 20px;}
table.table_fussbereich{margin: 0px 10% 0px 10%;}
.content-category.drittelseite table tr{
width: calc(100% - 2px); 
}
table.mitarbeiter td{width: 45%; float: left; padding: 10px 4% 40px 0%;font-size: 0.9em; border-bottom: 1px solid #999999;}
table.mitarbeiter td strong{position: relative; top: 0px;}
.jobformular label{width: calc(30% - 20px); float: left; margin: 10px 0px 0px 0px; font-size: 0.8em; }
.jobformular b.txt{width: calc(30% - 20px); height: 30px; float: left; padding: 5px 10px 5px 10px; margin: 10px 0px 0px 0px; font-size: 0.8em; }
.jobformular b.txtarea{width: calc(100% - 2px); float: left; display: block; padding: 0px 0px 10px 0px; }
.jobformular input{width: calc(70% - 22px); float: left; padding: 5px 10px 5px 10px; margin: 10px 0px 0px 0px; border-radius: 20px; border: 1px solid #999999; height: 30px; font-size: 0.8em; }
.jobformular textarea.jobform{width: calc(100% - 22px); font-size: 0.8em; }
.jobformular select{font-size: 0.8em; }
input.formsend{padding: 0px 30px 0px 30px; margin: 30px 0px 0px 0px; height: 40px;font-size: 0.9em;}

}
@media all and (max-width: 600px) {
.ausklapp{background-size: 20px 20px; background-position: 10px 10px;}
.ausklapp img.icon{ border: 0px solid #FFFFFF;  }
.blog a.linkthumb{width: 96%; float: left; top: 0px; display: block; padding: 0px 2% 60px 0px; margin: 0px 0px 20px 0px;}
.blog a.linkthumb img{position: absolute; top: 0px; }
.blog div div{height: auto; display: block;padding: 30px 20px 40px 20px;}
.blog .page-header, .blog div div.page-header{position: relative;top: 0px;float: left; width: 100%; height: auto; display: block; padding: 5px 0px 5px 0px;}
}
@media all and (max-width: 480px) {
.item-page a.linkthumb img{border: 0px solid #FFFFFF; width: 100%; height: auto; display: block; padding: 0px 0% 30px 0px;}
.blog a.linkthumb{width: 96%; float: left; top: 0px; display: block; padding: 0px 2% 0px 0px; margin: 0px 0px 20px 0px; height: 130px;}
.blog a.linkthumb img{position: absolute; top: 10px; }
.blog div div{height: auto; display: block;padding: 30px 20px 40px 20px;}
.blog .page-header, .blog div div.page-header{position: relative;top: 0px;float: left; width: 100%; height: auto; display: block; padding: 0px 0px 20px 0px;}
table.mitarbeiter td{width: 95%; float: left; padding: 20px 4% 30px 0%;font-size: 0.9em; }
table#ndrlassungen td{padding: 20px 0px 20px 20px;float: left;font-size: 0.9em; width: calc(100% - 40px);}
table.mitarbeiter a.linkthumb img{width: 60%;padding: 0px 40% 30px 0px;}
}