.navigation-mobile {
	display:none;	
	position:relative;
	top:130px;
	bottom:auto;
	width:320px;
	padding-top:0px;
	overflow:hidden;
 	font-size:14px;
	line-height:28px;
	text-align:right;
	z-index:11;
}
.menubutt {
	position:absolute;
	top:130px;
	margin-left:418px;
	height:35px;
	width:35px;
	background:url(img/menuebutt.png);
	background-repeat:no-repeat;
	background-size:25px auto;
	background-position:4px 6px;
	cursor:pointer;
	z-index:100;
	display:none;
}
.menubutt.offen {
	background-position:4px -28px;
}


@media only screen and (min-width: 811px) {
	.navigation-mobile {
		display:none;
		height:0px;
		overflow:hidden;
		opacity:0;	
	}
}

@media only screen and (max-width: 810px) {
	body {
		overflow-y:scroll;
	}
	.navigation {
		display:none;
	}
	.menubutt {
		display:block;
	}
	.mitte {
		width:460px;
		margin:auto;
		height:auto;
	}
	.bildgross {
		top:0px;
		width:460px;
		height:150px;
		overflow:hidden;
		background-color:#12272c;
		background-image:url(img/top.jpg);
		background-repeat:no-repeat;
		background-size:auto 140px;
		background-position:-40px 10px;
		z-index:2;
	}
	.bildgross img {
		display:none;
	}
	.logo {
		position:absolute;
		top:20px;
		width:140px;
		height:90px;
		margin-left:320px;
		z-index:11;
	}
	.logotxt {
		position:absolute;
		bottom:0px;
		text-align:left;
	}
	.bg{
		top:0px;
		bottom:0px;
		width:460px;
	}
	
	.scroll {
		position:relative;
		top:168px;
		bottom:auto;
		padding:0px 10px 40px 10px;
		margin:0px;
		width:460px;
		z-index:11;
	}
	
	.lauftext {
		margin-bottom:16px;
		width:100%;
	}
	
	.logo-g {
	 	font-size:16px;
		line-height:19px;
	}
	.logo-k {
	}

}


@media only screen and (max-width: 480px) {
	.menubutt {
		margin-left:278px;
	}
	.navigation-mobile {
		width:260px;
	}
	.mitte {
		width:320px;
	}
	.logo {
		margin-left:180px;
	}
	.bg{
		width:320px;
	}
	.scroll {
		width:320px;
	}
	.bildgross {
		top:0px;
		left:0px;
		width:100%;
	}
	.orange {
		background:#fff;
	}
	
	@supports (hyphens: auto) or (-ms-hyphens: auto) or (-moz-hyphens: auto) or (-webkit-hyphens: auto) {

		.lauftext {
			
			/*safari*/
			-webkit-hyphens: auto;
			-webkit-hyphenate-limit-before: 3;
			-webkit-hyphenate-limit-after: 3;
			-webkit-hyphenate-limit-chars: 4 2 2;
			-webkit-hyphenate-limit-lines: 3;
			-webkit-hyphenate-limit-last: always;
			-webkit-hyphenate-limit-zone: 8%;
			
			/*firefox*/
			-moz-hyphens: auto;
			-moz-hyphenate-limit-chars: 4 2 2;
			-moz-hyphenate-limit-lines: 3;
			-moz-hyphenate-limit-last: always;
			-moz-hyphenate-limit-zone: 8%;
			
			/*ie 10, edge*/
			-ms-hyphens: auto;
			-ms-hyphenate-limit-chars: 4 2 2;
			-ms-hyphenate-limit-lines: 3;
			-ms-hyphenate-limit-last: always;
			-ms-hyphenate-limit-zone: 8%;
			
			/*normal*/
			hyphens: auto;
			hyphenate-limit-chars: 4 2 2;
			hyphenate-limit-lines: 3;
			hyphenate-limit-last: always;
			hyphenate-limit-zone: 8%;
		}
	}

}