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


@font-face {
	font-family: 'wus-leverkusen_iconset';
	src: url('../assets/iconset/wus-leverkusen_iconset.eot?15113599');
	src: url('../assets/iconset/wus-leverkusen_iconset.eot?15113599#iefix') format('embedded-opentype'),  url('../assets/iconset/wus-leverkusen_iconset.woff?15113599') format('woff'),  url('../assets/iconset/wus-leverkusen_iconset.ttf?15113599') format('truetype'),  url('../assets/iconset/wus-leverkusen_iconset.svg?15113599#wus-leverkusen_iconset') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'wus-leverkusen2_iconset';
	src: url('../assets/iconset/wus-leverkusen2_iconset.eot?15113599');
	src: url('../assets/iconset/wus-leverkusen2_iconset.eot?15113599#iefix') format('embedded-opentype'),  url('../assets/iconset/wus-leverkusen2_iconset.woff?15113599') format('woff'),  url('../assets/iconset/wus-leverkusen2_iconset.ttf?15113599') format('truetype'),  url('../assets/iconset/wus-leverkusen2_iconset.svg?15113599#wus-leverkusen_iconset') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	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;
	overflow-x: hidden;
}

a { text-decoration: none; }

li { list-style-type: none; }

p {
	padding-bottom: 14px;
	line-height: 21px;
}

h1 {
	font-size: 18px;
	font-weight: 600;
	color: #7b9611;
	line-height: 28px;
	margin-bottom: 5px;
}

h2 {
	font-size: 16px;
	font-weight: 600;
	color: #2d4762;
	margin-bottom: 2px;
}

h3 {
	font-size: 18px;
	font-weight: 600;
	color: #7b9412;
	line-height: 28px;
}

h2.faq {
	font-size: 16px;
	font-weight: 200;
	color: #fff;
	line-height: 22px;
	background-color: #7b9412;
	padding: 5px 5px 5px 30px;
	display: block;
	margin: 25px 0 10px 0;
}

h2.faq:before {
	content: "»";
	display: inline-block;
	margin: 0 15px 0 -25px;
	font-weight: 600;
}

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


input, select, textarea, button {
	border-radius: 0;
}


/* ---------- Vorschau ---------- */




.preview_box {
	color: #666666;
	background: #fff;
	font-size: 14px;
	position: fixed;
	left: 0;
	top: 30px;
	z-index: 1000;
	width: 275px;
	height: 125px;
	-webkit-box-shadow: 0 0 0 2px #fff;
	-moz-box-shadow: 0 0 0 2px #fff;
	box-shadow: 0 0 0 2px #fff;
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}

.preview_box.away { left: -260px; }

#preview_box_inside { padding: 15px 40px 15px 20px; }

#preview_box_inside img {
	position: relative;
	margin-bottom: 5px;
}

#preview_box_inside span {
	font-size: 12px;
	display: block;
}

.preview_box_button {
	background: #ef9414;
	padding: 3px 16px;
	color: #fff;
}

.preview_box_button:hover { }

.preview_box_fadeout {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	position: absolute;
	right: -48px;
	top: 48px;
	width: 125px;
	text-align: center;
	padding: 5px 0 6px 0;
	background: #ef9414;
	color: #fff;
	cursor: pointer;
	opacity: 1;
}

.preview_box_fadeout.fadeout { opacity: 0; }

.preview_box_fadein {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	position: absolute;
	right: -48px;
	top: 48px;
	width: 125px;
	text-align: center;
	padding: 5px 0 6px 0;
	background: #ef9414;
	color: #fff;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
}

.preview_box_fadein.show {
	opacity: 1;
	visibility: visible;
}

/* ---------- Header ---------- */


body {
	font-family: 'Open Sans', sans-serif;
	background: url(../assets/img/bg.jpg);
	font-size: 14px;
	color: #4f5052;
}

header {
	background: #2d4762;
	height: 110px;
	border-bottom: 10px solid #7b9613;
	padding: 0 30px;
}

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

header .logo {
	float: left;
	background: url("../assets/img/wus_leverkusen_logo.png") no-repeat center left;
	width: 280px;
	height: 76px;
	display: block;
	text-indent: -9999px;
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}

nav.desktop {
	line-height: 85px;
	height: 100px;
	position: relative;
	z-index: 900;
	float: right;
}

nav.desktop ul {
	margin: auto;
	text-align: right;
}

nav.desktop li { display: inline-block; }

nav.desktop > ul > li > ul {
	position: absolute;
	width: 210px;
	background: #fff;
	z-index: 2000;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	-webkit-transform: translateX(200px);
	-moz-transform: translateX(200px);
	transform: translateX(200px);
	opacity: 0;
	visibility: hidden;
	text-align: left;
}

nav.desktop li ul li {
	float: none;
	display: block;
}

nav.desktop li ul li a {
	display: block;
	padding: 11px 15px;
	line-height: normal;
	text-transform: inherit;
}

nav.desktop li ul li a.h_nav2:hover, nav.desktop li ul li a.h_nav2on {
	background: #ef9414;
	color: #fff;
	text-transform: inherit;
}

nav.desktop li a.nav1, nav.desktop li a.nav1on {
	color: #fff;
	padding: 13px 10px 0;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 400;
	display: inline-block;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	position: relative;
}

nav.desktop li a.nav1:after, nav.desktop li a.nav1on:after, nav.desktop li:hover a.nav1:after {
	content: "";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid transparent;
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -5px;
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}

nav.desktop li a.nav1on:after, nav.desktop li:hover a.nav1:after {
	border-bottom: 8px solid #7b9613;
	bottom: -2px;
}

nav.desktop li a.nav1on, nav.desktop li:hover a.nav1 { background: #203a53; }

nav.responsive { display: none; }

nav.desktop li:hover ul {
	top: auto;
	opacity: 1;
	visibility: visible;
	-webkit-transform: rotate3d(85, 0, 0, 0deg);
	-moz-transform: rotate3d(85, 0, 0, 0deg);
	transform: rotate3d(85, 0, 0, 0deg);
}

nav.desktop li ul li { float: none; }

nav.desktop li ul li a.h_nav2 {
	padding: 11px 15px;
	font-size: 15px;
	color: #7b9611;
	border-bottom: 1px solid #7b9611;
}

nav.desktop li ul li a.h_nav2on, nav.desktop li ul li:hover a.h_nav2 {
	padding: 11px 15px;
	font-size: 15px;
	background: #7b9611;
	color: #fff;
}

nav.desktop li ul li:last-child a.h_nav2 { border-bottom: 3px solid #7b9611; }

nav.desktop > ul > li:last-child > ul { margin-left: -109px; }

nav.desktop li ul li ul.subnav2 {
	position: absolute;
	left: 210px;
	top: 0;
	opacity: 0;
	visibility: hidden;
	width: 375px;
	background: #fff;
	text-align: left;
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}

nav.desktop li ul li:hover ul.subnav2 {
	opacity: 1;
	visibility: visible;
}

.h_nav3 {
	padding: 11px 15px;
	font-size: 13px;
	color: #7b9611;
	border-bottom: 1px solid #7b9611;
	border-left: 2px solid #ccc;
}

.h_nav3on, nav.desktop li ul li ul li:hover a.h_nav3 {
	padding: 11px 15px;
	font-size: 13px;
	background: #7b9611;
	color: #fff;
	border-left: 2px solid #ccc;
}

.h_nav3on:hover { background: #6d850e; }

nav.desktop li ul li:hover a.h_nav2.gewerbe, nav.desktop li ul li a.h_nav2on.gewerbe, nav.desktop li ul li ul li:hover a.h_nav3.gewerbe { background: #3e6690; }

nav.responsive { display: none; }

/* ---------------------------- */
/* ---------- Slider ---------- */
/* ---------------------------- */



.royalSlider[style] {
	width: calc(100% - 390px);
	position: relative;
	height: 230px !important;
	float: left;
	background: #555;
}

.royalSlider img {
	width: 100%;
	height: auto;
}

/* ------------ Sli ------------ */


.hero {
	background: #f4f4f4;
	margin: 10px auto;
	max-width: 1140px;
	border-bottom: 2px solid #d9d9d9;
}

.topinfo {
	width: 390px;
	float: left;
	padding: 14px 30px;
}

.topinfo a {
	color: #7b9412;
}

.topinfo h4 {
	font-weight: 300;
	font-size: 18px;
	font-style: italic;
	color: #2d4257;
	line-height: 28px;
}

.topinfo li {
	font-size: 16px;
	font-weight: 400;
	padding-left: 40px;
	position: relative;
}

.topinfo li:before {
	position: absolute;
	left: 0;
	top: 0;
}

.topinfo li.call { margin-bottom: 20px; }

.topinfo li.call:before {
	content: "\e800";
	font-family: "wus-leverkusen_iconset";
	font-size: 50px;
	color: #2d4257;
	top: -5px;
}

.topinfo li.services:before {
	content: url(../assets/img/guard_icon.jpg);
	width: 24px;
	height: 100%;
	color: #2d4257;
}

.sli > div {
	margin: 0 auto 10px;
	background: #f4f4f4;
	max-width: 1140px;
	padding: 10px 60px;
	border-bottom: 2px solid #d9d9d9;
}

.sli a {
	margin: 0 5px;
	color: #2d4762;
}

/* ---------- Wrapper ----------- */


/* ---------- Content ----------- */


.content {
	margin: 0 auto;
	background: #f4f4f4;
	max-width: 1140px;
}

.content .column { float: left; }


.content .column.full {
	width: 100%;
	padding: 25px 65px;
}


.content .column.full img {
	max-width:100%;
	height:auto;
}

.content .column.full strong {
    color: #7b9611;
}

.content .column.left {
	width: calc(100% - 410px);
	padding: 25px 0 25px 65px;
}

.content.branch .column.left {
	width: 100%;
	padding: 25px 65px 25px 65px;
}

.content .column.right {
	width: 100%;
	max-width:393px;
	padding: 25px 30px 25px 72px;
}

.content.branch .column.right { display: none; }

.content .certificates {
	float: left;
	width: 100%;
	background: #fff;
	padding: 10px;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	text-align: center;
}

.content .certificates img {
	display: inline-block;
	margin: 20px;
}

.content .certificates img.higher_img {
	margin-top:-20px;
	position:relative;
	top:6px;
}

.content .column.right table { margin-bottom: 5px; }

.content .column.right tr td:first-child, .footer_top ul li tr td:first-child { padding-right: 10px; }

.content .column.left ul {
	margin-left: 30px;
	margin-bottom: 15px;
}

.content .column.left a { color: #6a7d14; }

body.business .content .column.left li:before { color: #7b9613; }

body.business .content .column.left strong { color: #3e6690;}

.content .column.left li:before {
	content: "»";
	color: #7b9613;
	margin-right: 15px;
	font-weight: bold;
	margin-left: -23px;
}

.content .column.right ul { margin-left: 23px; }

.content .column.right li:before {
	content: "»";
	color: #7b9613;
	margin-right: 15px;
	font-weight: bold;
	margin-left: -23px;
}

body.business .content .column.left li:before { color: #214569; }

.content .column.left strong { color: #7b9611; }

/* ---------- Boxes ----------- */


.boxes {
	margin: 0 auto 10px auto;
	max-width: 1140px;
	background: #f4f4f4;
	padding: 25px 65px;
	border-bottom: 2px solid #d9d9d9;
}

.boxes .box {
	margin-right: 3%;
	width: 48.5%;
	float: left;
	position: relative;
}

.box.business h1 { color: #3e6690; }

.box.business .btn {
	background-color: #3e6690;
	border-bottom: 1px solid #214569;
}

.box.business .btn:hover { background: #214569; }

.boxes .box > div {
	background: #eaebed;
	padding: 10px 180px 10px 20px;
	min-height: 132px;
}

.boxes .box > div p {
	display: block;
	min-height: 86px;
	line-height: 18px;
}

.boxes .box a {
	float: right;
	margin-right: 165px;
}

.boxes .box > div img {
	position: absolute;
	right: 0;
	top: 0;
	border-bottom: 1px solid #6a7d14;
}

.boxes .box:nth-child(2n+2) { margin-right: 0; }

/* Sinnvoll */


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

/* ---------- Footer ---------- */


footer {
	background: #2d4762;
	padding: 10px 25px;
}

.footer_top {
	background: #f4f4f4;
	border-top: 1px solid #dadcdb;
	margin-top: 40px;
}

footer > div, .footer_top ul {
	max-width: 1140px;
	margin: 0 auto;
	height: 100%;
}

.footer_top ul {
	display: flex;
	flex-direction: row;
	padding: 15px 65px;
}

.footer_top ul li { padding-right: 5%; }

footer .column { padding: 20px 65px; }

footer .column.left { width: 24%; }

footer .column.right { width: 74%; }

.footernav {
	position: relative;
	margin: 0 auto;
	text-align: left;
	padding: 30px 65px 70px;
	display: none;
}

footer h2 {
	font-size: 32px;
	font-weight: 300;
	color: #fff;
	padding-bottom: 15px;
}

.footer_services {
	padding: 30px 65px 70px;
	display: none;
}

.footer_services li {
	display: inline-block;
	padding: 10px 30px 10px 0;
	color: #fff;
}

#footerform {
	display: none;
	padding: 30px 65px 70px;
}

.footer_element {
	float: left;
	margin: 0 4% 0 0;
	list-style: none;
}

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

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

.footer_element a:hover { text-decoration: underline; }

.footernav1 {
	font-size: 16px;
	color: #fff;
	padding: 0 0 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
}

.footernav2 {
	color: #d5d5d5;
	font-size: 14px;
	line-height: 22px;
}

.footernav3 {
	margin-top: 3px;
	color: #d5d5d5;
	font-size: 11px;
	margin-left: 5px;
	line-height: 14px;
	font-weight: normal;
	padding-left: 16px;
	position: relative;
}

.footernav3:before {
	content: "►";
	margin-right: 5px;
	font-size: 10px;
	position: absolute;
	left: 0;
}

footer .copyright {
	background: #181818;
	padding: 10px 30px;
}

.grid > li > a {
	display: block;
	float: left;
	background: #fff;
	width: 30%;
	margin-right: 5%;
	color: #888;
	text-align: center;
	padding: 22px 0 0;
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}

.grid > li > a:hover:before, .grid > li > a.active:before { color: #2d4762; }

.grid > li:last-child > a { margin-right: 0; }

.grid > li > a:before {
	font-size: 70px;
	color: #d0d0d2;
	font-family: "wus-leverkusen2_iconset";
	display: block;
	padding-bottom: 15px;
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}

.grid > li.first > a:before { content: '\e800'; }

.grid > li.second > a:before { content: '\e801'; }

.grid > li.third > a:before { content: '\e802'; }

.grid > li > a span {
	display: block;
	padding: 12px;
	background: #eaebed;
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}

.grid > li > a:hover span, .grid > li > a.active span { color: #2d4762; }

/* ------------------------- Forms ------------------------- */



.textinput, .selectinput {
	font-size: 13px;
	width: 100%;
	border: 1px solid #eeeff4;
	margin-top: 15px;
	padding: 8px 10px;
	float: left;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
	-webkit-appearance: none;
}

.textinput:hover, .selectinput:hover { border: 1px solid #7b9613; }

.textinput:focus, .selectinput:focus {
	border: 1px solid #7b9613;
	background: #f9f9f9;
}

#contactform textarea {
	font-size: 13px;
	width: 100%;
	border: 1px solid #eeeff4;
	margin-top: 15px;
	padding: 8px 10px;
	float: left;
	height: 80px;
	min-height: 80px;
	resize: vertical;
	-webkit-transition: 0.3s border;
	-moz-transition: 0.3s border;
	transition: 0.3s border;
	-webkit-appearance: none;
	font-family: 'Open Sans', sans-serif;
}

#contactform textarea:hover { border: 1px solid #7b9613; }

#contactform textarea:focus {
	border: 1px solid #7b9613!important;
	background: #f9f9f9;
}

.sendbutton {
	font-size: 14px;
	background-color: #7b9613;
	border: 1px solid #7b9613;
	color: #FFFFFF;
	width: 100%;
	font-weight: 400;
	padding: 8px;
	cursor: pointer;
	margin-top: 15px;
	-webkit-appearance: none;
	-webkit-transition: 0.3s all;
	-moz-transition: 0.3s all;
	transition: 0.3s all;
}

.sendbutton:hover {
	background-color: #6a7d14;
	border: 1px solid #7b9613;
	box-shadow: 0 0 0 1px rgb(255,255,255) inset;
}

.two { display: none; }

.five { display: none; }

#url { display: none; }

.smallest_input { margin-bottom: -15px; }

.contactinfo {
	margin-top: 15px;
	font-size: 12px;
	color: #999;
}

/* ------------------------- Kundendefinierte Styles ------------------------- */



.btn {
	display: inline-block;
	background: #7b9611;
	color: #fff;
	padding: 7px 15px;
	border-bottom: 1px solid #6a7d14;
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}

.btn:hover { background: #6a7d14; }

.btn-jobs {
	display: inline-block;
	background: #6fa720;
	color: #fff;
	padding: 7px 15px;
	width: 100%;
	text-align:center;
	border-bottom: 1px solid #6a7d14;
	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out;
}

.btn-jobs:hover { background: #5c8b1a; }

.btn-jobs:after {
	content: "»";
  display: inline-block;
  padding: 0 10px;
	
}

#footerform input[type="text"], #footerform textarea {
	background: #fff;
	color: #555;
	display: block;
	font-size: 13px;
	padding: 12px 15px;
	vertical-align: middle;
	width: 30%;
	float: left;
	margin-right: 5%;
	margin-bottom: 20px;
}

#footerform input[type="text"]#email { margin-right: 0; }

#footerform input[type="text"].red, #footerform textarea.red {
	border: 1px solid #C00;
	background: #faecee;
}

#footerform input[type="text"]:focus, #footerform textarea:focus { background: #f5f5f5; }

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

#footerform textarea {
	width: 100%;
	margin-right: 0;
	resize: vertical;
	min-height: 100px;
	font-family: 'Open Sans', sans-serif;
}

#footerform button {
	background: #7b9611;
	border-bottom: 2px solid #6a7d14;
	color: #fff;
	padding: 13px 30px 11px;
	font-size: 16px;
	display: block;
	float: left;
	cursor: pointer;
}

#footerform button:hover { background: #6a7d14; }

.success_mail {
	position: fixed;
	width: 500px;
	top: 25%;
	left: 50%;
	margin-left: -250px;
	padding: 40px;
	color: #888;
	font-size: 16px;
	line-height: 30px;
	background: rgba(255,255,255,0.95);
	-webkit-box-shadow: 0 0 1000px 1000px rgba(30,30,30,0.5);
	-moz-box-shadow: 0 0 1000px 1000px rgba(30,30,30,0.5);
	box-shadow: 0 0 1000px 1000px rgba(30,30,30,0.5);
}

.success_mail .btn:first-of-type {
	margin-right: 15px;
	margin-top: 15px;
}

.success_mail span {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	color: #fff;
	font-weight: 700;
	text-align: center;
	background: #7b9611;
	cursor: pointer;
	display: inline-block;
}

.success_mail.hidden { display: none; }

.person {
	position: relative;
	display: inline-block;
	margin-bottom: 20px;
	max-width:100%;
}

.person img { display: block; max-width:100%; height:auto; }

.person span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px 20px;
	background: rgba(255,255,255,0.9);
	display: block;
}

.person span .btn {
	color: #fff;
	padding: 5px 15px;
	margin-top: 3px;
}

.glossarlinkoff {
	color: #4D5359;
	background: #dee5eb;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	line-height: 34px;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px
}

body.glossary .glossarlinkoff {
	color: #4D5359;
	background: #dee5eb;
	border-radius: 50%;
	width: 24px;
	height: 23px;
	line-height: 23px;
	display: inline-block;
	text-align: center;
	margin-right: 3px
}

.glossarlink {
	border-radius: 50%;
	color: #fff!important;
	background: #5a5a5a;
	width: 34px;
	height: 34px;
	line-height: 34px;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px
}

body.glossary .glossarlink {
	border-radius: 50%;
	color: #fff!important;
	background: #5a5a5a;
	width: 24px;
	height: 23px;
	line-height: 23px;
	display: inline-block;
	text-align: center;
	margin-right: 3px
}

body.glossary .glossarlink:hover {
	background: #3991dd;
	color: #fff;
	text-decoration: none
}

.glossarlink:hover {
	background: #3991dd;
	color: #fff;
	text-decoration: none
}

.glossary_head {
	background: #7b9611;
	padding: 5px;
	margin-bottom: 25px;
	background: #7b9611;
	padding: 5px;
	margin-bottom: 25px
}

.glossary_letter {
	border-radius: 50%;
	color: #7b9611!important;
	background: #fff;
	width: 25px;
	height: 25px;
	line-height: 24px;
	display: block;
	text-align: center;
	font-size: 17px;
	margin: 0 auto
}

.glossary_item {
	margin-bottom: 15px;
	padding-left: 35px;
	max-width: 650px
}

.letter_around {
	margin-bottom: 25px;
	margin-left: 0!important;
	list-style: none!important
}

.letter_around h2 {
	color: #2d4762;
	font-size: 16px;
}

#counter_ { display: none }

h2.modul_heading {
	color: #2d4762;
	font-weight: 400;
	font-size: 15px;
	cursor: pointer;
	margin-bottom: 5px;
	border-bottom: 1px dashed #b1b659;
	padding: 5px;
}

h2.modul_heading:before {
	content: "»";
	display: inline-block;
	margin: 0 15px 0 -25px;
	font-weight: 600;
	color: #7b9611;
}

body.business h2.modul_heading:before { color: #2d4762; }

body.business .modul_item, body.business h2.modul_heading { border-bottom: 1px dashed #3e6690; }

.modul_item {
	border-bottom: 1px dashed #b1b659;
	padding-bottom: 5px;
	padding-left: 5px;
}

.firstItem {
	border-top: 2px solid #d9d9d9;
	margin-top: 20px !important;
	padding-top: 20px;
}

.content.branch .referContentItem {
	width: 45%;
	float: left;
	margin-right: 20px;
}

.referContentItem {
	position: relative;
	border-bottom: 2px solid #d9d9d9;
	margin: 5px 0px 20px 0px;
	min-height: 130px;
}

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

.referContentItem a.btn { color: #fff !important; }

body.private .referContentItem h2 { color: #7b9611; }

body.business .referContentItem h2, body.business h1 { color: #3e6690; }

.referContentItem h2 {
	clear: both;
	font-weight: 400px;
	font-size: 15px;
	margin-bottom: 5px;
}

body.business .btn {
	background-color: #3e6690;
	border-bottom: 1px solid #214569;
}

body.business .btn:hover { background: #214569; }

.referContentItem img {
	float: left;
	margin: 5px 10px 30px 0px;
	border-bottom: 2px solid #d9d9d9;
}

.refContentItemPic {
	position: relative;
	width: 200px;
	margin-right: 20px;
	min-height: 130px;
	float: left;
}

.refContentItemText {
	position: relative;
	min-height: 130px;
	width: 440px;
	float: left;
}

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

.content.branch .refContentItemText {
	width: none;
	float: none;
}

.impNav {
	font-size: 12px;
	text-decoration: none;
	color: #6a7d14;
}

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

.contactHinweis {
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
}

.mp-menu, .menu-trigger { display: none; }

@media only screen AND (max-width:1160px) {
header .logo {
	background-size:100%;
	height: 66px;
	width: 240px;
}

header {
    border-bottom: 8px solid #7b9613;
    height: 90px;
    padding: 0 25px;
}

nav.desktop {
    height: 80px;
    line-height: 67px;
}

nav.desktop li a.nav1, nav.desktop li a.nav1on {
    font-size: 16px;
}


.sli > div {
    padding: 10px 25px;
}


.boxes {
    padding: 25px;
}
.content .column.left {
    padding: 25px 0 25px 25px;
    width: calc(100% - 333px);
}

.content .column.right {
    max-width: 333px;
    padding: 25px 25px 25px 52px;
}

.boxes .box > div {
    padding: 10px 20px 40px 150px;
}

.boxes .box > div img {
    right:inherit;
		left:0;
		max-width:130px;
}

.boxes .box a {
    float: right;
		margin-top:-35px;
    margin-right: 0;
}

.footer_top { display:none; }


footer .column {
    padding: 20px 0;
}

.footernav, .footer_services, #footerform {
    padding: 30px 0 70px;
}

}

@media only screen AND (max-width:1040px) {

nav.desktop { display:none; }

.menu-trigger {
	float: right;
	width: 44px;
	height: 44px;
	background: #eee;
	border:1px solid #91856c;
	position: relative;
	border-radius: 0.25em;
	z-index: 2;
	position:relative;
	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: 20px;
	height: 2px;
	background: #2d4762;
	top: 50%;
	margin-top: -1px;
	left: 50%;
	margin-left: -10px;
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}

.menu-trigger span i {
	display: block;
	position: relative;
	top: -17px;
	max-width: 60px;
	line-height: 18px;
	margin-left: 45px;
	font-style: normal;
	white-space: normal;
}

.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);
	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;
	transition: transform 0.3s, background 0s;
}

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

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

.mp-pushed .menu-trigger { box-shadow: none; }

.mp-pushed .menu-trigger span { background: rgba(232, 74, 100, 0); }

.mp-pushed .menu-trigger span::before, .mp-pushed .menu-trigger span::after { background: #2d4762; }

.mp-pushed .menu-trigger span::before {
	top: 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}

.mp-pushed .menu-trigger span::after {
	bottom: 0;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	transform: rotate(225deg);
}

.mp-pusher {
	position: relative;
	left: 0;
	perspective: 1000px;
	height: 100%;
	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}

.mp-menu {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 90%;
	max-width: 300px;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.mp-level {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-right: 46px;
	-webkit-box-shadow: inset -45px 0 0 0 #ddd, inset -46px 0 0 0 #ddd, 1px 0 0 0 #ddd;
	box-shadow: inset -45px 0 0 0 #ddd, inset -46px 0 0 0 #ddd, 1px 0 0 0 #ddd;
	background: #f5f5f5;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.mp-level::after, .mp-level::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
}

.mp-pusher::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
	z-index: 9999999;
}

.mp-pusher::after {
	background: rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after { z-index: -1; }

.mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.mp-level.mp-level-overlay { cursor: pointer; }

.mp-level.mp-level-overlay.mp-level::before {
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 1;
}

.mp-pusher, .mp-level {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

.mp-overlap .mp-level.mp-level-open {
	-webkit-transform: translate3d(-40px, 0, 0);
	-moz-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}

.mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.mp-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mp-menu ul li {
	margin-bottom: 0;
	background: none;
}

.mp-menu h2 {
	margin: 0;
	padding: 10px 20px;
	color: #2d4762;
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 400;
	font-size: 16px;
}

.mp-menu h2 a {
	color: #2d4762;
	text-decoration: none;
}

.mp-menu.mp-overlap h2::before {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 8px;
	font-size: 75%;
	line-height: 1.8;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
	transition: opacity 0.3s, transform 0.1s 0.3s;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
}

.mp-menu.mp-cover h2 {
	margin: 0;
	padding: 23px 20px 16px;
	color: #2d4762;
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 400;
	font-size: 16px;
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.mp-menu ul li > a {
	display: block;
	color: #666;
	text-decoration: none;
	padding: 10px 20px 10px 40px;
	outline: none;
	box-shadow: inset 0 -1px rgba(255,255,255,0.6);
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	font-size: 14px;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}

.mp-menu ul li::before {
	position: absolute;
	left: 15px;
	z-index: -1;
	color: #2d4762;
	padding-top: 12px;
}

.mp-level > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(255,255,255,0.6), inset 0 1px rgba(255,255,255,0.6);
	color: #666;
}

.mp-menu ul li a:hover, .mp-level > ul > li:first-child > a:hover {
	background: rgba(0,0,0,0.25);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
	color: #fff;
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a, .mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0);
	color: #666;
}

.mp-level > ul > li:first-child > a:hover, .mp-level.mp-level-overlay > ul > li:first-child > a { box-shadow: inset 0 -1px rgba(0,0,0,0), inset 0 1px rgba(0,0,0,0); }

.mp-menu ul li > a.navon {
	color: #fff !important;
	background: #2d4762;
}

.mp-back {
	background: rgba(0,0,0,0.1);
	outline: none;
	color: #666;
	font-weight: 400;
	display: block;
	font-size: 12px;
	padding: 10px 20px;
	position: relative;
	text-decoration: none;
	box-shadow: inset 0 1px rgba(0,0,0,0.1);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}

.mp-back::after {
	font-family: 'linecons';
	position: absolute;
	content: "\e037";
	right: 10px;
	font-size: 1.3em;
	color: rgba(0,0,0,0.3);
}

.mp-menu .mp-level.mp-level-overlay > .mp-back, .mp-menu .mp-level.mp-level-overlay > .mp-back::after {
	background: transparent;
	box-shadow: none;
	color: transparent;
}

.no-csstransforms3d .mp-pusher, .no-js .mp-pusher { padding-left: 300px; }

.no-csstransforms3d .mp-menu .mp-level, .no-js .mp-menu .mp-level { display: none; }

.no-csstransforms3d .mp-menu > .mp-level, .no-js .mp-menu > .mp-level { display: block; }

@font-face {
	font-family: 'linecons';
	src: url('/templates/assets/iconset/linecons.eot');
	src: url('/templates/assets/iconset/linecons.eot?#iefix') format('embedded-opentype'), url('/templates/assets/iconset/linecons.woff') format('woff'), url('/templates/assets/iconset/linecons.ttf') format('truetype'), url('/templates/assets/iconset/linecons.svg#linecons') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon:before {
	font-family: 'linecons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	margin-right: 0.6em;
	-webkit-font-smoothing: antialiased;
}

.icon-arrow-left:before { content: "\e032"; }

.mp-menu, .menu-trigger { display: block; }


.royalSlider img {
    height: 100%;
		width:auto;
		float:right;
}

.content .column.left img {
	max-width:100%;
}

.content .column.left table tr td {
	display:block;
}


}

@media only screen AND (max-width:820px) {
	.royalSlider[style] {
    float: none;
    width:100%;
		height:200px !important;
}

.topinfo {
    padding: 20px 25px;
    width: 100%;
}

.royalSlider img {
    height: auto;
		width:100%;
		display:block;
}

.boxes {
    padding: 10px 25px;
}

.boxes .box {
    float: none;
    margin-right: 0;
    position: relative;
    width: 100%;
		margin:15px 0;
}

.content .column.left {
    padding: 25px 25px 10px;
    width: 100%;
}
.content .column.right {
    max-width:none;
    padding: 25px;
}

}

@media only screen AND (max-width:600px) {
	.royalSlider img {
    height: 200px;
		width:auto;
		display:block;
}

.sli {
	display:none;
}

.grid > li > a {
    margin-right: 0;
    padding: 10px 0 0;
    width: 100%;
		margin-bottom:15px;
}

.grid > li > a::before {
    font-size: 40px;
}

.footer_element {
	float:none;
	margin:0 0 15px;
}

.footer_services li {
    color: #fff;
    display: block;
    padding: 10px 0 10px 0;
}

#footerform input[type="text"], #footerform textarea {
    margin-bottom: 15px;
    margin-right: 0;
    width: 100%;
}
}


@media only screen AND (max-width:430px) {
header .logo {
	background-size:100%;
	height: 56px;
	width: 190px;
}

header {
    height: 70px;
}

.boxes .box > div {
    padding: 10px 20px 40px 20px;
}

.boxes .box > div img {
	display:none;
}

.boxes .box a {
    float: right;
		margin-top:-35px;
    margin-right: 0;
}

.royalSlider[style] {
    height: 140px !important;
}

.royalSlider img {
    height: 140px;
}

.content .column.right a:not([class]) {
	color: #7b9412;
}

.content .certificates img.higher_img {
	margin-top:0;
}

}


@media only screen AND (max-width:340px) {
header .logo {
	width: 150px;
}
}