@charset "UTF-8";
/* CSS Document */

* {box-sizing:border-box;}

/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/quicksand-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/quicksand-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/quicksand-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/quicksand-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/quicksand-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/quicksand-v30-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}

html 				{	font-family:'Quicksand', sans-serif;
					}

@media screen and (min-width:1180px) and (max-width:2600px) 
{

body 				{	width:100%;
						height:auto;
						margin:0 auto;
					}
	
	


	header 			{	width:100%;
						height:200px;
						position:fixed;
						left:0;
						margin:0;
						padding:0;
						top:0;
					
						
		bottom:0;

					}
	
	#header {
  position: relative;
  width: 100%; 
height:auto;
	padding-bottom:30px;
  background:white;
	display: table;
	}
	
	
	.balken 		{	background-color:#34a635;
								width:100%;
								height:100px;
								
								bottom:0;
								}	
	
main 				{	position:absolute;
						top:200px;
						z-index:-1;
						width:100%;
						height:auto;
						margin:0 auto;
						
					}
	

#containerheader	{	position:relative;
						bottom:0;
					}



#logo	 			{	width:15%;
						height:auto;
						margin:0 auto;
						padding-left:25px;
						padding-top:20px;
						padding-bottom:20px;
						
						
					
						
					}	
	
					
				
/* Gestaltung Navigation */
	
	





a {
  
  font-weight: 700;
  text-decoration: none;
}


#header {
  position: relative;
  width: 100%; 
height:auto;
	padding-bottom:30px;
  background:white;
	display: table;
	}
	
	
		
	#navigation {
  position: relative;
  width: 100%; 
height: 50px;
  background:#34a635;
  box-shadow: 0 0 5px rgba(#000, 0.15);
  text-align: center;
	line-height: 50px;
	bottom:0;
}
					
				

	.balken 		{	background-color:#34a635;
								width:100%;
								height:100px;
								
								bottom:0;
								}	
	
	
	/* Gestaltung Navigation */
	
.mobile-menu {
  display:block;
  width:100%;

background:#34a635;
line-height: 1.6em;
font-weight: 400;
text-align:center;
	position: relative;
  margin:0 auto;
}
/*Strip the ul of padding and list styling*/
.mobile-menu ul {
	list-style-type:none;
  margin: 0 auto;
  padding-left:0;
  text-align:center;
  width:100%;
  position: absolute;
  background:#34a635;
}



/*Style for menu links*/
.mobile-menu li a {
	display:block;
	min-width:140px;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:white;
  text-transform:uppercase;
	background:#34a635;
	text-decoration: none;
  margin-left:-5px;
  padding: 10px 0;  
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-ms-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}

/*Hover state for top level links*/
.mobile-menu li:hover a {
	color:#34a635;
  background-color:white;
}

/*Style for dropdown links*/
.mobile-menu li:hover ul a {
	background:#34a635;
	color:white;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
.mobile-menu li:hover .mobile-menu ul a:hover {
	color:#34a635;
}

/*Hide dropdown links until they are needed*/
.mobile-menu li ul {
	display: none;
}

/*Make dropdown links vertical*/
.mobile-menu li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
.mobile-menu li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}


/*Style 'show menu' label button and hide it by default*/
.mobile-menu .show-menu {
	text-decoration: none;
	color:white;
	background:#34a635;
	text-align: center;
	padding: 10px 15px;
	display: none;
  cursor: pointer;
  text-transform: uppercase;
}

.mobile-menu .show-menu span{
   padding-left: 35px;
}

/*Hide checkbox*/
.mobile-menu input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
.mobile-menu input[type=checkbox]:checked ~ #menu{
    display: block;
}

/*Responsive Styles*/


 .mobile-menu .lines {
    border-bottom: 9px double white; 
    border-top: 3px solid white; 
    content:"";
    height: 15px; 
    width:20px;
    padding-right:15px;
	float: right;
} 
	/*Make dropdown links appear inline*/
	.mobile-menu ul {
		position: static;
		display: none;
	}
	Create vertical spacing
	.mobile-menu li {
		margin-bottom: 1px;
	} 
	/*Make all menu links full width*/
	.mobile-menu ul li, .mobile-menu li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.mobile-menu .show-menu {
		display:block;
	}
	


	/* Gestaltung Navigation Ende */ 

	
h1, h2, h3 			{	text-transform:uppercase;
						color:#34a635;
						
					}	
	
	h1 				{	font-size:450%;
						text-align:center;
						margin-top:40px;
					}
	h2 				{	font-size:250%;
						text-align:center;
					}
	
	hr 				{	width:80%;
						margin:0 auto;
					}
	
#startseite 		{	width:100%;
						height:100%;
						
					
						
	}
	
a.sprungziel		{
						display:block;
						position:relative;
						top:-225px;
					}
	
#bild img 			{	width:100%;
						height:30%;
						margin:0 auto;
					}	
	
		
	
article 			{	text-align:center;
						font-size:130%;
						margin-top:40px;
						margin-bottom:50px;
					}

#team				{	width:60%;
						height:auto;
						margin:0 auto;	
					}
					

#teambild 			{	width:100%;
						height:auto;
						margin:0 auto;
					}
	
#aktuelles			{	width:45%;
						height:auto;
						margin:20px auto;
						
					}

#aktuellesbild		{	width:100%;
						height:auto;
					}
	
#brillen_bild 		{	width:50%;
						height:auto;
						margin:50px auto;
					}	
	
#kontaktlinsen 		{	
						width:70%;
						height:auto;
						margin:20px auto;
						
					}
	
#kontaktlinsenbild 	{	
						width:100%;
						height:auto;
						
						margin:0 auto;
					}
	
	#kastenleistungen {	width:100%;
						height:20%;
						left:0;
						background-color:#34a635;
					}
	#kastenleistungen p 	{ color:white;
							text-align:center;
							padding-top:20px;
							font-size:15pt;
							font-weight:bold;}
	
	
	#gesundheit 	{	text-align:center;
						margin-top:40px;}
	
	
#kontakt 			{	width:100%;
						height:auto;
						margin:40px auto;
					
					}
	
#kontaktcontainer 	{	width:100%;
						height:auto;
						margin:0 auto;
						margin-bottom:60px;
					}	
	
#aussenbildkontakt	{	float:left;
						width:40%;
						height:auto;
						margin-bottom:50px;
						margin-left:200px;
						
	}
	
#textkontakt 		{	float:right;
						width:40%;
						height:auto;
						margin-top:150px;
						font-size:16pt;
						
					}	
	
	#impressum 		{	width:100%;
						height:auto;
						top:225px;}	
	
	.impressumtext 		{	text-align:left;
							margin-left:150px;
							margin-right:30px;
	}
	
#container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin:0 auto;
  padding:20px;
	
}

#container > div {
  width: 50%;
  padding: 10px;
  background:white;
}

#container > div:first-child {
  margin-right: 10px;
}

#box1 	{	margin-left:400px;}
	
iframe 				{	width:100%;
						height:600px;
						margin:0 auto;
						left:0;}	
	
	.kastenleistungen {	width:100%;
						height:20%;
						left:0;
						background-color:#34a635;
					}
	.kastenleistungen p 	{ color:white;
							text-align:center;
							padding-top:20px;
							font-size:15pt;
							font-weight:bold;}
	
}