body {
border-top: 10px solid #8EBF1F;
background: #ffffff;
font-family: Verdana, Geneva, Tahoma, Sans-Serif;
font-size: 16px;
line-height: 22px;
color:#555555;
}


.abschicken{
background-color: #8EBF1F;
display: inline-block;
padding: 15px 20px;
border: 1px #fff solid;
margin: 0 auto;
text-align: center;
font-size: 16px;
color: #fff;
}





.logo {
margin-top:-15px;
}

.fehler-mobile{
display: none;
}

.google-logo{
margin-right: 60px;
list-style-type:square
}

.float-left{
float: left;
margin-left: 15px;
}

.float-right{
float: right;
margin-top: 18px;
}


.bilder-center{
text-align: center;
width: 50%;
clear: both;
margin-top: 30px;
overflow: hidden;
margin: 0 auto;
}


#middle{
width: 66%;
border-top: 1px solid #8EBF1F;
padding: 2% 15%;
overflow: hidden;
line-height: 30px;
text-align: center;
}

#middle h2{
color: #00193C;
font-size: 23px;
margin-bottom: 35px;
}

#middle h3{
color: #666;
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
}

#middle h3{
color: #666;
font-size: 16px;
font-weight: bold;
margin-bottom: 15px;
}


.rechts{
width: 52%;
float: right;
text-align: left;
}





#zertifizierung{
width: 94%;
color: #666;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
text-align: center;
padding: 3%;
overflow: hidden;
line-height: 35px;
background-color: #EAEBEB;
}

.center
{
width: 50%;
margin: 0 auto;
overflow: hidden;
}


#zertifizierung article{
width: 22%;
float: left;
text-align: center;
margin-left: 2%;
}

#zertifizierung .kreis{
width: 98%;
background-color: #fff;
border: 1px solid #8EBF1F;
padding: 1%;
margin-bottom: 15px;
}


#zertifizierung img {
width: 40%;
height: auto;
}


#zertifizierung h2 {
font-size:30px;
font-weight: normal;
color: #8EBF1F;
font-variant:small-caps;
margin-top: 15px;
margin-bottom: 30px;
line-height: 38px;
}

#zertifizierung h3 {
font-size:15px;
font-weight: normal;
color: #00193C;
font-variant:small-caps;
margin-top: 15px;
margin-bottom: 0px;
line-height: 38px;
}




hr
{
border: none;
border-top: 1px dotted #8EBF1F;
height: 1px;
background-color: transparent;
}

.kursiv
{
font-weight: bold;
font-style: italic;
color: #555;
margin: 15px 0;
}

.bold
{
font-weight: bold;
color: #555;
margin: 25px 0 0px;
}




/* MAP */

#map
{
width: 100%;
height: 300px;
margin-top: 30px;
}

/* Ende MAP */

/* Start Tabelle */

.postTable {
	    margin: 10px 0 0 0;
	    width: 100%;
	    border-collapse: collapse;
	    border-left: 1px #8EBF1F solid;
	}
	 	
		.postTable thead tr {
	    background: #8EBF1F;
	}
	
		.postTable  thead td {
		border-right: 1px #8EBF1F solid;
	}

	
		.postTable thead tr:hover {
	    background: #8EBF1F;
	}

	
		.postTable  tr:hover {
	    background: #E8F2D2;
	}

		.postTable  td {
		border-right: 1px #8EBF1F solid;
	}
	

	
	.postTable .oddRow {
	    background: #f5f8fd;
	}

	 
	.postTable th, .postTable td {
	    padding: 3px 5px;
	    color: #000;
	    border-bottom: 1px #d4e7ee solid;
	}
	 
	.textRight {
	text-align: right;
	}
	
	.last {
	background: #8EBF1F;
	}
	

.top{
	color: red;
	font-style:italic;
	}
	
	
/* Ende Tabelle */

/* Formular */

.textfeld {
    margin-bottom: 20px;
    margin-top: -10px;
}


.textfeld input {
    height: 30px;
    margin: 0px;
}

#button input{
width: 35%;
display: inline-block;
padding: 4px;
border: 1px #8EBF1F solid;
margin: 5px;
text-align: center;
-moz-box-sizing: border-box;
-webkit-box-sizing: boder-box;
box-sizing: border-box;
}

.suchbegriffe label{
width: 15%;
display: inline-block;
margin: 5px;
text-align: right;
top: 0px;
}

.suchbegriffe input{
width: 35%;
display: inline-block;
padding: 4px;
border: 1px #8EBF1F solid;
text-align: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: boder-box;
box-sizing: border-box;
}

.textfeld label{
width: 20%;
display: inline-block;
margin: 5px;
text-align: left;
top: 0px;
}

.textfeld input{
width: 98%;
display: inline-block;
padding: 4px;
border: 1px #8EBF1F solid;
text-align: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: boder-box;
box-sizing: border-box;
margin-top: 10px;
}

.textfeld select{
width: 50%;
display: inline-block;
padding: 4px;
border: 1px #8EBF1F solid;
text-align: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: boder-box;
box-sizing: border-box;
margin-top: 10px;
}

.auswahlfeld{
width: 98%;
margin-top: 10px;
}

.auswahlfeld label{
width: 20%;
display: inline-block;
margin: 5px;
text-align: left;
}


.input{
width: 50%;
display:  inline-block;
text-align: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: boder-box;
box-sizing: border-box;
}

.textfeld span {
float: left;
margin-right: 20px;
}



/* Ende Formular */

a
{
text-decoration:none;
color:inherit;

transition: color .5s ease;
}

/* Angebot anfordern */
    #angebot {
        position: fixed;
        width: 150px; height: 45px;
        top: 70%; right: 0px;
        background: #8EBF1F;  
        color: #ffffff;
        line-height: 20px;
        font-size: 15px;
        text-align: center;
        padding-top: 4px;
        border: 1px #ffffff solid;
        box-shadow: 1px 2px 4px rgba(0,0,0, .4);
        z-index: 9999;
    }
    
/* Adword Check anfordern */
    #adwords-check {
        position: fixed;
        width: 150px; height: 45px;
        top: 80%; right: 0px;
        background: #00193C;  
        color: #ffffff;
        line-height: 20px;
        font-size: 15px;
        text-align: center;
        padding-top: 4px;
        border: 1px #ffffff solid;
        box-shadow: 1px 2px 4px rgba(0,0,0, .4);
        z-index: 9999;
    }

/* Angebot anfordern ende */

/* Google Partner */
#google-partner {
        position: fixed;
        width: 215px; height: 75px;
        top: 70%; left: 0px;
        box-shadow: 1px 2px 4px rgba(0,0,0, .4);
        z-index: 9999;
        background-color: #fff;
}
    
/* Google Partner  ende */





/* Jubiläum */
    #jubilaeum {
        position: fixed;
        width: 150px; height: 150px;
        top: 20%; right: 0px;
        background: url('../images/15-jahre-jubilaeum.png') no-repeat;
    }
/* Jubiläum   ende */



/* zurück nach oben */
    .scrollicon {
        position: fixed;
        width: 40px; height: 40px;
        bottom: 80px; right: 20%;
        background: #8EBF1F url('../images/nach-oben.png') no-repeat center center;  
        color: #ffffff;
        text-align: center;
        border: 1px #ffffff solid;
        font-size: 25px;
        font-weight: bold;
       -webkit-border-radius:75px;
       -moz-border-radius: 75px;
       -o-border-radius:75px;
       border-radius: 75px;
	   box-shadow: 1px 2px 4px rgba(0,0,0, .4);
	   display: none;
    }
/* zurück nach oben ende */

hr {
background-color: #D6D0C1;
border:0;
height:1px;
margin:20px 0;
}

/* HEADER */
header
{
position:relative;
width:auto;
max-width:980px;
margin: 0px auto 0px auto;
padding: 15px;
max-height: 80px;
}
header p
{
font-family: Verdana, Geneva, Tahoma, Sans-Serif;
font-size:16px;
color: #333333;
margin-left:132px;
}
nav
{
right: 225px;
bottom: 0px;
z-index:12;
line-height: 13px;
position:absolute
;
}
nav ul
{
list-style:none;
line-height: 24px;
margin: 0 auto;
padding: 0px;
}
nav ul li
{
     float: left;
     margin: 0px 0px 0px 15px;
}
nav ul li a
{
font-family: Verdana, Geneva, Tahoma, Sans-Serif;
font-size: 14px;
text-transform:uppercase;
color: #333333;
}
nav ul li a:hover
{
color:#8EBF1F;
}

nav ul ul li a
{
color: #ffffff;
}
nav ul ul li a:hover
{
color:#8EBF1F;
}


nav ul ul {
     position: absolute;
     top: 20px;
     margin: 4px 0px;
}
 
nav ul ul li {
     float: none;
     margin: 0px 0px 1px 0px;
     background-color:  rgba(66,66,66, .5);
     padding: 0px 10px;
     min-width: 150px;
}

nav ul ul {
     display: none;
}
 
nav ul li:hover ul {
     display: inherit;
}

.weltweit {
	max-width: 100%;
	width: auto;
	position:absolute;
    right:0;
    bottom:0px;
}

#mobileMenu
{
display: none;
top: 0;
left: 0;
width: 100%;
}
#mobileMenu ul li
{
background-color: #8EBF1F;
color: #fff;
padding: 10px 0;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
font-size: 12px;
display:block;
}

#mobileMenu ul ul li
{
display:block;
background-color: #8EBF1F;
color: #fff;
padding: 5px 0;
letter-spacing: normal;
text-align: center;
text-transform: none;
border-bottom: none;
font-size: 10px;
}


.toggleMobile
{
display: none;
}

.logo {
	max-width: 100%;
	width: auto;
}

.weltweit {
	max-width: 100%;
	width: auto;
	position:absolute;
    right:0;
    bottom:0px;
}


/* 3 COLUMNS */
#boxcontent
{
width:auto;
max-width:900px; 
margin:0 auto;
padding:40px 0 0px 0;
text-align: center;
}


#boxcontent article
{
float:left;
width:248px;
min-height: 300px;
margin:0px 15px;
font-size: 14px;
line-height: 20px;
text-align: center;
border-radius: 2px 2px 2px 2px;
background: -moz-linear-gradient(top, #EEE, #FFF);    
background: -webkit-linear-gradient(top, #eee, #fff);
background: -ms-linear-gradient(top, #eee, #fff);
background: -o-linear-gradient(top, #eee, #fff);
box-shadow: 1px 2px 4px rgba(0,0,0, .2);
padding: 10px;
}

#boxcontent article h3
{
font-family: Verdana, Geneva, Tahoma, Sans-Serif;
font-size:22px;
margin-bottom:10px;
color: #00193C;
text-align: center;
line-height: 30px;
font-variant:small-caps;
}

.mehrlesen
{
color: #8EBF1F;
}


#boxcontent article a
{
color: #8EBF1F;
text-decoration: none;
}

#boxcontent article a:hover
{
color: #8EBF1F;
text-decoration: none;
}

#boxcontent article p
{
line-height:25px;
font-family: Verdana, Geneva, Tahoma, Sans-Serif;
}



/* 2 COLUMNS */
#boxcontent-zwei
{
width: 600px;
max-width:600px; 
margin:0 auto;
padding:40px 0 0px 0;
text-align: center;
}

#boxcontent-zwei article
{
float:left;
width:248px;
min-height: 300px;
margin:0px 15px;
font-size: 14px;
line-height: 20px;
text-align: center;
border-radius: 2px 2px 2px 2px;
background: -moz-linear-gradient(top, #EEE, #FFF);    
background: -webkit-linear-gradient(top, #eee, #fff);
background: -ms-linear-gradient(top, #eee, #fff);
background: -o-linear-gradient(top, #eee, #fff);
box-shadow: 1px 2px 4px rgba(0,0,0, .2);
padding: 10px;
}

#boxcontent-zwei article h3
{
font-family: Verdana, Geneva, Tahoma, Sans-Serif;
font-size:22px;
margin-bottom:10px;
color: #00193C;
text-align: center;
line-height: 30px;
font-variant:small-caps;
}

#boxcontent-zwei article a
{
color: #8EBF1F;
text-decoration: none;
}

#boxcontent-zwei article a:hover
{
color: #8EBF1F;
text-decoration: none;
}

#boxcontent-zwei article p
{
line-height:25px;
font-family: Verdana, Geneva, Tahoma, Sans-Serif;
}


/* 3 Boxen unten */

#boxenunten
{
width:auto;
max-width:900px; 
margin:0 auto;
padding: 0px 0 30px 0px;
text-align: center;
}
#boxenunten article
{
float:left;
width:238px;
height: auto;
margin:0px 15px;
line-height: 20px;
text-align: center;
border-radius: 2px 2px 2px 2px;
border: 1px solid #ffffff;
background-color: #8EBF1F;
box-shadow: 1px 2px 4px rgba(0,0,0, .2);
padding: 15px;
}

#boxenunten article h3
{
color: #ffffff;
text-decoration: none;
font-size: 14px;
}

/* 3 Boxen unten Ende */


/* 1 grüne Box unten */

#box-unten
{
width:auto;
width:238px; 
margin:0 auto;
padding: 0px 0 30px 0px;
text-align: center;
}
#box-unten article
{
float:left;
width:238px;
height: auto;
margin:0px;
line-height: 20px;
text-align: center;
border-radius: 2px 2px 2px 2px;
border: 1px solid #ffffff;
background-color: #8EBF1F;
box-shadow: 1px 2px 4px rgba(0,0,0, .2);
padding: 15px;
}

#box-unten article h3
{
color: #ffffff;
text-decoration: none;
font-size: 14px;
font-weight: normal;
margin-bottom: 0px;
}

/* Ende 1 grüne Box unten */


.fehler{
position: absolute;
bottom:-20%;
right:70%;
z-index:12;
height: 250px;
width: 250px;
}





#slider_content1 a, #slider_content2 a, #slider_content3 a
{
color:#8FBF21;
text-decoration: none;
}
#slider_content1 a:hover, #slider_content2 a:hover, #slider_content3 a:hover{
color:#8FBF21;
text-decoration: underline;
}


#slider_content1, #slider_content2, #slider_content3{
line-height: 25px;
font-family: Verdana, Geneva, Tahoma, Sans-Serif;
width:800px;
position:absolute;
bottom:10%;
right:5%;
display:none;
z-index:11;
background-color:  rgba(255,255,255, .7);
padding: 15px;
border-radius: 2px 2px 2px 2px;
}
#slider_content1 img, #slider_content2 img, #slider_content3 img
{
float: right;
margin: 20px 0 0 20px;
max-width: 100%;
width: auto;
}

#slider_content1 h3, #slider_content2 h3, #slider_content3 h3
{
color:#00193C;
font-size:30px;
font-weight: lighter;
display:inline-block;
line-height: 35px;
padding-bottom: 10px;
font-variant:small-caps;
}
#slider_content1
{
display:block;
}

#text-auf-bild{
line-height: 25px;
font-family: Verdana, Geneva, Tahoma, Sans-Serif;
width:800px;
position:absolute;
bottom:10%;
right:5%;
display:none;
z-index:11;
background-color:  rgba(255,255,255, .7);
padding: 15px;
border-radius: 2px 2px 2px 2px;
}
#text-auf-bild img
{
float: right;
margin: 20px 0 0 20px;
max-width: 100%;
width: auto;
}

#text-auf-bild h3
{
color:#00193C;
font-size:30px;
font-weight: lighter;
display:inline-block;
line-height: 35px;
padding-bottom: 10px;
font-variant:small-caps;
}
#text-auf-bild{
display:block;
}

#text-auf-bild a
{
color:#8FBF21;
text-decoration: none;
}
#text-auf-bild a:hover{
color:#8FBF21;
text-decoration: underline;
}


/* FOUR COLUMNS */
#text_columns
{
line-height:25px;
font-family: Verdana, Geneva, Tahoma, Sans-Serif;
font-size: 20px;
clear:both;
width:auto;
max-width:900px;
margin:0 auto;
text-align: center;
}

#text_columns a
{
color: #00193C;
text-decoration: underline;
}

#text
{
width: 40%;
text-align: left;
float: left;
font-size: 14px;
border: 1px solid #00193C;
padding: 20px;
background-color: #F5F6F7;
color: #333;
}

#text ul 
{
display: block;
margin: 0px;
padding: 0px;
margin-left: 20px;
}


#text li
{
list-style: square;
list-style-position: outside;
margin-left: 20px;
}

#text h3
{
color: #00193C;
}


#text_columns h3
{
font-size:40px;
line-height: 40px;
border-bottom: 1px solid #CCCCCC;
color: #00193C;
padding: 20px 0;
margin-bottom: 20px;
}

#text span
{
color: #00193C;
}




#text-zentriert
{
width: 60%;
text-align: left;
font-size: 14px;
border: 1px solid #999;
padding: 20px;
background-color: #F5F6F7;
margin: 15px auto 0;
color: #333;
}

#text-zentriert ul 
{
display: block;
margin-left: 20px;
}


#text-zentriert li
{
list-style: square;
list-style-position: outside;
}

#text span
{
color: #00193C;
}

#text-zentriert h2
{
color: #00193C;
border: none;
margin-top: -20px;
}




#four_columns .img-item
{
float:left;
margin-right:25px;
}
#four_columns .img-item a
{
position:relative;
display:block;
}
.thumb-screen
{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:113px;
background: #000 url(img/zoom.png) center center no-repeat;
z-index:99;
opacity: 0;
transition: opacity .5s ease;
}
.thumb-screen:hover
{
opacity:0.5;
}
/* TWO COLUMNS */

#text_columns article.column1, #text_columns .column2
{
margin: 30px 0;
font-size:14px;
width:auto;
max-width: 900px;
line-height: 26px;
}

#text_columns article.column1 h1, #text_columns .column2 h1
{
font-size:30px;
font-weight: normal;
color: #00193C;
font-variant:small-caps;
margin-top: 15px;
margin-bottom: 30px;
line-height: 38px;
}

#text_columns article.column1 h2, #text_columns .column2 h2{ 
font-size: 17px;
font-weight:normal;
color: #8DBE1F;
margin-bottom:10px;
margin-top: 15px;
}

#text_columns article.column1 h3, #text_columns .column2 h3{ 
font-size: 14px;
font-weight:bold;
color: #333333;
margin: 15px 0px;
padding: 0px;
border: inherit;
line-height: 22px;
}


/* FOOTER */

footer
{
        position:relative;
        clear:both;
        width:auto;
        height:400px;
        background:#00193C;
}

footer .wrapper
{
        line-height:10px;
        margin: 0 auto;
        padding-top:30px;
        width:auto;
        max-width:900px;
        font-size:12px;
}

footer .wrapper .column
{
        font-family: Verdana, Geneva, Tahoma, Sans-Serif;
        color:#ababab;
        float:left;
        width:280px;
        margin-right:20px;
}

footer .wrapper .column ul li
{
        display:block;
        width:auto;
        padding:3px 0px 4px 0px;
        margin:0px;
}

footer .wrapper .column.midlist ul li
{
        display:block;
        width:auto;
        padding:3px 0px 4px 0px;
        margin:0px;
        border-bottom: 1px solid #444444;
}

footer .wrapper .column.midlist ul li a:hover
{
        color:#fff;
}

footer .wrapper .column.rightlist{
        line-height: 18px;

}

.bottom-center
{
        width: 100%;
        text-align: center

}



footer .wrapper .column.rightlist ul li
{
        display:block;
        width:auto;
        margin-bottom:15px;
}

footer .wrapper .column.rightlist img
{
        float:left;
        margin-left:95px;
        margin-bottom: 10px;
        display:block;

}

footer .wrapper .column h4
{
        font-size: 14px;
        color: #fff;
        border-bottom: 1px solid #444444;
        padding: 0 0 10px 0;
        margin-bottom: 10px;
}

h5
{
        font-size: 16px;
        color: red;
        font-weight: bold;
}


#logos
{
        background: #00193C;
        height: auto;
        bottom:0;
        left:0;
        width:100%;
        text-align: center;
        overflow: hidden;
        padding: 30px 0;
}

#logos h4
{
        color: #fff;
        margin-bottom: 30px;
}


#logos ul
{
        text-align: center;
        width: 330px;
        margin: 0 auto;
}

#logos li
{
        float: left;
        margin-right: 10px;
}



#copyright
{
        background: #8EBF1F;
        height:auto;
        width:100%;
        text-align: center;
        margin-bottom: 40px;
        padding: 30px 0;
}
#copyright .wrapper
{
        font-family: Verdana, Geneva, Tahoma, Sans-Serif;
        color: #ffffff;
        font-size:12px;
}
#copyright .wrapper .social
{
        position:absolute;
        right:0;
        top:25px;
}
#copyright .wrapper .social a
{
        transition: opacity .25s ease;
        opacity: 0.3;
        margin-left: 12px;
        display:block;
        float:left;
}
#copyright .wrapper .social a:hover
{
        opacity: 0.7;
}
#copyright .wrapper a
{
        color: #ABABAB;
}

#copyright .wrapper a:hover
{
        color: #fff;
}


/* SLIDESHOW */
/* Prevent the slideshow from flashing on load */
.slidesjs-container
{
border-top: 1px #d6d0c1 solid;
}
#slides
{
display: none;
box-shadow: 0px 0 5px 0px #003366;
}

#bild
{
box-shadow: 0px 0 5px 0px #003366;
}

img.ersatzbild
{
width: 100%;
height: auto;
}

/* Center the slideshow */
.container
{
width:auto;
margin: 0 auto;
position:relative;
}


/* MISC */
.clear
{
clear:both;
margin-bottom: 30px;
}
.hidden
{
position:absolute;
clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
clip: rect(1px, 1px, 1px, 1px);
}
/* MEDIA QUERIES FOR A RESPONSIVE LAYOUT *************************************************************************************************************************************************************/
@media (max-width: 1215px)
{

.fehler{
position: absolute;
bottom:-30%;
right:70%;
z-index:12;
height: 250px;
width: 250px;
}

#middle{
width: 96%;
padding: 2%;
}


.center
{
width: 100%;
}



#slider_content1, #slider_content2, #slider_content3
{
width:50%;
margin-right:50px;
}

#slider_content1 h3, #slider_content2 h3, #slider_content3 h3
{
font-size:22px;
font-variant:small-caps;
line-height: 22px;
}
#slider_content1 p, #slider_content2 p, #slider_content3 p
{
font-size:14px;
}

/* Feststehendes Bild ohne slider */

#text-auf-bild
{
width:50%;
margin-right:50px;
}

#text-auf-bild h3
{
font-size:22px;
font-variant:small-caps;
line-height: 22px;
}
#text-auf-bild p
{
font-size:14px;
}


@media (max-width: 915px)
{


#boxcontent
{
padding: 0px;
min-height: inherit;
margin-bottom: -75px;
}

#boxcontent article
{
float: none;
margin: 30px auto -10px auto;
width: 60%;
min-height: inherit;
}

#boxcontent article h3
{
font-family: Verdana, Geneva, Tahoma, Sans-Serif;
font-size:20px;
margin-bottom:10px;
color: #00193C;
text-align: center;
line-height: 25px;
}

#boxcontent article p
{
font-size: 12px;
}

#boxcontent-zwei
{
padding: 0px;
min-height: inherit;
width:auto;
max-width:900px; 
}

#boxcontent-zwei article
{
float: none;
margin: 30px auto -10px auto;
width: 60%;
min-height: inherit;
}

#boxcontent-zwei article h3
{
font-family: Verdana, Geneva, Tahoma, Sans-Serif;
font-size:20px;
margin-bottom:10px;
color: #00193C;
text-align: center;
line-height: 25px;
}

#boxcontent-zwei article p
{
font-size: 12px;
}


/* 3 Boxen unten */
#boxenunten
{
padding: 0px;
text-align: center;
width: 100%;
}
#boxenunten article
{
float: none;
width: 50%;
height: auto;
margin: 10px auto;
}

#boxenunten article h3
{
color: #ffffff;
text-decoration: none;
font-size: 14px;
}

/* 3 Boxen unten Ende */


#four_columns
{
width: 600px;
}
#text_columns article.column1, #text_columns .column2, #text_columns .column3
{
float:none;
margin: 30px 30px;
}

#text_columns article.column1 h1, #text_columns .column2 h1, #text_columns .column2 h3
{
font-size:24px;
font-weight:normal;
color: #00193C;
font-variant:small-caps;
padding-top: 50px;
}



.column2 .row
{
float:none;
margin:0 0 40px 50px;
}
        footer .wrapper .column
        {
                font-size: 12px;
                width: 230px;
        }
        
}
@media (max-width: 765px)
{

.rechts{
width: 96%;
float: none;
padding: 2%;
}


#text{
width: 96%;
float: none;
padding: 2%;
}


.center
{
width: 100%;
margin: 0 auto;
}

#zertifizierung article{
width: 50%;
float: none;
text-align: center;
margin: 0 auto 15px;
}





.fehler-mobile{
height: 250px;
width: 100%;
display: none;
text-align: center;
position:relative;
clear:both;
}


.fehler{
display: none;
}


#boxenunten article
{
width: 70%;
}

#text
{
margin: 0 auto;
width: 80%;
text-align: left;
}

#text ul 
{
display: block;
margin: 0px;
padding: 0px;
}





/* zurück nach oben */
    .scrollicon {
        bottom: 300px; right: 0px;
    }
/* zurück nach oben ende */



/* Formular */

.textfeld textarea {
width: 100%;
display: block;
}


#button input{
width: 100%;
display: block;
padding: 4px;
border: 1px #8EBF1F solid;
margin: 5px;
text-align: center;
}

.textfeld input{
display: block; 
width: 100%;
}

.textfeld label{
width: 100%;
display: inline-block;
}

.textfeld textarea {
width: 100%;
display: block;
}

.auswahlfeld label{
width: 20%;
display: inline;
margin: 5px;
text-align: left;
}


.input{
width: 100%;
display:  block;
text-align: center;
}

span {
float: none;
margin-right: 0px;
}

.suchbegriffe label{
width: 50%;
display: inline;
margin: 5px;
top: 0px;
}

.suchbegriffe input{
width: 100%;
text-align: left;
display: block;
}

.textfeld select{
width: 100%;
display: block;
}



/* Ende Formular */


#boxcontent
{
padding: 30px;
}

#boxcontent-zwei
{
padding: 30px;
}



.container
{
height:1px;
top: -1500px;
}

header
{
height:120px;
margin-bottom: 70px;
}

header nav
{
right: auto;
bottom: auto;
left: 50%;
top:120px;
margin-left: -184px;
}

#boxcontent article
{
min-height: inherit;
}

#boxcontent article-zwei
{
min-height: inherit;
}


footer
{
padding-bottom:70px;
height: auto;

}

footer .wrapper
{
width: 350px;
margin: 0 auto;

}

footer .wrapper .column
{
margin: 30px auto 15px auto;
float:none;
font-size: 12px;
width: auto;
}



#copyright
{
 margin-bottom: 100px; 
}      
#copyright .wrapper
{

padding-top:22px;
font-size:12px;
line-height: 16px
}

#text_columns article.column1, #text_columns .column2
{
margin: 30px;
}
.google-logo{
margin-right: 0px;
margin-top: 0px;
}

}	    
@media (max-width: 500px)
{

.float-left{
float: none;
margin-left: 0;
}

.float-right{
float: none;
margin-top: 50px;
}


.bilder-center{
text-align: center;
width: 100%;
clear: both;
margin-top: 30px;
overflow: hidden;
margin: 0 auto;
}


#text-zentriert
{
width: 96%;
text-align: left;
font-size: 14px;
border: 1px solid #999;
padding: 2%;
background-color: #F5F6F7;
margin: 15px auto 0;
color: #333;
}


/* Start Tabelle ******************************************************************************************************************************************/



.postTable, .postTable thead, .postTable tbody, .postTable tr, .postTable th, .postTable td {
	        display: block;
	    }
	    
	    .postTable  tr:hover {
	    background: transparent;
	}

	 
	    .postTable {
	        text-align: center;
	    }
	 
	    .postTable thead {
	        position: absolute;
	        top: -1111px;
	        left: -1111px;
	    }
	 
	    .postTable td:before {
	        float: left;
	        padding: 0 10px 0 0;
	        content: attr(data-label);
	    }
	 
	    .postTable td:nth-child(1) {
	        font-weight: bold;
	    }
	 
	    .postTable td:nth-child(1) {
	        font-weight: bold;
	    }
	 
	    .postTable td:last-child {
	        border-bottom: 5px  #E8F2D2 solid;
	    }
	 
	    .oddRow {
	        background: #fff;
	       
	    }
	 
	    .oddCol {
	        background: #f5f8fd;
	    }
	    
/* Ende Tabelle */

#boxenunten article
{
width: 80%;
}


header
{
height:90px;
margin-bottom: -40px;
}


header nav
{
	display: none;
}

.weltweit {
	display: none;
}






/* zurück nach oben */
    .scrollicon {
        bottom: 350px; right: 0px;
    }
/* zurück nach oben ende */



header
{
margin-top: 0px;
text-align: center;
}

#four_columns .img-item
{
width: 200px;
float:none;
margin: 25px auto 0 auto;
}
#four_columns h2
{
margin: 0 30px;
}
.column2 .row
{
margin: 0 0 40px 10px;
width:auto;
}

        footer
        {
              
                padding: 0px 0px 100px 0px;
                height: auto;
        }

        footer .wrapper
        {
                width:auto;
        }
        footer .wrapper .column
        {
                margin: 30px auto 15px auto;
                max-width:300px;
        }
        

input
{
width:auto;
}

#mobileMenu
{
display: block;
z-index: 99;
width: 100%;
}
.toggleMobile
{
position: absolute;
top: 10px;
left: 10px;
display: block;
width: 40px;
height: 36px;
cursor: pointer;
z-index: 999;
}
.toggleMobile span.menu1, .toggleMobile span.menu2, .toggleMobile span.menu3
{
display: block;
position: absolute;
width: 40px;
height: 8px;
left: 0;
background: #00193C;
-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile span.menu1
{
top: 0;
}
.toggleMobile span.menu2
{
top: 14px;
}
.toggleMobile span.menu3
{
top: 28px;
}
.toggleMobile.active span.menu1
{
top: 14px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile.active span.menu2
{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: all 0.5s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}
.toggleMobile.active span.menu3
{
opacity: 0;
-webkit-transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
transition: opacity 0.35s cubic-bezier(0.75, 0.25, 0.10, 0.95);
}


/* KEYFRAMES */
@keyframes stylie-transform-keyframes {
0% {transform:translateX(30px) translateY(46px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
100% {transform:translateX(260px) translateY(-150px) rotate(0deg) translate(-50%, -50%);}
}
@keyframes stylie-transform2-keyframes {
0% {transform:translateX(40px) translateY(40px) rotate(0deg) translate(-50%, -50%);animation-timing-function: cubic-bezier(.25,.25,.75,.75);}
100% {transform:translateX(50px) translateY(40px) rotate(0deg) translate(-50%, -50%);}
}
}