#pageWrapper {
	max-width:100%;
} 
:root {
    --body-font-family:Host Grotesk, Arial, Helvitica, sans-serif;
    --body-font-color:#000000;
    --body-font-size: 1.1rem;
    --body-font-weight:400;
    --body-line-height:1.75;
    --body-background-color: #fff;

    --pagewrapper-max-width:1500px;
    /*======================================
      Allgemeine Elemente
    ======================================*/
    --close-icon-font-family: "contentBLUE-basic";
    --close-icon-content: "\f121";
    --close-icon-color: #fff;
    
    /*======================================
      ÜBERSCHRIFTEN 
    ======================================*/
    --h-margin:0 0 0.5rem 0;
    --h-font-weight:bold;
    --h-line-height:1.2;

    --h1-font-size:2.5rem;

    --h2-font-size:1.8rem;
    --h3-font-size:1.375rem;
    --h4-font-size:1rem;
    --h5-font-size:1rem;
    --h6-font-size:1rem;

    --h1-trennlinie-height:1px;
    --h1-trennlinie-color:#fff;

    --h2-trennlinie-height:1px;
    --h2-trennlinie-color:#fff;
    /*======================================
      LINKS
    ======================================*/
    --link-color:#127877;
    --link-color-hover:#c37306;
    --link-button-color:#c37306;
    --link-button-border:10px solid #c36603;
    --link-button-border-radius:10rem;
    --link-button-padding:0.25rem 2.5rem;
    --link-button-hover-color:#ffffff;
    --link-button-hover-background-color:#c36603;
    --link-button-icon-font-family:"contentBLUE-basic";
    --link-button-icon-font-size:1.5rem;
    --link-button-icon-content:"\f111";
    --link-button-icon-padding:0 0 0 0.5rem;
    
    /*======================================
      PARSERELEMENTE
    ======================================*/
    --kicker-caption-copyright-stand-datum-font-size:0.85rem;
    --kicker-caption-copyright-stand-datum-color:#808080;
    --contentliste-symbol-color:#063956;
    --box-background-color:#cacaca;
    /*======================================
      TOPSCHUBLADE
    ======================================*/  
    --topschublade-background-color:#2d7399;;
    --topschublade-close-icon-color:#fff;
    
    /*======================================
      HEADER
    ======================================*/ 
    --header-border-bottom: 10px solid #1fb4b5;
    
    /*======================================
      TOOLBAR
    ======================================*/ 
	--toolbar-item-color:#58585a;
	--toolbar-item-hover-color:#58585a;

    /*======================================
      Hauptnavigation
    ======================================*/  
    --hamburger-button-color: #127877;
    --hauptnavigation-link-color:#127877;
    --hauptnavigation-link-hover-active-color:#1fb4b5;
    --level-1-border-bottom: 10px solid #ffffff;
    --level-1-border-bottom-hover: 10px solid #127877;
    --level-1-border-bottom-active: 10px solid #127877;
    --navi-flyout-border-top:1px solid #127877;
    --navi-flyout-border-bottom:1px solid #127877;
    --navi-flyout-background-color: #127777;
    --navi-flyout-link-border:5px solid #e3e3e3;
    --navi-flyout-link-background:#f2f2f2;
    --navi-flyout-link-hover-active-background:#c37306;
    --navi-responsive-border-top:1px solid #c5ced4;
    --navi-responsive-link-border:1px solid #c5ced4;
    --navi-responsive-suche-background:#f2f2f2;
    
    --subnavi-link-color:#fff;
    --subnavi-link-background:#039694 !important;
    --subnavi-link-border-bottom:5px solid #ffffff;
    --subnavi-link-children-background:#f2f2f2;
    --subnavi-link-hover-active-background:#1fb4b5;
    --subnavi-link-icon-font-family: "contentBLUE-basic";
    --subnavi-link-icon-color: #fff;
    --subnavi-link-icon-down-content: "\f10c";
    --subnavi-link-icon-up-content: "\f10d";
    
    /*======================================
      LISTEN
    ======================================*/
   
    --prefooter-container-alternate-background-color:#dcebeb;
    /*======================================
      TEASER
    ======================================*/   
    --teaser-item-border-radius:0.25rem;
    --teaser-item-box-shaddow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    --teaser-item-mit-hintergrundfarbe-font-color:#ffffff;
    --teaser-item-mit-hintergrundfarbe-background-color:#5a5b5b;
    --teaser-second-item-mit-hintergrundfarbe-background-color:#464646;
    
    --teaser-item-trenner-background-color: #127877;
   
    /*======================================
      FORMULARE
    ======================================*/
    --form-elements-font-color:#000;
    --form-elements-border:1px solid #127877;
    --form-elements-border-radius: .25rem;
    --form-elements-padding: .375rem .75rem;
    
    --checkbox-and-radio-ckecked-background-color:#636363;
    --checkbox-and-radio-ckeckmark-background-color:#c5ced4;

    --form-submit-color:#127877;
    --form-submit-border:1px solid #127877;
    --form-submit-border-radius: .25rem;
    --form-submit-border-padding: 0.25rem 2.5rem;
    
    /*======================================
      INSITE-SITEMAP
    ======================================*/
    --footer-inside-sitemap-background-color:#127877;
    --footer-inside-sitemap-font-color:#ffffff;
 
    /*======================================
      FOOTER
    ======================================*/
    --footer-background-color:#127877;
    --footer-font-color:#ffffff;
}


.logo img {
    max-width: 100%;
    height: auto;
}
.toolbar li a span {
    font-size: 1rem;
}
.startseite #content {
	background:#127777;
	background-image: url("/static/img/bg-pattern.jpg");
  background-repeat: repeat;
  background-position: top left;
	color:#fff;
}

.startseite #content .article {
	background:#fff;
	color:#127777;
	padding: 20px;
	border-top-right-radius: 50px;
	padding: 30px 40px 50px 40px;
	font-size: 1.5rem;
}

.startseite #breadcrump {
	display:none !important;
}
.startseite #content h1{
	color:#127777;
}

nav li.suche {
	display:none !important;
}
@media (min-width: 769px) {
	.hauptnavigation ul.level-1 > li > a {
		float: left;
		padding-top: 10px;
		padding-bottom: 15px;
		padding-left: 20px !important;
		padding-right: 20px;
		margin-right: 0px !important;
		margin-left: 0px !important;
		display: block;
		font-weight: 500;
	}
	.hauptnavigation div.wrapper-level-2 > ul > li a {
		border-bottom: none !important;
		margin-bottom: 10px;
	}
	.hauptnavigation .level-1 > li:hover > a,
	.hauptnavigation .level-1 > li > a.active {
		color: var(--hauptnavigation-link-hover-active-color) !important;
	}
	.hauptnavigation ul.level-2 > li a.active, .hauptnavigation ul.level-2 > li a.activated {
		background-color: var(--navi-flyout-link-hover-active-background) !important;
	}
	.hauptnavigation ul.level-2 > li a:hover {
		background-color: #C37306 !important;
		color:#fff !important;
	}
}

/*SLIDER*/
#pageWrapper button.slick-arrow {
	display:none !important;
}
#header .slider .overlay-text, #header .slider .overlay-text div, #header .slider .overlay-text p {
	margin-top: 0;
	padding-left: 0;
}

#header .slider .paragraphGapStyle2 {
	padding-top:0 !important;
	margin-top:0 !important;
}

.slick-dotted.slick-slider {
	margin-bottom: -1px;
}
.slick-dots {
	position: static;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	text-align: center;
	max-width: 1140px;
	text-align:right;
	margin-top:-75px;
	z-index:999999999;
	height:75px;
}
.slick-dots li button {
	border:none !important;
}
.slick-dots li button::before {
	font-family:arial;
	font-size: 68px;
}
.slick-dots *{
	background: transparent !important; 
}
.slick-list p {
	line-height:28px;
}
.slick-list {
	background: #cacaca;
	line-height: 0px;
	padding: 0 !important;
}
.slick-slide img {
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	width: 100%;
}
.stage-wrapper {
	position:absolute;
	left:-99999999999px;
}

.slick-dots li button::before {
	color: #127877 !important;
}

.cmb-docview .container-fluid {
	
}
.teaser h2 + .trenn-line {
    margin-top: 25px;
    margin-bottom: 20px;
	background:none !important;
}
#section-67 p {
	margin-top: -15px;
}

.seperator {
	width:10px;
	display:inline-block;
}
@media (min-width: 769px) {
	.hauptnavigation > div ul li.level-2 > a > .icon-up, .hauptnavigation > div ul li.level-2 > a > .icon-down {
		display: block;
		background-color:inherit !important;
	}
}

.imageZoom::after {
    color:inherit;
}

article h3 {
	margin-bottom:10px;
}
.teasericontemplate h3 {
	display:none !important;
}

@media (max-width: 920px) {
	.slick-dots {
		display:none !important;;
	}
}
@media (max-width: 640px) {
	h1, .h1 {
		font-size: 28px;
	}
    #toolbar_search {
        float: left !important;
        margin-left: 0px !important;
        width: 100% !important;
    }
    .hauptnavigation #searchInputbox {
        max-width: calc(100% - 35px);
        width: 100%;
    }

}
@media (max-width: 768px) {
    .docview .hauptnavigation div.hamburger-icon {
        top:22px;
    }
}
@media (max-width: 420px) {
    .logo img {
        max-width:80%;
    }
    .docview .hauptnavigation div.hamburger-icon {
        top:115px;
    }
}

.hinweis {
    padding:5px 15px;
    max-height: 260px;
    overflow-y:auto;
    border: var(--form-elements-border);
    border-radius: var(--form-elements-border-radius);
}

.jquery-ui-container .ui-menu-item-wrapper.ui-state-active {
    color: var(--link-color-hover);
}
.jquery-ui-container .ui-menu-item:last-child {
    border-bottom: none;
}
.jquery-ui-container.ui-menu.ui-autocomplete {
    z-index: 9999999999;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
	left:-99999999px;
}

.ui-menu {
    background:#fff;
	list-style:none;
	max-width:900px;
	border:1px solid #cacaca;
	z-index: 999999;
}
.ui-menu-item {
	padding-top:4px;
	padding-bottom:7px;
	padding-left:15px;
	padding-right:15px;
	margin-top:5px;
	margin-bottom:5px;
	border-bottom:1px solid #cacaca;
}

#query {
    margin-bottom:15px;   
}

.image-firmenlogo {
    margin-top:35px;   
}
.image-firmenlogo a{
    margin-top:-35px;   
}
.chronik .liste  .kicker{
    display:none;
}

.teaseransprechpartnertemplate {
	border-top: 10px solid #f0ca0c;
}
.teaseransprechpartnertemplate .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.teaseransprechpartnertemplate .row > li {
    text-align: center;
}

.teaseransprechpartnertemplate .image-wrapper img {
    display: block;
    margin: 0 auto;
}

.teaseransprechpartnertemplate .image.image-left,
.mitglied-werden-template .image.image-left {
  max-width:20%;
  margin-top:0;
}
.teaseransprechpartnertemplate h3 {
  padding:0 !important;
}

.mitglied-werden-template .uebersicht.button {
  left:unset !important;
  transform:unset !important;
}
.listemitgliedertemplate li div > * {
  padding: 0px;
  background-color: #fff;
}
.listemitgliedertemplate h2 + div.trenn-line {
  display:none;
}
.listemitgliedertemplate li div h3 {
  width:100%;
}
.listemitgliedertemplate .contentliste li  {
  margin-left:8px;
}

.listemitgliedertemplate .imageZoom {
  display:none;
}

/*NEU*/

h2, h3 {
	font-weight: 800 !important;
}

a.more {
	font-weight: 700 !important;
}

#pageWrapper .button {
	font-weight: 700 !important;
}

.toolbar li a span, .toolbar li input {
	font-size: 15px !important;
}

.edtior-switch {
	background: #047853 !important;
}
.toolbar li input.sucheSubmitBox {
  width: 35px !important;
  line-height: 35px !important;
  padding: 0 !important;
  background: none !important;
  float: left !important;
  border: none !important;
  font-size:30px  !important;
}

.listemitgliedertemplate .ui-accordion-content {
  padding-bottom:24px;
}

.listemitgliedertemplate .ui-accordion-header {
  margin-top:0px;
  padding-top: 0px;
}

.teaser.teaserverbraucherinformationentemplate li.rahmen > div:first-child{
    height: 100%;
}
.teaser.teaserverbraucherinformationentemplate li div.trenn-line {
   display:none;
}
.teasericontemplate.teaser .trenn-line {
  display:none;
}
.teasericontemplate ul {
  margin-top:48px;
  margin-bottom:0;
}
.teasericontemplate li > div:first-child {
  padding-top: 25px;
  padding-bottom: 25px;
  height: auto;
  float: left;
  margin-bottom:0;
  width: 100%;
}
.teasericontemplate li div img {
  margin:0;
}
.teaseransprechpartnertemplate ul {
  margin-top:48px;
  margin-bottom:0;
}
.teaseransprechpartnertemplate ul * {
    background-color:transparent !important;
}
.teaseransprechpartnertemplate .trenn-line {
  display:none;
}
.teaseransprechpartnertemplate li > div {
  border: none !important;
  margin:0 !important;
  padding:0 !important;
}
.teaseransprechpartnertemplate li div h3 {
  margin-top:10px;
}
.teaseransprechpartnertemplate .image-wrapper{
  width:204px;
  height:204px;
  border-radius:102px;
  border: 10px solid #039694;
  position:relative;
  overflow:hidden;
  float:left;
  left: calc(50% - 250px);
}
.teaseransprechpartnertemplate .text-wrapper{
  display: inline-block;
  width: auto;
  text-align: left;
}
.teaseransprechpartnertemplate .text-wrapper *{
  padding-left:0;
}
.teaseransprechpartnertemplate img.image.image-left {
  margin:0;
  position:absolute;
  width:100% !important;
  height:auto;
  max-width:100% !important;
  left:0;
}

.teaserverbraucherinformationentemplate .trenn-line {
  display:none;
}
.teaserverbraucherinformationentemplate ul {
  margin:0;
}
.teaserverbraucherinformationentemplate h2 + div + ul {
  margin-top:48px;
  margin-bottom:0;

}
@media screen and (max-width: 991px) { 
  .teaseransprechpartnertemplate .image.image-left,
  .mitglied-werden-template .image.image-left {
    width:40% !important;
    max-width:40% !important;
    margin-top:0;
  } 
  .teaseransprechpartnertemplate p,
  .mitglied-werden-template p {
      padding-left:40%;
  }
}
@media (max-width: 767px) {
  
  .teasericontemplate ul li,
  .teaserverbraucherinformationentemplate ul li {
    margin-bottom:48px;
  }
  .teasericontemplate ul li:last-child,
  .teaserverbraucherinformationentemplate ul li:last-child {
    margin-bottom:0px;
  }
  .mitglied-werden-template .trenn-line {
    display:none;
  }
  .mitglied-werden-template .image.image-left {
    width: 200px !important;
    max-width: 200px !important;
    margin: 0 auto;
    display: block;
    float: none;
    margin-top:24px;
  }
  .mitglied-werden-template p {
    padding-left: 0%;
    margin-top:24px;
  }
}
@media screen and (max-width: 640px) {
  .teaseransprechpartnertemplate .image-wrapper {
    margin: 0;
    float:none;
    left:calc(50% - 102px);
  }
  .teaseransprechpartnertemplate div  * {
    text-align:center;
  }
  .teaseransprechpartnertemplate h3 {
    text-align:center;
    width:100%;
  }
}
/*
@media screen and (max-width: 575px) {
  .teaseransprechpartnertemplate .image.image-left,
  .mitglied-werden-template .image.image-left {
    width:40% !important;
    max-width:40% !important;
    margin-top:0;
  }
  .teaseransprechpartnertemplate p,
  .mitglied-werden-template p {
      padding-left:40%;
  }
}
@media screen and (max-width: 404px) {
  .teaseransprechpartnertemplate .image.image-left {
      width:100% !important;
      max-width:100% !important;
      margin-top:0;
  }
  .mitglied-werden-template .image.image-left {
    width:40% !important;
    max-width:40% !important;
    display:block;
    margin-left:30%;
  }
  .teaseransprechpartnertemplate p,
  .mitglied-werden-template p {
    padding-left: 0 !important;
    display: block;
    width: 100%;
    float: left;
  }
}*/
.prefooter-container-row:only-child {
  background-color: var(--prefooter-container-alternate-background-color);
  border-top: 10px solid #1fb4b5;
}
.prefooter-container-row:last-child {
    background-color: #fff !important;
}


@media (max-width: 1199px) {
  .docview.dv-dokument .container {
    max-width: 1140px;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .hauptnavigation .toolbar { 
    width:100% !important;
    display: block;
    float: left;
    max-width:100% !important;
  }
  .hauptnavigation .toolbar #toolbar_search {
    border-bottom: none;
    float: left;
    margin-left: 0;
    width:100%;
  }
  .hauptnavigation .toolbar #toolbar_search #searchInputbox {
    width:calc(100% - 35px);
    padding:0 15px;
    background:#fff;
  }
}
	.teaserpressetemplate ul li:hover a {
    color: #c36603 !important;
  }
  .startseite .templates-aktuelles + .templates-aktuelles {
    border-top:none;
    border-bottom: 10px solid #1fb4b5;
  }