@charset "utf-8";
/*
Template Name: Sweet Leaf
Author: <a href="http://netzfeld.de/">Netzfeld</a>
Author URI: http://netzfeld.de/
Licence: CC BY-SA 3.0
Licence URI: https://creativecommons.org/licenses/by-sa/3.0/
File: Media Queries CSS
*/

@media screen and (max-width:1280px){
.hauptnav{
	width:239px
}
.infos{
	width:335px
}
.inhalt{
	margin:0 363px 0 259px
}
}
@media screen and (max-width:980px){
.claim{
	height:113px
}
.infos{
	float:none;
	width:100%
}
.inhalt{
	margin:0 15px 0 259px;
	padding-top:1em
}
.orientierung{
	display:none
}
.hauptnav-innen{
	padding-top:15px;
	margin-top:1em
}
.figure-text{
	width:58%;
	top:60px;
	right:5px
}
.metanav{
	width:32.8141225337487%;
	width:38.7331256490135%;
	padding-right:0
}
.logo{
	width:554px;
	width:57.52855659397715%
}
}
@media screen and (max-width:780px){
.claim{
	height:auto
}
.logo{
	width:auto;
	float:none;
	padding:10px 15px
}
.metanav{
	padding-left:15px;
	padding-right:5px;
	padding-top:15px;
	width:auto;
	float:none
}
.untere-umspannung{
	top:175px
}
.infos{
	padding-top:50px
}
.untere-umspannung{
	top:140px
}
.zeile1 .extra{
	font-size:250%
}
.zeile2 .extra{
	font-size:155%
}
.sponsoren-logo{
	width:100%;
	float:none
}
.sponsoren-text{
	margin-left:0;
	margin-top:0.75em
}
}
@media screen and (max-width:480px){
html{
	-webkit-text-size-adjust:none
}
.infos, .hauptnav, .inhalt, .logo, .sponsoren-logo{
	width:100%;
	float:none
}
.sponsoren-text{
	margin-left:0;
	margin-top:0.75em
}
.logo{
	width:auto;
	padding:10px 15px
}
.metanav{
	padding-left:15px;
	padding-right:5px;
	padding-top:15px;
	width:auto;
	float:none
}
.infos{
	margin-bottom:1em;
	padding-top:40px
}
.hauptnav-innen{
	padding-top:15px
}
.orientierung{
	display:none
}
.inhalt{
	margin:0
}
.inhalt .text{
	margin-left:15px;
	margin-right:15px
}
.untere-umspannung{
	top:140px
}
.figure-text{
	right:5px
}
.zeile1 .extra{
	font-size:200%
}
.zeile2 .extra{
	font-size:135%
}
}
@media screen and (max-width:330px){
html, body{
	min-width:330px
}
}