/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* LOKALE EINBINDUNG (GOOGLE) FONTS */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* outfit-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/outfit-v14-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 200;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/outfit-v14-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/outfit-v14-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/outfit-v14-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/outfit-v14-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/outfit-v14-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 700;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/outfit-v14-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 800;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/outfit-v14-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* outfit-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 900;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/outfit-v14-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 200;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/mulish-v17-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 200;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/mulish-v17-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 300;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/mulish-v17-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 300;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/mulish-v17-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/mulish-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/mulish-v17-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 500;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/mulish-v17-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 500;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/mulish-v17-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 600;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/mulish-v17-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}
/* mulish-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 600;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/mulish-v17-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/mulish-v17-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/mulish-v17-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 800;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/mulish-v17-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 800;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/mulish-v17-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 900;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/mulish-v17-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 900;
  src: url('https://solarenergieplus.innsiders.dev/wp-content/themes/dt-solarenergieplus-child/fonts/mulish-v17-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BASICS / GENERAL / ALLGEMEIN */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
:root {
	/* colors */
    --sep-yellow: #FFA500;
    --sep-yellow-lightened: #FFC863;
    --sep-yellow-darkened: #CE8500;
	--sep-yellow-dark: #A46A00;
	--ocker-1: #956100;
	
	--yellow-100: #FFFBF3;
	--yellow-200: #FFF6E6;
	--yellow-300: #FFEECF;
	
	--midnight-1: #0B0B27;
	--midnight-2: #00183F;
	--midnight-3: #0D1E3A;
	
	--white: #FFFFFF;
	--gray-ultralight: #FBFBFC;
    --gray-100: #F9F9F9;
    --gray-200: #EEEEEE;
	--gray-300: #DCDDE2;
	--gray-500: #888888;
	--gray-700: #414853;
	--gray-800: #29292B;
	--gray-900: #060606;
	
	--whatsapp-green: #25D366;
	
	/* linear-gradients */
	--gradient-yellow: linear-gradient(45deg, var(--sep-yellow-lightened) 0.32%, var(--sep-yellow) 100%);
	--gradient-midnight: linear-gradient(45deg, var(--midnight-2) 0.32%, var(--midnight-1) 100%);
	--gradient-black: linear-gradient(45deg, var(--gray-800) 0.32%, var(--midnight-1) 100%);
	--gradient-white: linear-gradient(45deg, var(--gray-100) 0.32%, var(--white) 100%);
    
	/* shadows and glows */
	--btn-glow: 0px 0px 25px 0px var(--sep-yellow); /* box-shadow */
	--card-shadow: drop-shadow(-10px 20px 40px rgba(11, 11, 39, 0.15)); /* filter: drop-shadow */
	--image-shadow: -10px 15px 25px 0px rgba(11, 11, 39, 0.15); /* box-shadow */
	--btn-inset-shadow: 0px 0px 10px 0px var(--sep-yellow-darkened) inset; /* box-shadow */
	
	/* font-sizes */
    --base-font: 1.125rem;
	
	/* line-height */
	--body-line-height: 1.6;
	--headline-line-heigt: 1.2;
	
	/* border-radius */
	--regular-radius: 3px;
	
	/* paddings / gaps / margins */
	--gap-xl: clamp(6rem, 11vw, 8.125rem);
	--gap-l:  clamp(4rem, 10vw, 5.625rem);
	--gap-m: 3.75rem;
	--gap-s: 2.8rem;
	--gap-xs: 1.5rem;
	--gap-0: 0px;
	
	--full-width-padding: clamp(50px, 4vw ,130px); /* Desktop Header & Topbar, Pagetitle fullwidth */
	
	/* Dividers */
	--divider-height: clamp(40px, 10vw, 151px);
	
}
@media only screen and (max-width: 640px){
    :root {
        --base-font: 1.0rem;
}   
}


/* ---- IMGS / PICS / BILDER ---- */
.wpb_single_image{
    margin-bottom: 0;
}
.wpb_single_image.img-shadow{
    box-shadow: var(--image-shadow);
    overflow: visible;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SECTIONS & DIVIDERS & ROWS */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ---- SECTIONS ----*/
section.vc_section:not(#pagetitle):not(.cta-section):not(#bewerbung){
     padding: var(--gap-l) 0;
}
section.vc_section.section-gray{
    background-color: var(--gray-100);
}
section.vc_section.section-midnight{
    background-color: var(--midnight-1);
}
section.vc_section.padding-bottom-xl  {
    padding-bottom: var(--gap-xl)!important;
}
section.vc_section.xl-padding{
    padding-top: var(--gap-xl)!important;
    padding-bottom: var(--gap-xl)!important;
}
/* --- Section vor CTA-Dark hat padding-bottom xl --- */
.wpb-content-wrapper section:has(+ .vc_row-full-width + section.vc_section.cta-dark){
    padding-bottom: var(--gap-xl)!important;
}

/* ---- DIVIDERS ----*/
.divider {
    height: var(--divider-height);
    position: relative;
}
.divider::before {
    content:"";
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	top: -1px;
	left: 0;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/divider-top-white.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.divider.divider-gray::before,
.vc_section.content_rows.section-gray + .vc_row-full-width.vc_clearfix + .vc_section.cta-section.cta-dark::before{
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/divider-top-gray.svg");
}
.divider.divider-midnight::before {
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/divider-top-midnight.svg");
}
.divider.divider-yellow::before {
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/divider-top-yellow.svg");
}
.divider hr{
   border: 0px!important;
}
/* Doviders auto backgorund-colors */

.divider:has(+ .vc_clearfix + section.vc_section.section-gray){
    background-color: var(--gray-100);
}
.divider:has(+ .vc_clearfix + section.vc_section.section-midnight){
    background-color: var(--midnight-1);
}


/* ---- IMAGE DIVIDER ----*/
.image-divider{
    height: 100%
    max-height: 740px;
}
.image-divider img{
    height: 100%;
    max-height: 740px;
    object-fit: cover;
    object-position: center center;
}
.image-divider::before,
.video-divider::before{
    content:"";
	position: absolute;
	display: block;
	height: var(--divider-height);
	width: 100%;
	top: -1px;
	left: 0;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/divider-top-gray.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 2;
}
.image-divider::after,
.video-divider::after{
    content:"";
	position: absolute;
	display: block;
	height: var(--divider-height);
	width: 100%;
	bottom: -1px;
    transform: scale(-1);
	left: 0;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/divider-top-white.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 2;
}
.image-divider .object-position-bottom img{
    object-position: bottom;
}

section.vc_section:not(.section-gray):not(#pagetitle):not(.cta-section):not(#bewerbung):not(.section-midnight) + .vc_row-full-width + .vc_row.image-divider::before,
section.vc_section:not(.section-gray):not(#pagetitle):not(.cta-section):not(#bewerbung):not(.section-midnight) + .vc_row-full-width + .vc_row.video-divider::before{
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/divider-top-white.svg")
}

/* ---- Video DIVIDER ----*/
.wpb_raw_code{
	position: relative;
	margin-bottom: 0!important;
}
.video-divider video{
    aspect-ratio: 1920 / 1080;
    width: 100%;
    height: auto;
}
.wpb_raw_code.wpb_raw_html:has(video) > *{
    aspect-ratio: 1920 / 1080;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.image-divider .wpb_raw_code.wpb_raw_html{
	margin-bottom: 0!important;
}
.wpb_raw_code .videoToggle {
    position: absolute;
    top: calc(var(--divider-height) + 50px);
    left: var(--full-width-padding);
    z-index: 9;
    background-color: var(--white);
    border: 1px solid var(--gray-800);
    font-size: 1.5rem;
    border-radius: var(--regular-radius);
    cursor: pointer;
    transition: 0.3s ease;
    height: 40px;
    width: 40px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    color: var(--gray-800);
}
.wpb_raw_code .videoToggle:hover,
.wpb_raw_code .videoToggle:focus-visible {
    transform: scale(1.1);
    color: var(--white)!important;
    background-color: var(--gray-800)!important;
}
.wpb_raw_code .videoToggle:hover svg,
.wpb_raw_code .videoToggle:focus-visible svg{
   fill: #fff;
}
@media only screen and (max-width: 787px) {
    .wpb_raw_code .videoToggle {
        left: 20px;
    }
}


/* ------------- ROWS ------------- */


/* ------------- CONTENT-ROWS ------------- */
section.vc_section.content_rows > .vc_row:not(:last-child) {
    margin-bottom: clamp(2rem, 5vw, 3rem);
}

/* ---- ROW ONE-COL ---- */

/* ---- ROW TWO-COL ---- */
.content-row.two-col::before,
.content-row.two-col::after{
    display: none;
}
.content-row.two-col{
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(min(430px,100%),1fr));
    grid-column-gap: clamp(0.5rem, 3vw , 1.25rem);  
    grid-gap: clamp(0.5rem, 3vw , 1.25rem);
    grid-row-gap: 2.5rem; 
    row-gap: 2.5rem; 
    box-sizing: border-box;
}
.content-row.two-col .vc_col-sm-6{
    float: none;
    width: 100%;
}

/* ------------- CONTENT-ROWS CONTENT -------------*/
/* Abstand nach Subheading */
.content-row .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column.subheading:has( + .wpb_text_column:not(.headline):not(.subheading):not(.toptitle)), /* Text */
.content-row .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column.subheading:has( + .templatera_shortcode), /* Templatera */
.content-row .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column.subheading:has( + .vc_row.vc_inner), /* Inner Row */
.content-row .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column.subheading:has( + style + .owl-carousel), /* owl carousel */
/* Abstand nach Headlines */
.content-row .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column.headline:has( + .wpb_text_column:not(.headline):not(.subheading):not(.toptitle)), /* Text */
.content-row .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column.headline:has(+ .wpb_single_image), /* Bild */
.content-row .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column.headline:has(+ style + .dt-btn), /* Button */
/* Abstand nach normalem Fließtext */
.content-row .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column:not(.headline):not(.subheading):not(.toptitle):has(+ .wpb_text_column:not(.headline):not(.subheading):not(.toptitle)), /* Text */
.content-row .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column:not(.headline):not(.subheading):not(.toptitle):has(+ .wpb_single_image), /* Bild */
.content-row .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column:not(.headline):not(.subheading):not(.toptitle):has(+ style + .dt-btn), /* Button */
/* Abstand nach Einzelbild */
.content-row .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_single_image:has(+ .wpb_text_column), /* Bild */
.content-row .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_single_image:has(+ style + .dt-btn), /* Button */
/* Abstand nach owl carousel */
.content-row .wpb_column > .vc_column-inner > .wpb_wrapper > .owl-carousel:has(+ style + .dt-btn){
    margin-bottom: 1.5rem;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wpb_text_column{
    margin-bottom: 0;
}
.wpb_text_column p,
.wpb_text_column li{
    font-family: "Mulish";
    font-weight: 400;
    font-size: var(--base-font);
	color: var(--gray-700);
	line-height: var(--body-line-height);
}
.wpb_text_column p strong,
.wpb_text_column li strong{
    font-weight: 700;
 }
.wpb_text_column p a{
    color: var(--midnight-1);
	text-decoration: underline;
	font-weight: 500;
}
.wpb_text_column p a:hover{
    text-decoration: none;
}
.wpb_text_column ul{
    list-style-type: circle;
}
.wpb_text_column.ul-check ul{
    list-style-type: none;
}
.wpb_text_column ul li:not(:last-child){
    margin-bottom: 5px;
}
.wpb_text_column.ul-check ul li::before{
    content: "";
    position: absolute;
    display: block;
    height: 11px;
    width: 15px;
    min-width: 15px;
    top: 9px;
    left: -21px;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/check.svg");
    background-size: contain;
    background-repeat: no-repeat;
}
.wpb_text_column.ul-check ul li{
    position: relative;
}
/* ----- HIGHLIGHT LIST -----*/
:root{
    --highlight-list-icon-size: 47px;
}
.highlight-list ul{
    list-style-type: none;
    margin-left: calc(var(--highlight-list-icon-size) + 1.25rem);
}
.highlight-list li:not(:last-child){
    margin-bottom: 1.875rem!important;
}
.highlight-list li{
    position: relative;
}
.highlight-list li::before{
    content:"";
    position: absolute;
    display: block;
    height: var(--highlight-list-icon-size);
    width: var(--highlight-list-icon-size);
    border-radius: 100%;
    background:var(--midnight-1);
    background: var(--gradient-midnight);
    color: var(--sep-yellow);
    left: calc(var(--highlight-list-icon-size) * -1 - 1.25rem);
    top: -4px;
    font-size: 5rem;
}
.highlight-list li::after{
    content:"";
    position: absolute;
    display: block;
    height: var(--highlight-list-icon-size);
    width: var(--highlight-list-icon-size);
    border-radius: 100%;
    background-image:url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/check.svg");
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: center center;
    left: calc(var(--highlight-list-icon-size) * -1 - 1.25rem);
    top: -4px;
    -moz-filter: brightness(0) saturate(100%) invert(61%) sepia(62%) saturate(1256%) hue-rotate(359deg) brightness(101%) contrast(107%);
    -webkit-filter: brightness(0) saturate(100%) invert(61%) sepia(62%) saturate(1256%) hue-rotate(359deg) brightness(101%) contrast(107%);
    filter: brightness(0) saturate(100%) invert(61%) sepia(62%) saturate(1256%) hue-rotate(359deg) brightness(101%) contrast(107%);
}
@media only screen and (max-width: 540px){
    :root{
    --highlight-list-icon-size: 30px;
}
.highlight-list:not(.list-small) ul{
    margin-left: calc(var(--highlight-list-icon-size) + 0.5rem);
}
.highlight-list:not(.list-small) li:not(:last-child){
    margin-bottom: 1.5rem!important;
}
.highlight-list:not(.list-small) li::before{
    content:"";
    left: calc(var(--highlight-list-icon-size) * -1 - 0.5rem);
    top: -1px;
}
.highlight-list:not(.list-small) li::after{
    background-size: 18px;
    left: calc(var(--highlight-list-icon-size) * -1 - 0.5rem);
    top: -1px;
}
}

/* ----- HIGHLIGHT LIST SMALL -----*/
:root{
    --highlight-list-small-icon-size: 28px;
}
.highlight-list.list-small ul{
    list-style-type: none;
    margin-left: calc(var(--highlight-list-small-icon-size) + 0.8rem);
}
.highlight-list.list-small li:not(:last-child){
    margin-bottom: 1rem!important;
}
.highlight-list.list-small li{
    position: relative;
}
.highlight-list.list-small li::before{
    content:"";
    position: absolute;
    display: block;
    height: var(--highlight-list-small-icon-size);
    width: var(--highlight-list-small-icon-size);
    border-radius: 100%;
    background:var(--sep-yellow);
    background: var(--gradient-yellow);
    color: var(--sep-yellow);
    left: calc(var(--highlight-list-small-icon-size) * -1 - 0.8rem);
    top: -1px;
    font-size: 3rem;
}
.highlight-list.list-small li::after{
    content:"";
    position: absolute;
    display: block;
    height: var(--highlight-list-small-icon-size);
    width: var(--highlight-list-small-icon-size);
    border-radius: 100%;
    background-image:url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/check.svg");
    background-size: 19px;
    background-repeat: no-repeat;
    background-position: center center;
    left: calc(var(--highlight-list-small-icon-size) * -1 - 0.8rem);
    top: 0px;
    -moz-filter: brightness(0) saturate(100%) invert(13%) sepia(3%) saturate(650%) hue-rotate(201deg) brightness(91%) contrast(89%);
    -webkit-filter: brightness(0) saturate(100%) invert(13%) sepia(3%) saturate(650%) hue-rotate(201deg) brightness(91%) contrast(89%);
    filter: brightness(0) saturate(100%) invert(13%) sepia(3%) saturate(650%) hue-rotate(201deg) brightness(91%) contrast(89%)!important;
    opacity: 1!important;
}


/* ----- HEADLINES ----- */
.wpb_text_column.headline *,
.headline{
    font-family: "Outfit";
    font-weight: 500;
    color: var(--gray-800);
    line-height: var(--headline-line-heigt);
}
.wpb_text_column.headline-xl *,
.headline-xl{
    font-size: clamp(calc(var(--base-font) * 2.5), 5.5vw, calc(var(--base-font) * 3.06));
}
.wpb_text_column.headline-l *,
.headline-l{
    font-size: clamp(calc(var(--base-font) * 2.058), 5.5vw, calc(var(--base-font) * 2.67));
}
.wpb_text_column.headline-m *,
.headline-m{
   font-size: clamp(calc(var(--base-font) * 1.7647), 4.5vw, calc(var(--base-font) * 1.95));
}
.wpb_text_column.headline-s *,
.headline-s{
   font-size: clamp(calc(var(--base-font) * 1.470), 4vw, calc(var(--base-font) * 1.67));
}
.wpb_text_column.headline-xs *,
.headline-xs{
   font-size: clamp(calc(var(--base-font) * 1.3), 3.5vw, calc(var(--base-font) * 1.39));
}
.wpb_text_column.headline-xxs *,
.headline-xxs{
   font-size: clamp(calc(var(--base-font) * 1.15), 3vw, calc(var(--base-font) * 1.23));
}

/* ----- TOPTITLE ----- */
.wpb_text_column.toptitle *{
    font-size: var(--base-font);
    font-family: "Outfit";
    text-transform: none;
    letter-spacing: 1px;
    color: var(--gray-800);
    font-weight: 400;
}

/* ----- SUBHEADING ----- */
.wpb_text_column.subheading *{
    font-family: "Outfit";
    text-transform: uppercase;
    color: var(--gray-900);
    font-weight: 300;
    font-size: calc(var(--base-font) * 1.33);
    line-height: 1.2;
}

/* ----- TYPO COMBOS ----- */
.wpb_text_column.headline + .wpb_text_column.subheading{
    margin-top: 0.8rem;
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BUTTONS */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------- Buttons general ------------------------*/
/* Button general & background */
.dt-btn,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style){
    background-color: var(--midnight-2);
    background: var(--midnight-2);
    padding: 12px 15px 12px 15px;
    border-radius: var(--regular-radius);
    transition: ease 0.4s!important;
    border: 1px solid var(--midnight-2);
    text-transform: none;
    letter-spacing: 0px;
}
/* Button Text */
.dt-btn span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style) span{
   	position: relative;
    top: 1px;
	font-size: var(--base-font);
	color: #fff;
	font-family: "Outfit";
    line-height: 1.1;
    font-weight: 500;
}
/* Button hover background */
.dt-btn:hover,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):hover,
.dt-btn:focus-visible,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):focus-visible,
.dt-btn:focus,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):focus{
    background-color: var(--sep-yellow);
    background: var(--sep-yellow);
    border-color: var(--sep-yellow-darkened);
    box-shadow: var(--btn-inset-shadow);
}
/* Button hover Text */
.dt-btn:hover span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):hover span,
.dt-btn:focus-visible span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):focus-visible span,
.dt-btn:focus span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):focus span{
	color: var(--gray-900)!important;
}

/*----------------- Primary Button ------------------------*/
.dt-btn.btn-primary,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary{
    background-color: var(--sep-yellow);
    background: var(--sep-yellow);
    border-color: var(--sep-yellow-darkened);
    box-shadow: var(--btn-inset-shadow);
    color: var(--gray-900);
}
.dt-btn.btn-primary span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary span {
    display: flex;
    align-content: center;
    align-items: center;
    color: var(--gray-900);
}
.dt-btn.btn-primary span::after,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary span::after {
    content: "";
    position: relative;
    display: block;
    height: 14px;
    width: 14px;
    min-width: 14px;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
}
.dt-btn.btn-primary:hover,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary:hover,
.dt-btn.btn-primary:focus-visible,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary:focus-visible,
.dt-btn.btn-primary:focus,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary:focus{
    background-color: var(--sep-yellow);
    background: var(--sep-yellow);
    border-color: var(--yellow-200);
    box-shadow: var(--btn-glow);
    transform: scale(1.1);
}

/* -- Primary Button -- */
.dt-btn.btn-primary.primary-glow,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-primary.primary-glow {
    border-color: var(--yellow-200);
    box-shadow: var(--btn-glow);
}

/*--- Secondary Button ---*/
/* like general button */

/*--- Tertiary Button ---*/
.dt-btn.btn-tertiary,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary {
    background-color: var(--white);
    padding: 7px 10px;
    box-shadow: none;
    color: var(--midnight-2);
}
.dt-btn.btn-tertiary span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary span {
    font-size: calc(var(--base-font) * 0.88);
}
.dt-btn.btn-tertiary:hover,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:hover,
.dt-btn.btn-tertiary:focus-visible,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:focus-visible,
.dt-btn.btn-tertiary:focus,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:focus{
    color: var(--white)!important;
    background-color: var(--midnight-2);
    background: var(--midnight-2);
    border-color: var(--midnight-2);
}
.dt-btn.btn-tertiary:hover span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:hover span,
.dt-btn.btn-tertiary:focus-visible span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:focus-visible span,
.dt-btn.btn-tertiary:focus span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-tertiary:focus span{
    color: var(--white)!important;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* LINK-CARDS */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.link-card {
    border-radius: var(--regular-radius);
    border: 1px solid var(--gray-300)!important;
    transition: all ease 0.4s;
	box-sizing: border-box;
	display: flex;
    flex-direction: column;
}
.link-card .ult-content-box {
    padding: 1.875rem;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    background-color: var(--white);
    gap: 1rem;
    position: relative;
    transition: all ease 0.3s;
    box-sizing: border-box;
	height: 100%;
}
.link-cards-wrapper:not(.link-cards-list) .link-card .ult-content-box .headline-xxs * {
    text-align: center;
}
.link-card .ult-content-box .headline-xxs {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.link-card .ult-content-box .headline-xxs::after {
    content: "";
    position: relative;
    display: block;
    height: 14px;
    width: 14px;
    min-width: 14px;
    top: 0;
    left: 0;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
}
.link-card .ult-content-box a {
    text-decoration: none;
    position: static;
}
.link-card .ult-content-box a::before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.link-card .ult-content-box a:focus-visible {
    outline: none!important;
}
.link-card .ult-content-box::before,
.link-card .ult-content-box::after {
    display: none;
}
.link-card .ult-content-box .wpb_single_image {
    background-color: var(--yellow-300);
    border-radius: 100%;
    height: 64px;
    width: 64px;
    min-width: 64px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    transition: all ease 0.3s;
}
.link-card .ult-content-box .wpb_single_image img {
    max-height: 44px;
    max-width: 44px;
}
.link-card:hover,
.link-card:focus-within {
    border-color: var(--gray-800)!important;
}
.link-card:hover .ult-content-box .wpb_single_image,
.link-card:focus-within .ult-content-box .wpb_single_image {
    background-color: var(--yellow-300);
    background: var(--gradient-yellow);
}

@media only screen and (max-width: 640px) {
    .link-card .ult-content-box {
        padding: 1rem;
    }
    .link-card .ult-content-box .wpb_single_image {
        height: 44px;
        width: 4px;
        min-width: 44px;
    }
    .link-card .ult-content-box .wpb_single_image img {
        max-height: 30px;
        max-width: 30px;
    }
}

/* --- Link Cards Grid --- */
.link-cards-wrapper:not(.link-cards-list) .link-card:hover,
.link-cards-wrapper:not(.link-cards-list) .link-card:focus-within {
    transform: translatey(-5px);
}
.link-cards-wrapper .vc_column-inner > .wpb_wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(min(240px,100%),1fr));
    gap: 1rem;
}
@media only screen and (max-width: 535px) {
    .link-cards-wrapper .link-card .ult-content-box {
        padding: 1.25rem 1.875rem;
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        gap: 1rem;
    }
    .link-cards-wrapper .link-card .ult-content-box .headline-xxs {
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }
    .link-cards-wrapper:not(.link-cards-list) .link-card .ult-content-box .headline-xxs * {
        text-align: left;
    }
    .link-cards-wrapper .link-card .ult-content-box {
        padding: 1rem;
    }
	.link-cards-wrapper:not(.link-cards-list) .link-card:hover,
.link-cards-wrapper:not(.link-cards-list) .link-card:focus-within {
    transform: translatey(0px);
}
}

/* --- Link Cards List --- */
.link-cards-wrapper.link-cards-list .vc_column-inner > .wpb_wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}
.link-cards-wrapper.link-cards-list .link-card .ult-content-box {
    padding: 1.25rem 1.875rem;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 1rem;
}
.link-cards-wrapper.link-cards-list .link-card .ult-content-box .headline-xxs {
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}
@media only screen and (max-width: 640px) {
    .link-cards-wrapper.link-cards-list .link-card .ult-content-box {
        padding: 1rem;
    }
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* HIGHLIGHT CARD */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
section:has(.highlight-card){
    overflow: visible!important;
}
.highlight-card{
    background-color: var(--white);
    -moz-box-shadow: -10px 15px 25px 0px rgba(11, 11, 39, 0.05);
    -webkit-box-shadow: -10px 15px 25px 0px rgba(11, 11, 39, 0.05);
    box-shadow: -10px 15px 25px 0px rgba(11, 11, 39, 0.05);
    padding: 6.5vw;
}
.highlight-card .highlight-list{
    margin-top: 2rem;
}
@media only screen and (max-width: 540px){
    .highlight-card{
    	padding-right: 10px;
        padding-left: 10px;
}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CTAS */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ------------ CTA SECTIONS ------------- */
/* --- BASICS / GENERAL --- */
.cta-section{
    overflow: visible!important;
}
.cta-row{
    padding: clamp(1.5rem, 5vw, 3.5rem) clamp(1.3rem, 5vw, 3.125rem);
	border-radius: var(--regular-radius);
	box-shadow: var(--image-shadow);
	overflow: hidden;
	position: relative;
}
.cta-row .vc_column-inner{
    padding: 0 0;
}
.cta-row .dt-btn{
    margin-top: 1.5rem;
}
.cta-row .headline-xs{
    margin-top: 1.5rem;
}

/* ------------ CTA SECTION YELLOW ------------- */
.cta-section.cta-yellow{
    padding-bottom: var(--gap-s);
}
.cta-section.cta-yellow::before{
    content:"";
	position: absolute;
	display: block;
	height: var(--divider-height);
	width: 100%;
	top: -1px;
	left: 0;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/divider-top-gray.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
	z-index: 0;
}
.cta-section.cta-yellow .wpb_text_column.subheading *{
    color: var(--gray-800);
}
.cta-section.cta-yellow .cta-row{
    background: var(--sep-yellow-lightened);
    background: var(--gradient-yellow);
}
.cta-section.cta-yellow .cta-row > *{
    z-index: 1;
}
/*.cta-section.cta-yellow .cta-row::after {
    content: "";
    position: absolute;
	display: block;
    border-radius: 100%;
    height: 120%;
    width: auto;
    aspect-ratio: 1 / 1;
    background-image: radial-gradient(var(--gray-300) 2px, transparent 2px);
    background-size: 25px 25px;
    opacity: 0.7;
    top: -7.5%;
    right: -20%;
    z-index: 0;
}
.cta-section.cta-yellow .cta-row .wpb_single_image img{
    filter: brightness(100);
    opacity: 0.15;
}
@media only screen and (min-width: 1065px) {
    .cta-section.cta-yellow .cta-row .vc_col-sm-3 img {
        max-width: 300px;
        padding-right: 3rem;
    }
}
.cta-section.cta-yellow .cta-row .vc_col-sm-3 {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box!important;
    z-index: 0;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    justify-items: flex-end;
}
.cta-section.cta-yellow .cta-row .vc_col-sm-3 .wpb_single_image.vc_align_left {
    text-align: right;
}*/

/* ------------ CTA SECTION DARK ------------- */
.cta-section.cta-dark{
    background-color: var(--sep-yellow-lightened);
    padding-bottom: var(--gap-xl);
}
.cta-section.cta-dark .cta-row{
    background: var(--midnight-1);
    background: var(--gradient-black);
}
.cta-section.cta-dark .cta-row .wpb_text_column *{
    color: var(--white);
}
.cta-section.cta-dark:before{
    content:"";
	position: absolute;
	display: block;
	height: var(--divider-height);
	width: 100%;
	top: -1px;
	left: 0;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/divider-top-white.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
	z-index: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TESTIMONIAL CARDS */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.testimonial-card video{
    aspect-ratio: 1920 / 1080;
    width: 100%;
    height: auto;
}
.wpb_raw_code.wpb_raw_html:has(video) > *{
    aspect-ratio: 1920 / 1080;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.testimonial-card .wpb_raw_code.wpb_raw_html,
.testimonial-card .wpb_single_image{
	margin-bottom: 0!important;
}
.testimonial-card img{
    aspect-ratio: 1920 / 1080;
    object-fit: cover;
}
.testimonial-card blockquote{
    background-color: transparent!important;
    padding: 0 0;
    margin-top: 1rem;
}
.testimonial-card blockquote *{
    font-size: calc(var(--base-font) * 0.95);
    font-style: italic;
}
.testimonial-card .toptitle{
    margin-top: 0.8rem;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TESTIMONIAL GRID */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.dt-testimonials-shortcode .filter{
    margin-bottom: 2rem;
}
.dt-testimonials-shortcode .filter-categories{
    gap: 1rem;
}
.dt-testimonials-shortcode .filter-categories a{
    border-radius: var(--regular-radius)!important;
    border: 1px solid var(--gray-700);
    font-family: "Outfit";
    font-weight: 600;  
    background-color: var(--white);
    color: var(--gray-700);
}
.dt-testimonials-shortcode .filter-categories a:not(.act):hover,
.dt-testimonials-shortcode .filter-categories a:not(.act):focus-visible,
.dt-testimonials-shortcode .filter-categories a:focus{
    border-radius: var(--regular-radius)!important;
    border: 1px solid var(--gray-700);
    font-family: "Outfit";
    font-weight: 600; 
    background-color: var(--gray-700)!important;
    color: var(--white)!important;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* IMAGE CARD */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.image-cards-wrapper > .wpb_column > .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.image-card::before,
.image-card::after {
    display: none;
}
.image-card {
    display: flex;
    flex-direction: row;
    align-content: stretch;
    align-items: stretch;
    justify-content: stretch;
    justify-items: stretch;
    background-color: var(--white);
    gap: 0;
    position: relative;
    transition: all ease 0.3s;
    box-sizing: border-box;
    height: 100%;
    border-radius: var(--regular-radius);
    border: 1px solid var(--gray-300);
    overflow: hidden;
    margin: 0;
}
.image-card .vc_column-inner {
    padding: 0;
}
.image-card .vc_col-sm-9 {
    padding: 1.5rem;
}
.image-card .vc_col-sm-3 img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.image-card > * {
    display: flex;
    flex-direction: column;
    align-content: stretch;
    align-items: stretch;
    height: 100%;
}
.image-card .vc_col-sm-3 * {
    height: 100%!important;
}
.image-card .vc_col-sm-3 {
    width: 100%;
    max-width: 200px;
    height: auto!important;
}
.image-card .headline {
    margin-bottom: 0.5rem;
}
@media only screen and (max-width: 485px) {
    .image-card {
        flex-direction: column;
    }
    .image-card .vc_col-sm-9 {
        padding: 1rem;
    }
    .image-card .vc_col-sm-3 {
        max-width: inherit;
    }
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TEAM / TEAM-GRID */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.dt-team-masonry-shortcode.mode-grid.dt-css-grid-wrap.resize-by-browser-width .dt-css-grid{
    grid-template-columns: repeat(auto-fill,minmax(min(350px,100%),1fr));
    grid-column-gap: 1rem;
    grid-gap: 1rem;
    grid-row-gap: 1.5rem;
    row-gap: 1.5rem;
}
.dt-team-shortcode.content-bg-on .team-container{
    background-color: var(--white);
}
.dt-team-shortcode .team-author{
    padding:  0 0;
}
.dt-team-shortcode .team-author p{
    font-family: "Outfit";
    font-size: var(--base-font);
    line-height: var(--headline-line-heigt);
    font-weight: 400!important;
    color: var(--gray-700)!important;
}
.dt-team-shortcode .team-author .team-author-name{
    font-family: "Outfit";
    font-size: clamp(calc(var(--base-font) * 1.15), 3vw, calc(var(--base-font) * 1.23));
    line-height: var(--headline-line-heigt);
    font-weight: 500;
    color: var(--midnight-1);
    margin-top: 0.5rem;
}
html .dt-team-shortcode .team-content{
    margin: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* KARUSELLE / CAROUSELS / SLIDER */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html .owl-carousel.owl-carousel .owl-nav > *{
    height: 40px!important;
    width: 40px!important;
    border-radius: var(--regular-radius)!important;
    background-color: var(--white)!important;
    border: 1px solid var(--gray-800)!important;
    box-sizing: border-box!important;
    transition: all ease 0.3s;
    transform: translatey(0px)!important;
    top: 40px!important;
}
html .owl-carousel.owl-carousel .owl-nav > * i::before{
    content: "";
    position: relative;
    display: block;
    width: 21px;
    height: 20px;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/arrow.svg")!important;
    background-size: contain!important;
    background-repeat: no-repeat!important; 
}
html .owl-carousel.owl-carousel .owl-nav > .owl-prev i::before{
    transform: scale(-1);
}
html .owl-carousel.owl-carousel .owl-nav .owl-prev{
    left: -45px!important;  
}
html .owl-carousel.owl-carousel .owl-nav .owl-next{
    right: -45px!important;  
}
html .owl-carousel.owl-carousel .owl-nav > *:hover,
html .owl-carousel.owl-carousel .owl-nav > *:focus-visible{
    background-color: var(--gray-800)!important;
    transform: translatey(0) scale(1.1)!important;
}
html .owl-carousel.owl-carousel .owl-nav > *:hover i::before,
html .owl-carousel.owl-carousel .owl-nav > *:focus-visible i::before{
    filter: brightness(100);
}
html .owl-carousel.owl-carousel .owl-nav > *::before{
  display: none;
}
@media only screen and (max-width: 778px){
    html .owl-carousel.owl-carousel .owl-nav .owl-prev{
    left: -10px!important;  
}
html .owl-carousel.owl-carousel .owl-nav .owl-next{
    right: -10px!important;  
}
    html .owl-carousel.owl-carousel .owl-nav > *{
      top: 15px!important;
}
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* HERO SECTION STARTSEITE */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
section.vc_section#hero {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    overflow: visible!important;
    position: relative!important;
    box-sizing: border-box;
    left: 0!important;
}

/* --- HERO BOX --- */
#hero .vc_row:not(.video-divider) {
    overflow: visible;
    position: relative;
    z-index: 2;
}
#hero .vc_row:not(.video-divider):has(.hero-box) {
    padding-top: 2.8rem;
    position: relative!important;
    padding-left: var(--full-width-padding) !important;
    padding-right: var(--full-width-padding) !important;
}
.hero-box .vc_column-inner {
    padding: 0;
}
.hero-box {
    padding: clamp(35px, 3vw, 3.75rem);
    background: var(--midnight-1);
    background: var(--gradient-black);
    position: relative;
    width: 100%;
    max-width: 970px;
    -moz-filter: var(--card-shadow);
    -webkit-filter: var(--card-shadow);
    filter:var(--card-shadow);
    box-sizing: border-box;
}
.hero-box::before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/2025/07/Photovoltaik-Background.svg");
    background-size: 617px 353px;
    background-repeat: repeat;
    opacity: 0.07;
    z-index: 0;
}
#hero .wpb_text_column * {
    color: var(--white);
}
#hero .wpb_text_column.headline-l * {
    color: var(--sep-yellow);
}
#hero .wpb_text_column.headline-l {
    margin-bottom: 1.5rem;
}
#hero .dt-btn {
    margin-top: 1.875rem;
}
.hero-box ul li:not(:last-child) {
    margin-bottom: 10px;
}
.hero-box .headline.headline-xl * {
    font-size: clamp(2.6rem, 5.5vw, 90px);
}
.hero-box .headline.headline-xl {
    margin-bottom: 0.5rem;
}
.hero-box .headline.headline-l * {
    font-size: clamp(calc(var(--base-font) * 1.8), 5.5vw, calc(var(--base-font) * 2.67));
}

@media only screen and (max-width: 778px) {
    #hero .vc_row:not(.video-divider):has(.hero-box) {
        padding-top: 2rem;
        position: relative!important;
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
}
@media only screen and (max-width: 450px) {
    .hero-box {
        padding: clamp(25px, 3vw, 3.75rem);
    }
    #hero .vc_row:not(.video-divider):has(.hero-box) {
        padding-top: 1.5rem !important;
        padding-left: 5px!important;
        padding-right: 5px !important;
    }
}

/* --- HERO VIDEO --- */

#hero .vc_row.video-divider {
    z-index: 1;
    position: absolute!important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#hero .vc_row.video-divider *:not(button):not(button *) {
    height: 100%;
}
#hero .vc_row.video-divider video {
    width: 100%;
    position: absolute;
    object-fit: cover;
    object-position: bottom;
    display: block;
}
#hero .vc_row.video-divider::before {
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/divider-top-white.svg");
}
#hero .vc_row.video-divider button.videoToggle{
    top: inherit!important;
    bottom:calc(var(--divider-height) + 3rem);
    left: inherit!important;
    right: 58px;
    z-index: 999999999!important;
}
@media only screen and (max-width:820px){
    #hero .vc_row.video-divider button.videoToggle{
    bottom:calc(var(--divider-height) + 4rem);
}
}

/* --- HERO LOGOS --- */
#hero .vc_row.logos-row {
    padding-right: var(--full-width-padding);
    padding-left: var(--full-width-padding);
    overflow: visible;
    margin-top: calc(10rem + calc(var(--divider-height) / 2));
}
#hero .vc_row.logos-row .vc_column-inner {
    padding: 0;
}
#hero .vc_row.logos-row .vc_column-inner > .wpb_wrapper {
    display: flex;
    gap: 2.5rem;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    justify-items: flex-end;
    top: calc(var(--divider-height) / 2 * (-1));
    position: relative;
}
#hero .vc_row.logos-row img {
    -moz-box-shadow: var(--image-shadow);
    -webkit-box-shadow: var(--image-shadow);
    box-shadow: var(--image-shadow);
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ACCORDIONS | FAQ */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section:not(:last-child),
#rank-math-faq .rank-math-list-item:not(:last-child){
    margin-bottom: 0.5rem;
}
#rank-math-faq .rank-math-list-item h3,
#rank-math-faq .rank-math-list-item,
#rank-math-faq .rank-math-list,
#rank-math-faq,
#rank-math-rich-snippet-wrapper{
    overflow: visible!important;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section,
#rank-math-faq .rank-math-list-item{
    border: 1px solid var(--gray-300);
    border-radius: var(--regular-radius)!important;
}
#rank-math-faq .rank-math-list-item,
#rank-math-faq .rank-math-list-item h3{
    border-radius: var(--regular-radius)!important;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .wpb_accordion_header a,
#rank-math-faq .rank-math-list-item h3{
    padding: 20px 30px;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .wpb_accordion_header a > *,
#rank-math-faq .rank-math-list-item h3{
    font-size: clamp(calc(var(--base-font) * 1.15), 3vw, calc(var(--base-font) * 1.23))!important;
    font-family: "Outfit";
    font-weight: 500!important;
    color: var(--gray-800);
    line-height: var(--headline-line-heigt);
    position: relative;
    transition: ease 0.3s;
	display: flex;
	margin-bottom: 0;	
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .wpb_accordion_header a:focus,
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .wpb_accordion_header a:focus-visible{
    outline: none!important;
	box-shadow: none!important;
	animation: none!important;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .wpb_accordion_content{
    padding: 0 30px 20px;
}
#rank-math-faq .rank-math-list-item .rank-math-answer{
    padding: 0 30px;
	transition: all ease 0.3s!important;
}
#rank-math-faq .rank-math-list-item:has(h3[aria-expanded="true"]) .rank-math-answer{
    padding: 0 30px 20px;
	max-height: inherit;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section:has(.ui-accordion-header-active),
#rank-math-faq .rank-math-list-item:has(h3[aria-expanded="true"]){
    border: 1px solid var(--gray-700)!important;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section:hover,
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section:focus-within,
#rank-math-faq .rank-math-list-item:hover,
#rank-math-faq .rank-math-list-item:focus-wihtin,
#rank-math-faq .rank-math-list-item:has(h3[aria-expanded="true"]){ 
    border: 1px solid var(--gray-700)!important;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section:hover .wpb_accordion_header a > *,
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section:focus-within .wpb_accordion_header a > *{
    padding-left: 10px;
}
#rank-math-faq .rank-math-list-item h3:focus-visible,
#rank-math-faq .rank-math-list-item h3:hover{
    padding-left: 40px;
}
#rank-math-faq .rank-math-list-item h3:hover{
	cursor: pointer;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section:focus-within,
html #rank-math-faq .rank-math-list-item:focus-within,
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section:has(.ui-accordion-header-active):focus-within{
    outline: 2px solid var(--gray-700)!important;
    outline-offset: 3px;
    border: 1px solid transparent!important;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .wpb_accordion_header a::before,
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .wpb_accordion_header a::after{
    display: none;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .wpb_accordion_header a > *,
#rank-math-faq .rank-math-list-item h3{
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .wpb_accordion_header a > *::after,
#rank-math-faq .rank-math-list-item h3::after{
    content: "";
    position: relative;
    display: block;
    height: 14px;
    width: 14px;
    min-width: 14px;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    top: 7px;
    transform: rotate(90deg);
    transition: ease 0.6s;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_section .wpb_accordion_header.ui-accordion-header-active a > *::after,
#rank-math-faq .rank-math-list-item h3[aria-expanded="true"]::after{
    transform: rotate(-90deg);
}
#rank-math-faq .rank-math-list-item h3:focus{
	outline: none!important;
	border: none!important;
    animation: none!important;
    box-shadow: none!important;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* RANK MATH FAQ */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#rank-math-faq .rank-math-list-item h3:before{
    display: none;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* GRAVITY FORMS / FORMULARE */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
section.vc_section#bewerbung{
    background-color: var(--midnight-1);
	background: var(--gradient-black);
    /*background-image: url("");
    background-size: ;
    background-repeat: ;*/
    padding-top: calc(var(--divider-height) + var(--gap-xl));
	padding-bottom: var(--gap-l);
}
section.vc_section#bewerbung::before{
    content:"";
	position: absolute;
	display: block;
	height: var(--divider-height);
	width: 100%;
	top: -1px;
	left: 0;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/divider-top-gray.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
section.vc_section#bewerbung::after{
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/2025/07/Photovoltaik-Background.svg");
    background-size: 617px 353px;
    background-repeat: repeat;
    opacity: 0.07;
    z-index: 0;
}
section.vc_section#bewerbung > *{
    z-index: 1;
}
section.vc_section#bewerbung .wpb_text_column *{
    color: var(--white);
}
.gform_wrapper.gform-theme--foundation .gform_fields{
    row-gap: 25px;
}
.gform_wrapper label.gfield_label.gform-field-label,
#main .gform_wrapper label.gfield_label .gfield_required_text{
    font-family: "Outfit";
    font-size: 16px;
    color: var(--white);
    font-weight: 400;
}
.gform_wrapper label.gfield_label.gform-field-label{
    margin: 0 0 3px 0;
}
.gform_wrapper .gfield input{
    min-height: 45px;
    color: var(--gray-800);
}
.gform_wrapper .gfield input,
.gform_wrapper .gfield textarea,
.gform_wrapper .ginput_container_fileupload .gform_drop_area{
    background-color: rgba(256, 256, 256, 0.9);
}
.gform_wrapper .gfield input,
.gform_wrapper .gfield textarea{
    border: 1px solid var(--white);
    margin: 0 0!important;
}
.gform_wrapper .gfield textarea{
    min-block-size: inherit!important;
    max-height: 100px!important;
}
.gform_wrapper .ginput_container_fileupload .gform_drop_area{
    border: 2px dashed var(--midnight-1);
}
.gform_wrapper .ginput_container_fileupload .gform_drop_area::before{
    display: none!important;
}
.gform_wrapper .ginput_container_fileupload .gform_drop_area .gform_drop_instructions{
    font-size: 16px;
    color: var(--gray-900);  
}
#main .gform_wrapper .ginput_container_fileupload .gform_drop_area button.button.gform_button_select_files{
    font-family: "Outfit";
    color: var(--midnight-2);
    border-radius: var(--regular-radius);
    border: 1px solid var(--midnight-2);
    background: var(--white);
    background-color: var(--white);
    padding: 7px 10px;
    min-height: inherit;  
}
#main .gform_wrapper .ginput_container_fileupload .gform_drop_area button.button.gform_button_select_files:hover,
#main .gform_wrapper .ginput_container_fileupload .gform_drop_area button.button.gform_button_select_files:focus-visible{
    color: var(--white);
    border: 1px solid var(--midnight-2);
    background: var(--midnight-2);
    background-color: var(--midnight-2); 
}
.gform_wrapper .ginput_container_fileupload .gfield_description.gform_fileupload_rules{
    color: var(--white);
    font-size: 14px;
}
.gform_wrapper .datenschutzhinweis{
    color: var(--white);
    font-size: 16px;
    line-height: 1.4;
}
.gform_wrapper .datenschutzhinweis a{
    color: var(--white);
    font-weight: 700;
}
#main .gform_wrapper.gform-theme--foundation input[type="submit"].gform_button.button{
    color: var(--gray-900);
    font-family: "Outfit";
    font-size: var(--base-font);
    line-height: 1.0;
    background: var(--sep-yellow);
    border: 1px solid var(--yellow-100);
     font-weight: 500;
    border-color: var(--yellow-200);
    box-shadow: var(--btn-glow);
   padding: 12px 15px 12px 15px;
    border-radius: var(--regular-radius);
    transition: ease 0.4s;
	margin-top: 1.3rem;
}
#main .gform_wrapper.gform-theme--foundation input[type="submit"].gform_button.button:hover,
#main .gform_wrapper.gform-theme--foundation input[type="submit"].gform_button.button:focus-visible{
    transform: scale(1.1);
}
#main .gform_wrapper .gform_validation_errors,
#main .gform_wrapper .gfield_description.validation_message{
    background-color: #fff1ed;
    border: 2px solid #c02b0a;
    border-radius: var(--regular-radius);
    font-weight: 700;
}
#main .gform_wrapper .gform_validation_errors *{
    font-weight: 800;
}
#main .gform_wrapper .gfield_description.validation_message{
    padding: 5px;
}
.gform_wrapper .ginput_preview_list * {
    color: #fff!important;
}
.gform_wrapper .gfield_fileupload_progressbar .gfield_fileupload_progressbar_progress{
    background-color: var(--sep-yellow)!important;
}
html .gform_wrapper span.dashicons.dashicons-trash::before{
    color: #fff!important;
}
html .gform_wrapper span.dashicons.dashicons-trash::before{
    color: #fff!important;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SEITENTITEL / PAGETITLE */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#pagetitle{
       background-color: var(--white);
}
#pagetitle .dt-btn{
    margin-top: 2rem;
}
#pagetitle .vc_row[class*="vc_custom_"]:not(.pagetitle-media){
    padding-top: 3rem!important;
    padding-bottom: 1.875rem!important;
    box-sizing: border-box!important;
    position: relative;
    overflow: visible;
    z-index: 2; 
}
/* ------ Rank Math Breadcrumbs ------ */
#pagetitle .rank-math-breadcrumb *{
    font-size: 14px;
    line-height: 1.3;
    color: var(--gray-700);
    text-decoration: none;
    font-weight: 500;
}
#pagetitle .rank-math-breadcrumb .last{
    font-weight: 700;
}
#pagetitle .rank-math-breadcrumb a:hover,
#pagetitle .rank-math-breadcrumb a:focus-visible{
    text-decoration: underline;
}
#pagetitle .rank-math-breadcrumb p{
    display: flex;
    flex-wrap: wrap;
    grid-row-gap: 8px;
    row-gap: 8px;
    grid-column-gap: 7px;
    column-gap: 7px;  
    align-content: center;
    align-items: center;
}
#pagetitle .rank-math-breadcrumb .separator{
    content: "";
    position: relative;
    display: block;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/chevron.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 12px;
    width: 7px;
}
#content #pagetitle .rank-math-breadcrumb {
    margin-bottom: 1.5rem;
}

/* ------ PAGETITLE WITH MEDIA ------ */
@media only screen and (min-width: 779px){
	#pagetitle:not(.pagetitle-simple) .vc_row[class*="vc_custom_"]:not(.pagetitle-media){
    padding-right:calc(var(--full-width-padding) - 15px)!important;
    padding-left:calc(var(--full-width-padding) - 15px)!important;
}
}
@media only screen and (max-width: 778px){
	#pagetitle:not(.pagetitle-simple) .vc_row[class*="vc_custom_"]:not(.pagetitle-media){
    padding-right:5px!important;
    padding-left:5px!important;
}
}
#pagetitle .vc_row.pagetitle-media *:not(.videoToggle){
   padding: 0 0;
    position: relative;
}
#pagetitle video{
    aspect-ratio: 1920 / 1080;
    width: 100%;
    height: auto;
}
.wpb_raw_code.wpb_raw_html:has(video) > *{
    aspect-ratio: 1920 / 1080;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
#pagetitle .wpb_raw_code.wpb_raw_html,
#pagetitle .wpb_single_image{
	margin-bottom: 0!important;
}
#pagetitle .vc_row.pagetitle-media .wpb_raw_code.wpb_raw_html::before,
#pagetitle .vc_row.pagetitle-media .wpb_raw_code.wpb_raw_html::after,
#pagetitle .vc_row.pagetitle-media .wpb_single_image::before,
#pagetitle .vc_row.pagetitle-media .wpb_single_image::after{
    content:"";
	position: absolute;
	display: block;
	height: var(--divider-height);
	width: 100%;
	top: -1px;
	left: 0;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/divider-top-white.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
}
#pagetitle .vc_row.pagetitle-media .wpb_raw_code.wpb_raw_html::after,
#pagetitle .vc_row.pagetitle-media .wpb_single_image::after{
    top: inherit;
	bottom: -1px;
    transform: scale(-1);
}
#pagetitle:has(+ .vc_row-full-width + section.vc_section.section-gray) .vc_row.pagetitle-media .wpb_raw_code.wpb_raw_html::after,
#pagetitle:has(+ .vc_row-full-width + section.vc_section.section-gray) .vc_row.pagetitle-media .wpb_single_image::after{
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/divider-top-gray.svg");
}

/* ------ PAGETITLE WITH MEDIA > IMAGE ------ */
.pagetitle-media:has(.wpb_single_image),
.pagetitle-media:has(.wpb_single_image) *{
    aspect-ratio: 1920 / 1080;
}
.pagetitle-media:has(.wpb_single_image) img{
    object-fit: cover;
}

/* ------ PAGETITLE SIMPLE ------ */

#pagetitle.pagetitle-simple{
    overflow: visible;
    z-index: 2;
    margin-bottom: var(--divider-height);
    position: relative;
}
#pagetitle.pagetitle-simple::after{
    content:"";
	position: absolute;
	display: block;
	height: var(--divider-height);
	width: 100%;
	bottom: calc(var(--divider-height)- 1px);
	left: 0;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/divider-top-white.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* REONIC IFRAMES  */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
section.vc_section:has(#solarrechner){
    padding-bottom: var(--gap-s)!important;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* KARRIERE / JOBS |  */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ----- JOBS GRID ----- */
.vc_grid-container{
    margin-bottom: 0;
}
.vc_grid-container .vc_grid-item .vc_gitem_row.vc_row{
    position: relative;
}
.jobs-grid .vc_pageable-slide-wrapper::after,
.jobs-grid .vc_pageable-slide-wrapper::before {
    display: none;
}
.jobs-grid .vc_pageable-slide-wrapper {
    display: grid;
    gap: 0.5rem;
}
.jobs-grid .vc_grid-item .vc_col-sm-12 {
    padding: 0;
    display: flex;
    align-content: center;
    align-items: center;
}
.jobs-grid .vc_grid-item .vc_col-sm-12 > * {
    margin-bottom: 0 !important;
}
.jobs-grid .vc_grid-item {
    overflow: hidden;
    border: 1px solid var(--gray-300);
    border-radius: var(--regular-radius);
    background-color: var(--white);
    position: relative;
    transition: ease 0.3s;
}
.jobs-grid .vc_grid-item .wpb_single_image {
    width: clamp(80px, 20vw, 250px);
    min-width: clamp(80px, 20vw, 250px);
    height: 100%;
	overflow: hidden;
    aspect-ratio: 3 / 2;
}
.jobs-grid .vc_grid-item .wpb_single_image *{
    height: 100%;
    width: 100%;
}
.jobs-grid .vc_grid-item .wpb_single_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
	transition: ease 0.3s;
}
.jobs-grid .vc_gitem-post-data-source-post_title * {
    font-size: clamp(calc(var(--base-font) * 1.3), 3.5vw, calc(var(--base-font) * 1.39));
    font-weight: 500;
    line-height: var(--headline-line-heigt);
    color: var(--gray-800);
	opacity: 1!important;
}
.jobs-grid .vc_gitem-post-data-source-post_title {
    width: 100%;
    padding: clamp(1rem, 5vw, 2rem);
    position: static;
	transition: ease 0.3s;
}
.jobs-grid .vc_gitem-post-data-source-post_title > * {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
    justify-items: space-between;
    position: static;
	transition: ease 0.3s;
}
.jobs-grid .vc_gitem-post-data-source-post_title > *::after {
    content: "";
    position: relative;
    display: block;
    height: 14px;
    width: 14px;
    min-width: 14px;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    top: 2px;
}
.jobs-grid .vc_gitem-post-data-source-post_title a {
    position: static;
}
.jobs-grid .vc_gitem-post-data-source-post_title a:focus-visible {
    outline: none!important;
}
.jobs-grid .vc_gitem-post-data-source-post_title a::before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}
.jobs-grid .vc_grid-item:hover,
.jobs-grid .vc_grid-item:focus-within {
    border: 1px solid var(--gray-900);
}
.jobs-grid .vc_grid-item:focus-within .wpb_single_image img,
.jobs-grid .vc_grid-item:hover .wpb_single_image img{
    transform: scale(1.1);
}
.jobs-grid .vc_grid-item:hover .vc_gitem-post-data-source-post_title > *,
.jobs-grid .vc_grid-item:focus-within .vc_gitem-post-data-source-post_title > * {
    padding-left: 10px;
}
@media only screen and (max-width:778px){
    .jobs-grid .vc_grid-item .wpb_single_image {
    aspect-ratio:  inherit;
}
}
@media only screen and (max-width:410px){
    .jobs-grid .vc_grid-item .wpb_single_image {
    display: none;
}
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* JOB | JOB-UNTERSEITE */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.single-post #main{
    background-color: var(--gray-100);
}
.two-col-jobs .wpb_text_column + .wpb_text_column.headline,
.two-col-jobs .wpb_text_column:has(ul) + .wpb_text_column:not(.headline),
.two-col-jobs .wpb_text_column + .wpb_single_image,
.two-col-jobs .wpb_column:not(:has(.ult-sticky-section)) .wpb_single_image + .wpb_text_column{
 margin-top: 3rem;   
}
@media only screen and (min-width: 993px) {
    .single-post #pagetitle .dt-btn {
        display: none;
    }
}
.content-row.two-col.two-col-jobs {
    grid-template-columns: 1fr 430px;
}
@media only screen and (max-width: 992px) {
	.content-row.two-col.two-col-jobs {
    grid-template-columns: 1fr;
}
    .content-row.two-col.two-col-jobs .wpb_column:has(.ult-content-box) {
        width: 100%;
        max-width: 430px;
        margin: 0 auto;
    }
}

/* ------------ STICKY CTA JOBS ------------- */
.sticky-cta .ult-content-box{
    overflow: hidden!important;
    border-radius: var(--regular-radius)!important;
	box-shadow: var(--image-shadow);
	overflow: hidden;
	position: relative;
     background: var(--sep-yellow-lightened);
    background: var(--gradient-yellow);
    box-sizing: border-box;
    box-shadow: var(--image-shadow)!important;
}
.sticky-cta .ult-content-box .headline{
    padding: 1.2rem 1.5rem 0;
}
.sticky-cta .ult-content-box .btn-align-left{
    padding: 1.5rem 1.5rem 2rem;
}
.ult-sticky-anchor.ult_stick_to_row{
    z-index: 10!important;
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* FLOWFLOW SOCIAL STREAM / INSTAGRAM FEED / SOCIAL FEED */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html .ff-loadmore-wrapper .ff-btn{
    background-color: var(--midnight-2);
    font-family: "Outfit";
    font-size: var(--base-font);
    color: #fff;
    line-height: 1.1;
    font-weight: 500;
    text-transform: none;
    padding: 12px 15px 12px 15px;
    border-radius: var(--regular-radius);
    transition: ease 0.4s!important;
	border: 1px solid #fff;
}
html .ff-loadmore-wrapper .ff-btn:hover,
html .ff-loadmore-wrapper .ff-btn:focus-visible{
    background-color: var(--sep-yellow)!important;
    background: var(--sep-yellow);
    border-color: var(--sep-yellow-darkened);
    box-shadow: var(--btn-inset-shadow);
    color: var(--gray-900)!important;
}
.ff-stream .ff-item-cont h6{
    display: none;
    visibility: hidden;
}
.ff-stream .ff-stream-wrapper{
    margin-top: 0;
}
 html .ff-stream {
    padding-top: 0;
}
html .ff-stream,
html .ff-stream .ff-stream-wrapper{
    background-color: transparent!important;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER, TOPBAR & MENÜ */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ------ DESKTOP HEADER ----- */
.masthead .top-bar,
.masthead .header-bar{
    padding-left: var(--full-width-padding)!important;
    padding-right: var(--full-width-padding)!important;
}

/* ------ MOBILE HEADER ------ */

/* ------ MAIN MENU ------ */
.dt-mega-menu-wrap .menu-text{
    margin-top: 1rem;
}
.dt-mega-menu-wrap{
    box-shadow: var(--image-shadow)!important;
    border: none!important;
    border-radius: var(--regular-radius)!important;
}
.sub-nav li a:hover .menu-text{
    padding-left: 10px!important;
}
.sub-nav li a .menu-text{
    transition: ease 0.3s;
}
.dt-mega-menu-wrap .sub-nav li a{
    display: flex!important;
    flex-direction: column!important;
}
.dt-mega-menu-wrap .sub-nav a:hover .menu-text,
.dt-mega-menu-wrap .sub-nav a:focus-visible .menu-text{
    padding: 0!important;
}
.dt-mega-menu-wrap .sub-nav a .menu-text{
    position: relative;
    padding: 0!important;
    width: auto!important;
    display: inline-flex;
}
.dt-mega-menu-wrap .sub-nav a .menu-text::after{
    display: none!important;
}
.dt-mega-menu-wrap .sub-nav a .menu-text::before{
    content: "";
    position: absolute;
    display: inline-block;
    width: 0%;
    height: 2px;
    left: 0;
    background-color: var(--gray-800);
    bottom: -3px;
    margin-right: 4px;
    transition: ease 0.3s;
}
.dt-mega-menu-wrap .sub-nav a:hover .menu-text::before,
.dt-mega-menu-wrap .sub-nav a:focus-visible .menu-text::before,
.menu-item.depth-1.current_page_item a .menu-text::before{
    width: 100%;
}
.dt-mega-menu-wrap .sub-nav a:hover img,
.dt-mega-menu-wrap .sub-nav a:focus-visible img{
    box-shadow: var(--image-shadow);
}
/* ------ MOBILE MENU ------*/
.mobile-main-nav .next-level-button svg {
    fill: var(--gray-700);
    color: var(--gray-700);
}
.dt-mobile-header .sub-nav li a:has(img){
    display: flex;
    flex-direction: row;
    flex-flow: inherit!important;
    gap: 8px;
}
.dt-mobile-header .sub-nav li a img{
    max-width: 40px;
    margin-bottom: 0!important;
}
.mobile-main-nav .sub-nav{
    margin-left: 10px;
}
.dt-mobile-header .menu-item.current_page_item > a .menu-text,
.dt-mobile-header .menu-item.current_page_parent > a .menu-text{
    text-decoration: underline;
}
/* ------ MICROWIDGET BUTTON ------ */
.microwidget-btn.mini-button{
    font-family: "Outfit";
    padding: 8x 12px 8px 12px;
    border-radius: var(--regular-radius);
    transition: ease 0.4s!important;
    color: var(--gray-900);
    background-color: var(--sep-yellow);
    background: var(--sep-yellow);
    border: 1px solid var(--sep-yellow-darkened);
    box-shadow: var(--btn-inset-shadow);
}
.microwidget-btn.mini-button span{
    font-family: "Outfit";
    color: var(--gray-900);
    font-size: 20px;
    display: flex;
    align-content: center;
    align-items: center;
}
.microwidget-btn.mini-button::before,
.microwidget-btn.mini-button::after{
    display: none;
}
.microwidget-btn.mini-button span::after{
    content: "";
    position: relative;
    display: block;
    height: 14px;
    width: 14px;
    min-width: 14px;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
}
.microwidget-btn.mini-button:hover,
.microwidget-btn.mini-button:focus-visible{
     background-color: var(--sep-yellow);
    background: var(--sep-yellow);
    border-color: var(--yellow-200);
    box-shadow: var(--btn-glow);
    transform: scale(1.05);
}
.mobile-mini-widgets .microwidget-btn.mini-button span{
    font-size: var(--base-font)
}

/* ------ TOPBAR ------ */
.top-bar{
    flex-direction: column!important;
}
.top-bar > *{
    max-width: inherit!important;
    width: 100%!important;
}
.mini-widgets.right-widgets{
    display: none!important;
}
.top-bar .text-area,
.top-bar .text-area *{
    color: var(--gray-800)!important;
    font-size: calc(var(--base-font) * 0.88)!important;
}
.top-bar .text-area{
    display: inline-flex;
    margin: 0 auto!important;
}
.top-bar .text-area::before,
.top-bar .text-area::after{
    content: "+++";
}
.top-bar .text-area::before{
    padding-right: 5px;
}
.top-bar .text-area::after{
    padding-left: 5px;
}
.top-bar .text-area a::after{
    content: "";
    position: relative;
    display: block;
    height: 14px;
    width: 14px;
    min-width: 14px;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 5px;
}
.top-bar .text-area a{
    display: inline-flex;
    align-content: center;
    align-items: center;
    opacity: 1;
}
@media screen and (min-width: 779px) and (max-width: 992px) {
    .text-area.in-top-bar-left.hide-on-desktop.show-on-first-switch.hide-on-second-switch.display-none.first.last{
    display: inline-flex;
}
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TRUSTINDEX ELEMENTE */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ---- GOOGLE BADGE ---- */
.ti-widget[data-layout-category="badge"] .ti-widget-container{
    margin-bottom: 0!important;
}
html .ti-widget[data-layout-category="badge"][data-layout-id='11'][data-set-id='light-minimal']>.ti-widget-container>.ti-header{
    padding: 15px!important;
	border-radius: 15px!important;
    background-color: #fff!important;
     background: var(--white)!important;
    -moz-filter: var(--card-shadow);
    -webkit-filter: var(--card-shadow);
    filter: var(--card-shadow)!important;
}
.ti-widget[data-layout-category="badge"]{
    max-width: 220px!important;
}

/* ---- GOOGLE REVIEW SLIDER ---- */
html .ti-widget[data-layout-category="slider"] .ti-read-more .ti-read-more-active{
    color: var(--gray-800)!important;
    text-decoration: underline!important;
    opacity: 1!important;
}
html .ti-widget[data-layout-category="slider"] .ti-read-more:hover .ti-read-more-active{
    text-decoration: none!important;
}
html .ti-widget[data-layout-category="slider"] .ti-controls > *{
    outline: 1px solid var(--gray-800)!important;
}
html .ti-widget[data-layout-category="slider"][data-layout-id='4'][data-set-id='light-background'] .ti-controls > *:hover,
html .ti-widget[data-layout-category="slider"][data-layout-id='4'][data-set-id='light-background'] .ti-controls > *:focus-visible{
    background-color: var(--gray-800)!important;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER & BOTTOM-BAR */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
footer .wf-wrap {
    padding: 0 var(--full-width-padding) !important;
}
footer section.widget {
    margin: 0 !important;
}
footer section.widget > *,
footer section.widget > * > *{
    align-content: flex-start;
    align-items: flex-start;
    justify-content: space-between;
    grid-column-gap: 2rem;
    column-gap: 2rem;
    grid-row-gap: 2rem;
    row-gap: 2rem;
    flex-wrap: wrap;
}
footer .widget.widget_nav_menu {
    margin: 0;
    padding: 0;
}
footer .widget.widget_nav_menu li {
    border: 0;
    margin: 0;
    padding: 0;
}
footer .widget.widget_nav_menu ul li:not(:last-child) {
    margin-bottom: 5px !important;
}
footer .widget.widget_nav_menu li a {
    min-height: 24px;
    color: var(--gray-900);
    font-weight: 500;
}
footer strong{
    color: var(--gray-800);
}
footer .wf-container-footer {
    padding-top: var(--gap-s) !important;
    padding-bottom: 1rem!important;
}
footer * {
    font-size: 16px;
    line-height: 1.6;
}
footer .widget_nav_menu {}
#bottom-bar .wf-container-bottom {
    min-height: inherit!important;
    height: auto!important;
    padding-top: calc(var(--gap-xs) - 1rem);
    padding-bottom: var(--gap-xs);
}
#bottom-bar .wf-float-right {
    -ms-justify-content: flex-start;
    justify-content: flex-start;
}
#bottom-bar * {
    font-size: 14px;
}
@media only screen and (max-width: 778px){
    footer .wf-wrap{
        padding:0 20px!important;
    }
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* RECHTLICHES | DATENSCHUTZ | IMPRESSUM | BARRIEREFREIHEITSERKLÄRUNG */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#page:has(#rechtliches) #main{
    background-color: var(--gray-100);
}
#rechtliches .wpb_text_column p,
#rechtliches .wpb_text_column li{
    font-size: 16px;
}
#rechtliches h2, h3, h4{
    line-height: 1.2;
    font-weight: 600;
}
#rechtliches h2{
    font-size: clamp(calc(16px * 1.470), 4vw, calc(16px * 1.67));
    margin-top: 2.5rem;
}
#rechtliches h3{
    font-size: clamp(calc(16px * 1.3), 3.5vw, calc(16px * 1.39));
    margin-top: 2.0rem;
}
#rechtliches h4{
    font-size: clamp(calc(16px * 1.15), 3vw, calc(16px * 1.23));
    margin-top: 1.5rem;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* FIXED BUTTONS BOTTOM RIGHT */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* --- SCROLL-TOP --- */
.scroll-top{
    border: 1px solid var(--gray-800);
    border-radius: var(--regular-radius);
    background-color: var(--white);
    height: 40px;
    width: 40px;
	transition: ease 0.3s;
}
.scroll-top svg{
    display: none;
}
.scroll-top::before{
   content: "";
    position: relative;
    display: block;
    height: 21px;
    width: 21px;
    min-width: 21px;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(-90deg);
} 
.scroll-top:hover::before,
.scroll-top:focus-visible::before{
   filter: brightness(100);
}
.scroll-top:hover,
.scroll-top:focus-visible{
	background-color: var(--gray-800);
	transform: scale(1.08);
	border: 1px solid var(--white);
}

/* --- WHATSAPP-BUTTON --- */
.whatsapp-button{
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    justify-items: center;
    border: 1px solid var(--gray-800);
    border-radius: var(--regular-radius);
    background-color: var(--whatsapp-green);
    height: 40px;
    width: 40px;
    min-width: 40px;  
    position: fixed;
    right: 10px;
    bottom: 60px;
	transform: scale(1.05);
	transition: ease 0.3s;
	box-sizing: border-box;
}
.whatsapp-button::before{
   content: "";
    position: relative;
    display: block;
    height: 25px;
    width: 25px;
    min-width: 25px;
    min-height: 25px;
    background-image: url("https://solarenergieplus.innsiders.dev/wp-content/uploads/svgs/whatsapp.svg");
    background-size: contain;
    background-repeat: no-repeat;
} 
.whatsapp-button:hover::before,
.whatsapp-button:focus-visible::before{
   filter: brightness(100);
}
.whatsapp-button:hover,
.whatsapp-button:focus-visible{
   background-color: var(--gray-800);
    border-color: var(--white);
	transform: scale(1.08);
}

/* --- DIGIACCESS BUTTON --- */
button#dAopener{
    width: 40px!important;
    height: 40px!important;
    border-radius: var(--regular-radius)!important;
    background-color: var(--gray-800)!important;
    border: 1px solid var(--white)!important;
    position: fixed!important;
    right: 10px!important;
    bottom: 110px!important;
    box-shadow: none!important;
    filter: none!important;
    transition: ease 0.3s!important;
}
button#dAopener svg{
    width: 22px;
    overflow: visible;
    position: relative;
    left: 2px!important;
}
button#dAopener:hover,
button#dAopener:focus-visible{
 	transform: scale(1.08)!important;
    background-color: var(--white)!important;
	border: 1px solid var(--gray-800)!important;
}
button#dAopener:hover svg,
button#dAopener:focus-visible svg{
 	filter: brightness(0) saturate(100%) invert(12%) sepia(5%) saturate(401%) hue-rotate(202deg) brightness(101%) contrast(90%);
    filter: invert(100%);
}
html .da-opener-position-center,
html .da-opener-position-bottom{
    top: inherit!important;
	margin: inherit!important;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BARRIEREFREIHEIT / ACCESSIBILITY */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --- FOCUS / FOCUS-VISIBLE ----*/
html :focus-visible,
.link-card:focus-within,
.jobs-grid .vc_grid-item:focus-within{
    outline: 2px solid var(--gray-900)!important; 
    outline-offset: 3px!important;
    transition: ease 0.5s;
	animation: none!important;
	box-shadow: none!important;
}
html *:focus-visible,
html *:focus-within,
html *:focus,
html :focus-visible,
html :focus-within,
html :focus,
*:focus-visible,
*:focus-within,
*:focus,
:focus,
a:focus{
 	animation: none!important;
	box-shadow: none!important;
}

.cta-section.cta-dark .dt-btn:focus-visible,
#hero .dt-btn:focus-visible,
.gform_wrapper :not(button.button.gform_button_select_files):focus-visible,
html button.gform_delete_file:hover{
	outline: 2px solid var(--white)!important; 
}
button.videoToggle:focus-visible{
	box-shadow: 0 0 0 2px var(--white) !important;
}

/* --- ASSISTIVE TEXT / HILFSTEXT ---*/
.assistive-text {
    font-size: 14px;
    color: #000;
    background: #fff;    
}
/* --- TASTATUR NAVIGATION ----*/
/* --------------------------------------------- */
/* --- DIGIACCESS */
/* --------------------------------------------- */

/* da-skip-link */
.da-skip-link{
    background-color: #121212!important;
    background: #121212!important;
    background-image: none!important;
    color: #fff!important;
    border: 2px solid #fff!important; 
   box-sizing: border-box!important;
    opacity: 1!important;
    display: block!important;
    line-height: 1.1!important;
 }
.da-skip-link img{
   display: none!important;
    visibility: hidden!important;
}

/* --- OVERLAY --- */
html .da-switch.da-tool::before{
    border: 2px solid #fff!important;
    top: -2px!important;
    left: -2px!important;
}
html button#dAspeichern{
    color: var(--gray-900)!important;
    border: 2px solid #fff!important;
    font-weight: 600!important;
}
html button#dAspeichern:hover,
html button#dAspeichern:focus,
html button#dAspeichern:focus-visible,
html button#da-tool-reset:hover,
html button#da-tool-reset:focus,
html button#da-tool-reset:focus-visible{
    color: #fff!important;
    background-color: var(--midnight-1)!important;
}
html button#da-tool-reset{
    color: var(--gray-900)!important;
    border: 2px solid #fff!important;
    font-weight: 600!important;
}
html button#dAspeichern:focus,
html button#dAspeichern:focus-visible,
html button#da-tool-reset:focus,
html button#da-tool-reset:focus-visible{
    outline: 2px solid #fff!important;
}
/* --- Standard skip-link deaktivieren --- */
.skip-link{
	display: none;
	visibility: hidden;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SITEMAP */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.sitemap li{
    border:none!important;
    display: list-item;
}
.sitemap .widget ul{
   list-style-position: inside;
    list-style-image: initial;
    list-style-type: circle;
} 
.sitemap li a{
    text-decoration: underline;
	color: #000!important;
}
.sitemap li a:hover,
.sitemap li a:focus,
.sitemap li a:focus-visible{
    outline: 2px solid #000!important;
    outline-offset: 3px!important;
    color: #000!important;
}