@font-face {
    font-family: 'thesanscorrespondenceregular';
    src: url('fonts/the_sans_correspondence-webfont.eot');
    src: url('fonts/the_sans_correspondence-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/the_sans_correspondence-webfont.woff2') format('woff2'),
         url('fonts/the_sans_correspondence-webfont.woff') format('woff'),
         url('fonts/the_sans_correspondence-webfont.ttf') format('truetype'),
         url('fonts/the_sans_correspondence-webfont.svg#thesanscorrespondenceregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



html, body { 
	margin:0;  overflow: visible;

overflow:hidden;
	font-family: 'thesanscorrespondenceregular';}
.outer

	{
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
		flex-basis: auto;
		height:100vh;
	}

#hintergrund {
	background-image:    url(images/Bild_Mikroskop.jpg);
	width:100%; height:auto;
	background-size: cover;
	display:block;
	min-height: 100%;
	height: auto;
	margin-left: auto;
	margin-top: auto;

		}

#scrollbar {
	position:absolute; 
	width:100%; 
	height:100%; 
	bottom:0; 
	top:0; 
	left:0 ;
	overflow:auto; 
	z-index:2;
	}

banner {background-color: aliceblue;}



	

	header,footer

	{

		

		text-align: center;

		background: rgba(255,255,255,0.60);

	}

	

header

	{

display: flex;
  flex-direction: column;
  overflow: auto;
  position: absolute;
margin-left: 15%;
  width: 19%;
		height: 100vh;
		padding:1%;
	}

	

	header nav

	{
		flex:1 1 auto;

	}

			.logo

		{

			margin-top: 28%;

		}

	adress

	{

		font-style: normal;
		font-size: 1em;
		line-height: 1.2em;
  margin-bottom: 34%;

	}
	.adresslink

	{
		color: #000000;
		text-decoration: none;
	}
	.adresslink:hover

	{
		color: #5993b0;
	}	
	.contenta

	{
		color: #000000;
		text-decoration: none;
	}
	.contenta:hover

	{
		color: #5993b0;
	}
main

	{

		overflow: auto;

		

		margin-left: 36%;
}
		

	

#scrollmain {
background: rgba(255,255,255,0.60);
padding: 2em;
overflow: auto;
height: 100vh;


} 

.scrollmaintext { font-size: 1em;
	line-height: 1.4em;color:#000000;
margin:3em;}
.unten{
position: absolute;
  font-style: normal;
  font-size: 1em;
  bottom: 9.9%;
  display: flex;
  flex-direction: row;
  margin-left: 17%;
	
}
.untentext{color:#000000;
text-decoration: none;
margin-right: 80%;}
.untentext:hover{color:#ffffff;}

.pad{left: 33%;}

	.nav-toggle

	{

		position: absolute;

		right: 1em;



top:1em;

		cursor: pointer;

		padding:1em;

	}

	

	footer,

	.nav-toggle,
	.mobile-only,
	.no-news
	{

		display:none;

	}

	.top-news
	{
		margin:1em 0;
	}

	footer .links
	{
		margin-top:1em;
	}

@media(max-width:1000px)

	{

		html,
		body
		{
			overflow: auto;
			min-height: 100vh;
			font-size: 1.5em;
		}
		
		.outer,
		header
		{
			display:block;
		}

		.mobile-only
		{
			display: table-row;
		}
		
		header,main {margin-left: 0%;}

		header
		{
			position:static;
			padding: 0;
			top:0;
			width:100%;
			box-sizing: border-box;
		}

		img.logo
		{
			width: auto;
			height:30vh;
			margin:0;
			margin: 1em 0;
		}

		footer
		{

			display:block;

		}
		
		footer
		{
			padding:2em;
		}
		
		main
		{
			flex:1 1 auto;
		}
		
		#scrollmain{
			height:auto;
		}
		
		#hintergrund{
			background-image:    url(images/Bild_Mikroskop-m.jpg);
			min-height:100vh;
			background-attachment: fixed;
			background-position: center center;
		}

		header,
		.outer{
			height: auto;
		}
		
		.outer{
			min-height:100vh;
			overflow:auto;
			display:flex;
			flex-direction: column;
		}
		
		header adress
		{
			display:none;
		}

		header.open nav
		{
			display: block;
			background: white;
		}
		
		.unten
		{
			display:none;
		}
		
		#scrollmain > div:first-child
		{
			display: none;
		}
		
		.scrollmaintext
		{
			margin:0;
		}
		
			.top-news
			{
				margin:0 0 1em 0;
				
			}
	}





/* --------- COOKIE HINWEIS -----------------*/
#cookiedingsbums a {color: #ffffff; text-decoration:none;font-weight:bold;} /*Link im text*/

#cookiedingsbums a:hover {text-decoration:none;color:#000000;font-weight:bold;}  /*Link im text hover*/

#cookiedingsbums div {padding:1em;}

 
 #cookiedingsbums { 
   outline: 1px solid #000000; /*Strich über Hintergrund*/
   text-align:left;  
   background: rgba(255,255,255,0.80); /*Hintergrundfarbe gesamt*/
	 color: #000000;
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:1em; 
   line-height:1em;
	left: 0px;
}

#cookiedingsbumsCloser {
   color: #000000;
   font: 1em;
   position: absolute;
   right: 0.5em;
   text-decoration: none;
 
   bottom: 0.5em;
   cursor:pointer;
   border-top:1px solid #000000; 
   border-left:1px solid #000000; 
   border-bottom:1px solid #000000; 
   border-right:1px solid #000000; 
   padding:0.5em;
line-height: 0.5em;
   background: #ffffff; /* Old browsers */
   
 }

#cookiedingsbumsCloser:hover {color: #ffffff; background: rgba(255,255,255,0.80);}