@charset "UTF-8";
/* CSS Document */

@media only screen and (min-width: 2500px) { 

.content {
	width:95%;
	max-width: 1650px;
	margin:auto;
}

}


@media only screen and (max-width: 1440px) { 

.content {
	width:90%;
	margin:auto;
}

/*TEXTE*/

h1 {
	font-size:36px;
	letter-spacing:1px;
	font-weight:300;
	text-transform:uppercase;
}


h2 {
	font-size:21px;
	font-weight:300;
	line-height: 35px;
	color: #999;
}

.left-emo h2 {
	font-size:36px;
	letter-spacing:1px;
	line-height: 55px;
	font-weight:300;
	color:#fff;
	text-transform:uppercase;
}

.middel {
	text-align:center;
}

.shortbox h2 {
	font-size:30px;
	letter-spacing:1px;
	line-height: auto;
	font-weight:300;
	color:#fff;
	padding-bottom: 7px;
}

.shortbox h3 {
	font-size:19px;
	letter-spacing:1px;
	font-weight:300;
	color:#fff;
}


}

@media only screen and (max-width: 1124px) { 

/*NAVIGATION*/
nav {
	font-family: 'Muli', sans-serif;
	letter-spacing: 0.8px;
	font-weight:300;
	padding-top: 62px;
	float:right;
}

nav li {
	list-style:none;
	display:inline-block;
	margin-left:0px;
	margin-right: 0px;
}

nav li a {
	font-size: 17px;
	padding:6px;
	padding-bottom:5px;
}

/*CONTENT*/

.left-emo {
	float:left;
	width:30%;
	padding:15px;
}

.largebox {
	min-height: 450px;
	width: 100%;
}

.display-1024 {
	display:none;
}

/*SHORTBOX*/

.shortbox {
	width: 100%;
	min-height: 130px;
	margin-bottom: 20px;
	padding:20px;
	padding-top:20px;
	position:relative;
}

/*TEXTE*/

h1 {
	font-size:28px;
	letter-spacing:1px;
	font-weight:300;
	text-transform:uppercase;
}

p.large,
p {
	font-size:16px;
	font-weight:300;
	line-height: 24px;
}

.left-emo h2 {
	font-size:28px;
	letter-spacing:0.5px;
	line-height: 40px;
	font-weight:300;
	color:#fff;
	text-transform:uppercase;
}

.shortbox h2 {
	font-size:24px;
	letter-spacing:0.5px;
	line-height: 23px;
	font-weight:300;
	color:#fff;
	padding-bottom: 0px;
}

.shortbox h3 {
	font-size:16px;
	letter-spacing:0.5px;
	font-weight:300;
	color:#fff;
}

.aktuellbox h2 {
	font-size:24px;
	letter-spacing:1px;
	line-height: 20px;
	font-weight:300;
	background-color:#95c03d;
	color:#FFF;
	padding: 8px;
	padding-top:15px;
	padding-left:15px;
}

.aktuelltext h3 {
	font-size:20px;
	font-weight:300;
	line-height: 36px;
	color:#95c03d;
}

/*AKTUELL*/

.aktuellbox {
	width: 100%;
	min-height: 150px;
	margin-bottom: 20px;
	position:relative;
}

.aktuelltext {
	padding: 20px;
}
	

/*BUTTON*/

a.button-mehr {
	font-size:14px;
	position:absolute;
	bottom: 15px;
	left:15px;
	padding: 8px;
	background:rgba(255, 255, 255, 0.4);
	color:#FFF;
	text-decoration:none;
}

a.aktuell-mehr {
	font-size:14px;
	padding: 8px;
	background:rgba(160, 200, 78, 1);
	color:#FFF;
	text-decoration:none;
}

/*TRENNER*/

.trenner-blank-small {
	width: 100%;
	height:10px;
	clear:both;
}

.trenner-blank {
	width: 100%;
	height:20px;
	clear:both;
}

.trenner-blank-xl {
	width: 100%;
	height:40px;
	clear:both;
}


}


@media only screen and (max-width: 800px) { 

/*CONTENT*/

.left-emo {
	float:none;
	width:30%;
	padding:15px;
	position:absolute;
	left: 5%;
}

.right,
.left {
	float:none;
	width: 100%;
}

/*NAVIGATION*/

nav {
	font-family: 'Muli', sans-serif;
	letter-spacing: 0.8px;
	font-weight:300;
	padding-top: 100px;
	float:none;
}

nav li a {
	font-size: 16px;
	padding:6px;
	padding-bottom:5px;
}

/*TEXTE*/

.left-emo h2 {
	font-size:24px;
	letter-spacing:0.5px;
	line-height: 38px;
	font-weight:300;
	color:#fff;
	text-transform:uppercase;
}


.text-box {
	display:none;
}

.rahmen {
	padding:0px;
}
	
	.list-bild {
	width: 90%;
	margin: 0%;
		margin-bottom: 25px;
	float: none;
}


}

@media only screen and (max-width:640px) { 

/*MOBILE NAVI*/
.mobile-nav {
	display:block;
}

}

@media only screen and (max-width: 480px) { 

.left-emo {
	display:none;
}

nav li {
	width:49%;
	text-align:center;
}

nav li a {
	width:100%;
}


#sticky li {
	display:inline-block;
	list-style:none;
	width: 30.5%;
	margin-right:3%;
}

.box {
	width: 100%;
	padding-bottom:90px;
}

.left-fifty {
    float: none;
    margin-right: 2.5%;
    padding-bottom: 20px;
    width: 100%;
}

h1 {
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 0;
    text-transform: uppercase;
}

.largebox {
	min-height: 450px;
	padding:15px;
}

}

@media only screen and (max-width: 360px) { 

#sticky,
#sticky-sticky-wrapper {
	display:none;
}

.content-large {
	width:100%;

}

.ablauf {
	width:100%;
	margin:auto;
	padding-bottom:30px;
}

.ablauf-box {
	width:30%;
	float:left;
	margin:1.5%;
}

.ablauf-box img {
	width:60%;
	max-width: 90px;
	height:auto;
	padding-bottom: 20px;
}
}