@charset "utf-8";
/* CSS Document */
html {
    -webkit-text-size-adjust: 100%; /* Gleiche Schriftgröße Portrait und Landscape auf dem I-Phone */
}
body {
	margin: 0px;
	padding: 0px;
	background-image: url(../img/layout/bkgnd_papier.jpg);
	background-repeat: repeat;
}
h1 {
	text-align: left;
	font-size: 1.3em;
	color: #003B6F;
}
h2, #startseite {
	text-align: left;
	font-size: 1.15em;
	margin-bottom: -0.5em;
	color: #003B6F;
	margin-top: 2em;
}
h3 {
	text-align: left;
	font-size: 1em;
	margin-bottom: -0.5em;
	color: #003B6F;
}
img {
	max-width: 100%;
	height: auto;
}
#asa > li {
	list-style-image: url(../img/layout/list.jpg);
}

.inhalt {
	padding: 20px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.95em;
	color: #282828;
	text-align: left;
	line-height: 1.4em;
}
#footer {
	border-top:#003B6F 1px solid;
	background-color:#fff;
}
.fusszeile {
	padding: 5px;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	height:60px;
	font-family: Verdana, Geneva, sans-serif;
}
.divider {
	background-image: url(../img/layout/divider_blue.jpg);
	height: 10px;
	width: 100%;
	background-position:center;
	background-repeat: repeat-y;
	background-size: cover;
	position:relative;
	clear:both;
}
.firma{
	text-align:center;
	background-color:#fff;
	opacity:0.5;
	font-size:18px;
	line-height:30px;
	position:relative;
	margin-top:0px !important;
	padding:10px !important;
	}
#top{
	background-color:#003B6F;
	border-bottom: #fff 1px solid;
	position:fixed;
	width:100%;
	height:auto;
	top:0px;
	z-index:100;
	}
#foto_top > img{
		width:25%;
		height:auto;
		float:left;
		}
#foto_top > #slideshow > div{
		width:25%;
		height:auto;
		float:left;
		}
.foto_header{/*Positionierung der Fotos unter de Menü*/
	margin-top: 95px;
	}
	/*ENDE*/
	a.tel:link{
	text-decoration:none;
	color:#333;
	white-space:nowrap;
	}
	a.tel:visited{
	text-decoration:none;
	color:#333;
	}a.tel:hover{
	text-decoration:none;
	color:#333;
}
.figure_rechts{
	max-width:40%;
	margin-right: 0px;
	margin-left:10px;
	float:right;
	height:auto
	background-color:#fff;
	font-size:11px;
	border: #fff 1% solid;
	}
.figure_rechts > figcaption{
	max-width:300px;
	height:auto;
	text-align:left;
	margin-left:0px;
	margin-right:0px;
	margin-top:-7px;
	background-color:#fff;
	}
	.figure_rechts > figcaption > p{
	padding:5px;
	margin-top:0px;
	margin-bottom: -10px !important:
	}
#zertifikate{
	text-align:justify;	
	}
#zertifikate > a > img{
	max-width:30%;
	border: #6B6B6B 1px solid;
	margin-bottom:10px;	
	}
/*gleicht in der Menüleiste Zeilenhöhe aus, damit Unterpunkte unterhalb der Leiste erscheinen*/	
#offset{
	display: none;
	}	
			
/* START: scroll icon */
    .scrollicon{
        text-align: center;
        text-decoration:none;
        width: 50px;
        height:40px;
        border-radius: 10% 10% 10% 10% ;
        background:#ccc;
        opacity:0.7;
        position:fixed;
        bottom:10px;
        right:10px;
        display:none;
        border:1px solid #333;
    }
    .scrollicon div{
        font-weight:bold;
        font-size:28px;
        color:#333;
        padding-top:12px;
    }
 /* END scroll icon */
 
/*Diaschau-------------------*/
#slideshow { 
    position: relative; 
	padding-bottom:42%;
}

#slideshow > div { 
    position: absolute !important;
	/*max-height:400px;*/ 
}
#slideshow > div img { 
width:100%;
height:auto;
}
/*ENDE Slideshow-----------------*/

/*LAYOUTANPASSUNG----------*/
@media screen and (max-width: 955px) {
/*Positionierung der Fotos unter dem Menü*/
.foto_header{
	margin-top: 117px;
	}	
}
/*Abstand zum Rand*/
@media screen and (max-width: 768px) {
	.inhalt{
		padding:10px;
		}
/*Positionierung der Fotos unter dem Menü*/
.foto_header{
	margin-top: 45px;
	}	
}
@media screen and (max-width: 680px) {
/*Lineheight kleiner nach Textumbruch*/
.firma{
	line-height:20px;
	}
}
@media screen and (max-width: 640px) {
/*Fotos ausblenden, Rest größer*/
#foto_plus{
	display:none;
	}
	#foto_top > img{
		width:50%;
		height:auto;
		}	
		#dia{
		width:50% !important;
		height:auto !important;
		}
h1 {
	font-size: 1.15em;
}
h2 {
	font-size: 1.0em;
}
h3 {
	font-size: 1.0em;
}
.inhalt {
	font-size: 0.85em;
	line-height: 1.4em;
}
		
}
@media screen and (max-width: 600px) {
	#zertifikate > a > img{
	max-width:48%;
	}

}


/*LINKS__________________________________*/

a.button:link{
	text-decoration:none;
	display:block;
	color:#fff;
	padding:5px;
	border-radius:0px;
	background-color:#003B6F;
	width: 250px;
	text-align:center;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	}
	a.button:visited{
		color:#fff !important;
		}
	a.button:hover{
	text-decoration:none;
	color:#fff;
	border-radius: 15px 15px 15px 15px;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	}
	a.button:focus{
		color:#fff !important;
		}
	a.button:active{
		color:#fff !important;
		}	
/*swiper START________________________*/
 .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
       /* background: #fff;*/

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
   
/*swiper ENDE_________________________*/

/*START RESPONSIVE IFRAME*/
iframe {
	max-width: 100%;
		}
		    .embed-container {
      position: relative; 
      padding-bottom: 56.25%; /* ratio 16x9 */
      height: 0; 
      overflow: hidden; 
      width: 100%;
      height: auto;
    }
    .embed-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    }
    /* ratio 4x3 */
    .embed-container.ratio4x3 {
      padding-bottom: 75%;
    }
/* responsive iframe ENDE*/