@charset "utf-8";
/*
iPAD (Portrait), iPhone 6 Plus (Landscape)
Vier Spalten, Inhalt 100% ohne Rahmen
*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait),
only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape),
screen
and (min-device-width : 768px)
and (max-width : 990px) {
	header, footer, #content {
		max-width:100%;
		border-left:none;
		border-right:none;
	}
	.swiper-slide img {
		width:100%;
		height:auto;
	}
}

/*
iPhone 6 Plus (Portrait), iPhone 6 (Landscape), iPhone 5 & 5S (Landscape), iPhone 2-4 (Landscape), Handy (Lanscape)
Zwei Spalten, Inhalt 100% ohne Rahmen
*/
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait),
only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape),
only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape),
only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape),
screen
and (max-width : 768px) {
	body { -webkit-text-size-adjust: none; }
	#header-scroll nav.menu {
		border-top:1px solid rgba(255,255,0,1);
	}
	#header-scroll nav.menu ul {
		height:55px;
	}
	#header-scroll nav.menu ul li {
		font-size:1em;
		padding:25px 0px;
		margin:0px 15px;
		border-bottom:2px solid rgba(255,255,0,1);
		border-top:3px solid rgba(255,255,0,1);
	}
	#header-scroll nav.menu ul li:hover, #header-scroll nav.menu ul li.active:hover, #header-scroll nav.menu ul li.active {
		color:rgba(0,0,0,1);
		border-bottom:2px solid rgba(227,30,37,1);
		border-top:3px solid rgba(255,255,0,1);
	}
	#header-sub nav.menuSub {
		width:100%;
		padding:0px;
	}
	#header-sub nav.menuSub ul li {
		font-size:0.9em;
		width:auto;
		margin-left:20px;
	}
	#content {
		padding-top:110px;
		padding-bottom:80px;
	}
	.swiper-slide img {
		width:100%;
		height:auto;
	}
}

/*
Handy (Portrait)
Eine Spalte, Inhalt 100% ohne Rahmen
*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px)
and (orientation : portrait),
screen
and (max-width : 470px) {
	body { -webkit-text-size-adjust: none; font-size:11px; }
	#content section article p, #content section article, nav.list ul li, #content section article ol li, section article table tr td, form, input, textarea, select, #chatbox nav ul li {
		font-size:11px !important;
	}
	#content h1, #content section > article > h2, #content section > h2, #content section > article > form h2, a.clip > h2 {
		font-size:15px;
	}
	section.two article, section.three article {
		width:calc(100% - 10px);
	}
	section.four article {
		width:calc(50% - 32px);
	}
	.justify {
		text-align:left;
	}
	#header-scroll, #header-sub {
		display:none;
	}
	footer p {
		text-align:center;
		font-size:11px;
	}
	footer {
		position:absolute;
		bottom:0px;
	}
	#footer-sub nav.menuSub, #footer-sub > p, #footer-sub > p.realized, footer div.copy p {
		position:relative;
		width:100%;
		float:none;
		padding:10px 20px 5px 20px;
		margin:0 auto;
	}
	#footer-sub > p, #footer-sub > p.realized, footer div.copy p {
		font-size:0.8em;
	}
	#footer-sub p.realized img {
		margin:2px 0px -21px 3px;
	}
	#footer-sub > p.realized {
		text-align:center;
		padding-bottom:25px;
	}
	#content nav.mobile {
		display:block;
	}
	header div.mobile-menu-balken {
		display:block;
	}
	section.one .swiper-container article {
		margin:10px 0px;
		padding:0;
		width:100%;
	}

	#header-lang p, #header-lang.small p {
		width:100%;
		padding:10px 0px;
	}
	#header-lang p.header-lang-links {
		width:100%;
		float:left;
		background:rgba(0,0,0,0.5);
	}
	#header-lang.small {
		min-height:40px;
		font-size:1em;
	}
	nav.down ul > li:last-child {
		display:none;
	}

	#chatbox nav ul > li > ul.title li {
		margin:0px 0px 10px 0px;
	}
	#chatbox nav ul li {
		width:calc(100% - 45px);
	}
	#chatbox nav ul li.avatar {
		width:45px;
	}
	#chatbox nav ul li img {
		max-width:40px;
	}	
	#chatbox nav ul li {
		padding-bottom:35px;
	}
	#chatbox nav ul > li > ul.title-mobile, #chatbox nav ul > li > ul.title-mobile li {
		display:inline-block;
	}
	
	#chatbox textarea {
		border-radius:3px 3px 0px 0px;
		border-width:1px 1px 0px 1px;
	}
	#chatbox input[type=submit], #chatbox button {
		border-radius:0px;
		border-width:0px 1px 0px 0px;
	}
	#chatbox div.message-senden {
		display:block;
		width:100%;
		height:70px;
	}
	#chatbox div.button-senden, #chatbox div.anonym-senden {
		display:block;
		width:50%;
		height:30px;
		float:left;
	}
	#chatbox div.message-box {
		display:block;
		width:100%;
		height:auto;
	}
	#chatbox input[type=radio], #chatbox input[type=radio]:hover {
		margin:5px 3px -1px 5px;
	}

	input[type=button].header-button {
		margin:10px 10px 5px 10px;
		float:right;
	}

	#content .handy-hidden, .handy-hidden {
		display:none;
	}
}