/* CSS Document */

/*

orange		#e96c32
blau		#354d89
*/

/*
@import url('https://fonts.googleapis.com/css?family=Aldrich|Work+Sans:400,700,900');*/

* {
 -webkit-box-sizing:border-box;
 -moz-box-sizing: border-box;
 box-sizing:border-box;
}

html, body {
	height: 100%;
 	width:100%;
	padding:0;
 	margin:0;
 /*background: url("../../../../../../fileadmin/Logo/WBB-AG.svg")no-repeat top center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;*/
}


div.site-top { background-position: center;
height: 100%;
 width:100%;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}
div.site-top .site-top-content { height:100%; width: 100%;} /*###### Hintergrundfarbe auf fe-layout aufgeteielt  ###*/


/*### Logo ####*/
.logo .ce-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.logo .ce-row .ce-column{
-webkit-box-flex: 1;
-moz-box-flex: 1;
width: 33%;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}

/*.logo {padding-left: 25px;}*/
.logo img {height: auto; max-width: 50%; margin: 25px auto; filter: drop-shadow(4px 4px 5px rgba(0,0,0,0.20));}
.logo .ce-column {min-width:30%;}
@media only screen and (min-width: 768px) {
	.logo img { height: auto; max-width: 100%; padding:20px 10px 0 20px;}
	.logo-name { margin: auto 0; padding-bottom: 10px;}
}

.logo-name h2, .logo-name h2 a {color: #354d89;/* padding: 25px;*/ margin: 0; text-align: center; text-decoration: none;}

@media only screen and (min-width:1024px){.logo-name h2 {text-align:right; font-size: 3.5rem; padding-right: 25px;} }
@media only screen and (max-width:1024px){.logo-name h2 {text-align:right; font-size: 3rem; padding-right: 25px;} }
@media only screen and (max-width:900px){.logo-name h2 {text-align:right; font-size: 2rem; padding-right: 25px;} }
@media only screen and (max-width:768px){.logo-name h2 {text-align:center; font-size: 1.8rem; padding:25px;} }

.logo-name h2, .logo-name h2 a { font-weight:700; text-shadow:2px 2px 4px rgba(55,55,55,.3); text-decoration: none; margin: 0; padding-top: 25px;} /*### Farbe in fe-layout####*/
.logo-name h3 {display: none;}

@media only screen and (min-width:768px){

div.logo-wrap {max-width: 1200px; margin: 0 auto;}   
div.logo-wrap, footer #footer-inner {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	}
 
div.logo-wrap .logo {
	-webkit-box-flex: 1;
    -moz-box-flex: 1; 
    width: 20%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; 
}
    div.logo-wrap .logo-name {
	-webkit-box-flex: 4;
    -moz-box-flex: 4; 
    width: 80%; 
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4; 
}
	div.logo-wrap .logo div {width: 100%;}
	div.logo-wrap .logo img {width: 100%; height: auto; margin-right: 15px; min-width: 100%;}
}

div.logo-wrap {background-color: #fff;}

/* ### Schrift #### */

body {
	/*background-color: #fff;*/
	color:#354d89;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:1.2rem;
}


.space-content h1 {
	font-size: 5rem;
	text-shadow:0 2px 2px rgba(0,0,0,.3);
	text-align: center;
	font-weight: bold;
}


.space-content h2 {
	color: #e96c32;
	text-shadow:0 2px 4px rgba(0,0,0,.3);
	font-weight:bold;
}

.space-content h3 {
	color: #e96c32;
	text-shadow:0 2px 4px rgba(0,0,0,.3);
	font-weight:normal;
}


.text-center {text-align: center;}	
	
.space-content a {
	color:#354d89;
	transition: all .225s ease-in-out;
  	-webkit-transition: all .225s ease-in-out;
	/*text-decoration: none;*/
}
.space-content a:hover {color:#e96c32; text-decoration: underline;}
.space-content .image-caption { font-size: 0.7rem; text-align: center; padding:3px 10px 10px 10px;}

footer, footer a {color: #fff;}
footer a:hover {color: #222;}

@media only screen and (max-width:768px) {
	.space-content h1 { font-size: 2rem;}
	.space-content h2 { font-size: 1.5rem;}
}


/*Silbentrennung*/
p, h1, h2, h3, header, li {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
}


/* ### Inhalt ### */
#wrapp-all {
	background-color:rgba(255,255,255,0.96);
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
}

/*.layout-1spalte .layout-space-r-l,
.layout-2spalten .layout-space-r-l,
.layout-2spalten_50 .layout-space-r-l,
.layout-jumbotron .layout-space-r-l,*/
.layout-drei-zeilen .layout-space-r-l {padding: 0 25px; min-height: 300px; max-width: 1200px; margin: 0 auto;}

.drei-zeilen_1 { overflow: hidden;}

.space-content {padding:0;}
.space-content .contenttable td {vertical-align: top;}

/* ### footer ### */


footer {background-color:#354d89;}
footer, footer a {color:#fff; transition: all .225s ease-in-out; -webkit-transition: all .225s ease-in-out;}
footer a:hover {color:#e96c32;}

footer #footer-inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	padding: 25px;
}

footer .footer-navigation ul {
	list-style: none;
	padding:0;
}
footer .footer-navigation li {margin: 15px 0;}
footer .footer-navigation a {display: block; text-decoration: none;}

@media only screen and (min-width:768px){
	footer #footer-inner > div {
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		width: 50%;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	footer #footer-inner .footerkontakt .ce-bodytext,
	footer #footer-inner .footerkontakt header {text-align: right;}
	footer #footer-inner .footerkontakt .ce-bodytext table {float: right;}
	footer #footer-inner .ce-gallery {overflow: visible;}
}
	footer .footerkontakt .image-caption {font-size: 0.7rem;}

#footer-top {max-width: 1200px; margin: 25px auto;}
#footer-top .ce-row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin-bottom: 10px;
	}
#footer-top .ce-column { 
	-webkit-box-flex: 1;
	-moz-box-flex: 1; 
	width: 20%; 
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	}
#footer-top .ce-row,
#footer-top .ce-outer,
#footer-top .ce-inner,
#footer-top figure,
#footer-top img {
	max-width: 100%;
    height: auto;
    width: 100%;
}
.footer-top-inner h3 {font-size: 1.2rem; font-weight: lighter;text-align: center; padding-top: 50px;}
.footer-top-inner .image-caption {font-size: 0.6rem; text-align: center;}
#footer-top .ce-inner {padding-bottom: 50px;}
#footer-bottom a {text-decoration: none;}
#footer-bottom h3 {font-weight: lighter; text-align: center; font-size: 0.8rem;}
#footer-bottom {padding: 10px 0 25px 10px;}


/* Responsive Bilder */
	
img,
figure,
.ce-outer,
.ce-inner,
.ce-row {
	/*max-width: 100%;*/ height: auto; width: 100%;}

@media only screen and (min-width:768px) {
.space-content .ce-row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin-bottom: 10px; 
	}
/*.space-content	.ce-column { 
	-webkit-box-flex: 1;
	-moz-box-flex: 1; 
	width: 20%; 
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	}*/
}

@media only screen and (max-width:767px) {	
	.space-content .ce-row {
		min-width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column; 
  		flex-direction: column;
	}

.space-content .ce-gallery {width: 100%;}
.space-content .ce-column {margin-right:0; margin-bottom: 10px;}
.space-content	img, .space-content	figure { min-width: 100%; height: auto;}
	
.space-content .ce-inner, .space-content .ce-outer {width: 100%; height: auto;}
}






/* ############## WS_Flexslider ############# */
/* Rahmen entfernen */
.flexslider {
     margin: 0 0 60px;
     background: #fff;
     border: 0px solid #fff;
     position: relative;
     -webkit-border-radius: 0px;
     -moz-border-radius: 0px;
     -o-border-radius: 0px;
     border-radius: 0px;
     -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
     -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
     -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
     box-shadow: 0 1px 4px rgba(0,0,0,.2);
     zoom: 1;
}

/* Überschrift und Beschreibung */
.tx-ws-flexslider .caption-text {
	background: none;
	width: 100%;
	left: 0;
	text-align: center;
	color: #000;
	font-size: 1.2rem;
}
.tx-ws-flexslider .caption-align-left .caption-text {left: 0;}
.caption-link {padding: 25px;}

.tx-ws-flexslider .caption-text .caption-title {
	font-family: 'Work Sans', sans-serif;
	font-size: 2.5rem;
	font-weight: 700;
    color: #354d89;
    padding: 0; margin: 0;
	text-shadow: 2px 2px 6px rgba(0,0,0,.3),
		2px  2px 1px white,
        2px -2px 1px white,
        -2px  2px 1px white,
        -2px -2px 1px white;
}

@media only screen and (min-width:768px) {
	.tx-ws-flexslider .caption-text .caption-title {font-size: 5rem;}
	.tx-ws-flexslider .caption-text {color: #fff; font-size: 2.2rem; font-weight: bold; text-shadow: 2px 2px 8px rgba(0,0,0,.9);}
}

/*Link*/
@media only screen and (min-width:860px) {
.tx-ws-flexslider .caption-align-left .caption-link {
	width: 100%;
	min-width: 100%;
	height: 100%;
	left:0;
	bottom: 0;
}
.tx-ws-flexslider .caption-align-left .caption-link a {
	padding: 100px;
	width: 100%;
	min-width: 100%;
	height: 100%;
	display: block;
	color: transparent;
}
}





/*### Boxen ###*/

.space-content .frame-greybox {
	background-color: #F5F5F5;
	padding: 25px;
	margin-bottom: 25px;
}


/*leistung-vorschau Box*/
.space-content .frame-leistung-vorschau {
	background-color: rgba(255,255,255,0.80);
	border: solid 1px #E9E9E9;
	margin:0 0 40px 0;
	padding:0;
}
.space-content .frame-leistung-vorschau .ce-column {margin-right:-1px;}
.space-content .frame-leistung-vorschau h2 {
	font-size: 1.3rem;
	font-weight: 200;
	color: /*#354d89*/ #fff;
	padding: 6px 3px 3px 3px;
	margin: 0;
	text-align: center;
	background-color:#e96c32;
	min-height: 60px;
}
.space-content .frame-leistung-vorschau .ce-bodytext {text-align: center;}
.space-content .frame-leistung-vorschau .ce-bodytext a {
	color: #fff;
	background-color: #354d89;
	padding: 8px;
	border-radius: 5px;
	box-shadow: 2px 2px 4px rgba(0,0,0,.3);
}
.space-content .frame-leistung-vorschau .ce-bodytext a:hover {
	text-decoration: none;
	box-shadow: -2px -2px 4px rgba(0,0,0,.3);
	background-color:#e96c32;
}


/*transparente Box*/
@media only screen and (min-width:800px){ 
.sg-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
}
.columnItems div.frame-transparentebox,
.sg-row .sg-100 div.frame-transparentebox {
	background-color: rgba(255,255,255,0.20);
	padding: 0 25px;
	border: solid 1px #E9E9E9;
	margin-bottom: 25px;
	box-shadow: 2px 2px 4px rgba(0,0,0,.3);
	height: 100%;
}
.sg-row {
	margin-bottom: 50px;
}
/*Partner Box*/
.space-content .frame-partnerbox {
	background-color: rgba(255,255,255,0.90);
	padding: 25px;
	border: solid 1px #eee;
	margin: 50px 0;
}


/*## Unternehmen Box ##*/
.space-content .frame-unternehmen h3 {
	height: 65px;
}
.space-content .frame-unternehmen {
	border: solid 1px #e96c32;
	border-radius: 2px;
	padding: 0 25px 25px 25px;
	box-shadow: 2px 2px 4px rgba(0,0,0,.3);
	height: 100%;
}

.space-content .frame-unternehmen a {
	text-decoration: underline;
}

/* ############## owlSlider ############# */

.layout-space-r-l .owl-item {
	padding: 5px;
}

.layout-space-r-l .owl-item  img {
    border:#e96c32 solid 1px; 
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0,0,0,.5);
	width: 200px;
  	height: 190px;
  	object-fit: cover;
	object-position:center top;
}

.layout-space-r-l .owl-item .item p {
	margin: 5px 10px;
	text-align:left;
	font-size: 0.9rem;
}

/*#### Bildergalerie #####*/
.space-content .frame-imageGallery .ce-column {overflow: hidden;}
.space-content .frame-imageGallery figure { transition: transform 0.6s;}
.space-content .frame-imageGallery figure:hover {transform: scale(1.05, 1.05);}
.space-content .frame-imageGallery .image {margin: 0 auto;}


.ce-border img {
	border: solid 1px #e96c32;
	border-radius: 2px;
	box-shadow: 2px 2px 4px rgba(0,0,0,.3);
}
.ce-border .image {padding: 0px 6px 6px 0;}	

/*Tabelle Öffnungszeiten*/
@media only screen and (min-width:1010px){
.space-content .frame-tabelle-zeiten td {padding: 10px; min-width: 230px;}
.space-content .frame-tabelle-zeiten tr {background-color: #F5F5F5;}
.space-content .frame-tabelle-zeiten .contenttable thead th {padding: 15px;}
}


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


	/* Force table to not be like tables anymore */
	.frame-tabelle-zeiten table,
	.frame-tabelle-zeiten thead,
	.frame-tabelle-zeiten tbody,
	.frame-tabelle-zeiten th,
	.frame-tabelle-zeiten td,
	.frame-tabelle-zeiten tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.frame-tabelle-zeiten thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.frame-tabelle-zeiten tr { border: 1px solid #ccc; margin-bottom: 25px; }
	
	.frame-tabelle-zeiten td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	.frame-tabelle-zeiten td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-weight: bold;
	}
	
	/*
	Label the data
	*/
	.frame-tabelle-zeiten td:nth-of-type(1):before { content: "Tag"; }
	.frame-tabelle-zeiten td:nth-of-type(2):before { content: "Datum"; }
	.frame-tabelle-zeiten td:nth-of-type(3):before { content: "Uhrzeit"; }
	.frame-tabelle-zeiten td:nth-of-type(4):before { content: "Besonderheiten"; }
}

@media only screen and (max-width:600px){
	.frame-tabelle-zeiten td {font-size: 0.8rem;}
}


/*Sprungmenü*/
.space-content .frame-jump-menue ul {list-style: none;}



.frame-type-uploads img {
	width: auto;
	height: auto;
}


html, body {
	background: url("../../../../../../fileadmin/Logo/WBB-AG.svg")no-repeat top center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}