@media only screen and (min-width : 990px) {
	nav#menu, .logo, .footer_responsive, .footer_responsive2, #minheight, .claimright_responsive {display: none;}
}

@media only screen and (max-width : 989px) {
	#cookie-law {padding: 0 30px !important;}
	#cookie-law p {padding: 20px 30px 20px 0 !important;}
	a.close-cookie-banner {right: -15px !important;}
	#scrollable, .slimScrollDiv {height: 560px !important;}
	.border {position: absolute; left: 0px; top: 0px; width: 100%; z-index: 1; margin: 110px 0 0 0; height: auto !important; height: 100%; min-height: 100%;}
	.border_index {position: absolute; left: 0px; top: 0px; width: 100%; z-index: 1; margin: 110px 0 0 0; height: 633px;}
	.layer {position: relative; left: auto; width: 100%; margin: 0px auto 0 auto; padding: 0 60px 0 60px; z-index: 2; height: auto; top: 0;}
	.layer_index {position: relative; left: auto; width: 100%; margin: 0px auto 0 auto; padding: 0 60px 0 60px; z-index: 2; height: auto; top: -140px;}
	.container {display: block;}
	.contentleft {position: relative; left: 0px; top: 0px; width: 100%; height: 560px;}
	.contentleft_index {position: relative; left: 0px; top: 140px; width: 100%; height: 633px;}
	.contentright {position: relative; left: 0px; top: 0px; width: 100%; height: auto; background-color: #FFFFFF; background-image: none;}
	.contentright_index {display: none;}
	.claimleft {left: auto; top: 72%; right: 80px;}
	.claimleft img, .claimleft2 img {width: 380px; height: 80px;}
	.claimright {display: none;}
    
    .claimleft2 {position: absolute; left: 70px; top: 180px; width: auto; height: 80px;}
    .claimright2 {position: absolute; left: 70px; top: 320px; width: auto; height: 80px; z-index: 999;}
    
	.claimright_responsive {position: absolute; width: 380px; height: 80px; left: auto; right: 76px; top: 84%;}
	.claimright_responsive img {width: 380px; height: 80px;}
    .claimright2 img {width: 280px; height: auto;}
	.navi, .subnavi {display: none;}
	.text {top: 50px; width: 85%; height: auto; left: 0px; position: relative; margin: 0 auto;}
	.footer_responsive, .footer_responsive2 {position: absolute; height: 110px; bottom: 0px !important; padding: 30px 14.2% 0 14.2%; width: 100%; background-color: #fff;}
	#footer.footer, .footer_responsive2 {display: none;}
	#minheight {height: 110px; clear: both;}
	.logo {position: absolute; width: 60%; top: 56px; left: 14.2%; z-index: 999; background-image:url(../bilder/footer.png); background-repeat: no-repeat;}
	.logo img {height: 56px; width: 60%;}
	
	.clearfix:before {content: " "; display: block;} 
	.clearfix:after {
		content: " ";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix {display: inline-block;}
	
	/* Bereich nicht für IE-mac Anfang \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* Bereich nicht für IE-mac Ende */

	.clearfix {*zoom: 1;}
	nav#menu {
		border-bottom: 0;
		position: absolute;
		top: 0px;
		z-index: 5;
		color: #000000;
		padding: 0;
		width: 100%;
		background-color: #ffffff;
    } 
	nav#menu i:before {color: #009999; content: '\f0c9'; font-family: 'fontello'; display: inline-block; font-style: normal; font-weight: normal; padding: 44px 14.2% 0 14.2%; width: 100%; position: relative; text-align: right; font-size: 22px;}
	nav#menu i {margin: 0; padding: 0;}
	*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	
	nav#menu ul#menu_hidden {  
        display: none;  
        height: auto;
		margin: 0;
		padding: 0;
		background-color: #ffffff;
    }
	nav#menu ul#menu_hidden:first-child {padding-top: 0px;}
	nav#menu ul#menu_hidden:last-child {padding-bottom: 0px;}
    nav#menu ul {display: none; height: auto; margin: 0;padding: 30px 14.2% 0 14.2%;}
	nav#menu ul:first-child {padding-top: 10px;}
	nav#menu ul:last-child {padding-bottom: 35px;}
	nav#menu ul li.untermenu {margin: 0; padding: 0 0 0 20px;}
	nav#menu ul li.untermenu_first {  padding: 0; margin: 0 0 0 20px;}
	nav#menu li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-size: 0.9em;
		line-height: 1.6em;
		border-top: 1px solid #ccc;
    }
	nav#menu a, 
	nav#menu a:link {
		list-style-type: none;
		text-decoration: none;
		text-align: left;
		display: block;
		margin: 0px;
		padding: 0;
		border: none;
		width: 100%;
		color: #000;
		font-family: 'Ubuntu Condensed', sans-serif;
		letter-spacing: 0.06em;
	}
	nav#menu li:last-child {border-bottom: 1px solid #ccc;}
	nav#menu a:hover, nav#menu a:active {color: #009999;}
	nav#menu li.grau_focus a {color: #CC9933;}
	nav#menu li a.active {color: #009999;}
    nav#menu a#pull {  
        display: block;  
       	background-color: #ffffff;
        width: 100%;  
        position: relative;  
		padding: 0;
		height: 110px;
		line-height: 40px;
		color: #000;
		border: none;
		font-size: 1.1em;
    }
}

@media only screen and (max-width : 768px) {
	#cookie-law {padding: 0 30px !important;}
	#cookie-law p {padding: 20px 30px 20px 0 !important;}
	a.close-cookie-banner {right: -15px !important;}
}

@media only screen and (max-width : 768px) and (orientation : portrait) {
	.contentleft {height: 633px;}
}

@media only screen and (max-width : 800px) and (orientation : landscape) {
	.cd-top {bottom: 8%;}
	.border_index {height: 433px; margin: 80px 0 0 0;}
	.claimleft {top: 48%;}
	.claimright_responsive {top: 60%;}
	#scrollable, .slimScrollDiv {height: 450px !important;}
}

@media only screen and (max-width : 480px) and (orientation : landscape) {
	.cd-top {bottom: 11%;}
}

@media only screen and (max-width : 640px) {
	.claimleft {right: 70px; width: 360px; height: 76px;}
	.claimleft img {width: 360px; height: auto;}
	.claimright_responsive {right: 67px; width: 360px; height: 76px;}
	.claimright_responsive img {width: 360px; height: auto;}
	nav#menu i:before {padding: 44px 15.5% 0 15.5%;}
	.logo {position: absolute; width: 50%; top: 46px; left: 15.5%; z-index: 999; background-image:url(../bilder/footer_responsive_l.png); background-repeat: no-repeat; height: 56px;}
	.logo img {height: 56px; width: 50%;}
	.footer_responsive {display: none;}
	.footer_responsive2 {display: block; padding: 30px 15.5% 0 15.5%;}
	.cd-top {bottom: 4.4%; right: 15.5%;}
	nav#menu ul {padding: 30px 15.5% 0 15.5%;}
	#cookie-law {padding: 0 30px !important;}
	#cookie-law p {padding: 20px 30px 20px 0 !important;}
	a.close-cookie-banner {right: -15px !important;}
}

@media only screen and (max-width : 580px) {
	.text.padding-right {width: 288px !important;}
}

@media only screen and (max-width : 480px) {
	.claimleft {right: 64px; width: 300px; height: 63px; top: 74%;}
	.claimleft img {width: 300px; height: auto;}
	.claimright_responsive {right: 60px; width: 300px; height: 63px;}
	.claimright_responsive img {width: 300px; height: auto;}
	nav#menu i:before {padding: 44px 16.5% 0 16.5%;}
	.contentleft {height: 900px;}
	.footer_responsive2 {padding: 30px 16.5% 0 16.5%;}
	.layer {padding: 0 50px 0 50px;}
	.cd-top {bottom: 4.4%; right: 16.5%; height: 40px; width: 40px;}
	.logo {left: 16.5%; width: 60%; top: 46px;}
	nav#menu ul {padding: 30px 16.5% 0 16.5%;}
	ul.fliesstext, ul.liste.fliesstext {display: block; float: left;}
	ul.fliesstext li div.links {width: 100%; display: block; font-weight: bold;}
	ul.liste.fliesstext li div.links {display: table-cell;}
	ul.fliesstext li div.rechts {width: 100%; padding-bottom: 10px; display: block;}
	.fliessfettlink {display: block;}
	#scrollable, .slimScrollDiv {height: 760px !important;}
	#cookie-law {padding: 0 30px !important;}
	#cookie-law p {padding: 20px 30px 20px 0 !important;}
	a.close-cookie-banner {right: -15px !important;}
}

@media only screen and (max-width : 320px) {
	.claimleft {top: 87%; right: 40px; width: 220px; height: 46px;}
	.claimleft img {width: 220px; height: auto;}
	.claimright_responsive {right: 37px; top: 100%; width: 220px; height: 46px;}
	.claimright_responsive img {width: 220px; height: auto;}
	.layer_index, .layer {padding: 0 30px 0 30px;}
	.border {margin: 130px 0 0 0;}
	.border_index, .contentleft_index {height: 323px;}
	nav#menu i:before {text-align: left; padding: 80px 15.5% 0 15.5%;}
	nav#menu ul:first-child {padding-top: 30px;}
	.logo {width: 80%; height: 40px; background-size: 85% auto; left: 15.5%;}
	.logo img {height: 26px; width: 70%;}
	.contentleft {height: 1100px;}
	.footer_responsive2 {padding: 20px 15.5% 0 15.5%; height: 130px;}
	.footer_responsive2 img {width: 100%; height: auto;}
	#minheight {height: 130px;}
	.cd-top {bottom: 2.4%; right: auto; left: 15.5%; height: 40px; width: 40px;}
	nav#menu ul {padding: 30px 15.5% 0 15.5%;}
	ul.liste.fliesstext li div.links {width: 5%;}
	ul.liste.fliesstext {padding: 0 0 10px 0;}
	ul.fliesstext_schmal li div.links, ul.fliesstext_schmal li div.rechts {display: block; width: 100%; float: left;}
	ul.fliesstext_schmal li div.rechts {padding-bottom: 10px;}
	.text.padding-right {width: 190px !important;}
	#cookie-law {padding: 0 30px !important;}
	#cookie-law p {padding: 20px 30px 20px 0 !important;}
	a.close-cookie-banner {right: -15px !important;}
	#scrollable, .slimScrollDiv {height: 860px !important;}
	a {word-wrap: break-word;}
}

/*ipad Pro Hochformat*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width : 1366px) and (orientation : landscape) {
	/*.border {position: absolute; left: 0px; top: 0px; width: 100%; z-index: 1; margin: 110px 0 0 0; height: auto !important; height: 100%; min-height: 100%;}
	.border_index {position: absolute; left: 0px; top: 0px; width: 100%; z-index: 1; margin: 110px 0 0 0; height: 633px;}
	.layer {position: relative; left: auto; width: 100%; margin: 0px auto 0 auto; padding: 0 60px 0 60px; z-index: 2; height: auto; top: 0;}
	.layer_index {position: relative; left: auto; width: 100%; margin: 0px auto 0 auto; padding: 0 60px 0 60px; z-index: 2; height: auto; top: -140px;}
	.container {display: block;}
	.contentleft {position: relative; left: 0px; top: 0px; width: 100%; height: 500px;}
	.contentleft_index {position: relative; left: 0px; top: 140px; width: 100%; height: 633px;}
	.contentright {position: relative; left: 0px; top: 0px; width: 100%; height: auto; background-color: #FFFFFF; background-image: none;}
	.contentright_index {display: none;}
	.claimleft {left: auto; top: 72%; right: 80px;}
	.claimleft img {width: 380px; height: 80px;}
	.claimright {display: none;}
	.claimright_responsive {position: absolute; width: 380px; height: 80px; left: auto; right: 76px; top: 84%;}
	.claimright_responsive img {width: 380px; height: 80px;}
	.navi, .subnavi {display: none;}
	.text {top: 50px; width: 85%; height: auto; left: 0px; position: relative; margin: 0 auto;}
	.footer_responsive, .footer_responsive2 {position: absolute; height: 110px; bottom: 0px !important; padding: 30px 14.2% 0 14.2%; width: 100%; background-color: #fff;}
	#footer.footer, .footer_responsive2 {display: none;}
	#minheight {height: 110px; clear: both;}
	.logo {position: absolute; width: 60%; top: 56px; left: 14.2%; z-index: 999; background-image:url(../bilder/footer.png); background-repeat: no-repeat;}
	.logo img {height: 56px; width: 60%;}
	
	.clearfix:before {content: " "; display: block;} 
	.clearfix:after {
		content: " ";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	.clearfix {display: inline-block;}
	
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}

	.clearfix {*zoom: 1;}
	nav#menu {
		border-bottom: 0;
		position: absolute;
		top: 0px;
		z-index: 5;
		color: #000000;
		padding: 0;
		width: 100%;
		background-color: #ffffff;
    } 
	nav#menu i:before {color: #009999; content: '\f0c9'; font-family: 'fontello'; display: inline-block; font-style: normal; font-weight: normal; padding: 44px 14.2% 0 14.2%; width: 100%; position: relative; text-align: right; font-size: 22px;}
	nav#menu i {margin: 0; padding: 0;}
	*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	
	nav#menu ul#menu_hidden {  
        display: none;  
        height: auto;
		margin: 0;
		padding: 0;
		background-color: #ffffff;
    }
	nav#menu ul#menu_hidden:first-child {padding-top: 0px;}
	nav#menu ul#menu_hidden:last-child {padding-bottom: 0px;}
    nav#menu ul {display: none; height: auto; margin: 0;padding: 30px 14.2% 0 14.2%;}
	nav#menu ul:first-child {padding-top: 10px;}
	nav#menu ul:last-child {padding-bottom: 35px;}
	nav#menu ul li.untermenu {margin: 0; padding: 0 0 0 20px;}
	nav#menu ul li.untermenu_first {  padding: 0; margin: 0 0 0 20px;}
	nav#menu li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		font-size: 0.9em;
		line-height: 1.6em;
		border-top: 1px solid #ccc;
    }
	nav#menu a, 
	nav#menu a:link {
		list-style-type: none;
		text-decoration: none;
		text-align: left;
		display: block;
		margin: 0px;
		padding: 0;
		border: none;
		width: 100%;
		color: #000;
		font-family: 'Ubuntu Condensed', sans-serif;
		letter-spacing: 0.06em;
	}
	nav#menu li:last-child {border-bottom: 1px solid #ccc;}
	nav#menu a:hover, nav#menu a:active {color: #009999;}
	nav#menu li.grau_focus a {color: #CC9933;}
	nav#menu li a.active {color: #009999;}
    nav#menu a#pull {  
        display: block;  
       	background-color: #ffffff;
        width: 100%;  
        position: relative;  
		padding: 0;
		height: 110px;
		line-height: 40px;
		color: #000;
		border: none;
		font-size: 1.1em;
    }
	
	.claimleft {right: 70px; width: 360px; height: 76px;}
	.claimleft img {width: 360px; height: auto;}
	.claimright_responsive {right: 67px; width: 360px; height: 76px;}
	.claimright_responsive img {width: 360px; height: auto;}
	nav#menu i:before {padding: 44px 15.5% 0 15.5%;}
	.logo {position: absolute; width: 50%; top: 46px; left: 15.5%; z-index: 999; background-image:url(../bilder/footer_responsive_l.png); background-repeat: no-repeat; height: 56px;}
	.logo img {height: 56px; width: 50%;}
	.footer_responsive {display: none;}
	.footer_responsive2 {display: block; padding: 30px 15.5% 0 15.5%;}
	.cd-top {bottom: 4.4%; right: 15.5%;}
	nav#menu ul {padding: 30px 15.5% 0 15.5%;}*/
}

/*ipad pro 12,5 Zoll Querformat*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width : 1024px) and (orientation : portrait) {
	/*.logo {position: absolute; width: 60%; top: 56px; left: 14.2%; z-index: 999; background-image:url(../bilder/footer.png); background-repeat: no-repeat;}
	.logo img {height: 56px; width: 60%;}
	.footer_responsive {position: absolute; height: 110px; bottom: 0px !important; padding: 30px 14.2% 0 14.2%; width: 100%; background-color: #fff;}
	nav#menu, .logo, .footer_responsive, #minheight {display: block !important;}
	.footer_responsive2 {display: none;}
	.cd-top {bottom: 3.4%; right: 15.5%;}
	.text {width: 81%;}
	.contentleft {height: 887px;}*/
}

/*ipad pro 12,5 Zoll Querformat*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width : 1366px) and (orientation : landscape) {
	.claimright_responsive {display: none !important;}
}

/*ipad pro 10,5 Zoll Querformat*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width : 1112px) and (orientation : landscape) {
	.claimright_responsive {display: none !important;}
}

/*ipad mini 4 Querformat*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width : 1024px) and (orientation : landscape) {
	.navi li:last-child {padding: 0 0 0 27px;}
	.navi li:first-child {padding: 0 27px 0 0;}
	.navi li {padding: 0 28px;}
	.navi {width: 898px;}
	#claimright_responsive.claimright_responsive {display: none;}
}

/*ipad mini 4 Hochformat*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width : 768px) and (orientation : portrait) {
	.cd-top {bottom: 5%;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-width : 414px) and (orientation : portrait) {
	.claimleft {top: 87%; right: 40px; width: 220px; height: 46px;}
	.claimleft img {width: 220px; height: auto;}
	.claimright_responsive {right: 37px; top: 100%; width: 220px; height: 46px;}
	.claimright_responsive img {width: 220px; height: auto;}
	.layer_index, .layer {padding: 0 35px 0 35px;}
	.border {margin: 130px 0 0 0;}
	.border_index, .contentleft_index {height: 323px;}
	nav#menu i:before {text-align: left; padding: 80px 15% 0 15%;}
	nav#menu ul:first-child {padding-top: 30px;}
	.logo {background-image: url(../bilder/footer_responsive_l.png); background-repeat: no-repeat;}
	.logo {width: 80%; background-size: 85% auto; left: 15%; top: 40px;}
	.logo img {height: 26px; width: 70%;}
	.contentleft {height: 620px;}
	.footer_responsive2 {display: block; padding: 20px 15% 0 15%; height: 130px;}
	.footer_responsive2 img {width: 100%; height: auto;}
	.footer_responsive {display: none;}
	#minheight {height: 130px;}
	.cd-top {bottom: 2.4%; right: auto; left: 15%; height: 40px; width: 40px;}
	nav#menu ul {padding: 30px 15% 0 15%;}
	.text {top: 40px;}
	ul.liste.fliesstext {padding: 0 0 10px 0;}
	ul.fliesstext_schmal li div.links {width: 20%;}
	.contentleft {height: 890px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-width : 736px) and (orientation : landscape) {
	.logo {left: 14.5%;}
	.cd-top {right: 14.8%; bottom: 12%;}
	nav#menu i:before {padding: 44px 14.8% 0 14.8%;}
	nav#menu ul {padding: 30px 14.8% 0 14.8%;}
	.border_index {margin: 0px 0 0 0; height: 100%;}
	.contentleft_index {height: 100%; top: 0px;}
	.claimleft {top: 42%;}
	.claimright_responsive {top: 57%; right: 76px; display: block !important;}
	.layer_index {top: -51px;}
	.footer_responsive {padding: 30px 14.8% 0 14.8%;}
	ul.fliesstext_schmal li div.links {width: 10%;}
	.contentleft {height: 580px;}
}

/*iphone 6s Plus Hochformat*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width : 414px) and (orientation : portrait) {
	.claimleft {top: 87%; right: 40px; width: 220px; height: 46px;}
	.claimleft img {width: 220px; height: auto;}
	.claimright_responsive {right: 37px; top: 100%; width: 220px; height: 46px;}
	.claimright_responsive img {width: 220px; height: auto;}
	.layer_index, .layer {padding: 0 35px 0 35px;}
	.border {margin: 130px 0 0 0;}
	.border_index, .contentleft_index {height: 323px;}
	nav#menu i:before {text-align: left; padding: 80px 15% 0 15%;}
	nav#menu ul:first-child {padding-top: 30px;}
	.logo {background-image: url(../bilder/footer_responsive_l.png); background-repeat: no-repeat;}
	.logo {width: 80%; background-size: 85% auto; left: 15%; top: 40px;}
	.logo img {height: 26px; width: 70%;}
	.contentleft {height: 620px;}
	.footer_responsive2 {display: block; padding: 20px 15% 0 15%; height: 130px;}
	.footer_responsive2 img {width: 100%; height: auto;}
	.footer_responsive {display: none;}
	#minheight {height: 130px;}
	.cd-top {bottom: 2.4%; right: 15%; left: auto; height: 40px; width: 40px;}
	nav#menu ul {padding: 30px 15% 0 15%;}
	.text {top: 40px;}
	ul.liste.fliesstext {padding: 0 0 10px 0;}
	ul.fliesstext_schmal li div.links {width: 20%;}
	.contentleft {height: 890px;}
}

/*iphone 6s Plus Querformat*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width : 736px) and (orientation : landscape) {
	.logo {left: 14.5%;}
	.cd-top {right: 14.8%; bottom: 12%;}
	nav#menu i:before {padding: 44px 14.8% 0 14.8%;}
	nav#menu ul {padding: 30px 14.8% 0 14.8%;}
	.border_index {margin: 0px 0 0 0; height: 100%;}
	.contentleft_index {height: 100%; top: 0px;}
	.claimleft {top: 42%;}
	.claimright_responsive {top: 57%; right: 76px; display: block !important;}
	.layer_index {top: -51px;}
	.footer_responsive {padding: 30px 14.8% 0 14.8%;}
	ul.fliesstext_schmal li div.links {width: 10%;}
	.contentleft {height: 580px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-width : 375px) and (orientation : portrait) {
	.claimleft {top: 87%; right: 40px; width: 220px; height: 46px;}
	.claimleft img {width: 220px; height: auto;}
	.claimright_responsive {right: 37px; top: 100%; width: 220px; height: 46px;}
	.claimright_responsive img {width: 220px; height: auto;}
	.layer_index, .layer {padding: 0 30px 0 30px;}
	.border {margin: 130px 0 0 0;}
	.border_index, .contentleft_index {height: 323px;}
	nav#menu i:before {text-align: left; padding: 80px 14.5% 0 14.5%;}
	nav#menu ul:first-child {padding-top: 30px;}
	.logo {width: 80%; background-size: 85% auto; left: 14.5%;}
	.logo img {height: 26px; width: 70%;}
	.contentleft {height: 980px;}
	.footer_responsive2 {display: block; padding: 20px 14.5% 0 14.5%; height: 130px;}
	.footer_responsive2 img {width: 100%; height: auto;}
	.footer_responsive {display: none;}
	#minheight {height: 130px;}
	.cd-top {bottom: 2.4%; right: auto; left: 14.5%; height: 40px; width: 40px;}
	nav#menu ul {padding: 30px 14.5% 0 14.5%;}
	.text {top: 40px;}
	ul.liste.fliesstext {padding: 0 0 10px 0;}
	ul.fliesstext_schmal li div.links {width: 20%;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-width : 667px) and (orientation : landscape) {
	.footer_responsive2 {display: block; padding: 30px 15.5% 0 15.5%;}
	.footer_responsive {display: none;}
	.cd-top {bottom: 11.4%;}
	.contentleft {height: 500px;}
	nav#menu i:before {padding: 44px 15.5% 0 15.5%;}
	.logo {left: 15.5%; width: 60%; top: 46px; background-image: url(../bilder/footer_responsive_l.png);}
	nav#menu ul {padding: 30px 15.5% 0 15.5%;}
	.border_index {margin: 0px 0 0 0; height: 100%;}
	.contentleft_index {height: 100%; top: 0px;}
	.claimleft {top: 45%;}
	.claimright_responsive {top: 60%; right: 76px; display: block !important;}
	.layer_index {top: -89px;}
}

/*iphone 6/6s Hochformat*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width : 375px) and (orientation : portrait) {
	.claimleft {top: 87%; right: 40px; width: 220px; height: 46px;}
	.claimleft img {width: 220px; height: auto;}
	.claimright_responsive {right: 37px; top: 100%; width: 220px; height: 46px;}
	.claimright_responsive img {width: 220px; height: auto;}
	.layer_index, .layer {padding: 0 30px 0 30px;}
	.border {margin: 130px 0 0 0;}
	.border_index, .contentleft_index {height: 323px;}
	nav#menu i:before {text-align: left; padding: 80px 14.5% 0 14.5%;}
	nav#menu ul:first-child {padding-top: 30px;}
	.logo {width: 80%; background-size: 85% auto; left: 14.5%;}
	.logo img {height: 26px; width: 70%;}
	.contentleft {height: 980px;}
	.footer_responsive2 {display: block; padding: 20px 14.5% 0 14.5%; height: 130px;}
	.footer_responsive2 img {width: 100%; height: auto;}
	.footer_responsive {display: none;}
	#minheight {height: 130px;}
	.cd-top {bottom: 2.4%; right: 14.5%; left: auto; height: 40px; width: 40px;}
	nav#menu ul {padding: 30px 14.5% 0 14.5%;}
	.text {top: 40px;}
	ul.liste.fliesstext {padding: 0 0 10px 0;}
	ul.fliesstext_schmal li div.links {width: 20%;}
}

/*iphone 6/6s Querformat*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width : 667px) and (orientation : landscape) {
	.footer_responsive2 {display: block; padding: 30px 15.5% 0 15.5%;}
	.footer_responsive {display: none;}
	.cd-top {bottom: 11.4%;}
	.contentleft {height: 500px;}
	nav#menu i:before {padding: 44px 15.5% 0 15.5%;}
	.logo {left: 15.5%; width: 60%; top: 46px; background-image: url(../bilder/footer_responsive_l.png);}
	nav#menu ul {padding: 30px 15.5% 0 15.5%;}
	.border_index {margin: 0px 0 0 0; height: 100%;}
	.contentleft_index {height: 100%; top: 0px;}
	.claimleft {top: 45%;}
	.claimright_responsive {top: 60%; right: 76px; display: block !important;}
	.layer_index {top: -89px;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-width : 320px) and (orientation : portrait) {
	.border_index {margin: 70px 0 0 0;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-width : 568px) and (orientation : landscape) {
	.text {width: 88%;}
	.contentleft {height: 500px;}
	.border_index {margin: 0px 0 0 0; height: 100%;}
	.contentleft_index {height: 100%; top: 0px;}
	.claimleft {top: 52%;}
	.claimright_responsive {top: 67%; right: 65px; display: block !important;}
	.layer_index {top: -144px;}
}

/*iphone 5/5s Hochformat*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width : 320px) and (orientation : portrait) {
	.contentleft {height: 980px;}
	.cd-top {bottom: 3.6%;}
	.text {width: 88%; top: 30px;}
	.logo {background-image: url(../bilder/footer_responsive_l.png); background-repeat: no-repeat;}
	.logo {width: 80%; height: 40px; background-size: 85% auto;}
	.logo img {height: 26px; width: 70%;}
	.contentleft {height: 1100px;}
	.footer_responsive2 {display: block; padding: 20px 15.5% 0 15.5%; height: 130px;}
	.footer_responsive2 img {width: 100%; height: auto;}
	.footer_responsive {display: none;}
	.border_index {margin: 70px 0 0 0;}
}

/*iphone 5/5s Querformat*/
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width : 568px) and (orientation : landscape) {
	.text {width: 88%;}
	.contentleft {height: 500px;}
	.border_index {margin: 0px 0 0 0; height: 100%;}
	.contentleft_index {height: 100%; top: 0px;}
	.claimleft {top: 52%;}
	.claimright_responsive {top: 67%; right: 65px; display: block !important;}
	.layer_index {top: -144px;}
}