@import url("slicknav.css");
@import url('https://fonts.googleapis.com/css?family=PT+Sans');

body {
font-family: 'Lucida Sans', 'Lucida Grande', Arial, sans-serif;
font-family: 'PT Sans', sans-serif;
margin:0;
padding:0;
background: #fff;
    overflow-x: hidden;
}

h1 {
margin:0;
padding: 0;
}

h2 {
margin:0;
padding: 0;
color:#00448a;
padding-bottom: 20px;
font-size: 1.3em;
line-height: 150%;
}

#c23 h2 {display: none;}

#c23 {padding-top: 20px;font-size: 0.9em}

#c23 input {width:80%;padding:10px;margin-bottom:15px;}

#c23 textarea {width:80%;padding:10px;height:300px}

#c23 .form-group label {padding-top: 15px;}

h3 {
margin:0;
padding: 0;
color:#00448a;
padding-bottom: 0px;
font-size: 1.2em;
line-height: 150%;
}

h4 {
margin:0;
padding: 0;
color:#00448a;
padding-bottom: 0px;
font-size: 1.2em;
line-height: 150%;
}

#toggle-nav {display: none;}

p, li {
line-height: 150%;
}

strong {color:#00448a; }

a {
color:#00448a;
text-decoration: none;
}

.news-img-wrap {display: none;}
.news .footer .news-list-date {display: none;}

.more {background:#00448a ;color:#fff;padding: 4px 22px;border-radius: 6px;}

.news .footer {
	clear: both;
	padding: 10px 0 0 0;
	border-top: 1px solid #eee;
    width:70%;
    margin:0 auto;
	margin-top: 15px;
	color: #888;
}

#kopf {
display: block;
width:100%;
background: #fff;
height:auto;
z-index: 1000;
}


#header {
    display: inline-block;
width:94%;
padding-top: 10px;
}

.logo {
display: inline-block;
    padding-top: 20px;
width:100%;
max-width: 100%;
vertical-align: top;
    text-align: center;
}

.logo h1 {font-size:2.8em;color:#00448a;font-weight: 300;}
.logo h2 {font-size:1.8em;color:#808080;font-weight: 300;}



.telefon {
display: inline-block;
width:70%;
max-width: 740px;
vertical-align: top;
text-align: right;
float:right;
padding-top: 10px;
color: #88B20B;
font-size: 0.9em;
}
.telefon a{
text-decoration: none;
color: #88B20B;
}

#wrap {
width:100%;
margin:0 auto;
}

#headerbild {
margin:0;
}

#headerbild img{
width:100%;
height:auto;
}

#textfeld {
background: #fff;
    width: 60%;
    max-width: 1200px;
margin:0 auto;
padding:20px;
font-size: 1.2em;
padding-bottom: 30px;
    text-align: center;
    color:#808080;

}

#c32 {text-align:left;}

#textfeld h2 {font-size:1.9em;color:#00448a;font-weight: 300;padding-top: 20px}
#textfeld h4 {font-size:1.9em;color:#00448a;font-weight: 300;padding-top: 20px;padding-bottom: 30px;border-bottom: 1px solid #777;margin-bottom: 20px;}
#textfeld p {font-weight: 200;}

#textfeld .frame-ruler-after h2 {padding-bottom: 0; margin-bottom: 0;}
#textfeld .frame-ruler-after p {padding-top: 0; margin-top: 0;}

#textfeld h5 {font-weight: 300;color:#00448a}

.ce-gallery {
text-align: center;
font-weight: bold;
padding-top: 10px;
}
.ce-gallery figcaption {
padding-top: 10px;
}
#textfeld img{
width:100%;
max-width: 300px;
min-width: 154px;
height:auto;
}

#textfeld .zertifikat img{
width:100%;
max-width: 154px;
min-width: 154px;
height:auto;
}

#footer {
width:100%;
background-color: #00448a;
margin:0 auto;
}
ul.footer {
width:100%;
margin:0;
padding:0;
list-style:none;
    text-align: right;
}

ul.footer li{
font-size:0.8em;
padding-top: 3px;
    display: inline-block;
    padding: 7px 20px;
}

ul.footer li a{
font-size:0.8em;
padding-top: 3px;
    color:#fff;
}



/* powermail */

.tx-powermail {
line-height: 150%;
}

.tx-powermail h3 {
display: none;
}

.checkbox {
display: inline-block;
width:48%;
line-height: 190%;
}

fieldset {border:0;padding:0;margin:0;}

.powermail_fieldwrap_type_input, .powermail_fieldwrap_type_textarea {
display: inline-block;
width:48%;
margin-top: 10px;
}

.powermail_fieldwrap_type_input input, .powermail_fieldwrap_type_textarea textarea{
width:90%;
border:1px solid #C0E36D;
padding: 5px;
}

.powermail_fieldwrap_type_input label{
margin-top: 12px;
}

input[type='submit'] {
background:#C30066;
color:#fff;
font-weight: bold;
padding:5px;
border:0;
margin-top: 5px;
}
.tx-srlanguagemenu {
display: inline-block;
width:20%;
max-width: 70px;
}
.tx-srlanguagemenu .CUR {
display: none;
}

.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: 1000;
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 40px;
  text-align: center;
    z-index: 10000;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 25px;
  height: 25px;
  display: block;
  background: #fff;
  background: rgba(255,255,255, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(255,255,255, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(255,255,255, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(255,255,255, 0.3);
  box-shadow: inset 0 0 3px rgba(255,255,255, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
    
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(255,255,255, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(255,255,255, 0.9);
  cursor: default;
}

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 668px) {
	##.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	
	.tx-srlanguagemenu {
padding-left: 17px;
}
}

@media (max-width:1025px){
#kopf {
position:relative;
width:96%;
margin:0 auto;
}
#headerbild {
padding-top: 0px;
}
}

@media (max-width:768px){
#kopf {
position:relative;
width:96%;
margin:0 auto;
}
#headerbild {
padding-top: 0px;
}


}

@media (max-width:640px){

h2 {
font-size: 1.2em;
padding-bottom: 7px;
}
.logo {
display: block;
width:100%;
text-align: center;
}

.logo img{
width:80%;
max-width: 270px;
}

.telefon {
display: block;
width:90%;
text-align: center;
float:none;
Margin:0 auto;
padding: 10px;
}

}

@media (max-width:640px){
.checkbox {
display: block;
width:98%;
}

.powermail_fieldwrap_type_input, .powermail_fieldwrap_type_textarea {
display: block;
width:98%;
}

.powermail_fieldwrap_type_input input, .powermail_fieldwrap_type_textarea textarea{
width:100%;
}

}

.flexslider { margin: 0; background: #fff; border: 0px solid #fff; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 4px; border-radius: 0px; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2); -moz-box-shadow: 0 0px 0px rgba(0,0,0,.2); -o-box-shadow: 0 0px 0px rgba(0,0,0,.2); box-shadow: 0 0px 0px rgba(0,0,0,.2); zoom: 1; }
.tx-ws-flexslider .caption-title { font-weight: bold; }
.tx-ws-flexslider .caption-body p { margin-bottom: 0px; }
.tx-ws-flexslider .caption-text { display:none;padding: 17px; }

.flexslider .slides img { height: auto; }

@media screen and (min-width: 861px) {
  
  .slides li div.captionwrapper { display:none;position: absolute; width: 350px; top:auto; bottom: 10px; }
  .slides li div.caption span { color: #fff; display: block; }
  .slides li div.caption .captiontitle { font-size: 18px; font-weight: bold; margin-bottom: 5px; text-align: right; }
  .slides li div.caption .captiontext { font-size: 12px; line-height: 15px; }
  
  
  .tx-ws-flexslider .caption-align-left .caption-text { left: 20px; }
  .tx-ws-flexslider .caption-align-left .caption-link { left: 20px; }
  .tx-ws-flexslider .caption-align-right .caption-text { right: 20px; }
  .tx-ws-flexslider .caption-align-right .caption-link { right: 20px; }
  .tx-ws-flexslider .caption-link { position: absolute; bottom: 20px; }
  .tx-ws-flexslider .caption-text { display:none;position: absolute; width: 350px; top: 20px; background: rgba(255,255,255,0.9); }
  
  
  
  
}

nav {
  margin: 0 auto;
  width: 100%;
  height: 11em;
  text-align: right;
  position: relative;
  background: rgba(255, 255, 255, 1.0);
  border-bottom: 1px solid white;
}
 
nav ul {
  margin: 0;
  padding: 8.1em 0 0 0;
}
 
nav ul li {
  list-style: none;
  margin: 0;
  display: inline;
}
 
nav ul li a {
  color: #009999;
  position: relative;
  padding: 0 0.7em 0.5em 0;
  display: inline-block;
  text-decoration: none;
}
 
nav ul.menu li a:hover {
  color: #03405f;
  border-bottom: 2px solid #03405f;
}



 
@media screen and (min-width: 900px) {
    

    .container {display: inline-block;width:20%;margin-top: 50px;position: absolute;top:40px;right:0px;text-align: right;}
  /*Formatierung Mobiles Menue*/
  nav ul {
    top: 5em;
    position: absolute;
    background: #ccc;
    width: 100%;
    right: -105%;
      z-index: 1000;
 
    list-style-type:none;
    margin: 0;
    padding: 0;
 
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
 
  nav ul li{
    display: block;
    text-align: right;
    padding: 0em 2em;
    border-bottom: 0px solid #fff;
  }
 
  nav ul li a {
    color: #555;
    padding: 0.5em 0;
  }
  nav ul li a:hover {
    color: #00448a;
  }
      nav ul li.active a:first-child {
    color: #00448a;
  }
  nav ul.menu li a:hover {
    border-bottom: 0;
  }
    
    nav ul li ul{
    position: relative !important;
        right: -14%;
         top: 0em;
        width:100%;

  }
 
  /*Hamburger-Icon*/
  nav a#nav-m img,
  nav a.close img {
    width: 40px;
    height: auto;
  }
 
  nav > .close,
  nav a#nav-m:target {
    display: none;
  }
 
  nav a:target ~ ul,
  nav a:target ~ .close {
    display: inline-block;
  }
 
  nav a:target ~ .close {
    position: absolute;
    margin-right: 10px;
      right:20px;
  }
 
  nav a:target ~ ul {
    left: 0;
  }
    
     nav .open {
    position: absolute;
    margin-right: 10px;
      right:20px;
  }
    
    nav ul ul{
  padding-left:20px;
  transition: max-height 0.2s ease-out;
  max-height:0;
  overflow:hidden;
        background: transparent;
}
/* INNER UL SHOW */
nav li:hover > ul{
  max-height:500px;
  transition: max-height 0.25s ease-in;
}
    ul ul li a {font-size: 0.8em;padding-right: 25px;color:#999;}

}





 
 
@media screen and (max-width: 960px) {
  /*Formatierung Mobiles Menue*/
        .logo h1 {font-size:1.8em;color:#00448a;font-weight: 300;}
.logo h2 {font-size:1.2em;color:#808080;font-weight: 300;}
    nav {
  margin: 0 auto;
  width: 100%;
  height: 4em;
  text-align: center;
  position: relative;
  background: rgba(255, 255, 255, 1.0);
  border-bottom: 1px solid white;
        z-index: 10000;
        margin-top: 1em;
}
    
  nav ul {
    top: 4em;
    position: absolute;
    background: #ccc;
    width: 100%;
    left: -110%;
 
    list-style-type:none;
    margin: 0;
    padding: 0;
 
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
 
  nav ul li{
    display: block;
    text-align: left;
    padding: 0em 0.5em;
    border-bottom: 0px solid #fff;
  }
 
  nav ul li a {
    color: #555;
    padding: 1em 0;
  }
    
    nav ul ul {
  position: relative !important;
  width: 100%;
  left: 0 !important;
  top: 0 !important;
  background: none !important;
  box-shadow: none;
}
    
   
 
  nav ul.menu li a:hover {
    border-bottom: 0;
  }
 
  /*Hamburger-Icon*/
  nav a#nav-m img,
  nav a.close img {
    width: 40px;
    height: auto;
  }
 
  nav > .close,
  nav a#nav-m:target {
    display: none;
  }
 
  nav a:target ~ ul,
  nav a:target ~ .close {
    display: inline-block;
  }
 
  nav a:target ~ .close {
    position: absolute;
    margin-left: -20px;
  }
 
  nav a:target ~ ul {
    left: 0;
  }
    
    ul ul li a {font-size: 0.8em;padding: 0.5em 0;padding-right: 25px;color:#999;}
}