/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 17 2025 | 09:08:18 */
/***********************************************************************/
/* ALLGEMEIN
/***********************************************************************/

/* News-Balken */

.wpfront-notification-bar table
{
	max-width: 1200px;
}

.wpfront-notification-bar div.wpfront-div
{
	padding: 0;
	line-height: 34px;
}

.wpfront-notification-bar td
{
	text-align: left;
	padding-left: 15px;
	/*
	padding-left: 10px;
	padding-right: 10px;
	*/
}

/* KlimaCare Pakete */

.klimacare-hexagon 
{
  	height: 50px; /* adjust to control the size  */
	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
	width: 60px !important;
    line-height: 50px;
    color: white;
    margin: 0 auto;
	font-size: 14px;
}

.klimacare-hexagon.basic
{
	  background-color: var(--ks-dunkelblau);
}

.klimacare-hexagon.bronze
{
	  background-color: #BE8645;
}

.klimacare-hexagon.silber
{
	  background-color: #C1B9C5;
}

.klimacare-hexagon.gold
{
	  background-color: #A79260;
}

.klimacare-hexagon.platin
{
	  background-color: #AFB1B3;
}

.klimacare-funktionen li
{
	line-height: 120% !important;
}

.klimacare-funktionen.basic li:nth-child(n+2)
{
	opacity: 0.3;
}

.klimacare-funktionen.bronze li:nth-child(n+4)
{
	opacity: 0.3;
}

.klimacare-funktionen.silber li:nth-child(n+6)
{
	opacity: 0.3;
}

.klimacare-funktionen.gold li:nth-child(n+7)
{
	opacity: 0.3;
}


/* Copyright-Hinweis Bilder */

.wp-caption
{
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	max-width: 100% !important;
}

.wp-caption img
{
	max-width: 100%;
}

.wp-caption .wp-caption-text
{
	text-align: right;
	font-size: 10px;
	font-style: normal;
	color: white;
	bottom: 28px;
	right: 8px;
	text-shadow: 0 0 5px #000;
	position: relative;
	line-height: 20px !important;
}

/* sticky Anfrage-Button für entsprechende Seiten */

.sticky-anfrage-button
{
	display: none !important;
}

.sticky-anfrage-button.show
{
	display: block !important;
	z-index: 99;
}


/* Abstand Content */

body.single.cspt-sidebar-no #content, 
body.archive.cspt-sidebar-no #content,
body.search-results.cspt-sidebar-no #content 
{
    padding-bottom: 100px;
}

/* komische Animation beim Laden der Website verhindern */

.preload * 
{ 
  transition: none !important;
  animation-duration: 0.001s !important; 
}

/* Farben */

:root 
{
	--ks-dunkelblau: #074ea2;
	--ks-eisblau: #82FCFF;
	--ks-orange: #ff9900;
	--ks-orange-hover: #ff9900;
}

a:link, a:visited
{
	text-decoration: none;
}

a:hover
{
	color: var(--ks-orange);
}

/* Pagination normal */

.nav-links .page-numbers 
{
	padding: 5px !important;
    width: 50px;
    height: 50px;
    line-height: 40px;
	color: black;
}

/* Top-Button */

body .scroll-to-top
{
	border: 2px solid white !important;
	width: 50px;
	height: 50px;
	font-size: 20px;
	line-height: 45px;
	bottom: 20px;
}

body .scroll-to-top:hover 
{
    background-color: var(--ks-orange);
}

/* sticky Sidebar-Buttons */

.sticky-buttons
{
	right: 20px !important;
}

.sticky-buttons li
{
	margin-bottom: 10px;
}

.sticky-buttons li:last-child
{
	margin-bottom: 0px;
}

.sticky-buttons a:hover .sb-icon 
{
    background: var(--ks-orange);
    color: white;
}

.sticky-buttons .sb-icon
{
    inline-size: 50px;	
	block-size: 50px;
    font-size: 20px;
    line-height: 50px;
	border: 2px solid white !important;
}

.sticky-buttons .sb-label
{
    font-size: 12px;
    text-align: right;
    margin-right: 10px;
	background-color: var(--ks-orange);
    color: white !important;
    line-height: 30px;
    height: 30px;
    top: 10px !important;	
}

/* Fullwidth Hack bei Sektionen die mittels Button nachgeladen werden */

.fullwidth_fix 
{
    left: 50% !important;
	margin-left: -50vw;
	margin-right: -50vw;
	max-width: 100vw!important;
	position: relative!important;
	right: 50%;
	width: 100vw!important;
}

/* Überschriften allgemein */

h1, h2, h3, h4, h5, h6
{
	/* letter-spacing: 0; */
	line-height: 1.2 !important;
}

.cspt-heading-desc h3
{
	font-size: 24px;
	line-height: 1;
}

/* Listen im Inhaltsbereich */

.elementor-widget-text-editor li
{
	margin-bottom: 10px;
}

.elementor-widget-text-editor li:last-child
{
	margin-bottom: 0px;
}

/* Links auf dunklen Flächen */

.bg-dunkel a
{
	color: rgba(255,255,255,0.7);
}

.bg-dunkel a:hover
{
	color: var(--ks-orange);
}

/* Überschriften auf dunklen Flächen */

.bg-dunkel h3
{
	color: white;
	font-size: 24px;
}

/* NextGen Gallery */

.ngg-galleryoverview
{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a
{
	margin: 10px;
}

.ngg-navigation span.current 
{
    background: var(--ks-dunkelblau);
	border-radius: 0;
	padding: 10px;
}

.ngg-navigation a.page-numbers, 
.ngg-navigation a.next, 
.ngg-navigation a.prev, 
.ngg-navigation span.page-numbers, 
.ngg-navigation span.next, 
.ngg-navigation span.prev
{
	background-color: rgba(7,78,162,0.2);
	padding: 10px;
	border-radius: 0;
	color: black;
}

.ngg-navigation .ellipsis
{
	background-color: transparent;
	color: black;
	padding: 10px;
	border-radius: 0;
}

.ngg-navigation a.page-numbers:hover, 
.ngg-navigation span.page-numbers:hover, 
.ngg-navigation span.current:hover 
{
    background: var(--ks-dunkelblau);
	color: white !important;
}

.ngg-navigation a.next:hover, 
.ngg-navigation a.prev:hover, 
.ngg-navigation span.next, 
.ngg-navigation span.prev 
{
    background: var(--ks-dunkelblau);
    color: white !important;
}

/* Bilder-Slider (vom Theme) Dots */

.swiper-pagination-bullet
{
	border: 2px solid #222;
	background-color: transparent !important;
}

.swiper-pagination-bullet-active
{
	background-color: var(--ks-dunkelblau) !important;
	border-color: var(--ks-dunkelblau);
}

/* Bilder-Slider (Elementor) Dots */

.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal
{
	bottom: -10px;
}

/* Slider auf dunklem BG */

.creativesplanet-element-viewtype-carousel .owl-carousel button.owl-dot
{
	/* border-color: var(--ks-dunkelblau); */
}

.slider-auf-dunkel .creativesplanet-element-viewtype-carousel .owl-carousel button.owl-dot.active,
.slider-auf-dunkel .swiper-pagination-bullet.swiper-pagination-bullet-active
{
	background-color: white !important;
}

.slider-auf-dunkel .creativesplanet-element-viewtype-carousel .owl-carousel button.owl-dot,
.slider-auf-dunkel .swiper-pagination-bullet
{
	opacity: 1 !important;
	border-color: rgba(255,255,255,0.5) !important;
}

/* Button volle Breite */

.button-volle-breite .elementor-button
{
	width: 100%;
}

.button-volle-breite.kontaktmoeglichkeiten .elementor-button
{
	width: 65%;
}

/* Allgemein Buttons Hover */

.cspt-btn-style-flat.cspt-btn-color-globalcolor .elementor-button:hover
{
	background-color: var(--ks-orange) !important;
}

/* Mehr laden Button */

.e-loop__load-more .elementor-button
{
	border: 2px solid var(--ks-dunkelblau);
	background-color: transparent;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 2px;
	border-radius: 0;
	color: var(--ks-dunkelblau);
	text-transform: uppercase;
	margin-top: 20px;
}

.e-loop__load-more .elementor-button:hover
{
	border: 2px solid var(--ks-orange);
	background-color: var(--ks-orange);
	color: white;
}

/* verlinkte Headlines */

h3 a:hover
{
	/* color: var(--cspt-greenly-blackish-color) !important; */
	color: var(--ks-orange) !important;
}

/* CTAs */

/* BG Bär + Verlauf */

.cta-bg
{
	/*
	background: linear-gradient(to right, var(--ks-dunkelblau) 0%, var(--ks-dunkelblau) 40%, var(--ks-orange) 100%);
	*/
	
	background: linear-gradient(90deg, var(--ks-dunkelblau) 0%, var(--ks-dunkelblau) 40%, var(--ks-orange) 100%);
	background-size: 200% 200%;

	-webkit-animation: AnimationName 10s ease infinite;
	-moz-animation: AnimationName 10s ease infinite;
	-o-animation: AnimationName 10s ease infinite;
	animation: AnimationName 10s ease infinite;
	
	animation-iteration-count: infinite;
	
	/*
	background: linear-gradient(90deg, var(--ks-dunkelblau) 0%, var(--ks-dunkelblau) 40%, var(--ks-orange) 100%);
  	background-size: 120% 120%;
  	animation: gradient-animation 6s ease infinite;
	*/
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 40%;
  }
  40% {
    background-position: 100% 40%;
  }
  100% {
    background-position: 0% 40%;
  }
}

	@-webkit-keyframes AnimationName 
	{
		0%{background-position:0% 40%}
		40%{background-position:100% 40%}
		100%{background-position:0% 40%}
	}

	@-moz-keyframes AnimationName 
	{
		0%{background-position:0% 40%}
		40%{background-position:100% 40%}
		100%{background-position:0% 40%}
	}

	@-o-keyframes AnimationName 
	{
		0%{background-position:0% 40%}
		40%{background-position:100% 40%}
		100%{background-position:0% 40%}
	}

	@keyframes AnimationName 
	{
		0%{background-position:0% 40%}
		40%{background-position:100% 40%}
		100%{background-position:0% 40%}
	}

.cta-bg-baer .elementor-background-overlay,
.cta-bg-baer .elementor-widget-container,
.bg-baer-cta-formular div
{
	background-position: center bottom -20px !important;
}

.cta-bg .elementor-heading-title
{
	color: white !important;
}

/* Kachel Hover */

.kachel-hover,
.elementor-post.elementor-grid-item,
.download-kachel-allgemein
{
	top: 0px;
	transition: all 0.3s;
	position: relative;
}

.kachel-hover:hover,
.elementor-post.elementor-grid-item:hover,
.download-kachel-allgemein:hover
{
	top: -10px;
	transition: all 0.3s;
}

.download-kachel-allgemein:hover

/* Anker */

body:not(.elementor-editor-active) .elementor-widget-menu-anchor 
{
	position: relative;
	z-index: -1;
	margin-bottom: 0;
}

body:not(.elementor-editor-active) .elementor-menu-anchor:before
{
   content: "";
   display: block;
   /* height: 200px; */
   margin: -200px 0 0;
   visibility: hidden;
   pointer-events: none;
}

/* Formulare */

/* Zeilen und Spaltenraster */

.zeile-formular
{
	display: flex;
	gap: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.zeile-formular.formularbutton
{
    /* justify-content: flex-end; */
	justify-content: flex-start;
	order: 1;
}

.zeile-formular.formularbutton p
{
    display: flex;
}

.zeile-formular.header
{
	height: 80px;
    align-items: center;
	margin-bottom: 20px;
	/*
	background-color: rgba(255,255,255,0.2);
	background-color: black;
	*/
	padding-top: 0px;
	padding-bottom: 10px;
}

.zeile-formular.header.bewerbungsformular
{
	height: auto;
    padding-bottom: 0;
    margin-bottom: 0;
}

.zeile-formular.header p, .zeile-formular.header label
{
	margin-bottom: 0;
}

.zeile-formular.header div
{
	/* width: 100%; */
}

.spalte-formular-halb
{
	flex: 50%;
}

.spalte-formular-ganz
{
	flex: 100% !important;
}

/* Checkboxen Datenschutz, etc. */

.datenschutz .wpcf7-form-control .wpcf7-list-item
{
	margin-left: 0 !important;
	float: left;
	margin-right: 5px;
}

.datenschutz
{
	display: flex;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0;
}

.datenschutz .wpcf7-form-control-wrap
{
	margin-top: -3px;
}

.datenschutz .text, 
.datenschutz .text a,
.datenschutz .wpcf7-list-item-label
{
	margin-left: 5px;
	color: white;
	font-size: 12px;
	line-height: 140%;
}

.datenschutz a,
.datenschutz .text a,
.bewerbungsformular-hinweis a
{
 color: rgba(255,255,255,0.7);
}

.datenschutz a:hover,
.datenschutz .text a:hover,
.bewerbungsformular-hinweis a:hover
{
 color: white;	
}

textarea, .spalte-formular-ganz label, .spalte-formular-halb label
{
	width: 100% !important;
}

.bewerbungsformular-hinweis
{
	color: white;
	padding-left: 20px;
	padding-right: 20px;
}

/* Checkboxen Betreff */

.betreff-labels
{
	display: flex;
    flex-wrap: wrap;
}

.betreff-labels .wpcf7-list-item.first
{
	margin-left: 0px;
}

.betreff-labels .wpcf7-list-item
{
	/*
	flex: 50%;
	flex: 33.33%;
	*/
	margin: 0;
	color: white;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 40px;
}

.betreff-labels .wpcf7-list-item-label
{
    display: inline-block;
    /* max-width: 90%; */
    line-height: 140%;
	padding-left: 5px;
}

.betreff-labels input
{
    display: inline-block;
    float: left;
    margin: 5px 5px 5px 0;
}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="search"], select, textarea
{
	border: none !important;
	color: black;
}

select
{
	border-right: 10px solid transparent !important;
}

select option
{
	color: black;
}

::placeholder,
select option:first-child,
input[name=jobname] 
{
  color: #999;
  opacity: 1; 
}

.welcher-job select option:first-child{
	color: black;
}

input[name=jobname] 
{
    pointer-events: none;
}

/* Meldungen */

.wpcf7 form .wpcf7-response-output
{
    margin: 0 !important;
    margin-bottom: 2rem !important;
    padding: 0.5rem !important;
	padding-left: 1rem !important;
	padding-right: 1rem !important;
    line-height: 130% !important;
	
	border: 0px solid white !important;
}

.wpcf7 form.sent .wpcf7-response-output
{
	color: white;
	background-color: #46b450;	
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output
{
	background-color: #ffb900;
}

/* Senden-Button */

.sendenbutton
{
	float: right;
	margin-top: 20px;
	
	background-color: white !important;
	color: black !important;
	font-weight: bold !important;
	text-transform: uppercase;
	letter-spacing: 2px !important;
}

.sendenbutton:hover
{
	/* background-color: black !important; */
	background-color: var(--ks-orange) !important;
	color: white !important;
}

/* Fehleranzeige */

.screen-reader-response
{
    color: white;
	display: none;
}

.message-form
{
    margin: 20px 20px 0px 20px;
}

.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.valid .wpcf7-response-output
{
	color: white;
	padding: 20px;
	/* background-color: #064898; */
    text-align: center;
    margin-bottom: 20px;
    border: 2px solid white;
}

.wpcf7-not-valid-tip
{
	background-color: red;
    color: white;
    font-size: 12px;
    padding-left: 1rem;
    padding-right: 1rem;
    display: inline-block;
    width: auto;	
}

/* Akkordion */

/* auf hellem BG */

body .elementor-widget-accordion .elementor-accordion .elementor-tab-title.elementor-active
{
	background-color: var(--ks-dunkelblau) !important;
}

/* auf dunklem BG */

body .elementor-widget-accordion.akkordeon-auf-bg .elementor-accordion .elementor-tab-title.elementor-active
{
	background-color: white !important;
}

.akkordeon-auf-bg a
{
	color: white;
}

.akkordeon-auf-bg a:hover
{
	color: var(--ks-orange);
}

.akkordeon-auf-bg h3
{
	font-size: 24px;
	color: white;
}

/* Bilder auf Archiv-Seiten in Kacheln (News, Referenzen) */

.archiv-kacheln .elementor-post__thumbnail
{
	background-color: rgba(7,78,162,0.05);
}

.archiv-kacheln .elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img
{
	/*
    min-height: 250px;
	width: auto;
	*/
	
    /* min-width: 350px; */
}


/***********************************************************************/
/* HEADER-BEREICH
/***********************************************************************/

/* Headerbereich ganz nach oben bringen */

.cspt-header-overlay
{
	z-index: 99 !important;
}

/* bestimmte Menüpunkte nur für mobil */

.navipunkt-responsive
{
	display: none;
}

/* Logo SVG Problem fixen */

.cspt-logo-area .cspt-main-logo
{
	height: 90px;
}

.cspt-logo-area .cspt-sticky-logo
{
	height: 70px;
}

.cspt-logo-area .cspt-responsive-logo
{
	height: 70px;
}

/* doppelte Social Icons entfernen */

.menu-klimashop-hauptnavi-container .cspt-social-links
{
	display: none;
}

/* Zusätzliches Icon für Wissens-Seite */

.icon-preheader-info:before
{
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	content: "\f05a";
	font-style: normal;
	margin-right: 5px;
}

/* Social Icons */

.cspt-pre-header-wrapper .cspt-social-links li a,
.site-footer.cspt-footer-style-3 .cspt-social-links li a
{
	font-size: 20px;
	width: 25px;
}

.cspt-pre-header-wrapper .cspt-social-links li a:hover
{
	/* color: rgba(255,255,255,0.6) !important; */
	color: var(--ks-orange) !important;
}

.cspt-pre-header-wrapper .cspt-social-links li:last-child
{
	margin-right: 0;
}

/* Kontakt-Möglichkeiten */

header .top-contact a
{
	font-size: 14px;
}

header .top-contact a:hover
{
	/* color: rgba(255,255,255,0.6) !important; */
	color: var(--ks-orange) !important;
}

/* CTA-Button im Hauptmenü */

.cspt-header-button a:after
{
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	content: "\f073";
	margin-left: 5px;
}

.button-slider-mit-pfeil .sr7-btn:after
{
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	content: "\f054";
	margin-left: 5px;
}

.cspt-header-button a
{
	/* background-color: var(--ks-eisblau) !important; */
	/* background-color: var(--ks-orange) !important; */
	background-color: white !important;
	/* font-family: "Roboto Condensed" !important; */
	letter-spacing: 2px !important;
	font-weight: 700 !important;
	border-radius: 0px !important;
	padding: 18px !important;
	line-height: 20px !important;
	text-decoration: none;
	color: var(--cspt-greenly-blackish-color) !important;
}

.cspt-header-button a:hover
{
	/* background-color: var(--cspt-greenly-blackish-color) !important; */
	background-color: var(--ks-orange) !important; 
	color: white !important;
}

/* CTA-Button im Hauptmenü - Sticky */

.cspt-sticky-header .cspt-header-button a
{
	background-color: var(--ks-dunkelblau) !important;
	color: white !important;
}

.cspt-sticky-header .cspt-header-button a:hover
{
	/* background-color: var(--cspt-greenly-blackish-color) !important; */
	background-color: var(--ks-orange) !important; 
}

/* Hauptmenü Links */

.menu-klimashop-hauptnavi-container a:hover
{
	color: var(--ks-orange) !important;
}

.cspt-sticky-header .menu-klimashop-hauptnavi-container a
{
	color: var(--ks-dunkelblau) !important;
}

.cspt-sticky-header .menu-klimashop-hauptnavi-container a:hover
{
	/* color: var(--cspt-greenly-blackish-color) !important; */
	color: var(--ks-orange) !important;
}

.cspt-sticky-header .menu-klimashop-hauptnavi-container .sub-menu a:hover
{
	color: white !important;
}

.cspt-header-style-4 .cspt-navbar.cspt-main-active-color-globalcolor>div>ul>li.current-menu-parent>a,
.cspt-header-style-4 .cspt-navbar.cspt-main-active-color-globalcolor>div>ul>li.current_page_item>a,
.cspt-header-style-4 .cspt-navbar.cspt-main-active-color-globalcolor>div>ul>li.current-page-ancestor>a
{
	color: var(--ks-orange) !important;
}

.cspt-fixed-header.cspt-header-style-4 .cspt-navbar.cspt-main-active-color-globalcolor>div>ul>li.current-menu-parent>a,
.cspt-fixed-header.cspt-header-style-4 .cspt-navbar.cspt-main-active-color-globalcolor>div>ul>li.current_page_item>a,
.cspt-fixed-header.cspt-header-style-4 .cspt-navbar.cspt-main-active-color-globalcolor>div>ul>li.current-page-ancestor>a
{
    /* color: var(--cspt-greenly-blackish-color) !important; */
	color: var(--ks-orange) !important;
}

@media (min-width: 993px) 
{
	.cspt-navbar.cspt-main-active-color-globalcolor>div>ul>li:hover>a
	{
		color: var(--ks-orange);
	}
	
    .cspt-navbar ul>li>ul>li>a:before 
	{
		top: 20px;
	}
}

/* Submenü Hauptnavi */

@media (min-width: 993px) 
{
	.cspt-navbar ul>li>ul>li>a 
	{
        padding: 10px 30px;
    }
}

/* Schatten sticky Header */

.site-header .cspt-sticky-header
{
	box-shadow: 0 0px 10px rgb(0 0 0 / 20%) !important;
	
	/* wenn News-Balken eingeschaltet */
	/* top: 34px !important; */
}

.admin-bar .site-header .cspt-sticky-header
{
	/* wenn News-Balken eingeschaltet */
	/* top: 66px !important; */
}

body.admin-bar.has-sticky-header #masthead #wpfront-notification-bar
{
   /* wenn News-Balken eingeschaltet */
   /* top: 34px !Important; */
}

/* Overlay Header */

@media (min-width: 1201px) 
{
    .cspt-header-style-4 .cspt-header-height-wrapper 
	{
        background-color: rgba(255, 255, 255, 0);
        border-bottom: 1px solid rgba(255, 255, 255, 0);
    }
}


/* Anpassungen für normale Seiten */

/* Navi, etc. */

.page-template-default .cspt-header-overlay,
.single-cspt-portfolio .cspt-header-overlay,
.single-stellenanzeigen .cspt-header-overlay,
.single-post .cspt-header-overlay,
.archive .cspt-header-overlay,
.search-results .cspt-header-overlay
{
	background-color: var(--ks-dunkelblau) !important;
	position: relative;
}

.page-template-default .cspt-header-overlay:after,
.single-cspt-portfolio .cspt-header-overlay:after,
.single-stellenanzeigen .cspt-header-overlay:after,
.single-post .cspt-header-overlay:after,
.archive .cspt-header-overlay:after
{
    content: "Heizen und Kühlen im Einklang mit der Natur";
    position: absolute;
    background-color: var(--ks-dunkelblau);
    width: auto;
    right: 50px;
    /* transform: translate(-50%, 0%); */
	color: white;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
}

/* Title-Bar für normale Seiten */

.cspt-tbar-subtitle
{
	font-size: 24px;
	line-height: 110%;
	display: block;
	font-weight: 400;
	color: white;
}

.cspt-title-bar-wrapper
{
	/*
	padding-top: 30px;
	padding-bottom: 30px;
	*/
	
	padding-top: 50px;
	padding-bottom: 50px;	
}

.cspt-title-bar-wrapper:before
{
	/* background-color: var(--ks-dunkelblau) !important; */
	/* opacity: 0.2 !important; */
	
	/* background-color: #053571; */
	/* background-color: #064189; */
	
	/*
	background-image: url(/wp-content/uploads/2024/10/klimashop-bg-standard.jpg) !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	*/
}

.cspt-title-bar-wrapper .cspt-title-bar-content
{
	padding: 0 !important;
	padding-top: 0 !important;
	
	/* dynamische Höhe als Alternative, damit die Headerbilder besser zur Geltung kommen */
	min-height: calc(100vh - 350px);
}

.cspt-tbar-title
{
	letter-spacing: 2px;
	line-height: 110% !important;
}

.single-post .cspt-tbar-title
{
	/*
	font-size: 60px;
	*/
}

.icon-saubere-luft
{
	position: absolute;
    width: 100px;
    height: 100px;
    margin-top: -50px;
	margin-left: 25px;
    display: block;
	background-image: url('/wp-content/uploads/2024/09/klimashop-siegel-saubere-luft-klein.png');
	background-repeat: no-repeat;
	background-size: contain;
	transform: scale(1);
	transition-duration: .3s;
	z-index: 98;
	/* z-index: 5; */
	
}

.icon-saubere-luft:hover
{
	transform: scale(1.1);
	transition-duration: .3s;
}


/***********************************************************************/
/* STARTSEITE
/***********************************************************************/

/* versetzte Icon-Leiste */

.startseite-icon-leiste
{
	border-width: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
}

.startseite-icon-leiste .cspt-element-title
{
	margin-bottom: 5px;
	
    color: #074EA2;
    font-family: "Roboto Condensed", Sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
	
}

.startseite-icon-leiste .cspt-ihbox-style-4 .cspt-ihbox-icon-wrapper
{
	background-color: var(--ks-dunkelblau);
	
    height: 65px;
    width: 65px;
    font-size: 30px;
    line-height: 65px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
}

.startseite-icon-leiste .cspt-ihbox-style-4 .cspt-ihbox-icon, 
.startseite-icon-leiste .cspt-ihbox-style-4 .cspt-ihbox-svg
{
    padding-right: 30px;
    padding-top: 5px;	
}

.startseite-icon-leiste .cspt-ihbox-style-4:hover .cspt-ihbox-icon-wrapper, 
.startseite-icon-leiste .cspt-ihbox-style-4:hover .cspt-ihbox-svg-wrapper
{
	background-color: var(--ks-orange) !important;
}

/* Aktuelles */

.blog-uebersicht h3
{
	/*
	font-size: 40px;
	line-height: 48px;
	*/
	letter-spacing: 2px;
	font-size: 24px;
	line-height: 1;
}

.cspt-meta-category a
{
	font-family: Roboto Condensed, sans-serif !important;
    font-weight: normal !important;
    font-size: 13p !importantx;
    line-height: 24px !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    font-style: normal !important;
}

.cspt-blogbox-style-7 .cspt-meta-date .cspt-date-wrap
{
	/*
	-webkit-text-stroke-color: rgb(7 78 162 / 30%) !important;
	-webkit-text-stroke-width: 2px;
	*/
	
	-webkit-text-fill-color: rgb(7 78 162 / 10%) !important;
	-webkit-text-stroke-width: 0;
}

.cspt-blogbox-style-7 .post-item .cspt-meta-date
{
	line-height: 120%;
}

.cspt-blogbox-style-7 .post-item .cspt-meta-date .cspt-year-wrap
{
	color: rgba(7,78,162,0.8) !important;
}

.blog-uebersicht.auf-bg .cspt-date-wrap
{
	-webkit-text-fill-color: transparent;
}

.blog-uebersicht .cspt-featured-container
{
    margin: 0 70px 0 10px !important;
}

.blog-uebersicht .creativesplanet-ele-blog img
{
    max-width: 200px;	
	width: 200px;
}

/* Spaltenbreiten optimieren */

.cspt-blogbox-style-7 .cspt-meta-date
{
	width: 150px;
}

.cspt-blogbox-style-7 .cspt-meta-container,
.cspt-blogbox-style-7 .post-item .cspt-featured-container
{
	width: unset;
}


/***********************************************************************/
/* BLOG
/***********************************************************************/

/* Blog-Übersichtsseite */

.elementor-post.elementor-grid-item .elementor-post__title
{
	margin-bottom: 10px;
}

.elementor-post.elementor-grid-item .elementor-post__excerpt p:after
{
	content: "[...]";
	display: inline-block;
	margin-left: 5px;
}


/* Blog-Detailseite */

.creativesplanet-sidebar .widget
{
	background-color: rgb(7 78 162 / 5%);
}

.single-post .cspt-author-name
{
	display: none;
}

.greenly_recent_posts_widget .cspt-rpw-list>li>a
{
	margin-right: 10px;
}

.greenly_recent_posts_widget .cspt-rpw-content
{
	line-height: 120%;
}

.greenly_recent_posts_widget .cspt-rpw-content .cspt-rpw-title
{
    
	font-weight: 700;
	/*
    font-family: 'Roboto Condensed';
    letter-spacing: 2px;
	*/
}

.greenly_recent_posts_widget .cspt-rpw-content .cspt-rpw-date
{
	font-size: 12px;
	font-weight: 400;
}

.greenly_recent_posts_widget .cspt-rpw-content a:hover
{
	color: var(--ks-orange) !important;
}

/* Vorherige Nächste News */

.elementor-post-navigation .elementor-post-navigation__link a 
{
    align-items: stretch;
}


.post-navigation__arrow-wrapper.post-navigation__arrow-prev,
.post-navigation__arrow-wrapper.post-navigation__arrow-next
{
	background-color: #000;
    width: 50px;
    text-align: center !important;
    color: #fff;
    display: flex;
    position: relative;
    font-size: 30px;
	padding-inline-end: 0px !important;
	padding-inline-start: 0px !important;
	justify-content: center;
    align-items: center;
}

.post-navigation__arrow-wrapper.post-navigation__arrow-prev
{
	border-right: 2px solid white;
}

.post-navigation__arrow-wrapper.post-navigation__arrow-next
{
	border-left: 2px solid white;
}

.elementor-post-navigation__link__prev,
.elementor-post-navigation__link__next
{
    background-color: #ececec;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 250px;
    text-align: center !important;
}

.post-navigation__prev--label,
.post-navigation__next--label
{
	text-transform: unset !important;
    font-size: 16px !important;
}

.post-navigation__prev--title,
.post-navigation__next--title
{
	font-size: 12px;
}

.elementor-post-navigation__link:hover .post-navigation__arrow-wrapper.post-navigation__arrow-prev, 
.elementor-post-navigation__link:hover .post-navigation__arrow-wrapper.post-navigation__arrow-next
{
	background-color: var(--ks-dunkelblau);
}

.elementor-post-navigation__link:hover .elementor-post-navigation__link__prev, 
.elementor-post-navigation__link:hover .elementor-post-navigation__link__next
{
	background-color: black;
}



.elementor-post-navigation__link:hover .elementor-post-navigation__link__prev .post-navigation__prev--label, 
.elementor-post-navigation__link:hover .elementor-post-navigation__link__next .post-navigation__next--label,
.elementor-post-navigation__link:hover .elementor-post-navigation__link__prev .post-navigation__prev--title, 
.elementor-post-navigation__link:hover .elementor-post-navigation__link__next .post-navigation__next--title
{
	color: white !important;
}

/***********************************************************************/
/* INHALTSSEITEN
/***********************************************************************/

/* BG-Icon für CO2 Einsparung */

.bg-co2-einsparung 
{
	background: linear-gradient(90deg, rgba(7,78,162,1) 0%, rgba(6,65,137,1) 100%);
}

.bg-co2-einsparung div
{
	background-position: center bottom -40px !important;
}

/* AppStore-Button */

.appstore-button img
{
	width: 200px !important;
	height: 100%;
}

/* Downloads */

.downloads-link a:hover
{
	color: var(--ks-orange) !important;
}

/* Team */

.cspt-team-style-1 .creativesplanet-box-team-position
{
	font-weight: 400;
	font-family: Roboto Condensed, sans-serif;
	letter-spacing: 2px;
	line-height: 120%;
	height: 30px;
}

.cspt-team-style-1 .creativesplanet-box-content .cspt-team-title
{
	padding-bottom: 10px;
}

.cspt-team-1-head-area .cspt-element-subtitle
{
    color: #074EA2;
    font-weight: 400;
	text-transform: none;
}

.cspt-team-style-1 .creativesplanet-box-content
{
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
	margin: -15px 15px 0;
    margin-top: -50px;
	width: calc(100% - 30px);
	padding: 30px 30px 30px 30px;
}

.cspt-single-team-info
{
	display: block;
}

.cspt-team-style-1.creativesplanet-ele-team
{
	padding-bottom: 180px;
}

.cspt-single-team-info li
{
	line-height: 140%;
}

.cspt-single-team-info li label
{
	margin-bottom: 0;
}

.cspt-single-team-info
{
	font-size: 14px;
	margin-top: 0;
}

.cspt-element-team-style-1 .cspt-carousel-navs a
{
	border: 2px solid #E6EDF6;
	color: var(--ks-dunkelblau);
}

.cspt-element-team-style-1 .cspt-carousel-navs a:hover
{
	border: 2px solid var(--ks-orange);
	color: var(--ks-orange);
}

/* Timelines */

.twae-wrapper 
{
	--tw-ibx-size: 66px;
}

.twae-horizontal-timeline .twae-icon
{
	border-width: 0;
}

.twae-horizontal-timeline .twae-content
{
	box-shadow: none;
	border-radius: 0;
	border-color: white;
	/* justify-content: center; */
    padding: 40px !important;
}

.twae-horizontal-timeline .twae-arrow
{
	border-color: white;
}

.twae-wrapper .twae-story:hover .twae-content
{
	box-shadow: none;
	border-radius: 0;
}

.twae-wrapper .twae-label-big
{
	margin-bottom: -20px;
}

/* BG für Kontaktformular */

.bg-kontakt
{
	/* background-position: bottom -100px right -50% !important; */
	background-size: auto 90% !important;
}

/* Icon mit Bär */

.icon-baer .elementor-icon
{
	padding: 0;
}

.icon-baer .elementor-icon svg
{
    margin-top: 15px;
    margin-bottom: -15px;
}


/* Ankernavigation */

.jet-sticky-section-sticky--stuck.ankernavi
{
	width: 100% !important; 
	max-width: 100% !important;
	background-color: #E6EDF6 !important;
	top: -1px !important;
	/* left: 0 !important; */
	z-index: 9 !important;
	/* background-color: #F2F6FA; */
    /* box-shadow: 0 10px 20px rgb(0 0 0 / 20%); */
}

.jet-sticky-section-sticky--stuck.ankernavi:after
{
	border-top: 15px solid #E6EDF6; 
}

.ankernavi
{
	border-bottom: 2px solid #E6EDF6 !important;
	background-color: white !important;
	/* z-index: 10 !important; */
	
	max-width: 1170px;
	left: 50% !important;
    transform: translateX(-50%);
}

.ankernavi:before
{
	content:'';
	width: 0; 
	height: 0; 
	border-left: 17px solid transparent; 
	border-right: 17px solid transparent;
	border-top: 17px solid #E6EDF6;
	position: absolute;
	top: 100%;
	left: 50%; 
	right: 50%;
	margin: 0 -17px;
	z-index:1;
}

.ankernavi:after
{
	content:'';
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent; 
	border-top: 15px solid #fff; 
	position: absolute;
	top: 100%;
	left: 50%; 
	right: 50%;
	margin: 0 -15px -2px -15px;
	z-index: 2;
}

.ankernavi-links p
{
	margin: 0;
}

.ankernavi-links a
{
    margin-right: 10px;
}

.ankernavi-links a:last-child
{
    margin-right: 0px;
}

.ankernavi-links a:after
{
    /* font-family: "Font Awesome 5 Free"; */
    /* font-weight: 900; */
    /* content: "\f309"; */
	/* content: "\f107"; */
	content: "|";
    margin-left: 10px;
}

.ankernavi-links a:last-child:after
{
	content: "";
}

.mPS2id-highlight
{
	font-weight: bold;
}

/* Steps */

.steps h5
{
	margin-bottom: 0;
}


/***********************************************************************/
/* BUCHUNGEN TERMINE
/***********************************************************************/

/* Seite Terminbestätigung */

.wpbc_after_booking_thank_you_section .wpbc_ty__message 
{
    color: white;
    margin: 0 auto;
    margin-bottom: 20px;
}

.wpbc_after_booking_thank_you_section .wpbc_ty__container
{
    box-shadow: unset;
    border: 0px solid rgb(204, 204, 204);
    border-radius: 0px;
    background: #FFF;
    color: black;
    padding: 20px;
    margin-bottom: 60px;	
}

.wpbc_after_booking_thank_you_section .wpbc_ty__container .wpbc_ty__content .wpbc_ty__content_text .wpbc_ty__section_header 
{
    font-size: 24px;
    font-weight: 700;
    font-family: 'Roboto Condensed';
    letter-spacing: 2px;
    margin-top: 10px;
}

.wpbc_after_booking_thank_you_section .wpbc_ty__container, 
.wpbc_after_booking_thank_you_section .wpbc_ty__container *
{
	color: black;
}

/* Seite Termin buchen */

/* Bild Ansprechpartner */

.terminanfrage-ansprechpartner
{
	margin-bottom: 0 !important;
}

.terminanfrage-ansprechpartner img
{
	border-radius: 50%;
	border: 5px solid white;
}

.wpbc_container_booking_form .wpbc__field .wpbc_calendar_wraper,
.wpbc_booking_form_simple .wpbc__form__div
{
	padding: 20px;
}

.wpbc_container_booking_form .wpbc__field .wpbc_calendar_wraper
{
	padding-right: 0;
}

.wpbc_booking_form_simple .wpbc__form__div 
{
	color: white;
	margin-top: -20px;
    padding-left: 40px;
}

.wpbc_container_booking_form
{
	padding-right: 0;
	margin-top: 0;
	width: 100%;
	background-color: var(--ks-dunkelblau);
	padding-top: 150px;
}

.wpbc_container_booking_form .wpbc__field:first-child
{
	flex-basis: 40%;
	
}

.wpbc_container_booking_form .wpbc__field:last-child
{
	background-color: var(--ks-dunkelblau);
	flex-basis: 60%;
	padding-bottom: 40px;
}

.wpbc_no_custom_width.cal_month_num_1
{
    max-width: 100% !important;
    margin-top: 0;
}

.wpbc_container_booking_form .wpbc__field:not(.wpbc__cal)
{
	margin: 0;
	padding: 0;
}

.datepick-inline
{
	border-radius: 0;
	box-shadow: none;
}

.datepick-inline .datepick
{
	margin-bottom: 10px;
}

#content .datepick-days-cell, 
#content .datepick-title-row th
{
	padding: 5px;
}

.datepick-inline .date2approve.timespartly .wpbc-cell-box, 
.datepick-inline .date_approved.timespartly .wpbc-cell-box 
{
    background-color: rgb(255 153 0 / 10%);
    border-color: var(--ks-orange);
}

.datepick-inline .date_available .wpbc-cell-box
{
	background-color: rgb(7 78 162 / 10%);
	border-color: var(--ks-dunkelblau);
}

.wpbc_timeslot_day_bg_as_available .datepick-inline .times_clock.datepick-days-cell-over .wpbc-cell-box, 
.datepick-inline .datepick .datepick-days-cell-over .wpbc-cell-box
{
	background-color: rgb(7 78 162 / 20%);
	border-color: var(--ks-dunkelblau);	
}

.wpbc_container_booking_form .wpbc_booking_form_simple .wpbc__field label 
{
    line-height: 2;
    margin-top: 20px;
}

.wpbc_times_selector div.wpbc_time_selected
{
	background-color: white;
	color: var(--ks-dunkelblau);
	border: 2px solid white;
}

.wpbc_times_selector div
{
	background-color: transparent;
	border: 2px solid white;
	color: white;
	border-radius: 10px;
}

.wpbc_times_selector div:hover
{
	background-color: white;
	border: 2px solid white;
	color: var(--ks-dunkelblau);
	box-shadow: none;
}

div.wpbc_container.wpbc_form input[type=text],
div.wpbc_container.wpbc_form input[type=email],
div.wpbc_container.wpbc_form textarea,
div.wpbc_container.wpbc_form select
{
	border-radius: 0;
	color: black;
}

div.wpbc_container.wpbc_form select
{
	border-right: 0px solid white !important;
}

.wpbc_r_datenschutz.wpbc__field label
{
	font-weight: normal;
	line-height: 140% !important;
	font-size: 12px;
	padding-left: 24px !important;
}

.wpbc_r_datenschutz.wpbc__field label:hover
{
	font-weight: normal;
}

.wpbc_r_datenschutz.wpbc__field input[type=checkbox]
{
	margin: 0;
    margin-left: -22px !important;
    float: left;
}

.wpbc_r_datenschutz.wpbc__field label a
{
	color: white;
	color: rgba(255, 255, 255, 0.7);
}

.wpbc_r_datenschutz.wpbc__field label a:hover
{
	color: var(--ks-orange);
	color: white;
}

div.wpbc_container.wpbc_form input[type=checkbox]:before
{
	border-radius: 0;
}

.datepick-inline div.datepick-one-month .datepick td.datepick-current-day .wpbc-cell-box
{
	background-color: var(--ks-dunkelblau);
	border-color: var(--ks-dunkelblau);
	color: white;
}

.wpbc_button_light
{
    background-color: transparent !important;
	background-color: white !important;
    letter-spacing: 2px !important;
    font-weight: 700 !important;
    border-radius: 0px !important;
    padding: 15px 40px !important;
    line-height: 20px !important;
    text-decoration: none;
    color: white !important;
	color: black !important;
    margin-top: 20px !important;
    font-size: 14px !important;
    height: unset !important;
    box-shadow: none !important;
    border: 0px solid white !important;
    text-transform: uppercase;	
	margin-bottom: 20px !important;
}

.wpbc_button_light:hover
{
    background-color: var(--ks-orange) !important;
	color: white !important;
}

.wpbc_front_end__message_container_right .wpbc_front_end__message.wpbc_fe_message_warning, 
.wpbc_front_end__message_container_left .wpbc_front_end__message.wpbc_fe_message_warning
{
	background-color: red;
    color: white;
    font-size: 12px;
    padding-left: 1rem;
    padding-right: 1rem;
    display: inline-block;
    width: auto;
	border-radius: unset;
    margin-top: -10px;
}

/* Fehlermeldungen */

.wpbc_front_end__message
{
	line-height: 120%;
	padding: 10px;
	font-size: 14px;
	box-shadow: unset;
}

.wpbc_front_end__message.wpbc_fe_message_error
{
	border-left-color: red;
}

.wpbc_front_end__message.wpbc_fe_message_error i.menu_icon
{
	color: red;
}

/* Captcha */

.wpbc_text_captcha_container
{
    flex-basis: 100%;	
}

.captachinput
{
	flex-basis: 50% !important;
}

.wpbc_container_booking_form .booking_form_div img.captcha_img
{
	padding: 9px;
    background-color: white;	
}


/***********************************************************************/
/* KUNDENSTIMMEN
/***********************************************************************/

/* auf leichter Hintergrundfarbe */

.kundestimme-auf-bg article
{
	background-color: rgba(7, 78, 162, 0.05) !important;
}

/* auf Startseite */

.cspt-element-testimonial-style-1.creativesplanet-element-viewtype-carousel .owl-carousel .owl-dots
{
	display: block;
}

.elementor-widget-cspt_testimonial_element .cspt-element-testimonial-style-1 .owl-carousel .owl-dots
{
	text-align: center;
	margin-top: 25px;
	position: relative;
	bottom: unset;
	right: unset;
}

.kundenstimmen-startseite .cspt-element-subtitle,
.kundenstimmen-startseite .cspt-designation
{
	color: var(--ks-dunkelblau);
}

.cspt-testimonial-style-1 blockquote,
.cspt-testimonial-style-6 blockquote
{
	font-family: inherit;
	line-height: 140%;
	color: rgba(0,0,0,0.6);
	font-size: 36px;
}

.kundenstimmen-startseite.spezial .cspt-testimonial-style-1 blockquote,
.kundenstimmen-startseite.spezial .cspt-testimonial-style-6 blockquote
{
	font-size: 18px;
}

.cspt-testimonial-style-1:after,
.cspt-testimonial-style-6:after
{
	/* background-color: var(--ks-orange); */
	background-color: var(--ks-dunkelblau);
}

/* Autorbereich */

.cspt-testimonial-style-1 .creativesplanet-box-img,
.cspt-testimonial-style-1 .creativesplanet-box-img img,
.cspt-testimonial-style-6 .creativesplanet-box-img
{
	width: 80px;
	height: 80px;
	border-radius: 50%;
}

.cspt-testimonial-style-1 .creativesplanet-box-author,
.cspt-testimonial-style-6 .creativesplanet-box-author
{
	padding-left: 95px;	
}

.cspt-testimonial-style-1 .creativesplanet-box-title,
.cspt-testimonial-style-6 .creativesplanet-box-title
{
	margin-top: 20px;
}


/***********************************************************************/
/* SUCHERGEBNIS-SEITE
/***********************************************************************/

/* Suchfeld */

.search-results .search-form input[type="search"]
{
	border: 2px solid #ddd !important;
}

/* Weiter-Link */ 

.search-results .cspt-read-more-link a
{
	text-transform: none !important;
    font-size: 16px;
    font-weight: 700 !important;
	color: var(--ks-dunkelblau) !important;
	text-decoration: none !important;
}

.search-results .cspt-read-more-link a:hover
{
	color: var(--ks-orange) !important;
}

.search-results .cspt-read-more-link a:after, 
.search-results .cspt-read-more-link a:before
{
	height: 0 !important;
}

/***********************************************************************/
/* STELLENANZEIGEN
/***********************************************************************/

/* Auflistungen */

.stellenanzeige-inhalt ul
{
	padding-left: 15px;
}


/***********************************************************************/
/* REFERENZEN
/***********************************************************************/

/* Filter Referenz-Slider */

.filter-referenzen
{
	padding-left: 0;
}

/* Detailansicht */

.single-cspt-portfolio .cspt-portfolio-single .cspt-featured-wrapper
{
	display: none;
}

.single-cspt-portfolio #content
{
	/* padding-bottom: 0 !important; */
}

.single-cspt-portfolio .cspt-title-bar-content
{
	/* min-height: 500px; */
}

.cspt-portfolio-single h3.elementor-heading-title, .cspt-portfolio-related .cspt-related-title
{
	font-size: 24px !important;
	line-height: 1.2 !important;
}

.cspt-portfolio-single .col-md-5.col-lg-5 h4
{
	font-size: 24px;
}

.cspt-portfolio-line-title
{
	line-height: 120%;
	width: unset;
}

/* Archiv-Ansicht */

/* Variante Nachbau */

.post-type-archive-cspt-portfolio article.cspt-portfolio,
.archive.tax-cspt-portfolio-category article.cspt-portfolio
{
	border-bottom: 2px solid var(--ks-dunkelblau);
	padding-bottom: 20px !important;
}

/* Kategorie-Switcher MANUELL */

.filter-referenzen
{
    text-align: center;
    list-style-type: none;	
}

.filter-referenzen li
{
    display: inline-block;	
	margin: 0 15px;
}

.filter-referenzen li a
{
    text-transform: uppercase;
    font-weight: 700;
	letter-spacing: 2px;
    font-size: 12px;
    color: black;
    padding: 10px 15px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    display: block;
}

.filter-referenzen li a:hover,
.filter-referenzen li a.aktiv
{
	background-color: var(--ks-dunkelblau);
	border-color: var(--ks-dunkelblau);
	color: white;
}

/* Kategorie-Switcher */

.cspt-sortable-list a:hover
{
	border-color: var(--ks-dunkelblau);
}

.cspt-portfolio-title
{
	line-height: 1 !important;
	letter-spacing: 2px;
	font-size: 24px !important;
	font-weight: 700 !important;
	font-family: Roboto Condensed, sans-serif !important;
}

.cspt-portfolio-style-1 .creativesplanet-titlebox
{
	left: 20px;
	right: 20px;
	bottom: 20px;
}

/* Referenzen Slider */

.slider-referenzen h4
{
	color: var(--ks-dunkelblau) !important;
}


/***********************************************************************/
/* TEAM-SLIDER
/***********************************************************************/

/* Korrekturen wg. Spaltenbreiten */

@media (min-width: 768px) 
{
	.cspt-team-1-head-area
	{
		/*
		-ms-flex: 0 0 33,333333% !important;
		flex: 0 0 33,333333% !important;
		max-width: 33,333333% !important;
		*/
		
		-ms-flex: 0 0 35% !important;
		flex: 0 0 35% !important;
		max-width: 35% !important;
	}

	.cspt-team-1-carousel-area
	{
		-ms-flex: 0 0 65% !important;
		flex: 0 0 65% !important;
		max-width: 65% !important;	
	}
}

@media (max-width: 991px) 
{
	.cspt-team-1-head-area,
	.cspt-team-1-carousel-area
	{
		width: 100% !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
	}
}


/***********************************************************************/
/* FOOTER-BEREICH
/***********************************************************************/

/* Logo-Leiste */

.logos
{
	--gap: 60px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap);
}

.footer-logo-leiste img 
{
	filter: grayscale(100%);
	opacity: 0.6;
	transform: scale(1);
	transition-duration: .3s;
    transition-property: transform;
}

.footer-logo-leiste img:hover
{
	opacity: 1;
	transform: scale(1.1);
	filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
	transition-duration: .3s;
    transition-property: transform;
}

/* Support-Label im Footer */

.footer-label-24h-support img
{
	max-width: 100px !important;
}

.footer-label-24h-support a img
{
	transform: scale(1);
	transition-duration: .3s;
}

.footer-label-24h-support a:hover img
{
	transform: scale(1.1);
	transition-duration: .3s;
}

/* BG-Bild im Footer */

.site-footer .footer-wrap
{
	background-image: url('https://klimashop.de/wp-content/uploads/2024/07/KlimaShop-BG-Baer.svg');
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: auto 60%;
}

/* Text im Footer */

.site-footer
{
	color: white !important;
}

/* Sub-Menü ausblenden */

.site-footer .sub-menu
{
	display: none;
}

/* Links im Footer */

.footerlink-mehrzeilig a
{
	display: table;
}

.cspt-footer-widget-area .menu li
{
	padding-left: 0px;
	transition: all 0.3s;
}

.cspt-footer-widget-area .menu li:hover
{
	padding-left: 5px;
	transition: all 0.3s;
}

.site-footer a
{
	color: rgba(255, 255, 255, 1) !important; 
	/* color: rgba(255,255,255,0.6) !important; */
}

.site-footer a:hover
{
	/* color: rgba(255, 255, 255, 0.6) !important; */
	color: var(--ks-orange) !important;
}

/* Telefonnummer */

.site-footer .footer-telefon
{
	font-size: 30px;
	font-weight: bold;
	color: var(--ks-eisblau) !important;
}

.site-footer .footer-telefon:hover
{
	color: white !important;
}

.site-footer .footer-telefon.spezial
{
	color: white !important;
	display: block;
    margin-top: 20px;
    margin-bottom: 10px;
}

.site-footer .footer-telefon.spezial:hover,
.site-footer .footer-mail.spezial:hover
{
	color: #ff9900 !important;
}

/* Lasche Footer für KlimaShop Wissen */

.lasche-footer
{
	display: block;
    background-color: #064189;
    height: 70px;
    text-align: center;
    width: fit-content;
    line-height: 60px;
    /* margin: 0 auto;  */
	margin-left: 25px;
    margin-top: -5rem;
	margin-bottom: -10px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    z-index: 9999;
}

.lasche-footer a
{
	display: inline-block;
    height: 60px;
}

/* Social Icons */

.site-footer.cspt-footer-style-3 .cspt-social-links
{
	text-align: left;
}

.site-footer.cspt-footer-style-3 .cspt-social-links li a
{
	color: white;
	/* color: rgba(255,255,255,0.6); */
}

.site-footer.cspt-footer-style-3 .cspt-social-links li a:hover
{
	/* color: rgba(255,255,255,0.6) !important; */
	color: var(--ks-orange) !important;
}

.site-footer.cspt-footer-style-3 i:first-child::before
{
	margin-left: 0px;
}

/* Widget-Titel */

.site-footer .widget-title
{
	font-size: 18px;
	letter-spacing: 2px;
	line-height: 25px;
	margin-bottom: 50px;
	/* color: var(--ks-eisblau); */
}

.site-footer .widget-title:after
{
	background-color: rgba(255,255,255,0.6);
	height: 0;
}

.site-footer.cspt-footer-style-3 .footer-wrap.cspt-footer-widget-area
{
	padding-top: 5rem;
	padding-bottom: 5rem;
	padding-bottom: 5rem;
	padding-bottom: calc(5rem + 60px);
}

/* Footer Abschluss-Leiste */

.cspt-footer-copyright
{
	display: none;
}

.cspt-footer-menu-area
{
	text-align: center;
	flex: 0 0 100%;
	max-width: 100%;
}


/***********************************************************************/
/* RESPONSIVE
/***********************************************************************/

/* von 993 Pixel bis 1440 Pixel */

@media (min-width: 993px) and (max-width: 1440px) 
{
	.wpfront-notification-bar td
	{
		text-align: left;
		padding-left: 15px;
		line-height: 100%;
	}
}

/* von 768 Pixel bis 1199 Pixel */

@media (min-width: 768px) and (max-width: 1199px) 
{
	.cspt-header-style-4 .top-contact li
	{
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* von 993 Pixel bis 1199 Pixel */

@media (min-width: 993px) and (max-width: 1199px) 
{	
	.cspt-navbar div>ul>li>a
	{
		margin: 0 10px;
		font-size: 14px;
	}

	.site-branding.cspt-logo-area,
	.navigation-top
	{
		display: inline-flex;
	}
	
	.cspt-header-button a
	{
		font-size: 14px;
		text-transform: uppercase;
	}
	
	.cspt-header-style-4 .cspt-header-wrapper>.container .d-flex
	{
		margin: 0 15px 0 15px;
	}
}

/* ab 993 Pixel */

@media (min-width: 993px) 
{
	/* Preheader sticky */ 

	.cspt-header-style-4 .cspt-sticky-header .cspt-pre-header-wrapper
	{
		display: none;
	}
}

/* bis 767 Pixel */

@media (max-width: 767px) 
{
	/* Buttons */
	
	.button-volle-breite-mobil .elementor-button
	{
		width: 100%;
	}
	
	/* Lasche Header mit Firmen-Slogan */
	
	.page-template-default .cspt-header-overlay:after,
	.single-cspt-portfolio .cspt-header-overlay:after,
	.single-stellenanzeigen .cspt-header-overlay:after,
	.single-post .cspt-header-overlay:after,
	.archive .cspt-header-overlay:after
	{
		left: 0;
        right: 0;
        margin-inline: auto;
        width: fit-content;
		font-size: 12px;
	}
	
	/* News-Balken */ 

	.wpfront-notification-bar td
	{
		font-size: 12px;
	}	
}

/* bis 992 Pixel */

@media (max-width: 992px) 
{
	/* News-Balken */ 

	.wpfront-notification-bar td
	{
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
	}	
	
	/* Lasche Header mit Firmen-Slogan */
	
	.page-template-default .cspt-header-overlay:after,
	.single-cspt-portfolio .cspt-header-overlay:after,
	.single-stellenanzeigen .cspt-header-overlay:after,
	.single-post .cspt-header-overlay:after,
	.archive .cspt-header-overlay:after
	{
		/* wenn News-Balken eingeschaltet */
		/* display: none; */
	}
	
	/* Kontakt-Formular Seite "Kontakt" */
	
	.betreff-labels
	{
		display: block;
		text-align: center;
	}
	
	/* Filter Referenzen */
	
	.filter-referenzen li
	{
		margin-bottom: 15px;
	}
	
	/* Ähnliche Referenzen */
	
	.cspt-portfolio-related .cspt-portfolio-ele
	{
		margin-bottom: 40px;
	}
	
	.cspt-portfolio-related .cspt-portfolio-ele:last-child
	{
		margin-bottom: 0px;
	}
	
	/* Header-Titlebar mit Bildern */
	
	.cspt-title-bar-wrapper .cspt-title-bar-content,
	.cspt-title-bar-wrapper 
	{
		min-height: 30vh;
	}
	
	
	/* Icon "Saubere Luft" */
	
	.icon-saubere-luft
	{
		width: 80px;
    	height: 80px;
    	margin-top: -40px;
	}
	
	/* Anker-Navi */

	.ankernavi
	{
		padding-top: 60px !important;
		padding-bottom: 20px !important;
		padding-left: 60px !important;
		padding-right: 60px !important;
		
		line-height: 120%;
	}
	
	.ankernavi a
	{
		display: inline-block;	
		font-size: 14px;
	}
	
	.ankernavi a:after
	{
		/*
		content: "";
		*/
	}
	
	/* Slider */
	
	.sr7-bullets
	{
		transform: translate(-57.5px, -80px) !important;
	}
	
	/* Header sticky machen */
	
	.site-header.cspt-header-style-4.cspt-fixed-header .cspt-header-overlay
	{
		position: fixed;
		box-shadow: 0 0px 10px rgb(0 0 0 / 20%) !important;
		
		/* wenn News-Balken eingeschalten */
		/* margin-top: 34px; */
		
	}
	
	.site-header.cspt-header-style-4.cspt-fixed-header .cspt-header-overlay:after
	{
		display: none;
	}
	
	/* Headerbereich auf oberste Ebene bringen damit sticky Buttons überblendet werden */
	
	.cspt-header-overlay
	{
		z-index: 300 !important;
	}
	
	/* Logo */
	
	.active .site-branding.cspt-logo-area
	{
		z-index: 9999;
    	position: fixed;
	}
	
	/* mobiles Menü */
	
	/* bestimmte Menüpunkte nur für mobil */

	.navipunkt-responsive
	{
		display: block;
	}
	
	/* Button für Terminanfrage */
	
	.navipunkt-responsive.button-terminvereinbarung-mobil
	{
		border-bottom: 0 !important;
		text-align: center;
		margin-top: 30px;
	}
	
	.button-terminvereinbarung-mobil a
	{
        letter-spacing: 2px !important;
        font-weight: 700 !important;
        border-radius: 0px !important;
        padding: 18px !important;
        line-height: 20px !important;
        text-decoration: none;
        color: var(--cspt-greenly-blackish-color) !important;
        /* width: calc(100% - 20px); */
		border: 2px solid white;
	}
	
	.button-terminvereinbarung-mobil a:hover
	{
		background-color: white !important;
	}
	
	.button-terminvereinbarung-mobil a:after
	{
		font-family: "Font Awesome 5 Free";
    	font-weight: 900;
    	content: "\f073";
    	margin-left: 5px;
	}
	
	/* Animation beim Einblenden teilweise abschalten */
	
	.cspt-mobile-menu-bg
	{
	    transition: unset !important;
	}
	
	/* Balken mobiles Menü */
	
    .cspt-navbar>div 
	{
		width: calc(100% - 120px);
		background-color: var(--ks-dunkelblau);
		
		background-image: url('https://klimashop.de/wp-content/uploads/2024/07/KlimaShop-BG-Baer.svg');
		background-repeat: no-repeat;
		background-position: bottom center;
		background-size: contain;
	}
	
    .cspt-navbar>div>ul 
	{
        padding: 70px 0;
		padding-bottom: 0px;
    }

	.cspt-navbar ul.menu>li 
	{
        border-bottom: 1px solid #064189;
    }
	
	.cspt-navbar ul ul
	{
		background-color: white !important;
	}
	
	.cspt-navbar>div>ul li a
	{
		color: white !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
	}
	
	.cspt-navbar .sub-menu.show li a
	{
		color: black !important;
		padding-left: 10px !important;
        padding-right: 10px !important;
		padding-bottom: 10px !important;
		padding-top: 10px !important;
	}
	
	.cspt-navbar .sub-menu.show li a:hover
	{
		color: var(--ks-orange) !important;
	}
	
	.cspt-navbar .sub-menu.show:before
	{
        content: '';
        position: absolute;
        left: 5px;
        top: 0;
        width: 0;
        height: 0;
        border-left: 8px solid white;
        border-right: 8px solid white;
        border-top: 8px solid var(--ks-dunkelblau);
        clear: both;
	}
	
	.sub-menu-toggle
	{
		color: white;
	}
	
	.closepanel
	{
		color: white;
		top: 20px;
		right: 20px;
	}
	
	.menu-klimashop-hauptnavi-container .cspt-social-links 
	{
    	display: block;
    	padding-top: 20px;
    	padding-bottom: 20px;
    	text-align: center;
	}
	
	.cspt-social-links li a
	{
		font-size: 22px;
	}

	.cspt-social-links li a:hover
	{
		color: var(--ks-orange) !important;
	}	
	
	/* Bewertungen Slider */
	
	.cspt-testimonial-style-1 .creativesplanet-box-img, 
	.cspt-testimonial-style-1 .creativesplanet-box-img img, 
	.cspt-testimonial-style-6 .creativesplanet-box-img
	{
		width: 60px;
    	height: 60px;
		display: block !important;
	}
	
	.cspt-testimonial-style-1 .creativesplanet-box-author, 
	.cspt-testimonial-style-6 .creativesplanet-box-author 
	{
    	padding-left: 75px;
	}
	
	.cspt-testimonial-style-1 .creativesplanet-box-star-rating 
	{
		margin-left: -0.2em;
	}
	
	.creativesplanet-box-author-inner
	{
		line-height: 120%;
	}
	
	/* News-Teaser  */
	
	.blog-uebersicht .cspt-featured-container 
	{
    	margin-left: 0 !important;
	}
	
	.cspt-blogbox-style-7 .post-item
	{
		display: block !important;
	}
	
	.cspt-blogbox-style-7 .creativesplanet-box-content 
	{
        padding-top: 20px !important;
    }
	
	/* Formular reduziert CTA */
	
	.zeile-formular
	{
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
	
	.datenschutz
	{
		padding-left: 0;
		padding-right: 0;
	}
	
	/* Formular Bewerbung */
	
	.bewerbungsformular-hinweis
	{
		padding-left: 0;
		padding-right: 0;
	}
	
	/* Logo-Leiste */
	
	.logos
	{
		flex-wrap: wrap;
    	--gap: 30px;
    	gap: 30px;
		justify-content: center;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.footer-logo-leiste img
	{
		height: 80px;
	}
	
	.footer-logo-leiste img.spezial
	{
		height: 40px;
	}
	
	/* Footer */
	
	.site-footer .footer-wrap
	{
		background-position: bottom center;
    	background-size: 120%;		
	}
	
	.menu-klimashop-footer-bottom-container
	{
		text-align: center;
		line-height: 200%;		
	}
	
	.lasche-footer
	{
        margin: 0 auto;
        margin-bottom: -10px;
        margin-top: -5rem;
	}
}