/* ------------------------------------------------------------------------- */
/* ------------------------------- RESET START ----------------------------- */

* {
	padding: 0;
	margin: 0;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

html {
	overflow-y: scroll;
	height: 100%;
}

a { text-decoration: none; }

a:not([class]), a[class=""] {
	color: #333;
}

article, aside, figure, footer, header, hgroup, nav, section { display: block; }



/* -------------------------------- RESET END ------------------------------ */
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* ----------------------------------- BODY -------------------------------- */

h1 {
	font-size: 1.625rem;
	font-weight: 600;
	color: #555555;

}

h2 {
	font-size: 1.5rem;
	font-weight: 400;
	color: #555555;
	padding-top: 10px;
}

h3 {
	font-size: 1.25rem;
	font-weight: 600;
	color: #555555;
	padding-top: 10px;
	padding-bottom: 6px;
}

h4 {
	font-size: 1.125rem;
	font-weight: 400;
	color: #555555;
	padding-bottom: 6px;
}

h5 {
	font-size: 1rem;
	font-weight: 700;
	color: #13b013;
	padding-bottom: 5px;
}

p { padding-bottom: 14px; font-size: 1rem; }

header, header .logo, nav.desktop, ul.dropdown_first, .nav1, .nav1on, .nav2, .nav2on, ul.dropdown_second, .nav3, .nav3on, .btn {
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
}

body, input[type="text"], input[type="submit"], textarea, select, button {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	color: #555;
}

body { background: #FFF; }

.content .column.center li { margin-left: 25px; }

/* ------------------------------------------------------------------------- */
/* ------------------------------ HEADER START ----------------------------- */

header {
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	width: 100%;
	height: 9.28rem;
	z-index: 1100;
	border-bottom: 4px solid #ffdd00;
}

.meta-nav {
	display: block;
	text-align: right;
	position: relative;
	height: 22px;
	line-height: 22px;
}

.meta-btn {
	color:#7c837d;
	padding: 0 0 0 50px;
	font-size: 0.875rem;
}

.main-nav {
	display: block;
	/*text-align: center;*/
	position: relative;
	top: -6px;
	background-color: rgba(255, 255, 255, 0.93);
	z-index: 2;
	/*border-top: 1px solid #ddd;	*/

}

.cw { margin: 0 auto; max-width: 75rem; }

header > div {
	z-index: 10;
	position: relative;
}

header .logo {
	float: left;
	background: url("../img/kbs-logo.png") no-repeat left top / contain;
	width: 20rem;
	height: 6rem;
	display: block;
	text-indent: -9999px;
	margin-bottom: 10px;
	margin-top:10px;
	z-index: -2;
}

.nav-head {
	display: block;
	position: relative;
	top: -145px;
	float: right;
}

.sub-nav-head {

}

.sub-nav-head a {
	color: #5c5c5c;
	font-size: 14px;
	padding-right: 45px;
}

.sub-nav-head a:hover { color:#000; }

/* ------------------------------- HEADER END ------------------------------ */
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* ---------------------------- NAVIGATION START --------------------------- */

.menu-trigger, .nav_headline { display: none; }
nav {

}
nav.desktop {
	position:relative;
	z-index: 900;
	font-size: 0;
	float: right;
	/*padding-top: 20px;*/

}
/*.all-nav {
	position:absolute;
	position: absolute;
	top:150px;
	background-color:#FFF;
	height:500px;
	padding:20px;
	}*/

/*header.fixed nav.desktop { padding-top: 10px; }*/

nav.desktop li { list-style-type: none; }

nav.desktop > ul { text-align: center; }

nav.desktop ul.main-menu > li {
	display: inline-block;
	position: relative;
}

.nav1, .nav1on {
	/*line-height: 40px;
	height: 40px;*/
	text-transform: uppercase;
	color: #7c837d;
	padding: 7px 20px;
	display: inline-block;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: .2px;
}

ul.main-menu li:hover .nav1, .nav1on {
	background: #ffdd00;
	color: #555;
}

ul.dropdown_first {
	position: absolute;
	left: 0;
	padding: 0;
	background: #fafafa;
	z-index: 2000;
	opacity: 0;
	display:none;
	visibility: hidden;
	/*opacity: 1;
	visibility: visible;*/
	text-align: left;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

nav.desktop ul.main-menu li:hover > ul.dropdown_first, nav.desktop ul.dropdown_first li:hover > ul.dropdown_second {
	display:block;
	opacity: 1;
	visibility: visible;
}

.dropdown_first > li, .dropdown_first > span > li, .dropdown_second > li {
	float: none;
	display: block;
	position: relative;
}

.nav2, .nav2on {
	/*border-bottom: 1px solid #c0c0c1;*/
	background: #fafafa;
	color: #7c837d;
	padding: 10px 15px;
	display: block;
	width: 215px;
	font-size: 14px;
	font-weight: 400;
}

.nav2:hover { background: #e5e5e5; }

.nav2on, ul.dropdown_first li:hover .nav2 {
	background: #ffdd00;
	color: #555;
}

ul.dropdown_first li:last-child a { border: 0; }

ul.dropdown_second {
	position: absolute;
	right: 200px;
	top: 0;
	padding: 0;
	background: #f5f5f5;
	z-index: 1000;
	/*opacity: 1;
	visibility: visible;*/
	opacity: 0;
	visibility: hidden;
	text-align: left;
	/*-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);*/
}
ul.show-menue-part {
	opacity: 1;
	visibility: visible;
	/*right:-35px;*/
	top:40px;
}
.dropdown_first > li.float-menue-part {
	float:left;
	width:180px;
}
.dropdown_first > li.float-menue-part1 {
	margin-left:100px;
	padding-right:50px;
}
.dropdown_first > li.float-menue-part1  a.nav2, .dropdown_first > li.float-menue-part1  a.nav2on {
	width:230px;
	/*position:absolute;*/
	/*left:-40px;*/
	margin-left:-100px;
	font-weight:700;
}
.dropdown_first > li.float-menue-part2 .nav2, .dropdown_first > li.float-menue-part2 .nav2on {
	width:230px;
	position:absolute;
	left:-40px;
	font-weight:700;
}
#dropdown_014 {
	left:-100px;
	/*background:none;*/

}
#dropdown_015 {
	margin-left:-50px;
	width:470px;
	height:480px;
	margin-right:50px;
}
#dropdown_015 li .nav3 {
	width:230px;
}
#dropdown_016 {
	left:-100px;
	width:235px;
	height:410px;
}
#dropdown_016 li .nav3 {
	width:235px;
}
#dropdown_017 {
	right:-10px;
}
.nav3, .nav3on {
	/*border-bottom: 1px solid #c0c0c1;*/
	color: #7c837d;
	padding: 8px 15px;
	display: block;
	width: 200px;
	font-size: 14px;
	font-weight: 400;
}

.nav3on, ul.dropdown_second li:hover .nav3 { background: #ddd; }

nav.desktop ul.main-menu > li:last-child ul {
	right: inherit;
	right: 0;
}

nav.desktop ul.main-menu > li:last-child ul > li > ul {
	right: inherit;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
}
.left ul li {
	list-style:none;
}

/* ----------------------------- NAVIGATION END ---------------------------- */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */
/* -------------------------- SLIDER / HERO START -------------------------- */


.slide_overlay {
	position: absolute;
	top: 70px;
	z-index: 100;
	width: 100%;
	height: 470px;
	background: #fff url(../img/loader.svg) no-repeat center;
	background-size: 50px;
	-webkit-animation: slide_overlay 1s forwards;
	animation: slide_overlay 1s forwards
}
@-webkit-keyframes slide_overlay {
	0%, 80% {
		opacity:1;
		visibility:visible
	}
	100% {
		opacity:0;
		visibility:hidden
	}
}
@keyframes slide_overlay {
	0%, 80% {
		opacity:1;
		visibility:visible
	}
	100% {
		opacity:0;
		visibility:hidden
	}
}

.slider {
	background: #999;
	height: 650px; /* Old Browsers */
	height: 70vh;
	position: relative;
	padding-top: 60px;
	overflow: hidden;
}

.royalSlider > * {
	float: left;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}

.rsOverflow, .rsContainer, .rsSlide, .rsContent {
	width: 100%;
	height: 100%;
}

.rsOverflow {
	position: relative;
	overflow: hidden;
	float: left;
}

.rsContainer { position: relative; }

.rsSlide {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
}

.rsContent {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.inner {
	position: relative;
	z-index: 100;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1220px;
}

.inner > div {
	max-width: 600px;
	padding: 30px 40px 10px;
	background: rgba(255,255,255,0.80);
}

.inner h1 { padding-bottom: 12px; }

.inner p { padding-bottom: 25px; }

.rsBullets {
	bottom: 10px;
	margin-right: -160px;
	overflow: hidden;
	padding-top: 4px;
	position: absolute;
	right: 21%;
	text-align: center;
	width: 320px;
	z-index: 35;
}

.rsBullet {
	cursor: pointer;
	display: inline-block;
}

.rsBullet span {
	background: rgba(255, 255, 255, 0.7);
	cursor: pointer;
	border-radius: 50%;
	display: block;
	height: 15px;
	width: 15px;
	margin: 0 4px;
}

.rsBullet span:hover { background: #fff; }

.rsBullet.rsNavSelected span {
	background: rgba(255,221,0,0.6);
	border: 2px solid #fff;
}

.hero {
	height: 21.75rem;
	background-color: #ccc;
	background-repeat: none;
	background-position: center;
	margin: 60px auto 0;
	position: relative;
}

.hero > div {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,95,143,0.8);
}

.hero > div h1 {
	padding: 5px 40px;
	color: #fff;
}
.slide-1 {
	background-image:url(../img/hero-new.jpg);
	background-position:center;
	background-size:cover;
	height:100%;
	width:100%;
	margin-top:40px;
	position:relative;
	text-align:center;
	/*float:left*/
}

.slide-2 {
	background-image:url(../img/hero-3.jpg);
	background-position:center;
	background-size:cover;
	height:100%;
	width:100%;
	margin-top:40px;
	position:relative;
	text-align:center;
	/*float:left*/
}

.slide-3 {
	background-image:url(../img/hero-2.jpg);
	background-position:center top;
	background-size:cover;
	height:100%;
	width:100%;
	margin-top:40px;
	position:relative;
	text-align:center;
	/*float:left*/
}

.slide-item {
	background-image:url(../img/hero-2.jpg);
	background-position:center top;
	background-size:cover;
	height:100%;
	width:100%;
	margin-top:40px;
	position:relative;
	text-align:center;
}

/*.right_slide {
	width:50%;
	margin-top:255px;
	float:right;
	padding-left:100px;
}*/

.start-hero-text-wrapper {
	position:absolute;
	bottom:50px;
	width:100%;
}
.start-hero-text {
	margin:0 auto;
	max-width:1180px;
	position:relative;
}

.start-hero-text h1 {
	padding-bottom: 5px;
	font-weight: 500;
}

.sliderx {
	border-bottom:4px solid #ffdd00;
	position:relative;
}

.start-hero-inner {
	position:absolute;
	right:0;
	bottom: 100px;
	display:block;
	width: 100%;
	max-width:574px;
	padding:30px;
	text-align:left;
	background: #fff;
	border-bottom: 7px solid #ffdd00;
}

.start-hero-inner.-contains-image {
	padding-left: 188px;
}

.start-hero-inner.-contains-image .image-container {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 130px;
	height: calc(100% - 60px);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.start-hero-inner.-contains-image .btn {
	margin-bottom: 0;
}

/* --------------------------- SLIDER / HERO END --------------------------- */
/* ------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------- */
/* ----------------------------- WRAPPER START ----------------------------- */

.wrapper { padding: 0 20px; }

/* ------------------------------ WRAPPER END ------------------------------ */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */
/* ---------------------------- BREADCRUMB START --------------------------- */

.sli {
	margin: 0 auto;
	max-width: 1180px;
	padding: 0 88px 0 0;
	border-bottom: 1px solid #ccc;
	position: relative;
	z-index: 1;
	height: 41px;
	width: 100%;
}

.sli_inner { float: left; font-size: .875rem; }

.sli form {
	float: right;
	width: 100%;
	max-width: 292px;
	position: relative;
	border-left: 1px solid #ccc;
}

.sli input {
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 15px 0 30px;
	background: none;
	font-size: 16px;
	font-weight: 300;
}

.sli form:hover input, .sli input:active, .sli input:focus { background: #fff; }

.sli button {
	position: absolute;
	right: 8px;
	top: 8px;
	width: 25px;
	height: 25px;
	color: #7c837d;
	background: none;
	cursor: pointer;
	font-size: 16px;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

.sli button:hover { color: #004c72; }

.sli button:before {
	font-family: 'mws_iconset';
	content: '\e808';
	vertical-align: 1px;
}

.sli_info {
	border-right: 1px solid #ddd;
	display: inline-block;
	padding: 10px 10px 10px 0;
}

.content .sli .sli_link {
	padding: 10px 6px 9px;
	background: none;
	display: inline-block;
	text-decoration: none;
	color: #7c837d;
}

.content .sli .sli_link:hover, .content .sli a.sli_link:last-child { text-decoration: underline; }

.content .sli a.sli_link:last-child:hover { color: #7c837d; }

.content .sli .sli_spacer:before {
	content: "»";
	display: inline-block;
	padding: 0 3px;
}

.content .sli .print, .content .sli .share {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 44px;
	text-align: center;
	background: none;
	line-height: 40px;
	color: #7c837d;
	border-left: 1px solid #ccc;
	cursor: pointer;
}

.content .sli .print:hover, .content .sli .share:hover {
	text-decoration: none !important;
	background: #fafafa;
}

.content .sli .print:before, .content .sli .share:before { font-family: 'mws_iconset'; }

.content .sli .print:before { content: '\e807'; }

.content .sli .share { right: 44px; }

.content .sli .share:before { content: '\e811'; }

/* ----------------------------- BREADCRUMB END ---------------------------- */
/* ------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------- */
/* ------------------------------ BOXES START ------------------------------ */

.boxes {
	margin: 14px auto;
	max-width: 1180px;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.boxes .box {
	float: left;
	width: 31.8%;
	/*background-color: #ddd;*/
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	/*-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;*/
	border:1px solid #ddd;
	margin-bottom:10px;
	padding:20px 30px;
}

.boxes .box span {
	display: block;
	width: 100%;
	padding: 15px 20px;
	/*background: rgba(0,95,143,0.8);*/
	color: #555;
	font-size: 16px;
	height: 100%;
	/*-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;*/
}

.boxes .box span h2 {
	color: #5c5c5c;
	text-align:center;
	background-color:#ffdd00;
	font-size: 1.125rem;
	font-weight: 600;
	/*border-bottom:1px solid #fff;*/
	padding:12px 10px;
	margin-bottom:12px;
}
.boxes .box img {
	width:100%;
	height:auto;
}


.boxes .box ul:not([class]) li:not([class]),
.boxes .box ol:not([class]) li:not([class]) {
	margin-left: 16px;
	padding-left: 2px;
}

.boxes .box ul:not([class]), .boxes .box ol:not([class]) { padding-bottom: 10px; }

/*.boxes .box:hover span { background: rgba(0,95,143,0.92); }*/

.boxes .box span a.btn {
	color: #7c837d;
	background: #fff;
}

.boxes .box:hover {
	/*-webkit-transform: scale(0.99);
            -ms-transform: scale(0.99);
            transform: scale(0.99);*/
}

.boxes-gal .box-gal:hover {
	-webkit-transform: scale(0.99);
	-ms-transform: scale(0.99);
	transform: scale(0.99);
}


.boxes-gal {
	margin: 14px auto;
	max-width: 1180px;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.boxes-gal .box-gal {
	float: left;
	width: 49%;
	/*background-color: #ddd;*/
	background-size:cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	border:1px solid #ddd;
	margin-bottom:10px;
}

.boxes-gal .box-gal span {
	display: block;
	width: 100%;
	padding: 15px 20px;
	/*background: rgba(0,95,143,0.8);*/
	color: #555;
	font-size: 16px;
	height: 100%;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

.boxes-gal .box-gal img { width:100%; height:auto; }

.read-more-btn {
	background-color:#13b013;
	color:#FFF;
	padding: 10px 10px;
	border-radius: 2px;
	display: inline-block;
}

.read-more-btn.hover { background-color:#00c300; }
/* ------------------------------- BOXES END ------------------------------- */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */
/* ----------------------------- CONTENT START ----------------------------- */

.content {
	margin: 0 auto 20px;
	max-width: 1180px;
	position: relative;
	background: #fff;
	min-height: 380px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.content h1 { padding-bottom: 10px; }

.content:before {
	background: #fff;
	content: "";
	height: 100%;
	position: absolute;
	right: 0;
	top: 70px;
	height: calc(100% - 105px);
	width: calc(0% + 380px);
	z-index: 0;
	/*border-left: 1px solid #ddd;*/
}

.content.full_size:before { display: none; }

.content .column {
	float: left;
	position: relative;
	z-index: 1;
}

.content .column.full {
	float: none;
	padding: 30px 40px;
}

.content p {
	line-height: 1.4;
	padding-bottom: 12px;
}

.content a:not([class]) {
	text-decoration: underline;
	color: #333;
}
/*
.content ul:not([class]) li:not([class]), .content ol:not([class]) li:not([class]) {
	margin-left: 20px;
	padding-left: 5px;
	margin-bottom: 8px;
}
*/
.content ul:not([class]), .content ol:not([class]) { padding-bottom: 10px; }

.content .column.left {
	/*width: calc(100% - 380px);*/
	width: 20%;
	padding: 30px 10px 40px 0px;
	float:left;
}
.content .column.center {
	width: 55%;
	padding: 34px 30px;
	float:left;
}
.content .column.right {
	width: 25%;
	padding: 34px 30px;
	float:left;
}
.content .column.right img {
	width:100%;
	height:auto;
}

.content .column.stretch {
	width: 80%;
	padding: 34px 0 34px 30px;
	float: left;
}

.column.right .inside { font-size: 0.8125rem; color: #747474; }

.contact_phonenumber, .contact_faxnumber, .contact_mail { color: #7c837d; }

.contact_phonenumber:before, .contact_faxnumber:before, .contact_mail:before {
	font-family: 'mws_iconset';
	display: inline-block;
	width: 24px;
}

.contact_phonenumber:before { content: "\e804"; }

.contact_faxnumber:before { content: "\e807"; }

.contact_mail:before { content: "\e80f"; }

.column:last-child, .box:last-child { margin-right: 0; }

.list-numbers { margin-left: 15px; padding-bottom: 10px; }

.gal-preview {
	background: #fff;
	width: 48%;
	margin-right: 4%;
	float: left;
	display: block;
	position: relative;
	margin-bottom: 30px;
	-webkit-transition: .3s all ease-in-out;
	-moz-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.gal-preview span{
	height: 51px;
	line-height: 46px;
	border: 3px solid #ffdd00;
	background: #fff;
	border-bottom-width: 2px;
	color: #555;
	padding: 0 5px;
	font-size: 16px;
	width: 100%;
	display: block;
	position: relative;
	font-weight: 600;
	overflow: hidden;
	margin-top: -1px;
	-webkit-transition: .1s all ease-in-out;
	-moz-transition: .1s all ease-in-out;
	transition: .1s all ease-in-out;
}

.gal-preview span:hover{
	border: 3px solid #ffdd00;
	background: #ffdd00;
	border-bottom-width: 2px;
	color: #555;
}


/*
.gal-preview:after {
	content: "»";
    color: rgb(255, 255, 255);
    height: 0px;
    width: 28px;
    display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 0;
    text-align: right;
    padding-right: 20px;
    font-size: 26px;
    line-height: 44px;
    font-weight: 300;
    border-bottom: 48px solid rgb(0, 72, 154);
    border-left: 7px solid transparent;
    border-right: 0px solid transparent;
    transition: all 0.3s ease-in-out 0s;
}
*/
.gal-preview.last_box { margin-right: 0; }

.fit-img { width: 100%; }

.content-img { width: auto !important; }

figcaption { color: #666; font-size: 14px; }

.gallery_wrapper .gal_pic {
	width: 49%;
	height: auto;
	position: relative;
	margin-bottom: 20px;
}

.gallery_wrapper .gal_pic img {
	display: block;
	width: 100%;
}

.contact-team {
	/*background: #fff198;*/
	border-bottom: 1px solid #ccc;
	/*border: 3px solid #ffdd00;*/
	margin-bottom: 25px;
	width: 90%;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.team-item {
	min-height: 115px;
	padding-left: 105px;
	position: relative;
	margin-top: 10px;
}

.team-item .team-img {
	left: 0;
	position: absolute;
	top: 0;
	max-width: 90px!important;
}
/*
.team-img {
    position: relative;
    display: inline-block;
    max-width: 100%;
}*/

.icon-phone:before, .icon-print:before, .icon-mail:before { font-family: 'mws_iconset'; margin-right: 8px; color: #767676; font-size: 0.875rem;}

.icon-phone:before { content: '\e804'; }
.icon-print:before { content: '\e807'; }
.icon-mail:before { content: '\e80f'; }

.pdf-icon {
	width: auto !important;
	margin-right: 8px;
	padding-top: 13px;
}

.btn-pdf-icon {
	margin-right: 8px;
	margin-bottom: -6px;
}

.kasten {
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	background-color: #fbfce8;
	border: 1px solid #ccc;
}


/* ------------------------------ CONTENT END ------------------------------ */
/* ------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------- */
/* ----------------------------- FOOTER START ------------------------------ */

footer {
	background: #7d7d7d;
	padding: 14px 0 0;
}

footer > div {
	max-width: 1180px;
	margin: 0 auto;
	height: 100%;
}

.f-content {
	max-width: 1180px;
	position: relative;
	z-index: 100;
}

.f-content .f-column {	float: left; }

.f-content .f-left { width: 80%; }

.f-content .f-right { width: 20%; }

/*footer .column { }*/

.sitemap {
	position: relative;
	margin: 0 auto;
	text-align: left;
}

.frow {
	float: left;
	list-style: none;
	margin-right: 8%;
	max-width: 200px;
}

.frow:last-child { margin: 0; }

.frow a {
	display: block;
	text-decoration: none;
}

.fnav2:hover { text-decoration: underline; }

.fnav1 {
	letter-spacing: .2px;
	font-size: 1rem;
	font-weight: 600;
	color: #ffdd00;
	padding: 0 0 5px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.fnav2 {
	color: #fafafa;
	font-size: 0.875rem;
	line-height: 14px;
	padding-bottom: 8px;
}

.fnav3 {
	color: #eee;
	font-size: 11px;
	margin-left: 5px;
	line-height: 14px;
	font-weight: normal;
	padding-left: 12px;
	position: relative;
}

.fnav3:before {
	content: "»";
	font-size: 10px;
	position: absolute;
	left: 2px;
}
.fnav4 {
	color: #eee;
	font-size: 11px;
	margin-left: 15px;
	line-height: 14px;
	font-weight: normal;
	padding-left: 12px;
	position: relative;
}

.fnav4:before {
	content: "»";
	font-size: 10px;
	position: absolute;
	left: 2px;
}

footer .copyright {
	padding-bottom: 8px;
	text-align: right;
	color: #fff;
}

footer .copyright a {
	color: #fff;
	font-size: 0.875rem;
	padding-left: 50px;
}

footer .copyright a:hover { text-decoration:underline; }

/* ------------------------------ FOOTER END ------------------------------- */
/* ------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------- */
/* --------------------------- CONTACTFORM START --------------------------- */

#contactform input[type="text"], #contactform input[type="tel"], #contactform input[type="email"], 
#contactform textarea, #contactform select {
	background: rgba(0,0,0,0.02);
	border: 1px solid #ccc;
	color: #7c837d;
	display: block;
	font-size: 14px;
	padding: 8px 15px;
	vertical-align: middle;
	width: 100%;
	margin-bottom: 12px;
}

#contactform input[type="text"]:focus, #contactform input[type="tel"]:focus, 
#contactform input[type="email"]:focus, #contactform textarea:focus {
	border-color: #7c837d;
	outline: 0 none;
}

#contactform input[type="text"]#url { display: none; }

#contactform textarea {
	resize: vertical;
	min-height: 100px;
}

#contactform label.head_label {
	display: block;
	wicth: 100%;
	font-weight: 700;
	padding: 8px 0;
}

/* ----------------------------- Costum Radios ----------------------------- */

#contactform input[type="radio"] { display: none; }

#contactform input[type="radio"] + label {
	color: #292321;
	font-family: Arial, sans-serif;
	font-size: 14px;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 8px;
}

#contactform input[type="radio"] + label span {
	display: inline-block;
	width: 19px;
	height: 19px;
	margin: -2px 7px 0 0;
	vertical-align: middle;
	cursor: pointer;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

#contactform input[type="radio"] + label span {
	background-color: #eee;
	border: 1px solid #555;
}

#contactform input[type="radio"]:checked + label span {
	background-color: #7c837d;
	border: 1px solid #005f8f;
}

#contactform input[type="radio"] + label span, #contactform input[type="radio"]:checked + label span {
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

/* --------------------------- Costum Checkboxes --------------------------- */

#contactform input[type="checkbox"]:not(:checked), #contactform input[type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

#contactform input[type="checkbox"]:not(:checked) + label, #contactform input[type="checkbox"]:checked + label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	margin-right: 15px;
	width: 100%;
	display: inline-block;
	margin-bottom: 15px;
	font-size:14px;
}

#contactform input[type="checkbox"]:not(:checked) + label span, #contactform input[type="checkbox"]:checked + label span {
	position: relative;
	top: 2px;
}

#contactform input[type="checkbox"]:not(:checked) + label:before, #contactform input[type="checkbox"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 17px;
	height: 17px;
	border: 1px solid #aaa;
	background: #f8f8f8;
	border-radius: 3px;
}

#contactform input[type="checkbox"]:not(:checked) + label:after, #contactform input[type="checkbox"]:checked + label:after {
	content: '✔';
	position: absolute;
	top: 4px;
	left: 4px;
	font-size: 14px;
	line-height: 1;
	color: #7c837d;
	transition: all .2s;
}

#contactform input[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}

#contactform input[type="checkbox"]:checked + label:after {
	opacity: 1;
	transform: scale(1);
}

#contactform input[type="checkbox"]:disabled:not(:checked) + label:before, #contactform input[type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}

#contactform input[type="checkbox"]:disabled:checked + label:after { color: #999; }

#contactform input[type="checkbox"]:disabled + label { color: #aaa; }

#contactform input[type="checkbox"]:checked:focus + label:before, #contactform input[type="checkbox"]:not(:checked):focus + label:before { border: 1px solid #005f8f; }

#contactform input[type="checkbox"] label:hover:before { border: 1px solid #4778d9!important; }

#contactform button {
	background: #13b013;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	border-radius: 2px;
	font-size: 1rem;
	font-weight: normal;
	padding: 10px 10px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	margin-bottom: 15px;
}

#contactform button:hover { background: #00c800; }

.contactinfo {
	border: 1px dashed #aaa;
	padding: 15px 24px 5px;
	font-size: 12px;
	color: #aaa;
}

.contactinfo p { padding-bottom: 10px; }

.errormeldung {
	padding: 10px 15px;
	border: 1px dashed #cb3434;
	background: rgba(203,52,52,0.12);
	font-size: 13px;
	color: #cb3434;
	margin-bottom: 15px;
}

.mail-success {
	border: 2px dashed #0A9200;
	padding: 20px 30px 20px 80px;
	color: #0A9200;
	font-size: 18px;
	font-weight: 400;
	position: relative;
}

.mail-success:before {
	position: absolute;
	left: 20px;
	top: 21px;
	font-size: 42px;
	font-family: 'mws_iconset';
	content: '\e805';
}

/* ---------------------------- CONTACTFORM END ---------------------------- */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */
/* ------------------------------- TABS START ------------------------------ */

ul.tabs {
	border-bottom: 1px solid #005f8f;
	font-size: 0;
	margin-bottom: 20px;
}

ul.tabs li {
	color: #7c837d;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	padding: 8px 20px;
	text-align: center;
}

ul.tabs li.current {
	background: #005f8f none repeat scroll 0 0;
	color: #fff;
}

.tab-content {
	background: #fff none repeat scroll 0 0;
	display: none;
}

.tab-content.current { display: block; }

/* -------------------------------- TABS END ------------------------------- */
/* ------------------------------------------------------------------------- */



/* ------------------------------------------------------------------------- */
/* ----------------------------- ACCORDION START --------------------------- */

#accordion { border: 1px solid #c5c5c5; }

.acc_head {
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid #c5c5c5;
	background: #fbfce8;
	padding: 10px;
	cursor: pointer;
	position: relative;
}

.acc_head:after {
	position: absolute;
	right: 0;
	top: 10px;
	font-family: 'mws_iconset';
	content: "\e803";
	font-size: 20px;
	color: #555;
	padding-right: 11px;
}

.acc_head.active:after { content: "\e802"; }

.acc_head + div {
	padding: 10px;
	border-bottom: 1px solid #c5c5c5;
	display: none;
}

/* ------------------------------ ACCORDION END ---------------------------- */
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* ------------------------------ GALLERY START ---------------------------- */

.gallery_wrapper {
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.gallery_wrapper a.gal_pic {
	width: 49%;
	height: auto;
	position: relative;
	margin-bottom: 20px;
}

.gallery_wrapper a.gal_pic img {
	display: block;
	width: 100%;
}

.gallery_wrapper a.gal_pic span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 6px 10px;
	background: rgba(33,33,33,0.8);
	color: #fff;
}

/* ------------------------------- GALLERY END ----------------------------- */
/* ------------------------------------------------------------------------- */


/* ------------------------------------------------------------------------- */
/* -------------------------------- NEWS START ----------------------------- */

section.news article {
	border-bottom: 1px solid #ddd;
	margin-bottom: 22px;
	padding-bottom: 10px;
}

section.news article h3 {
	margin-bottom: 8px;
	position: relative;
	padding-right: 100px;
}

section.news article h3 aside {
	position: absolute;
	right: 0;
	bottom: 8px;
	font-size: 16px;
	font-weight:400;
}

section.news article h3 aside:before {
	font-family: 'mws_iconset';
	content: "\e81e";
	margin-right:8px;
	font-size:14px;
}

section.news.topmeldung { margin-top: 15px; }

section.news.topmeldung article {
	border-bottom: 1px solid #ccc;
	padding-bottom: 0;
	margin-bottom: 12px;
}

section.news.topmeldung article h4 { padding: 0; }

section.news.topmeldung article span.date {
	display: block;
	padding-bottom: 5px;
}

.aktinfo {
	border:1px dashed #ccc;
	padding:20px 30px;
	color:#777;
}


/* --------------------------------- NEWS END ------------------------------ */
/* ------------------------------------------------------------------------- */

#shareplus {
	box-shadow: 0 0 10px rgba(0,0,0,0.7);
	color: #4e4e4e;
	display: none;
	max-width: 320px;
	position: fixed;
	width: 100%;
	z-index: 10000
}

#shareplus_icons {
	background: #fff;
	overflow: auto;
	padding: 20px
}

#shareplus_icons .shareplus_icon {
	display: block;
	height: 42px;
	line-height: 42px;
	margin: 5px 10px;
	opacity: .9;
	color: #fff;
	padding-left: 60px;
	text-decoration: none;
	position: relative
}

#shareplus_icons .shareplus_icon:hover { opacity: 1 }

#shareplus_icons .email { background: #004899 }

#shareplus_icons .linkedin { background: #1987bc }

#shareplus_icons .google { background: #ca4e40 }

#shareplus_icons .facebook { background: #4e69a2 }

#shareplus_icons .twitter { background: #30baea }

#shareplus_icons .shareplus_icon:before {
	font-family: 'mws_iconset';
	position: absolute;
	left: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 22px
}

#shareplus_icons .email:before { content: '\e80f' }

#shareplus_icons .linkedin:before { content: '\f0e1' }

#shareplus_icons .google:before {
	content: '\f0d5';
	font-size: 20px
}

#shareplus_icons .facebook:before { content: '\e81c' }

#shareplus_icons .twitter:before { content: '\e81b' }

#shareplus_overlay {
	background: rgba(36,36,38,0.6);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000
}

/* ------------------------------------------------------------------------- */
/* ------------------------- CUSTOM ELEMENTS START ------------------------- */

.btn {
	background: #13b013;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1rem;
	font-weight: normal;
	padding: 10px 10px;
	border-radius: 2px;
	margin-bottom: 15px;
}

.btn:hover { background: #00c800; }

.btn-yellow {
	background: #ffdd00;
	border: 0;
	color: #333333;
	cursor: pointer;
	display: inline-block;
	font-size: 1rem;
	font-weight: normal;
	padding: 10px 10px;
	border-radius: 2px;
	margin-bottom: 15px;
}

.btn-yellow:hover { background: #ffff00; }









.team-category {
	position: relative;
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	padding-bottom: 60px;
	margin: 0 -20px;
}

.team-category::after {
	position: absolute;
	bottom: 30px;
	left: 20px;
	width: calc(100% - 40px);
	height: 1px;
	background: #eee;
	content: "";
}

.team-category h2 {
	width: 100%;
	padding: 10px 20px 0;
}

.team-member {
	width: calc(33.333% - 40px);
	margin: 10px 20px;
}

.team-member .image-holder {
	height: 0;
	overflow: hidden;
	padding-bottom: 66%;
	margin-bottom: 15px;
	border-bottom: 4px solid #ffdd00;
	background-size: cover;
	background-position: center;
}

.team-member {
    width: calc(50% - 40px);
    margin: 10px 20px;
}

.kbs-homebutton {
background: url("../../../UserFiles/214/de/home-button-grey.svg") no-repeat;
	height: 25px;
	width: 25px;
	display: inline-block;
	margin-top: 5px;
	
}

.kbs-homebutton:hover {
background: url("../../../UserFiles/214/de/home-button-yellow.svg") no-repeat;
	
	
}


/* ------------------------- CUSTOM ELEMENTS END --------------------------- */
/* ------------------------------------------------------------------------- */
@media only screen and (min-width : 1100px) {
	.nav1, .nav1on {

  padding: 7px 20px;
}
}

@media only screen and (min-width : 1025px) {
	.dropdown_first { display:none; }
	
	.dropdown_first.split-nav {
		flex-flow: row wrap;
		justify-content: space-between;
		width: 500px;
	}

	nav.desktop ul.main-menu li:hover > ul.dropdown_first.split-nav {
		display: flex;
	}

	.dropdown_first.split-nav > li.float-menue-part {
		float:none !important;
		width:50% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.dropdown_first.split-nav > li {
		float:none !important;
		width:100% !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.dropdown_first.split-nav > li .nav2, .dropdown_first.split-nav > li .nav2on,
	.dropdown_first.split-nav > li .nav3, .dropdown_first.split-nav > li ul .nav3on {
		position: static;
		width: 100%;
		margin: 0 !important;
	}

	.dropdown_first.split-nav > li.float-menue-part ul {
		position: static;
	}
	.dropdown_first.split-nav > li.float-menue-part .nav2, .dropdown_first.split-nav > li.float-menue-part .nav2on,
	.dropdown_first.split-nav > li.float-menue-part ul .nav3, .dropdown_first.split-nav > li.float-menue-part ul .nav3on {
		position: static;
		width: 100%;
		margin: 0 !important;
	}

}
.fundw {
	max-width:282px;
	min-height:200px;
	float:left;
	margin-right:10px;
	padding-bottom:10px;
}
.fundw img {
	width:282px;
}
.fundw a {
	display:block;
	text-align:center;
	background-color:#ffdd00;
	font-size:1.625rem;
	line-height:1.925rem;
	padding-bottom:10px;
}
.fundw a:hover {
	display:block;
	text-align:center;
	background-color:#FF0;
}
.generic-table {
	width:100% !important;
	vertical-align:top;
}

.generic-table tr td {
	padding:5px 10px;
	vertical-align:top;
}

.generic-table tr td:first-child {
	width: 90px;
}

.generic-table tr:nth-child(even) td {
	background:#eee;
}

.generic-table > tbody > tr > td > a {
	position: relative;
	display: block;
	padding-right: 80px;
}
.generic-table > tbody > tr > td > strong > a {
	position: relative;
	display: block;
	padding-right: 80px;
}
.generic-table > tbody > tr > td > a::after  {
	position: absolute;
	right: 0;
	top: 3px;
	display:inline-block;
	padding:1px 8px;
	margin-left:10px;
	background: #13b013;
	color:#fff;
	font-size:12px;
	text-decoration:none;
	border-radius: 2px;
	content: "» Anmelden";
}
.generic-table>tbody>tr>td>a:hover::after {
	background: #00c800;
}
.generic-table > tbody > tr > td > strong {
	font-weight:normal;
	
}

.generic-table > tbody > tr > td > strong > a::after  {
	position: absolute;
	right: 0;
	top: 3px;
	display:inline-block;
	padding:1px 8px;
	margin-left:10px;
	background: #ffdd00;
	color:#7c837d;
	font-size:12px;
	text-decoration:none;
	border-radius: 2px;
	content: "» Anmelden";
	font-weight:normal;
}
.generic-table>tbody>tr>td>strong>a:hover::after {
	background: yellow;
}


/* ------------------------------------------------------------------------- */
/* ---------------------------- RESPONSIVE START --------------------------- */

@media (max-width:1024px) {

	.dropdown_first > li.float-menue-part {
		float:none;
		width:auto;
	}
	.dropdown_first > li.float-menue-part1 {
		margin-left:0px;
		padding-right:0px;
	}
	.dropdown_first > li.float-menue-part1  a.nav2 {
		width:auto;
		/*position:absolute;*/
		/*left:-40px;*/
		margin-left:0px;
		font-weight:700;
	}
	.dropdown_first > li.float-menue-part2 .nav2 {
		width:auto;
		position:relative;
		left:0px;
		font-weight:700;
	}
	#dropdown_014 {
		left:0px;
		/*background:none;*/

	}
	#dropdown_015 {
		margin-left:0px;
		width:auto;
		height:auto;
		margin-right:0px;
	}
	#dropdown_015 li .nav3 {
		width:auto;
	}
	#dropdown_016 {
		left:0px;
		width:auto;
		height:auto;
	}
	#dropdown_016 li .nav3 {
		width:auto;
	}
	#dropdown_017 {
		right:0px;
	}




	.menu-trigger {
		position: absolute;
		right: 30px;
		width: 40px;
		height: 40px;
		background: #fff;
		border: none;
		z-index: 2;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.menu-trigger span {
		position: absolute;
		display: block;
		width: 34px;
		height: 3px;
		background: #333;
		top: 44%;
		margin-top: -1px;
		left: 50%;
		margin-left: -10px;
		-webkit-transition: background 0.3s;
		-moz-transition: background 0.3s;
		-ms-transition: background 0.3s;
		transition: background 0.3s;
	}

	.menu-trigger span i {
		display: block;
		position: relative;
		top: -17px;
		color: #333;
		font-size: 1rem;
		font-style: normal;
		height: 13px;
		left: -2px;
		line-height: 12px;
		margin: 0;
		overflow: hidden;
		top: 20px;
		width: 40px;
	}

	.menu-trigger span::before, .menu-trigger span::after {
		content: '';
		position: absolute;
		left: 0;
		background: inherit;
		width: 100%;
		height: 100%;
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: -webkit-transform 0.3s, background 0s;
		-moz-transition: -moz-transform 0.3s, background 0s;
		-ms-transition: -moz-transform 0.3s, background 0s;
		transition: transform 0.3s, background 0s;
	}

	.menu-trigger span::before {
		top: -12px;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}

	.menu-trigger span::after {
		bottom: -12px;
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		transform: rotate(0);
	}

	html:not(.hidden) .menu-trigger { box-shadow: none; }

	html:not(.hidden) .menu-trigger span { background: none; }

	html:not(.hidden) .menu-trigger span::before, html:not(.hidden) .menu-trigger span::after { background: #333; }

	html:not(.hidden) .menu-trigger span::before {
		top: 0;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
	}

	html:not(.hidden) .menu-trigger span::after {
		bottom: 0;
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		transform: rotate(225deg);
	}

	.menu-trigger { display: block; }

	html:not(.hidden) .site_scroller {
		overflow-y: hidden;
		height: 95vh;
		max-height: 95vh;
		-webkit-overflow-scrolling: auto;
	}

	html:not(.hidden) .site_scroller:after {
		content: "";
		width: 100%;
		height: 110%;
		background: rgba(44,44,50,0.7);
		position: absolute;
		left: 0;
		top: 0;
		z-index: 999;
	}

	html.hidden .site_scroller { overflow: visible; }

	html.hidden .site_scroller:after { display: none; }

	nav.desktop {
		z-index: 99999;
		position: fixed;
		left: 0;
		top: 0;
		width: 300px;
		max-width: 90%;
		height: 100%;
		overflow-y: scroll;
		font-size: 0;
		background: #f5f5f5;
		-webkit-transition: 0.3s left;
		-moz-transition: 0.3s left;
		transition: 0.3s left;
	}

	nav.desktop.hidden { left: -300px; }

	nav.desktop:not(.hidden) {
		-webkit-box-shadow: 0 0 7px 0 rgba(0,0,0,0.4);
		-moz-box-shadow: 0 0 7px 0 rgba(0,0,0,0.4);
		-ms-box-shadow: 0 0 7px 0 rgba(0,0,0,0.4);
		box-shadow: 0 0 7px 0 rgba(0,0,0,0.4);
	}

	nav.desktop li {
		list-style-type: none;
		position: static;
	}

	nav.desktop > ul { text-align: left; }

	nav.desktop ul.main-menu > li {
		display: block;
		position: static;
	}
	.dropdown_first > li.float-menue-part {
		float:none;
		width:100%;
	}

	.nav1, .nav1on, ul.main-menu li:hover .nav1 {
		color: #7c837d;
		background: none;
		height: auto;
		line-height: inherit;
		padding: 12px 28px;
		display: block;
		font-size: 16px;
		font-weight: 500;
		border: 1px solid transparent;
		border-bottom: 1px solid #d5d5d5;
		text-decoration: none;
	}

	.nav_headline {
		display: block;
		padding: 0;
		font-size: 20px;
	}

	.nav_headline a {
		padding: 12px 28px;
		display: block;
		color: #7c837d;
		font-weight: 700;
	}

	ul.dropdown_first, ul.dropdown_second, ul.dropdown_third {
		position: absolute;
		left: -120% !important;
		top: 0;
		display: block;
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
		width: 300px;
		background: #f5f5f5;
		opacity: 1;
		visibility: visible;
		padding: 0;
		margin: 0;
		z-index: 0;
		-webkit-transition: 0.5s left;
		-moz-transition: 0.5s left;
		transition: 0.5s left;
	}

	ul.dropdown_first.active, ul.dropdown_second.active, ul.dropdown_third.active { left: 0 !important; }

	ul.dropdown_first.active { z-index: 1 !important; }

	ul.dropdown_second.active { z-index: 2 !important; }

	ul.dropdown_third.active { z-index: 3 !important; }

	ul.dropdown_first > li:last-child, ul.dropdown_second > li:last-child, ul.dropdown_third > li:last-child { margin-bottom: 300px; }

	nav.desktop ul.main-menu > li:last-child ul {
		margin-left: 0 !important;
		width: 300px !important;
	}

	.nav2, .nav2on, ul.first_dropdown li:hover .nav2 {
		padding: 8px 28px;
		display: block;
		width: 100%;
		font-size: 16px;
		border: 1px solid transparent;
		text-decoration: none;
		border-bottom: 1px solid #d5d5d5;
	}

	nav.desktop .menu-back {
		background: #e5e5e5;
		display: block;
		padding: 10px 30px;
		font-size: 14px;
		border-top: 1px solid #d5d5d5;
		border-bottom: 1px solid #d5d5d5;
	}

	nav.desktop .menu-back:before {
		content: '‹';
		line-height: 14px;
		font-size: 22px;
		vertical-align: -1px;
		margin-right: 10px;
	}

	.nav3, .nav3on, ul.second_dropdown li:hover .nav3 {
		padding: 8px 8px 8px 38px;
		display: block;
		font-size: 14px;
		width: 100%;
		border: 1px solid transparent;
		text-decoration: none;
		border-bottom: 1px solid #d5d5d5;
	}

	.nav3::before, .nav3on::before {
		content: '» ';
		display: inline-block;
		margin-right: 5px;
	}

	.nav4, .nav4on, ul.third_dropdown li:hover .nav4 {

		padding: 8px 28px;
		display: block;
		width: 100%;
		border: 1px solid transparent;
		text-decoration: none;
		border-bottom: 1px solid #d5d5d5;
	}

	nav.desktop ul.main-menu li.has-submenu > a {
		background: url(../img/nav_arrow.png) no-repeat center right !important;
		background-size: 18px !important;
	}

	nav.desktop ul.main-menu li.has-submenu > a.nav2on, nav.desktop ul.main-menu li.has-submenu > a.nav3on, nav.desktop ul.main-menu li.has-submenu > a.nav4on {
		background: #005f8f url(../img/nav_arrow_white.png) no-repeat center right !important;
		background-size: 18px !important;
	}

	.wrapper { padding: 0; }

	.content .column.left {
		display: none;
		width: 65%;
		order: 3;
	}

	/* Bitte cid raus und block oben rein, dann überall daaa */

	body.cid-69 .content .column.left, body.cid-70 .content .column.left, body.cid-4 .content .column.left {
		display: block;
	}


	.content .column.center { padding: 10px; width: 65%; }

	.content .column.right { padding: 10px; width: 35%; }

	header { padding: 0 110px; height: 6.28rem; }

	.sli { padding: 0 88px 0 30px; }

	header .logo { height: 5rem; margin-top: 5px; }

	.sli form { max-width: 200px; }

	.left_slide { height: 27.5625rem; }

	.start-hero-text h1 { width: 504px; padding: 14px; position: relative; }

	.boxes { margin: 15px 30px 15px 30px }

	footer { padding: 15px 30px; }

	.content .column.right img {
		width: 70%;
		height: auto;
	}

	.slide-1, .slide-3 {
		margin-top: 0;
	}
	.slide-2 {
		margin-top: 0;
		background-position: center 0;
	}

	.start-hero-text-wrapper {
		position:absolute;
		bottom: 20px;
		width:100%;
	}

	.start-hero-text h1 {
		right:0;
		bottom: 0;
	}

}

@media (max-width:900px) {

	.menu-trigger {	right: 20px; }

	header { padding: 0 60px; }

	.content { margin: 0 auto; }

	.content::before { display: none; }

	.content .column.center { padding: 20px; width: 60%; }

	.content .column.right { padding: 20px; width: 40%; }

	.frow { padding-top: 20px; }

	.sub-nav-head { display: none; }

	.boxes .box {
		padding:20px;
	}

}
@media (max-width:768px) {
	.boxes .box { width: 48%; }
	.boxes .box h2 { margin-bottom: 10px; }
}
@media (max-width:620px) {

	.frow { float: none; padding-bottom: 20px; padding-top: 0px; }

	footer .copyright a { display: block; }

	.content .column.right img { width: 50%; height: auto; }

	.content .column.center { padding: 10px 30px; width: 100%; }

	.content .column.right { padding: 10px 30px; width: 100%; order: 3; }

	.content .column.left {
		width: 100%;
		order: 2;
	}

	header { padding: 0 30px; }

	.f-content .f-right {  width: 40%; }
	.f-content .f-left { width: 60%; }
	.boxes .box { width: 100%; }

	.start-hero-text-wrapper img {
		display: none;
	}
	
	.team-member {
    width: 80%;
    margin: 10px auto;
}
}

@media (max-width:450px) {
	.slider {
		height: 60vh;
	}

	.content .column.center, .content .column.right {
		padding: 20px;
	}
	.boxes {
		margin: 30px 20px;
	}

	footer {
		padding: 20px;
	}
	.menu-trigger {
		right: 10px;
	}
	.start-hero-text h1 {
		width: 100%;
		font-size: 20px;
		line-height: 1.2;
	}

	.start-hero-text { width: 100%; }

	header { padding: 0px 20px;	}

	.f-content .f-right { width: 50%; }

	.f-content .f-left { width: 50%; }

	.sli { display: none; }

	.hero { height: 13.75rem; }

}

@media (max-width:350px) {
	.slider {
		height: 400px;
	}
	header .logo { height: 4.9rem; }

	.f-content .f-right { width: 100%; }

	.f-content .f-left { width: 100%; }

}

/* ----------------------------- RESPONSIVE END ---------------------------- */
/* ------------------------------------------------------------------------- */
    .form-section {
        margin-bottom: 25px;
    }
    
    input[type="text"], 
    input[type="email"],
    input[type="tel"],
    select {
        width: 100%;
        padding: 8px;
        margin-bottom: 15px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    
    .option-wrapper {
        margin-bottom: 15px;
    }
    
    .official_contact-wrapper {
        display: none;
        margin-top: 15px;
    }
    
    .official_contact-wrapper.form-show {
        display: block;
    }
    
    .checkbox {
        margin-right: 10px;
    }
    
    button[type="submit"] {
        background-color: #005495;
        color: white;
        padding: 10px 15px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        width: 100%;
        margin-top: 20px;
    }
    
    button[type="submit"]:hover {
        background-color: #004480;
    }
    
    .contactinfo {
        margin-top: 20px;
        font-size: 0.9em;
    }
    
    .required {
        color: red;
    }
    
    .success-message {
        background-color: #dff0d8;
        color: #3c763d;
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid #d6e9c6;
        border-radius: 4px;
    }
    
    .error-message {
        background-color: #f2dede;
        color: #a94442;
        padding: 15px;
        margin-bottom: 20px;
        border: 1px solid #ebccd1;
        border-radius: 4px;
    }