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

html {
		background: url(img/bgmain2.png) no-repeat center center fixed; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
			}
	
	body {
		margin:0px;
		color:#fff;
		font-family: 'Nunito', sans-serif;
		font-weight:300;
		font-size:16px;
		line-height:22px;
	}
	
	#header{
		height:40px;
		background: url(img/barcode.png) repeat-x;
		border-bottom:3px solid #fff;
		position:fixed;
		width:100%;
	} 
	
	#wrapper{
		text-align:center;
	}
	
	#container{
		width:900px;
		margin:auto;
		text-align:left;
		margin-bottom:100px;
	}
	
	#logo{
		text-align:center;
		padding-top:60px;
		padding-bottom:40px;
	}
	
	#claim{
		text-align:center;
		padding-top:10px;
		padding-bottom:60px;
		font-size:40px;
		line-height:48px;
		color:#613c7e;
	}
	
	#footer{
		position:fixed;
		height:20px;
		background: url(img/barcode.png) repeat-x;
		border-top:3px solid #fff;
		bottom:0px;
		width:100%;
	}
	
	.sep{
		background: url(img/barcode.png) repeat-x;
		height:6px;
		margin:40px 20px 40px 20px;
	}
	
	
	
	.contentLeft{
		width:440px;
		float:left;
	}
	
	.contentRight{
		width:440px;
		float:right;
	}
	
	h2{
		font-size: 24px;
		font-weight:400;
		margin:0px 0px 4px 0px;
	}
	
	h3{
		font-size: 20px;
		font-weight:400;
		margin:0px 0px 4px 0px;
	}
	
	#kontakt{
	}
	
	b{
		font-weight:700;
	}
	
	a{
		color:#fff;
	}
	
	#stoerer{
		position: absolute;
		top:70px;
		left:0px;
		width:200px;
		height:80px;
		background: url(img/stoerer2.png) no-repeat;
		cursor:pointer;
		box-shadow: 4px 4px 8px #34577a;
	}
	
	#stoerer2{
		position: absolute;
		top:70px;
		left:0px;
		width:200px;
		height:80px;
		background: url(img/st_stoerer2.png) no-repeat;
		cursor:pointer;
		box-shadow: 4px 4px 8px #5a3e7c;
	}
	
	#stoerer3{
		position: absolute;
		top:160px;
		left:0px;
		width:200px;
		height:80px;
		background: url(img/geb_stoerer2.png) no-repeat;
		cursor:pointer;
		box-shadow: 4px 4px 8px #5a3e7c;
	}

	#stoerer4{
		position: absolute;
		top:250px;
		left:0px;
		width:200px;
		height:80px;
		background: url(img/st_stoerer4.png) no-repeat;
		cursor:pointer;
		box-shadow: 4px 4px 8px #5a3e7c;
	}
	
	#stoerer:hover, #stoerer2:hover, #stoerer3:hover, #stoerer4:hover{
		left:10px;
		width:200px;
	}
	
	.mst_ameldung{
		display:inline-block;
		padding:10px;
		background:#613c7e;
		text-decoration:none;
		font-weight: bold;
		transition: background-color 0.4s ease;
	}
	
	.mst_ameldung:hover{
		display:inline-block;
		padding:10px;
		background:#fff;
		text-decoration:none;
		font-weight: bold;
		color:#613c7e;
		transition: background-color 0.4s ease;
	}