@charset "UTF-8";
/* CSS Document */

html {
  scroll-behavior: smooth;   
}

.uk-container-xxlarge {
  max-width: 1800px;
}


.flexbox { 
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
	  	  
	  }

.nowrap { 
  -webkit-flex-flow: nowrap;
      -ms-flex-flow: nowrap;
          flex-flow: nowrap;
	/*breite flexibel passt sich ein - standard*/ 
	  }	

.wrap { 
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
	/*breite fix passt sich nicht ein*/
	  }
	  
.space-between { 	    
-webkit-box-pack:justify;
      -ms-flex-pack:justify;
		-webkit-justify-content:space-between;
          justify-content:space-between;
}

.horizontal-mitte {
-webkit-box-flex:1;
      -ms-flex:1 auto;
          flex:1 auto; 
		  display:flex;  
		  -webkit-box-align:center;  
		  -ms-flex-align:center;  
		  align-items:center; 
		  
		  /*-webkit-box-pack:center; 
		  -ms-flex-pack:center; 
		  justify-content:center;*/
		   
		  -ms-flex-item-align:stretch; 
		  align-self:stretch; 
}

.position-relative {position: relative;}
.margin-auto {margin: auto;}
.width-100 {width: 100%;}
.border-radius-11px {border-radius: 11px;}

/* auch im tinymce_skin.css*/
.hg_schwarz {background-color: #000000 !important;}
.hg_grau {background-color: #7c7c7b !important;} /*war vorher dddddd*/
.hg_gruen {background-color: #d4d113 !important;}
.hg_blau {background-color: #3093cc !important;}
.hg_weiss {background-color: #fff !important;}
.hg_grau_hell {background-color: #f4f3f4 !important;}
.hg_dunkelgrau {background-color: #595959 !important;}
.hg_gruen_hell {background-color: #f7f6de !important;}
.hg_blau_hell {background-color: #e1eaf7 !important;}
.hg_orange {background-color: #da7627 !important;}
.hg_gelb {background-color: #e0bf00 !important;}
.hg_wiesengruen {background-color: #609667 !important;}
.hg_blaugrau {background-color: #84b5b4 !important;}
.hg_orange_hell {background-color: #f7e1cd !important;}
.hg_gelb_hell {background-color: #f9efce !important;}
.hg_wiesengruen_hell {background-color: #dbe5da !important;}
.hg_blaugrau_hell {background-color: #e3edee !important;}

.schwarz {color: #000000 !important;}
.grau {color: #7c7c7b !important;} /*war vorher dddddd*/
.gruen {color: #d4d113 !important;}
.gruen_pastel {color: #9fb983 !important;} 
.blau {color: #3093cc !important;}
.weiss {color: #fff !important;}
.grau_hell {color: #f4f3f4 !important;}
.gruen_hell {color: #f7f6de !important;}
.blau_hell {color: #e1eaf7 !important;}
.orange {color: #da7627 !important;}
.gelb {color: #e0bf00 !important;}
.wiesengruen {color: #609667 !important;}
.blaugrau {color: #84b5b4 !important;}
.orange_hell {color: #f7e1cd !important;}
.gelb_hell {color: #f9efce !important;}
.wiesengruen_hell {color: #dbe5da !important;}
.blaugrau_hell {color: #e3edee !important;}

.grossbuchstaben {text-transform:uppercase;}

.klein_14pt {font-size:14px; display: inline-block;}
.klein_13pt {font-size:13px; display: inline-block;}
.klein_12pt {font-size:12px; display: inline-block; }
.klein_11pt {font-size:11px; display: inline-block;}
.klein_10pt {font-size:10px; display: inline-block;}
.klein_9pt {font-size:9px; display: inline-block;}

.extra-light {font-family: "AlbulaPro-ExtraLight";}
.extra-light-oblique {font-family: "AlbulaPro-ExtraLightOblique";}
.light {font-family: "AlbulaPro-Light";}
.light-oblique {font-family: "AlbulaPro-LightOblique";}
.regular {font-family: "AlbulaPro-Regular";}
.regular-oblique {font-family: "AlbulaPro-Oblique";}
.bold {font-family: "AlbulaPro-Bold";}
.bold-oblique {font-family: "AlbulaPro-BoldOblique";}
.extra-bold {font-family: "AlbulaPro-ExtraBold";}

.shitake {font-family: 'Shitake Regular';}

.shitake_ue_schraeg {font-family: 'Shitake Regular'; margin:auto; padding: 8px 12px; transform: rotate(-3deg); font-size: 3em; border-radius:10px; position: relative; top: 0px; line-height: 1;}

/* auch im tinymce_skin.css ENDE */

main.no_padding_bottom {padding-bottom: 0;}

.uk-h1.uk-h1-xxxxl {
  font-size: 3rem;
  font-family: "AlbulaPro-ExtraLight";    
}

.uk-h1.uk-h1-xxxl {
  font-size: 2.7rem;
  font-family: "AlbulaPro-ExtraLight";    
}

.uk-h1.uk-h1-xxl {
  font-size: 2.333333rem;
}



.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}

.abstand-unten-5px {margin-bottom: 5px !important;}
.abstand-unten-10px {margin-bottom: 10px !important;}
.abstand-unten-15px {margin-bottom: 15px !important;}
.abstand-unten-20px {margin-bottom: 20px !important;}
.abstand-unten-25px {margin-bottom: 25px !important;}
.abstand-unten-30px {margin-bottom: 30px !important;}

.hg_section {padding-top:35px; padding-bottom: 10px;}

/* Silbentrennung */
#main {-webkit-hyphens: auto;}
@supports (hyphens: auto) {
    #main {
        hyphens: auto;
    }
}



/*Header*/


.cc-navbar-siteLogoImg.logo-enesi {
  max-width:64px;
}
.cc-mainHeader-sticky:not(.uk-active) .cc-navbar-siteLogoImg.logo-enesi {
  max-width: 76px;
}

.cc-navbar-siteLogoImg.logo-wks-sl {
  /*max-width:64px;*/
}
.cc-mainHeader-sticky:not(.uk-active) .cc-navbar-siteLogoImg.logo-wks-sl {
  max-width: 90px;
}

.cc-navbar-siteLogoImg.logo-wks-bg {
 /* max-width:64px;*/
}
.cc-mainHeader-sticky:not(.uk-active) .cc-navbar-siteLogoImg.logo-wks-bg {
  /*max-width: 76px;*/
}

.cc-mainHeader-sticky:not(.uk-active) .cc-navbar-siteLogoImg.logo-wls-bg-2 {max-width: 110px;}

.cc-navbar-siteLogoImg.logo-wls-bg-2 {
  max-width: 71px;
}

.bg-padding {/*padding-left:7%;*/}

.bg-padding li {position: relative;}
.bg-padding a.bg_menu_logo_1 {width: 147px; height: 47px;}
.bg-padding a.bg_menu_logo_2 {width: 124px; height: 47px;}
.bg_menu_postion {position: relative; top:22px;}


.logo-wls-bg, .logo-wls-bg-2 {position: absolute;}
.logo-wls-bg {max-width: 120px !important; padding-bottom: 6px; top:-16px; position: absolute;}
.logo-wls-bg-2 {max-width: 93px !important; padding-bottom: 6px; top:-16px; position: absolute;}

.cc-mainHeader-sticky.uk-active .logo-wls-bg {max-width: 99px !important; top:3px;}
.cc-mainHeader-sticky.uk-active .logo-wls-bg-2 {max-width: 81px !important; top:1px;}

.cc-langNav.sprache_border_left {border-left:1px solid #d4d113;}


/* breadcrumb ausblenden */
.cc-breadcrumb-wrapper {display: none;}

/*transition header*/
.cc-mainHeader-sticky {-webkit-transition:all 0.6s ease 0s; transition:height 0.6s ease 0s; /*height: 93px;*/}
.cc-mainHeader-sticky.uk-sticky-fixed.uk-active {/*height: 57px;*/}
.cc-navbar-siteLogoImg {transition:all 0.6s ease 0s;}
.cc-mainHeader-sticky .uk-icon-image {transition:all 0.6s ease 0s;}
.cc-emporiumNav {transition:all 0.6s ease 0s;}
/*transition header ende*/

.cc-langNav {margin-right:-32px;} /*sprachwahl raus ruecken*/

/* Hauptnavi runde Ecken unten */
.cc-mainNav-sub1, .cc-mainNav-sub2 {border-radius: 0 0 16px 16px;}
/* uk-parent uk-open */


/* Hauptnavi SM Icons */
/*nur bei hohem menü .cc-mainHeader-sticky.uk-active */
.cc-mainHeader-sticky:not(.uk-active) .cc-navbarUtilities-socialMedia li {
    padding-left:6px;
} 

.cc-mainHeader-sticky:not(.uk-active) .cc-navbarUtilities-socialMedia .uk-icon-image {width: 25px; height: 25px;}


/* Hauptnavi mobil Offcnavas */
.cc-offcanvas-socialMedia {justify-content: center;}
.cc-offcanvas-socialMedia .uk-icon-image {width: 35px; height: 35px;}

.cc-offcanvas-langNav {margin-bottom: 25px;}

/*Startseite slider */
.cc-mainHeader-imgInfoTitle span { font-family: albulapro-extralight;}

/*Startseite News Bereich mit HG bild */
.cc-newsTeaserBlock {background-position: right bottom;} /*in mobiler Ansicht rechtsbündig*/

/*Startseite Textslider über großem Bild/Video*/
@media (min-width: 640px) {
  .cc-mainHeader-imgInfo {
    width: 70%;
  }
    .cc-mainHeader-imgInfoTitle {padding-left:5px; }
}

.cc-mainHeader-imgInfoTitle {padding-top:10px; }

@media (max-width: 640px) and (orientation: portrait) {
    .cc-mainHeader-imgInfoContainer .uk-slideshow-items {min-height:250px !important; }
}

.cc-mainHeader-imgInfoButton {border-radius: 3px; margin-left: 0px;}
.cc-mainHeader-imgInfoButton::after {content: '';}

/*Startseite news Block */
.cc-newsTeaserBlock {padding-bottom: 120px; color:inherit;}



/* News Teaser */
.hg_weiss_news_teaser {background-color: #fff !important; padding: 15px; border-radius: 0 0px 5px 5px;}
.cc-newsTeaserBlock-teaser {color:inherit;}

/* Teaser - Text & Bild bis zu 3 Teaser nebeneinander */
.cc-teaserBlock {color:inherit;}
.cc-teaserBlock-teaserHl {font-family: inherit;}
.cc-teaserBlock-teaserSummary {font-family: inherit; line-height: inherit; font-size: inherit; letter-spacing: inherit; word-break: inherit; /*keep-all*/}
@media (min-width:640px){
.cc-teaserBlock-teaser {height: calc(100% - 30px);}
}
@media screen and (max-width:640px) {
    .cc-teaserBlock-figure {margin: auto;} /*bilder mittig in mobiler ansicht*/
}

/*@media (min-width:640px){
   .teaser_block_min_height {min-height: 60px;} 
}*/

/* Team Kontakt */
.cc-contactBlock {background-color: transparent;}
.cc-contactBlock-image {max-width: 115px;}
.cc-contactBlock-task {font-size:0.870rem;}

@media screen and (max-width:640px) {
    .cc-contactBlock-imageSection, .cc-contactBlock-personalData {text-align: center;}
    .cc-contactBlock-contactData {display: block;}
    .cc-contactBlock-contactData > * {display: flex; justify-content: center;}
}

/* Bild inhalt */
.bild_inhalt img {width: 100%;}
.bild_inhalt.halbe_breite {width: 50%;}

/* Bild Banner */
.banner img {width: 100%;}

/*FAQ akkordion */

.acc_linie_grau {border-top: 1px solid #c8c8c7; }
.trigger_klein {font-weight:300; font-size:1.400em; cursor:pointer; position:relative;  padding-right:30px; padding-bottom:14px;}
.trigger_klein:after {content:'+'; position:absolute; right:10px; top:3px; color:#9d9d9c;}
.accordion {border-bottom: 1px solid #c8c8c7; padding-top:14px; }
.trigger_klein.open:after {content:'-'; position:absolute; right:10px; top:3px; color:#9d9d9c;}
.toggle_container_klein {display:none; }

.faq_icon {width: 100px;}
.faq_icon img {width: 100%; height: auto;}
.faq_text {width: calc(100% - 120px);}
@media screen and (max-width:640px) {
   .faq_icon {width: 70px;}
    .faq_text {width: calc(100% - 85px);} 
}

.accordion_strich_plus_links {}
.accordion_strich_plus_links .trigger_klein:after {right:auto; left:-23px; top:1px;}
.accordion_strich_plus_links .trigger_klein {padding-bottom: 2px;}
.accordion_strich_plus_links .accordion {border-bottom:none; padding-left: 30px; border-left: 1px solid #c8c8c7; padding-top:0px;}
.accordion_strich_plus_links .toggle_container_klein p:last-of-type {margin-bottom: 0; padding-bottom: 15px;}

/* fotoslider */
.slideshow-foto {margin-bottom: 15px;}
.foto-slider-bild { }
.foto-slider-bild img {border-radius: 10px; box-shadow: 1px 1px 5px #ccc; width: 100%;}
.foto-slider-text {background-color: #f7f7f7; border-radius: 0 0 10px 10px; margin-top: -8px; padding: 3px 2% 3px 2%; color:#666666; font-size:0.933em;}
.foto-slider-text p {margin-bottom: 12px; margin-top: 10px;}

/* bannerslider */
.slideshow-banner {margin-bottom: 0px;}
.banner-slider-bild {position: relative; width: 100%; overflow: hidden;}
.banner-slider-bild img {width: 100%;}
.banner-slider-text {bottom: 30%; left:0; width: 100%; position: absolute; }
.banner-slider-text span {padding: 3px 10px 0px 10px; display: inline-block;}

.banner-slider-h1 {font-size: 2.6rem; line-height: 1.2; font-family: "AlbulaPro-ExtraLight"; }
.banner-slider-h2 {font-size:3rem; line-height: 1.2; font-family: "AlbulaPro-ExtraBold"; }

@media (max-width:1180px) {
    .banner-slider-h1 {font-size: 2rem;}
    .banner-slider-h2 {font-size:2.4rem;}
    /*.banner-slider-text {bottom: 20%;}*/
}

@media (max-width:860px) {
    .banner-slider-h1 {font-size: 1.6rem;}
    .banner-slider-h2 {font-size:2rem;}
    .banner-slider-bild img {width: 218%; max-width: none; margin-left: -59%;}
    .banner-slider-bild img.left {margin-left: 0;}
    .banner-slider-bild img.right {margin-left: -118%;}
    /*.banner-slider-text {bottom: 10%;}*/
}

@media (max-width:440px) {
    /*.banner-slider-bild img {width: 200%; max-width: none; margin-left: -50%;}*/
}

/* fotogalerie */
.fotogalerie { margin-bottom:35px;}
.galleryimg {float:left; margin-right:10px; margin-bottom:10px; width: 175px; height: auto; display: block;}
.galleryimg img {width: 100%; height: auto;  border-radius: 10px; box-shadow: 2px 2px 10px #ccc;}

@media screen and (max-width:400px) {
	.galleryimg {float:inherit; width: 100%; margin-right:0px;}
}

/*Ankerbox*/

.ankerbox {background-color: #fff; border-radius: 12px 12px 7px 7px; box-shadow: 2px 2px 10px #ccc; border-bottom:5px solid #d4d113; text-align: center; padding:25px 10px 0px 10px;}
.ankerbox.ankerbox_gruen_pastel {border-color:#9fb983;}
.marginminus {margin-top:-25px; position:relative;}
.ankerbox ul, .ankerbox li {list-style: none; padding: 0; margin: 0;}
.ankerbox li {display: inline-block; padding: 0 2%;}
.ankerbox li:after {position:relative; content: ''; display: block; height: 8px; width: 100%; background-image: url("../bilder/icon_pfeil_runter_grau.svg"); background-repeat: no-repeat; background-position: top center; background-size: 12px auto; margin-top: 10px; margin-bottom: 15px;}
.ankerbox a {color:#7c7c7b; font-size:1.125em; font-family: "AlbulaPro-ExtraBold";}
.ankerbox a:hover {color:#d4d113;}

@media screen and (max-width:640px) {.ankerbox li {display: block;}}

/*Download*/
.cc-downloadBlock-button {bottom:-17px;}
.cc-downloadBlock-divider {bottom:0px;}
.cc-downloadBlock-hl {font-size:1.266666666rem;}
.cc-downloadBlock-hl, .cc-downloadBlock-fileName, .cc-downloadBlock-fileMeta {color:#7c7c7b;}

/*Download 2*/
.downloadBlock_2 {}
.download_box {border:1px solid #b2b2b2; padding: 0 20px; margin-bottom: 12px;}
.download_box_text {width: calc(94% - 120px); min-height: 46px; padding: 12px 0;}
.download_box_no_min_height .download_box_text { min-height:auto;}
.download_box_button {width: 120px;}
.download_box_button a {background-color: #b2b2b2; color:#fff; display: block; width: 120px; text-align: center; text-transform: uppercase; border:1px solid #b2b2b2; font-size:0.857em; padding: 2px 0; margin-left: auto;}
.hg_grau_hell .download_box_button a {background-color:#fff; color:#7c7c7b;}
.download_box_button a:hover {background-color: #d4d113; color:#fff;}

@media screen and (max-width:640px) {
    .download_box_button {width: 100%;}
    .download_box_text {width:100%; padding-bottom: 8px;  min-height:inherit;}
    .download_box_button a {margin-left: 0; margin-bottom: 10px;}
}

/* Doppelblock */
.doppelbox {}
.doppelbox_box {width: 46%;}
.doppelbox_bild {margin-bottom: 20px; text-align: center;}
.doppelbox_h_gruppe {margin-bottom:24px;}
.doppelbox h3 {font-size:1.933em; line-height:1.150em; margin: 0; }
.doppelbox h4 {font-size:1.933em; line-height:1.250em; margin: 0; }
.doppelbox_inhalt {}
.doppelbox_text_gruppe {}
.doppelbox .action_text_box_button {color:#fff;}

.doppelbox .right{text-align: right;}
.doppelbox .left {text-align: left;}
.doppelbox .center {text-align: center;}

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

.ankerzielbox {height: 1px; position: relative; overflow: hidden;}
.ankerziel {height: 1px; width: 1px; position: absolute; top:-85px; left: 0;}

/*Drittelbox mit hg farbe */
.drittelbox {}
.drittelbox.reverse {}
.drittelbox_1 {width: 58%; text-align: right;}
.drittelbox_2 {width: 42%; text-align: left;}

.reverse .drittelbox_1 {text-align: left; order: 2;}
.reverse .drittelbox_2 {text-align: right; order: 1;}

.drittelbox_1_inhalt{ max-width:620px; margin-right: 40px; display: inline-block; text-align: center; box-sizing: border-box; padding: 35px 3.2% 55px 3.2%;}
.drittelbox_2_inhalt{ max-width:392px;  display: inline-block; text-align: center; box-sizing: border-box; padding: 35px 4.8% 55px 4.8%;}
.reverse .drittelbox_1_inhalt {margin-right: 0px; margin-left: 40px;}

.drittelbox_1_inhalt.right, .drittelbox_2_inhalt.right {text-align: right;}
.drittelbox_1_inhalt.left, .drittelbox_2_inhalt.left {text-align: left;}

.drittelbox_h_gruppe {margin-bottom:24px;}
.drittelbox h3 {font-size:1.933em; line-height:1.150em; margin: 0; }
.drittelbox h4 {font-size:1.933em; line-height:1.250em; margin: 0; }

.drittelbox_bild {margin-bottom: 20px;}

.drittelbox_h_gruppe.weiss h3, .drittelbox_h_gruppe.weiss h4,.drittelbox_text_gruppe.weiss {color:#fff;}

@media screen and (max-width:840px) {
    .drittelbox_1 {width: 100%; }
    .drittelbox_2 {width: 100%;}
    .drittelbox_1_inhalt{ max-width:none; margin-right: 0px; padding: 35px 3.2% 55px 3.2%;}
.drittelbox_2_inhalt{ max-width:none; padding: 35px 4.8% 55px 4.8%;}
}


/*Aktions Felder Bild Text */
.action_foto_text_box { min-height:380px; display: -webkit-flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;}

.action_text_box {box-sizing: border-box;}
.action_text_box .action_text_box_v1 {width:100%; padding:35px 3% 5px 3%; position:relative; text-align:center; box-sizing: border-box;}
.action_text_box .action_text_gruppe {margin-bottom:0px;}
.action_text_box .action_text_box_pfeil {position:relative; display:inline-block; left:inherit; bottom:inherit; margin-bottom:15px;}

.action_text_box .action_text_box_v1.weiss, .action_text_v1_h_gruppe.weiss h3, .action_text_v1_h_gruppe.weiss h4 {color:#fff;}

.action_foto_box_v1 {width:50%; background-size:cover; background-position:center center; background-repeat:no-repeat; box-sizing: border-box;}  
.action_text_box_v1 {width:50%; padding:35px 20% 5px 3%; position:relative; box-sizing: border-box;}
.action_text_v1_h_gruppe {margin-bottom:35px;}
.action_text_box_v1 h3 {font-size:1.813em; font-weight:700; line-height:1.150em;}
.action_text_box_v1 h4 {font-size:1.813em; font-weight:300; line-height:1.150em;}
.action_text_gruppe {margin-bottom:75px;}
.action_text_box_pfeil {position:absolute; left:6%; bottom:20px; display:block; width:48px; height:48px; background-image: url(../bilder/icon_aktion_pfeil.png);
  background-image: 
    linear-gradient(transparent, transparent),
    url(../bilder/icon_aktion_pfeil.svg);
	background-repeat:no-repeat; background-position:0px 0px; background-size:48px 48px;}



@media screen and (max-width:1280px) { 
	.action_text_box_v1 {padding-right:10%;}
}

@media screen and (max-width:965px) {
	.action_text_box_v1 {padding-right:3%;}
}

@media screen and (max-width:840px) {
	.action_foto_text_box { min-height:inherit; display:block;}
	.action_text_box_v1 {padding-right:5%; padding-left:5%;}
	.action_text_gruppe {margin-bottom:10px;}
	.action_text_box_pfeil {position:relative; padding-left:6%; top:inherit; left:inherit;}
	.action_foto_box_v1 {display:none;}
	.action_text_box_v1 {width:100%;}
	.action_text_box_v1 h3 {font-size:1.513em;}
	.action_text_box_v1 h4 {font-size:1.513em; }
}


/* Block Marketing  */

.action_foto_hg_text_box {background-size:cover; background-position:center center; background-repeat:no-repeat; min-height:345px;  }
.schatten {box-shadow: 2px 2px 10px #ccc;}
.rund {border-radius: 10px;}

.action_foto_hg_text_box.hoch {min-height:500px;}
.action_foto_hg_text_box.foto_no {min-height:inherit;}

.action_foto_box_hoch {display:none;}
.action_foto_box_v2 {display:none; border-radius: 10px 10px 0 0;}
.action_text_box_v2 {max-width:620px; margin-left:45%; padding-top:35px; padding-right:5%;}
.action_text_box_v2.text-start-oben {padding-top:35px;}
.foto_hg_re .action_text_box_v2 {margin-left:8%; max-width:500px;}

.foto_hg_mitte .action_text_box_v2 {margin:auto; max-width:500px; padding-left: 0; padding-right:0; text-align: center;}

.action_text_gruppe p {margin-bottom: 0; padding-bottom: 20px;} /*margin greift bei mobil nicht - stattdessen passing*/
.action_text_v2_h_gruppe {padding-bottom:24px;}
.action_text_box_v2 h3 {font-size:1.933em; font-weight:300; line-height:1.150em; margin: 0; color:#000;}
.action_text_box_v2 h4 {font-size:1.933em; font-weight:700; line-height:1.250em; margin: 0; color:#000;}
.action_text_box_v2 h5 {font-size:1.063em; font-weight:500; line-height:1.150em; margin-top:15px; color:#000;}

.action_text_gruppe.weiss {color:#fff;}
.action_text_v2_h_gruppe.weiss h3, .action_text_v2_h_gruppe.weiss h4, .action_text_v2_h_gruppe.weiss h5 {color:#fff;}
.action_text_gruppe {font-size:1.067em; line-height: 1.3em; }
.action_foto_hg_text_box .action_text_gruppe {margin-bottom:0px;}
.action_text_box_button {font-family: "AlbulaPro-ExtraBold"; font-size:0.875em; margin-bottom:20px; display:inline-block; background-color:#fff; color:#000; text-decoration:none;  text-transform:uppercase; padding:15px 15px 12px 15px; letter-spacing: 1px; }

.action_text_box_button.grau_hg {background-color:#efefef; color:#fff;}


.action_text_box_button.schwarz {border-radius: 10px;}
.action_text_box_button.weiss {color:#fff; background-color: #000; }
.action_text_box_button.download {position: relative; padding-left: 40px;}
.action_text_box_button.download::before {position: absolute; left:-35px; top:-20px; display: block; content: ''; width: 80px; height: 80px; background-image: url(../bilder/icon_download.png); background-repeat: no-repeat; background-size: 80px 80px;}

@media screen and (max-width:965px) {
	.action_text_box_v2 {max-width:660px; margin-left:35%;}
	.foto_hg_re .action_text_box_v2 {margin-left:8%;}
}

@media screen and (max-width:840px) {
    .action_foto_box_hoch {display:block;}
	.action_foto_hg_text_box {background-image:none !important;}
	.action_foto_box_v2 {display:block; min-height:300px; background-size:cover; background-position:center center; background-repeat:no-repeat;}
	.foto_hg_re .action_foto_box_v2 {background-position:right center;}
	.action_foto_box_v2 img {width:100%; }
	.action_text_box_v2, .foto_hg_re .action_text_box_v2, .foto_hg_mitte .action_text_box_v2 {max-width:100%; margin-left:0; padding-right:5%; padding-left:5%; padding-top:15px;}
	/*.action_text_box_v2 h3 {font-size:2.4em;}
	.action_text_box_v2 h4 {font-size:2.4em; }
	.action_text_box_button {font-size:1.2em;}*/
	
	/*.action_text_box_v2 .action_text_v2_h_gruppe.weiss, .action_text_box_v2 .action_text_gruppe.weiss {color:#000;}*/
    
    /*text muss schwarz sein in mobiler ansicht wenn hell_grauer_hg*/
    .action_foto_hg_text_box.hg_grau_hell .action_text_v2_h_gruppe.weiss,
    .action_foto_hg_text_box.hg_grau_hell .action_text_gruppe.weiss,
    .action_foto_hg_text_box.hg_grau_hell .action_text_v2_h_gruppe.weiss h3, 
    .action_foto_hg_text_box.hg_grau_hell .action_text_v2_h_gruppe.weiss h4, 
    .action_foto_hg_text_box.hg_grau_hell .action_text_v2_h_gruppe.weiss h5 
    {color:#000 !important;}
    
    .text_top_absolute  {padding-top:20px;}
}

@media screen and (max-width:480px) {
		.action_foto_box_v2 { min-height:230px;}
}


.action_foto_hg_text_box {}
.text_top_absolute  {position: absolute; top:0; left: 0; width: 100%;}
.text_bottom_absolute  {position: absolute; bottom:0; left: 0; width: 100%;}

.action_foto_box_infogram_desktop {display: none;}
.action_foto_box_infogram_mobil {display: block;}

.action_foto_box_infogram_mobil iframe, .action_foto_box_infogram_desktop iframe {border-radius: 10px;}

.infogram_desktop {display: none;}
.infogram_mobil {display: block;}

@media screen and (min-width:841px) {
    .action_foto_hg_text_box.text_bottom {position: relative;}
    .text_bottom  {position: absolute; bottom:0; left: 0; width: 100%;}
    .action_foto_box_infogram_desktop {display: block;}
    .action_foto_box_infogram_mobil {display: none;}
    .infogram_desktop {display: block;}
    .infogram_mobil {display: none;}
}

.foto_no .text_bottom_absolute, .foto_no .text_top_absolute {position: relative;}


.button {font-family: "AlbulaPro-ExtraBold"; font-size:0.875em; margin-bottom:20px; display:inline-block; color:#fff; background-color: #d4d113; text-decoration:none;  text-transform:uppercase; padding:15px 15px 12px 15px; letter-spacing: 1px; border-radius: 10px; border:1px solid #d4d113;}
.button:hover {color:#fff;}
.button.reverse {border:1px solid #d4d113; background-color: #fff; color:#d4d113;}

.calltoaction_box {}

.calltoaction_button {
    display: inline-block; background-color: #d4d113; color: #fff;  margin: 5px 1% 8px 1%; border: none; font-size: 1.6em; padding:10px 48px 10px 48px; border-radius: 5px; font-family: "AlbulaPro-Bold"; letter-spacing: 1px; /*text-transform: uppercase;*/ cursor: pointer; box-shadow: 1px 1px 8px #ccc; width: 300px; text-align: center;
}
.calltoaction_button.hg_gruen_pastel {background-color:#9fb983;}
.calltoaction:hover,  .calltoaction_button.hg_gruen_pastel:hover {background-color:#7c7c7b; color:#fff;}
.calltoaction span {transform: scale(1, 1.5); display: inline-block; font-family: "AlbulaPro-Regular"; font-size: 1.1em; position: relative; top:1px;}


/* Aktuelles News */

.news_outline .cc-newsTeaserBlock-teaser a {border:1px solid #DDDDDD;}

.cc-newsTeaserBlock-teaser a {border-radius: 15px; overflow: hidden; background-color: #fff;}

.news_verlauf_hg {
    position: absolute;
    top: -50px;
    left: 0;
}
.news_bild {position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
@media screen and (max-width:639px) {
    .news_dummy_bild {display: none;}
    .news_bild {position: relative;}
    .hg_weiss_news_teaser {position: relative !important;}
}

/*spalten_3 submenue mit hg_bild */
.spalte_3_hg_bild_submenu {  box-sizing: border-box; }
.spalte_3_hg_bild_submenu_hgbild_desk {}
.spalte_3_hg_bild_submenu_hgbild_mob { }
.spalte_3_hg_bild_submenu_inner {padding: 50px 0 80px 0;}
.spalte_3_hg_bild_submenu_hgbild_desk, .spalte_3_hg_bild_submenu_hgbild_mob { background-repeat: no-repeat; background-size: cover;} 
.spalte_3_hg_bild_submenu_kreis {text-align: center; border-radius: 50%; background-color: rgba(255,255,255,0.85); height: 235px; width: 235px; padding: 30px 0 0 0; box-sizing: border-box; font-size:1.0666666666666667em; font-family: "AlbulaPro-ExtraBold"; margin: auto; margin-bottom: 40px;}
.spalte_3_hg_bild_submenu_kreis img {margin-bottom: 15px;}
.spalte_3_hg_bild_submenu_headline {text-align: center; font-size: 3.5rem; line-height: 1.2; font-family: "AlbulaPro-ExtraBold"; margin-bottom: 120px;}
.spalte_3_hg_bild_submenu_menue_container {}
.spalte_3_hg_bild_submenu_box {width: 31%;}
.spalte_3_hg_bild_submenu_menue ul, .spalte_3_hg_bild_submenu_menue li {margin: 0; padding: 0; list-style: none;}
.spalte_3_hg_bild_submenu_menue li a {background-color: #fff; border-radius: 5px; color:#000; text-decoration: none; display: inline-block; background-image: url(../bilder/icon_pfeil_re.svg); background-repeat: no-repeat; background-position: 98% center; padding: 6px 25px 6px 10px; margin-bottom: 12px; font-size:0.9333333333333333em; font-family: "AlbulaPro-ExtraBold"; width: 100%; box-sizing: border-box;}
.spalte_3_hg_bild_submenu_menue li a:hover {color:rgb(124, 124, 123);}

@media screen and (max-width:790px) {
    .spalte_3_hg_bild_submenu_kreis {height: 185px; width: 185px; font-size:0.9em; line-height: 1.3em;}
    .spalte_3_hg_bild_submenu_kreis img {height: 50%;}
    .spalte_3_hg_bild_submenu_headline {font-size: 2.7rem;}
}

@media screen and (min-width:621px) {
    .spalte_3_hg_bild_submenu_hgbild_mob {background-image: none !important; }
}

@media screen and (max-width:620px) {
    .spalte_3_hg_bild_submenu_box {width: 100%; max-width: 300px; margin: auto; margin-bottom: 40px;}
    .spalte_3_hg_bild_submenu_hgbild_desk {background-image: none !important;}
    .spalte_3_hg_bild_submenu_headline {margin-bottom: 50px;}
}

.pics_in_row {flex-flow: wrap; justify-content: center;}
.pics_in_row img {display: block; margin: 0 1% 10px 1%; max-width: 135px; width: 24%;}
@media screen and (max-width:680px) {
    .pics_in_row img {display: block; margin: 0 1% 10px 1%; max-width: 135px; width: 48%;}
}

.pics_in_row_inline {text-align: center;}

.anmelden_123_box { margin-top: -140px; margin-bottom: 50px;}
.anmelden_123_oben {color:#fff; margin: auto; padding: 8px 12px; transform: rotate(-3deg); text-align: center; font-size: 2.5em; border-radius: 10px; display: inline-block; position: relative; top:8px; line-height: 1;}
.anmelden_123_unten {border-radius: 10px; box-shadow: 2px 2px 12px #ccc; background-color: #fff; padding: 20px 20px; width: 100%; box-sizing: border-box;}
.anmelden_123_unten > .flexbox {justify-content: center;}
.anmelden_123_schritt {}
.anmelden_123_pfeil {position: relative; top:14px; margin-left: 12px; margin-right: 12px;}
.anmelden_123_kreis {color:#fff; border-radius: 50%; font-family: "AlbulaPro-ExtraBold"; font-size: 2.1em; width: 55px; height: 55px; display: inline-block; text-align: center; padding-top: 8px; box-sizing: border-box; margin-right: 10px; line-height: 1;}
.anmelden_123_text {display: inline-block; font-family: "AlbulaPro-ExtraBold"; line-height: 1.3em; font-size: 1.1em; position: relative; top:8px;}

/* CSS nur für Firefox */
@-moz-document url-prefix() {
    .anmelden_123_kreis {padding-top: 12px;}
}

@media screen and (max-width:785px) {
    .anmelden_123_unten > .flexbox {display: block;}
    .anmelden_123_schritt {width: 235px; margin: auto;}
    .anmelden_123_pfeil {width: 235px; margin: auto; text-align: center; top:0; padding: 15px 0 15px 0;}
    .anmelden_123_pfeil img {transform: rotate(90deg);}
    .anmelden_123_unten {max-width: 320px; margin: auto;}
}

.stromtarif_checks_boxes {margin-top: 45px; margin-bottom: 30px;}
.stromtarif_check_box {width: 48.5%; box-shadow: 2px 2px 12px #ccc; background-color: #fff; border-radius: 10px; display: flex; position: relative;}
.stromtarif_check_box_padding {padding: 20px 20px 35px 20px; display: flex; flex-direction: column; align-self: stretch; justify-content: space-between;}
.stromtarif_check_box h2 {hyphens: none; margin-bottom: 15px;}
.stromtarif_checks_boxes .yform button[type=submit], .yform #yform_form_stromtarif_check_2 button[type=submit] {width: 100%; text-transform: none;}
.stromtarif_checks_boxes .yform select, .stromtarif_checks_boxes .yform input {background-color: #fff; border:1px solid #ccc; border-radius: 3px;}
.stromtarif_check_box_text { }
#stromtarif_check_kosten {position: absolute; top:-120px; width: 1px;}

@media screen and (max-width:770px) {
    .stromtarif_check_box {width: 100%; max-width:360px; min-height: 390px; margin-left: auto; margin-right: auto; margin-bottom: 30px;}
}

.stromtarif_nachricht .yform textarea {background-color: #fff; border-radius: 5px; border:1px solid #ccc;}
.stromtarif_nachricht .yform input {background-color: #fff; border-radius: 5px; border:1px solid #ccc;}
.stromtarif_nachricht_2_cols div {width: 49%;}
.yform .stromtarif_nachricht_2_cols button[type="submit"] {width:100%; margin: 0;}

.stromtarif_nachricht #yform-yform_form_stromtarif_nachricht-datenschutz {font-size: 0.8em; margin-top: 10px;}

@media screen and (max-width:520px) {
    .stromtarif_nachricht_2_cols div {width: 100%;}
}

.stromtarif_nachricht_box {background-color: #fff; border-radius: 10px; border:1px solid #ccc; padding: 20px 20px;}
.stromtarif_nachricht_box_li {width: calc(100% - 140px);}
.stromtarif_nachricht_box_re {width: 140px; text-align: right;}
.stromtarif_push_call_button {display: inline-block; width: 187px; height: 187px; border-radius: 50%; position: relative; box-shadow: 2px 2px 12px #ccc; top:-40px; left: 4px;}
.stromtarif_push_call_button:hover {transform: scale(120%);}
.stromtarif_push_call_button_icon {position: absolute; top:-37px; left:73px; }
.stromtarif_push_call_button_text {color: #fff; padding: 60px 10px 0px 10px; text-align: center; font-family: "AlbulaPro-ExtraBold"; font-size: 0.95em;}
.stromtarif_push_call_button_text span {font-size: 1.1em; display: inline-block; padding-bottom: 2px;}

.stromtarif_nachricht_box_li h2 {margin-bottom: 10px;}
.stromtarif_nachricht_box_li h2 span {font-family: "AlbulaPro-ExtraBold";}
.stromtarif_nachricht_box_text {}

.stromtarif_checken_weiter_box {border-radius: 10px; border:1px solid #ccc; margin-top: 10px; padding: 10px 20px;}

@media screen and (max-width:720px) {
    .stromtarif_nachricht_box_li {width: 100%;}
    .stromtarif_nachricht_box_re {width: 100%; text-align: left; margin-bottom: 10px;}
    .stromtarif_push_call_button {top:0px; margin-top: 10px;}
}


.stromtarif_button { display: inline-block; background-color: #d4d113; color: #fff; background-size: 16px auto; background-repeat: no-repeat; background-position: 5px 4px; padding: 5px 28px 4px 28px; margin: 5px 0px 8px 0px; border: none; font-size: 0.9em; border-radius: 5px; font-family: "AlbulaPro-ExtraBold"; letter-spacing: 1px; /*text-transform: uppercase;*/ cursor: pointer;
}
.stromtarif_button:hover {background-color:#7c7c7b; color:#fff;}
.stromtarif_button.stromtarif_button_font_groesser {font-size: 1.3em; padding:5px 48px 4px 48px}


.stromtarif_gemeinde_box {text-align: center;}

.stromtarif_gemeinde_button {
    display: inline-block; background-color: #d4d113; color: #fff;  margin: 5px 1% 8px 1%; border: none; font-size: 1.6em; padding:10px 48px 10px 48px; border-radius: 5px; font-family: "AlbulaPro-Bold"; letter-spacing: 1px; /*text-transform: uppercase;*/ cursor: pointer; box-shadow: 1px 1px 8px #ccc; width: 300px; text-align: center;
}
.stromtarif_gemeinde_button:hover {background-color:#7c7c7b; color:#fff;}
.stromtarif_gemeinde_button span {transform: scale(1, 1.5); display: inline-block; font-family: "AlbulaPro-Regular"; font-size: 1.1em; position: relative; top:1px;}

.stromtarif_check_1_ok, .kosten_box {position: absolute; top:0px; left: 0px; width: 100%; height: 100%; border-radius: 10px; border:10px solid #d4d113; box-sizing: border-box; background-color: #fff; text-align: center; padding: 35px 15px 5px 15px; }
.stromtarif_check_1_ok_icon {margin-bottom: 10px;}
.stromtarif_check_1_ok_icon img {width: 75px;}
.stromtarif_check_1_text {}


.stromtarif_check_1_notok {position: absolute; top:0px; left: 0px; width: 100%; height: 100%; border-radius: 10px; border:10px solid #BB3032; box-sizing: border-box; background-color: #fff; text-align: center; padding: 35px 15px 5px 15px;}

#tarif_ok_close, #tarif_ok_close_2, #kosten_close {position: absolute; right: 17px; top: 10px; /*color: #d4d113;*/ font-family: "AlbulaPro-ExtraBold"; cursor: pointer;}

#stromtarif_button_accordion_text {padding-top: 10px;}

.stromtarif_button_accordion_pfeil {padding-top: 10px; padding-bottom: 10px;}

#stromtarif_button_accordion_box {display: none;}
#stromtarif_button_accordion_box.open {display: block;}

.stromtarif_check_1_text_box {}
.stromtarif_check_1_text_box_1 {}
.stromtarif_check_1_text_box_2 {}


.spalten_facts_box {}
.spalten_facts_box p {font-size:1.075em;}

.spalten_facts_box_li {text-align: right; width: 47%; margin-bottom: 10px; margin-top: 10px;}
.spalten_facts_box_re {text-align: left; width: 47%; margin-bottom: 10px; margin-top: 10px;}

@media (max-width: 760px) {
    .spalten_facts_box_li, .spalten_facts_box_re {text-align: center; width: 100%; }
}

.spalten_text_aufzaehlung_box {line-height: 2em; hyphens: initial;}
.spalten_text_aufzaehlung_box_li {text-align: right; width: 50%; padding-right: 4%; box-sizing: border-box; border-right:  1px solid #9fb983;}
.spalten_text_aufzaehlung_box_re {text-align: left; width: 50%; padding-left: 4%; box-sizing: border-box;}
.spalten_text_aufzaehlung_box ul {margin: 0; padding: 0;}
.spalten_text_aufzaehlung_box li:before {content: '»'; color:#9fb983; display: inline-block;  font-size:1.3em; position: absolute; left:0px; top:0px;}
.spalten_text_aufzaehlung_box li {list-style: none; position: relative; padding-left: 30px; }
.spalten_text_aufzaehlung_box p:last-of-type {margin-bottom: 0;}

@media (max-width: 760px) {
    .spalten_text_aufzaehlung_box_li, .spalten_text_aufzaehlung_box_re {text-align: left; width: 100%; border-left:  1px solid #9fb983; border-right: none;}
    .spalten_text_aufzaehlung_box_li {padding-left: 4%; padding-bottom: 16px; }
}


.tabelle_daten_2_spalten_box {}
.tabelle_daten_2_spalten_box table {border-collapse: collapse; width: 100%;}
.tabelle_daten_2_spalten_box tr {}
.tabelle_daten_2_spalten_box td {border-bottom:1px solid #E1E1E1; padding: 3px 12px; font-family: "AlbulaPro-Bold";}
.tabelle_daten_2_spalten_box td p:last-of-type {margin-bottom: 0;}
.tabelle_daten_2_spalten_box tr:last-of-type td {border-bottom: 0;}
.td_1_min_width {width: 73%;}

@media (max-width: 760px) {
    .tabelle_daten_2_spalten_box td {display:block;}
    .td_1_min_width {width: 100%;}
    .tabelle_daten_2_spalten_box td:nth-child(odd) {border-bottom:none; padding-top: 5px;}
    .tabelle_daten_2_spalten_box td:nth-child(even) {font-family: "AlbulaPro-Regular"; padding-top: 0px; padding-bottom: 5px;}
}


/* FOOTER */

.cc-mainFooter-logos-siegel {text-align: right; padding-bottom: 15px; padding-top: 15px;}
.cc-mainFooter-logos-siegel img {margin-left: 2%; margin-bottom: 8px;}

@media screen and (max-width:1200px) {
	.cc-mainFooter-logos-siegel {text-align: left;}
	.cc-mainFooter-logos-siegel img {margin-right: 2%; margin-left: 0;}
}


@media screen and (max-width:639px) {
	
	.cc-mainFooter-logos-siegel {text-align: center; }
	.cc-mainFooter-logos-siegel img {margin-right: 1%; margin-left: 1%;}
	
    .cc-mainFooter-siteOverview {display: none;}
    
    .cc-newsletterLogin {
        margin: auto;
        margin-top: -38px; /*newsletter überstehend*/
    }
    
    /*.cc-mainFooter-section1 {text-align: center;}*/
    .cc-mainFooter-socialMedia, .cc-infoLine, .cc-mainFooter-nav {justify-content: center;}
    .cc-mainFooter-copyright-box {width: 100%; text-align: center;}
    .cc-mainFooter-companyData {text-align: center;}
}


.cc-newsletterLogin-buttonIcon_2 {background-image: url("../bilder/icon_pfeil_re_blau.svg"); width: 24px; height: 24px;}
.cc-newsletterLogin-form {padding-right: 5px;}
.cc-newsletterLogin_text {width: calc(100% - 24px);}
.cc-newsletterLogin_icon {width: 24px;}

/* Anlage Details  */
.windparkbeschreibung {}
.windpark_hgroup {margin-top: 25px; margin-bottom: 25px;}
#windparkdetail .lower {margin-top: 14px;}


#windparklist table,
#windparkdetail table {
	border-collapse:collapse;

}

#windparklist table {
	width:100%;
}

#windparkdetail table {
	width:100%;
}


#windparklist .headline {
	height:40px;
	line-height:40px;
	text-transform: uppercase;

}

#windparklist th.wprow1cap {
	text-align:left;
	padding-left:10px;
	background-color: #eceade;
}

#windparkdetail .headline th {
	text-align:left;
	padding-left:10px;
}

#windparklist th.wprow2cap,
#windparklist th.wprow3cap,
#windparklist th.wprow4cap,
#windparklist th.wprow5cap,
#windparklist th.wprow6cap {
	background-color: #eceade;
	text-align: right;
}

#windparkdetail tbody td {
	line-height:30px;
	padding-left:10px;
}

#windparkdetail .hell {
	background:#e6e4e3;
}

#windparkdetail .dunkel {
	background:#f3f1f0;
}

#windparklist th.grey {

}

#windparklist .wprow1 {
	
	padding:0px 0px 20px 10px;
}
#windparklist .wprow1 a {
	padding-left:0px !important;
	background-image: none !important;
}

#windparklist tbody {
	border-bottom:1px solid #cdcccc;
}

#windparklist tfoot {
	background-color: #eceade;
	border-bottom:1px solid #cdcccc;
	border-top:3px solid #3093cc;
}

#windparklist .wprow2,
#windparklist .wprow3,
#windparklist .wprow4,
#windparklist .wprow5 {
	padding-top:32px;
	text-align: right;
}

#windparklist .wprow2,
#windparklist .wprow3,
#windparklist .wprow4,
#windparklist .wprow5,
#windparklist .wprow6 {
	
}

#windparklist .wprow6 {
	padding: 32px 0 0px 10px;
}
#windparklist .clicked,
#windparklist .hovered {
	background:#d4e4ed;
}
#windparklist th span.mobil {display: none;}
#windparklist th span.desktop {display: inline;}

@media screen and (max-width:640px) {
    #windparklist th {font-size: 60%;}
    #windparklist td {font-size: 80%;}
    #windparklist th span.mobil {display: inline;}
    #windparklist th span.desktop {display: none;}
    .wprow1cap {width: 25%;}
    .wprow2cap {width: 15%;}
    /*.wprow3cap {width: 15%;}*/
    .wprow4cap {width: 20%;}
    .wprow5cap {width: 25%;}
    .wprow6cap {width: 10%;}
}

/*Tabelle JSON */
.data table.verkaufanbote,
	.data table.kaufangebote {
      width: 100%;
      border-collapse: collapse; }
	  .data table.verkaufanbote caption,
	  .data table.kaufangebote caption {
		color: #fff;
		font-weight: bold;
		text-transform: uppercase;
		padding: 5px; }
		.data table.verkaufanbote caption small,
		.data table.kaufangebote caption small {
		  color: #fff;
		  font-weight: normal;
		  text-transform: none;
		  font-size: 13px; }
	  .data table.verkaufanbote td,
	  .data table.verkaufanbote th,
	  .data table.kaufangebote td,
	  .data table.kaufangebote th {
		width: 33.33%;
		text-align: center;
		border: 2px solid #ffffff;
		padding: 5px; }
		.data table.verkaufanbote td:first-child,
		.data table.verkaufanbote th:first-child,
		.data table.kaufangebote td:first-child,
		.data table.kaufangebote th:first-child {
		  border-left: none; }
		.data table.verkaufanbote td:last-child,
		.data table.verkaufanbote th:last-child,
		.data table.kaufangebote td:last-child,
		.data table.kaufangebote th:last-child {
		  border-right: none; }
	  .data table.verkaufanbote thead th,
	  .data table.kaufangebote thead th {
		color: #fff;
		font-weight: normal;
		text-transform: uppercase;
		text-align: center;
		font-size: 14px; }
	  .data table.verkaufanbote tbody td,
	  .data table.kaufangebote tbody td {
		 }
	.data table.verkaufanbote caption {
	  background-color: #d4d113;
	  border-radius: 10px 10px 0px 0px;
	  -moz-border-radius: 10px 10px 0px 0px;
	  -webkit-border-radius: 10px 10px 0px 0px; }
	.data table.verkaufanbote thead th {
	  background-color: #d4d113; }
	.data table.verkaufanbote tbody tr:nth-child(odd) td {
	  background-color: #f7f6ce; }
	.data table.verkaufanbote tbody tr:nth-child(even) td {
	  background-color: #efeb9b; }
	.data table.kaufangebote caption {
	  background-color: #3093cc; }
	.data table.kaufangebote thead th {
	  background-color: #3093cc; }
	.data table.kaufangebote tbody tr:nth-child(odd) td {
	  background-color: #cde3ed; }
	.data table.kaufangebote tbody tr:nth-child(even) td {
	  background-color: #99c1d4; }
	.data table.kaufangebote tbody tr:last-child td:first-child {
	  border-radius: 0px 0px 0px 10px;
	  -moz-border-radius: 0px 0px 0px 10px;
	  -webkit-border-radius: 0px 0px 0px 10px; }
	.data table.kaufangebote tbody tr:last-child td:last-child {
	  border-radius: 0px 0px 10px 0px;
	  -moz-border-radius: 0px 0px 10px 0px;
	  -webkit-border-radius: 0px 0px 10px 0px; }

/* VIDEO Banner */
.video-bg .video_height.mittel {
  position: relative;
  min-height: 430px;
  text-align: center;
  color: white;
}
.video-bg .video_height.hoch {
    min-height: 530px;
} 
            
.video-bg .video_height.schmall {
    min-height: 330px;
}            

.video-bg {
  position: relative;
  overflow: hidden;
}
.video-bg .video.cover {
  min-height: calc(100% + 2px);
  position: absolute;
  left: -1px;
  right: -1px;
}
.video-bg .video.cover::before {
  content: "";
  display: block;
  height: 0px;
  padding-bottom: 57.1428571429%;
}
.video-bg .video.cover video {
  width: auto;
  height: 100%;
  position: absolute;
  top: 0px;
}
.video-bg .video.cover.align-left video {
  left: 0px;
}
.video-bg .video.cover.align-center video {
  left: 50%;
  top: 0px;
  transform: translate(-50%, 0%);
}
.video-bg .video.cover.align-right video {
  right: 0px;
}
.video-bg .video.cover.align-top {
  top: 0px;
}
.video-bg .video.cover.align-middle {
  top: 50%;
  transform: translate(0%, -50%);
}
.video-bg .video.cover.align-bottom {
  bottom: 0px;
}

/* 
--------- Y-FORM ------------ 
*/

.yform_infopaket_hellgruen { padding: 0% 0% 2% 0%;  position: relative; z-index: 500;}
.yform_infopaket_dunkelgruen { font-family: "AlbulaPro-Bold"; background-color: #d4d113; color:#fff; margin-top: -6px;  position: relative; padding-top: 8px; border-radius: 0 0 6px 6px; font-size: 1.867em;  font-weight: 600; padding-left: 2%; padding-bottom: 3px;}
.yform_infopaket_dunkelgruen span {font-family: "AlbulaPro-Bold"; color:#7c7c7b;}
.yform_infopaket_dunkelgruen a {text-decoration: none; color:#fff;}
.yform_infopaket_dunkelgruen a:hover {color:#7c7c7b;}
.yform_infopaket_headline {}
.yform_infopaket_headline span {color:#d4d113;}
.yform_infopaket_text {padding-bottom: 12px;}
#yform_infopaket select { color: gray; }
#yform_infopaket option[selected="selected"] {
  color: black;
}


.yform_kontakt_headline, .yform_newsletter_headline {font-size:2.533em; font-family: "AlbulaPro-Bold"; }
.yform_kontakt_text {color:#000; padding-bottom: 12px;  font-size:0.933em; font-family: "AlbulaPro-SemiBold";}
.yform_kontakt_text a {color:#d4d113; text-decoration: none;}
.yform_kontakt_text a:hover {color:#3093cc;}
.yform_newsletter_text {color:#000; padding-bottom: 12px; font-family: "AlbulaPro-Bold";}


.yform_infopaket_text {color:#000;}
.yform_infopaket_headline {font-size:3em;   font-family: "AlbulaPro-Bold";}
.yform_infopaket_headline span {font-family: "AlbulaPro-Bold";}
.yform_newsletter_headline span { }



/*weisse felder*/
.yform.weisse_felder textarea, .yform.weisse_felder input, .yform.weisse_felder select { background-color: #fff; border:1px solid #fff;}


.yform_infopaket_flex_1, .yform_infopaket_flex_2, .yform_infopaket_flex_3, .yform_infopaket_flex_4, .yform_kontakt_flex_1, .yform_kontakt_flex_2,
.yform_flex_3_spalten,
.yform_flex_2_spalten
{
	display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
	
	-webkit-box-pack:justify;
      -ms-flex-pack:justify;
		-webkit-justify-content:space-between;
          justify-content:space-between;
}


.yform_flex_3_spalten > div {width: 32.7%;}
.yform_flex_2_spalten > div {width: 49.5%;}

#yform-yform_infopaket-title, #yform-yform_kontakt-title {width: 28%;}
#yform-yform_infopaket-vorname, #yform-yform_kontakt-vorname {width: 34.3%;}
#yform-yform_infopaket-nachname, #yform-yform_kontakt-nachname {width: 34.3%;}
#yform-yform_anmeldung-anmeldung_anrede,
#yform-yform_anmeldung-anmeldung_vorname,
#yform-yform_anmeldung-anmeldung_nachname,
#yform-yform_anmeldung-anmeldung_telefon,
#yform-yform_anmeldung-anmeldung_email,
#yform-yform_anmeldung-anmeldung_begleitpersonen, #yform-yform_anmeldung-anmeldung_option {width: 32.3%;}
#yform-yform_infopaket-strasse {width: 49.3%;}
#yform-yform_infopaket-ort {width: 49.3%;}
#yform-yform_infopaket-plz {/*width: 20%;*/width: 28%;}
#yform-yform_infopaket-email {/*width: 78.4%;*/ width: 34.3%;}
#yform-yform_infopaket-land {width: 34.3%;}
#yform-yform_infopaket-geburtsjahr {/*width:28%;*/ width: 49.3%;}
#yform-yform_infopaket-telefon {width: 49.3%; /*width:34.3%;*/}
#yform-yform_infopaket-mail_post {width: 49.3%; /*width:34.3%;*/}

.formgen_email {width: 100%;} /*40%*/
.formgen_datenschutz {width: 100% !important; font-size:0.667em;} /*58%*/

#yform-yform_infopaket-datenschutz, #yform-yform_kontakt-datenschutz {font-size: 0.735em;}
#yform-yform_infopaket-datenschutz a, #yform-yform_kontakt-datenschutz a, .form-captcha a {color:#000;}
#yform-yform_infopaket-datenschutz a:hover, #yform-yform_kontakt-datenschutz a:hover, .form-captcha a:hover {color:#d4d113;}

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

.yform_flex_3_spalten > div {width: 100%;}
.yform_flex_2_spalten > div {width: 100%;}    
    
#yform-yform_infopaket-title, #yform-yform_kontakt-title {width: 100%;}
#yform-yform_infopaket-vorname, #yform-yform_kontakt-vorname {width: 100%;}
#yform-yform_infopaket-nachname, #yform-yform_kontakt-nachname {width: 100%;}
#yform-yform_anmeldung-anmeldung_anrede,
#yform-yform_anmeldung-anmeldung_vorname,
#yform-yform_anmeldung-anmeldung_nachname,
#yform-yform_anmeldung-anmeldung_telefon,
#yform-yform_anmeldung-anmeldung_email,
#yform-yform_anmeldung-anmeldung_begleitpersonen, #yform-yform_anmeldung-anmeldung_option {width: 100%;}   
#yform-yform_infopaket-strasse {width: 100%;}
#yform-yform_infopaket-ort {width: 100%;}
#yform-yform_infopaket-plz {width: 100%;}
#yform-yform_infopaket-email {width: 100%;}
#yform-yform_infopaket-telefon {width: 100%;}
#yform-yform_infopaket-land {width: 100%;} 
#yform-yform_infopaket-geburtsjahr {width: 100%;}
#yform-yform_infopaket-telefon {width: 100%;}    
#yform-yform_infopaket-mail_post {width: 100%;}
}



.yform_info_text {font-family: "AlbulaPro-Bold"; color:#000; font-size: 1.1em;}
.yform_info_text_klein {font-size:0.9em;}

.yform_infopaket_dunkelgruen img {width:19px; height: auto; }

/*#yform_hv_anmeldung .alert-danger::after {content: 'Bitte prüfen Sie ihre Eingabe!'; display: block;  color: #ee443c;}*/

.alert ul {display:none;}

.alert, .has-error {
    color: #ee443c;

	}

#yform_hv_anmeldung .alert ul {display:block;}
#yform_hv_anmeldung div.alert {
    border: 8px solid #ee443c;
  padding: 12px 0 0 0;
  margin-top: 60px;
  font-weight: bold;
    margin-bottom: 30px;
    font-size:1.2em;
}

#yform-yform_hv_anmeldung-vollmacht_upload {
  text-align: center;
  padding-top: 10px;
}

.yform .has-error input, .yform .has-error textarea, .yform .has-error select {
	border: 1px solid #ee443c;
}


.yform label {display:none;}
.yform .checkbox label {display: block;}


.yform input,
.yform textarea {
    width: 100%;
    box-sizing: border-box; 
	padding:2px 0.8em 0 0.8em;
	line-height:1.6;

	margin-bottom: 5px;
	background-color: #f5f6f6;
	border:1px solid #f5f6f6;

	font-size:1.133em;
	}

.yform input {
    height: 36px;
}


.yform textarea {
	height: 110px;
	font-family: "AlbulaPro-Regular";
}

.yform select {
	 width: 100%;
    box-sizing: border-box; 
	background-color: #f5f6f6;
    border: 1px solid #f5f6f6;

    line-height: 1.6;
    margin-bottom: 0.4em;
    padding:2px 0.8em 0 0.8em;

	font-size:1.133em;
    height: 36px;
    color: gray; 
	}

.yform option[selected="selected"] {
  color: black;
}

.yform .checkbox input {
	width: auto;
    height: auto;
}

.yform .form-captcha {margin-top: 5px;}
.yform .form-captcha input {display: inline-block; width:110px;}

.yform .form-captcha label {
	display: inline-block;
      text-align: left;
	  border:none;
	
}

.yform .form-captcha img {
	margin-bottom: 5px;
	display: inline-block;
}

.yform .form-captcha .input-group {display: inline-block; min-width: 200px;}

.yform button[type=submit] {
	display: inline-block; background-color:#d4d113; color:#fff;  background-size: 16px auto; background-repeat: no-repeat; background-position: 5px 4px; padding: 5px 28px 4px 28px; margin: 5px 0px 8px 0px; border:none; font-size:0.9em; cursor: pointer; border-radius: 5px; font-family: "AlbulaPro-ExtraBold"; letter-spacing: 1px; text-transform: uppercase; height: 36px;
	
}

.yform .submit_box_gruen_pastel button[type=submit] {background-color:#9fb983; }

.yform input[type="file"] {width:auto;}

.formgen_submit {text-align: right;}

.yform button[type=submit]:hover {background-color:#7c7c7b; color:#fff;}


/*.yform.formgen button[type=submit], .yform #yform_infopaket button[type=submit]{background-color:#d4d113;}
.yform.formgen button[type=submit]:hover, .yform #yform_infopaket button[type=submit]:hover  {background-color:#d4d113;}*/


/*DOFORM - Formulare*/

.yform .radioblock label {display:inline-block;}
.yform .checkspan label {display:inline;}


.yform .fieldset legend { display: block; margin-bottom: 0.5rem; font-size: 1rem; font-family: "AlbulaPro-ExtraBold"; color:#d4d113;}

.forminfo, .formerror {color:red;}
.formerror {border:1px solid red;}

.yform .radiofield {display: inline-block; margin-right: 8px;}

.yform textarea.formtextfield {height:5rem;}

.yform .zimmer_form_box .form-group.radioblock label:first-child {display: none;}

.yform input.formcheck {width: inherit; height: inherit;}

.yform input[type="file"] {background-color:transparent; border: none;}

.submitblock {text-align: center;}
.yform .submitblock input  {margin: auto; margin-top: 20px; background-color: #d4d113; width:auto; display: inline-block; cursor: pointer; color: #fff; padding-left: 10%; padding-right: 10%; font-family: "AlbulaPro-ExtraBold"; letter-spacing: 1px; text-transform: uppercase;}
.yform .submitblock input:hover {background-color:#7c7c7b;}


.yform fieldset {border:none; margin-bottom: 10px;}

.yform .formhinweis {margin-top: 8px;}


.yform .form_top_group {border-bottom:1px solid #ccc; margin-bottom: 20px; padding-bottom: 5px; }
.yform .form_top_group label {display: inline;}
.yform .form_top_group > label {font-family: "AlbulaPro-Bold"; color:#000;}
.yform .form_top_group label span {font-weight: 900; color:var(--gruen);}
.yform #form_hv_top .form_top_group div {display: block; max-width: 130px; margin: auto; text-align: left;}
.yform .form_top_group input {height: auto; width: auto;}
.yform .form_top_group .radio label {text-align: center;}

#form_hv_weisung_stimmrecht {}
#form_hv_weisung_stimmrecht > div > label {display: none;}
.yform .form_weisung_stimmrecht_group label {display: inline;}
.yform #form_hv_weisung_stimmrecht .form_top_group div {max-width: none; width: 100%; text-align: left;}
.yform .form_weisung_stimmrecht_group input {height: auto;  width: auto; display: block; align-self: flex-start; }
.yform .form_weisung_stimmrecht_group .input_container {display: block; padding-left: 12px;}
.yform .form_weisung_stimmrecht_group .form_title_select label {display: flex;}
.yform .form_weisung_stimmrecht_group .form_title_select {background-color: #f4f3f4;  padding: 12px 5px;}
.yform .form_weisung_stimmrecht_group .form_title_select:first-of-type {margin-bottom: 10px;}
.yform .form_weisung_stimmrecht_group .form_title_select.radio:first-of-type:after {content: 'ODER'; background-color: #fff; width: calc(100% + 10px); display: block; margin-left: -5px; position: relative; bottom:-12px; height: 30px; padding-top: 10px; font-family: "AlbulaPro-Bold"; color: #000; font-size: 1.1em;}

.yform #form_hv_top {background-color:#f4f3f4;  padding: 10px 5px 12px 15px; }
.form_top_group_headline_desktop {display: none;}

@media (min-width:861px) {
    .form_top_group_headline_desktop {display: block; font-family: "AlbulaPro-Bold"; color: #000;}
    .yform #form_hv_weisung_stimmrecht .form_top_group div {display: inline-block; width: 15%; text-align: center;}
    .yform .form_top_group > label {display: inline-block; width: 55%;}
    .yform .form_top_group .has-error label {background-color: red;}
    .yform .form_top_group .input_container {display: none;}
}


/* ### SPECIAL ###################################################################### */

#offline-404-frontend-msg {
    background: darkred none repeat scroll 0 0;
    border: 1px solid #fff;
    color: white;
    font-family: Arial,sans-serif;
    font-size: 13px;
    left: 0;
    padding: 4px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 10000;
}


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ### PRINT ###################################################################### */
@media print {
    .cc-mainHeader-sticky:not(.uk-active) .cc-navbar-siteLogoImg {max-width: 146px !important;}
    
    footer, .cc-navbar-center, .cc-navbar-right {display: none;}
}