@charset "utf-8";
/* CSS Document Formate Münk und Nierlich GmbH */

@font-face{
	font-family: walkway;
	
	src: url("../Walkway Expand Bold.ttf");
}

 *{box-sizing: border-box;}

.wrapper{min-width: 300px;
	max-width: 1000px;
	margin: auto;
}
::selection {color: #fff ;
	background: #4b81c2;
}
::-moz-selection { /* Code for Firefox */
	color: #fff ;
	background: #4b81c2;
}
/* ----------------------  dropdown menu ----------------------------*/
.dropdown {
	color:#89a4d6;
	font-weight: bold;
	position: relative;
    display: inline-block;
	line-height: 25px; 
	margin: 0; 
	
}
.dropdown-content {
	list-style: none;
    display: none;
    position: absolute;
	background-color:#4b81c2;
	/* background-color:rgba(75,129,194, 1); */
	width: 15em;
	/*box-shadow: 0px 8px 16px 0px ;*/
    /*padding: 12px 16px;*/
	margin: 0; padding: 0;
    z-index: 10;
	/* font-size: 90%;  */
}
	/* Attribute für die Unternavigationselemente bei Hover */
.dropdown-content a{
	color:#fff;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 2px; 
}
	
.dropdown:hover .dropdown-content {
	display: block;
	
}

.dropdown:hover{
	color:#4b81c2;
	}

.dropdown:hover a {
		color:#fff;
		/*
		margin: 0;
		padding: 0; */
}
	
.dropdown:hover a:hover {
		color:#4b81c2;
		background-color:#fff;
		/* background-color:rgba(191,202,233,1.00); */
		/* letter-spacing: 1px; */
		display: block;
}

	/* oberhalb des dropdown sollte sich bei hover die schrift des Navigations-Elements nicht ändern */ 
.dropdown:hover .dropbtn a {
		color:#4b81c2;
}

	/* oberhalb des dropdown sollte sich bei hover die schrift des Navigations-Elements nicht ändern */
.dropdown:hover .dropbtn a:hover {
		color:#4b81c2;
		text-transform: none;
		/*letter-spacing: 0px;*/
}

#active {/*background-color: beige;*/
		color: #3e4853;
		/*letter-spacing: 0;*/
		text-transform:none
}

/* ----------------------  Header ----------------------------*/
header {/*background-color: beige;*/
	width: 100%;
	text-align: center;
}
.slider-wrapper	{margin: auto;
				position:relative;
				z-index:-1; 
}
#fassade img {width: 100%;	
}
nav{
	/* background-color: antiquewhite; */
	width: 100%;
	text-align: center;
	font-family:walkway;
	/* letter-spacing: 1px; */
	margin: 1em 0em; 
}

nav a
{
	padding-right: 1em;
	padding-left: 1em;
}

a{
	color:#89a4d6;
	/* margin-right: 1em; */
	font-weight: bold;
	text-decoration: none;
}
a:hover{color:#4b81c2;
}

#active{
	color: #3e4853;
}

/* ----------------------  Hamburger ----------------------------*/

/* Hide the link that should open and close the topnav on small screens */
.icon {
  display: none;
} 


/* ----------------------  Content ----------------------------*/
h3{margin: 0;
	margin-top: 30px;
	padding: 0;
	color:#4b81c2;
	font-family:walkway;
	border-bottom: 1px solid #4b81c2;
	}
#content{/*background-color: aquamarine;*/
	color: #3e4853;
	width: 70%;
	margin: auto;
	/*padding-bottom: 10px;*/
	margin-bottom: 10px;
	border-bottom: 1px solid #4b81c2;
	}
/* content wird zwei spaltig dargestelltes 
für smmartphones soll es einspaltig sein */
#spalte1, #spalte2{/*background-color: antiquewhite;*/
	padding: 0px 10px;
	width: 50%;
	display: table-cell;
	font-family: "Times New Roman", serif;
}
/* ausnahme für die kontaktseite */
.spalte_kontakt{/*background-color: antiquewhite;*/
	padding: 0px 10px;
	width: 40%;
	display: table-cell;
	font-family: "Times New Roman", serif;
}
/* noch eine variation */
.kontakt_content_layout{
	width: 70%;
	margin: auto;
}
.kontakt_content_layout p{
	text-align: center;
}
iframe{
	width: 100%;
	margin: auto;
	}
figure{
	/*background-color: rgba(75, 129,  194 , 0.3);	*/
	margin: 10px 0 0;
	padding: 10px;
	width: 40%; 
	float: left;
}
figure img{width: 180px; }
/* teambilder floeten, footer soll nicht mehr floeaten*/
#team_content_ende{	
clear:left;
}
/* ----------------------  Footer ----------------------------*/
footer{/*background-color:antiquewhite;*/
	width: 70%;
	font-family:walkway;
	letter-spacing: 1px;
	margin:  auto;
	}
#footer_links, #footer_rechts{/*background-color:crimson;*/
	float:  left;
	font-size: 85%;
	color:#404548 ;
	width:50%;
	text-align: center;
	margin:0; padding:0;
}
 h6{
	font-size: 100%;
	padding:0; margin:5px 0;
}
#impressum {
	/*background-color: cyan;*/
	width: 100%;
	clear: left;
	text-align: center;
	padding:  10px 0px;
	margin-bottom: 10px;
}
#impressum a{
	/* background-color: cyan; */
	margin: 0px;
	line-height: 40px;
	padding: 0 5px;
	font-size: 90%;
}
/* ----------------------  Ende Footer ----------------------------*/
/* für smartphnes*/
@media only screen and (max-width: 1024px){
/*	@media only screen and (max-device-width: 768px) and (orientation : portrait) {*/
	/* #content{background: #4b81c2;}*/
	body{font-size: 85%;}
	#content{width :80%; font-size: 1.2em;}
	#impressum{display: block; margin-left:0em; font-size: 3em; text-align: center; padding-top:1em; }
	#kontakt{width: 100%; display: block;  }
	#zeiten{text-align: center;}
	#spalte1{width: 100%; display: block;}
	#spalte2{width:  100%;  display: block;}
	#footer_rechts{width: 100%;display: block;font-size: 100%; font-size: 2.5em; text-align: center; }
	#footer_links{width: 100%;display: block;font-size: 100%;font-size: 2.5em; text-align: center; }
	figure{
		clear:left;
		width: 50%;
		margin-left: 3em;
	} 
	figure img{
		width: 150%;
	}
	.spalte_kontakt{width: 100%; display: block; }
	/* soll der aktive Link gezeigt werden   
	.topnav.responsive a:not(#active)  {
		display: none;
	} */
	h3{
		margin-bottom: 30px;
		/* background-color:olive; */
	}
	.icon  {
		/* background-color: olive; */
		float: right;
		display:block;
		margin-bottom: 1.9em;
		font-style: 5em;	
	}
	#myLink1, #myLink2,#myLink3, #myLink4 , #myDropdown1, #myDropdown2{
		display: none;
	}
	a:not(p a){
		/* background-color: green; */
		float: none;
		display:block;
		text-align: left; 
		margin-left: 1.5em;
		line-height: 25px; 
		font-size: 35px;
		padding-top: 0.7em;
		padding-bottom: 0.3em;
	}

	a:not(.icon)  {
		/* background-color: blue; */
		width:10em;
		display:inline;
	}
	.topnav  a:not(.icon){
		float: none;
		display: block;
		text-align: left; 
		margin-left: 1.5em;
		/* line-height: 125px; */
	}
	.dropdown {
		/* background-color: green; */
		float: none;
		/* display: block;  */
		/* text-align: left; */
		/* line-height: 25px; */
		width: 32%;
	}
	.dropbtn {
		/* background-color: yellow; */
		/* display: block;  */
		padding-bottom:0em; 
		margin-bottom :0em;
		padding-top:0em; 
		margin-top :0em;
	}
	.dropdown-content	{
		/* background-color: violet; */
		padding-left:0; 
		width: 16em;
		font-size: 2em;
		/* background-color: blue; */
		margin-left: 2.5em; 
	}
	.dropdown-content a{
		width: 100%;
		padding-left: 0;
		margin-left: 0; 
	}
	.dropdown:hover a:not(.dropdown:hover .dropbtn a) {
		margin-left: 0;
		text-align: center;
	}
	#active{
		/* background-color: olive; */
		float: none;
		color: #4b81c2;
		text-align: left; 
		margin-left: 1.5em;
		/* line-height: 1em; */
		padding-top:0.5em;
		margin-top:0;
	}



}

@media print{
	#content{width:100%;} 
	#navigation{display: none;}
	/* iframe{display: none;}*/
	#impressum{display: none;}
	.slider-wrapper{display: none;}
	h4{display: none;}
}