/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.2.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/



/*
===========================
======== FONTS ============
===========================
*/

/* IBM PLEX SANS CONDENSED */

/* regular */
  @font-face {
  font-family: "IBMPlexSansCond";
  src: url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Regular.otf") format("opentype"), /* Open Type Font */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Regular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;


}

/* regular italic */
@font-face {
    font-family: "IBMPlexSansCond";
  src: url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Italic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/IBMPlexSansCond/IBMPlexSansCond.lbg-objekte-single .oepnvensed-Italic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Italic.otf") format("opentype"), /* Open Type Font */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Italic.svg") format("svg"), /* Legacy iOS */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Italic.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Italic.woff") format("woff"), /* Modern Browsers */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Italic.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: italic;

}

/* bold */
@font-face {
  font-family: "IBMPlexSansCond";
  src: url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-SemiBold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-SemiBold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-SemiBold.otf") format("opentype"), /* Open Type Font */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-SemiBold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-SemiBold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-SemiBold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-SemiBold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: bold;
  font-style: normal;
}

/* bold italic */
@font-face {
  font-family: "IBMPlexSansCond";
  src: url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-SemiBoldItalic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-SemiBoldItalic.otf") format("opentype"), /* Open Type Font */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-SemiBoldItalic.svg") format("svg"), /* Legacy iOS */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-SemiBoldItalic.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-SemiBoldItalic.woff") format("woff"), /* Modern Browsers */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-SemiBoldItalic.woff2") format("woff2"); /* Modern Browsers */
  font-weight: bold;
  font-style: italic;

}

/* light  */
@font-face {
  font-family: "IBMPlexSansCond-Light";
  src: url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Light.eot"); /* IE9 Compat Modes */
  src: url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Light.otf") format("opentype"), /* Open Type Font */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Light.svg") format("svg"), /* Legacy iOS */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Light.woff") format("woff"), /* Modern Browsers */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-Light.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/* light italic */
@font-face {
  font-family: "IBMPlexSansCond-Light";
  src: url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-LightItalic.eot"); /* IE9 Compat Modes */
  src: url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-LightItalic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-LightItalic.otf") format("opentype"), /* Open Type Font */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-LightItalic.svg") format("svg"), /* Legacy iOS */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-LightItalic.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-LightItalic.woff") format("woff"), /* Modern Browsers */
    url("../fonts/IBMPlexSansCond/IBMPlexSansCondensed-LightItalic.woff2") format("woff2"); /* Modern Browsers */
  font-weight: 100;
  font-style: italic;

}

/* Font Awesome */
@font-face {
  font-family:"FontAweseome";
  src: url("../fonts/font-awesome/fonts/fontawesome-webfont.eot"); /* IE9 Compat Modes */
  src: url("../fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/font-awesome/fonts/FontAwesome.otf") format("opentype"), /* Open Type Font */
    url("../fonts/font-awesome/fonts/fontawesome-webfont.svg") format("svg"), /* Legacy iOS */
    url("../fonts/font-awesome/fonts/fontawesome-webfont.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/font-awesome/fonts/fontawesome-webfont.woff") format("woff"), /* Modern Browsers */
    url("../fonts/font-awesome/fonts/fontawesome-webfont.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;

}






/*
==============================================
======== SCHRIFTARTEN ========================
==============================================
*/

/* light */
.zitat, .geschichte .panel .panel-heading h4 a, .tp-caption.large_dark, .lightbox h2  {
  font-family: "IBMPlexSansCond-Light";
  font-weight: normal;
}
/* bold */
h1, .startseite .h1, .startseite h1, h2, h3, .btn, a, .collapse-style-1 .panel-heading a,
.infobox.ansprechpartner h4, .counter,
.suchbereich-standorte h4{
  font-family: "IBMPlexSansCond";
  font-weight: bold;
}
/* Phone klein */
@media (min-width: 0px) and (max-width: 575px) {
 h1 {
  font-family: "IBMPlexSansCond";
  font-weight: bold;
    }
}
/* regular */
body,
a[href*="google"]:not([href*="play.google"]),
a[href*="tel:"],
a[href*="fax:"],
a[href*="mailto:"],
.tp-caption.medium_dark{
  font-family: "IBMPlexSansCond";
  font-weight: normal !important;
}

/* Adress-Link */
a[href*="google"]:not([href*="play.google"]):before,
a[href*="tel:"]:before,
a[href*="mailto:"]:before,
a[href*="fax"]:before,
.news .date:before,
.news .pin:before {
    font-family:"FontAweseome";
}



/*
==============================================
======== LAYOUTANPASSUNGEN ===================
==============================================
*/

body {
  min-height:100%;  
  /*height:100%;*/
  color:#043a66;
	/* wegen Laufband nach unten verschieben*/
}

/* Padding wenn Laufband eingeblendet werden soll */
body.startseite {
	padding-top:40px;
}

.waconcookiemanagement {z-index:10000 !important}
/* Searchbox im Footer*/

.footer-container .searchbox {
   font-size:0.8em;
}

.footer-container .searchbox {
    margin-top:10px;
}

.footer-container .list-inline li:last-child {
  padding-right:0em;  
}

.footer-container form {
  position:relative;
  margin-right:20px;
}

.footer-container input.form-control, .header-top .input_search.text {
    border: 1px solid #f3f3f3;
    font-size: 0.985em;
    height: 35px;
    padding-left: 0.5em;
    display:inline-block;
    padding-right: 30px;
    position: relative;
    padding-top:1px;
    padding-bottom:1px;
    width:100%;
    border-radius:0px;
}

.searchbox input.suchbutton_lupe {
    border-radius: 0;
    box-shadow: none;
    height: 35px;
    width:35px;
    padding: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 777;
    background-color:#ced92a;
}

.searchbox input.suchbutton_lupe:hover {
    background-color:#b5c22d;
}

input:placeholder-shown, textarea:placeholder-shown {
  color: #d3d3d3;
}


input[type="submit"] {
  text-transform:uppercase;
  padding: 4px 20px 4px 20px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  height:auto;
  letter-spacing:1px;
}




/* =================== HEADER =================== */

.startseite.fixed-header-on .header,
.startseite.fixed-header-on .header .logo-navi,
.header > .logo-navi {
  /*height:115px !important;*/
    height:auto;
}

.fixed-header-on .header {
    /*height:192px;*/
    height:auto;
}

#mainnavbar .navbar-nav li:last-child a {
  padding-right:0em;  
}

.startseite .header-container .header {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.15);
}
.header-container .header, 
.startseite.fixed-header-on .header-container .header {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
    }
/* Phone klein */
@media (min-width: 0px) and (max-width: 767px) {
 .header-container .header, 
    .startseite.fixed-header-on .header-container .header {
        height:110px;
    }
}
.startseite .header-container header {
  position:relative;
}
.startseite .header-container {
    /*position:absolute;*/
    width:100%;
}
@media (min-width: 768px) {
	.startseite .header-container {
		position:absolute;
	}
	}


/* Header Logo und Navi Stand */
.header .logo-navi .row {
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    height:100%;

}
.header .logo-navi .row:before {
	display:none;
}

/* Logo anrordnen */
.header .logo-navi .row .col-md-4 {
	-webkit-align-self: center; /* add prefixed version */
	-ms-flex-item-align: center; /* add prefixed version */
	align-self: center;	
}

/* Navigation anrordnen */
.header .logo-navi .row .col-md-8 {
	-webkit-align-self: flex-end; /* add prefixed version */
    -ms-flex-item-align: end; /* add prefixed version */
    align-self: flex-end;
	
}




/* Phone */
@media (min-width: 0px) and (max-width: 767px) {
.header-container {
  /*position:fixed;
  left:0;
  top:0;
  z-index:800;
  width:100%;
  background-color:#ffffff;*/
}
/*.header {
  height:11px;
}*/
/* Content fängt um Höhe des Headers weiter unten an */
.content-container {
 /*margin-top:110px; */
}
    
.container.logo-navi {
    padding-left:30px;
    padding-right:30px;
}
.header-container .col-md-8,
.header-container .navbar {
    position:static;
}

    
/* Abstand Navi von oben 2 Pixel weniger als Header Höhe wegen Linie die überdeckt werden soll */
#mainnavbar {
    top: 110px; 
}
    
.navbar-toggle {
    margin-right:0em;
	z-index:999 !important;
}
 


}






/* =================== LOGO =================== */

.logo {
    padding-top:20px;
    padding-bottom:20px;
}

@media (min-width: 768px) and (max-width: 991px) {
.logo {
    padding:0px;
}  
.logo .image {
    padding:10px;
    background-color:rgba(255,255,255,0.85);
}
}

.logo img {
  width:auto;
  max-height:70px;
  height:70px;
}

/* Bild im Logo-Container ohne Abstand nach unten */
.header .ce-intext.ce-right .ce-gallery, 
.header .ce-intext.ce-left .ce-gallery, 
.header .ce-above .ce-gallery {
    margin-bottom: 0px;
}

/* Logo linksbündig */
.logo .ce-center .ce-outer,
.logo .ce-center .ce-inner {
  right:0;
  left:0;
  float:left;
}







/* =================== MAINNAVBAR =================== */


/* Allgemeine Navbar-Änderungen in der Mobile Ansicht */
/* Phone bis Ipad Hochformat */
@media (min-width: 0px) and (max-width: 767px){
#mainnavbar .dropdown > a.dropdown-toggle, 
#mainnavbar .dropdown:last-child .dropdown-toggle, 
#mainnavbar .dropdown > a.dropdown-toggle:hover, 
#mainnavbar .dropdown:last-child .dropdown-toggle:hover {
    padding: 0em;
    position: absolute !important;
    right: 0;
    top: 0;
    z-index: 9999 !important;
    background-color:rgba(88, 147, 176, 0.2);
    width: 40px !important;
    height: 40px !important;
}

#mainnavbar {
    position: absolute;
    left: 0;
    width: 100% !important;
    margin: 0em;
    padding: 0em;
    background-color: #ffffff;
    z-index: 999 !important;
}

/* Kleine Pfeile in der Mobile Navigation */
#mainnavbar .caret {
    margin-left: 15px !important;
    margin-top: 15px !important;
}
.caret {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px dashed;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}

#mainnavbar .navbar-nav {
  width:100%;
}
}

#mainnavbar .navbar-nav {
    float: right;
}



/* SUBNAVIGATION */
/* Fixed subnavigation
---------------------------------- */

.header.fixed.object-visible + .breadcrumb-container {
	position:fixed;
	top:120px;
	left:0;
	width:100%;
	z-index: 1006;
}

.breadcrumb-container {
	background-color:transparent;
	border-bottom: 0px solid black;
	min-height:0em;
	height:auto !important;
}

.breadcrumb-container .localmenue {
   border-top:1px solid #ced92a;
}

.startseite .breadcrumb-container {
    display:none;
}


@media (min-width: 0px) and (max-width: 767px) {
.breadcrumb-container {
	display:none;	
}
}

.breadcrumbbread {
	padding: 30px 15px;	
}

.dark.breadcrumb-container {
  background-color: #777777;
  border-color: #333333;
  color: #ffffff;
}
.breadcrumb {
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
  font-size: 1em;
  padding-left: 0;
}

.breadcrumb > li:before,
.breadcrumb > li + li::before {
	content:none;
}



/* Aufteilung Submenü */
.breadcrumb {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding:0em !important;
}

.banner .breadcrumb-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}



/*
==============================================
======== STARTSEITE VORGABEN =================
==============================================
*/


.startseite main {
  position:relative;  
}




/*
==============================================
======== ABSCHNITTE BREITE BALKEN ============
==============================================
*/

main > div > .container-fluid,
main > .container-fluid,
.footer-container .container-fluid,
header > .container-fluid,
main > .frame-type-shortcut {
  padding-top:50px;
  padding-bottom:50px;
  }
  
.container-fluid .container-fluid .container,
.lightbox-inhalt .container-fluid .container {
   width:100%; 
  padding-left:0em;
  padding-right:0em; 
}

.lightbox-inhalt .container-fluid:last-child {
  padding-top:0em !important;
  padding-bottom:0em !important;
}

.container-fluid .container-fluid,
.lightbox-inhalt .container-fluid {
  padding-left:0em;
  padding-right:0em;
}
 
 /* Background-Images auf top oben setzen, falls im Minus positioniert */ 
@media (min-width: 0px) and (max-width: 992px) {
/* Abschnitt mit Bild im Hintergrund */
.background {
  background-position: 0px 0px !important;  
}
 }
  
  
/*
========================================
======== GESTALTUNG UND FARBE ==========
========================================
*/

/* Transparent */
.layout-10, .frame-layout-10, .well:not([class*="layout-"]):not(.weiss-transparent) {
  background-color:transparent;
}

/* Weiss */
.layout-31, .frame-layout-31 {
  background-color:#ffffff;
    /*color:#043a66;*/
}
.frame-type-shortcut.frame-layout-31 .frame-layout-31 {
    background-color:#ffffff !important;  
}

/* Hellgrau */
.layout-20, .frame-layout-20 {
    background-color:#f8f8f8;  
    /*color:#043a66;*/
}
.frame-type-shortcut.frame-layout-20 .frame-layout-31,
.container-fluid.layout-31 .frame-layout-31 {
    background-color:#f8f8f8 !important;  
}

/* Dunkelblau */
.layout-25, .frame-layout-25,
footer > .footer-container > .container-fluid,
.frame-type-shortcut.frame-layout-25 .frame-layout-31 {
  background-color:#043a66;
  color:#ffffff;
}
.frame-type-shortcut.frame-layout-25 .frame-layout-31 {
    background-color:#043a66 !important;  
  color:#ffffff;
}

/* Grün */
.layout-30, .frame-layout-30,
.frame-type-shortcut.frame-layout-30 div[class*="ansprech"].frame-layout-31 {
  background-color:#ced92a;
  color:#ffffff;
}
.frame-type-shortcut.frame-layout-30 .frame-layout-31 {
    background-color:#ced92a !important;  
  color:#ffffff;
}

.layout-30 form select {
  color:#000000 !important;
  }



/* Weiss Transparent */
.weiss-transparent {
    background-color:rgba(255,255,255,0.85);
    color:#043a66;
}


/* Hintergrundbild - Overlayer */
div[class*="background"] {
  position:relative;
}
div[class*="background"]:before {
  content:"";
  display:block;
  width:100%;
  background-color:rgba(4, 58, 102, 0.5);
  position:absolute;
  height:100%;
  top:0;
  left:0;
  z-index:777;
}
div[class*="background"].verlauf:before {
  content:"";
  display:block;
  width:100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+10,ffffff+50,ffffff+100&1+0,0+50,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 40%, rgba(255,255,255,0) 60%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.5) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

  position:absolute;
  height:100%;
  top:0;
  left:0;
  z-index:777;
}





/*
==============================================
======== AUSRICHTUNG =========================
==============================================
*/


.text-center,
div[class*="text-center"],
.frame-zentriert-box__style-2__mb-20__text-center{
    text-align:center !important;
  }

/* Image-Auschrichtung in zentriertem Kasten */
.text-center .ce-gallery figure {
    /*display: inline-block;*/
  }
  




/*
==============================================
======== BILDER ==============================
==============================================
*/

  
img[src*=".jpg"], .content-container .col-sm-12 figure img[src*=".jpg"],
img[src*=".png"], .content-container .col-sm-12 figure img[src*=".png"]{
  width:100%;
  max-width:100%;
  height:auto;
  }
/*.content-container img[src*=".svg"],*/
footer img[src*=".svg"],
.tx-indexedsearch-res img {
  max-width:100% !important;
  width:auto !important;
}
footer img[src*=".svg"] {
	height:auto;
}

header img {
  width:100% !important;
  max-width:none !important;  
}


.page-wrapper > .content-container > header figure.image {
  width:100% !important;
  max-width:none !important;  
}

.frame-zentriert-box.text-center .ce-textpic .ce-gallery {
  margin-bottom:20px;
}


/* Bei einem 4Spalter Bild-Text-Abstand verringer – wenn Bild links Text rechts */  
.col-md-3 .ce-intext.ce-left .ce-gallery {
    margin-right: 10px;
}

/* Bild-Col das padding entfernen */  
/*
.ce-gallery .col-sm-12 {
  padding-left:0em;
  padding-right:0em;  
}
*/

.ce-gallery .ce-row {
    margin-left:-15px;
    margin-right:-15px;
}

.ce-textpic .ce-gallery {
  text-align:center;  
}
  
.ce-gallery figure {
    display: table;
    margin: 0;
  margin-left:auto;
  margin-right:auto;
}

/* Einfacher Kasten mit Bild – Abstand Bild und Text einfügen */

.well .ccontent .ce-gallery + .ce-content {
  margin-top:20px;  
}


/* Kasten mit Bild links Text rechts */

.ce-textpic.ce-nowrap .ce-gallery + .ce-content {
  margin-top:0px;  
}

.ce-textpic.ce-nowrap  .ce-gallery {
  margin-bottom:0em;  
}

  

/* Bildunterschriften */

.caption,
.thumbnail .caption,
.image-caption{
    position:absolute;
    bottom:10px;
    left:10px;
    right:10px;
    background-color:rgba(0,0,0, 0.5);
    color:#ffffff !important;
	font-size:0.75em;
	line-height:1.25em;
}
.caption,
.thumbnail .caption,
.news-image .caption,
.image-caption,
main div[class*="col-"] .ce-gallery .ce-row .image-caption {
    height:auto !important;
    width:auto !important;
}

.thumbnail,
.image{
    position:relative;
}

/* In der Listenansicht ausblenden */

.news-list-view .caption:empty {
    display:none;
}




/* BILDER DYNAMISCH BREITE UND HÖHE
-------------------------------------------------*/

/* 

----------------------*/

/* Infobox */
main div[class*="col-"] .infobox .ce-textpic .ce-gallery .ce-row,
main div[class*="col-"] .infobox .ce-textpic .ce-gallery .ce-row *,
.news-image *{
    height:100% !important;
    width:100% !important;
}

main div[class*="col-"] .ce-textpic:not([class*="ce-textpic"]) .ce-gallery .ce-row,
main div[class*="col-"] .ce-textpic:not([class*="ce-textpic"]) .ce-gallery .ce-row *,
.news-image *{
    height:auto;
    width:auto;
}

main div[class*="col-"] .ce-gallery .image {
  display: flex;
  flex-direction: row;
  width: 100%;
}

main div[class*="col-"] .infobox .ce-gallery[data-ce-columns*="1"] .ce-row {
	margin-left:0em;
	margin-right:0em;
}
main div[class*="col-"] .infobox .ce-gallery[data-ce-columns*="1"] .ce-row .col-sm-12 {
	padding-left:0em;
	padding-right:0em;
}
main div[class*="col-"] .infobox .ce-gallery .ce-row .col-sm-12 {
	margin-top:0em;
}

/*main div[class*="col-"] .ce-gallery img,*/
main div[class*="col-"] .frame-type-textpic .ce-gallery img,
.news-image img{
  object-fit: cover;
  flex: 1;
  overflow: hidden;
}

main .frame-type-image .image img[src*=".svg"]{
	width:100%;
	/*height:100%;*/
}


/* Video */

video{
	width:100%;
	height:100%;
}
.frame-type-textmedia .ce-gallery {
	margin-bottom:0em;
}
  




/*
==============================================
======== BOXEN UND ANDERE ELEMENTE ===========
==============================================
*/  

/* Infoboxen und kasten*/

.frame-image-box.infobox .ce-content,
.frame-image-box.infobox.ansprechpartner .ccontent:first-child,
.well,
.frame-image-box__style-2__mb-20__bordered__well
{
  padding:20px;  
  border-radius:0px;
}
/*
.frame-type-shortcut .frame-image-box.infobox.ansprechpartner .ccontent:first-child {
	padding:0px;
}
*/
.container-fluid.well
{
  padding:20px !important;  
  border-radius:0px;
}

.row.well {
	margin-left:0em;
	margin-right:0em;
}


.frame-image-box .ccontent {
  /*padding:20px;*/
}

.frame-image-box.infobox .image,
.frame-image-box.infobox .image img {
  width:100%;
  max-width:none;  
}

.well,
.frame-image-box {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border:0px solid black;
}

.infobox .ce-textpic {
display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/* Infobox Bild */
.infobox .ce-textpic.ce-left.ce-intext > .ce-gallery,
.infobox .ce-textpic.ce-right.ce-intext > .ce-gallery {
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

/* Phone bis Ipad Hochformat */
@media (min-width: 0px) and (max-width: 767px ) {
/* Infobox Bild */
.infobox:not(.ansprechpartner) .ce-textpic.ce-left.ce-intext > .ce-gallery,
.infobox:not(.ansprechpartner) .ce-textpic.ce-right.ce-intext > .ce-gallery {  
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
}

.infobox .ce-textpic.ce-right.ce-intext > .ce-gallery {
    order:2;
}

.infobox .ce-textpic.ce-left.ce-intext > .ce-gallery {
    order:1;
}

/* Phone bis Ipad Hochformat */
@media (min-width: 0px) and (max-width: 767px ) {
.infobox:not(.ansprechpartner) .ce-textpic.ce-right.ce-intext > .ce-gallery {
    order:1;
}

.infobox:not(.ansprechpartner) .ce-textpic.ce-left.ce-intext > .ce-gallery {
    order:2;
}
}

/* Infobox Text */
.infobox .ce-textpic.ce-right.ce-intext > .ce-gallery + .ce-content,
.infobox .ce-textpic.ce-left.ce-intext > .ce-gallery + .ce-content{
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -ms-flex: 0 0 66.666666%;
    flex: 0 0 66.666666%;
    max-width: 66.666666%;
    align-items:center;
}
body.kontakt .infobox .ce-textpic.ce-right.ce-intext > .ce-gallery + .ce-content, 
body.kontakt .infobox .ce-textpic.ce-left.ce-intext > .ce-gallery + .ce-content {
	align-items:start;
}


/* Phone bis Ipad Hochformat */
@media (min-width: 0px) and (max-width: 767px ) {
/* Infobox Text */
.infobox:not(.ansprechpartner) .ce-textpic.ce-right.ce-intext > .ce-gallery + .ce-content,
.infobox:not(.ansprechpartner) .ce-textpic.ce-left.ce-intext > .ce-gallery + .ce-content{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
}

.infobox .ce-textpic.ce-right.ce-intext > .ce-content {
    order:1;
}

.infobox .ce-textpic.ce-left.ce-intext > .ce-content {
    order:2;
}

.infobox  .ce-intext.ce-right .ce-gallery {
    margin-left: 0;
}
.infobox  .ce-intext.ce-left .ce-gallery {
    margin-right: 0;
}


/* auf grünem und blauen Hintergrund */
.layout-20 .infobox,
.layout-25 .infobox,
.layout-30 .infobox {
    border:0px solid black;
}



/* Box Ansprechpartner*/
.infobox.ansprechpartner {
    position:relative;
}

/* Bildhöhe festlegen */
.infobox.ansprechpartner .ce-gallery {
    /*min-height:190px;
    overflow:hidden;*/
}
body:not(.kontakt) .infobox.ansprechpartner .ce-gallery img {
    height:190px;
    width:auto;
}

/* Sprechblase erstellen */
.infobox.ansprechpartner h4 p {
    background-color:#043a66;
    color:#ffffff !important;
    padding:7px;
    position:absolute;
    top:0;
	left:0px;
}
/* Wenn Ansprechpartner ein Bild enthält dann Sprechblase verschieben */
.infobox.ansprechpartner .ccontent .ce-gallery + .ce-content h4  p  {
    left:95px;
}

.infobox.ansprechpartner h4 p:after {
    content:"";
    width: 0px;
    height: 0px;
    -webkit-transform:rotate(360deg);
    border-style: solid;
    border-width: 25px 25px 0 0;
    border-color: #043a66 transparent transparent transparent;
    left:0;
    top:25px;
    position:absolute;
}


/* Auf Kontaktseite anders darstellen */

/* Sprechblase ausblenden */
body.kontakt .infobox.ansprechpartner h4 p {
    display:none;
}
/* Abstand korrigieren */
body.kontakt .infobox.ansprechpartner h3 {
    margin-top:0em;
}


 
 

/*
==============================================
======== FORMULARE ===========================
==============================================
*/  

/* Footer Formular */

.footer-container form label {
  display:none;  
}

.footer-container textarea.form-control {
  height:100px;
}

.footer-container form h1,
.footer-container form h2,
.footer-container form h3,
.footer-container form h4,
.footer-container form h5 {
  display:none;  
}

.footer form {
  margin-bottom:0em;  
}

.footer-container form input:placeholder-shown, 
.footer-container form textarea:placeholder-shown {
    color: #d3d3d3;
}


/* Allgemeine Formulare */

.form-group {
    margin-bottom: 5px;
}

.content-container textarea.form-control {
  height:150px;
}


.content-container form .form-group > label {
	display:none;
}

fieldset legend {
  margin-bottom:1em !important;  
	  color:#043a66;

}
.input.checkbox .help-block {
  display: none;
}

input:placeholder-shown,
.form-control {
    color: #999999 !important;
}
.form-control {
    color: #043a66 !important;
}

select option {
  color:#000000 !important;  
}

.actions .submit button {
  margin-top:2em;  
}


/* Formular Online-Schadensmeldung */
#onlineSchadensmeldung_1-fieldset-3 .form-group {
  width:47.5%;
  float:left;  
}
#onlineSchadensmeldung_1-fieldset-3 .form-group + .form-group {
  margin-left:5%;  
}


/*
==============================================
======== FOOTER ==============================
==============================================
*/

.footer-container span + span {
  margin-left:1em;
}

footer > .footer-container > .container-fluid {
    /*background-color: rgba(88,147,176,0.25);*/
  }

footer > .footer-container > .container-fluid .container-fluid {
  padding:0;
  }
/* Kasten mit Logos */
footer .logo-footer div[class*="well"] {
  padding:10px !important;
  min-height: 145px;
  display: flex;
  align-items: center;
}
@media (min-width:768px) and (max-width:991px) {
footer .logo-footer div[class*="well"] {
	width:70%;
	margin-left:0em;
	}	
}
footer h2 {
    border-bottom: 1px solid #abc9d7;
}
@media (min-width:992px) and (max-width:1199px) {
footer {
	font-size:0.9em;
}
}
@media (min-width:768px) and (max-width:991px) {
	.adresse-footer .col-md-6:nth-child(2) > div > div {
		/*justify-content: end;*/
		display:flex;
	}
}



/* Phone bis 1200px */
@media (min-width: 320px) and (max-width: 1200px) {
  .footer-container span + span {
  margin-left:0em;
}
}
/* Phone  */
@media (min-width: 0px) and (max-width: 767px) {
.footer-container .image-embed-item {
  /*display:none;*/
}

footer .col-md-6 + .col-md-6 {
  margin-top:25px;
}
}




/*
==============================================
======== ELEMENTE MIT EIGENEN CSS-KLASSEN ====
==============================================
*/

.linie-oben {
    border-top:1px solid #043a66;  
    padding-top:40px;
}

.equalheight div[class*="col-"] > div {
    display: -webkit-box;   
    display: -ms-flexbox;  
    display: -webkit-flex; 
    display: flex;            
    -webkit-align-items: center; 
	-ms-flex-item-items: center; 
	align-items: center;
    -webkit-align-self: center; 
	-ms-flex-item-self: center; 
	align-self: center;
    width:100%;
}

footer .equalheight div[class*="col-"] > div {
	-webkit-align-items: start; 
	-ms-flex-item-items: start;
	align-items: start;	
}

/*
.equalheight  {
    display: -webkit-box;   
    display: -ms-flexbox;  
    display: -webkit-flex; 
    display: flex;         
}
*/
.equalheight div[class*="col-"] {
    display: -webkit-box;   
    display: -ms-flexbox;  
    display: -webkit-flex; 
    display: flex;         
	flex-direction:column;
}

.equalheight div[class*="col-"] > div > div{
    width:100%;
}

/* No-Gutters */
.row.no-gutters {
	margin-left:0em;
	margin-right:0em;
}
.row.no-gutters > div[class*="col-"] {
	padding-left:0em;
	padding-right:0em;
}
.row.no-gutters > div[class*="col-"] > .frame-type-image:only-child * {
	height:100%;	
}
.row.no-gutters > div[class*="col-"] > .frame-type-image:only-child img {
	object-fit: cover;
}



.button {
	position:absolute;
	width:200px;
	height:200px;
	border-radius:300px;
	transform: rotate(-12deg);
	z-index:888;	
	padding:20px !important;
}
.button > div {
	height:100%;
}
.button .row > div {
	display:flex;
	align-items: center;
	justify-content: center;
}

.startseite .button {
	right:0;	
}
@media (min-width: 0px) and (max-width: 767px) {
	.startseite .button {
		top:100px;
		right:25px;
		transform:scale(0.8) rotate(-12deg);
		transform-origin: top right;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.startseite .button {
		top:100px;
		right:0px;
	}
}
@media (min-width: 992px) {
	.startseite .button {
		top:120px;
		right:0px;
	}
}

   
	
	


/* Background-Image */

div[class*="background-image-"]:after {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 0;   
    width:100%;
    opacity:0.6;  
    display:block;
    weight:100%;
    height:100%;
}

div[class*="background-image-"].verlauf:after {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 0;   
    width:100%;
    opacity:1;  
    display:block;
    weight:100%;
    height:100%;
}


/* Motive auswählen */

.background-image-01:after {
    background: url(../../redaktion_lbg/bilder/hg-sections/hg-section-wohnungssuche.jpg);
    background-position:center center;
    background-size:cover;
}

.background-image-02:after {
  background: url(../../redaktion_lbg/bilder/hg-sections/hg-section-idee-genossenschaft.jpg);
  background-position:center center;
  background-size:cover;
}

.background-image-03:after {
  background: url(../../redaktion_lbg/bilder/hg-sections/hg-section-standorte.jpg);
  background-position:center center;
  background-size:cover;
}
.background-image-04:after {
  background: url(../../redaktion_lbg/bilder/hg-sections/hg-section-stellenanzeige.jpg);
  background-position:top center;
  background-size:cover;
}

div[class*="background"] .container {
    position:relative;
    z-index:888;
    color:#ffffff;
}

div[class*="background"].verlauf .container {
	color:#043a66;
}

@media (min-width: 0px) and (max-width: 767px) {
.background-image-01 {
  background-size:350%;
  }
}


/* Tablet Querformat bis 1200 Pixel */
@media (min-width: 992px) and (max-width: 1200px) {
.col-md-3 .wie-funktionierts .ce-textpic {
  margin-bottom:95px;
}
.col-md-3 .wie-funktionierts .ce-gallery img {
  transform: scale(0.7);
  transform-origin: left top;
}

.col-md-3 .wie-funktionierts .ce-textpic .ce-content {
  position:relative;
  left:-50px;
  top:70px;
  z-index:999;
  width:290px;
}

.col-md-3 .wie-funktionierts .ce-textpic .ce-content .ce-bodytext > * {
  font-size:0.85em;
}
}


/* Ipad Hochformat */
@media (min-width: 768px) and (max-width: 992px ) {
.col-md-3 .wie-funktionierts .ce-textpic {
  margin-bottom:0;
  float:left;
  width:100%;
  position:relative;
}
.col-md-3 .wie-funktionierts .ce-textpic .ce-content {
  position:absolute;
  left:150px;
  top:100px;
  width:70%;
  z-index:999;
  float:left;
}
}

/* Phone bis Ipad Hochformat */
@media (min-width: 320px) and (max-width: 767px ) {
.col-md-3 .wie-funktionierts .ce-textpic {
  margin-bottom:0;
  float:left;
  width:100%;
  position:relative;
  border:1px solid black;
}
.col-md-3 .wie-funktionierts .ce-gallery img {
  transform: scale(0.7);
  transform-origin: left top;
}
.col-md-3 .wie-funktionierts .ce-textpic .ce-content {
  position:absolute;
  left:100px;
  top:100px;
  width:70%;
  z-index:999;
  float:left;
}
}



/*
==============================================
======== ABSTÄNDE ============================
==============================================
*/

.frame:not([class*="frame-space"]) + .frame:not([class*="frame-space"]) {
  margin-top:20px;  
}

header .frame + .frame {
  margin-top:0px;
  }

div [class*="col-"] > div:not([class*="frame-space"])  + div:not([class*="frame-space"])  {
    margin-top:25px;
}

.col-md-12 .row:not(.news-list-item) + .row:not(.news-list-item) {
   margin-top:50px; 
}

/* Phone */
@media (min-width: 0px) and (max-width: 767px) {
.col-md-12 .row:not(.news-list-item) + .row:not(.news-list-item),
main .col-sm-12,
main .col-12 {
   margin-top:1.5em; 
}  
}

/* Ipad hoch */
@media (min-width: 768px) and (max-width: 991px) {
.col-md-12 .row:not(.news-list-item) + .row:not(.news-list-item),
.col-md-12 > .row > div[class*="col-sm-12"] + div[class*="col-sm-12"],
/*.col-md-6  +  .col-md-6,*/
.col-md-12 + .col-md-12,
.container-fluid > .container > .row > div[class*="col-"] + div[class*="col-"]{
   margin-top:25px; 
} 
.col-md-6.col-sm-6 + .col-md-6.col-sm-6,
.col-sm-8 + .col-sm-4,
.col-md-12 > .row.no-gutters > div[class*="col-sm-12"] + div[class*="col-sm-12"] {
    margin-top:0px;
    }

}

main > .container-fluid .container .row .col-md-12 > .frame-zentriert-box:not:last-child {
    margin-bottom:50px;
}

.mb-20:last-child {
    margin-bottom: 0px;
}

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

main > .container-fluid .container .row .col-md-12 .row div[class*="col-"] + div[class*="col-"] {
  margin-top:1.5em;
}
main > .container-fluid .container .row .col-md-12 .row.no-gutters div[class*="col-"] + div[class*="col-"] {
  margin-top:0em;
}
}





/*
==============================================
======== TABLES ==============================
==============================================
*/
.ce-table, table {
  border-top: 1px solid #f1f1f1 !important;
    border-bottom: 1px solid #f1f1f1 !important;
  overflow:auto;
}
.ce-table thead th {
    border-bottom: 0px solid #f1f1f1;
}
.ce-table th, th,
.ce-table thead th {
  background-color:#666666;
  color:#ffffff;
}

.ce-table td, td {
    border-top: 0px solid #ffffff;  
  border-bottom: 1px solid #ffffff;  
  background-color:#f8f8f8;
  white-space:nowrap;
}




/*
==============================================
======== NEWS-PLUGIN =========================
==============================================
*/

/* Listenansicht */

.row.news-list-item {
	margin-left:0;
	margin-right:0;
    background-color:#f1f1f1;
}

.row.news-list-item.topnews:after {
    content:url("../images/icons/icon_topnews.png");
    position:absolute;
    top:0;
    right:20px;
}
.row.news-list-item div[class*="news-image"]{
	padding-left:0em;
	padding-right:0em;
}

.row.news-list-item .news-text {
	width:100%;
}

.news-list-view .page-navigation:first-child {
  display:none;
}

.news-list-item {
  margin-bottom:1em;
  position:relative;
    float:left;
    width:100%;
}

.news-list-item .news-text {
  padding:20px;
    position:relative;
}

.news-list-item div[class*="col-"] {
  position:static;
}

.extra {
    border-bottom:1px solid #043a66;
    padding-bottom:5px;
}

.news-list-item .btn-read-more {
  margin-bottom:0em;
  margin-top:0em;  
}

.news-list-item .extra .kategorie {
  position: absolute;
  right: 15px;
  top: 20px;
}
.thumbnail {
    display: block;
    padding: 0px;
    border: 0px solid #ddd;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
	margin-bottom:0px;
}

.row.news-list-item {
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/* Newsbild */
.row.news-list-item .news-image {
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

/* Text Ohne Thumbnail */
.row.news-list-item .news-text {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;	
}
/* Text Mit Thumbnail */
.row.news-list-item .news-image + .news-text {
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -ms-flex: 0 0 66%;
    flex: 0 0 66%;
    max-width: 66%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content:flex-start;
}
.news-list-item h3 {
    width:90%;
}

/* Phone bis Ipad Hochformat */
@media (min-width: 0px) and (max-width: 767px ) {
.row.news-list-item .news-image + .news-text,
.row.news-list-item .news-image {
     -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
    
.news-list-item .news-text h3 {
    padding-right:50px;
}
}




/* Einzelansicht */

.news-single .thumbnail {
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.news-single .extra {
  display:block; 
  position:relative !important; 
}


.news-single .news-text-wrap + .btn {
  margin-top:4em;  
}

.news-single .extra .kategorie {
  position: absolute;
  right: 0px;
  top: 0px;
}

.news-single .footer-news {
    border-top:1px solid #ced92a;
    margin-top:30px;
}



/* Allgemein */

.news .extra {
    font-size:0.8em;
}

.news .label-info {
  background-color:transparent;
  color:#666666;
  padding:0px;
}

.news .extra .label {
  font-size:1em;
  font-weight:normal;  
}


.news .lead p {
  margin-bottom:0em;  
}

.datum {
    display:inline-block;
}

.glyphicon.glyphicon-calendar {
    top:-1px;
}


.news .date:before {
    content: "\f073";
	margin-right:5px;
}
.news .pin:before {
    content: "\f02b";
	margin-right:5px;
}

.news .extra {
	width:100%;
	padding-bottom:10px;
	margin-bottom:10px;
}

.news .extra > div + div {
	margin-left:20px;
}

.news .extra,
.news .date,
.news .pin {
	float:left;
}


/* PAGINATION NEWS */
ul.pagination li:first-child{
    border-top:0px solid black;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 5px !important;
    margin-left: -1px;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
        border-top-color: rgb(221, 221, 221);
        border-right-color: rgb(221, 221, 221);
        border-bottom-color: rgb(221, 221, 221);
        border-left-color: rgb(221, 221, 221);
    background-image:none !important;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover,
ul.pagination li > a:hover,
ul.pagination li > a:focus,
 .pagination > li:first-child > a:hover,
 .pagination > li:last-child > a:hover,
 ul.pager li > a:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ced92a !important;
    border-color: #ced92a !important;
     border:0px solid black;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}



/*
==============================================
======== LIGHTBOX ============================
==============================================
*/

/* Fake-Light-Box, eigentlich eine normale Seite mit einer Simulierten Lightbox-Fläche */

 
#abdecker {
  background-color: #ffffff;
  min-height: 100%;
  opacity: 0.8;
  height:100%;
  position: absolute;
  width: 100%;
  z-index: 888;
  top:0;
}

#abdecker a {
  display: block;
  height: 100%;
  width:100%;
}

.button_schliessen {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index:999;
}

.page-wrapper.lightbox {
  position:relative !important;  
  width: 100%;
  height: 100%;
}


.page-wrapper.lightbox main > .container-fluid {
  padding-top:20px;
  padding-bottom:20px;  
}

.page-wrapper.lightbox .content-container {
    padding-top:50px;
    margin-bottom:50px;
}

.page-wrapper.lightbox .content-container .container {
  position:relative;
}

.page-wrapper.lightbox main {
  position:relative;  
  z-index:999 !important; 
  background-color:#ffffff !important;
}

.page-wrapper.lightbox main .lightbox-inhalt {
  padding:60px 30px 30px 30px;  
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}

.page-wrapper.lightbox main .container {
  width:100%;  
}

.page-wrapper.lightbox .lightbox-inhalt .container-fluid {
  padding-top:20px;
  padding-bottom:20px;  
}

.page-wrapper.lightbox div + .container-fluid {
  margin-top:50px;
}


.lightbox-inhalt > .frame.text-center + div {
  margin-top:30px;  
}

.fixed-header-on .lightbox .header.fixed, 
.fixed-header-on .lightbox header.header.transparent-header-on {
    z-index:888 !important;
    position:relative !important;
}

.fixed-header-on .lightbox .header-container {
    padding-bottom:0em !important;
}


/*
===============================================
======== SLIDER IN OBJEKTANSICHT ==============
===============================================
*/
.slideshow {
    margin-bottom:0px;
}

/*
===============================================================
======== SLIDER GROSS STARTSEITE ANPASSUNGEN ==================
===============================================================
*/

/* Slider Startseite als HTML-Element platziert */

/* Blaue transparente Fläche über dem Slider */
/*
.startseite .tp-caption.dark-translucent-bg-blue {
  background-color:rgba(95, 122, 148, 0.5);
  position:absolute;
  width:100%;
  height:100%;
  top:0;
}


.startseite .slider-banner-container,
.startseite .slider-revolution-5-container,
.startseite .slider-banner-fullwidth-big-height,
.startseite .tp-caption.dark-translucent-bg-blue,
.startseite .tp-caption.dark-translucent-bg-blue.start {
  height:660px !important;
  top:0px !important;  
}


.startseite .slideshow {
   margin-bottom:130px;
}

.blaue-flaeche {
  background-color:rgba(99, 151, 178, 0.80);
  color:#ffffff;
  display:block;
  position:absolute;
  margin: auto auto;
  left:-50%;
  right:-50%;
  z-index:999;
  height: 18em;
  }
  */
  

/* Phone */
@media (min-width: 0px) and (max-width: 767px) {
    /*
.startseite .slider-banner-container,
.startseite .slider-revolution-5-container,
.startseite .slider-banner-fullwidth-big-height,
.startseite .tp-caption.dark-translucent-bg-blue,
.startseite .tp-caption.dark-translucent-bg-blue.start {
  height:470px !important;
}
.blaue-flaeche {
  bottom:0px;
}
.startseite .slideshow {
    margin-bottom: 0px;
}
.tp-bullets,
.tp-leftarrow,
.tp-rightarrow {
  display:none !important;
}
    */
}

/* Ipad Hochformat */
@media (min-width: 768px) and (max-width: 992px) {
/*
    .startseite .slider-banner-container,
.startseite .slider-revolution-5-container,
.startseite .slider-banner-fullwidth-big-height,
.startseite .tp-caption.dark-translucent-bg-blue,
.startseite .tp-caption.dark-translucent-bg-blue.start {
  height:400px !important;
}
 .blaue-flaeche {
  bottom:-70px; 
 }
*/
}

/* ab Ipad quer aufwärts */
@media (min-width: 992px) {
/*
    .startseite .slider-banner-container, 
 .startseite .slider-revolution-5-container, 
 .startseite .slider-banner-fullwidth-big-height, 
 .startseite .tp-caption.dark-translucent-bg-blue, 
 .startseite .tp-caption.dark-translucent-bg-blue.start {
   height:485px !important;
 }
    
 
 .blaue-flaeche {
  bottom:-75px; 
 }
    */

}

/*
.startseite .tp-bullets  {
  bottom:25px !important;
  z-index:888;
  border:0px solid black;
}

.startseite .tp-leftarrow.default,
.startseite .tp-leftarrow.round,
.startseite .tp-leftarrow,
.startseite .tp-leftarrow.hidearrows {
    background-image: url("../images/icon/slider-left-normal.png") !important; 
    width: 46px;
    height: 46px;
  left:0 !important;
  opacity: 1 !important;
  z-index:333 !important;
}

.startseite .tp-leftarrow.default:hover,
.startseite .tp-leftarrow.round:hover,
.startseite .tp-leftarrow:hover,
.startseite .tp-leftarrow.hidearrows:hover {
    background-image: url("../images/icon/slider-left-hover.png") !important; 
}

.startseite .tp-rightarrow.default,
.startseite .tp-rightarrow.round,
.startseite .tp-rightarrow,
.startseite .tp-rightarrow.hidearrows {
    background-image: url("../images/icon/slider-right-normal.png") !important; 
    width: 46px;
    height: 46px;
  right:0px !important;
  opacity: 1 !important;
  z-index:333 !important;
}

.startseite .tp-rightarrow.default:hover,
.startseite .tp-rightarrow.round:hover,
.startseite .tp-rightarrow:hover,
.startseite .tp-rightarrow.hidearrows:hover {
    background-image: url("../images/icon/slider-right-hover.png") !important; 
}
*/



/* Navigation bei Mobiler Version ausblenden */
@media (min-width: 0px) and (max-width: 480px) {
/*
    .startseite .tp-bullets {
  display:none;  
}

*/

}




/*
===============================================
======== SLIDER LAYOUTGRÖSSE ==================
===============================================
*/

/* 
Hier nur die Anpassungen vom Flexslider, das eigentliche Stylesheet liegt unter: 
typo3conf/ext/bootstrap_grids/ressources/Public/Flexslider2/flexslider.css
*/

/* Slider in Header platziert */

header .flexslider {
  width:100%;
}

header .flexslider .slides {
  height:450px !important;
  overflow:hidden !important;  
}
/* Tablet Querformat bis 1200 Pixel */
@media (min-width: 992px) and (max-width: 1200px ) {
header .flexslider .slides {
  height:371px !important;
}
}

/* Tablet Hochformat bis Tablet Querformat */
@media (min-width: 768px) and (max-width: 992px ) {
header .flexslider .slides {
  height:284px !important;
}
}

/* Phone */
@media (min-width: 0px) and (max-width: 767px ) {
header .flexslider .slides {
  height:auto !important;
  border:1px solid black;
}
}

header > .flexslider img {
  width:100%;
  height:auto;  
}

header .flexslider {
    margin: 0 0 0px;
    background: #ffffff;
    border: 0px solid #ffffff;
}

header .flexslider .col-md-12 {
  padding-left:0em;
  padding-right:0em;  
}


/* Allgemein */

.flex-control-nav {
  position:absolute;
  bottom:10px;
  z-index:777;  
}

.flex-direction-nav a.flex-prev::before {
    content: url("../images/icon/slider-left-normal.png"); 
    display: inline-block;
  }
  
.flex-direction-nav a.flex-next::before {
 content: url("../images/icon/slider-right-normal.png"); 
    display: inline-block;
}

.flex-direction-nav a {
    width: 46px;
    height: 46px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/* Navigationspfeile immer sichtbar */
.flexslider:hover .flex-direction-nav .flex-prev,
.flex-direction-nav .flex-prev {
  opacity: 1;
  left: 0px;
}
.flexslider:hover .flex-direction-nav .flex-next,
.flex-direction-nav .flex-next {
  opacity: 1;
  right: 0px;
}

/* Navigation bei Mobiler Version ausblenden */
@media (min-width: 0px) and (max-width: 767px) {
.flex-direction-nav,
.flex-control-nav {
  display:none;  
}
}



@media (min-width: 0px) and (max-width: 575px) {
.bannerbild-startseite,
.bannerbild-startseite .col-md-12 .row {
    height:250px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.bannerbild-startseite,
.bannerbild-startseite .col-md-12 .row {
    height:350px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.bannerbild-startseite,
.bannerbild-startseite .col-md-12 .row {
    height:400px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.bannerbild-startseite,
.bannerbild-startseite .col-md-12 .row {
    height:490px;
}
}

@media (min-width: 1200px) and (max-width: 1399px) {
.bannerbild-startseite,
.bannerbild-startseite .col-md-12 .row {
    height:580px;
}
}

@media (min-width: 1400px)  {
.bannerbild-startseite,
.bannerbild-startseite .col-md-12 .row {
    height:675px;
}
}


.bannerbild-startseite {
    padding-top:0em !important;
    padding-bottom:0em !important;
}

.bannerbild-startseite .container,
.bannerbild-startseite .row,
.bannerbild-startseite .row .col-md-12 {
    height:100%;
}




/* Header Logo und Navi Stand */
.bannerbild-startseite .col-md-12 .row {
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
   /* -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
    height:100%;
}
.bannerbild-startseite .col-md-12 .row:before {
	display:none;
}

@media (min-width: 0px) and (max-width: 767px) {
    .bannerbild-startseite .col-md-12 .row {
        display:block;
    }
}

/* Text anrordnen */
.bannerbild-startseite .col-md-12 .row .col-md-4 {
	-webkit-align-self: center; /* add prefixed version */
	-ms-flex-item-align: center; /* add prefixed version */
	align-self: center;	
}
@media (min-width: 0px) and (max-width: 767px) {
/* Text anrordnen */
.bannerbild-startseite .col-md-12 .row .col-md-4 {
	padding-top:20px;
	-webkit-align-self: flex-start; /* add prefixed version */
	-ms-flex-item-align: flex-start; /* add prefixed version */
	align-self: flex-start;	}
}
@media (min-width: 768px) and (max-width: 991px) {
/* Text anrordnen */
.bannerbild-startseite .col-md-12 .row .col-md-4 {
	padding-top:90px;
}
}


/* Navigation anrordnen */
.bannerbild-startseite .col-md-12 .row .col-md-8 {
	-webkit-align-self: flex-start; /* add prefixed version */
    -ms-flex-item-align: start; /* add prefixed version */
    align-self: flex-start;
	
}


/* Breite Bannerbild festlegen */
.bannerbild-startseite .slides .defaultimg,
.bannerbild-startseite{
    background-size: calc((100% - 1170px) / 2 + (1170px*.66)) !important;
    background-image:url("../../redaktion_lbg/bilder/slider/titelbild_stutttgart.jpg");
    background-repeat:no-repeat;
} 

/* Ipad quer */
@media (min-width: 992px) and (max-width: 1199px) {
/* Breite Bannerbild festlegen */
.bannerbild-startseite .slides .defaultimg,
.bannerbild-startseite{
    background-size: calc((100% - 970px) / 2 + (970px*.66)) !important;
} 
}

/* Ipad hoch */
@media (min-width: 0px) and (max-width: 991px) {
/* Breite Bannerbild festlegen */
.bannerbild-startseite .slides .defaultimg,
.bannerbild-startseite{
    background-size:100% !important;
    background-position:right top;
} 
    
.bannerbild-startseite .col-md-4 > .frame,
.bannerbild-startseite .col-md-4 > .container-fluid.layout-10{
    padding: 10px;
    background-color: rgba(255,255,255,0.85);    
}
}

@media (min-width: 992px) {
.bannerbild-startseite .slides .defaultimg,
    .bannerbild-startseite {
    background-position:right top;
}}





/*
===============================================
======== LOGO-SLIDER LAYOUTGRÖSSE ==================
===============================================
*/

.logoslider .col-md-3 .col-md-12 > .frame:first-child {
  height:150px;
  border:1px solid red;  
}
.logoslider .col-md-3 .bordered.well   {
  height:450px;
  border:1px solid green;  
}

.logoslider div[class*="col-"] img {
  width:auto !important;
  height:auto !important;  
  max-height:130px !important;
  max-width:100% !important;
}




/* Farben der Bullets verändern */
.flex-control-paging li a {
  background: rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
  background: #000000;
  background: rgba(0, 0, 0, 0.5);
}
.flex-control-paging li a.flex-active {
  background: #000000;
  background: rgba(0, 0, 0, 0.5);
}

.flexslider .ce-gallery * {
  width:100%;  
}


/*
=====================================================================
======== FAKTEN DARSTELLUNG EINE ICONS PLUS TEXT ==================
=====================================================================
*/

/* IPad Querformat bis 1200 Pixel */
@media (min-width: 992px) and (max-width: 1200px ) {
/*
    .col-md-4 .ce-textpic.ce-left .ce-gallery,
.col-md-3 .ce-textpic.ce-left .ce-gallery {
  margin-right:0px;
}

.col-md-4 .ce-textpic.ce-left .ce-gallery img,
.col-md-3 .ce-textpic.ce-left .ce-gallery img {
  transform: scale(0.75);
  transform-origin: left top;
}
*/
}



/*
===============================================
======== LAYOUTBREITE FESTELEGEN ==============
===============================================
*/


/* Breiten Container Layoutbreite festlegen */
@media (min-width:320px) {
.container,
.page-wrapper.lightbox main,
.frame.background .ccontent {
  width:100%;
 }
 
}
/* Breiten Container Layoutbreite festlegen */
@media (min-width:768px) {
.container,
.page-wrapper.lightbox main,
.frame.background .ccontent {
  width:750px;
 }
 .blaue-flaeche {
  width:720px; 
}
}
@media (min-width:992px) {
.container,
.page-wrapper.lightbox main,
.frame.background .ccontent {
  width:970px;
 }
 .blaue-flaeche {
  width:940px; 
 }
 }
@media (min-width:1200px) {
.container,
.page-wrapper.lightbox main,
.frame.background .ccontent  {
  width:1170px;
 }
 .blaue-flaeche {
  width:1140px; 
 }
 
}







/*
============================
======== COLS ==============
============================
*/

/* Phone bis Ipad hoch */
@media (min-width: 0px) and (max-width: 767px ) {

.content-container .col-md-3,
.content-container .col-md-4,
.content-container .col-md-6 {
  display:block;
  width:100%;
}

.content-container .col-md-6 + .col-md-6,
.content-container .col-md-4 + .col-md-4,
.content-container .col-md-3 + .col-md-3 {
  margin-top:2em;
}

.equalheight {
    display:block;
    }

}





/*
===================================
======== OBJEKTE LBG ==============
===================================
*/

/* Listenansicht */

.objekte.lbg .col-md-3 .csc-frame {
  margin-bottom:20px;
  position:relative;
}

.lbg.anzeige .lbg.auswahl {
  margin-bottom:2em;
}

.lbg.anzeige .lbg.auswahl select {
  width:100%;
}

.lbg.anzeige .objekt .text {
    padding:15px;
}



/* Singleansicht */

.lbg-objekte-single .portrait p {
  color:#5893b0; 
  font-size:1.15em;
  line-height:1.25em;
}
.lbg-objekte-single .oepnvimage {
  margin-bottom:1em;
}
.lbg-objekte-single .oepnvimage img {
  display:inline !important;
  width:3em;
  height:3em;
}
img.oepnv {
  padding-left:2px;
  padding-right:2px;  
}

.portrait {
  position:relative;
}

.portrait img {
  border:1px solid #f1f1f1;
    }

.slogan {
  position:absolute;
  top:20px;
  left:20px;
  width:50%;  
}

.lbg-objekte-single .portrait p {
  -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
}

.lbg-objekte-single li:first-child {
	border-top: 0px solid #043a66;
}

.lbg-objekte-single li {
	border-bottom:0px solid black;
}

.daten-und-fakten.row {
	margin-top:4em;
}

.bilder-und-karte.row {
	margin-top:2em;
	margin-bottom:2em;
}

.lbg-objekte-single div [class*="col-"] > div + div {
    margin-top:40px;
}

.lbg-objekte-single .tag {
    color:#ffffff;
    padding:3px 5px 3px 5px;
}

/* Tag */
.badge {
    display: inline-block;
    padding: 3px 5px 5px 5px;
    font-size: 1em;
    font-weight: normal;
    line-height: 1;
    color: #fff;
    border-radius: 0px;
	background-color:#043a66;
	margin: 0 3px 3px 0;
}

/* Tag-Farben*/
.lbg-objekte-single .tag {
    background-color:#043a66;    
}
.lbg-objekte-single .tag.sbahn {
    background-color:#95c03c;    
}
.lbg-objekte-single .tag.ubahn {
    background-color:#0ba0e1;     
}
.lbg-objekte-single .tag.bus {
    background-color:#639540;        
}





/*
============================
======== STANDORTE SUCHE ===
============================
*/


.suchbereich-standorte .row {
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-flex-direction: row; /* add prefixed version */
}


/* Phone klein */
@media (min-width: 0px) and (max-width: 767px) {
    .suchbereich-standorte .row {
        flex-direction: column-reverse;
    }

}

.suchbereich-standorte .row .col-sm-4 {
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    align-self: center;
    -ms-flex-self: center;
    -webkit-flex-self: center;
}
.suchbereich-standorte h4 {
    margin-bottom:15px;
}
.suchbereich-standorte #map {
    width:100% !important;
    height:100% !important;
}

.suche-standorte {
    padding-right:30px;  
}
.suche-standorte .objektstandorte {
    margin-bottom:30px;
}
.suche-standorte,
.suche-standorte .objektstandorte,
.suche-standorte .in-der-naehe {
    width:100%;
}
/* Feld Input Stadt */
#tx_myttaddressmap_city, #tx_myleaflet_city {
    border:1px solid #5893b0 !important;
    padding:7px 10px 7px 10px;
}
.suchbereich-standorte input {
    width:100%;
}

.suchbereich-standorte select option,
.suchbereich-standorte select {
        color:#043a66 !important;

}

/* InfoWindow */
.infoWindow .infoBild,
.infoWindow .infoText {
    float:left;
}
.infoWindow .infoText {
    margin-left:10px;
    margin-right:20px;
}
.suchbereich-standorte .gm-style .gm-style-iw {
    font-size:15px !important
}
.suchbereich-standorte .gm-style .gm-style-iw-c {
    transform: translate(-50%,-100%);
    border-radius: 0px !important;
    padding: 10px;
    box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3);
}
.suchbereich-standorte .gm-style-iw .gm-style-iw-c {
    max-width: 400px !important;
    max-height: 219px;
    min-width: 0px;
}
.infoWindow a {
    margin-top:10px !important;
    display:block;
}
.infoWindow .image a{
    margin-top:0px !important;
}


.tx-myttaddressmap .container-fluid + .container-fluid,
.tx-myleaflet .container-fluid + .container-fluid {
    margin-top:50px;
}

/* ResultContainer */
.searchResultContainer {
    width:100%;
}
.searchResultContainer .panel-body {
    min-height: 90px;
}
.searchResultContainer .objektBild {
    position:relative;
}
.searchResultContainer .objektBild:hover a:before {
    content:"";
    position:absolute;
    z-index:999;
    top:0;
    background-color:rgba(4,58,102, 0.7); 
    color:#ffffff;
    opacity:1;
    width:100%;
    height:100%;
    display: flex;
    align-items: center; /* Vertikale Zentrierung */
    justify-content: center; /* Horizontale Zentrierung */
    background-image: url("../images/icons/icon_plus.svg") !important;
    background-position:center center;
    background-repeat:no-repeat;
  }







/*
===================================
======== IMMOSOLVE ================
===================================
*/


.embeddedBody {
    width: 100% !important;
    padding: 0px !important;
    margin: 0px !important;
    font-family: 'roboto' !important;
  font-size:15px !important;
    background-color: transparent !important;
    border: 0 !important;
    overflow-y: hidden !important;
}




/*
===================================
======== QUICKSAND ISOTOPE ========
===================================
*/

/* Breiten Container Layoutbreite festlegen */
@media (min-width:320px) {

}
/* Breiten Container Layoutbreite festlegen */
@media (min-width:768px) {

}
@media (min-width:992px) {

}
@media (min-width:1200px) {

.element-item {
  position: relative;
  float: left;
  width:290px;
  height:200px;
}


}



/* IFRAME */
.iframeWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
height:100%;
    min-height:250px;
}

.iframeWrapper iframe {
    border: 0px solid #f1f1f1 !important;
}



.ce-border img, .ce-border iframe {
    border: 1px solid #d3d3d3;
}


.blaue-flaeche * {position:relative !important;}
.blaue-flaeche {padding:25px;height:auto !important;}




/*
==========================================
======== EINBETTUNG IMMOSOLVE ============
==========================================
*/


.embed-container {
height: 100vh;
width: 100%;
padding-bottom: 50%;
position: relative;
}
.embed-container iframe {
min-width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}








/*
==========================================================
======== COOKIE HINWEIS ==================================
==========================================================
*/

.cc_container {
    /*background: #f8f8f8 !important;*/
    /*background: rgba(49,79,164,1) !important;*/
    /*border-top: 0px solid #888 !important;*/
    /*color:#000000 !important;*/
}

.cc_container .cc_message {
    margin-top: 5px !important;
  /*color:#000000 !important;*/
  line-height:1.25em !important;
}

.cc_more_info {
  color: #000000 !important;
  font-style:italic;
}

.cc_btn.cc_btn_accept_all {
  margin-top:6px;
}
.cc_container .cc_btn, 
.cc_container .cc_btn:visited {
    background-color: #ffffff !important;
  color:#666666;
}

.cc_container .cc_btn:hover, 
.cc_container .cc_btn:hover:visited {
    color: #666666 !important;
  background-color: #ffffff !important;

}
.cc_container a:not(.cc_btn) {
  color:#888888 !important;
}

a.cookie-management,
a.cookie-refuse {
	display:inline-block !important;
}

.cookie-management-container,
.cookie-refuse-container {
	overflow:hidden !important;
}


/* Cookie Mangement */


/* Große Meldung Cookies beim Öffnen der Seite */

#CookieBox {
  border-radius: 0px;
}

#CookieBox p {
  font-size:1em;	
}
#CookieBox h2 {
  font-size: 1.35em;
}
#CookieBox .cookie-legal a {
	font-size:0.85em;	
}

#CookieBox .cookie-btn {
  font-size: 1em;
  background-color: #ced92a;
  color: #fff;
  text-transform:none !important;
  line-height:1em;
}

#CookieBox .cookie-btn,
#CookieBox .cookie-management, #CookieBox .cookie-refuse,
#CookieBox .cookie-fix .cookieback, #CookieBox .cookie-fix .cookie-refuse {
  border-radius: 0px;
  padding: 0.5em;
	margin:00px auto;
}
#CookieBox .cookie-management, #CookieBox .cookie-refuse,
#CookieBox .cookie-fix .cookieback, #CookieBox .cookie-fix .cookie-refuse {
  background-color: #e5e5e5;
}
#CookieBox a{
  background-image:none;	
}

#CookieBox .cookieclose {
  border-radius: 100% !important;
  border: 0px solid #d3d3d3 !important;
  background: #e5e5e5 !important;
  color: #999999 !important;
  width: 30px !important;
  height: 30px !important;
  padding: 4px 9px !important;
  text-align: center;
  font-size: 15px !important;
}

/* Kleine Meldung über den Google Maps Inhalten */

.cookie-set.script {
  cursor: pointer;
  position: relative;
  min-height: 0px;
  background: #ffffff;
  text-align: center;
  height: auto;
  width: 100%;
  margin: 0 auto;
}

.cookie-set.script p {
	position:relative;
	padding:25px;
    top: auto !important;
  left: auto !important;
  transform: none !important;
  background-color: rgb(255, 255, 255, 1);
  border-radius: 0px;
}
  
  .waconcookiemanagement {

    z-index: 99999;
  }
.cookie-set.script p:before {
    background-image: url("../images/Symbolbild-GoogleMaps_LBG.jpg");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
    display: block;
    width: 50%; 
	height:200px;
    content:"";
    margin:0 auto;
	margin-bottom:2em;
}

/* Fläche mit Google Maps Platzhalter */
.content-container .cookie-set {
  background-color: transparent;
}

/* Link Im Footer oder Header */
.footer-container .cookie-set {
  background-color: transparent;
  border-color: #ced92a !important;
  border: 1px solid #ced92a !important;
  color: #ced92a !important;
  padding: 7px 20px;
  font-size: 1em;
  line-height: 1.46666667;
  border-radius: 0px;
  margin: 10px 0;
  display:inline-block;
}





/*
==========================================================
======== Suche und Suchergebnisse ========================
==========================================================
*/

.tx-indexedsearch-searchbox fieldset {
  padding:25px;
}

.tx-indexedsearch-form .btn {
  margin-top:0;  
}


.tx-indexedsearch-searchbox-button.btn.btn-primary {
  padding:7px 20px 7px 20px;
  background-color:#ced92a !important;
  border:1px solid #ced92a;
  color:#ffffff !important;  
  border-radius:0px;
}
.tx-indexedsearch-searchbox-button.btn {
    font-size:16px !important;
}

.tx-indexedsearch-browsebox {
  margin-bottom:15px;
}

.tx-indexedsearch-res {
  padding:10px;
  background-color:#f8f8f8;
  margin-bottom:15px;
}

.well.tx-indexedsearch-info {
  padding: 7px 0px 0px 0px;
  border-left:0px;
  border-right:0px;
  border-bottom:0px;
  background-color:transparent;
  margin-bottom:0px;
}

.tx-indexedsearch-description .text-danger {
    color: #043a66 !important;
}

.tx-indexedsearch-icon {
  display:none;
}


.tx-indexedsearch-res .badge {
    background-color: #999999;
    border-radius: 0px;

}






.scrollToTop {
    display: block !important;
}







div[class*="frame-layout-31"] > .ccontent h1, 
div[class*="frame-layout-20"] > .ccontent h1, 
div[class*="frame-layout-31"] > .ccontent h2, 
div[class*="frame-layout-20"] > .ccontent h2, 
div[class*="frame-layout-31"] > .ccontent h3, 
div[class*="frame-layout-20"] > .ccontent h3, 
div[class*="frame-layout-31"] > .ccontent h4, 
div[class*="frame-layout-20"] > .ccontent h4, 
div[class*="frame-layout-31"] > .ccontent h5, 
div[class*="frame-layout-20"] > .ccontent h5, 
div[class*="frame-layout-31"] > .ccontent p, 
div[class*="frame-layout-20"] > .ccontent p {
    color: #043a66;
}






/* Stellenanzeigen */

.stellenanzeige .frame.w-66 {
	width:66%;
	float:left;
	margin-bottom:20px;
	margin-left:20px;
}

.stellenanzeige div[class*="background"]  {
	height:400px;
	position:relative !important;
}

.stellenanzeige div[class*="background"].vertikal-unten  {
	display: flex; 
    flex-direction: column; 
    justify-content:flex-end;
}
.stellenanzeige div[class*="background"].vertikal-oben  {
	display: flex; 
    flex-direction: column; 
    justify-content:flex-start;
}

.stellenanzeige .lightbox-inhalt > .container-fluid:not(:last-child) {
	padding-top:50px !important;
	padding-bottom:50px !important;
}
.stellenanzeige .lightbox-inhalt > .container-fluid .container-fluid {
	padding-top:0px;
	padding-bottom:0px;	
}

.stellenanzeige div[class*="background"] > div > .row {
	position: absolute;
  z-index: 999;
  width: 100%;
  margin: 0 auto;
    margin-right: auto;
    margin-left: auto;
  right: 0;
  left: 0;
}




/*

body.startseite {
	padding-top:40px;
}

*/




/* POPUP FENSTER */

.poppower-layout-modal > .popuppower-container-inner {
   border-radius: 0rem !important;
}
.poppower-layout-modal {
  background-color: rgba(0,0,0,0.85) !important;
}

/* Bild in Spalte Covern damit es sich anpasst */
.popuppower-container .row.equalheight >div[class*="col-"] > .frame-type-image:only-child,
.popuppower-container .row.equalheight >div[class*="col-"] > .frame-type-image:only-child *{
	height:100%;
}
.popuppower-container .row.equalheight >div[class*="col-"] > .frame-type-image:only-child figure.image {
	display:flex;
}
.popuppower-container .row.equalheight >div[class*="col-"] > .frame-type-image:only-child img {
	object-fit:cover;
}




/* STÖRER */

.stoerer {
	background-color:#043a66;
	transform: rotate(-7deg);
	color:#ffffff;
	font-size:1.5em;
	font-weight:bold;
	padding:5px;
	display:inline-block;
	margin-left:-5px;
	margin-bottom:15px;
}
@media (min-width: 0px) and (max-width: 991px) {
.stoerer {
	margin-left:-0px;
	margin-bottom:10px;
}
}





/* LAFUBAND */


.laufband {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    background: #b5c22d;
    color: #ffffff;
    font-size: 1em;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
  }

  .laufband p {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 25s linear infinite;
  }

  @keyframes marquee {
    from {
      transform: translateX(0%);
    }
    to {
      transform: translateX(-100%);
    }
  }