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


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

/*TEXTE*/

h1 {
	font-size: 30px;
}

h2 {
	font-size: 20px;
	letter-spacing: 0.6px;
}

.short-box h2 {
	padding-top: 0px;
	padding-bottom: 10px;
}

p {
	font-size:15px;
	line-height: 22px;
}

a.button  {
	font-size:14px;
	letter-spacing: 0.8px;
}

a.button:hover  {
	color: #EBEBEB;
	background-color: #1e5493;
}

/*LISTEN*/

.icon {
	width: auto;
	height: 100%;
	max-height:95px;
	padding: 15px;
}

}

@media only screen and (max-height: 850px) {
.main-xl {
	width: 93%;
	max-width: 1150px;
	margin:auto;
	margin-top:0;
}

}

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

/*NAVIAGTION + HEADER*/

.logo {
	float: left;
}

.nav {
	position: relative;
	right: 0;
	bottom: 0;
	float:right;
	width: 100%;
	max-width: 425px;
	margin-top: 10px;
	text-align:right;
}

.nav li {
	display: inline-block;
	text-align:center;
	margin: 1px;
}

.nav li a {
	text-transform:uppercase;
	text-decoration:none;
	width: 120px;
	color:#000;
	font-size:14px;
	letter-spacing: 0.8px;
	padding: 8px;
	display:block;
}

/*LISTEN*/

.short-box li {
	width: 30%;
}

.main-xl-index {
	width: 95%;
	max-width: 1670px;
	margin:auto;
	margin-top:0;
}

.main-xl {
	width: 93%;
	max-width: 1300px;
	margin:auto;
	margin-top:0;
}

.main {
	width: 93%;
	max-width: 900px;
	margin:auto;
	margin-top: 0;
}

/*CONTENT*/

.right-screen {
	width: 100%;
	float:none;
	max-width: 990px;
}

.left-screen {
	display:none;
}

/*LISTE*/
.team-box {
	text-align: left;
}

.team-box li {
	width: 33%;
	height:auto;
	margin-left: 2.2%;
	margin-right: 2.2%;
	margin-bottom: 25px;
	display:inline-block;
}

.team-box li img {
	max-width: 250px;
}


}

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

/*NAVIAGTION + HEADER*/


/*HEADER-SUBNAVI*/

.header-nav {
	margin-right: 9px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align:right;
}

.header-nav li {
	display: inline-block;

}

.header-nav li a {
	text-transform:uppercase;
	text-decoration:none;
	color:#000;
	font-size:13px;
	letter-spacing: 1px;
	padding: 9px;
}

.header-nav li a:hover {
	color: #FFF;
	background-color:#06C
}

}

@media only screen and (max-width: 768px) {
	
.main-xl {
	width: 90%;
}	
.logo {
	width: 145px;
	heigt: auto;
	padding: 11px;
}

.nav {
	max-width: 415px;
}
	
.nav li a {
	padding: 6px;
}
	
.image-left {
	display:none;
}

.image-right {
	width: 100%;
	float:none;
	max-height: 490px;
}	
	
.left {
	width: 100%;
	max-width: 800px;
	float: none;
	margin-right: 0%;
	text-align:right;
}

.right {
	width: 100%;
	float: none;
	max-width: 800px;
}

/*TRENNER*/

.trenner-screen {
	display:none;
}

/*SUBNAVI*/

.subnav {
	float:none;
	width: 100%;
	max-width: 800px;
	text-align:left;
	margin-bottom: 35px;
}

.subnav li {
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 15px;

}

.subnav li a {
	text-transform:uppercase;
	text-decoration:none;
	color:#000;
	font-size:16px;
	letter-spacing: 1px;
	padding: 7px;
}
	
}

@media only screen and (max-width: 640px) {
 
 h1 {
	font-size: 26px;
	color:#06C;
	font-weight:300;
}

h2 {
	font-size: 18px;
	color:#06C;
	font-weight:300;
	letter-spacing: 1px;
}


h3 {
	font-size: 16px;
	color: #666;
	font-weight:400;
	line-height: 27px;
}

.short-box h2 {
	padding-top: 5px;
	padding-bottom: 15px;
}

p {
	font-size:14px;
	line-height: 24px;
	color:#000;
}

a {
	font-size:14px;
	color:#06C;
}

a:hover {
	color: #C00;
}
 
 
.team-box li {
	width: 43%;
	height:auto;
	margin-left: 2.2%;
	margin-right: 2.2%;
	margin-bottom: 25px;
	display:inline-block;
}

.team-box li img {
	max-width: 250px;
} 
 .naver {
	 float: left;
	 width: 100%;
 }
 
 	.naver .naver-handle { color: #FFF; cursor: pointer; display: none; height: 0px; text-transform: uppercase; font-weight:300;
	 	-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		     -o-user-select: none;
			    user-select: none;
 	}
 	.naver .naver-handle:before { background: url(../src/jquery.fs.naver-icon.png) no-repeat center; content: ''; display: block; float: right; height: 15px; margin: -26px 10px 0 0; width: 20px; }
 	.naver .naver-wrapper {	height: auto; }
 	.naver .naver-container:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

	.naver.enabled .naver-handle { display: block; }
	.naver.enabled .naver-wrapper { height: 0px; overflow: hidden; }
	
.naver.enabled a {
	float: none;
	margin: 0 0 1px 0;
	width: auto;
}
.header-nav {
	display: none;
}


.header {
	margin-top: 15px;
}

.mobil {
	display: block;
	margin-bottom: 15px;
}

.nav {
	position: relative;
	right: 0;
	bottom: 0;
	float:none;
	width: 100%;
	max-width: 639px;
	margin-top: 10px;
	text-align:left;
}

.nav li {
	display: block;
	text-align:left;
	margin: 1px;
}

.nav li a {
	text-transform:uppercase;
	text-decoration:none;
	width: 100%;
	color:#000;
	font-size:14px;
	letter-spacing: 0.8px;
	padding: 8px;
	display:block;
}

.nav li a:hover {
	color: #FFF;
	background-color:#06C;
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}

.nav li a.aktive {
	color: #FFF;
	background-color:#06C;
}

.image-box li {
	width: 26%;
	max-width: 204px;
	height:auto;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 1.5%;
	display:inline-block;
}


.screen {
	display: none;
}

.headline  {
	color: #FFFFFF;
	background-color: #06C;
	line-height: 44px;
	display: block;
	height: 44px;
	width: 95%;
	position:relative;
	letter-spacing: 0.8px;
	padding-left: 15px;
}

.besonderes {
	width: 100%;
	max-width: 300px;
}

}

@media only screen and (max-width: 480px) {
 
.icon {
	width: auto;
	height: 100%;
	max-height: 80px;
	padding: 5px;
	max-width:80px;
} 

.short-box h2 {
	padding-top: 5px;
	padding-bottom: 8px;
}

.trenner-blau {
	padding-bottom: 0px;
}
 
h1 {
	font-size: 24px;
	color:#06C;
	font-weight:300;
}

h2 {
	font-size: 16px;
	color:#06C;
	font-weight:300;
	letter-spacing: 1px;
}


h3 {
	font-size: 16px;
	color: #666;
	font-weight:400;
	line-height: 27px;
}

.short-box li {
	min-width: 135px;
}

a.button  {
	font-size:12px;
}

.subnav li a {
	text-transform:uppercase;
	text-decoration:none;
	color:#000;
	font-size:14px;
	letter-spacing: 1px;
	padding: 7px;
}

.partner {
	max-width: 290px;
	height:auto;
}

.besonderes {
	float: none;
	margin-left: 0px;
	margin-bottom: 35px;
	margin-right: 0%;
	width: 100%;
	max-width: 300px;
	height:auto;
}

.subnav {
	float:none;
	width: 100%;
	max-width: 800px;
	text-align:left;
	margin-bottom: 20px;
}


}

@media only screen and (max-width: 360px) {
	
	.subnav li a {
	text-transform:uppercase;
	text-decoration:none;
	color:#000;
	font-size:12px;
	letter-spacing: 0px;
	padding: 5px;
}
}