@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,300,600,700);
@font-face { font-family: 'Nexa'; src: url('../fonts/nexa_light.otf') format('opentype'); font-weight: regular; } 
@font-face { font-family: 'Nexa'; src: url('../fonts/nexa_bold.otf') format('opentype'); font-weight: bold; } 

body { color:#575757; font-family: 'Titillium Web', sans-serif; font-size:120%; background: #fff; font-weight:300; }
.container { width:100%; margin:0 auto; position:relative; z-index:1; }
header, main, footer { width:100%; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.clearfix:before,.clearfix:after { content: " "; display: table; }  
.clearfix:after { clear: both; }  
.clearfix { *zoom: 1; }
h1, h2, h3, h4, h5 { font-weight:400; font-family: 'Nexa', 'Titillium Web'; color: #66A5D2; }
h1 { font-size:180%; margin:4% 0 2% 0; }
h1:first-child { margin-top:0; }
h2 { font-size:160%; margin:3% 0 1.5% 0; }
h3 { font-size:140%; margin:2% 0 1% 0; }
h4 { font-size:120%; margin:1% 0 0.5% 0; }
h5 { font-size: 100%; margin: 0 0 0.5% 0; }
p { margin:8px 0 0 0; }
a { color:#575757; text-decoration:underline; }
a img { border:none; }
a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover { text-decoration:none; }
a.pdf { text-decoration:none; background:url('../img/pdf.png') no-repeat; line-height:32px; padding:0 0 0 40px; display:block; margin:8px 0; }
iframe { width:100%; height:350px; }
.fltrt { float:right; margin:0 0 20px 20px; }
.fltlft { float:left; margin:0 20px 20px 0; }
.notUnderline { text-decoration: none; }
strong { font-weight: 400; text-transform: uppercase; }

ul { padding-left: 2%; margin: 1% 0 2% 0; }

.fest { width: 200px; float: left; }

input, textarea { border: 1px solid #cccccc; border-radius: 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; color: rgba(0, 0, 0, 0.75); display: block; font-size: 90%; padding: 5px; transition: all 0.15s linear 0s; width: 60%; }
label { margin-top: 1%; display: block; font-weight: 400; }
label.checkbox_label { margin: 0; display: initial; font-weight: 300; }
.spalte input[type="checkbox"], .spalte input[type="radio"], input[type="checkbox"], input[type="radio"] { border: none; box-shadow: none; display: inherit; padding: 0px; width: auto; height: auto; margin: 0; margin-right: 5px; } 
textarea { height: auto; width: 100%; }
.spalte input, .spalte textarea { width: 100%; }

.zweiSpalten div.spalte { width: 49%; margin-left: 2%; float: left; }
.zweiSpalten div.spalte:first-child { margin-left: 0px; }

.zwei { width: 60% }
.zwei div { float: left; margin-left: 5%; width: 47.5%; }
.zwei div input, .zwei div textarea { width: 100%; }
.zwei div input[type="checkbox"], .zwei div input[type="radio"] { width: auto; }
.zwei div:first-child { margin: 0; }

.bild_rechts { float: right; max-width: 300px; margin: 0px 0px 20px 20px; }

.aktuelles .bild { float: right; display: block; }
.aktuelles .bild img { width: 100%; }

header { position:relative; background-color:#575757; }
.logo {  padding:1%; width:350px; display:block; position:fixed; z-index:1; top:0px; left:50%; margin:0 0 0 -175px; background: #FFF; background: rgba(255,255,255, .7); }
.logo img { width:100%; height:auto; }

.kontakt .logo { left: 25%; }

.img_wrapper { width: 100%; }
.img_wrapper a { float: left; width: 18.4%; margin-left: 2%; }
.img_wrapper a:first-child { margin-left: 0px; width: 38.8%; }
.img_wrapper a img { width: 100%; }
.responsiveImg { display: none; }
.desktopImg { display: block; }

.filter_wrapper { width: 100%; background: rgba(87,87,87,0.2); padding: 15px 15px 15px 15px; }
.filter { margin-right: 5%; float: left; }
.filter_el { cursor: pointer; background: #575757; color: #b2b2b2; padding: 5px 10px; margin-bottom: 5px; float: left; margin-right: 10px; }
.filter_el:hover, .filter_el.aktiv { color: #fff; }

ul li { list-style: inside; }

.datenschutz ul li { list-style: none; }
.datenschutz ul li ul li { list-style: inside; }
/*ul li:before { content:"//"; padding-right: 5px; }*/

.anfrageBtn, #submit { display: block; color:#fff; text-transform:none; font-size:120%; display:block; text-align:center; line-height:35px; text-decoration:none; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; background: #0069b4; width: 225px; margin-top: 2%; }
.anfrageBtn:hover, .anfrageBtn:focus, .anfrageBtn.aktiv, #submit:hover { background: #66A5D2; outline:none; }

/* slider > */
.slider { position:fixed; top:0px; left:0px; z-index:0; width:100%; height: 50vh; }
.slider li:before { display: none; }
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; padding: 0; list-style: none; }
.rslides li:first-child { position: relative; display: block; float: left; list-style: none; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.callbacks .caption { display: block; position: absolute; z-index: 2; text-shadow: none; color: #575757; background: #FFF; background: rgba(255,255,255, .7); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; text-decoration:none; }
.callbacks_nav:before { font-family: 'lightcase'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: none; /*width: 1em;*/ text-align: center; font-variant: normal; text-transform: none; line-height: 1em; }
.callbacks_nav { height: 100%; left: 0; overflow: hidden; position: absolute; text-decoration: none; top: 0px; z-index: 3; font-size:38px; text-shadow:0px 0px 5px #fff; }
.callbacks_nav.next { background-position: right top; left: auto; right: 0; }
.callbacks_nav:before { content: '\e803'; position:relative; top:48%; /*background: #fff; background: rgba(255,255,255, .7);*/ padding:3px;  } /* '' */
.callbacks_nav.next:before { content: '\e804';  } /* '' */
.callbacks_tabs { list-style:none; margin:0; padding:0; position:absolute; bottom:10px; right:10px; z-index:50; display:none; }
.callbacks_tabs li { float:left; }
.callbacks_tabs li a { width:12px; height:12px; border-radius:6px; background-color:#888; display:block; margin:0 2px; box-shadow: 2px 2px 5px #000 inset; }
.callbacks_tabs li.callbacks_here a { background-color:#fbba00; }
/* < slider */

/* menu > */
nav { width:1250px; margin:0 auto; font-family: 'Nexa', 'Titillium Web', serif; }
.menu { margin:0px 0 0 0; width:100%; list-style:none; padding:0; position:relative; display:block; z-index:1; }
.menu li { float:left; width: 20%; border-left:2px solid #fff; position:relative; background: #0069b4; padding: 0; list-style: none; }
.menu li:before { display: none; }
.menu li:first-child { border-left:none; }
.menu li a { color:#fff; text-transform:none; font-size:120%; display:block; text-align:center; line-height:50px; text-decoration:none; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out; }
.menu li a:hover, .menu li a:focus, .menu li a.aktiv { background: #66A5D2; outline:none; }
.sub { min-width:100%; list-style:none; margin:0; padding:0; position:absolute; top:50px; z-index:999; }
.sub li { float:none; width:auto; border:none; }
.sub li a { background-color:#c4c4c4; color:#575757; border-bottom:1px solid #b4b4b4; text-transform:none; font-size:100%; line-height:40px; text-align:left; padding:0 5% 0 11%; background-repeat:no-repeat; background-position:3% center; }
.sub li a:hover, .sub li a.aktiv { /*background-color:#7d7f80;*/ background-image:url('../img/menu_pfeil.png'); color:#575757; }
nav div { display:none; background:url(../img/menu.png) no-repeat 10px center #0069b4; line-height:40px; color:#fff; padding:0 20px 0 40px; font-size:120%; cursor:pointer; width:100%; }
/* < menu */

/* sitemap_menu > */
ul.sitemap_menu, ul.sitemap_menu li ul { list-style:none; font-size:120%; text-transform:uppercase; }
ul.sitemap_menu a { text-decoration:none; }
ul.sitemap_menu li { margin:5px 0; }
ul.sitemap_menu li ul { font-size:80%; text-transform:none; }
/* < sitemap_menu */

/* accordion > */
.msg_head { font-size:140%; line-height:24px; margin:20px 0 0 0; cursor:pointer; }
.msg_head div { float:left; width: 0; height: 0; margin:4px 8px 0 0; }
.msg_head div { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 16px solid #575757; }
.opened div { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 16px solid #575757; }
/* < accordion */

/* aktuelles > */
div.aktuelles { margin:0 0 40px 0; }
div.aktuelles img { float:left; margin:0 20px 20px 0; }
div.aktuelles h3 { margin-top:3px; padding-top:5px; border-top:1px solid #c0c0c0; }
.sidebar .aktuelles { margin:15px 0 0 0; }
/* < aktuelles */

/* color pfeile, dreieck, etc. */
.callbacks_nav:before, .callbacks_nav { outline: none; }
.callbacks_nav:before { color:#fff; }
[class*='lightcase-icon-']:before { color:#fff; }

.galerie_wrapper { margin-left: -1%; margin-top: 5%; position: relative; }
.galerie_bild { float: left; display: block; width: 19%; margin: 0px 0px 1% 1%; }
.galerie_bild img { width: 100%; }

main { padding:2% 0 0 0; margin:0px 0 0 0; background: #fff; }
.main { width:1250px; margin:0 auto; padding:0 0 40px 0; }
.content { float:left; width:72%; padding:0px 0 0 0; }
.galerie .content, .anfrage .content { width:100%; }
.sidebar { float:right; width:23%; }
.galerie .sidebar, .anfrage .sidebar { width:0%; display:none; }
.sidebar .box { margin:0px 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #c0c0c0; }
.sidebar .header { font-size:140%; text-decoration:none; font-family: 'Nexa', 'Titillium Web', serif; color: #66A5D2; }

footer { margin:0px 0 0 0; line-height:30px; font-size:90%; padding:10px 1%; color:#fff; background: #66A5D2; border-top: 10px solid #0069b4; position: relative; z-index: 10000; }
footer a { color:#fff; }
footer .container { width:1250px; }
.footer_kachel { float:left; width:30%; }
.orgmenu, .hilfsmenu { width:30%; float:right; margin:0 0 0 5% }
.orgmenu a, .hilfsmenu a { display:block; text-decoration:none; border-bottom:1px solid #fff; }

a.marke { display:block; float:left; width:23%; margin:20px 1%; background-size:contain; background-position:center center; background-repeat:no-repeat; }
a.marke img { width:100%; height:auto; }

img.showroom { float:left; margin:10px 1%; width:23%; height:auto; }

table { width:100%; }
th, td { vertical-align:top; }
th, td { padding:1% 1% 1% 1%; }
table .msg_head { font-size:100%; line-height:inherit; margin:0 0 0 0; cursor:pointer; }
th.datum { width:30%; }
th.termin { width:70%; }
tr:nth-child(even) { background: #f4f4f4 }
/*tr { border-bottom:1px dotted #a4a4a4; }
td:nth-child(1) { border-right:1px dotted #a4a4a4; }*/
thead tr { background-color:#c4c4c4; color:#575757; }
div.platzhalter { width:16px; height:16px; margin:0 8px 0 0; float:left; }

div.left { float:left; width:48%; padding:0 2% 0 0; }
div.right { float:right; width:48%; }

.vier a { display: block; width: 23.5%; margin-left: 2%; margin-top: 3%; float: left; text-align: center; font-size: 120%; text-decoration: none; outline: none; }
.vier a:first-child { margin-left: 0px; }
.vier a img { width: 100%; }

.grundriss { display: block; width: 720px; }
.grundriss img { width: 100%; }

.platzhalterSlider { width:100%; position:relative; z-index:-150; }

@media screen and (max-width:1250px)	{
	.container, footer .container { width:100%; }
	nav { width:100%; }
	nav ul.menu { display:block; }
	ul.menu li:last-child ul.sub { right:0px; }
	main { padding:4% 1%; }
	.main { width:100%; }
	.footer_kachel { width:20%; }
	footer .adresse { width:50%; }
	.menu li a { font-size: 100%; }
}

@media screen and (max-width:1020px)	{
	.galerie_bild { width: 32.33%; }
	nav { z-index: 999; position: relative; width: 100%; }
	.logo { width: 30%; margin-left: -15%; }
	nav ul.menu { display:none; }
	nav div { display:block; }
	.menu { background:#575757; }
	.menu .clearfloat { display:none; }
	.menu li { float:none; width:100%; border-left:none; border-bottom:1px solid #646666; }
	.menu li a { text-align:left; padding:0 0 0 2%; }
	.sub { position:static; }
	.sub li { border:none; }
	.sub li a { padding:0 0 0 7%; }
	.content, .sidebar { float:none; width:100%; }
	.sidebar { border-top:2px solid #c0c0c0; margin:20px 0 0 0; padding:1% 0; }
	a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover { text-decoration:underline; }
	.footer_kachel, footer .adresse, footer .adresse div { width:100%; float:none; }
	footer { text-align:center; }
	.hilfsmenu { display:none; }
	.orgmenu { border-top:1px solid #c0c0c0; margin:20px 0 0 0; }
	a.marke { width:48%; }
	input, textarea, .zwei { width: 100%; }
}

@media screen and (max-width:775px) {
	.vier a span { display: none; }
}

@media screen and (max-width:720px)	{
	.grundriss { width: 100%; }	
}

@media screen and (max-width:600px)	{
	body { font-size: 90%; }
	.menu li a { font-size: 120%; }
	.logo { margin-left: -25%; width: 50%; }
	.callbacks_nav::before { top: 25%; }
	.img_wrapper a.responsiveImg { display: block; margin-left: 0px; }
	.img_wrapper a.desktopImg { display: none; }
	.img_wrapper a { width: 23.5%; }
}

@media screen and (max-width:500px)	{
	.zweiSpalten div.spalte { width: 100%; margin-left: 0px; float: none; }
	.platzhalterSlider, .slider { width: 130%; margin-left: -15%; }
	.sliderWrapper { overflow: hidden; }
}

@media screen and (max-width:430px)	{
	h1 { font-size:160%; margin:4% 0 2% 0; }
	h2 { font-size:140%; margin:3% 0 1.5% 0; }
	h3 { font-size:120%; margin:2% 0 1% 0; }
	h4 { font-size:100%; margin:1% 0 0.5% 0; }
	h5 { font-size: 100%; margin: 0 0 0.5% 0; }
}

@media screen and (max-width:380px)	{
	h1 { font-size:140%; margin:3% 0 2% 0; }
	h2 { font-size:120%; margin:2% 0 1% 0; }
	h3 { font-size:100%; margin:1% 0 0.5% 0; }
	h4 { font-size:100%; margin:1% 0 0.5% 0; }
	h5 { font-size: 100%; margin: 0 0 0.5% 0; }
	.img_wrapper a { width: 49%; margin-bottom: 2%; }
	.img_wrapper a:nth-child(4) { margin-left: 0px; }
}