@font-face {
  font-family: 'Fira Sans'; font-style: normal; font-weight: 400;
  src: local('Fira Sans Regular'), local('FiraSans-Regular'),
       url('../fonts/fira-sans-v8-latin-regular.woff2') format('woff2'), 
       url('../fonts/fira-sans-v8-latin-regular.woff') format('woff'); 
       		}
       		
@font-face {
  font-family: 'Fira Sans'; font-style: normal; font-weight: 600;
  src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'),
       url('../fonts/fira-sans-v8-latin-600.woff2') format('woff2'),
       url('../fonts/fira-sans-v8-latin-600.woff') format('woff');
			}

* 				{ margin:0; padding:0; }
body 			{ background:#dcd9d9; height:100%;}
html, body 		{ height: 100%; width: 100%;}
img 			{ border:none; }

#distance 		{ width: 1px; position:relative; height:50%; margin-bottom:-295px; float:left; background-color:#dcd9d9; z-index:100;}

#navi_fixpoint 	{ margin: 0 auto; position:relative; top:0px; height:0px; width:1028px; clear:left; z-index:120; 
				border-style:solid; border-width:0px; border-color:#00ff00; }

#container_navi { margin: 0 auto; position:relative; top:0px; left:0px; height:29px; width:100%; max-width:1028px; clear:left; background-color: #be9f56;
			 	  border-style:solid; border-width:0px 0px 1px 0px; border-color:#dddddd; z-index:300;
			 	  opacity:0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90); }

#radionavi 		{ position:relative; z-index:310; left:0px; top:0px; max-width:1000px; border-style:solid; border-width:0px; border-color:#ff0000; }

#container_content 	{ width:350px; height:590px; position:relative; left:50%; top:-29px; margin-top:0px; margin-left:-248px; z-index:200; }

@media 			(max-width: 35em) { #container_content { margin-left: -200px;} }

#blauerkasten 	{ position:relative; width:350px; height:590px; top:0px; left:0px; background-color: #222a37; z-index:210; margin:0px 0px 0px 0px;
				  opacity:0.90; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90); }

#copy			{ position: absolute; overflow:visible; ; z-index:220; top:285px; left:40px;}

#copy p			{ max-width:90%;  margin-right:2em;}

#datenschutz	{ background-color:#222a37; z-index:230; width:310px; margin:0px 0px -40px -40px; padding:0px 0px 0px 40px;}

#content		{ position:relative; z-index:240; width:290px; padding-bottom:20px; letter-spacing:0.7px;
				  font:400 12px 'Fira Sans', Verdana, Arial, sans-serif; color:white; line-height:18px;}
				  
h3				{ font:600 14px 'Fira Sans', Verdana, Arial, sans-serif; color:white; line-height:18px; padding-bottom:10px; letter-spacing:0.6px;}

#topic			{ position:relative; z-index:250; width: 290px; padding-bottom:10px; letter-spacing:0.8px;
				  font:600 13px 'Fira Sans', Verdana, Arial, sans-serif; color:white; line-height:18px;}
		   
#kleiner_absatz 		{line-height: 0.8em;}
#big_gold 				{text-decoration: none; color: #be9f56; font-weight:400; font-size: 1.2em; line-height:1.5em;}
#content a 				{text-decoration: none; color: #be9f56;}
#content a:hover 		{text-decoration: none; color: #debf76;}
#content a:active 		{text-decoration: none; color: #debf76;}
		
#fblogo		  	{ position: absolute; z-index:260; left:200px; top: 240px; }

#emmalogo 	  	{ position: absolute; z-index:262; left:17px; top: 70px; }

@media (max-width: 70em){#emmalogo {top:86px;}} @media (max-width:36em){#emmalogo {top:120px;}} @media (max-width:31.0em){#emmalogo {top:138px;}}

#flaschenlogo 	{ position: absolute; z-index:264; left:300px; top: 450px; overflow-x:hidden;}

#link-kiste_1    { position: absolute; z-index:266; left:-294px; top: -34px; }
#link-kiste_2    { position: absolute; z-index:267; left:-294px; top: 100px; }

#supersized-loader {position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; 
					text-indent:-999em; background:url(../pics/progress.gif) no-repeat center center;}

#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }
	
#supersized li {display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background-color:#dcd9d9;}
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#dcd9d9 url(../pics/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

@media (max-width:30em) {	#supersized{display:none;} #distance{height:0%;} #content{width:100%;} #blauerkasten{width:100%; height:650px;} #datenschutz{width:100%;}
							body{ background: #222a37 url("../pics/bg_schmal.jpg") no-repeat fixed;} #container_navi { position: fixed; top:0px !important;;}
							#container_content {left:0px; top:0px; margin-left:0px; width: 100%; } #flaschenlogo {display: none;} }