html { -webkit-text-size-adjust: 100%; }

@media only screen and (max-width: 1366px) and (max-height: 768px) {
	section#start .contentWrap object, section#start .contentWrap img { width: 50%; }
	section#start address { font-size: 130%; }
	section#start .contentWrap > div#text { font-size: 150%; margin: 3%; padding: 3% 0; }
	
	.wList-Widget-Navigation.items-3 a.svg object { width: 60%; }
	.wList-Widget-Navigation > h2 { font-size: 140%; }
	.wList-Widget-Navigation > p { font-size: 90%; }
}

@media only screen and (max-width: 1280px) {
	section#start { height: 95%; height: 95vh; padding-top: 5%; padding-top: 5vh; }
	section#start .contentWrap { max-width: 600px; }
	section#start .contentWrap object { width: 50%; }
	section#start address { font-size: 130%; }
	section#start .contentWrap > div#text { font-size: 140%; margin: 3%; padding: 3% 0; }
	
	.widgetlist-navigation { max-width: 1024px; }
	.widgetlist-navigation li { font-size: 80%; } 
	.widgetlist-navigation .wList-Widget-Navigation a.svg object { width: 60%; }
	
	section#marken .contentWrap { margin-right: 5%; width: 56%; }
}

@media only screen and (max-width: 1140px) { 
	section#impressionen .contentWrap,
		footer .wrap { width: 96%; margin: 0 2%; }
}

@media only screen and (max-width: 1024px) { 
	nav { height: 25%; height: 25vh; }
	.stickyNav h2 { font-size: 130%; }
	
	section#marken h2, section#impressionen h2 { font-size: 170%; }
	section#marken h3 { font-size: 140%; }
}

@media only screen and (max-width: 900px) { 
	.stickyNav h2 { font-size: 100%; }
	
	section#marken .contentWrap { margin-right: 5%; width: 66%; }
	
	section#kontakt > div.contentWrap { width: 50%; float: right; }
	section#kontakt > div#contactData { width: 50%; float: left; position: relative; top: inherit; left: inherit; }
}

@media only screen and (max-width: 800px) { 	
	.stickyNav { height: 50px; }
	.stickyNavLogo { height: 40px; padding: 5px 10px; }
	.stickyNav .widgetlist-navigation { padding-right: 10px; }
	.stickyNav .wList-Widget-Navigation.items-3 { padding: 5px 0; }
	.stickyNav .wList-Widget-Navigation.items-3 a.svg object { height: 40px; }
	.stickyNav h2 { display: none; }
}

@media only screen and (max-width: 800px) and (orientation: landscape) { 
    #socialBox { right: 0; width: 10%; text-align: center; } 
    #socialBox a { padding-left: 0; display: block; }
}

@media only screen and (max-width: 800px) and (orientation: portrait) { 
	nav { height: 200px; }
	.widgetlist-navigation { margin-top: -80px; }
	section#start .contentWrap { margin-top: 30px; }
}

@media only screen and (max-width: 780px) { 
	section#start .contentWrap { max-width: none; width: 80%; }
	section#start .contentWrap object { width: 40%; }
	section#start address { font-size: 100%; }
	section#start .contentWrap > div#text { font-size: 120%; }
	section#start .contentWrap > div#text p { -moz-hyphens: none; -o-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; -hyphens: none; }
	section#start .contentWrap > div#text br { display: none; }

	nav { height: 90px; }
	.widgetlist-navigation .wList-Widget-Navigation a.svg object { width: 30%; }
	.widgetlist-navigation { width: 96%; margin: -5% 2% 0;  margin: -5vh 2% 0; }
	.wList-Widget-Navigation > h2 { font-size: 130%; }
	.wList-Widget-Navigation > p { display: none; }
	.wList-Widget-Navigation > a.textLink { display: none; }
	
	section#marken .contentWrap { margin-right: 5%; width: 76%; }
}

@media only screen and (max-width: 780px) and (orientation: portrait) {
	.widgetlist-navigation .wList-Widget-Navigation a.svg object { width: 45%; }
}

@media only screen and (max-width: 650px) and (orientation: portrait) {
	section#start .contentWrap object { width: 80%; }
}

@media only screen and (max-width: 630px) {
	
	
	section#marken .contentWrap { margin: 0%; padding: 2%; width: 96%; }
}

@media only screen and (max-width: 550px) {
	section#kontakt > div.contentWrap, 
		section#kontakt > div#contactData { width: 100%; float: none; }
	section#kontakt > div.contentWrap { height: 250px; }
	section#kontakt, 
		section#kontakt > div#contactData { height: initial; }
	
	footer { border-top: solid 1px #AFC933; }
	
	#cookieInfo .col-w75 { width: 64%; }
	#cookieInfo .col-w25 { width: 34%; }
}

@media only screen and (max-width: 450px) {
	.TColCon > div { width: 100%; float: none; margin: 0; }
}

@media only screen and (max-width: 450px) and (orientation: portrait ){
	.widgetlist-navigation .wList-Widget-Navigation a.svg object { width: 50%; }
}

@media only screen and (max-width: 350px) {
	#cookieInfo .col-w75, 
		#cookieInfo .col-w25 { width: 100%; margin: 1% 0; float: none; }
}