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


html, body {
	width: 100%;
	overflow-x: hidden
}

html, body, h1, h2, h3, h4, h5, h6, a, #main_navi ul, #main_navi ul li, #main_navi ul li a, #sub_navi ul, #sub_navi ul li, #sub_navi ul li a {
	list-style:none;
	text-decoration:none;
	margin:0;
	padding:0;
}

body {
	background:url("../../grafiken/bg.jpg") no-repeat center top #193C62 fixed;
	background-size:cover;
	font-family: 'Gudea', sans-serif;
	font-size:16px;
	font-size:100%;
	font-weight:400;
	color:#57616d;
}

img {
	max-width:100%;
	}

.size_14px {
	font-size:0.875em; /*14px*/
	}

.height_10px {height:10px;}
.height_20px {height:20px;}
.height_30px {height:30px;}
.height_40px {height:40px;}
.height_50px {height:50px;}
.height_60px {height:60px;}
.height_70px {height:70px;}
.height_80px {height:80px;}


/* _______________________________________________ wichtige Befehle ___________________________________________ */


.center { max-width:960px; margin:auto;	}
.smaller { font-size:0.75em; /*12px*/ }
.text_align_right { text-align:right; }

/* _______________________________________________ H1 - H6 ___________________________________________ */

h1 {
	font-size:2em; /*32px*/
	font-weight:700;
	text-transform:uppercase;
	color:#125395;
}

h2 {
	font-size:1.375em; /*22px*/
	font-weight:700;
	text-transform:uppercase;
	color:#125395;
}

h3 {
	font-size:1.125em; /*18px*/
	font-weight:700;
	color:#125395;
}
h4 {
	font-size:1em; /*16px*/
	font-weight:700;
	color:#125395;
	text-transform:uppercase;
}


.rechtlich h4 {
	margin-top:20px;
	}

h5 {
	font-size:1em; /*16px*/
	font-weight:400;
	text-transform:uppercase;
}

h6 {
	font-size:0.875em; /*14px*/
	font-weight:400;
	text-transform:uppercase;
}

.grid-item.blue_content_box h1, 
.grid-item.blue_content_box h2, 
.grid-item.blue_content_box h3,
.description_left h1,
.description_left h2,
.description_left h3 {
	color:#fff;
	}

/* ___________________________________________________ Allg. ___________________________________________________ */

#fehler, #hinweis{
	background: #fff;
	margin-top: 2%;
	padding: 20px;
}
.pflichtangabe_fehlt{
	border: 1px solid #F00;
}

a {
	color:#fff;
	}

.contentbox a {
	color:#125395;
	}
	
.contentbox a.no_style {
	color:#57616d;
	}	
	
a.no-style { 
	color:; 
	}

p {
	}
	
p.smaller {
	font-size:0.75em; /*12px*/
	}	
	
.rechtlich p {
	margin-top:0px;
	font-size:0.9375; /*15px*/
	}	
	
.rechtlich p.smaller {
	font-size:0.75em; /*12px*/
	}
	
hr {
	border:0;
	border-bottom:6px solid #125395;
	}

ol {
	padding-left:25px;
	}
	
.color_blue {
	color:#125395 !important;
	}

.text_center {
	text-align:center !important;
	}

.small_space {
	height:25%;
	}

a.inner_box{
	color:#57616d;
}
div.inner_box{width:100%;height:100%;}

/* _______________________________________________ Bausteine Webseite ___________________________________________ */


.grid {
	max-width:960px;
	margin:auto;
	position: relative;
}
.grid-item {
	position: absolute;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	overflow:hidden;
}


.grid-item .floatbox_left {
	width:48%;
	float:left;
	margin-bottom:0;
	margin-top:10px;
	} 

.grid-item .floatbox_right {
	width:48%;
	float:right;
	margin-bottom:0;
	margin-top:10px;
	}

#news .floatbox_left {
	width:30%;
	} 

#news .floatbox_right {
	width:66%;
	}

.grid-item img.space {
	margin:0;
	padding:20px 0;
	}

.grid-item .icon_test {
	width:60px;
	height:60px;
	position:absolute;
	top:0;
	right:0;
	}

.grid-item .link_leiste {
	width:100%;
	padding:5px 40px 5px 10px;
	/*background:url("../../grafiken/link_leiste_bg.png") no-repeat center right;*/
	background:rgba(0, 0, 0, 0.75);
	background-image:url("../../grafiken/white_arrow.png");
	background-repeat:no-repeat;
	background-position:97% 50%;
	background-size: 30px 19px;
	position:absolute;
	bottom:0;
	box-sizing:border-box;
	color:#fff;
	}

.grid-item .link_leiste a {
	color:#fff;
	}

.grid-item a.link_pfeil {
	background:url("../../grafiken/blue_arrow.png") no-repeat center right;
	/*background:rgba(0, 0, 0, 0.75);*/
	padding-right:45px;
	background-size: 30px 19px;
	float:right;
	color:#125395;
	font-size:1em;
	text-transform:uppercase;
	font-weight:700;
	}

.greybox_trans {
	background:rgba(0,0,0,0.75);
	width:100%;
	padding:5px 40px 5px 10px;
	position:absolute;
	bottom:0;
	box-sizing:border-box;
	width:100%;
	color:#fff;
	font-size:1em; /*13px*/
	font-weight:400;
	left: 0px;
	}

.greybox_trans b {
	font-size:1em; /*16px*/
	}

.grid-item.white_content_box {
	background:#fff;
	padding:3%;
	}

.grid-item.white_content_box hr {
	margin-left:-13%;
	}

.grid-item.blue_content_box hr {
	border-bottom:6px solid #fff;
	margin-left:-13%;
	}

.grid-item.blue_content_box {
	background:#125395;
	padding:3%;
	color:#fff;
	}

.grid-item.grey_content_box {
	padding:3%;
	background:#e6e7e8;
	}

.grid-item.grey_content_box_start {
	background:#e6e7e8;
	}
.grid-item.grey_content_box_innen {
	margin:3%;
	}

.grid-item.grey_content_box.more_padding {
	padding-top:8%;
	}
	
/*.grid-item.bg_content_box img {
	width:100%;
	}*/

#spruch {
	padding:5px;
	display:inline;
	top:20%;
	position:absolute;
	background:url("../../grafiken/transpx_blue.png") repeat;
	font-size:2.125em; /*34px*/
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
	}

.date_location {
	position:absolute;
	bottom:0%;
	width:90%;
	}

.grid-item .date_location p {
	font-size:1.25em; /*20px*/
	}

img.square_style {
	height:100% !important;
	max-width:200% !important;
	}
	
.grid-item.navigation_box {
	background:none;
	}

.navigation_box ul {
	margin:0;
	padding:0;
	}

.navigation_box ul li {
	background:url("../../grafiken/transpx_grey.png") repeat;
	padding:5.2%;
	margin:0 0 5px;
	text-align:center;
	list-style:none;
	}
	
.navigation_box ul li:last-child {
	margin-bottom:0;
	}
	
.navigation_box ul li a {
	text-transform:uppercase;
	font-weight:700;
	font-size:1.25em; /*20px*/
	}

.description_left {
	color:#fff;
	text-transform:uppercase;
	font-weight:700;
	background:#125395;
	width:30%;
	padding:20px 2%;
	float:left;
	margin-top:10px;
	}
	
.description_right {
	background:#E6E7E8;
	width:61%;
	padding:20px 2%;
	float:right;
	margin-top:10px;
	}
	
.contentbox {
	background:#E6E7E8;
	margin-top:10px;
	}	
	
.contentbox.white_content_box {
	background:#fff;
	}

.contentbox.white_content_box p:last-child {
	margin-bottom:0;
	padding-bottom:0;
	} 
	
.description_right p {
	font-size:0.75em; /*12px*/
	}	
	
.content_box {
	background:#E6E7E8;
	font-size:0.75em; /*12px*/
	}	
	
.arrow_back {
	background:url("../../grafiken/grey_arrow_back.png") no-repeat center left;
	background-size: 30px 19px;
	padding-left:40px;
	text-transform:uppercase;
	font-weight:700;
	font-size:0.8125em; /*13px*/
	color:#57616d;
	float:left;
	margin-top:40px;
	}	
	
.arrow_forward{
	background:url("../../grafiken/blue_arrow.png") no-repeat center right;
	background-size: 30px 19px;
	padding-right:40px;
	text-transform:uppercase;
	font-weight:700;
	font-size:0.8125em; /*13px*/
	color:#125395;
	float:right;
	margin-top:40px;
	}

.plan_teile{
	cursor:pointer;
}

.stand_nummer {
	padding:10px 10px 5px;
	background:#125395;
	display:inline;
	font-size:1.0625em; /*17px*/
	font-weight:700;
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
	}	

/* -------------------------------------------------------------------------------------------- Mobil -------------------------------------------------------------------------------------------- */

@media (min-width: 0px) {
	
body {
	font-size:80%;
	}

.mobil {
	display:block;
	visibility:visible;
	}

.screen, footer {
	display:none;
	visibility:hidden;
	}
	
.floatbox_left, .floatbox_right, .float_left, .float_right {
	width:100%;
	margin-bottom:20px;
	}

header {
	background:#fff;
	padding:10px 5%;
	}
	
#content {
	padding:25px 5%;
	}
	
.grid-item p, .grid-item a {
	font-size:0.94em;
	}

.grid-item.overflow_scroll {
	overflow:auto;
	}

.description_left, .description_right {
	width:46%;
	}

#logo {
	width:70%;
	float:left;
	}	

#menu_button {
	display:block;
	visibility:visible;
	width:22%;
	float:right;
	text-align:right;
	padding:5% 0 0;
	cursor:pointer;
	}

#partner {
	box-sizing:border-box;
	background:#fff;
	padding:15px 3% 20px;
	width:100%;
	}

#partner a {
	width:29%;
	height:35px;
	float:left;
	padding:10px 2%;
	text-align:center;
	}

#partner a img {
	max-height:100%;
}
	
.contentbox {
	padding:20px 5%;
	}


/* WICHTIG */
.float_left { clear:both; }
.float_right { clear:both; }
.float_left_box { width:100%; }
.float_right_box { width:100%; }

}

@media (min-width: 400px) {
	
body {
	font-size:90%;
	}

}
/* -------------------------------------------------------------------------------------------- Tablet -------------------------------------------------------------------------------------------- */

@media (min-width: 640px) {
		
body {
	font-size:95%;
	}

#menu_button {
	padding:3.8% 0 0;
}

img.square_style {
	height:auto !important;
	max-width:100% !important;
	}


	
#partner {
	background:#fff;
	padding:15px 5% 20px;
	width:100%;
	}

#partner a img {
	float:right;
	margin-left:35px;
	height:30px;
	margin-top:5px;
	max-height:auto;
	}

#partner a img.more_height {
	height:40px;
	margin-top:0;
	}


#partner a {
	height:auto;
	width:auto;
	padding:0;
	margin:0;
	float:none;
}
	

/* WICHTIG */
.float_left { float:left; }
.float_right { float:right; } 
.float_left_box { width:48%; float:left; }
.float_right_box { width:48%; float:right; }

}


/* -------------------------------------------------------------------------------------------- Screen -------------------------------------------------------------------------------------------- */

@media (min-width: 950px) {
	
body {
	font-size:100%;
	}
	
.mobil, #menu_button {
	display:none;
	visibility:hidden;
	}

.screen, footer {
	display:block;
	visibility:visible;
	}
/*
.grid-item.overflow_scroll {
	overflow:hidden;
	}*/

.description_left {
	width:30%;
	height:80px;
	}	
	
.description_right {
	width:61%;
	height:80px;
	}		
	
a.link_pfeil {
	margin:0;
	position:absolute;
	bottom:5%;
	right:5%;
	}	
	
#spruch {
	padding:5px 20px;
	left:22%;
	}

#content {
	max-width:960px;
	padding:30px 0;
	margin:auto;
	}
	
header {
	background:none;
	max-width:960px;
	margin:auto;
	padding:0;
	}	
	
header .floatbox_right {
	float:right;
	width:60%;
	margin:0;
	padding:0;
	}
	
.telefon {
	float:right;
	padding:10px 10px 5px;
	background:#125395;
	display:inline;
	font-size:1.0625em; /*17px*/
	font-weight:700;
	}	
.telefon img {
	margin-right:6px;
	}
	
#logo {
	float:left;
	width:40%;
	}		


#main_navi{
	width:100%;
	padding-top:15px;
	}

#main_navi ul{
	float:right;
	}
	
#main_navi ul li{
	float:left;
	padding-left:20px;
	}

#main_navi ul li a{
	color:#fff;
	font-size:1.25em; /*20px*/
	}

	
.floatbox_left {
	width:48%;
	float:left;
	} 

.floatbox_right {
	width:48%;
	float:right;
	}

.float_left {
	float:left;
	} 

.float_right {
	float:right;
	}

.content {
	padding:0;
	}
	
.contentbox {
	padding:20px 2%;
}
.grid .float_left, .grid .float_right,
.grid .floatbox_left, .grid .floatbox_right {
	margin-bottom:0;
	}
	
footer {
	background:#125395;
	padding:15px 0;
	width:100%;
	}	
	
footer .inner, #partner .inner {
	max-width:960px;
	margin:auto;
	}
#sub_navi ul {
	float:right;
	}

#sub_navi ul li {
	float:left;
	padding:0 5px;
	border-right:1px solid #fff;
	line-height:0.5;
	}
	
#sub_navi ul li:last-child {
	border-right:0;
	}
	
#sub_navi ul li a {
	font-size:0.75em; /*12px*/
	color:#fff;
	padding-bottom:3px;
	}	
	
}


#owl-demo {
	margin-bottom:20px;
	}

#owl-demo .item{
	margin: 5px;
}
#owl-demo .item img{
	display: block;
	width: 100%;
	height: auto;
}
.owl-theme .owl-controls {
	display:none !important;
	visibility:hidden;
	}



/* ------------------------------------------------------ SIDR NAVIGATION ------------------------------------------------------ */


@media (max-width:960px) {
	
	.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-size:0.9375; /*15px*/;background:url("../../grafiken/transpx_blue.png") repeat;color:#fff;-webkit-box-shadow:inset 0 0 20px 5px #1B3B66;-moz-box-shadow:inset 0 0 20px 5px #1B3B66;box-shadow:inset 0 0 20px 5px #1B3B66;}
	.sidr .sidr-inner{padding:0 0 15px;}
	.sidr .sidr-inner>p{margin-left:15px;margin-right:15px;}
	.sidr.right{left:auto;right:-260px;}
	.sidr.left{left:-260px;right:auto;}
	.sidr p{font-size:0.8125em; /*13px*/;margin:0 0 12px;}
	.sidr p a{color:rgba(255,255,255,0.9);}
	.sidr ul{display:block;margin:0 0 15px;padding:0;}
	.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #2f81d5;border-bottom:1px solid #193C62;}
	.sidr ul li:last-child{border-bottom:0;}
	.sidr ul li a,.sidr ul li span{padding:5px 30px;display:block;text-decoration:none;color:#fff;}
	.sidr ul li ul{border-bottom:none;margin:0;}
	.sidr ul li ul li{line-height:40px;font-size:0.8125em; /*13px*/;}
	.sidr ul li ul li:last-child{border-bottom:none;}
	.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px;}
}

@media (min-width:961px) {
	
	#sidr-right {
		display:none;
		visibility:hidden;
		height:0 !important;
		font-size:0;
		}	
	.sidr-open.sidr-right-open {
		position:relative !important;
		width:100% !important;
		right:0 !important;
		}			
}




/* *** *** */

.last {	margin-left:0; margin-right:0; }
.floatstop { clear:both; }


.logo {
	max-width:45% !important;
	margin-top: 25px;
}