/*
Theme Name: CE Vantage Child
Author: SiteOrigin
Author URI: https://siteorigin.com
Theme URI: https://siteorigin.com/theme/vantage
Description: Vantage Child Theme
Version: 1.0.0
Template: vantage
Text Domain: vantage-child
*/
/*************************************
*          CUSTOM CSS                *
*************************************/

:root {
  --ce-orange: rgba(242, 148, 0, 1);
  --ce-lightorange: rgba(255, 204, 0, 1);
  --ce-yellow: rgba(255, 237, 0, 1);
  --ce-blue: rgba(0, 36, 77, 1);
  --ce-lightblue: rgba(55, 83, 115, 1);
  --ce-lightgrey: rgba(245, 245, 245, 1);
  --ce-grey: rgba(204, 204, 204, 1);
  --ce-darkgrey: rgba(55, 55, 54, 1);
  --ce-pastel: rgba(0, 36, 77, 0.8);
}

/* manrope-300 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/manrope-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/manrope-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/manrope-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/manrope-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/manrope-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/manrope-v13-latin-300.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-regular - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/manrope-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/manrope-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/manrope-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/manrope-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/manrope-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/manrope-v13-latin-regular.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-500 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/manrope-v13-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/manrope-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/manrope-v13-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/manrope-v13-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/manrope-v13-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/manrope-v13-latin-500.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-700 - latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/manrope-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/manrope-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/manrope-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/manrope-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/manrope-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/manrope-v13-latin-700.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

html, body {
	font-family:'Manrope', sans-serif !important;
	scroll-behavior: smooth;
	font-size:16px;
	font-weight:300;
	line-height:1
}

h1 {	
	font-family:'Manrope', sans-serif !important;
	font-weight: 700 !important;
	line-height: 1.2em;
	text-transform: uppercase !important;
	/*text-align: center;*/
}

h2, h3, h4 {	
	font-family:'Manrope', sans-serif !important;
	margin-bottom:0;
	color: var(--ce-blue) !important;
}
h2, h3{
	text-transform: uppercase !important;
	font-weight: 700 !important;
}
h3, h4{	
	font-size: 1.15em !important;	
}

ul, .entry-content ul{
	/*list-style-image: url('/wp-content/uploads/2022/03/ceLogoListenpunkt.png');*/
	list-style-type: disc;
}

button {
	font-family:'Manrope', sans-serif !important;
	padding: 10px 20px !important;
	/*border-radius: 5px !important;*/
	background-color: var(--ce-orange);
	color: var(--ce-blue) !important;
	/*border: none !important;*/
	text-transform: uppercase !important;
	font-weight:700 !important;
	display: block;
	/*margin: 0 auto;*/
	margin: 1em 0;
}
#loadMore{
	position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
	border: none !important;
}
button:active, button:focus, #loadMore:active, #loadMore:focus{
	opacity: 1;	
}
button:hover, #loadMore:hover{
	background-color: var(--ce-lightorange);
	/*border: 2px solid var(--ce-grey);*/
	opacity: 1;
}
a:focus{	
    outline: 0 !important;
    outline-color: initial !important;
    outline-style: initial !important;
	outline-width: 0px !important;
}
.ceRefernceTextLinks{
	color: var(--ce-blue) !important;
	text-decoration: underline !important;
}
.ceRefernceTextLinks:hover{
	color: var(--ce-lightblue) !important;
}
#theme-attribution{
	display: none;
}
.ce_footer_adress{
	color: var(--ce-blue) !important;
}
#footer-widgets .widget:last-child{
	text-align: right!important;
}
#footer-widgets .widget{
	font-size: 1em!important;
}
blockquote{
	border-left: none !important;
}

.card, .btn, .card-img, .card-img-top{
	border-radius: 0!important;
}
.btn:focus{
	box-shadow:none!important;
}

.mobilenav-main-link{
	visibility: hidden !important;
}
.mobile-nav-icon{
	visibility: visible;
    float: right;
}
.mobile-nav-icon:before{
	font-size: 2em;
    content: "\002630";
}
.mobile-nav-frame ul li a.link,
.mobile-nav-frame .title h3{
	text-shadow: none!important;
	font-weight: bold!important;;
}

@media (max-width: 371px) {
	.main-navigation ul li,
	.mobile-nav-icon:before{
		font-size: 13px !important;
	}
	body.responsive #masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul li a{
	    padding-left: 10px;
    	padding-right: 10px;	
	}
	.mobile-nav-icon{
		margin-right: 5px;
	}
}
@media (max-width: 336px) {
	body.responsive #masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul li a{
	    padding-left: 0px;
    	padding-right: 5px;	
	}
	.mobile-nav-icon{
		margin-right: 2px;
	}
}

/*Inhalte dieser Seiten sind generell full width und müssen mit ceWrapper "eingefangen werden. Grund für "generell" sind die einzelnen Fundingseiten*/
body.responsive.layout-full #page-wrapper .site-main .full-container{
	max-width: 100vw !important;
}

/*Container um "real full width" unterbinden zu können*/
.ceWrapper,
.shariff,
body.woocommerce-page.responsive.layout-full #page-wrapper .site-main .full-container,
body.page-id-3814.responsive.layout-full #page-wrapper .site-main .full-container/*Mein Konto*/{	
	padding: 0 calc((100% - 1080px)/2);	
}
.ceWrapper{
	clear: both;
}
.ceWrapper ul{	
    margin-left: 0px !important;
    padding-left: 0px !important;
	list-style-type: disc;
}

@media screen and (max-width: 1080px){
	.ceWrapper,	
	body.page-id-3814.responsive.layout-full #page-wrapper .site-main .full-container{
		padding: 0 2vw;		
	}
}


/*Crowdfunding-Bereich auf Landingpage*/
.ProjectsBackground{
	background: var(--ce-pastel);
}

a.clickButton {
	font-family:'Manrope', sans-serif !important;
	cursor: pointer;
    padding: 10px 20px;
    text-align: center;	
	/*border-radius: 5px;*/
	white-space: no-wrap;
	background-color: var(--ce-orange);
	color: var(--ce-blue);
	/*border: 2px solid var(--ce-grey);*/
	text-transform: uppercase;
	font-weight:700;
}
a.clickButton:link, a.clickButton:visited {
	color: var(--ce-blue) !important;
}
a.clickButton:hover {
    /*background-color:  #F5AF40 !important;*/
	text-decoration: none !important;
	background-color: var(--ce-lightorange) !important;
	/*border: 2px solid var(--ce-grey);*/
	opacity: 1;
}

@media screen and (max-width: 500px){
	/*.clickButton{
		font-size: 0.5em;
	}*/
}
span.CE_in_Text {
	color:var(--ce-orange);
	font-weight: 600;
	text-transform: uppercase;
}
span.Partner_in_Text {
	font-style: italic;
	font-weight: 600;
}


#main {
    padding: 0px !important;
}

#menu-slimmenu a{
	font-family:'Manrope', sans-serif !important;
	/*letter-spacing: 0.1em !important;*/
}

table.woo-vou-recipient-fields:before{
	content: "HINWEIS: Bevor du deinen Gutschein in den Warenkorb legen kannst, musst du hier auswählen, ob du ihn im Weihnachtsdesign (Klick auf W) oder im klassischen Design (Klick auf K) ausgestellt haben willst!";
	color: red;
}

#masthead.masthead-logo-in-menu .logo > img{
	max-height: 50px !important;
}

/********************************/
/* SLICK SCROLL SLIDER Override
/* und BOOTSTRAP 5 SLIDER Override
/********************************/
.slick-prev:before,
.slick-next:before,
.carousel-control-prev:before,
.carousel-control-next:before
{
	font-family:'Manrope', sans-serif !important;
	font-weight:700 !important;
	font-size: 40px !important; 
}
.slick-prev,
.slick-next,
.carousel-control-prev,
.carousel-control-next
{
	color: transparent !important;
    background: transparent !important;
	border: none !important;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus,
.carousel-control-prev:hover,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-next:focus
{
    color: transparent !important;
    background: transparent !important;
	border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: 1 !important;
}
.slick-prev:before,
.slick-next:before,
.carousel-control-prev:before,
.carousel-control-next:before
{
	opacity: 1 !important;
    color: var(--ce-orange) !important;
}
.slick-prev:before,
.carousel-control-prev:before
{
    content: '<' !important;
}
[dir='rtl'] .slick-prev:before
{
    content: '>' !important;
}
.slick-next:before,
.carousel-control-next:before
{
    content: '>' !important;
}
[dir='rtl'] .slick-next:before
{
    content: '<' !important;
}
.slick-prev
{
    left: -45px;
}
.slick-next
{
    right: -25px;/*-45px;*/
}
.slick-slide img {
	margin: auto !important;
}
/* Arrows korrigiert die Position der Pfeile in Logo-Karussells*/
.slick-prev:before, .slick-next:before {
    line-height: 0 !important;
}
@media screen and (max-width: 800px){	
	.slick-prev {
    	left: -40px !important;
	}
	.slick-next {
   		right: -15px !important;
	}
}
@media screen and (max-width: 500px){	
	.slick-prev {
    	left: -35px !important;
	}
	.slick-next {
   		right: -10px !important;
	}
}
/*Slick Slider Cards hover*/
.BildCards{
	opacity: 1;
	transition: .5s ease;
	/*backface-visibility: hidden;*/
}
.middle {
	grid-area: i;
	transition: .5s ease;
	opacity: 0;
	text-align: center;
	position: relative;
	top: -175px;
}
.carousel-control-prev,
.carousel-control-next{
	border: none !important;
	width: 0 !important;
	opacity: 1 !important;
}
.carousel-item{
	padding: 0px 3em !important;
}

[id^=referenceCarousel]{
	/*text-align: center;
  	position: relative;
  	top: 50%;
  	-ms-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	transform: translateY(-50%);	
	margin-left: auto;
    margin-right: auto;*/
	align-items: stretch;
}
[id^=referenceCarousel] h3{
	/*color: white!important;*/
	/*padding-top:10px;*/
}
[id^=referenceCarousel] p{
	/*color: white!important;*/
}
.ce-slicky-slider,
.ce-slicky-logo-slider{
	background-color:white !important;
	margin: 10px !important;
}
.homegridbox{
	background-color:var(--ce-orange) !important;
	margin: 10px !important;
}
.ceSectionBG{
	background-color: var(--ce-pastel);
	/*margin: 2vh 0 0 0;*/
	padding: 5vh 0;	
	clear: both;
}

.ceSectionBG .ceWrapper h2,
.ceSectionBG .ceWrapper h3,
.ceSectionBG .ceWrapper p,
.ceSectionBG .ceWrapper .ce-slicky-slider .slick-prev:before,
.ceSectionBG .ceWrapper .ce-slicky-slider .slick-next:before,
[id^=referenceCarousel] .carousel-control-prev:before,
[id^=referenceCarousel] .carousel-control-next:before{
	color: white !important;
}
.ceSectionBGNew{
	background-color: white;
	/*margin: 2vh 0 0 0;*/
	padding: 5vh 0;	
	clear: both;
}

.ceSectionBGNew .ceWrapper h2,
.ceSectionBGNew .ceWrapper h3,
.ceSectionBGNew .ceWrapper p,
.ceSectionBGNew .ceWrapper .ce-slicky-slider .slick-prev:before,
.ceSectionBGNew .ceWrapper .ce-slicky-slider .slick-next:before,
[id^=referenceCarousel] .carousel-control-prev:before,
[id^=referenceCarousel] .carousel-control-next:before{
	color: var(--ce-blue) !important;
}
/*Slider 2 Karte*/
@media only screen and (max-width: 1049px) and (min-width: 950px){
  .slick-list {
    margin: 0 90px !important;
  }
}
@media only screen and (max-width: 949px) and (min-width: 870px){
  .slick-list {
    margin: 0 80px !important;
  }
}
/*Slider nur eine Karte*/
@media only screen and (max-width: 750px) and (min-width: 700px){
  .slick-list {
    margin: 0 130px !important;
  }
}
@media only screen and (max-width: 699px) and (min-width: 650px){
  .slick-list {
    margin: 0 110px !important;
  }
}
@media only screen and (max-width: 649px) and (min-width: 570px){
  .slick-list {
    margin: 0 80px !important;
  }
}
@media only screen and (max-width: 569px) and (min-width: 500px){
	.slick-list {
    margin: 0 60px !important;
  }
}
@media only screen and (max-width: 499px) and (min-width: 465px){
	.slick-list {
    margin: 0 40px !important;
  }
	.ceSectionBG {
		padding-left: 1.2rem !important;
		padding-right: 1.2rem !important;
	}
}
@media only screen and (max-width: 419px){
	.slick-list {
    margin: 0 0 !important;
  }
	.ceSectionBG {
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
}

/*Text Contracting-Consulting references carousel-inner*/
.TextCenterReferencesContracting, .TextCenterReferencesServices, .TextCenterReferencesCrowdfunding{
	   margin-top: 10%;
}
.TextCenterReferencesConsulting, .TextCenterReferencesServices2,.TextCenterReferencesCrowdfunding2{
	    margin-top: 6%;
}
.TextCenterReferencesConsulting2 {
	    margin-top: 14%;
}
#references [id^=referenceCarousel] p button,
.carousel-control-next button
{
	background-color: transparent !important;
}

#footish{
	background-color: #fef6f6 !important;
} 
#footish h2{
	color: var(--ce-blue) !important;
	
}

/*************************************
*         PARTNER-Scrollbar          *
*************************************/
/*.partnerscrollarea{width:100%;overflow-x:auto;white-space: nowrap;float: left;border: 5px solid grey;margin-top:10px;padding-left: 5px; padding-right: 5px;}
#myscrollbarstyle::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: var(--ce-lightgrey);
}
#myscrollbarstyle::-webkit-scrollbar{
    width: 10px;
    background-color: var(--ce-lightgrey);
}
#myscrollbarstyle::-webkit-scrollbar-thumb{
    background-color: var(--ce-orange);
    border: 2px solid #555555;
}
.partnerpic{width: 20%;white-space:nowrap;height: 100%;vertical-align: middle;display:inline-block;padding-left: 5px; padding-right: 5px;}
*/

/********************************/
/*Carousel Style für Slide Cards*/
/********************************/
.MultiCarousel {
      float: left;
      overflow: hidden;
      padding: 15px;
      width: 100%;
      position: relative;
    }

    .MultiCarousel .MultiCarousel-inner {
      transition: 1s ease all;
      float: left;
    }

    .MultiCarousel .MultiCarousel-inner .item {
      float: left;
    }

    .MultiCarousel .MultiCarousel-inner .item>div {
      text-align: center;
      padding: 10px;
      margin: 10px;
      background: #f1f1f1;
      color: #666;
    }

    .MultiCarousel .leftLst,
    .MultiCarousel .rightLst {
      position: absolute;
      border-radius: 50%;
      top: calc(50% - 20px);
    }

    .MultiCarousel .leftLst {
      left: 0;
    }

    .MultiCarousel .rightLst {
      right: 0;
    }

    .MultiCarousel .leftLst.over,
    .MultiCarousel .rightLst.over {
      pointer-events: none;
      background: #ccc;
    }

.ceFundingBetriebImg{
	max-height: 100px;
}
.ceFundingBetriebLnk{
	display: flex; 
	height:100px;
}

/*button.newsletterbutton, button.newsletterbutton:active, button.newsletterbutton:focus {
    font-size: 1.33em;
	width:38px;
	height:38px;
    margin: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 0.7em;
	border-radius: 0.25em;
    color: var(--ce-orange) !important;
	border: 1px solid;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
	background: -moz-gradient(linear, left bottom, left top, color-stop(0, #1d1d1d), color-stop(1, var(--ce-darkgrey)));
    background: -ms-gradient(linear, left bottom, left top, color-stop(0, #1d1d1d), color-stop(1, var(--ce-darkgrey)));
    background: gradient(linear, left bottom, left top, color-stop(0, #1d1d1d), color-stop(1, var(--ce-darkgrey)));
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #1d1d1d), color-stop(1, var(--ce-darkgrey)));
	border-color: #161615 #101010 #090909 #101010;
}
button.newsletterbutton:hover {
    color: var(--ce-orange) !important;
	background: -moz-gradient(linear, left bottom, left top, color-stop(0, #232323), color-stop(1, #3B3B3A)) !important;
    background: -ms-gradient(linear, left bottom, left top, color-stop(0, #232323), color-stop(1, #3B3B3A)) !important;
    background: gradient(linear, left bottom, left top, color-stop(0, #232323), color-stop(1, #3B3B3A)) !important;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #232323), color-stop(1, #3B3B3A)) !important;
	border: 1px solid !important;
	border-color: #161615 #101010 #090909 #101010 !important;
}*/


p:empty:before{
	content: none !important;
}

#additional_newsletter_field label{
	font-weight:bold;
}

.startdiv{
	background-color:white; 
	padding: 1% 2%; 
	text-align:justify;	
	margin-bottom: -1em !important;
	
}

.startdivlink{
	font-weight:400;	
}

/********************/
/**Flipclock Styles**/
/********************/
.flipclockcontainer {
  text-align: center;
}

ul.flipclock {
	width: 100%;
	margin-right: auto!important;
	margin-left: auto !important;
	text-align: center;
	padding: 0!important;
}	

li.flipclock {/*das ist der Container für Zahl und Unterschrift*/
  display: inline-block;
  list-style-type: none;
  text-transform: uppercase;
  line-height: 1em;
  font-size: 0.75em;
}
li.flipclock:first-child{
	margin-left: 0 !important;
}

li.flipclock span.flipclock {/*das ist der Container nur für Zahl*/
  display: block;
  font-size: 3rem;
  line-height: 1em;
}

/******************/
/**Spoiler Styles**/
/******************/
.spoiler{	
	width: 100%;
	margin-top: -10px;
	display: none;
}
.spoilerbtn{
	width: 100%;
    border: none !important;
    /*color: #FFFFFF;
    cursor: pointer;*/
    /*font-size: 1.75rem !important;
    padding: 3px 6px;*/
    text-decoration: none;
    /*white-space: nowrap;
    display: inline-block; ninas feedback für faq seite*/
	background-color: var(--ce-orange) !important;
}
.spoilerbtn_v3{
	width: 100%;
	border: solid;
	border-color: var(--ce-orange) !important;
	background-color: white !important;
	line-height: 50px;
}

.spoilerbtn, .spoilerbtn_v3{ /*Ninas Feedback*/
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 calc((100% - 1080px)/2);	
}

.spoilerbtn_shorttext{
	width: 100%;
    border: none !important;
    /*color: #FFFFFF;
    cursor: pointer;*/
    display: inline-block;
    /*padding: 3px 6px;*/
    text-decoration: none;
    white-space: nowrap;
	text-transform: uppercase !important;
	background-color: var(--ce-orange) !important;
}
.spoilerbtn_shorttext:focus,
.spoilerbtn:focus,
.spoilerbtn_shorttext:active,
.spoilerbtn:active{
	background-color: var(--ce-orange) !important;
	opacity: 1 !important;
}
.spoilerbtn_v3:focus,
.spoilerbtn_v3:active{
	border-color: var(--ce-blue) !important;
	border: 0.3rem solid;
}
.spoilerbtn_shorttext:hover,
.spoilerbtn:hover{
	background-color: var(--ce-lightorange) !important;
	opacity: 1 !important;
}
/* Hover-Effekt für Spoiler-Buttons */
.spoilerbtn_v3:hover {
  transform: translateZ(0) scale(1.02); /* leicht vergrößern */
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12); /* weicher Schatten */
}
.dropdown:before {
    content: "\f0ab";
    font-family: FontAwesome;
}

.spoilerbtn:before, .spoilerbtn_v3:before{
    float: left;
    font-size: 1.25em;
    margin: 0 0 0 0;
    padding: 0 0.8em;
    pointer-events: none;
    text-align: center;
    width: 1em;
}

.spoilerbtn_shorttext:before {
    float: left;
    font-size: 1.25em;
    margin: 0 -1.1em 0 0;
    padding: 0 0.8em;
    pointer-events: none;
    text-align: center;
    width: 1em;
}

[id^=faq]{
	padding: 0 4%;
}
/*
@media screen and (max-width: 900px){
	.spoilerbtn{
		font-size: 1.5rem !important;
	}
}

@media screen and (max-width: 780px){
	.spoilerbtn{
		font-size: 1.4rem !important;
	}
}

@media screen and (max-width: 720px){
	.spoilerbtn{
		white-space: normal;
		font-size: 1.5rem !important;
	}
}

@media screen and (max-width: 480px){
	.spoilerbtn{
		font-size: 1.3rem !important;
	}
}*/

/***********************/
/**Modal Window Styles**/
/***********************/
.ce-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.ce-modal-content {
  background-color: var(--ce-darkgrey);
  margin: 5% auto;
  padding: 20px;
  border: 1px solid var(--ce-grey);
  width: 60%;
}

.ce-modal-centered {
  background-color: #ffffff;
  color: var(--ce-darkgrey);
  padding: 20px;
  border: 1px solid #888;
  width: 60%; /* Could be more or less, depending on screen size */
  min-width: 300px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
/* um die Farbe und Position des Hover-Titels auf der Seite Über Collective Energy hinzuzufügen.[FD] am 29.09.23*/
#CardTitleModalTeam{
	color: var(--ce-blue) !important;
	text-align: center;
}

/* The Close Button */
.ce-close {
  color: var(--ce-darkgrey);
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.ce-close:hover,
.ce-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
@media screen and (max-width: 500px){
	.spoilerbtn{
		font-size:16px;
	}
	.ce-modal-centered {
		font-size: 0.8em;
		line-height:1.1em;
	}
}

/**************************/
/**Produkt Tabelle Styles**/
/**************************/
.prodTab{
	border: 0px !important;
	display: none !important;
}

.prodTabTd{
	border:0.75em solid white;
	width:50%;
	text-align:center;
}

.prodTabTd p{
	display: none;
}

/*********************************/
/**Crowdfundingseite Tabs Styles**/
/*********************************/
.tablink {
	background-color: var(--ce-darkgrey);
	border-color: var(--ce-grey);
	padding: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	margin: 0;
	outline: none;
	float: left;
	width: 25%;
	color: var(--ce-orange);
	/*border-radius: 5px 5px 0px 0px !important;*/
}

.tablink:hover {
	background-color: var(--ce-lightgrey);
	border-color: var(--ce-grey);
}

/*Neuer Tablink-Button über Tabelle, zur Behebung der Zeilenumbruchsprobleme*/
.tablinktable{
    border-bottom: 0px !important;
    border-spacing: 0px !important;
    line-height: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
    width: 100% !important;
	font-size: 100% !important;
}
.tablinktd, .tablinktr {
	padding: 0px !important;
	margin: 0px !important;
}
.tablinkbtn {
	background-color: white;
	border-color: var(--ce-grey);  
	outline: none;
	float: left;
	font-weight: bold;
    text-transform: uppercase;
    color: var(--ce-blue) !important;
	width:100%;
	margin: 0 !important;
}

.tablinkbtn:hover {
	background-color: var(--ce-lightgrey);
	border-color: var(--ce-grey);
}

.tablinktd button {		
	padding: 10px !important;
	line-height: 1.5em !important;
}	

@media screen and (max-width: 570px){
	.tablink, .tablinkbtn {
		font-size: 0.9em !important;
	}	
}
@media screen and (max-width: 520px){
	.tablink, .tablinkbtn {
		font-size: 0.8em !important;
	}	
}
@media screen and (max-width: 450px){
	.tablink, .tablinkbtn {
		font-size: 0.7em !important;
	}	
}
@media screen and (max-width: 400px){
	.noShowOnSmallScreen{display:none;}
}
@media screen and (max-width: 375px){
	.tablink, .tablinkbtn {
		font-size: 0.65em !important;
	}
	.tablinktd button {		
		padding: 5px !important;
	}
}
@media screen and (max-width: 315px){
	.tablink, .tablinkbtn {
		font-size: 0.6em !important;
	}
}

/*Ende Neuer Tablink-Button über Tabelle*/

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  display: none;
  padding-left: 2%;
  padding-right: 2%;
  height: 100%;
  border: 1px solid var(--ce-grey);
  background-color: white;
  border-top: none;
}



/********************/
/**Statusbar Styles**/
/********************/
.statusbar_box
{
	width: 80%;
	height: 35px;	
	background: var(--ce-blue);
	/*border-radius: 10px;*/
	margin-left: auto;
	margin-right: auto;
	/*border: solid 1px var(--ce-grey);*/
	z-index: 1;
}

.statusbar_bar
{
	/*border-radius:10px;*/
	height: 35px;	
	border-style: solid;
	border-width: 0px; 
	background-color: var(--ce-orange);
	z-index: 2;
	top: 0px;
    position: relative;
    left: 0px;
}

.statusbar_text
{
	position: relative;
	top: -35px;
	width: 100%;
	height: 100%;
	line-height: 35px;
	text-align: center;
	font-size: 18px;
	color: white;
	font-weight: bold;
	border-style: solid;
	border-width: 0px; 
	z-index: 99;
}

.statusbar_sumgoal
{
	position: relative;
	top: -225%;
	left: 93%;
	width: 54px;
	text-align: center;
	font-size: 0.7em;
	color: var(--ce-blue);
}
/*NEUE LOGIK MIT ERRECHNETEM THRESHOLD*/
/* Test Style statusbar_thresholdmark und statusbar_sumthreshold*/
.statusbar_thresholdmark
{
	position: relative;
	top: -77px;
	left:50%;
	width: 0px;
	height: 141%;
	line-height: 35px;
	text-align: center;
	color: var(--ce-blue);
	font-weight: bold;
	border-right: 2px dotted var(--ce-grey);
	z-index: 4;
}
.statusbar_sumthreshold
{
	position: relative;
	top: -270%;
	width: 54px;
	text-align: center;
	font-size: 0.7em;	
	color: var(--ce-blue);
}
.progress-meter {
	width: 93%;
    line-height: 2em;
    margin-left: auto;
    margin-right: auto;
}
.progress-meter > .meter-left >.cero{
	position: absolute;
	right: 30%!important;
}
.progress-meter > .meter {
	position: relative;
	float: left;
	min-height: 15px;
}
.progress-meter > .meter > .meter-text {
	/*position: absolute;*/
	display: inline-block;
	bottom: -20px;
	width: 100%;
	font-size: 0.7em;
	color: var(--ce-blue);
	text-align: center;
}

/*ALTE LOGIK MIT THRESHOLD KLASSEN*/
/*sollten bald obsolet sein*/
.statusbar_thresholdmark75
{
	position: relative;
	top: -77px;
	left:75%;
	width: 0px;
	height: 141%;
	line-height: 35px;
	text-align: center;
	color: var(--ce-blue);
	font-weight: bold;
	border-right: 2px dotted var(--ce-grey);
	z-index: 4;
}

.statusbar_sumthreshold75
{
	position: relative;
	top: -270%;
	left: 68%;
	width: 54px;
	text-align: center;
	font-size: 0.7em;	
	color: var(--ce-blue);
}

@media screen and (max-width: 950px){
	.statusbar_sumthreshold75
	{
		left: 72%;	
	}
	.statusbar_sumgoal
	{
		left: 97%;
	}
}
@media screen and (max-width: 750px){
	.statusbar_sumthreshold75
	{
		left: 70%;	
	}
	.statusbar_sumgoal
	{
		left: 95%;
	}
}
.statusbar_thresholdmark70
{
	position: relative;
	top: -77px;
	left:70%;
	width: 0px;
	height: 141%;
	line-height: 35px;
	text-align: center;
	color: var(--ce-blue);
	font-weight: bold;
	border-right: 2px dotted var(--ce-grey);
	z-index: 4;
}

.statusbar_sumthreshold70
{
	position: relative;
	top: -270%;
	left: 63%;
	width: 54px;
	text-align: center;
	font-size: 0.7em;	
	color: var(--ce-blue);
}

@media screen and (max-width: 950px){
	.statusbar_sumthreshold70
	{
		left: 67%;	
	}
}
@media screen and (max-width: 750px){
	.statusbar_sumthreshold70
	{
		left: 65%;	
	}
}
.statusbar_thresholdmark66
{
	position: relative;
	top: -77px;
	left:66%;
	width: 0px;
	height: 141%;
	line-height: 35px;
	text-align: center;
	color: var(--ce-blue);
	font-weight: bold;
	border-right: 2px dotted var(--ce-grey);
	z-index: 4;
}

.statusbar_sumthreshold66
{
	position: relative;
	top: -270%;
	left: 59%;
	width: 54px;
	text-align: center;
	font-size: 0.7em;	
	color: var(--ce-blue);
}
@media screen and (max-width: 950px){
	.statusbar_sumthreshold66
	{
		left: 63%;	
	}
}
@media screen and (max-width: 750px){
	.statusbar_sumthreshold66
	{
		left: 61%;	
	}
}
.statusbar_thresholdmark62
{
	position: relative;
	top: -77px;
	left:62%;
	width: 0px;
	height: 141%;
	line-height: 35px;
	text-align: center;
	color: var(--ce-blue);
	font-weight: bold;
	border-right: 2px dotted var(--ce-grey);
	z-index: 4;
}

.statusbar_sumthreshold62
{
	position: relative;
	top: -270%;
	left: 56%;
	width: 54px;
	text-align: center;
	font-size: 0.7em;	
	color: var(--ce-blue);
}
@media screen and (max-width: 950px){
	.statusbar_sumthreshold62
	{
		left: 59%;	
	}
}
@media screen and (max-width: 750px){
	.statusbar_sumthreshold62
	{
		left: 57%;	
	}
}
.statusbar_thresholdmark60
{
	position: relative;
	top: -77px;
	left:60%;
	width: 0px;
	height: 141%;
	line-height: 35px;
	text-align: center;
	color: var(--ce-blue);
	font-weight: bold;
	border-right: 2px dotted var(--ce-grey);
	z-index: 4;
}

.statusbar_sumthreshold60
{
	position: relative;
	top: -270%;
	left: 54%;
	width: 54px;
	text-align: center;
	font-size: 0.7em;	
	color: var(--ce-blue);
}
@media screen and (max-width: 950px){
	.statusbar_sumthreshold60
	{
		left: 57%;	
	}
}
@media screen and (max-width: 750px){
	.statusbar_sumthreshold60
	{
		left: 55%;	
	}
}

.statusbar_thresholdmark53
{
	position: relative;
	top: -77px;
	left:53%;
	width: 0px;
	height: 141%;
	line-height: 35px;
	text-align: center;
	color: var(--ce-blue);
	font-weight: bold;
	border-right: 2px dotted var(--ce-grey);
	z-index: 4;
}

.statusbar_sumthreshold53
{
	position: relative;
	top: -270%;
	left: 48%;
	width: 54px;
	text-align: center;
	font-size: 0.7em;	
	color: var(--ce-blue);
}
@media screen and (max-width: 950px){
	.statusbar_sumthreshold53
	{
		left: 50%;	
	}
}
@media screen and (max-width: 750px){
	.statusbar_sumthreshold53
	{
		left: 48%;	
	}
}

.statusbar_thresholdmark50
{
	position: relative;
	top: -77px;
	left:50%;
	width: 0px;
	height: 141%;
	line-height: 35px;
	text-align: center;
	color: var(--ce-blue);
	font-weight: bold;
	border-right: 2px dotted var(--ce-grey);
	z-index: 4;
}

.statusbar_sumthreshold50
{
	position: relative;
	top: -270%;
	left: 44%;
	width: 54px;
	text-align: center;
	font-size: 0.7em;	
	color: var(--ce-blue);
}
@media screen and (max-width: 950px){
	.statusbar_sumthreshold50
	{
		left: 47%;	
	}
}
@media screen and (max-width: 750px){
	.statusbar_sumthreshold50
	{
		left: 45%;	
	}
}
.statusbar_thresholdmark40
{
	position: relative;
	top: -77px;
	left:40%;
	width: 0px;
	height: 141%;
	line-height: 35px;
	text-align: center;
	color: var(--ce-blue);
	font-weight: bold;
	border-right: 2px dotted var(--ce-grey);
	z-index: 4;
}

.statusbar_sumthreshold40
{
	position: relative;
	top: -270%;
	left: 34%;
	width: 54px;
	text-align: center;
	font-size: 0.7em;	
	color: var(--ce-blue);
}
@media screen and (max-width: 950px){
	.statusbar_sumthreshold40
	{
		left: 37%;	
	}
}
@media screen and (max-width: 750px){
	.statusbar_sumthreshold40
	{
		left: 35%;	
	}
}

.statusbar_thresholdmark33
{
	position: relative;
	top: -77px;
	left:33%;
	width: 0px;
	height: 141%;
	line-height: 35px;
	text-align: center;
	color: var(--ce-blue);
	font-weight: bold;
	border-right: 2px dotted var(--ce-grey);
	z-index: 4;
}

.statusbar_sumthreshold33
{
	position: relative;
	top: -270%;
	left: 29%;
	width: 54px;
	text-align: center;
	font-size: 0.7em;	
	color: var(--ce-blue);
}
@media screen and (max-width: 950px){
	.statusbar_sumthreshold33
	{
		left: 30%;	
	}
}
@media screen and (max-width: 750px){
	.statusbar_sumthreshold33
	{
		left: 28%;	
	}
}


/***************/
/**GRID STYLES**/
/***************/

/****************/
/*Kampagnenseite*/
/****************/
/*Flex als Fallback für IE*/
.kampagne_main_grid{
	display: flex;
	flex-flow: column;
}

.kampagne_main_grid ul{	
    margin-left: 0px !important;
    padding-left: 0px !important;
	list-style-type: disc;
}
.kampagne_top_grid h2{
	text-align: center!important;
}
.kampagne_top_grid,
.kampagne_body_grid{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
}
.kampagne_top_grid{
	max-width: 1080px;
}
.kampagnenkopf{
	/*height: 300px;	Sonst weißer Rand auf Mobil*/
	max-height: none !important; /*300px; /*ersetzt obige Zeile*/
	flex-basis: 100%;
	order: 1;
}
.kampagnenkopf img{
	border-radius: 0!important;
	max-height: none !important; 
}
.kampagnentext{
	flex-basis: 100%;
	order: 5;
}
.kampagnentext div button,
.kampagnentext p button,
.kampagnenanmeldung div button{
	margin: 0 auto !important;
}
.kampagnentext div button:hover,
.kampagnentext p button:hover,
.kampagnenanmeldung div button:hover{
	background-color: var(--ce-lightorange);
	opacity: 1;
}
.kampagnenfortschritt{
	flex-basis: 31%;
	text-align:center;
	padding: 2%;
	text-align:center;
	order: 2;
}
.kampagnenunterstuetzer{
	flex-basis: 26%;	
	padding: 2%;
	text-align:center;
	line-height: 0.75em;
	order: 3;
}
.kampagnenlaufzeit{
	flex-basis: 31%;
	padding: 2%;
	text-align:center;
	display: flex;
	justify-content:center;
	order: 4;
}
.kampagnendankeschoens{
	background-color: var(--ce-pastel);
	color: white !important;
}
.kampagnendankeschoens h2,
.kampagnendankeschoens h1,
.kampagnendankeschoens .black_h2{	
	color: white !important;
	text-transform: uppercase !important;
	text-align: left !important;
}
.kampagnenleerzeile{
	flex-basis: 100%;
	min-height:20px;
}
.kampagnenanmeldung, .kampagnendetails{
	flex-basis: 100%;
	max-width: 1080px;
	margin: 0 auto !important;
	padding-top: 5%;
}
.kampagnenteilnahme{
	flex-basis: 100%;
	border: 1px solid var(--ce-grey);
	padding: 2%;
}
.kampagnenfunktion{
	flex-basis: 100%;
	border: 1px solid var(--ce-grey);
	padding: 2%;
}
.kampagnenmedien{
	flex-basis: 100%;
	border: 1px solid var(--ce-grey);
	padding: 2%;
}
.kampagnenkontakt{
	flex-basis: 100%;
	border: 1px solid var(--ce-grey);
	padding: 2%;
}
	
@supports (display: grid){
	.kampagne_main_grid{
		max-width: 100%;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: auto;
		grid-template-areas:
			"oben"
			"unten"
	}
	.kampagne_top_grid{
		grid-area: oben;
		width: 100%;
		margin: 0 auto !important;
		display: grid;	
		grid-template-columns: repeat(8, 1fr);
		grid-template-rows: auto;
		grid-template-areas:
			"kopf kopf kopf kopf kopf kopf kopf kopf"
			"fort fort fort unte unte lauf lauf lauf"
			"text text text text text text text text"	
	}
	.kampagne_body_grid{
		grid-area:unten;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(7, 1fr);
		grid-template-rows: auto;
		grid-template-areas:			
			"dank dank dank dank dank dank dank"
			"spac spac spac spac spac spac spac"
			"detl detl detl detl detl detl detl"
			"anme anme anme anme anme anme anme"
	}
	.kampagnenkopf{
		grid-area: kopf;
		max-height: 300px;
		overflow: hidden;
	}
	.kopfbild{	
		object-fit: cover;
		width: 100%;
		height: 100%;
	}
	.kampagnentext{
		grid-area: text;
		padding: 2%;
		background-color: white;
	}
	.kampagnenfortschritt{
		grid-area: fort;		
	}
	.kampagnenunterstuetzer{
		grid-area: unte;	
	}
	.kampagnenlaufzeit{
		grid-area: lauf;
	}
	.kampagnenleerzeile{
		grid-area: spac;
		min-height:20px;
	}
	.kampagnendetails{
		grid-area: detl;
	}
	.kampagnendankeschoens{
		grid-area: dank;
	}
	.kampagnenanmeldung{
		grid-area: anme;
		padding-top: 5%;
	}
	.kampagnenteilnahme{
		grid-area: teil;
		border: 1px solid var(--ce-grey);
		padding: 2%;
	}
	.kampagnenfunktion{
		grid-area: funk;
		border: 1px solid var(--ce-grey);
		padding: 2%;
	}
	.kampagnenmedien{
		grid-area: medi;
		border: 1px solid var(--ce-grey);
		padding: 2%;
	}
	.kampagnenkontakt{
		grid-area: kont;
		border: 1px solid var(--ce-grey);
		padding: 2%;
	}
	@media screen and (max-width: 950px){
		.kampagne_top_grid{			
			grid-template-columns: repeat(1, 1fr);
			grid-template-areas:
				"kopf"
				"text"
				"fort"
				"unte"
				"lauf"
		}
		.kampagne_body_grid{
			grid-template-columns: repeat(7, 1fr);
			grid-template-areas:				
				"dank dank dank dank dank dank dank"
				"spac spac spac spac spac spac spac"
				"detl detl detl detl detl detl detl"				
				"anme anme anme anme anme anme anme"
				"teil teil teil teil teil teil teil"
				"funk funk funk funk funk funk funk"
				"medi medi medi medi medi medi medi"
				"kont kont kont kont kont kont kont"
		}
		.kampagnendetails, .kampagnenanmeldung{
			padding: 2%;
		}
		.kampagnendankeschoens{
			margin-top: 3em;
		}
		.kampagnendankeschoens img{
			display: block;
			margin-left: auto;
			margin-right: auto;		
		}
	}
	@media screen and (max-width:662px){		
		.kampagnenanmeldung{
			grid-area: anme;
			padding-top: 10%;
		}
	}
}

/*Neues Dankeschön Styling*/

.kampagnendankeschoens .spoiler{ /*text*/
	display: block!important;
	float: left !important;
	max-width: 65%;
	margin-left: 5%;
}
hr{
	clear:both!important;
}

.kampagnendankeschoens .spoilerbtn_shorttext{
	display: none;
	
}
.kampagnendankeschoens [id^=vorStart],
.kampagnendankeschoens [id^=laufZeit],
.kampagnendankeschoens [id^=nachEnde]{
	float: left;
	max-width: 30%;
}
.kampagnendankeschoens{
	padding: 0 calc((100% - 1080px)/2);
}

/*
.kampagnendankeschoens #vorStartkt span,
.kampagnendankeschoens #laufZeitkt span,
.kampagnendankeschoens #nachEndekt span
	float: right;
	max-width: 60%;
	
}*/
/*.kampagnendankeschoens p{
	float: left;
	max-width: 60%;
	margin: 0 !important;
	line-height: 1.25em !important;
}*/
@media screen and (max-width: 1100px){
	.kampagnendankeschoens{
		padding: 0 10px;
	}
}
@media screen and (max-width: 550px){
	.kampagnendankeschoens .spoiler{
		width: 100%;
		max-width: 100%;
		margin-left: 0!important;
	}
	.kampagnendankeschoens [id^=vorStart],
	.kampagnendankeschoens [id^=laufZeit],
	.kampagnendankeschoens [id^=nachEnde]{
		width: 100%;
		max-width: 100%;
	}
}
/*Ende Dankeschön Styling*/

.backers_count{
	color: var(--ce-blue); 
	font-size: 4em;
}

.backers_symbol{
	font-size:6em;
	color:var(--ce-blue);
}

.funded_sum{
	color: var(--ce-blue); 
	font-size: 2.4em;
}

.black_h2{
	color: var(--ce-blue); 
	font-size: 1.25em;
	padding-bottom: 0.75em;
}
h1.black_h2,
h2.black_h2{
	color: var(--ce-blue) !important; 
	font-size: 1.25em !important;
	padding-bottom: 0.75em !important;
	font-weight: bold !important;
}

.kampagnen_abselem{
	position:fixed;
	bottom:0;
	right:0;
	left:0;
	display:inline-block;
	vertical-align:middle;
	text-align: center;
	background: var(--ce-darkgrey);
	width:100%;
	z-index:100; /* raises anchor tag above everything else in div */ 	
}
.kampagnen_abselem a{text-decoration:none;}

.kampagnen_fixedleft{position:inherit;left:0;}
.kampagnen_fixedmiddle{position:inherit;left:auto; right:auto;}
.kampagnen_fixedright{position:inherit;right:0;}

/*******Für Firmenkunden  Grid*******/
.angebotegrid{
	width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    grid-gap: 30px;
	justify-content: center;
}
.angebot{
	position:relative;
	border-radius: 15px 15px 15px 15px;
	background: url('https://www.collective-energy.at/dev/wp-content/uploads/2019/11/vc_bg.png') no-repeat;
	background-position: 100% 0%;
	background-color: white;
	box-shadow: 1px 1px 1px 1px rgba(55,55,54,0.5);
	display: grid;
    grid-gap: 10px;
	grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
	grid-template-areas:
		"h h"
		"b t"
}
.angebot a { 
    position:absolute; 
    width:100%; 
    height:100%; 
    top:0; 
    left:0; 
    text-decoration:none; /* Makes sure the link doesn't get underlined */ 
    z-index:10; /* raises anchor tag above everything else in div */ 
    background-color:white; /*workaround to make clickable in IE */ 
    opacity: 0; /*workaround to make clickable in IE */ 
    filter: alpha(opacity=1); /*workaround to make clickable in IE */ 
}
.angBild{	
	grid-area: b;
	margin-left: 10px;
	margin-top: 5px;
}
.angHeader{
	grid-area: h;
	margin-top: 20px;
	left: 0;
	justify-content: center;
    align-items: center;
	line-height:1.5em;
	background-color: var(--ce-orange);
	width: 100%;
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
	align-self: center;
	justify-self: center;
	color: white;
}
.angText{
	grid-area: t;
	margin-right: 10px;
	justify-self: center;
    align-self: center;
}
@media screen and (max-width: 500px){	
	.angebot{	
		grid-template-areas:
		"h h"
		"t t"
		"b b"
	}	
	.angHeader{
		max-width: 100%;
		font-size: 15px;
	}
	.angText{
		margin-left: 20px;
		margin-right: 20px;
	}
	.angBild{
		margin-left: 20px;
		margin-right: 20px;
	}
}	


/**********************/
/**ANGEBOTSSEITE GRID**/
/**********************/
.angebotsdtlgrid{
	border-radius: 15px;
	background-color: white;
	padding: 10px;
	display: grid;
    grid-gap: 10px;
	grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
	grid-template-areas:
		"hder hder"
		"pict eckd"
		"pscf 6grd"
		"fkts fkts"
		"bsph bsph"
		"bspp bspt"
		"bspp bspf"
}
.angebotsdtlheader{
	grid-area: hder;
}
.angebotsdtlbild{
	grid-area: pict;
}
.angebotsdtleckdaten{
	grid-area: eckd;
}
.angebotsdtlpresalescf{
	grid-area: pscf;
}
.angebotsdtlgruende{
	grid-area: 6grd;
}
.angebotsdtlfunktion{
	grid-area: fkts;
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: auto;
}
.angebotsdtlbsphead{
	grid-area: bsph;
}
.angebotsdtlbsppic{
	grid-area: bspp;
}
.angebotsdtlbsptxt{
	grid-area: bspt;
}
.angebotsdtlbspfakt{
	grid-area: bspf;
}
.angfkthead{
	grid-column: 1 / -1;
}
.angfktstep, .angfktpict{
	justify-content: center;
    align-items: center;
	align-self: center;
	justify-self: center;
	margin: 2%;
}
/*Mobil*/
@media screen and (max-width: 700px){
	.angebotsdtlgrid{
		grid-template-columns: repeat(1, 1fr);
		grid-template-areas:
		"hder"
		"pict" 
		"eckd"
		"pscf" 
		"6grd"
		"fkts"
		"bsph"
		"bspt"
		"bspp" 
		"bspf"
	}
	.angebotsdtlfunktion{
		grid-template-columns: repeat(1, 1fr);
	}
	.angfktpict{
		display:none;
	}
}

/*****************************************/
/**CROWDFUNDINGS PROJEKTÜBERSICHTSSEITE***/
/*****************************************/
.div-table {
	width: 100%;
}
.div-table-row {
	clear: both;        
	width: 100%;
	height: 120px;
}
.div-table-col{
	float: left;
	width: 33%; 
	min-width: 360px;
	height: inherit;
	display: flex;
	align-items: center;
}
.div-table-col-img{
	float: left;
	width: 33%;
	max-width: 100px;
}
.div-table-col-txt{
	float: left;
	color: var(--ce-orange);
	width: 66%;
	margin-left: auto;
}


/************/
/*HOME GRID**/
/************/
/*Flex als Fallback für IE*/
.homegrid {
	display: flex;
	flex-flow: row wrap;
	width: 108%;
	margin-left: -4%;
	justify-content: center;
}

#hg {width: 100%;
	margin-left: 0;
}

.homegridbox {
	display: flex !important;
	flex-flow: row wrap;
	flex-basis: 31%;
	color: var(--ce-blue);
	background-size: cover;
	transition: 1s;
	margin: 10px 1% 0px 1%;	
	/*border: 2px solid var(--ce-grey);*/
	/*border-radius: 5px;*/
	/*background-color: white!important;*/
}

.homegridbox > div {
	display: flex;
	justify-content: center;
	align-items: center;
}

.homegridbox p {
	display:none;
}
.homegridbox a { 
	position:absolute; 
	/*width:31%; */
	width: 340px;
	height: 390px;
	text-decoration:none;
	z-index:10;
	background-color: var(--ce-lightgrey);
	opacity: 0;
	filter: alpha(opacity=0.2);
}

.motto{
	flex-basis: 100%;
	flex-direction: column;
	font-size: inherit;
	text-align: left;
	height: 100px;
}
.motto:before{
	content: '';
	margin-top: auto;
}
.motto:after{
	content: '';
	margin-bottom: auto;
}
.motto span{
	font-weight:bold;
	font-size: 1.5em !important;
}
/*New card Style Crowdfunding*/
.motto > div{
	font-size: 1em !important;
	font-weight: bold !important;
}
.von{
	flex-basis: 100%;
	text-transform: uppercase;
	overflow: hidden;
	text-align: left;
	font-size: 1.15em;
	font-weight: 600;
	transition: transform 0.5s ease-in-out;
	color: var(--ce-blue)!important;
	/*margin-left: 1em;*/
	justify-content: flex-start!important;
}
.foto{
	flex-basis: 100%;
	width: 100%;
	min-height: 200px;	
	background-size: cover;
}

/*für den Inhalt der Homegrindboxen auf der Landingpage*/
#hgb{    
	width: 90%;
	margin: 0 5%;
	/*text-align: center;*/
  	position: relative;
  	top: 50%;
  	-ms-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	transform: translateY(-50%);
}
#hgb1, #hgb2, #hgb3{
	border: none;
	flex-basis: 28%;
	background-color: var(--ce-orange) !important;
	color: var(--ce-blue) !important;
}
#hgb1 div.von, #hgb2 div.von, #hgb3 div.von{
	color: var(--ce-blue) !important;
}
#hgb1 div.foto, #hgb2 div.foto, #hgb3 div.foto{
	min-height: 0 !important;
}

.flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/* align-items: center; */
}

.contenidoCardsG {
	display: none;
}

.status img{
	margin: 0 !important;
	margin-left: 1em !important;
	max-width: 100%;
    height: auto;
}	
@supports (display: grid){
	.homegrid {		
		display: grid;
		grid-template-columns: repeat(auto-fit, 340px);
		grid-auto-rows: auto;/*400px;*/
		grid-gap: 8px 16px;		
	}	
	.homegrid#cfpackage {	
		display: grid;
		grid-template-columns: repeat(auto-fit, 340px);
		grid-auto-rows: auto;/*400px;*/
		grid-gap: 25px 16px;	
	}
	#hg{
		grid-template-columns: 32% 32% 32%;
		/*grid-template-columns: auto auto auto;*/  /*sorgt für "passende" Breiten
		grid-template-columns: repeat(auto-fit, 340px); /*das wären fixe/gleichmäßige Breiten!*/
	}
	
	.homegridbox {		
		display: grid !important;
		margin: 10px 0px 0px 0px;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: 90px 200px 100px 0px;
		grid-template-areas:
			"v v v"
			"f f f"
			"m m s"
			"i i i"
	}
	/*die Zeilenhöhenaufteilung bei den Services auf der Landingpage*/
	#hgb1, #hgb2, #hgb3{
		grid-template-rows: 60px 160px 0px !important;
		grid-template-columns: repeat(1, 1fr);
		grid-template-areas:
			"v"
			"m"
			"i"
	}
	/*die Zeilenhöhenaufteilung bei Paketen auf der Crowdfunding-Seite*/
	/*.kampagnendankeschoens .homegrid .homegridbox [id^=cfpackage],*/
	#cfpackage{
		display: grid !important;
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: 200px 80px 200px 0px !important;
		grid-template-areas:
			"f"
			"v"
			"m"
			"i"
	}
	.homegridbox#hgb1 a,
	.homegridbox#hgb2 a,
	.homegridbox#hgb3 a{ 
		height:220px;	
		/*width: 31%;*/
	}	
	.motto{
		grid-area: m;
	}
	.motto#cfpackage{
		display: inline-block!important;
		padding: 0px 10px;
	}
	.homegridbox#cfpackage a{
		height:480px;	
		width: 340px;
	}
	.von{
		grid-area: v;
	}
	.foto{
		grid-area: f;
	}
	.zwischenstand{
		grid-area: z;
	}
	.status{
		grid-area: s;
		z-index: 99;
	}

	@media screen and (max-width: 1100px) {
		.homegrid {
			width: 100%;
			margin-left: 0%;
		}
	}
	@media screen and (max-width: 700px){		
		.zwischenstand{
			padding-left: 2%;
		}
		.status{
			padding-right: 2%;
		}
	}
	@media screen and (max-width: 620px){
		#hg{		
			grid-template-columns: repeat(auto-fit, 340px);
		}
		.homegridbox#hgb1 a,
		.homegridbox#hgb2 a,
		.homegridbox#hgb3 a{ 
			width: 340px;
		}	
	}
	@media screen and (max-width: 350px){
		.homegrid {
			grid-template-columns: 1fr;
		}	
	}
}


/******************/
/**Impressum Grid**/
/******************/
.impgrid {
	display: grid;
	background-color: white;
	padding: 0px 10px 10px 10px;
	grid-template-columns: 50% 50%;
    grid-template-rows: auto;
	grid-template-areas:
		"pict pict"		
		"firm cont"		
		"rest rest";
}

.imppict{
	grid-area: pict;
	background: url('/wp-content/uploads/2015/01/impressum.jpg') center center no-repeat;
	background-size: cover;
	background-position: 65% 35%;
	border-radius: 15px;
	height: 350px;	
}

.impfirm{
	grid-area: firm;
	margin-bottom: 10px;	
}

.impcont{
	grid-area: cont;
	margin-bottom: 10px;	
}

.imprest{
	grid-area: rest;
}

@media screen and (max-width: 800px){	
	.impgrid {
		grid-template-columns: 100%;
		grid-template-areas:
			"pict"		
			"firm"		
			"cont"
			"rest";
	}
}
@media screen and (max-width: 600px){
	.imppict{
		display:none;
	}
}

/*************/
/**Team GRID**/
/*************/
.teamgrid {
	width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    grid-gap: 10px;
	justify-content: center;
}
.teammember {
	border-radius: 15px 15px 15px 15px;
	background: url('https://www.collective-energy.at/dev/wp-content/uploads/2019/11/vc_bg.png') no-repeat;
	background-size: cover;
	background-color: white;
	box-shadow: 1px 1px 1px 1px rgba(55,55,54,0.5);
	max-width:550px;	
	display: grid;
	grid-template-columns: 40% 60%;
    grid-template-rows: auto;
	grid-template-areas:
		"nam nam"		
		"pic pos"		
		"pic cit"
		"pic txt"
}

.memberpic{
	grid-area: pic;
	margin-top: 10px;
	margin-bottom: 20px;	
}
.membername{	
	margin-top: 20px;
	left: 0;
	justify-content: center;
    align-items: center;
	line-height:1.5em;
	grid-area: nam;
	background-color: var(--ce-orange);
	width: 100%;
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
	align-self: center;
	justify-self: center;
	color: white;
}
.memberpos{
	grid-area: pos;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	justify-content: center;
    align-items: center;
	padding-top:40px;
}
.membercite{
	grid-area: cit;
	margin: 10px;	
	font-size: 0.95em;
	font-style: italic;
	text-align: center;
	align-self: center;
	justify-self: center;
	transition: transform 1s ease-in-out;
}
.teammember:hover .membercite{
	display:none;
    /*transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);*/
}
.membertext{
	grid-area: txt;
	margin: 10px;
	text-align: justify;
	display: none;
}
.teammember:hover .membertext{
	display:block;	
}

@media screen and (max-width: 1100px){	
	.teamgrid {
    grid-template-columns: repeat(1, 1fr);   
	}
}
@media screen and (max-width: 500px){
	.teammember	 {
		grid-template-columns: 35% 65%;	
	}
	.membercite {
		font-size: 0.7em;
		line-height:1em;
	}
	.memberpic{
		margin-bottom:15px;
		margin-left:10px;
	}
	.memberpos {
		font-size:0.90em;
		line-height:1em;
		padding-top:1em;
	}
	.membername {
		font-size: 1em;
	}
	.membertext{
		font-size: 0.7em;
		margin: 5px;
	}
}



.box {
  background: goldenrod;
  width: 300px;
  height: 300px;
  margin: 30px auto;
  transition: all 1s linear;
  display: block;
}

.hidden {
  display: none;
}

.visuallyhidden {
  opacity: 0;
}

/***************/
/**Impact Grid**/
/***************/
/*BEGIN CS: Impact Counter Darstellungs CSS*/
.impactgrd {
	background-color: rgba(255, 255, 255, 0.0);
	width: 100%;
	display: flex;
	flex-basis: 100%;
	justify-content: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.impactgrdbx1, .impactgrdbx2, .impactgrdbx3, .impactgrdbxxmas {
	background-position: center !important; /* Center the image */
	background-repeat: no-repeat !important; /* Do not repeat the image */
	background-size: contain !important; /* Resize the background image to cover the entire container */
	display: flex;
	flex-basis: 33%;
	flex-flow: column;	
}

.impactgrdbx1 > div, .impactgrdbx2 > div, .impactgrdbx3 > div, .impactgrdbxxmas > div {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	text-align: center;
}

.number{	
	/*letter-spacing: 0.1em !important;*/
	font-size: 25px !important;
	font-weight: 900 !important;
	color: var(--ce-blue) !important;
	text-shadow:  0px  0px 0px black,
				  0px  0px 0px black,
				  0px  0px 0px black,
				  0px  0px 0px black, !important;
}
.number > sub {
	line-height: 12px !important;
	font-size: 8px !important;
}

.cathegory{	
	color: var(--ce-blue) !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	line-height: 16px !important;
	text-shadow:  0px  0px 0px black,
				  0px  0px 0px black,
				  0px  0px 0px black,
				  0px  0px 0px black, !important;
}

.cathegory > sub {	
	font-size: 8px !important;
}

@supports (display: grid){
	.impactgrd {
		display: grid;
		grid-template-rows: 170px 60px 20px;
		-ms-grid-rows:grid-template-rows: 170px 60px 20px;
		grid-template-columns: repeat(auto-fit, 360px);
		-ms-grid-columns: repeat(auto-fit, 360px);		
	}

	.impactgrdbx1, .impactgrdbx2, .impactgrdbx3, .impactgrdbxxmas {
		display: grid !important;
		grid-template-columns: repeat(4, 1fr) !important;
		-ms-grid-columns: repeat(4, 1fr) !important;
		grid-template-rows: 170px 60px 20px !important;
		-ms-grid-rows: 170px 60px 20px !important;
		grid-template-areas:
			". . . ."
			"z z z z"
			"k k k k" !important;
	}	
	
	.impactgrdbx1 {	
		background-image: url("/wp-content/uploads/2022/03/supporters_300.png") !important;
	}	

	.impactgrdbx2 {	
		background-image: url("/wp-content/uploads/2022/03/powerproduction_300.png") !important;	
	}

	.impactgrdbx3 {	
		background-image: url("/wp-content/uploads/2022/03/savings_300.png") !important;	
	}
	
	.impactgrdbxxmas {
		background-image: url("/wp-content/uploads/2021/12/gift_transparent_300.png") !important;}

	.number{
		grid-area: z !important;
		-ms-grid-row: 2; 
		-ms-grid-column: 1; 		
	}

	.cathegory{
		grid-area: k !important;
		-ms-grid-row: 3; 
		-ms-grid-column: 1; 
	}	

	@media screen and (max-width: 1116px){
		.impactgrd {
			grid-template-columns: repeat(auto-fit, 250px) !important;
			grid-template-rows: 150px 50px 30px !important;
			-ms-grid-columns: repeat(auto-fit, 250px) !important;
			-ms-grid-rows: 150px 50px 30px !important;
		}

		.impactgrdbx1, .impactgrdbx2, .impactgrdbx3, .impactgrdbxxmas{
			grid-template-rows: 150px 50px 30px !important;
			-ms-grid-rows: 150px 50px 30px !important;
		}
	}

	@media screen and (max-width: 936px){
		.impactgrd {
			grid-template-columns: repeat(auto-fit, 230px) !important;
			grid-template-rows: 130px 40px 25px !important;
			-ms-grid-columns: repeat(auto-fit, 230px) !important;
			-ms-grid-rows: 130px 40px 25px !important;
		}

		.impactgrdbx1, .impactgrdbx2, .impactgrdbx3 {
			grid-template-rows: 130px 40px 25px !important;
			-ms-grid-rows: 130px 40px 25px !important;
		}
		
		.impactgrdbxxmas{
			grid-template-rows: 120px 50px 25px !important;
			-ms-grid-rows: 120px 50px 25px !important;}
	}

	@media screen and (max-width: 786px){
		.impactgrd {
			grid-template-columns: repeat(auto-fit, 200px) !important;
			grid-template-rows: 120px 35px 25px !important;
			-ms-grid-columns: repeat(auto-fit, 200px) !important;
			-ms-grid-rows: 120px 35px 25px !important;
		}

		.impactgrdbx1, .impactgrdbx2, .impactgrdbx3, .impactgrdbxxmas{
			grid-template-rows: 120px 35px 25px !important;
			-ms-grid-rows: 120px 35px 25px !important;
		}
		
		.cathegory{		
			font-size: 12px !important;
			line-height: 12px !important;
		}
		.number{
			font-size: 21px !important;
		}
		.number > sub {
			font-size: 7px !important;
		}
	}

	@media screen and (max-width: 636px){
		.impactgrd {
			grid-template-columns: repeat(auto-fit, 160px) !important;
			-ms-grid-columns: repeat(auto-fit, 160px) !important;
		}
		
		.cathegory{		
			font-size: 11px !important;
			line-height: 11px !important;
		}
		.number{
			font-size: 18px !important;
		}
		.number > sub {
			font-size: 6px !important;
		}
	}

	@media screen and (max-width: 516px){
		.impactgrd {
			grid-template-columns: repeat(auto-fit, 140px) !important;
			-ms-grid-columns: repeat(auto-fit, 140px) !important;
		}
		
		.cathegory{		
			font-size: 10px !important;
			line-height: 10px !important;
		}
		.number{
			font-size: 16px !important;
		}
		.number > sub {
			font-size: 6px !important;
		}
	}

	@media screen and (max-width: 420px){
		.impactgrd {		
			grid-template-columns: repeat(auto-fit, 95px) !important;
			grid-template-rows: 85px 35px 25px !important;		
			-ms-grid-columns: repeat(auto-fit, 85px) !important;
			-ms-grid-rows: 85px 35px 25px !important;		
		}

		.impactgrdbx1, .impactgrdbx2, .impactgrdbx3, .impactgrdbxxmas{
			grid-template-rows: 85px 35px 25px !important;
			-ms-grid-rows: 85px 35px 25px !important;		
		}
		
		.cathegory{		
			font-size: 8px !important;
			line-height: 8px !important;
		}
		.number{
			font-size: 12px !important;
		}
		.number > sub {
			font-size: 5px !important;
		}
	}
	@media screen and (max-width: 285px){
		.impactgrd {		
			grid-template-columns: repeat(auto-fit, 80px) !important;
			grid-template-rows: 85px 35px 25px !important;	
			grid-column-gap: 2px;
			-ms-grid-columns: repeat(auto-fit, 85px) !important;
			-ms-grid-rows: 85px 35px 25px !important;		
		}

		.impactgrdbx1, .impactgrdbx2, .impactgrdbx3, .impactgrdbxxmas{
			grid-template-rows: 85px 35px 25px !important;
			-ms-grid-rows: 85px 35px 25px !important;		
		}
		
		.cathegory{		
			font-size: 8px !important;
			line-height: 8px !important;
		}
		.number{
			font-size: 10px !important;
		}
		.number > sub {
			font-size: 5px !important;
		}
	}
	@media screen and (max-width: 245px){
		.impactgrd {		
			grid-template-columns: repeat(auto-fit, 65px) !important;
			grid-template-rows: 85px 35px 25px !important;	
			grid-column-gap: 2px;
			-ms-grid-columns: repeat(auto-fit, 85px) !important;
			-ms-grid-rows: 85px 35px 25px !important;		
		}

		.impactgrdbx1, .impactgrdbx2, .impactgrdbx3, .impactgrdbxxmas{
			grid-template-rows: 85px 35px 25px !important;
			-ms-grid-rows: 85px 35px 25px !important;		
		}
		
		.cathegory{		
			font-size: 8px !important;
			line-height: 8px !important;
		}
		.number{
			font-size: 10px !important;
		}
		.number > sub {
			font-size: 5px !important;
		}
	}
}

/*  END CS: Impact Counter Darstellungs CSS*/

/*WOOCOMMERCE STYLES*/
.thwcfd-field-radio label.radio{display: inline-block!important;margin-left:5px;} /*CSS NUR FÜR DIE XMAS ETIKETTEN*/
.woocommerce table.cart td.actions .input-text#coupon_code, 
.woocommerce-page #content table.cart td.actions .input-text#coupon_code, 
.woocommerce-page table.cart td.actions .input-text#coupon_code{
	height: 3em !important;
	width: 15em !important;
}
.woocommerce .button{
	font-family:'Manrope', sans-serif !important;
	padding: 10px 20px !important;
	border-radius: 0px !important;
	background-color: var(--ce-orange) !important;
	color: var(--ce-blue) !important;
	border: none !important;
	text-transform: uppercase !important;
	font-weight:700 !important;display: block;
	margin: 0 auto;
}
.woocommerce .button:hover{
	background-color: var(--ce-lightorange) !important;
	opacity: 1 !important;
	color: var(--ce-blue) !important;
}

.woocommerce table.my_account_orders .button{
	margin-left:5px;
}
.woocommerce .shop_table .actions .button[name="apply_coupon"]{
	font-family:'Manrope', sans-serif !important;
	padding: 10px 20px !important;
	/*border-radius: 5px !important;*/
	background-color: var(--ce-orange) !important;
	color: var(--ce-blue) !important;
	/*border: 2px solid var(--ce-grey);*/
	text-transform: uppercase !important;
	font-weight:700 !important;display: block;
	margin: 0 auto;
}
.woocommerce .shop_table .actions .button[name="apply_coupon"]:hover{
	background-color: var(--ce-lightorange) !important;
	/*border: 2px solid var(--ce-grey);*/
	opacity: 1;
}
.woocommerce table.cart td.actions .coupon:before, 
.woocommerce-page #content table.cart td.actions .coupon:before, 
.woocommerce-page table.cart td.actions .coupon:before{
	display: block;
	content: "Bonuscode hier anwendbar oder unten 'Weiter zur Kasse' klicken:";
	text-align: left;
	font-weight:bold;
	font-size: 12px;
	margin: 1em 0em;	
}

/*Borderradius weg*/
.woocommerce table.shop_table,
.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-multistep-checkout ul.nav-wizard,
.woocommerce-checkout #payment div.payment_box,
.woocommerce form.login,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
input[type="text"]{
	border-radius: 0px!important;
}
.woocommerce-error li, .woocommerce-info li, .woocommerce-message li{
	margin-left: 3em !important;
}
/*CE SideCart Plugin New Style*/
.xoo-wsch-top .xoo-wsch-basket {
    display: none;
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn {
    font-weight: 600;
}
/*************************************
*      CUSTOM KAPELARI CSS           *
*************************************/
.woocommerce{
	font-family:'Manrope', sans-serif !important;
}

.woocommerce #breadcrumbs{
    display: block;
}

/* Product single */
.woocommerce a.added_to_cart{
    display: block;
    clear: both;
    padding-top: 1.5em;
    margin-left: 1em;
}

.woocommerce .single_add_to_cart_button .xoo-wsc-icon-checkmark{
    display: none;
}

.woocommerce .quantity input{
    height: 30px;
    padding: 8px 5px;
    font-size: 14px;
    border-radius: 0;
    font-weight: bold;
}

/*Checkout Menü*/

.woocommerce .checkout-display-steps-container li{
    background: #f7f6f7;
	padding-left: 30px !important;
	padding-right: 10px !important;
}
.woocommerce .checkout-display-steps-container li:before{
    border-left: 16px solid #E8E8E8;
}
.woocommerce .checkout-display-steps-container li:after{
    border-left: 16px solid #f7f6f7;
}
/*Checkout Menü ACTIVE*/
.woocommerce .checkout-display-steps-container li.active{
    background: white !important;
	color: var(--ce-blue) !important;
	font-weight: bold;
}
.woocommerce .checkout-display-steps-container li.active:before{
    border-left: 16px solid var(--ce-grey);
}
.woocommerce .checkout-display-steps-container li.active:after{
	border-left: 16px solid var(--ce-grey);
}
/*Checkout Menü ENABLED*/
.woocommerce .checkout-display-steps-container li.enabled{
    background: #bdbdbd;
}
.woocommerce .checkout-display-steps-container li.enabled:before{
    border-left: 16px solid #E8E8E8;
}
.woocommerce .checkout-display-steps-container li.enabled:after{
    border-left: 16px solid #bdbdbd;
}
.woocommerce .multistep-nav a.multistep-checkout-next,
.woocommerce .multistep-nav a.multistep-checkout-prev {
	font-family:'Manrope', sans-serif !important;
	background-color: white !important;
	color: var(--ce-blue) !important;
    font-size: 15px;
    cursor: pointer;
    width: 150px;
    height: 20px;
    padding: 4px 20px;
    text-align: center;
    /*border-radius: 5px;*/
	text-transform: uppercase !important;
	font-weight:700 !important;
}

#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box{
    background-color: #bdbdbd;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before{
    border: 1em solid #bdbdbd;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.container-checkout-steps form input,
.container-checkout-steps form select{
    height: 40px;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 0;
    line-height: 40px;
    border: 1px solid #bbb;
    padding: 0px 1em;
    color: #4e4e4e;
}

.woocommerce form .form-row .required{
    text-decoration: none;
}

.woocommerce form .form-row .optional{
    visibility: hidden;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message{
    line-height: 20px;
    padding: 1em 2em 1em 3.5em !important;
}

.woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{
    width: 150px
}

.woocommerce-cart .product-name{
    font-weight: bold;
    line-height: 25px;
}
.woocommerce-cart .product-name span,
.woocommerce-cart .product-name dl{
    font-weight: normal;
}
.woocommerce-cart hr.oben + p a:first-child{
    display: none;
}

#continueShopping{
    line-height: 2em;
	visibility: hidden;
}
#continueShopping,
.woocommerce-cart hr.oben + p {
    float: right;
}

.woocommerce-cart .woocommerce-cart-form{
    clear: both;
}

.woocommerce-products-header,
.woocommerce-result-count,
.woocommerce-ordering{
    display: none;
}
.woocommerce ul.products{
    padding-top: 3em;
}


.woocommerce .wc-gzd-order-submit{
    float: right;
}

.woocommerce #place_order{
    font-size: 1.4em;
    height: 3em;
}

.woocommerce + hr.unten{
    clear: both;
}

.single_add_to_cart_button{
    top: auto !important;
    left: auto !important;
}

/* CUSTOM PRODUCTS LIST */
#category-name{
    color: var(--ce-blue);
	text-align:center;
}
#category-name h1,
#category-name h2,
#category-name h3{
     color: var(--ce-orange)
}


.woocommerce-page ul.columns-3{
    padding: 3em;
}

.woocommerce-page ul.columns-3 li{
    height: 420px;
    background: var(--ce-lightgrey);
    padding: 1em !important;
}
.woocommerce-page ul.columns-3 li.product a img{
    height: auto;
    width: 100%;
}

.woocommerce-page ul.columns-3 li .shop_cat_desc a{
    color: black;
    line-height: 1.2em;
}

.woocommerce-page ul.columns-3 li .woocommerce-loop-category__title .count{
    display: none;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
	color: var(--ce-orange);
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
}
.shop_cat_desc{
	display:none;
}
.value{
	/*border-radius: 5px;*/
}
mark.count{
	color: var(--ce-orange);
	background: #E8E8E8;
}

#products-list *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#products-list  li.product{
    width: 100% !important;
    max-width: 1280px;
    clear: both;
    float: none;
    padding: 0 0 3em 0 !important;
    margin-bottom: 3em !important;
    border-bottom: 1px solid var(--ce-grey);
    margin: 4em 0px 0 2em !important
}

#products-list  li.product:last-child{
    border-bottom: none;
}
#products-list  li.product .shariff{
    display: none !important;
}

#products-list form.cart{
    padding-left: 2em;
	padding-right: 2%;
}

#products-list  li.product::after {
    display: block;
    content: "";
    clear: both;
}

#products-list  li.product::before{
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background: #E8E8E8;
    border-left: 1px solid var(--ce-grey);
    border-bottom: 1px solid var(--ce-grey);
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -10px;
    z-index: 99;
}

#products-list  li.product > a{
    display: block;
    float: left;
    width: 25%;
	pointer-events: none; /*CS: LinkKlick auf Kategorieseite - unterbinden des Single Product Seiten Aufrufs*/
}

#products-list  li.product img.wp-post-image{
    width: auto;
    height: auto;
}

#products-list  li.product .product-content{
    width: 50%;
    float: left;
    padding-left: 1em;
	padding-right: 1em;
    box-sizing: border-box;
}
#products-list  li.product .order-buttons{
    width: 25%;
    float: left;
    padding-left: 2em;
    box-sizing: border-box;
}

@media screen and (max-width: 900px){
	#products-list  li.product .order-buttons{
		display: block;
		width: 96%;
		margin-left:auto;
		margin-right:auto;
	}
	#products-list  li.product .product-content{
		display: block;
		width: 96%;
		margin-left:auto;
		margin-right:auto;
	}
}

#products-list .woocommerce-product-details__short-description{
    display: none !important;
}

#products-list .quantity label{
    clip: unset;
    height: 30px;
    line-height: 30px;
    overflow: visible;
    position: static !important;
    width: auto;
    float: left;
    padding-right: 1em;
    white-space: nowrap;
}

#products-list .quantity input{
    width: 7em;
    margin: 0;
    float: left;
    text-align: left;
}

.woocommerce form .form-row .select2-container{
    margin-right: 1em;
}

#products-list .variations .label{
     width: 100%;
}

#products-list .variations .label::after,
#products-list .variations .value::before{
    content: '\A' !important;
    white-space: pre !important;
}

.reset_variations{
    display: block !important;
}
.in-stock {
    color:  var(--ce-orange);
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}

.woocommerce .woocommerce-form-login{
    padding-bottom: 5em !important;
    position: relative;
}

.woocommerce .woocommerce-form-login p.moveToBottom{
    position: absolute;
    bottom: 0em;
}

.select2-container--default .select2-selection--single .select2-selection__clear{
    display: none;
}
#content .woocommerce-checkout-review-order-table tfoot .shipping,
#content .woocommerce-checkout-review-order-table tfoot .cart-subtotal,
.woocommerce tr.cart-subtotal,
.woocommerce tr.shipping{
    display: none;
}

.woocommerce-page.woocommerce-checkout #ship-to-different-address-checkbox
{
	margin: 0 10px 0 0;
	height: 1em !important;
	width: 1em !important;
	
}

.thwmscf-tab-panels{
	background: #E8E8E8 !important;
}

/*************************************
*      ZUSATZ CSS VANTAGE           *
*************************************/
/*Der Angebotsbutton soll nicht angezeigt werden*/
.onsale{display:none;}
/*Der Details Button soll ausgeblendet werden!*/
.woocommerce ul.products li.product a.button{display:none !important;}
/*Der Zur Kassa Button aber nicht*/
.woocommerce ul.products li.product a.checkout-button,
.woocommerce .checkout-button
{
	font-family:'Manrope', sans-serif !important;
	display: block !important;
	cursor: pointer;
	font-size: 1.2em  !important;
	line-height: 1em  !important;
	background-color: var(--ce-orange) !important;
    text-align: center;	
	padding: 10px 20px !important;
	white-space: nowrap;/*hier*/
    color: var(--ce-blue) !important;
	width: -webkit-fit-content !important;
	height: -webkit-fit-content !important;
	width: -moz-fit-content !important;
	height: -moz-fit-content !important;
	float: right !important;
	text-transform: uppercase !important;
	font-weight:700 !important;
}
.woocommerce button.button[name="login"],
.woocommerce button.button[name="register"],
.woocommerce a.button.alt{
	font-family:'Manrope', sans-serif !important;
	display: block !important;
	cursor: pointer;
	font-size: 1.2em  !important;
	line-height: 1em  !important;
	background-color: var(--ce-orange) !important;
    text-align: center;	
	padding: 10px 20px !important;
	/*white-space: nowrap;/*hier Ninas Feedback*/
    color: var(--ce-blue) !important;
	width: -webkit-fit-content !important;
	height: -webkit-fit-content !important;
	width: -moz-fit-content !important;
	height: -moz-fit-content !important;
	text-transform: uppercase !important;
	font-weight:700 !important;
}

.woocommerce button.button[name="login"]:hover,
.woocommerce button.button[name="register"]:hover,
.woocommerce a.button.alt:hover{
	background-color: var(--ce-lightorange) !important;
	opacity: 1 !important;
}
/*Weiter ohne Kundenkonto*/
.page-id-3814 .woocommerce{
	margin-bottom:5em;
}
.page-id-3814 .woocommerce .woocommerce-notices-wrapper .woocommerce-info{
	visibility: hidden !important;
	position: absolute !important;
	bottom: 0 !important; 
	display: flex;
	justify-content: center;
}

.page-id-3814 .woocommerce .woocommerce-notices-wrapper .woocommerce-info a{
	position: absolute !important;
	bottom: 0 !important;
	text-transform: uppercase;
}
.page-id-3814 .woocommerce .woocommerce-notices-wrapper .woocommerce-info a:hover::before{
	background-color: var(--ce-lightorange);
}
.page-id-3814 .woocommerce .woocommerce-notices-wrapper .woocommerce-info a:before{
	content: "Weiter ohne Kundenkonto";
	font-family:'Manrope', sans-serif !important;
	cursor: pointer;
	color: var(--ce-blue)!important;
	font-weight: bold;
	font-size: 1.2em  !important;
	line-height: 1em  !important;
	background: var(--ce-orange);
    text-align: center;	
    border: 1px solid var(--ce-lightorange);
	padding: 12px 12px !important;
	white-space: nowrap;/*hier*/
	width: -webkit-fit-content !important;
	height: -webkit-fit-content !important;
	width: -moz-fit-content !important;
	height: -moz-fit-content !important;
	visibility: visible !important;
}

.woocommerce ul.products li.product a.checkout-button:hover
{transform: scale(1);}
.woocommerce ul.products li.product span.price{
	position:relative;
    top:-260px;
	left:-20px;
	font-weight:600;
	font-size: 1.75em;
	background: white;
	color: darkgrey;
	border: solid 1px var(--ce-grey);
	border-radius: 15px;
	padding: 15px;
	width: -webkit-fit-content;
	height: -webkit-fit-content;
	width: -moz-fit-content;
	height: -moz-fit-content;	
}

#billing_title_field label span.optional,
#shipping_title_field label span.optional{
	display: none!important;
}

.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields{
    border: 1px solid var(--ce-grey);
	/*border-radius: 5px;*/
    padding: 1em;
}
.woocommerce-additional-fields{
	margin-top: 1em;
}
@media screen and (max-width: 768px){
	.woocommerce-shipping-fields{
		margin-top: 1em;
	}
}

.woocommerce ul.products li.product a:hover{
	transform: scale(1.1);
	-webkit-transition: transform 0.25s ease-in-out;
    -moz-transition:transform 0.25s ease-in-out;
    -ms-transition:transform 0.25s ease-in-out;	
}

/*Keine Margin oben auf Nextstep-Tankyou-Page, da diese in BG Color von Footer und somit gleich wie Headermenu ist*/
.xlwcty_wrap{
	max-width:1080px !important;
}
.xlwcty_wrap.xlwctyCenter::before{
	content:'_';
	color: white;
}
.xlwcty_wrap.xlwctyCenter{
	margin: 0px auto 30px auto !important;
}

/*Downloadbuttons auf Nextstep-Thankyou-Page*/
.xlwcty_wrap .xlwcty_order_details_2_col .xlwcty_pro_list .xlwcty_leftDiv .xlwcty_p_name .xlwcty_info ul a{
	font-family:'Manrope', sans-serif !important;
	text-transform: uppercase !important;
	display: block !important;
	cursor: pointer;	
	font-size: 1.2em;
	line-height: 1em  !important;	
	font-weight:700 !important;
	background-color: var(--ce-orange) !important;
	text-align: center;	
	padding: 12px 12px !important;
	white-space: nowrap;/*hier*/
    color: var(--ce-blue) !important;
	text-decoration: none !important;
	width: -webkit-fit-content !important;
	height: -webkit-fit-content !important;
	width: -moz-fit-content !important;
	height: -moz-fit-content !important;
}

/*Style des "Warenkorb anzeigen" Buttons, der nach dem "in den Warenkorb legen" kommt*/
.woocommerce a.added_to_cart
{	
	font-family:'Manrope', sans-serif !important;
	display: block !important;
	cursor: pointer;	
	font-size: 1.2em;
	line-height: 1em  !important;
	margin: 1em 0em  !important;
	font-weight:700 !important;
	background-color: var(--ce-orange) !important;
    text-align: center;
	padding: 10px 20px !important;
	white-space: nowrap;/*hier*/
    color: var(--ce-blue) !important;
	text-decoration: none !important;
	width: -webkit-fit-content !important;
	height: -webkit-fit-content !important;
	width: -moz-fit-content !important;
	height: -moz-fit-content !important;
	text-transform: uppercase !important;
}

/*Style des PDF Gutschein "Vorschau anzeigen" Buttons*/
.woo-vou-preview-pdf-wrap .woo_vou_preview_pdf
{	
	display: block !important;
	cursor: pointer;	
	font-size: 1.2em;
	line-height: 1em  !important;
	font-weight: bold;
	background: var(--ce-orange);
    text-align: center;	
    border: 1px solid var(--ce-lightorange);
	/*border-radius: 5px !important;*/
	padding: 12px 12px !important;
	white-space: nowrap;/*hier*/
    color: white; 
	text-decoration: none !important;
	width: -webkit-fit-content !important;
	height: -webkit-fit-content !important;
	width: -moz-fit-content !important;
	height: -moz-fit-content !important;
}

#category-name h1{
	font-size:2.5em;
	font-weight:600;
} 
#category-name h2{
	font-size:1.75em;
	font-weight:600;
} 
#category-name h3{
	font-size:1.75em;
}


#products-list li.product .product-content{
	font-size: 1em;
    line-height: 1.5em !important;
}
#products-list h2{
	font-size:1.5em;
	font-weight:600;
}

.woocommerce #page-wrapper .product h1.entry-title{
	display:none !important;
}
.woocommerce ul.products li.product p.price, .woocommerce ul.products li.product .price{
	display:none !important;
}

.woocommerce div.product div.images img, .woocommerce ul.products li.product a img{
    display: block;
    width: 100%;
    height: auto;
    max-width: 365px;
    border-radius: 15px;
	box-shadow: none;}
	
span.kaufpreis {font-size: 13pt; font-weight:900;}

#place_order{float:right;}

.woocommerce form.login{
	padding-bottom: 0px !important;
}

.woocommerce button.button{
	font-family:'Manrope', sans-serif !important;
	padding: 10px 20px !important;
	background-color: var(--ce-orange) !important;
	color: var(--ce-blue) !important;
	text-transform: uppercase !important;
	font-weight:700 !important;	
}
.woocommerce button.button:hover{
	background-color: var(--ce-lightorange) !important;
	opacity: 1 !important;
    color: var(--ce-blue) !important;
}
/*Checkbox bei AGB und Datenschutz on checkout*/
#legal, #data-age-verification{
	width: 20px !important;
	height: 20px !important;
}

.xoo-wsc-footer {position: static !important;}

.xoo-wsc-basket{
	border-radius:5px!important;
	box-shadow:none!important;
}
/*Einkaufskorb bei kleinen Bildschirmen nicht über dem Menü*/
@media screen and (max-width: 769px){
	.xoo-wsc-basket{
		margin-top: 60px !important;
	}
}

/*Checkout Form Styling - BEGIN*/
.col-1of5-select{
	display: block;
}
.col-1of5,
.col-1of3,
.col-2of5,
.col-3of5,
.col-1of2 {
  float: left;
  padding: 0 !important;
  margin: 0; }

.col-1of2 {
  width: 47%;
  margin-right: 3%; }

.col-1of3 {
  width: 30%;
  margin-right: 3%; }
.col-1of3.last-col {
  width: 33%;
  margin-right: 0; }

.col-1of5 {
  width: 17%;
  margin-right: 3% !important; }

.col-2of5 {
  width: 37%;
  margin-right: 3%;  }
  
.col-3of5 {
  width: 57%;
  margin-right: 3%; }

.col-4of5 {
  width: 77%;
  margin-right: 3%; }

.col-last {
  float: right; }

.col-last:after {
  display: block;
  content: "";
  clear: both; }
	
.country_to_state .country_select{
	float: left;
	padding: 0 !important;
	margin: 0;
	width: 17% !important;
	margin-right: 3% !important; 
}

.woocommerce-info {
    border-top-color: var(--ce-orange)!important;
	/*border-radius: 5px;*/
}
.woocommerce-info::before{
	content: "\e019"!important;
	color: var(--ce-orange)!important;
}

/*Notice über Coupon auf Zusammenfassungsseite ausblenden*/
.woocommerce .wpmc-steps-wrapper .woocommerce_checkout_coupon#checkout_coupon .woocommerce-form-coupon-toggle,
.woocommerce .woocommerce-form-coupon-toggle{
	display: none!important;
}

.woocommerce form .form-row-wide, .woocommerce-page form .form-row-wide{
	clear: right!important;
}

.select2-container--default .select2-selection--single{
	border-radius: 0px!important;
	border: 1px solid var(--ce-grey)!important;
	height:2.5em!important;
	padding-top: 0.4em !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
	height:2.5em!important;
}

.woocommerce .col2-set, .woocommerce-page .col2-set{
	max-width:96%!important;
	margin:auto!important;
}

.select2 .select2-container .select2-container--default .select2-container--focus{
	width:100%!important;
	max-width:100%!important;
}
/*Newsletter Radiobutton Group*/
#additional_newsletter_field span{
	display: inline-flex;
}
#additional_newsletter_field .woocommerce-input-wrapper input{
	height: 1em;
	width: 1em;
	font-weight: bold;
}
#additional_newsletter_field .woocommerce-input-wrapper label{
	line-height: 1;
	padding-left: 0.5em;
}
#additional_newsletter_field:after{
	content: "Sagen Sie 'JA' und erfahren Sie als Erstes von neuen Projekten, verpassen Sie keinen Early Bird Bonus mehr und erhalten Sie Infos zur positiven Wirkung Ihrer Unterst\00fctzung!";
	font-size: 0.75em;
}

/*Im Kundenkonto die Newsletter-An- und -Abmeldung*/
.NewsletterBox{
	border: 1.5px solid var(--ce-grey);
}
#NewsletterTitel{
	text-transform: uppercase;
	margin: 0px;
}
.NewsletterContent{
	padding: 12px;
}
#subscribeAbmelden{
	color: #d63638;
}
#subscribeAnmelden{
	color: #46b450;
}

/*Checkout Zahlungsart stylen*/
.woocommerce-checkout #payment{
	background-color: var(--ce-pastel)!important;
	color:white!important;	
	text-transform: uppercase!important;
	padding: 0px 10px!important;
	border-radius: 0px!important;
}
.woocommerce-checkout #payment div.payment_box,
.ce_summary_hint{
	margin:10px;
	background-color: var(--ce-blue)!important;	
}
.woocommerce-checkout #payment div.payment_box:before{
	content: none!important;
}

.woocommerce-checkout #payment div.payment_box p{
	color:white!important;
	text-transform: none!important;
}
.ce_summary_hint{
	background-color: var(--ce-pastel)!important;	
	color:white!important;
	width: 96%;
    padding: 1em;
    margin: 1em 2em;
    font-size: .92em;
    line-height: 1.5;
}

/***********************************/
/*Germanized Pro Multistep Checkout*/
/***********************************/
.woocommerce-multistep-checkout ul.nav-wizard{
	display: inline-block !important;
	width:100% !important;
}
.woocommerce-multistep-checkout ul.nav-wizard li{
	font-weight: bold!important;
	text-transform:uppercase;
	width:33%!important;
	text-align:center!important;
}
@media screen and (max-width: 600px){
	.woocommerce-multistep-checkout ul.nav-wizard li{
		width:100%!important;
	}
}
/*.woocommerce-multistep-checkout ul.nav-wizard li:last-child::after{
	content:none!important;
}*/
.woocommerce-multistep-checkout ul.nav-wizard li.active:last-child::before{
	background-color: var(--ce-orange)!important;
	border-left-color: var(--ce-orange)!important;
}
.woocommerce-multistep-checkout .step-buttons{
	margin-bottom:1em!important;
}

/*Die Überschriften auf den einzelnen Steps*/
#order_review_heading,
#order_payment_heading{
	display: none!important;
}
/*Checkout Form Styling - END*/

/*Edit Kundendashboard Style*/
.woocommerce-account .woocommerce-MyAccount-navigation {display:none;}
.woocommerce-account .woocommerce-MyAccount-content{width:100% !important;}

.myAccountTopNav{/*das ist das table*/
	border: none!important;
}
.myAccountTopNavEntry{/*das ist das td*/
	
	text-align: center; 
    vertical-align: middle;
	border-top: 2px solid var(--ce-grey);
	line-height: 1.5em;
	background-color: var(--ce-grey);
	padding: 10px;
	margin: 10px 1px 0px 1px !important;
    display: inline-block; /* li nebeneinander anzeigen */
    list-style-type: none; /* ohne Aufzählungspunkte */
 }  

.woocommerce-account .addresses .title .edit {
	font-family:'Manrope', sans-serif !important;
	padding: 10px 20px !important;
	background-color: var(--ce-orange) !important;
	color: var(--ce-blue) !important;
	text-transform: uppercase !important;
	font-weight:700 !important;
}

/*************************************************/
/****** L A N D I N G P A G E   S T Y L E S ******/
/*************************************************/
/*Landingpage Slider*/
.ceLandingHeaderStyle{	
	font-family:'Manrope', sans-serif !important;
	line-height: 1.2em;
	text-transform: uppercase !important;
	font-size: 1.2em !important;
}
.landingnav-in-header-container{
	font-family:'Manrope', sans-serif !important;
	position: absolute;
	left: 0;
	top: 13vw;
}
.ce-landingnav-item{
	font-family:'Manrope', sans-serif !important;
	padding-left: 1em;
	text-transform: uppercase;
	font-weight: bold;
}
.ce-landingnav-hover{
	font-family:'Manrope', sans-serif !important;
	padding-right: 1em;
	font-style: italic;
	font-size: 0.75em!important;
}

.landingnav-in-header-container{	
	font-family:'Manrope', sans-serif !important;
}
.landingnav-in-header-container table,
.landingnav-in-header-container tr{
	border:none !important;
	margin:0 !important;
	padding:0 !important;
	border-spacing: 0 3px !important;
	border-collapse: separate !important;
}
.landingnav-in-header-container table tr td{	
	background: var(--ce-orange);
	padding: 0.75em 1em;
    text-align: right;
	font-size: 19px !important;
	white-space: no-wrap;
	/*border-radius: 5px;*/
}

.landingnav-in-header-container table tr td a{
	color: var(--ce-blue) !important;
	cursor: pointer;
}

.landingnav-in-header-container table tbody tr td{
	-webkit-transform: translate(-390px, 0);
	-moz-transform: translate(-390px, 0);
	-ms-transform: translate(-390px, 0);
	-o-transform: translate(-390px, 0);
	transform: translate(-390px, 0);
    -webkit-transition: all 1s;
  	-moz-transition: all 1s;
  	-ms-transition: all 1s;
  	-o-transition: all 1s;
  	transition: all 1s;
}

.landingnav-in-header-container table tbody tr:hover > td{
	-webkit-transform: translate(-30px, 0);
	-moz-transform: translate(-30px, 0);
	-ms-transform: translate(-30px, 0);
	-o-transform: translate(-30px, 0);
	transform: translate(-30px, 0);
    
}

@media screen and (max-width: 1400px){
	.landingnav-in-header-container{
		top: 11vw;
	}
}

@media screen and (max-width: 1150px){
	.ceLandingHeaderStyle{
		left: 4vw !important;
	}
	.landingnav-in-header-container{
		top: 10vw;
	}
}
@media screen and (max-width: 1000px){
	.ceLandingHeaderStyle{
		left: 6vw !important;
		font-size: 1em !important;
	}
	.landingnav-in-header-container{
		top: 8vw;
	}
	
}
@media screen and (max-width: 850px){
	.ceLandingHeaderStyle{
		left: 8vw !important;
		font-size: 0.9em !important;
	}
	.ce-landingnav-item{
		font-size: 0.9em !important;
	}
	.ce-landingnav-hover{
		font-size: 0.7em !important;
	}
	.landingnav-in-header-container{
		top: 6.5vw;
	}
	.landingnav-in-header-container table tbody tr td{
		-webkit-transform: translate(-370px, 0);
		-moz-transform: translate(-370px, 0);
		-ms-transform: translate(-370px, 0);
		-o-transform: translate(-370px, 0);
		transform: translate(-370px, 0);
	}
}

@media screen and (max-width: 750px){
	.ceLandingHeaderStyle{
		left: 10vw !important;
		top: -2vw !important;
		font-size: 0.8em !important;
	}
	.ce-landingnav-item{
		font-size: 0.8em !important;
	}
	.landingnav-in-header-container table tr td{
		padding: 0.5em 0.75em;
	}
	.landingnav-in-header-container table tbody tr td{
		-webkit-transform: translate(-360px, 0);
		-moz-transform: translate(-360px, 0);
		-ms-transform: translate(-360px, 0);
		-o-transform: translate(-360px, 0);
		transform: translate(-360px, 0);
	}
	
}
@media screen and (max-width: 600px){
	.ceLandingHeaderStyle{
		left: 10vw !important;
		top: -4vw !important;
		font-size: 0.7em !important;
	}
	.ce-landingnav-item{
		font-size: 0.7em !important;
	}
	.landingnav-in-header-container{
		top: 3vw;
	}
}
@media screen and (max-width: 550px){
	.ceLandingHeaderStyle{
		left: 11vw !important;
		top: 0vw !important;
		font-size: 0.6em !important;
	}
	div#n2-ss-15 .n2-style-d9d8370bb045b47a66f81a81cb9f10db-heading{
		padding: 5px !important;
	}
	.landingnav-in-header-container{
		display:none;
	}
}
@media screen and (max-width: 425px){
	.ceLandingHeaderStyle{
		font-size: 0.5em !important;
	}
}
@media screen and (max-width: 360px){
	.ceLandingHeaderStyle{
		display: none !important;
	}
}
/*SOCIAL MEDIA BUTTONS im Main Header der Landingpage VERSCHIEBEN*/
.social-media-in-header-button-container{
	position: absolute;
	right: 0;
	top: -20vw;
}
.ce-social-hover{
	padding-left: 1em;
}
.social-media-in-header-button-container table,
.social-media-in-header-button-container tr{
	border:none !important;
	margin:0 !important;
	padding:0 !important;
	border-spacing: 0 3px !important;
	border-collapse: separate !important;
}
.social-media-in-header-button-container table tr td{	
	background: var(--ce-orange);
	padding: 0.75em 1em;
    text-align: left;
	font-size: 19px !important;
	white-space: no-wrap;
}

.social-media-in-header-button-container table tr td a{
	color: var(--ce-blue) !important;
	cursor: pointer;
}

.social-media-in-header-button-container table tbody tr td{
	-webkit-transform: translate(212px, 0);
	-moz-transform: translate(212px, 0);
	-ms-transform: translate(212px, 0);
	-o-transform: translate(212px, 0);
	transform: translate(212px, 0);
    -webkit-transition: all 1s;
  	-moz-transition: all 1s;
  	-ms-transition: all 1s;
  	-o-transition: all 1s;
  	transition: all 1s;
}

.social-media-in-header-button-container table tbody tr:hover > td{
	-webkit-transform: translate(35px, 0);
	-moz-transform: translate(35px, 0);
	-ms-transform: translate(35px, 0);
	-o-transform: translate(35px, 0);
	transform: translate(35px, 0);
}

@media screen and (max-width: 1024px){
	.social-media-in-header-button-container table tr td{
		font-size: 17px !important;
		padding: 11px 13px !important;
	}
	.social-media-in-header-button-container table tbody tr td{
		-webkit-transform: translate(191px, 0);
		-moz-transform: translate(191px, 0);
		-ms-transform: translate(191px, 0);
		-o-transform: translate(191px, 0);
		transform: translate(191px, 0);
	}
	.social-media-in-header-button-container table tbody tr:hover > td{
		-webkit-transform: translate(30px, 0);
		-moz-transform: translate(30px, 0);
		-ms-transform: translate(30px, 0);
		-o-transform: translate(30px, 0);
		transform: translate(30px, 0);
	}
	.social-media-in-header-button-container table,
	.social-media-in-header-button-container tr{
		border-spacing: 0 2px !important;
	}
}
@media screen and (max-width: 595px){
	.social-media-in-header-button-container table tr td{
		font-size: 14px !important;
		padding: 9px 11px !important;
	}
	.social-media-in-header-button-container table tbody tr td{
		-webkit-transform: translate(162px, 0);
		-moz-transform: translate(162px, 0);
		-ms-transform: translate(162px, 0);
		-o-transform: translate(162px, 0);
		transform: translate(162px, 0);
	}
	.social-media-in-header-button-container table tbody tr:hover > td{
		-webkit-transform: translate(25px, 0);
		-moz-transform: translate(25px, 0);
		-ms-transform: translate(25px, 0);
		-o-transform: translate(25px, 0);
		transform: translate(25px, 0);
	}
	.social-media-in-header-button-container table,
	.social-media-in-header-button-container tr{
		border-spacing: 0 1px !important;
	}
}
@media screen and (max-width: 460px){
	.social-media-in-header-button-container table tr td{
		font-size: 12px !important;
		padding: 7px 9px !important;
	}
	.social-media-in-header-button-container table tbody tr td{
		-webkit-transform: translate(142px, 0);
		-moz-transform: translate(142px, 0);
		-ms-transform: translate(142px, 0);
		-o-transform: translate(142px, 0);
		transform: translate(142px, 0);
	}
}
@media screen and (max-width: 370px){
	.social-media-in-header-button-container table tr td{
		font-size: 11px !important;
		padding: 6px 7px !important;
	}
	.social-media-in-header-button-container table tbody tr td{
		-webkit-transform: translate(132px, 0);
		-moz-transform: translate(132px, 0);
		-ms-transform: translate(132px, 0);
		-o-transform: translate(132px, 0);
		transform: translate(132px, 0);
	}
}

@media screen and (max-width: 240px){
	.social-media-in-header-button-container table tr td{
		font-size: 10px !important;
		padding: 5px 5px !important;
	}
	.social-media-in-header-button-container table tbody tr td{
		-webkit-transform: translate(122px, 0);
		-moz-transform: translate(122px, 0);
		-ms-transform: translate(122px, 0);
		-o-transform: translate(122px, 0);
		transform: translate(122px, 0);
	}
}
@media screen and (max-width: 200px){
	.social-media-in-header-button-container table tr td{
		padding: 2px 3px !important;
	}
	.social-media-in-header-button-container table tbody tr td{
		-webkit-transform: translate(120px, 0);
		-moz-transform: translate(120px, 0);
		-ms-transform: translate(120px, 0);
		-o-transform: translate(120px, 0);
		transform: translate(120px, 0);
	}
}
@media screen and (max-width: 154px){
	.social-media-in-header-button-container{
		display:none;
	}
}

@media screen and (min-width: 1910px) {
	.ceLandingHeaderStyle{		
		font-size: 1.5vw !important;
	}
	.ce-landingnav-item{
		font-size: 0.9vw !important;
		padding: 0.9em 1.15em!important;
	}
	.social-media-in-header-button-container table tr td{
		font-size: 0.95vw !important;
		padding: 1em 1.15em!important;
	}
	.ce-landingnav-hover{
		font-size: 0.75vw !important;
	}
}

@media screen and (min-width: 1930px) { 
	.landingnav-in-header-container table tbody tr td{
		-webkit-transform: translate(-420px, 0);
		-moz-transform: translate(-420px, 0);
		-ms-transform: translate(-420px, 0);
		-o-transform: translate(-420px, 0);
		transform: translate(-420px, 0);
	}	
	.social-media-in-header-button-container table tbody tr td{
		-webkit-transform: translate(230px, 0);
		-moz-transform: translate(230px, 0);
		-ms-transform: translate(230px, 0);
		-o-transform: translate(230px, 0);
		transform: translate(230px, 0);
	}
}
@media screen and (min-width: 1970px) { 	
	.social-media-in-header-button-container table tbody tr td{
		-webkit-transform: translate(255px, 0);
		-moz-transform: translate(255px, 0);
		-ms-transform: translate(255px, 0);
		-o-transform: translate(255px, 0);
		transform: translate(255px, 0);
	}
	.landingnav-in-header-container table tbody tr td{
		-webkit-transform: translate(-445px, 0);
		-moz-transform: translate(-445px, 0);
		-ms-transform: translate(-445px, 0);
		-o-transform: translate(-445px, 0);
		transform: translate(-445px, 0);
	}	
}
@media screen and (min-width: 2000px) {	
	.social-media-in-header-button-container{
		top: -18vw;
	}
	.social-media-in-header-button-container table tbody tr td{
		-webkit-transform: translate(275px, 0);
		-moz-transform: translate(275px, 0);
		-ms-transform: translate(275px, 0);
		-o-transform: translate(275px, 0);
		transform: translate(275px, 0);
	}
	.landingnav-in-header-container table tbody tr td{
		-webkit-transform: translate(-465px, 0);
		-moz-transform: translate(-465px, 0);
		-ms-transform: translate(-465px, 0);
		-o-transform: translate(-465px, 0);
		transform: translate(-465px, 0);
	}	
}
@media screen and (min-width: 2050px) {	
	.social-media-in-header-button-container table tbody tr td{
		-webkit-transform: translate(300px, 0);
		-moz-transform: translate(300px, 0);
		-ms-transform: translate(300px, 0);
		-o-transform: translate(300px, 0);
		transform: translate(300px, 0);
	}
	.landingnav-in-header-container table tbody tr td{
		-webkit-transform: translate(-500px, 0);
		-moz-transform: translate(-500px, 0);
		-ms-transform: translate(-500px, 0);
		-o-transform: translate(-500px, 0);
		transform: translate(-500px, 0);
	}	
}
@media screen and (min-width: 2100px) {	
	.social-media-in-header-button-container table tbody tr td{
		-webkit-transform: translate(330px, 0);
		-moz-transform: translate(330px, 0);
		-ms-transform: translate(330px, 0);
		-o-transform: translate(330px, 0);
		transform: translate(330px, 0);
	}
	.landingnav-in-header-container table tbody tr td{
		-webkit-transform: translate(-545px, 0);
		-moz-transform: translate(-545px, 0);
		-ms-transform: translate(-545px, 0);
		-o-transform: translate(-545px, 0);
		transform: translate(-545px, 0);
	}	
}
@media screen and (min-width: 2175px) {	
	.social-media-in-header-button-container table tbody tr td{
		-webkit-transform: translate(380px, 0);
		-moz-transform: translate(380px, 0);
		-ms-transform: translate(380px, 0);
		-o-transform: translate(380px, 0);
		transform: translate(380px, 0);
	}
	.landingnav-in-header-container table tbody tr td{
		-webkit-transform: translate(-600px, 0);
		-moz-transform: translate(-600px, 0);
		-ms-transform: translate(-600px, 0);
		-o-transform: translate(-600px, 0);
		transform: translate(-600px, 0);
	}	
}
@media screen and (min-width: 2250px) {	
	.social-media-in-header-button-container{
		top: -15vw;
	}
	.landingnav-in-header-container{
		top: 10vw;
	}
	.social-media-in-header-button-container table tbody tr td{
		-webkit-transform: translate(420px, 0);
		-moz-transform: translate(420px, 0);
		-ms-transform: translate(420px, 0);
		-o-transform: translate(420px, 0);
		transform: translate(420px, 0);
	}
	.landingnav-in-header-container table tbody tr td{
		-webkit-transform: translate(-640px, 0);
		-moz-transform: translate(-640px, 0);
		-ms-transform: translate(-640px, 0);
		-o-transform: translate(-640px, 0);
		transform: translate(-640px, 0);
	}
}
@media screen and (min-width: 2300px) {	
	.social-media-in-header-button-container table tbody tr td{
		-webkit-transform: translate(460px, 0);
		-moz-transform: translate(460px, 0);
		-ms-transform: translate(460px, 0);
		-o-transform: translate(460px, 0);
		transform: translate(460px, 0);
	}
	.landingnav-in-header-container table tbody tr td{
		-webkit-transform: translate(-670px, 0);
		-moz-transform: translate(-670px, 0);
		-ms-transform: translate(-670px, 0);
		-o-transform: translate(-670px, 0);
		transform: translate(-670px, 0);
	}
}
@media screen and (min-width: 2380px) {	
	.social-media-in-header-button-container table tbody tr td{
		-webkit-transform: translate(500px, 0);
		-moz-transform: translate(500px, 0);
		-ms-transform: translate(500px, 0);
		-o-transform: translate(500px, 0);
		transform: translate(500px, 0);
	}
	.landingnav-in-header-container table tbody tr td{
		-webkit-transform: translate(-720px, 0);
		-moz-transform: translate(-720px, 0);
		-ms-transform: translate(-720px, 0);
		-o-transform: translate(-720px, 0);
		transform: translate(-720px, 0);
	}
}
@media screen and (min-width: 2440px) {	
	.social-media-in-header-button-container{
		top: -13vw;
	}
	.social-media-in-header-button-container table tbody tr td{
		-webkit-transform: translate(550px, 0);
		-moz-transform: translate(550px, 0);
		-ms-transform: translate(550px, 0);
		-o-transform: translate(550px, 0);
		transform: translate(550px, 0);
	}
	.landingnav-in-header-container table tbody tr td{
		-webkit-transform: translate(-780px, 0);
		-moz-transform: translate(-780px, 0);
		-ms-transform: translate(-780px, 0);
		-o-transform: translate(-780px, 0);
		transform: translate(-780px, 0);
	}
}
@media screen and (min-width: 2560px) {		
	.social-media-in-header-button-container table tbody tr td{
		-webkit-transform: translate(600px, 0);
		-moz-transform: translate(600px, 0);
		-ms-transform: translate(600px, 0);
		-o-transform: translate(600px, 0);
		transform: translate(600px, 0);
	}
	.landingnav-in-header-container table tbody tr td{
		-webkit-transform: translate(-830px, 0);
		-moz-transform: translate(-830px, 0);
		-ms-transform: translate(-830px, 0);
		-o-transform: translate(-830px, 0);
		transform: translate(-830px, 0);
	}
}

/***********************************/
/*Newsletter und Referenzen Sektion*/
/***********************************/
.ce-nl-row {
	display: flex;
	flex-wrap: wrap;
}
.ce-nl-column img {
    width: 100%;
    height: 100%; 
    object-fit: cover;
}
.ce-nl-column {
	flex-grow: 1;
  	flex-shrink: 1;
  	flex-basis: 508px;
	background: var(--ce-orange);
	color: var(--ce-blue) !important;
	min-height:245px;
}
.ce-nl-column button:not(#references), .middle button:not(#references){
	background-color: white !important;
	color: var(--ce-blue) !important;
	text-transform: uppercase !important;
	font-weight:700 !important;
	padding: 10px 20px !important;
}
.ce-nl-column button:hover{
	background-color: var(--ce-lightgrey);
	opacity: 1;
}
.txtcol{
    overflow: auto;
}
#references{
	display: flex;
	color: var(--ce-blue) !important;
	height: calc(100vw/4) !important;
}
#references p{
	margin:0 !important;
	padding:0 !important;
	text-align: left !important;
}
#ceReferencesContainer{
	display: flex;
	flex-direction: column;	
	height: calc(100vw/4) !important; 
	min-height:245px !important; 
	overflow: auto;
}
#ceReferencesContainer:before{
	content: '';
	margin-top: auto;
}
#ceReferencesContainer:after{
	content: '';
	margin-bottom: auto;
}
.refbyline{
	font-weight:bold;
}
.referenceLink{
	color: var(--ce-blue) !important;
	font-weight: 700;
}
.referenceLink:hover{
	/*color: var(--ce-lightblue) !important;*/
	color: var(--ce-lightorange) !important;
}
#newsletter div{
	margin: 0 4vw;
	position: relative;
	min-height: 300px;
}
#ceNewsletterContainer{
	display: flex;
	flex-direction: column;	
	height: calc(100vw/4) !important;
}
#ceNewsletterContainer:before{
	content: '';
	margin-top: auto;
}
#ceNewsletterContainer:after{
	content: '';
	margin-bottom: auto;
}
/*references imgs style*/
.ImgReferenzenRight{
    object-position: left bottom;
}
.ImgReferenzenLeft{
    object-position: right top;
}

/*Newsletter container bootstrap*/
.NewsletterBoot{
	background-color: var(--ce-orange);
	min-height: 350px;
}
.NewsletterBootrow{
	min-height: 350px;
}
.NewsletterBootcol{
    display: flex;
    flex-direction: column;
    justify-content: center;
    alignment-baseline: center !important;
	padding: 0; 
}
.NewsletterContent{
	padding: 0 50Px !important;
}
.NewsletterBootcolmaps>iframe{
	width:100%;
	height:350px;
}
.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice, .cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice, .cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice, .cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{
	background-color: white !important;
}
/*Newslleter End*/

@media screen and (max-width: 1015px){
	#references{
		height: calc(100vw/2)!important;
		max-height: calc(100vw/2)!important;
	}
	#ceReferencesContainer, #ceNewsletterContainer{
		height: calc(100vw/2)!important;
		max-width: none !important;
	}
	
}
@media screen and (max-width: 499px){
	.imgcol{
		display:none!important;
	}
	.txtcol,#references,#ceReferencesContainer, #ceNewsletterContainer{
		max-height: none!important;
		height: 350px!important;
	}
}

#ButtonKarussell{
	background-color: white;
	color: var(--ce-blue);
	/*border: 2px solid var(--ce-grey);*/
	text-transform: uppercase;
	font-weight:700;
	padding: 10px 20px !important;
}
.ceButton{
	color: var(--ce-blue);
	border: none !important;
	text-transform: uppercase;
	font-weight:700;
	background-color: white;
	padding: 0 !important;
}
#hgb1 div.middle, #hgb2 div.middle, #hgb3 div.middle{
	top: -110px;
	/*top: -75px*/
}
[id^=referenceCarousel] div.middle,
#cfpackage div.middle{
	top: -325px;
}
.HovertheCard:hover .BildCards{
	opacity: 0.3;
}
.HovertheCard:hover .middle{
	opacity: 1;		
}
#hgb1.HovertheCard:hover .middle, #hgb2.HovertheCard:hover .middle, #hgb3.HovertheCard:hover .middle{
	opacity: 0.8 !important;
}
/*um P zu löschen*/
.DeleteTheP p{
	display: none !important;
}

/*style circle-charts*/
#TextProzent{
  font-size: 30%;
  /* color: black; */
}

.icon {
  width: 100%;
  height: 100%;
  background-image: url(/wp-content/uploads/2022/03/CE_Sonne_BW_500.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.o-progress-circle {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 200px;
}
.o-progress-circle__fill circle {
  fill: none;
  stroke-width: 6px;
  /*stroke: #0000005f;*/
}
.o-progress-circle__fill circle:nth-child(2) {
  animation: load-circle 1s;
  stroke: var(--ce-orange); 
  stroke-dasharray: 100;
}
.o-progress-circle__number {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-block;
  margin: auto;
  height: 19rem;   /* hier ist die höhe des prozentsnummer */
  width: 100%;
  color: #00244c;
  font-size: 9rem;
  text-align: center;
}
.o-progress-circle__number em {
  font-weight: 100;
  font-style: normal;
}
.o-progress-circle--rounded circle:nth-child(2) {
  stroke-linecap: butt;
}
@-moz-keyframes load-circle {
  0% {
    stroke-dashoffset: 100;
  }
}
@-webkit-keyframes load-circle {
  0% {
    stroke-dashoffset: 100;
  }
}
@-o-keyframes load-circle {
  0% {
    stroke-dashoffset: 100;
  }
}
@keyframes load-circle {
  0% {
    stroke-dashoffset: 100;
  }
}

/* Progress Circle 2 style */
.ProgresCircleNumme{
	position: relative;
    top: -105px;
}
#TextProzent2{
	font-size: 2rem !important;
}


/* load more cards */
.ColumCards{
  display:none;
}

.TextCardsCF, .LiCardsCF {
text-align: left !important;
	padding: 0 20px;
}
.BGGridCardsCF{
	background-color: #fef6e6;
}

/*CE Progress Circle - Füllen von unten*/
div.myProgressContainer {
  display: inline-block;
	width: 150px;
	height:auto;
	background-image:url("/wp-content/uploads/2022/03/CE_Sonne_BW_500.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#ImgStatistik{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	object-fit: cover;
}

@media screen and (max-width: 1015px) and (min-width: 320px) {
	#LinieConsultingMediaQ{
		display: block !important;
		margin: 0;
		color: var(--ce-blue)!important;
		height: 20px;
		opacity: 1 !important;
	}
}

/*SOCIAL MEDIA BUTTONS mit andere TagsNew NoDiv*/
.social-media-in-header-button-containerNew{
	font-family:'Manrope', sans-serif !important;
    position: absolute !important;
    /*right: -10.5vw !important;*/
    top: -20vw !important;
}

.ce-social-hoverNew {
	font-family:'Manrope', sans-serif !important;
    padding-left: 1em !important;
    padding-right: 0.5em !important;
}

.ce-landingnav-hoverNew {
	font-family: 'Manrope' !important;
    padding-left: 0.5em !important;
}
.ce-landingnav-itemNew{
	font-family:'Manrope', sans-serif !important;
	padding-left: 2em;
	text-transform: uppercase;
	font-weight: bold;
}

#n2-ss-16item1{
	font-family:'Manrope', sans-serif !important;
}

#TableHeaderNew {
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
}


#TrHeaderNew {
    width: auto !important;
    background: var(--ce-orange) !important;
    padding: 1em 1em !important;
    margin-bottom: 0.2rem !important;
    text-align: left;
    font-size: 14px !important;
}

.ow-button-hoverNew, #TdLandingnavNew>a {
    color: var(--ce-blue) !important;
    cursor: pointer;
}

.landingnav-in-header-containerNew {
    position: absolute !important;
    /*left: -28vw !important;*/
    top: 9vw !important;
}

#TableLandingnavNew {
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
}

#TrLandingnavNew {
    background: var(--ce-orange) !important;
    padding: 1em 1em !important;
    margin-bottom: 0.3rem !important;
    text-align: right;
    font-size: 14px !important;
}

#TrHeaderNew, #TrLandingnavNew {
    -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    transform: translate(0, 0) !important;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

#TrHeaderNew:hover {
    -webkit-transform: translate(-72%, 0) !important;
    -moz-transform: translate(-72%, 0) !important;
    -ms-transform: translate(-72%, 0) !important;
    -o-transform: translate(-72%, 0) !important;
    transform: translate(-72%, 0) !important;
}

#TrLandingnavNew:hover {
    -webkit-transform: translate(66%, 0) !important;
    -moz-transform: translate(66%, 0) !important;
    -ms-transform: translate(66%, 0) !important;
    transform: translate(66%, 0) !important;
}

@media only screen and (min-width: 830px) and (max-width: 940px) {
    #TrHeaderNew {
    font-size: 12px !important;
    }

    #TrLandingnavNew {
    font-size: 12px !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 830px) {
    #TrHeaderNew {
    font-size: 10px !important;
    padding: 0.5em 1em !important;
    }

    #TrLandingnavNew {
    font-size: 11px !important;
    padding: 0.5em 1em !important;
    }
}

@media only screen and (min-width: 1900px) {
.social-media-in-header-button-containerNew,
.landingnav-in-header-containerNew {
    display: none !important;
    }
}

/*Social-media buttons Media Queries*/
@media only screen and (max-width: 1900px) {
.social-media-in-header-button-containerNew {
    right: -9vw !important;
}
}

@media only screen and (max-width: 1800px) {
.social-media-in-header-button-containerNew {
    right: -9.5vw !important;
}
}

@media only screen and (max-width: 1700px) {
.social-media-in-header-button-containerNew {
    right: -10vw !important;
}
}

@media only screen and (max-width: 1600px) {
.social-media-in-header-button-containerNew {
    right: -10.5vw !important;
}
}

@media only screen and (max-width: 1510px) {
.social-media-in-header-button-containerNew {
    right: -11vw !important;
}
}

@media only screen and (max-width: 1440px) {
.social-media-in-header-button-containerNew {
    right: -11.5vw !important;
}
}

@media only screen and (max-width: 1360px) {
.social-media-in-header-button-containerNew {
    right: -12vw !important;
}
}

@media only screen and (max-width: 1300px) {
.social-media-in-header-button-containerNew {
    right: -12.5vw !important;
}
}

@media only screen and (max-width: 1240px) {
.social-media-in-header-button-containerNew {
    right: -13vw !important;
}
}

@media only screen and (max-width: 1190px) {
.social-media-in-header-button-containerNew {
    right: -13.5vw !important;
}
}

@media only screen and (max-width: 1140px) {
.social-media-in-header-button-containerNew {
    right: -14vw !important;
}
}

@media only screen and (max-width: 1090px) {
.social-media-in-header-button-containerNew {
    right: -14.5vw !important;
}
}

@media only screen and (max-width: 1050px) {
.social-media-in-header-button-containerNew {
    right: -15vw !important;
}
}

@media only screen and (max-width: 1010px) {
.social-media-in-header-button-containerNew {
    right: -15.5vw !important;
}
}

@media only screen and (max-width: 980px) {
.social-media-in-header-button-containerNew {
    right: -16vw !important;
}
}

@media only screen and (max-width: 940px) {
.social-media-in-header-button-containerNew {
    right: -14vw !important;
}
}

@media only screen and (max-width: 900px) {
.social-media-in-header-button-containerNew {
    right: -14.5vw !important;
}
}

@media only screen and (max-width: 870px) {
.social-media-in-header-button-containerNew {
    right: -15vw !important;
}
}

@media only screen and (max-width: 840px) {
.social-media-in-header-button-containerNew {
    right: -15.5vw !important;
}
}

@media only screen and (max-width: 830px) {
.social-media-in-header-button-containerNew {
    right: -13vw !important;
}
}

@media only screen and (max-width: 810px) {
.social-media-in-header-button-containerNew {
    right: -13.5vw !important;
}
}

@media only screen and (max-width: 780px) {
.social-media-in-header-button-containerNew {
    right: -14vw !important;
}
}

@media only screen and (max-width: 740px) {
.social-media-in-header-button-containerNew {
    right: -15vw !important;
}
}

@media only screen and (max-width: 700px) {
.social-media-in-header-button-containerNew {
    right: -15.5vw !important;
}
}

@media only screen and (max-width: 675px) {
.social-media-in-header-button-containerNew {
    right: -16vw !important;
}
}

@media only screen and (max-width: 650px) {
.social-media-in-header-button-containerNew {
    right: -16.5vw !important;
}
}

@media only screen and (max-width: 625px) {
.social-media-in-header-button-containerNew {
    right: -17vw !important;
}
}

@media only screen and (max-width: 605px) {
.social-media-in-header-button-containerNew {
    right: -17.5vw !important;
}
}

@media only screen and (max-width: 580px) {
.social-media-in-header-button-containerNew {
    right: -18vw !important;
}
}

@media only screen and (max-width: 565px) {
.social-media-in-header-button-containerNew {
    right: -18.5vw !important;
}
}

@media only screen and (max-width: 545px) {
.social-media-in-header-button-containerNew {
    right: -19vw !important;
}
}

@media only screen and (max-width: 530px) {
.social-media-in-header-button-containerNew {
    right: -19.5vw !important;
}
}

@media only screen and (max-width: 515px) {
.social-media-in-header-button-containerNew {
    right: -20vw !important;
}
}

@media only screen and (max-width: 500px) {
.social-media-in-header-button-containerNew {
    right: -21vw !important;
}
}

@media only screen and (max-width: 475px) {
.social-media-in-header-button-containerNew {
    right: -21.7vw !important;
}
}

@media only screen and (max-width: 460px) {
.social-media-in-header-button-containerNew {
    right: -22.7vw !important;
}
}

@media only screen and (max-width: 440px) {
.social-media-in-header-button-containerNew {
    right: -23vw !important;
}
}

@media only screen and (max-width: 430px) {
.social-media-in-header-button-containerNew {
    right: -23.7vw !important;
}
}

@media only screen and (max-width: 415px) {
.social-media-in-header-button-containerNew {
    right: -24.5vw !important;
}
}

@media only screen and (max-width: 400px) {
.social-media-in-header-button-containerNew {
    right: -25.5vw !important;
}
}

@media only screen and (max-width: 385px) {
.social-media-in-header-button-containerNew {
    right: -26vw !important;
}
}

@media only screen and (max-width: 375px) {
.social-media-in-header-button-containerNew {
    right: -26.7vw !important;
}
}

@media only screen and (max-width: 365px) {
.social-media-in-header-button-containerNew {
    right: -27.3vw !important;
}
}

@media only screen and (max-width: 355px) {
.social-media-in-header-button-containerNew {
    right: -27.7vw !important;
}
}

@media only screen and (max-width: 350px) {
.social-media-in-header-button-containerNew {
    right: -28.3vw !important;
}
}

@media only screen and (max-width: 345px) {
.social-media-in-header-button-containerNew {
    right: -29vw !important;
}
}

@media only screen and (max-width: 335px) {
.social-media-in-header-button-containerNew {
    right: -30vw !important;
}
}

@media only screen and (max-width: 320px) {
.social-media-in-header-button-containerNew {
    display: none !important;
}
}

/*landingnav Services- Fundings Media Queries*/
@media only screen and (max-width: 1900px) {
	.landingnav-in-header-containerNew {
    left: -20vw !important;
	}
}
@media only screen and (max-width: 1800px) {
	.landingnav-in-header-containerNew {
    left: -21vw !important;
	}
}
@media only screen and (max-width: 1700px) {
	.landingnav-in-header-containerNew {
    left: -22vw !important;
	}
}
@media only screen and (max-width: 1630px) {
	.landingnav-in-header-containerNew {
    left: -23vw !important;
	}
}
@media only screen and (max-width: 1560px) {
	.landingnav-in-header-containerNew {
    left: -24vw !important;
	}
}
@media only screen and (max-width: 1500px) {
	.landingnav-in-header-containerNew {
    left: -25vw !important;
	}
}
@media only screen and (max-width: 1430px) {
	.landingnav-in-header-containerNew {
    left: -26vw !important;
	}
}
@media only screen and (max-width: 1370px) {
	.landingnav-in-header-containerNew {
    left: -27vw !important;
	}
}
@media only screen and (max-width: 1320px) {
	.landingnav-in-header-containerNew {
    left: -28vw !important;
	}
}
@media only screen and (max-width: 1270px) {
	.landingnav-in-header-containerNew {
    left: -29.5vw !important;
	}
}
@media only screen and (max-width: 1210px) {
	.landingnav-in-header-containerNew {
    left: -30vw !important;
	}
}
@media only screen and (max-width: 1180px) {
	.landingnav-in-header-containerNew {
    left: -30.5vw !important;
	}
}
@media only screen and (max-width: 1170px) {
	.landingnav-in-header-containerNew {
    left: -31vw !important;
	}
}
@media only screen and (max-width: 1140px) {
	.landingnav-in-header-containerNew {
    left: -32vw !important;
	}
}
@media only screen and (max-width: 1100px) {
	.landingnav-in-header-containerNew {
    left: -33.5vw !important;
	}
}
@media only screen and (max-width: 1060px) {
	.landingnav-in-header-containerNew {
    left: -34vw !important;
	top: 6vw !important;
	}
}
@media only screen and (max-width: 1045px) {
	.landingnav-in-header-containerNew {
    left: -35vw !important;
	}
}
@media only screen and (max-width: 1010px) {
	.landingnav-in-header-containerNew {
    left: -36vw !important;
	}
}
@media only screen and (max-width: 985px) {
	.landingnav-in-header-containerNew {
    left: -37vw !important;
	}
}
@media only screen and (max-width: 955px) {
	.landingnav-in-header-containerNew {
    left: -38vw !important;
	}
}
@media only screen and (max-width: 940px) {
	.landingnav-in-header-containerNew {
    left: -33vw !important;
	}
}
@media only screen and (max-width: 920px) {
	.landingnav-in-header-containerNew {
    left: -34vw !important;
	}
}
@media only screen and (max-width: 895px) {
	.landingnav-in-header-containerNew {
    left: -35vw !important;
	}
}
@media only screen and (max-width: 870px) {
	.landingnav-in-header-containerNew {
    left: -36vw !important;
	}
}
@media only screen and (max-width: 845px) {
	.landingnav-in-header-containerNew {
    left: -37vw !important;
	}
}
@media only screen and (max-width: 830px) {
	.landingnav-in-header-containerNew {
    left: -35vw !important;
	top: 8vw !important;
	}
}
@media only screen and (max-width: 830px) {
	.landingnav-in-header-containerNew {
    left: -36vw !important;
	}
}
@media only screen and (max-width: 770px) {
	.landingnav-in-header-containerNew {
    left: -37vw !important;
	}
}
@media only screen and (max-width: 750px) {
	.landingnav-in-header-containerNew {
    left: -38vw !important;
	}
}
@media only screen and (max-width: 735px) {
	.landingnav-in-header-containerNew {
    left: -39vw !important;
	}
}
@media only screen and (max-width: 715px) {
	.landingnav-in-header-containerNew {
    left: -40vw !important;
	}
}
@media only screen and (max-width: 695px) {
	.landingnav-in-header-containerNew {
    left: -41vw !important;
	}
}
@media only screen and (max-width: 680px) {
	.landingnav-in-header-containerNew {
    left: -42vw !important;
	}
}
@media only screen and (max-width: 665px) {
	.landingnav-in-header-containerNew {
    left: -43vw !important;
	}
}
@media only screen and (max-width: 650px) {
	.landingnav-in-header-containerNew {
    left: -44vw !important;
	top: 5.5vw !important;
	}
}
@media only screen and (max-width: 630px) {
	.landingnav-in-header-containerNew {
    left: -45vw !important;
	}
}
@media only screen and (max-width: 620px) {
	.landingnav-in-header-containerNew {
    left: -46vw !important;
	}
}
@media only screen and (max-width: 605px) {
	.landingnav-in-header-containerNew {
    left: -47vw !important;
	}
}
@media only screen and (max-width: 590px) {
	.landingnav-in-header-containerNew {
    left: -48vw !important;
	}
}
@media only screen and (max-width: 575px) {
	.landingnav-in-header-containerNew {
    left: -49vw !important;
	}
}
@media only screen and (max-width: 565px) {
	.landingnav-in-header-containerNew {
    left: -50vw !important;
	}
}
@media only screen and (max-width: 555px) {
	.landingnav-in-header-containerNew {
    left: -51vw !important;
	}
}
@media only screen and (max-width: 545px) {
	.landingnav-in-header-containerNew {
    display: none !important;
	}
}

/*Link Cookie Consent button*/
#cmplz-manage-consent .cmplz-manage-consent{
	background-color: rgba(242, 148, 0, 0.9) !important;
	right: 80% !important;
}
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p{
	margin: 0 0 !important;
}
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div{
	margin: 2px 0 !important;
}
#cmplz-cookies-overview{
	background-color: rgb(241,241,241,0.8) !important;
	padding: 12px !important;
}
.cmplz-dropdown summary div h3::before{
	content: "\2193 \0020" !important;
}
.cmplz-dropdown summary div h3{
	color: var(--ce-lightblue) !important;
}
.cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div {
	grid-template: "heading paragraph" !important;
	grid-template-columns: 2fr auto 0 !important;
}
#cmplz-cookies-overview .cmplz-dropdown summary div{
    grid-gap: 0 !important;
    align-items: baseline !important;
}
.cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p {
	text-align: -webkit-right;
}
.cookies-per-purpose h5{
	margin: 0 !important;
}
.cmplz-service-header.entry-content {
	line-height: 0 !important;
}
@media (min-width: 769px){
	.cmplz-message, .cmplz-categories {
    /* width: calc(var(--cmplz_banner_width) - 42px); */
	width:  100% !important;
}
}

@media only screen and (min-width: 280px) and (max-width: 599px) {
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
    grid-template-columns: 40% 60% !important;
	}
}
/*Modal Webinar*/
.modalWebinar {
	display: none;
	position: fixed;
	z-index: 100;
	left: 0;
	top: -40px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0,0,0,0.4);
}

.modalWebinar-content, .modalWebinar-content-CF {
	background-color: #fefefe;
	margin: 15% auto;
	padding: 20px;
	border: 1px solid #888;
	/*width: 50% !important;
	min-width: 595px !important;*/
}

.closeWebinar {
	color: var(--ce-blue);
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.closeWebinar:hover,
.closeWebinar:focus {
	color: var(--ce-lightblue);
	text-decoration: none;
	cursor: pointer;
}
.modalWebinar-content-CF{
	background-image: url("/wp-content/uploads/2023/04/CE_WebinarBG.png");
	height: 410px !important;
}
.modalWebinar-content{
	background-image: url("/wp-content/uploads/2024/03/Header-Webinar-Popup.jpg");
}
.modalWebinar-content, .modalWebinar-content-CF{
	background-repeat:no-repeat;
	background-size: cover;
	padding-top: 0px;
}
.infoWebinarButton{
	position: relative;
	right: -440px;
	top: 180px;
}
.infoWebinarButton-CF{
	position: relative;
	right: 0;
	top: 100px;
}

@media (max-width: 768px){
	.modalWebinar {
		display: none!important;
	}
}
/* EEG Karten Styles V1 */
/* EEG Projekte Karten Styles */

#cardEEGnew, #cardReferenzenNew{
	width: 342px; /* Puedes ajustar este valor según sea necesario */
}
#cardEEGnew, #cardReferenzenNew{
    background: white;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    margin: 5px;
    padding: 0 !important;
}

#cardReferenzenNew {
    width: 570px; /* Puedes ajustar este valor según sea necesario */
}

.ReferenzenNewImg, .cardEEGNewImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.descriptionsCardEEGNew{
	height: calc(100% - 47px) !important; /* Ajusta la altura para no cubrir 'titelBGEEGcard' */
}
.descriptionsRefNew{
	height: 100%;
}
.descriptionsCardEEGNew, .descriptionsRefNew {
    font-size: 1.2rem;
    font-weight: bold;
	text-align: left;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /*height: calc(100% - 47px) !important; /* Ajusta la altura para no cubrir 'titelBGEEGcard' */
    background-color: rgba(249, 249, 249, 0.714);
    color: var(--ce-blue);
    opacity: 0;
    padding: 20px;
    clip-path: polygon(0% 0%);
}

#cardReferenzenNew:hover .descriptionsRefNew, 
#cardEEGnew:hover .descriptionsCardEEGNew {
    transition: all 0.5s ease-in-out;
    opacity: 1;
    clip-path: polygon(0% 0%, 120% 0%, 120% 120%, 0% 120%);
}

#cardReferenzenNew:hover .ReferenzenNewImg, 
#cardEEGnew:hover .cardEEGNewImg{
    transition: all 0.5s ease-in-out;
    transform: scale(1.02) !important;
    filter: blur(2px);
}

#btnEEGRP {
    margin: 0px 2px !important;
    top: 1.5rem !important;
}

#btnEEGCard {
    bottom: -1rem;
}

#btnEEGRP, #btnEEGCard {
    position: relative !important;
    padding: 0px !important;
    background-color: rgb(15,36,77) !important;
}

.titelBGEEGcard {
    background-color: var(--ce-orange) !important;
    position: relative; /* Asegura que este div permanezca sobre 'descriptionsCardEEGNew' */
    z-index: 1;
}

.cardReferenzTitel {
    font-size: 25px !important;
}

#textEEGRP {
    padding: 0rem !important;
    font-size: 17px;
}

#textEEGCard {
    padding: 0rem !important;
    font-size: 0.8rem !important;
}
#textEEGCardv2 {
    padding: 0rem !important;
    font-size: 1rem !important;
}

.carouselEEGRPInner {
    height: 210px;
    display: flex !important;
    align-items: center !important;
}

@media only screen and (max-width: 537px) and (min-width: 510px) {
    .cardReferenzTitel {
        font-size: 23px !important;
    }
    #textEEGRP {
        font-size: 16px;
    }
    .carouselEEGRPInner {
        height: 200px;
    }
}

@media only screen and (max-width: 509px) and (min-width: 480px) {
    .cardReferenzTitel {
        font-size: 21px !important;
    }
    #textEEGRP {
        font-size: 14px;
    }
    .carouselEEGRPInner {
        height: 190px;
    }
}

@media only screen and (max-width: 479px) and (min-width: 446px) {
    .cardReferenzTitel {
        font-size: 19px !important;
    }
    #textEEGRP {
        font-size: 14px;
    }
    .carouselEEGRPInner {
        height: 180px;
    }
    #btnEEGRP {
        top: 1.2rem;
    }
}

@media only screen and (max-width: 445px) and (min-width: 420px) {
    .cardReferenzTitel {
        font-size: 18px !important;
    }
    #textEEGRP {
        font-size: 13px;
    }
    .carouselEEGRPInner {
        height: 170px;
    }
    #btnEEGRP {
        top: 1rem;
    }
}

@media only screen and (max-width: 420px) and (min-width: 395px) {
    .cardReferenzTitel {
        font-size: 17px !important;
    }
    #textEEGRP {
        font-size: 12px;
    }
    .carouselEEGRPInner {
        height: 160px;
    }
    #btnEEGRP {
        top: 1rem;
    }
}

@media only screen and (max-width: 394px) and (min-width: 360px) {
    .cardReferenzTitel {
        font-size: 16px !important;
    }
    #textEEGRP {
        font-size: 11px;
    }
    .carouselEEGRPInner {
        height: 150px;
    }
    #btnEEGRP {
        top: 0.7rem;
    }
}

@media only screen and (max-width: 359px) and (min-width: 336px) {
    .cardReferenzTitel {
        font-size: 15px !important;
    }
    #textEEGRP {
        font-size: 10px;
    }
    .carouselEEGRPInner {
        height: 140px;
    }
    #btnEEGRP {
        top: 0.6rem;
    }
}

@media only screen and (max-width: 335px) and (min-width: 320px) {
    .cardReferenzTitel {
        font-size: 14px !important;
    }
    #textEEGRP {
        font-size: 9px;
    }
    .carouselEEGRPInner {
        height: 135px;
    }
    #btnEEGRP {
        top: 0.5rem;
    }
}

/* EEG Projekte 4 Karten Schritte Styles */
.cardProjectContainer {
    display: flex;
    flex-direction: column;
    height: 100%;
}
#cardProjectNew {
    width: 250px; /* Puedes ajustar este valor según sea necesario */
    background: white;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    margin: 10px !important;
    padding: 0 !important;
}

.cardProjectNewImg {
    width: 100%;
    height: 200px;
    object-fit: contain;
}
.cardProjectNewImgv2 {
    width: 275px !important;
    height: 150px !important;
    object-fit: contain !important;
}

.descriptionsProjectCardNew {
	display: flex;
	align-items: center;
    justify-content: center;
	width: 100%;
    /*height: calc(100% - 47px) !important; /* Ajusta la altura para no cubrir 'titelBGProjectCard' */
	height: 150px;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(249, 249, 249, 0.714);
    color: var(--ce-blue);
    opacity: 0;
    padding: 1rem;
    clip-path: polygon(0% 0%);
}

#cardProjectNew:hover .descriptionsProjectCardNew {
    transition: all 0.5s ease-in-out;
    opacity: 1;
    clip-path: polygon(0% 0%, 120% 0%, 120% 120%, 0% 120%);
}

#cardProjectNew:hover .cardProjectNewImgv2{
    transition: all 0.5s ease-in-out;
    transform: scale(1.02) !important;
    filter: blur(2.5px);

	/*filter: brightness(3) contrast(2) saturate(150%) blur(2px);*/
}
#cardProjectNew:hover .cardProjectNewImg{
    transition: all 0.5s ease-in-out;
    transform: scale(1.02) !important;
    /*filter: blur(2px);*/
	/*filter: brightness(0.8);*/
	filter: brightness(3) contrast(2) saturate(150%) blur(2px);
}

.titelBGProjectCard {
    background-color: var(--ce-orange) !important;
    position: relative;
    z-index: 1;
	height: 50px;
}

#textProjectCard {
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
	height: 100%;
    padding: 0rem !important;
    font-size: 13px !important;
}

#carouselProject1 {
    height: 210px;
    display: flex !important;
    align-items: center !important;
}


/*Konto Tabelle*/

.woocommerce-MyAccount-content{
	background: white;
	border-radius:12px;
	padding: 15px;
	
}
#kontoBg{
	padding: 20px;
/* From https://css.glass */
background: rgba(169, 193, 220, 0.36);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(14.3px);
-webkit-backdrop-filter: blur(14.3px);
border: 1px solid rgba(169, 193, 220, 0.37);
}
/* Button Link CSS with Bootstrap
*/
.TabbuttonKonto{
	color: var(--ce-blue) !important;
	font-weight: bold !important;
	font-size: 18px !important;
	width: 25% !important;
	cursor: pointer;
}
.TabbuttonKonto:hover{
	/*text-shadow: 0 0 30px rgba(255,125,0,0.42),
             0 0 20px rgba(255,175,0,0.8),
             0 0 30px rgba(255,225,0,0.5);*/
	color: #f29401 !important;
}


@media only screen and (min-width: 280px) and (max-width: 767px) {
	.TabbuttonKonto{
		width: 50% !important;
		font-size: 15px !important;
	}
}
/*Konto Bestellung CO2 Tabelle*/
.woocommerce-orders-table__header-co2xprojt, .woocommerce-orders-table__cell-co2xprojt{
	color: RGBA(0,151,107,0.86) !important;
	background: RGBA(255,217,175,0.21) !important;
}
.woocommerce-orders-table__cell-co2xprojt{
	text-align: center !important;
}
.GreentextCO2{
	color: RGBA(0,151,107,0.86) !important;
}
/*Kontakt Formular Partner Werden*/

.closeKontaktFbtn:hover {
    color: white !important;
}

/* Neue ServicesCE Cards*/
.card-img-Text-CE{
	width:100px;
	height:100px;
}
.servicesCE-card{
	background-color: #FFA500;
    color: var(--ce-blue);
    margin-bottom: 15px;
    max-width: 350px;
	height: 200px;
	position: relative;
	transition: filter 0.3s;
}

.servicesCE-header {
    min-height: 40% !important;
    align-content: start;
}
.servicesCE-content {
    min-height: 60% !important;
}
.blur-wrapper {
    transition: filter 0.3s;
}
.servicesCE-card:hover .blur-wrapper {
    filter: blur(2px);
}
.servicesCE-card .card-body {
    transition: filter 0.3s;
}
.servicesCE-card .btn-mehr {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: none !important;
    z-index: 20 !important; 
}
.servicesCE-card:hover .btn-mehr {
    display: block !important;
}
.btnServicesCE .btnServCECard{

    text-transform: uppercase !important;
    font-weight: 700 !important;
    padding: 10px 20px !important;
	transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
}

.btnServicesCE{
	background-color: white !important;
	color: rgba(0, 36, 77, 1) !important;
}
.btnServicesCE:hover {
    background-color: rgba(255, 255, 255, 0.534) ; 
    color: rgb(13, 88, 111)!important;
    opacity: 0.8;
    cursor: pointer;
}
.btnServCECard{
	background-color: var(--ce-orange) !important;
	color: var(--ce-blue) !important;
}
.btnServCECard:hover {
    background-color: var(--ce-lightorange) !important;
    color: var(--ce-lightblue)!important;
    opacity: 0.8;
    cursor: pointer;
}
/* Nuevas tarjetas de servicios mejoradas */
.landBGCards, .landBGCardsContracting{
	background-position: start;
  	background-repeat: no-repeat;
  	background-size: cover;
	width: 100% !important;
	align-items: center;
    display: flex;
	background-attachment: fixed;
}
.landBGCards{
	background-image: url("/wp-content/uploads/2022/04/ce_consulting_header1_web.jpg") !important;
	height: 720px !important;
}
.landBGCardsContracting{
	background-image: url("/wp-content/uploads/2024/03/ce_MontagePartner.jpg")!important;
	height: 620px !important;
}
.card-services-improved {
	/*background-color: rgba(0, 0, 0, 0.5) !important;  Black Transparent */
	background-color: rgba(0, 36, 77, 0.75)!important;
    color: white !important;
    width: 300px !important;
	height: 200px !important;
	position: relative;
	transition: filter 0.3s;
	/*border: 1.5px solid orange; 
    box-shadow: 0 0 5px rgba(255, 165, 0, 0.7),
                0 0 10px rgba(255, 165, 0, 0.5), 
                0 0 20px rgba(255, 165, 0, 0.3), 
                0 0 30px rgba(255, 165, 0, 0.2), 
                0 0 40px rgba(255, 165, 0, 0.1);*/
}

.header-services-improved {
    min-height: 20% !important;
	display: flex !important;
    align-content: center !important;
	justify-content: center !important;
	color: var(--ce-orange) !important;
}
.content-services-improved {
    min-height: 50% !important;
}
.wrapper-blur-effect {
    transition: filter 0.3s;
}
.card-services-improved:hover .wrapper-blur-effect {
    filter: blur(2px);
}
.card-services-improved .card-body {
    transition: filter 0.3s;
}
.card-services-improved .btn-more {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: none !important;
    z-index: 20 !important; 
}
.card-services-improved:hover .btn-more {
    display: block !important;
}
.btn-improved-services .btn-card {

    text-transform: uppercase !important;
    font-weight: 700 !important;
    padding: 10px 20px !important;
	transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
}

.btn-improved-services {
	background-color: white !important;
	color: rgba(0, 36, 77, 1) !important;
}
.btn-improved-services:hover {
    background-color: rgba(255, 255, 255, 0.534); 
    color: rgb(13, 88, 111) !important;
    opacity: 0.8;
    cursor: pointer;
}
.btn-card-improved {
	background-color: var(--ce-orange) !important;
	color: var(--ce-blue) !important;
}
.btn-card-improved:hover {
    background-color: var(--ce-lightorange) !important;
    color: var(--ce-lightblue) !important;
    opacity: 0.8;
    cursor: pointer;
}
@media only screen and (max-width: 991px){
	.card-services-improved{
		max-width: 250px!important;
		height: 180px!important;
	}
	.content-services-improved{
		display: none;
	}
	.cardBody-Improved{
		justify-content: center;
	}
	.header-services-improved {
   		display: flex;
		justify-content: center;
		align-items: center;
}
}
@media only screen and (max-width: 767px){
	.card-services-improved{
		height: 100px!important;
	}
}
/*Styles links Transform Scrolling*/

#apareceActiv {
    position: fixed;       
    top: 50%;             
    right: -245px;           
    transform: translateY(-50%); 
    width: 300px;           
    padding: 10px;     
    visibility: hidden;
    z-index: 1000;      
}
#aparece{
	transition: right 0 ease !important;
}
#blockReferenzScroll, #blockReferenzScrollConsulting{
	background-color: white !important;
	padding: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	margin:10px;
	transition: transform 0.5s ease;
}
#blockReferenzScroll:hover {
    transform: translateX(-180px);
}
#blockReferenzScrollConsulting:hover{
	transform: translateX(-195px);
}
#KontaktBG{
	background-color: var(--ce-blue);
	color: white !important;
}
/*CE Website Brainstorming*/
.card-body-stCE{
	background-color: var(--ce-orange);
	height: 220px;
}
.card-img-top-CE{
	width: 100%;
	height: 100%;
}
.cardDientsleintung{
	width: 360px;
	    position: relative;
    overflow: hidden;
}
.cardDientsleintung .btnServicesCECards {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.cardDientsleintung:hover .btnServicesCECards {
    opacity: 1;
}

.cardDientsleintung img {
    width: 100%;
    transition: filter 0.3s ease;
}

.cardDientsleintung:hover img,
.cardDientsleintung:hover .card-body,
.cardDientsleintung:hover .card-text {
    filter: blur(5px);
}

.cardDientsleintung .btnServicesCECards a {
    text-align: center;
    padding: 10px 20px;
    /*background: #007bff;
    color: #fff;*/
    text-decoration: none;
    border-radius: 5px;
}

.cardDientsleintung:hover .btnServicesCECards a {
    display: block;
}
/*Haken IDS*/
#ContractingHaken, #CrowdfundingHaken, #WhiteLabelHaken, #ConsultingDienstleistungen, #ConsultingPVProjektbegleitung, #ConsultingEnergiegemeinschaft, #ConsultingEnergiemonitoring, #ConsultingFoerdermanagement, #ConsultingNetzwerkPartner, #BuergerbeteiligungHaken, #NachrangigesCrowdfunding, #SaleLeaseBackModell, #Referenzen_Consulting, #Referenzen_Contracting, #Referenzen_Finanzierung, #unsere_services{
  scroll-margin-top: 100px; /* Ajustiere den Wert entsprechend der Höhe deiner Navigationsleiste */
}

/* Karten ohne Blur */
/*.descriptionsTextCardNewWS{
	background-color: var(--ce-orange);
}
div#TextCardNewWSInhalt {
    padding: 1rem;
}
#KontaktBGNew{
	background-color: var(--ce-lightblue);
	color: white !important;
}*/
/* Karten ohne Blur 4 Karten */
#TextCardNewWS{
	width: 300px !important;
}
#TextCardNewWSLink{
	color: var(--ce-blue) !important;
}
#TextCardNewWSLink:hover{
	color: var(--ce-lightgrey) !important;
}
.CardNewWS4{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
}
.TextCardNewWSImg3Cards{
	width:250px; /*160px*/
	height: 250px; /*160px*/
}
.TextCardNewWSImg4Cards{
	width:150px; /*160px*/
	height: 150px; /*160px*/
}
.TextCardNewWSImg4Cards, .TextCardNewWSImg3Cards{	
	margin:auto;
	/*max-width: 80px;*/
    margin-bottom: 1rem;
	object-fit: contain;}
#TextCardNewWS4Cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
}
.descriptionsTextNewWS4Cards {
    background-color: #ff9800; /* Orange BG */
    padding: 1rem;
    margin-top: auto; /* Schiebt die Beschreibung nach unten */
	display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 150px; /* Gleiche height für alle Karten */
    width: 100%;
}
.titelNewWS4Cards {
    font-weight: 800 !important;
	font-size: 1rem;
    text-align: center;
    line-height: 1.5;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    text-transform: uppercase;
}

#TextNewWS4Cards {
    font-size: 1rem;
    line-height: 1.5;
	margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    word-wrap: break-word; /*Stelle sicher, dass der Text nicht überläuft*/
}
/*Style BG with parallax efekt und triangle SVG*/
    #triangleTop{
		width: 100%;
        position: relative;
        top: 0px;
        left: 0;
        right: 0;
    }
    #triangleBottom{
        position: relative;
        bottom: 0px;/*365px*/
        left: 0;
        right: 0;
    }
.landBGCardsContractingSVG{
	background-image: url("/wp-content/uploads/2024/03/ce_MontagePartner.jpg")!important;	
}
.landBGCardsContractingSVG1{
	background-image: url("/wp-content/uploads/2022/03/PVDachWeb.jpg")!important;
}
.landBGCardsContractingSVG2{
	background-image: url("/wp-content/uploads/2024/06/BgParallax.jpg")!important;
}
.landBGCardsContractingSVG, .landBGCardsContractingSVG1, .landBGCardsContractingSVG2{
	/*height: 620px !important;*/
	height: auto !important;
  	background-repeat: no-repeat;
  	background-size: cover;
	width: auto !important;
	background-attachment: fixed;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.boxParallaxCE{
	display: flex;
    justify-content: center;
}
.textParallaxCE{
	text-align: center;
	padding: 15px;
	width: 450px !important;
	height: auto;
	color: white;
	background-color: rgba(0, 36, 77, 0.75) !important;
	/*text-transform: uppercase;*/
}
.KontaktBannerSVG{
	background-color: rgba(0, 36, 77, 0.75);
	color: white !important;
	width: 65vw;
	margin: 10px;
}
/*ExpandingCards CE */
.expandingCardsCE {
    width: 100%;
    height: 80vh;
    font-size: 62.5%;
    display: flex;
    justify-content: center;
    align-items: start;
    overflow: hidden;
    margin-top: 10px;
}

.containerExpCard {
    display: flex;
    width: 100%;
}

.containerExpCard__panel {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 80vh;
    /*border-radius: 5px;*/
    cursor: pointer;
    flex: 1;
    margin: 0;
    position: relative;
    transition: flex 0.7s ease-in;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.containerExpCard__panel--title {
	padding: 10px 5px;
    text-transform: uppercase;
    font-size: 2rem !important;
    writing-mode: vertical-lr;
    margin-top: 1rem;
    /*text-shadow: 0 10px 10px rgba(200, 200, 200, 0.8);*/
	background-color: rgba(0, 36, 77, 0.75);
    opacity: 1;
    transition: opacity 0.3s ease-in 0.4s;
}
.containerExpCard__panel--title2{
	color: var(--ce-orange) !important;
}
.containerExpCard__panel.active {
    flex: 10;
}

.containerExpCard__panel.active .containerExpCard__panel--detail-box {
    opacity: 1;
    transition: opacity 0.3s ease-in 0.6s;
}

.containerExpCard__panel.active h1 {
    opacity: 0;
}
.containerExpCard__button {
    background-color: #f29400;
    color: rgb(13, 88, 111) !important;
    border: none;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}

.containerExpCard__button:hover {
    background-color: #fecc00;
    color: whitesmoke !important;
}
/*@media (max-width: 1450px) {
    .expandingCardsCE {
        height: 950px;
	}
}*/
@media (max-width: 1030px) {
    .expandingCardsCE {
        height: 950px;
    }
    .containerExpCard {
        flex-direction: column;
        width: 100%;
        height: 900px; 
        justify-content: center; 
        align-items: center; 
        margin: 0;
    }

    .containerExpCard__panel {
        width: 100%; 
        height: auto; 
        margin: 0; 
        transition: height 0.7s ease-in; 
    }

    .containerExpCard__panel--title {
        writing-mode: horizontal-tb;
        text-align: center;
        margin: 1rem auto;
    }

    .containerExpCard__panel.active {
        height: 90vh !important; /* Ajustar la altura del panel activo */
    }

    .containerExpCard__panel.active h1 {
        writing-mode: horizontal-tb;
    }
}

@media only screen and (max-width: 800px) {
    .containerExpCard__panel--title {
        font-size: 1.5rem;
    }
}

.containerExpCard__panel--detail-box {
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    opacity: 0;
    color: #fff;
    margin: 10px;
    background-color: rgba(0, 36, 77, 0.75);
    padding: 30px 30px;
    overflow: hidden;
}

.containerExpCard__panel--detail-box h3 {
    border-bottom: 1px solid white;
}

@media only screen and (max-width: 400px) {
    .containerExpCard__panel--detail-box {
        font-size: 0.6rem;
    }
}
/*LogodBoxCE*/
.BGLogosBoxCE{
	background: rgb(243,180,24) !important;
	background: linear-gradient(180deg, rgba(243,180,24,1) 5%, rgba(245,203,4,1) 46%, rgba(255,255,255,1) 100%)!important;
	color: var(--ce-blue);
}
.BGLogosBoxCETop{
	background: rgb(255,255,255) !important;
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,203,4,1) 57%, rgba(243,180,24,1) 100%) !important;
	color: var(--ce-blue);
}
.LogosBoxCE{
	width: 300px;
	padding: 10px;
	color: var(--ce-blue);
}
.LogosBoxCEInfo{
	color: var(--ce-blue) !important;
	padding: 30px;
	text-align: center !important;
}
/*benefits-section*/
.benefits-section {
	padding: 20px;
}
.benefits-section h2 {
	font-weight: bold;
	margin-bottom: 20px;
}
.benefit-item {
	display: flex;
	align-items: center;
}
.benefit-item img {
	margin: 0 10px 0 40px;
}
.benefit-item-text{
	margin: 10px 0 5px 30px !important;
	color: var(--ce-blue) !important;
}
/*Strompreise Section*/
.strompreise-section {
    background-color: var(--ce-orange) !important;
    /*background-color: rgb(39,49,87) !important;*/
    color: var(--ce-blue) !important;;
    padding: 20px;
}
.strompreise-section h2 {
    font-weight: bold;
}
.strompreise-section .icon-text{
    display: flex;
    align-items: center;
}
.strompreise-section .icon-text img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.strompreise-section table {
    width: 100%;
}
.strompreise-section th, .strompreise-section td {
    padding: 5px;
}
.strompreise-section th:first-child, .strompreise-section td:first-child {
    border-right: 1px solid var(--ce-blue); 
}
.strompreise-section th {
    border-bottom: 1px solid var(--ce-blue);
}
/*Betriebmodelle Section*/
.betriebsmodelle-section{
    background-color: var(--ce-orange) !important;
    color: var(--ce-blue) !important;;
    padding: 20px;
}
.betriebsmodelle-section h2 {
    font-weight: bold;
}
.betriebsmodelle-section .icon-text{
    display: flex;
    align-items: center;
}
.betriebsmodelle-section .icon-text img {
    width: 100px;
    height: 100px;
    margin-right: 10px;
}
.betriebsmodelle-section table {
    width: 100%;
}
.betriebsmodelle-section th, .betriebsmodelle-section td {
    padding: 5px;
}
.inhaltBM{
	font-size: 1.3rem;
}
@media (max-width: 670px) and (min-width: 471px) {
	.titelBM{
		font-size: 1.4rem !important;
	}
	.inhaltBM{
		font-size: 1.2rem;
	}
}
@media (max-width: 470px) and (min-width: 370px) {
	.titelBM{
		font-size: 1.2rem !important;
	}
	.inhaltBM{
		font-size: 0.8rem;
	}
}
/*Eckdaten Section*/
.eckdaten-section{
	background-color: rgb(39,49,87) !important;
	color: white !important;;
    padding: 20px;
}
.eckdaten-section h2 {
    font-weight: bold;
}
.eckdaten-section .icon-text{
    display: flex;
    align-items: center;
}
.eckdaten-section .icon-text img {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
/*Text CEBorder Grid */
.outerTextCEBorderv2{
background-image: url("/wp-content/uploads/2024/06/TextCEBorderBG-2.png")!important;
}
.outerTextCEBorderv1{
background-image: url("/wp-content/uploads/2024/06/TextCEBorderBG-1.png")!important;
}
.outerTextCEBorderv3{
background-image: url("/wp-content/uploads/2024/08/TextCEBorderBG-3.png")!important;
}
.outerTextCEBorderv1, .outerTextCEBorderv2, .outerTextCEBorderv3{
height: 150px;
width:410px;
position:relative;
background-repeat: no-repeat;
background-size: cover;
padding:10px;
}
.innerTextCEBorder {
display: flex;
align-items: center;
padding: 1rem;
height:100%;
width:100%;
}
.custom-border-CEBox-left{
border-left: 10px solid rgba(242, 148, 0, 1); 
}
.custom-border-CEBox-right{
border-right: 10px solid rgba(242, 148, 0, 1); 
}
@media (max-width: 991px) {
    .ceImgGrid{
        width: 80% !important;
		margin: 20px 0;
	}
	.outerTextCEBorder{
		margin: 10px 0;
	}
}
/*Image Visitenkarten */
.profileVK {
    width: 400px; /* Ajusta el tamaño del círculo según tus necesidades */
    height: 400px;
    border-radius: 50%; /* Convierte el contenedor en un círculo */
    overflow: hidden; /* Oculta las partes sobrantes de la imagen */
    display: flex;
    align-items: center;
    justify-content: center;
}

.profile-imgVK {
    width: 100%; /* Ajusta el ancho de la imagen al contenedor */
    height: auto;
    object-fit: cover; /* Cubre todo el área circular */
}
/*Globale Padding - Margin top*/
.globalpdtop{
	padding-top: 5rem !important;
}
.globalpdtopxtra{
	padding-top: 8rem !important;
}
.globalmgtop{
	margin-top: 5rem !important;
}
.globalmgtopxtra{
	margin-top: 8rem !important;
}
/*Globale Padding - Margin bottom*/
.globalpdbottom{
	padding-bottom: 5rem !important;
}
.globalpdbottomxtra{
	padding-bottom: 8rem !important;
}
.globalmgbottom{
	margin-bottom: 5rem !important;
}
.globalmgbottomxtra{
	margin-bottom: 8rem !important;
}
/*Unser Team Cards Text Info Position */
.UnserTcardTextPosition{
	position: relative;
	top: -20px;
}
/*Shadow Services Karten */
.cardServiceShadow{
box-shadow: 1px 3px 31px -5px rgba(0,36,77,1);
-webkit-box-shadow: 1px 3px 31px -5px rgba(0,36,77,1);
-moz-box-shadow: 1px 3px 31px -5px rgba(0,36,77,1);
}
/*BG separate Abschnitte */
.BGboxBlue{
	background-color: var(--ce-lightblue) !important;
}
.BGboxOrange{
	background-color: var(--ce-orange) !important;
}
.boldtextBgBlue{
	color: white !important;
}
.Bg-ContractingKarte-Preis{
	background-color: var(--ce-orange) !important;
}
.Bg-ContractingKarte-Eckdaten{
	background-color: var(--ce-blue) !important;
}
/* Custom BG */
.BGZitate {
    background-image: url('/wp-content/uploads/2025/05/Background-ZitatenNew.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    min-height: 75vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.BGZitate #sliderZitateControls {
    height: 60vh;
    display: flex;
    align-items: center;
}
.BGZitate #sliderZitateControls .carousel-inner {
    height: 100%;
    width: 100%;
}
.BGZitate #sliderZitateControls .carousel-item {
    height: 60vh;
    padding: 2rem 0;
    transition: transform 0.2s ease-in-out !important;
}

.BGZitate #sliderZitateControls .carousel-item .d-flex {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: flex;
}

.BGZitate .card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.BGZitate #sliderZitateControls .img-fluid {
    max-height: 120px;
    width: auto;
    object-fit: contain;
    margin-bottom: 1.5rem;
}

.BGZitate .blockquote p {
	font-size: clamp(0.7rem, 1.6vw, 1.1rem) !important;
    /*font-size: 1.1rem;*/
    line-height: 1.6;
    margin-bottom: 1rem;
    color: #333;
}

.BGZitate .blockquote-footer {
    /*font-size: 0.9rem;*/
	font-size: clamp(0.6rem, 1.4vw, 1rem) !important;
    color: #666;
}
.BGZitate .carousel-control-prev,
.BGZitate .carousel-control-next {
    width: 5%;
    opacity: 1;
    border: none;
    background: none;
    box-shadow: none;
}

.BGZitate .carousel-control-prev:hover,
.BGZitate .carousel-control-next:hover,
.BGZitate .carousel-control-prev:focus,
.BGZitate .carousel-control-next:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
    background: none !important;
}

.BGZitate .carousel-control-prev-icon,
.BGZitate .carousel-control-next-icon {
    width: 2rem;
    height: 2rem;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    background-size: 50% 50%;
}

.BGZitate .carousel-control-prev-icon:hover,
.BGZitate .carousel-control-next-icon:hover {
    background-color: rgba(0, 0, 0, 0.7);
    transition: background-color 0.2s ease;
}

/* Für sehr große Bildschirme (ab 1200px) */
/* ============================ */
/* Tablets (max-width: 992px)  */
/* ============================ */
@media (max-width: 992px) {
  /* Höhe anpassen für Tablets */
  .BGZitate {
    min-height: 70vh;
  }

  .BGZitate #sliderZitateControls {
    height: 55vh;
  }

  .BGZitate #sliderZitateControls .carousel-item {
    height: 55vh;
    padding: 1.5rem 0;
  }

  .BGZitate .card-body {
    padding: 2.5rem !important;
  }

  .BGZitate #sliderZitateControls .img-fluid {
    max-height: 100px;
  }

  .BGZitate .blockquote p,
  .entry-content blockquote {
    font-size: 1rem;
  }

  .BGZitate .blockquote-footer {
    font-size: 0.9rem;
  }
}

/* ============================ */
/* Mobile Geräte (max-width: 768px) */
/* ============================ */
@media (max-width: 768px) {
  /* Layout für Smartphones */
  .BGZitate {
    min-height: 65vh;
  }

  .BGZitate #sliderZitateControls {
    height: 50vh;
  }

  .BGZitate #sliderZitateControls .carousel-item {
    height: 50vh;
    padding: 1rem 0;
  }

  .BGZitate .card-body {
    padding: 1.5rem !important;
  }

  .BGZitate #sliderZitateControls .img-fluid {
    max-height: 80px;
    margin-bottom: 1rem;
  }

  .BGZitate .blockquote p,
  .entry-content blockquote {
    font-size: 0.5rem;
    line-height: 1.5;
  }

  .BGZitate .blockquote-footer {
    font-size: 0.4rem;
  }

  .BGZitate .carousel-control-prev,
  .BGZitate .carousel-control-next {
    width: 8%;
  }

  .BGZitate .carousel-control-prev-icon,
  .BGZitate .carousel-control-next-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
}

/* ============================ */
/* Kleine Smartphones (max-width: 576px) */
/* ============================ */
@media (max-width: 576px) {
  .BGZitate {
    min-height: 60vh;
    padding: 1rem 0;
  }

  .BGZitate #sliderZitateControls {
    height: 45vh;
  }

  .BGZitate #sliderZitateControls .carousel-item {
    height: 45vh;
    padding: 0.5rem 0;
  }

  .BGZitate .card-body {
    padding: 0px !important;
  }

  .BGZitate #sliderZitateControls .img-fluid {
    max-height: 60px;
	margin: 0px !important;
  }

  .BGZitate .blockquote p,
  .entry-content blockquote {
    font-size: 0.4rem;
    line-height: 1.4;
  }

  .BGZitate .blockquote-footer {
    font-size: 0.3rem;
  }
}



/*DIENSTLEISTUNGEN-LISTE BILD RECHTS MIT KOMMENTAR*/
/* Grid-Layout für größere Bildschirme (ab md aufwärts) */
.custom-grid {
  display: grid;
  grid-template-rows: auto auto;
  gap: 0;
}

/* Grid Rechts */
.custom-grid--right {
  grid-template-columns: 0.9fr 1.1fr;
  grid-template-areas:
    "area-text area-bild"
    "area-text area-kommentar";
}

/* Grid Links */
.custom-grid--left {
  grid-template-columns: 1.1fr 0.9fr;
  grid-template-areas:
    "area-bild area-text"
    "area-kommentar area-text";
}

.area-text {
  grid-area: area-text;
}

.area-bild {
  grid-area: area-bild;
}

.area-kommentar {
  grid-area: area-kommentar;
}

.area-bild img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

.area-kommentar {
  padding: 2rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 150px;
}

.BGKomentar {
  background-image: url("/wp-content/uploads/2025/05/Background-ZitatenNew.png") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.testimonial-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 1200 / 410;
  max-width: 100%;
  overflow: hidden;
}

.testimonial-wrapper img.testimonial-bg {
  width: 100%;
  height: auto;
  display: block;
}

.testimonial-content {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  font-style: italic;
  color: #123456;
  font-size: clamp(1rem, 2.5vw, 1.2rem);
  line-height: 1.6;
  padding: 2.5em 3em;
  box-sizing: border-box;
  max-width: 80%;
  margin: auto;
}

.testimonial-content .autor {
  margin-top: 1rem;
  font-weight: normal;
}
@media (max-width: 576px) {
  .testimonial-content {
    font-size: 0.7rem !important;
    padding: 2em 1.5em;
    max-width: 90%;
  }
}
@media (max-width: 1080px) and (min-width: 990px) {
  .testimonial-content {
    font-size: 0.9rem;
    max-width: 75%;
    padding: 2em;
    top: 50%;
    transform: translateY(-50%);
  }
}

/* Layout responsive <= 990px */
@media (max-width: 990px) {
  .custom-grid--left {
    grid-template-columns: 1fr;
    grid-template-areas:
      "area-bild"
      "area-kommentar"
      "area-text";
  }

  .custom-grid--right {
    grid-template-columns: 1fr;
    grid-template-areas:
      "area-text"
      "area-bild"
      "area-kommentar";
  }

  .testimonial-wrapper {
    aspect-ratio: 1200 / 410;
    height: auto;
  }

  .testimonial-content {
    font-size: 1rem;
    padding: 2em 1.5em;
    max-width: 90%;
  }
}


/*Auch für EEG Box*/
.borderEEG{
	border-style: solid;
	border-color: var(--ce-orange);
	border-width: 8px;
}
/*Formular Newsletter Mailchimp*/
/* Setzt die feste Breite von Mailchimp zurück, um das Layout nicht zu brechen */
#mc_embed_signup {
    width: 100% !important;             /* Nimmt die volle Breite des Bootstrap-Containers */
    max-width: 100% !important;         /* Verhindert Überschreitung */
}


/* Nur für das GDPR-Feld: Checkbox und Text nebeneinander */
#mergeRow-gdpr fieldset label.checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
    width: auto !important; /* verhindert 100% Breite */
}

/* Checkbox korrekt anzeigen */
#mergeRow-gdpr input[type="checkbox"] {
    width: auto !important;
    margin: 0;
}

/* Span-Text nicht umbrechen */
#mergeRow-gdpr label span {
    white-space: nowrap;
    color: #002d62; /* optional: gleiche Farbe wie restlicher Text */
    font-size: 16px;
}
#mc_embed_signup .button {
	border: none !important;
	border-radius: 0 !important;
	padding: 22px !important;
	font-weight: Bold !important;
    height: 0 !important; 
    line-height: 0 !important;
}
.content__gdpr{
	font-size: 12px;
}
/* Kontakt Button - Standard (Desktop: unten rechts) */
.kontakt-button-containerNew {
    position: fixed !important;
    bottom: 20px !important;
    right: -80px !important; /* Zeigt nur das Icon */
    left: auto !important;
    z-index: 10000 !important;
    font-family: 'Manrope', sans-serif !important;
    transition: right 0.5s ease, left 0.5s ease;
}

/* Visueller Stil des Buttons */
.kontakt-button {
    background: var(--ce-orange) !important;
    padding: 1em 1em !important;
    text-align: left;
    font-size: 14px !important;
    display: inline-block;
    transform: translateX(0);
    transition: transform 0.5s ease;
    white-space: nowrap;
}

/* Hover-Effekt (von rechts nach links schieben) */
.kontakt-button-containerNew:hover .kontakt-button {
    transform: translateX(-62%);
}

.kontakt-button .ow-button-hoverNew {
    color: var(--ce-blue) !important;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.kontakt-button i {
    font-size: 18px;
    margin-right: 8px;
}

.kontakt-button .ce-social-hoverNew {
    padding-left: 1em !important;
    padding-right: 0.5em !important;
}

/* RESPONSIVE: Bei Tablets und kleineren Geräten (untere linke Ecke) */

@media (max-width: 1024px) {
    /* Position nach links verschieben */
    .kontakt-button-containerNew {
        right: auto !important;
        left: -80px !important; /* Nur Icon sichtbar */
    }

    /* Hover-Effekt – Button schiebt sich nach rechts rein */
    .kontakt-button-containerNew:hover .kontakt-button {
        transform: translateX(62%);
    }

    /* Reihenfolge umkehren: Text danach, Icon zuerst */
    .kontakt-button .ow-button-hoverNew {
        flex-direction: row-reverse !important;
    }

    /* Abstand des Icons anpassen */
    .kontakt-button i {
        margin-right: 0 !important;
        margin-left: 8px !important;
    }
}

/* Style Header Titel */
/* Tablets */
@media (max-width: 768px) {
  .ceProjekteHeaderStyle {
    font-size: 2vw !important;
    padding: 1em;
  }
}

/*(iPhone SE) */
@media (max-width: 480px) {
  .ceProjekteHeaderStyle {
    font-size: 1.5vw !important;
    padding: 0.8em;
    word-break: break-word; 
    text-align: center;
  }
}
/*News Cards Datum*/

.imageWrapper{ 
  position: relative; 
}

.referenceDate{
  position: absolute;
  left: 5px;
  bottom: 5px;

  display: grid;
  place-items: center;

  height: 30px;
  padding: 0 14px;

  line-height: 1;

  background: rgba(0, 36, 77, 0.75);
  color: #fff;

  font-size: 0.9rem;
  font-weight: 500;

  z-index: 1000;
  pointer-events: none;
  white-space: nowrap;
  box-sizing: border-box;
}
/*Modal Offene Stellen Close btn hover Korrektur*/

.modal .ce-modal-close{
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  opacity: 1;
  box-shadow: none;
  cursor: pointer;
}

.modal .ce-modal-close span{
  font-size: 30px;
  line-height: 1;
  color: #111;          
  transform: translateY(-1px);
}

.modal .ce-modal-close:hover,
.modal .ce-modal-close:focus{
  background-color: #f4a100 !important; 
  outline: none;
  box-shadow: none;
}

.modal .ce-modal-close:hover span,
.modal .ce-modal-close:focus span{
  color: #fff !important; 
}