@charset "utf-8";

/*			Fonts			*/
@font-face {
  font-family: 'OpenSans-Regular';
  src: url('../fonts/OpenSans-Regular.eot');
  src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts/OpenSans-Regular.otf') format('otf'),
       url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg'),
       url('../fonts/OpenSans-Regular.ttf') format('truetype'),
       url('../fonts/OpenSans-Regular.woff') format('woff'),
       url('../fonts/OpenSans-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('../fonts/OpenSans-Bold.eot');
  src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/OpenSans-Bold.otf') format('otf'),
       url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg'),
       url('../fonts/OpenSans-Bold.ttf') format('truetype'),
       url('../fonts/OpenSans-Bold.woff') format('woff'),
       url('../fonts/OpenSans-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'OpenSans-Medium';
  src: url('../fonts/OpenSans-Medium.eot');
  src: url('../fonts/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts/OpenSans-Medium.otf') format('otf'),
       url('../fonts/OpenSans-Medium.svg#OpenSans-Medium') format('svg'),
       url('../fonts/OpenSans-Medium.ttf') format('truetype'),
       url('../fonts/OpenSans-Medium.woff') format('woff'),
       url('../fonts/OpenSans-Medium.woff2') format('woff2');
}

/* Clear Floated Elements */
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear:after, .ce_text:after {clear:both;content:' ';display:block;font-size:0;
line-height:0;visibility:hidden;width:0;height:0;}
* html .clear {height:1%;}
.hide, .invisible {display: none;}
a.invisible {display:none;}

body {background-color:#FFF;color:#333;font-family: Tahoma, Verdana, sans-serif;font-size: 18px;
letter-spacing: 0px;/*background-color:#ddd;*/}

h1,h2,h3,h4,h5,h6, h2 a {letter-spacing: 0.05em;font-weight: bold;}
h1,h2,h3,h4,h5,h6 {color: #333;}
h1 {font-size:24px;}
h2 {font-size:22px;margin-bottom:40px;}

p {font-family:Tahoma, Verdana, sans-serif;
font-size:16px;line-height:1.6em;color:#333;}
a, table th {font-family: Tahoma, Verdana, sans-serif;}

img {max-width: 100%; height: auto; /*width: 100%;*/}
img.float_left, .image_container.float_left {float:left; margin-right:16px;}
.image_container.float_right {float:right; margin-left:16px;}

table {width:100%;border-collapse:collapse;margin-bottom:24px;}
table th,table td {padding:16px 6px;line-height: 1.5em;vertical-align: top;}
table th {font-weight:600;text-align:left;}
caption {font-variant: small-caps;}
th *:first-child,td *:first-child {margin-top: 0;}
thead th {text-align: left;color: #000;border-bottom: 1px #000 solid;}
tbody th, td {text-align: left;border-top: 1px solid #ccc;}
tbody tr:hover th,tbody tr:hover td {background: #f8f8f8;}
tfoot {border-top: 4px solid #ccc;}

#content {width: 100%;display: block;position:relative;overflow:visible;margin-bottom:32px;}
#content .projektbild {float: left;position: relative; display: block;
margin-right: 16px; margin-left: 2px;margin-bottom: 16px;}
#content .projektbild img {width: 200px; height: 133px;
vertical-align: middle; float: left; margin-right: 16px; margin-left: 2px;}

.rsts-skin-default .rsts-prev {margin: 0 0 0 40%;
float: left;display: block;
overflow: visible;position: relative;}
.rsts-skin-default .rsts-next {margin: 0 30% 0 0;
float: right;display: block;
position: relative;}

.projekte .ce_text {margin-bottom:16px;}

.rot p {color:#cc0000;}

/*
table.preisliste th {display:none;}

.projekte td:nth-child(1) {width:6%;}
.projekte td:nth-child(2) {width:16%;}
.projekte td:nth-child(3) {width:10%;}
.projekte td:nth-child(4) {width:6%;}
.projekte td:nth-child(5) {width:12%;}
.projekte td:nth-child(6) {width:45%;}
.projekte td:nth-child(7) {width:6%;}
*/

ul li, ol li {font-family:Tahoma, Verdana, sans-serif;
font-size:16px;line-height:1.6em;color:#333;}

a {/*font-weight:400;*/color:#006699;
transition: .1s ease-in;outline:0 !important;}
a:hover {color:#999999;text-decoration:none;}
p a {text-decoration: underline;}

em,i {font-weight:600;}

hr {position:relative;display:block;width:100%;
height:1px;background:rgba(0,0,0,.12);
border:0;margin:20px 0 20px !important;}

::-moz-selection {color: #006699;background: #FFF;}
::selection {color: #006699;background: #FFF;}

/* ####### CSS Hilfsklassen ####### */

.full-width {width:100%;padding:20px;text-align:center;margin-bottom:30px;}
.btn.full-width {background:transparent;
	border:1px solid #2d3e15;
	text-align:center;}
.zero-padding {
	padding-left:0 ;
	padding-right:0;
}
.btn{border-radius:0 !important;background:#FFF !important;
color:#FFFFFF;font-size:18px;margin:20px 0;padding:10px;}

.icon {width:30px;height:30px;display:inline-block;
float:left;margin-right:10px;background:#006699;
padding:5px;border-radius:40px;
}

.padded-top {padding-top:80px;}
.padded-bottom {padding-bottom:30px;}
.sidebar {border-left-width: 1px; border-left-color: #ddd; border-left-style: solid;}

/* ####### CSS spezifisch ####### */
#header {display:block;background: rgb(255,255,255,1);}
#logo img {width: 80%;padding: 16px 0;}
/*#logo {display: block; height: 103px;}*/

.container img {}
.container {background-color: #FFF;padding-right: 0; padding-left: 0;}
#content .ce_gallery {margin:0;padding:0;display: inline-block; overflow: hidden;}
#content .ce_gallery ul {display: inline;list-style: outside none none; overflow: hidden;}
#content .ce_gallery ul li {float: left;list-style: outside none none;padding: 0;padding-right: 16px;}
#content .ce_gallery ul li.last {padding-right: 0;}
#content .ce_gallery img {height:auto;margin-bottom: 16px;}

.desktop {display:block;}
.fa-stack-2x { font-size: 0.5em; }

.navdesk ul {display: flex; justify-content: left;}
.navbar-nav {float: left;}

.navbar-default {background-color: transparent;
border-color: transparent;}

/*#main-nav {z-index:10000;margin:0;padding:0;margin-top: 60px;position: relative !important;}
#main-nav li a {color:#edc15e;color:#4ca7a7;color:#333;padding: 16px 8px;}
#main-nav li {display: inline; list-style: none;padding: 5px}
#main-nav li a:hover, #main-nav li a:focus, #main-nav li a:active {
background-color:transparent;color:#5273ad;}
#main-nav li a.active, #main-nav li a.forward {color:#5273ad;background: transparent;}

#main-nav ul {background-color:#FFF; padding:16px 8px;}
#main-nav a {font-size: 18px;font-family:Tahoma, Verdana, sans-serif;}*/

#main-nav  #jaddatz-nav {
	position:relative;
	max-width:1170px;
	margin:0 auto;
	margin-top: 60px;
/*	left:-15px;
	right:0;*/
}
#main-nav {
	z-index:10000;
	margin:56px 0 0 0;
	padding:0;
	top: auto !important;
	position: relative !important;
	background-color:#FFF;
}
#main-nav li a {
	font-size:21px;
	color:#333;
	padding-left:16px;
	padding-right:16px;
}
#main-nav li a.has-subnav, #main-nav li a.sf-with-ul, 
#main-nav li a.sf-with-ul.active {
	padding-right:2em;
	background-image:url(../img/arrow-down.png);
	background-position:95% center;
	background-repeat:no-repeat;
	background-size:20px auto;
}
#main-nav li a:hover, #main-nav li a:focus, #main-nav li a:active {
	background-color:#FFF;
	color:#5273ad;
}
#main-nav li a.active, #main-nav li a.forward, #main-nav li a.trail {
	color:#5273ad;
	background-color:#FFF;
}
#main-nav li ul {
	width:auto;min-width: 12em;
	background:#FFF;
	color:#5273ad ;
	padding:0;
}
#main-nav li ul li a {
	padding:7px 15px;
	font-size:17px;
	color:#333;
	border-top:1px solid rgba(238,127,1,.4);
}
#main-nav li ul li a.active {
	color:#edc15e;
	background-color:#FFF;
}
#main-nav li ul li a:hover {
	background-color: #FFF;
}
.sticky-menu {position: fixed !important;top: 0;z-index: 1000 !important;
width: 100%;height: 168px;}

#navmobil, .navmobil {display:none;}

#teaser {overflow:visible;/*max-height:300px;height: 300px;*/max-width: 100%; height: auto; display: block; position: relative;}
#teaser .ce_image img {width:100% !important;margin-top:0;display: block;height: auto !important;margin-left: 0 !important;}
#teaser .rsts-crop {position: relative; overflow: visible; width: 100%;height: auto;}
#teaser .bildtext {position: absolute;
top: 50%;left: 0;margin-right: 0;padding: 16px;
border-radius: 0;
background-color: transparent;
opacity: 1;width: 100%;
z-index: 999999999999999999;
overflow: visible;
display: block
}
#teaser .bildtext p {padding-bottom:0;margin-bottom:0;font-size:26px;color: #FFF;text-align:center;}

/*#content img{width:100%;margin-top:0;display: block;height: auto;}*/

/* Sprachwahl */
nav#sprachwahl {width: 100%;float: right; background-color: #5273ad;}
#main-nav #sprachwahl ul {background-color: transparent;padding:0;}
#main-nav #sprachwahl li a.active, #main-nav #sprachwahl li a.forward,
#main-nav #sprachwahl li a:hover, #main-nav #sprachwahl li a:focus, #main-nav #sprachwahl li a:active {
color: tranparent; background: transparent;}
#sprachwahl {padding: 4px 0;list-style-type: none;}
#sprachwahl li {float:right;font-size: 1.4em;padding: 0 4px;margin-right: 4px;}
/*#sprachwahl li a.active, #sprachwahl li a:hover {color: transparent;text-align: center;}*/
#sprachwahl .lang-en {width: 48px;height: 29px;background: url(../img/flagge_united-kingdom.svg) no-repeat;opacity: 1;}
#sprachwahl .lang-de {width: 48px;height: 29px;background: url(../img/flagge_deutschland.svg) no-repeat;opacity: 1;}
#sprachwahl .lang-en.active, #sprachwahl .lang-de.active {opacity: 0.5;}
#sprachwahl a.lang-en, #sprachwahl a.lang-de,#sprachwahl strong.lang-en, #sprachwahl strong.lang-de {color:transparent;background:none;width: 48px;height: 29px;}



.fill figure {margin: 0; display: block; overflow: visible; position: relative;
object-fit: contain; width: 100%; height: 100%;}

.mitte {text-align: center}

.ce_leaflet {position: relative; width: 100%; padding-bottom: .25%; overflow: hidden;}
.leaflet-pane > svg path.leaflet-interactive {fill-opacity: 0.07 !important;}

.site-title {
	margin-top:-140px;
	display:inline-block;
	padding:20px;
	background:#eaeef8 !important;
}
.table-heading {
	padding:10px;
	background:#eaeef8 !important;
	margin-bottom:20px;
	opacity:.7;
}
.container ul {list-style: disc;margin: 0; padding: 5px 0 5px 20px;}
.container ol {margin: 0; padding: 5px 0 5px 20px;}
ul {list-style:none;margin:0;padding:0;}

video,iframe {display:block;}
.ce_youtube {position: relative; padding-bottom: 56.25%; max-width: 100%;
height: 0;overflow: hidden; margin: 0 auto; width:1100px;}
.ce_youtube iframe {position: absolute;top: 0; left: 0; right: 0; bottom: 0;
width: 100%; height: 100% ;}
.ce_youtube a {color: #333; text-decoration: none;}
.playbutton {color: #fe0000;font-size: 50px;left: 50%;
margin: -73px 0 0 -31px;position: absolute;text-shadow: 0 0 8px rgba(0,0,0,0.5);
top: 50%;cursor: pointer;z-index: 10;}

audio {max-width:100%;}

button {border-color: #122b49; border-width: 0px; border-style: solid;
padding: 8px 30px 10px 30px;background: #5273ad;font-size: 16px;
color: #FFF;letter-spacing: 0;border-radius: 19px;
display: block;cursor: pointer;outline: none;
-webkit-appearance: none;text-decoration: none;margin: 0 0 30px 0;}
button a {color:#FFF;text-decoration: none;}

fieldset {border:#EEE 0 solid;padding:0;}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"]
, textarea, select,input[type="search"] {padding:1.5%;font-size:13px;
box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .05);background:#FCFCFC;
border:#666 1px solid;color:#999;font-family:"Droid Sans", sans-serif;margin-bottom: 8px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
background:#FFF;border:#ddd 1px solid;color:#333;outline: none;}
#content input[type="checkbox"] {width: 5%;}
textarea {font-size:15px;}
button[type=submit],input[type=submit],input[type=reset],input[type=button] {padding:4px 15px;
border-radius:5px;box-shadow:0 0 5px rgba(0, 0, 0, .1);background:#999;color:#FFF;
border:none;font-family:"GillSans", sans-serif;font-size:18px;width: auto;}
button[type=submit]:hover, input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover {
color:#333;}
button[type=submit]:focus,input[type=submit]:focus,input[type=reset]:focus,input[type=button]:focus {color:#333;}
#content label, #content legend {display: block;float: left;position: relative;width: 35%;}
#content .checkbox_container label {width: 98%;font-weight: 300;}
#content input, #content textarea {width: 40%;}
#content span.captcha_text {font-weight: normal;font-size: 1em;float: left;}
#content .captcha_text {margin-left: 0;}
.captcha_text {display: flex;height: 3em;margin-left: 35%;}
#content input.captcha {width: 48px;margin-left: 16px;}


#nav-toggle {background:transparent;width:80px;height:80px;padding:0;border:0;}

#footer {padding:16px 0;color:#333;	background:#5273ad;}
#footer .container {background:#5273ad;}
#footer img{width:auto;margin-top:0;display: block;height: auto;}
#footer p, #footer a {color:#333;text-transform:none;}
#footer a {text-decoration: none;}
#footer p {font-size:14px;}

#footer .mod_navigation ul {display: flex; justify-content: center;}
#footer .mod_navigation li {display: inline; list-style: none; padding: 5px;}

/* Toplink */
#footer .nach_oben_link{position:fixed;bottom:128px;right:63px;z-index:15;opacity:0.9}
#footer a .nach_oben_link .fas {color:#5273ad;background-color:transparent;height:40px;width:40px;display:block;font-size:4.8em;text-align:center;text-decoration:none}
#footer a:hover .nach_oben_link,
#footer a:focus .nach_oben_link{text-decoration:none;}
#footer a:hover .nach_oben_link .fas {color:#999999;}
#footer .nach_oben_link a:before{font-family:'Font Awesome 5 Free';content:" \f139";}

.preview_pics_wrap {width:760px;height:120px;float:left;
overflow:hidden;margin:0 0 10px 0;}
.preview_pics {padding:10px;float:left;}
.fas, .far {font-weight: 600;font-size: 1em;color:#FFF;line-height: 1;display: inline-block;}
.fas:hover, .far:hover {color:#B1B3B4;}


@media screen and (max-width: 1100px){

}

@media screen and (max-width: 992px){
	#main-nav li a, #main-nav ul ul li a {font-size:14px;}
	.site-title {font-size:24px;}
	.ce_gallery li.second, .ce_gallery li.last {display:none;}
	#adresse img {width: 100%;}
}

@media screen and (max-width: 767px){

	#main-nav {width:100%;margin:0;float:none !important;box-shadow:none;display: none;}
/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { display: block; }
	/* Hide table headers (but not display: none;, for accessibility) */
	thead { position: absolute;top: -9999px;left: -9999px;}
	tr { border: 1px solid #ccc; margin-bottom: 20px;}
	td { /* Behave  like a "row" */border: none;
	/*border-bottom: 1px solid #eee; */position: relative;}
	td:before { /* Label the data */content: attr(data-title);
	display: inline-block;width: 35%; padding-right: 10px; white-space: nowrap;}
	td {padding-left: 45%;}
	td:before {width: 40%;}
	td:first-child {font-weight:bold;}
		td:first-child:before {font-weight:normal;}

	#header {display: block;background: transparent;position: relative;
	overflow: visible;}
	.text-welcome {font-size: 2.4em;}
	.text-small {font-size: 0.6em;}
	.text-yellow {margin-left: 2px;}
	#content {margin-top: 0;padding: 0;display: block;
	overflow: visible;position: relative;}
	#teaser {display:none;}
	#teaser img {margin-top: 0;}
	#logo {margin-bottom:16px;}
	#logo img {width: 30%;padding: 16px;}
	#navmobil {display: flex;margin: 0;}
	#navmobile {display: flex;padding-bottom: 10px;}
	#navmobile a {font-size: 30px;/*font-size: 14px;*/padding: 0 8px; margin: 0; 
	color: #FFF;text-decoration:none;font-weight: bold;}
	.navbar-toggle {padding:0;}
	.btn.navbar-toggle {margin: 8px 32px 8px 8px;background: #5273ad !important;}
	.navdesk.mod_navigation.block {display: none;}
/* All the following are for the div.menu-icon (pure CSS) */
	.icon-align-justify {font-size: 30px; /*icon size*/display: block;
	position: relative;	width: 49px;height: 34px;text-align: center;cursor: pointer;
	background-color: transparent;border-radius: 3px;margin-bottom:6px;}
	.icon-align-justify::before {border-bottom: 0.25em solid #FFF;
	border-top: 0.65em double #FFF;box-sizing: content-box;content: "";
	height: 0.25em;left: 4px;position: absolute;top: 0.25em;width: 1.5em;}

	#header .col-md-8 {display:none;}
	#header .col-xs-4 {width: 34.33333333%;}
	.blau {margin-right: 0;margin-left:0;}
	#logo-area {width: 100%;}
	#header h2 a {font-size: 20px;}
	.grid-box {grid-template-columns: repeat(1, 1fr);}
	#adresse img {width: 100%;}
	#adresse p {text-align: center;}
	.slogan {width: 39vmax;}
	.ce_gallery li.second, .ce_gallery li.last {display:none;}
	.collapse {display: block;}
	#content input, #content textarea {width: 90%;}
	#content label, #content legend {float: none;width: 100%;}
	input[type="submit"], input[type="reset"], input[type="button"] {margin-left: 0;}
	input, textarea {width: 90%;}
	.sticky-menu {position: fixed !important;top: 0;
	z-index: 2 !important;height: 68px;}
	#teaser .bildtext p {font-size: 16px;}
	#teaser .bildtext {bottom: -10px !important;max-height: 60px;font-size: 16px; top: auto;}
	.mm-menu--position-top.mm-menu--opened {min-height: 80vh;}
	.mm-page {min-height: auto;}
}