BODY {background-color:#ffffff;overflow:-moz-scrollbars-vertical; background-image: url(../images/layout/bg_wellen.jpg); background-repeat:no-repeat; background-position:center 150px;}
html, body, #map-canvas {width:100%; margin: 0px; padding: 0px }

H1 {color:#003D99; font-family:arial; font-size:24px; line-height:24px; font-weight:bold; margin:25px 0px 20px 0px; padding:0px;}
H2 {color:#003D99; font-family:arial; font-size:14px; line-height:18px; font-weight:normal; margin:20px 0px 10px 0px; padding:0px;}
H3 {color:#003D99; font-family:arial; font-size:14px; line-height:18px; font-weight:bold; margin:20px 0px 10px 0px; padding:0px;}
P {color:#343434; font-family:arial; font-size:13px; line-height:16px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px;}

IMG {border:0px;}
* {outline:none;font-family:arial}

INPUT, SELECT, TEXTAREA {font-family:arial; font-size:13px; color:#343434; line-height: 16px; border: 1px solid #999999; background-color:#E4E9F2; padding: 1px 3px 1px 3px; margin:0px;}

a {text-decoration:none; color:#343434; outline:none;}
a:hover {color:#003D99;}

a.adresse{color:#003D99;}
a.adresse:hover {text-decoration:underline; color:#003D99;}

a.kunden_login {display:inline-block;}
a.kunden_login:hover {color:#E00000; text-decoration:none;}
a.link_anleger_beteiligung {display:inline-block;}
a.link_anleger_beteiligung:hover {color:#E00000; text-decoration:none;}

Ul {color:#343434; font-family:arial; font-size:13px; line-height:16px; font-weight:normal;}
LI {padding-bottom:4px;}

/* Cookie Hinweis */
.cc-message>span{color:#ffffff !important; font-size:16px; line-height:20px;}
.cc-message>span>strong{color:#ffffff !important; font-size:16px; line-height:16px; margin-bottom:10px; display:block;}
.cc-message a{text-decoration:none !important;}
.cc-btn{text-decoration:none !important;}

/* Klassen */
#div_wrapper {position:relative; width:802px; height:100%; margin:auto auto; margin-top:15px;}
#div_navi {margin:40px 0px 1px 0px; float:right;}
#div_main {border:11px solid #E4E9F2; width:760px; padding:10px; margin:40px 0px 10px 0px; background-color:#ffffff;}
#div_main_start {border:11px solid #E4E9F2; width:760px; padding:10px; margin:40px 0px 10px 0px; background-color:#ffffff;}

DIV.sidebar {position:absolute; width:140px; right:-190px; top:151px; margin:0px; padding:0px 30px 0px 30px; text-align:center;}
DIV.sidebar P {color:#343434; font-family:arial; font-size:14px; line-height:18px; font-weight:normal; margin:20px 0px 10px 0px; padding:0px;}

DIV.telefonnummer {position:absolute; left:344px; top:10px; font-family:arial; font-weight:normal; font-size:13px; line-height:18px; color:#343434;}
	DIV.telefonnummer SPAN.text {color:#e2001a; text-transform: uppercase; font-weight:bold;}
	DIV.telefonnummer SPAN.nummer {color:#004178; font-weight:bold;}
.tel-bottom {display: none;}
	
DIV.top_navi {position:absolute; right:0px; top:15px; font-family:arial; font-weight:normal; font-size:13px; line-height:14px; color:#343434;}

.div_subnavi {position:absolute; top:70px; right:0px; background-color:#ffffff; height:20px; font-family:arial; padding:5px 4px 3px 4px; font-size:13px; visibility:hidden;}
	.div_subnavi a {margin:0px 4px 0px 4px; color:#000000;}
	.div_subnavi a:hover {margin:0px 4px 0px 4px; color:#31aef5;}
/*.div_navi_pfeil {position:absolute; top:-7px; width:31px; height:7px; background-image: url(../images/navi_pfeil.png);}*/
.img_logo {position:relative; margin-left:-50px; float:left;}
.div_text {padding:20px 5px 20px 5px;}
.div_text_start {padding:0px;}
.p_unter_bild{color:#343434; font-family:arial; font-size:11px; line-height:11px; margin-top:5px; text-align: center}
div.inhaber {float: right; color: #888888; font-family: arial; min-height: 50px; margin: 5px 13px 0px 0px; font-size: 13px; }

.div_impressum {color:#343434;font-family:arial;line-height:17px;font-size:13px;}
.div_start {position:absolute; top:630px; left:30px; font-size:10px;}
	.div_start H1{font-size:11px; line-height:15px; margin:0px; color:black;}
	.div_start H2{font-size:11px; line-height:15px; margin:0px; color:black;}
	
INPUT.abschicken {background-color:#003D99; margin:10px 0px 0px 0px; color:#ffffff; cursor:pointer; padding:2px 5px 2px 5px; font-weight:bold;}
INPUT.abschicken:hover {background-color:#E00000;}

TABLE#kontaktformular P {margin:0px 0px 5px 0px;}
TABLE#kontaktformular  input, textarea{}

#slider{position:relative;overflow:hidden;}
#slider_container{position:absolute;top:0;left:0;width:9999px;}
#slider_container img{float:left;display:block;}
#slider_navi{position:absolute;top:12px;left:12px;z-index:5;}
#slider_navi>div{width:10px;height:10px;background-color:#004178;opacity:0.5;float:left;margin-right:8px;cursor:pointer;}
#slider_navi>div.aktiv,#slider_navi>div:hover{opacity:1;}

/* Klassen für die Navi - Main Navi */
	#main_navi {float:right; position:relative; margin-top:85px;}
		
		#main_navi UL {display:block; margin:0px; padding:0px; list-style:none;}
		
		#main_navi UL LI {position:relative; display:block; float:left; margin:0px; padding:0px; list-style:none;}
		#main_navi UL LI A {white-space:nowrap; display:block; padding:0px 5px 8px 5px; margin:0px 0px 0px 10px; font-family:arial; font-weight:bold; font-size:18px; line-height:18px; color:#343434;}				
		
		#main_navi UL LI A:hover {text-decoration:none; color:#E00000;}
		#main_navi UL LI A.aktiv {color:#E00000;}
		
		#main_navi UL LI UL {position:absolute; z-index:1000; display:none;}
		#main_navi UL LI:hover UL{display:inline-block !important;}
		#main_navi UL LI:nth-child(n+2) UL {width: 760px;margin-left: -368px;}
		/* #main_navi UL LI:nth-child(n+2) UL {width:510px; margin-left:-128px;} */
		#main_navi UL LI:nth-child(n+4) UL {width:425px; margin-left:-336px;}

		#main_navi UL LI UL LI {display:inline-block; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-top:10px solid #E4E9F2;}
		#main_navi UL LI UL LI A {display:inline-block; margin:0px 0px 0px 0px; padding:8px 10px 8px 10px; font-family:arial; font-weight:normal; font-size:14px; line-height:14px; color:#343434;}
		
		#main_navi UL LI UL LI A:hover {text-decoration:none; color:#E00000;}
		#main_navi UL LI UL LI A.aktiv {color:#E00000;}
		.mobile-login {display: none!important;}

/* mobile Navi */
.mobile-nav-trigger {display: none;float: right;padding: 0.25rem 0 0.1875rem;cursor: pointer;position: absolute;top:3%;right:0;}
.mobile-nav-trigger.active .nav-bars .nav-bar:nth-child(1) {transform: rotate(45deg);top: 0.8em;}
.mobile-nav-trigger.active .nav-bars .nav-bar:nth-child(2) {opacity: 0;}
.mobile-nav-trigger.active .nav-bars .nav-bar:nth-child(3) {transform: rotate(-45deg);top: -0.8em;}
.nav-bars {transition: padding 0.5s;}
.nav-bars  .nav-bar {width: 3.125em;height: 0.25em;margin: 0.5625em auto;background-color: #E4E9F2;position: relative;opacity: 1;top: 0;transition: transform 0.5s, top 0.5s, opacity 0.5s;}

/* Schluesseldienst Banner */
#schluessel_banner {background-color: #E4E9F2;padding: 30px;margin-bottom: 30px;}
#schluessel_banner p {font-weight: bold;font-size: 18px;color:#E00000;}
#schluessel_banner .content-wrapper {margin:auto; width:802px; display: flex;justify-content: space-between; align-items: center;}
#schluessel_banner .co-button {margin-bottom: 0px;display: inline-block;}
#schluessel_banner .co-button:last-child {background-color: #E00000;}
#schluessel_banner .co-button:last-child:hover {background-color: #C80000;}
.banner-mobile {display:none;}

.datenschutz {display: inline-block; margin-bottom: 15px; font-family: arial; width: 410px; margin-top: 15px;}
.datenschutz input {margin-top: 5px;}
.datenschutz span {vertical-align:top; line-height:24px;}
.datenschutz span a {vertical-align:top; line-height:24px;}

.fs-small {margin-bottom: 50px;}
.co-button { background-color: #004178;color: #fff!important; padding: 10px 15px; margin-bottom: 50px;}
.co-button:hover { background-color: #E00000;}

.mobile-break { display: none;}
.footer-mr {margin-right: 30px;}

.grid {display: flex;justify-content: space-between; flex-wrap: wrap}
.col-2 {display: inline-block; width: 16%;}
.col-3 {display: inline-block; width: 24%;}
.col-4 {display: inline-block; width: 32%;}
.col-6 {display: inline-block; width: 48%;}
.col-8 {display: inline-block; width: 64%;}
.col-9 {display: inline-block; width: 72%;}
.col-10 {display: inline-block; width: 80%;}

.to-top {display:none;background-color: #003D99;width: 40px;height: 35px;position: fixed;bottom:0;right: 5%;text-align: center;cursor: pointer;}
.to-top img {padding-top:10px;}

@media only screen and (max-width: 1200px) {
	div.sidebar {position: static;margin-bottom: 15px;width: unset;margin-top: 75px;display: flex;justify-content: center;gap:20px;}
	div.inhaber {margin: 0;float: unset;text-align: center;}
}

@media only screen and (max-width: 999px) {
	BODY { background-image: url(../images/layout/bg_wellen_mobil.jpg); background-size: cover;}
	.mobile-nav-trigger {display: inline-block;}
	.top_navi {display: none!important;}
	.mobile-login {display: block!important;}
	#main_navi {width: 165px;position: absolute;top: 10%;right: 0;background-color: #E4E9F2;margin-top: 0px;z-index:8;display: none;}
	#main_navi UL LI {float: right;text-align: right;border-top: 5px solid #fff; width: 100%;}
	#main_navi UL LI A {padding: 10px 5px;}
	#main_navi UL LI:nth-child(n+2) UL {width: 100%;margin-left: 0px;}
	#main_navi UL LI UL {position: unset;}
	#main_navi UL LI:hover UL{display:inline-block !important;opacity: 1!important;}
	#main_navi UL LI UL LI {border-top: 2.5px solid #fff;width: 100%;}
	#div_main, #div_main_start, #slider {width: auto;}
	#div_main img {width: 100%;}
	#div_wrapper {width: auto;margin: 15px 60px 0px 60px;}
	#schluessel_banner .content-wrapper {width:auto;flex-wrap: wrap;}
	#schluessel_banner p {font-size: 15px;}
	.desktop-break {display: none;}
	DIV.telefonnummer {left:unset; right:0; top:10%;}
	.col-6 {width:100%;}
	.to-top{display:block;}
}

@media only screen and (max-width: 756px) {
	#schluessel_banner p {margin-top: 0px; margin-bottom: 10px;}
}

@media only screen and (max-width: 660px) {
	DIV.telefonnummer {display: none;}
	.tel-bottom {display: block!important;top:unset!important;left:0; width:100%; text-align: center;}
}

@media only screen and (max-width: 479px) {
	.img_logo {margin-left: 0px;width: 60%;height: auto;}
	.mobile-nav-trigger {top: 1%;}
	#main_navi {top: 11%;}
	#div_wrapper {margin: 15px 30px 0px 30px;}
	.mobile-break { display: block;}
	.footer-mr {margin-right: 0px;}
	div.sidebar {position: static;margin-bottom: 15px;width: unset;display: block;}
	.sidebar img {width: 40%;height: auto;}
	div.inhaber {margin: 0;float: unset;text-align: center;}
	.col-2, .col-3, .col-4, .col-8, .col-9, .col-10 {width: 100%;}
}
@media only screen and (max-width: 450px){
	.banner-mobile {display:block;}
	.banner-desktop {display:none;}
}


@media only screen and (max-width: 379px) {
	#div_wrapper {margin: 15px 15px 0px 15px;}
	#schluessel_banner {padding: 20px 30px 10px 30px;}
	#schluessel_banner .co-button {margin-bottom: 10px;display:block;font-size: 15px;}
	#schluessel_banner div {width: 100%;}
}