@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';
					}

@media screen and (min-width:300px) and (max-width:899px) 
{


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


		header 		{	width:100%;
						height:26%;
						position:fixed;
						left:0;
						margin:0;
						padding:0;
						top:0;
						
					}
	
	#header {
  position: relative;
  width: 100%; 
height:auto;
	padding-bottom:30px;
  background:white;
	display: table;
	}
	
main 				{	position:absolute;
						top:200px;
						z-index:-1;
						width:100%;
						height:auto;
						margin:0 auto;
						
					}
	
	

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



#logo	 			{	width:60%;
						height:auto;
						margin:0 auto;
						
						padding-top:20px;
						padding-bottom:20px;
						
						
					
						
					}	
	
	
	#navigation {
  position: relative;
  width: 100%; 
height: 50px;
  background:#34a635;
  box-shadow: 0 0 5px rgba(#000, 0.15);
  text-align: center;
	line-height: 40px;
	
	}
					
				#mobile_wrapper	{
		height: 300px;
  max-height: 300px;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling:touch;
		
		
	}			

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

background:#34a635;
line-height: 1.0em;
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: 6px 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: 30px;
}

/*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:220%;
						text-align:center;
						margin-top:80px;
					}
	h2 				{	font-size:150%;
						text-align:center;
						margin-right:10px;
					}
	
		h3 				{	font-size:100%;
						text-align:center;
						margin-right:10px;
					}
	
	hr 				{	width:80%;
						margin:0 auto;
					}
	
#startseite 		{	width:100%;
						height:100%;
						
					
						
	}
	
a.sprungziel		{
						display:block;
						position:relative;
						top:-230px;
					}
	
	a.sprungzielstart 	{	display:block;
									position:relative;
									top:-800px;
							}
	
	.sprunganker		{	position:relative;
						top:-250px;						
					}	
#bild img 		{	width:100%;
						height:30%;
						margin:0 auto;
						
					}	
	
		
	
article 			{	text-align:center;
						font-size:100%;
						margin-top:40px;
						margin-bottom:50px;
					}

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

#teambild 			{	display:none;
								visibility:hidden;
	
					}
	
#teambildmobile		{	width:100%;
						height:auto;
						margin:0 auto;}
	
#aktuelles			{	width:70%;
						height:auto;
						margin:20px auto;
						
					}

#aktuellesbild		{	width:100%;
						height:auto;
					}
	
#brillen_bild 		{	width:100%;
						height:auto;
						margin:50px auto;
					}	
	
#kontaktlinsen 		{	
						width:85%;
						height:auto;
						margin:20px auto;
						
					}
	
	
		#kastenleistungen {	width:100%;
						height:20%;
						left:0;
						background-color:#34a635;
						padding-bottom:5px;
			padding-right:5px;
					}
	#kastenleistungen p 	{ color:white;
							text-align:center;
							padding-top:20px;
							font-size:14pt;
							font-weight:bold;
							margin-left:20px;
	}
	
	
	#gesundheit 	{	margin-left:20px;
								margin-right:20px;
						margin-top:40px;}
	
#kontaktlinsenbild 	{	
						width:100%;
						height:auto;
						
						margin:0 auto;
					}
	
	
#kontakt 			{	width:100%;
						height:auto;
						margin:40px auto;
					
					}
	

	
#aussenbildkontakt	{	
						width:100%;
						height:auto;
						margin:0 auto;
						
						
	}
	
	#textkontakt 	{	
						width:100%;
						height:auto;
						margin-top:10px;
						font-size:12pt;
		text-align:center;
		margin-bottom:40px;
						
					}	
	
/*  #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:20px;
				margin-right:20px;}
	
	#box2 	{	margin-left:20px;
					margin-right:20px;}
	
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;
							padding-left:30px;
							padding-right:30px;}
}
}