/*
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
*/

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* FONTS */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('https://elektro-duschl.innsiders.dev/wp-content/themes/elektro-duschl-child/fonts/poppins-v22-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('https://elektro-duschl.innsiders.dev/wp-content/themes/elektro-duschl-child/fonts/poppins-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('https://elektro-duschl.innsiders.dev/wp-content/themes/elektro-duschl-child/fonts/poppins-v22-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('https://elektro-duschl.innsiders.dev/wp-content/themes/elektro-duschl-child/fonts/poppins-v22-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('https://elektro-duschl.innsiders.dev/wp-content/themes/elektro-duschl-child/fonts/poppins-v22-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('https://elektro-duschl.innsiders.dev/wp-content/themes/elektro-duschl-child/fonts/poppins-v22-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('https://elektro-duschl.innsiders.dev/wp-content/themes/elektro-duschl-child/fonts/poppins-v22-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*--------------------*/

/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('https://elektro-duschl.innsiders.dev/wp-content/themes/elektro-duschl-child/fonts/montserrat-v29-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('https://elektro-duschl.innsiders.dev/wp-content/themes/elektro-duschl-child/fonts/montserrat-v29-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('https://elektro-duschl.innsiders.dev/wp-content/themes/elektro-duschl-child/fonts/montserrat-v29-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('https://elektro-duschl.innsiders.dev/wp-content/themes/elektro-duschl-child/fonts/montserrat-v29-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('https://elektro-duschl.innsiders.dev/wp-content/themes/elektro-duschl-child/fonts/montserrat-v29-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('https://elektro-duschl.innsiders.dev/wp-content/themes/elektro-duschl-child/fonts/montserrat-v29-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('https://elektro-duschl.innsiders.dev/wp-content/themes/elektro-duschl-child/fonts/montserrat-v29-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BASICS / GENERAL / ALLGEMEIN */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

:root {
	--blau: #0B458C;
	--hell-blau: #0d52a5;
	--blau-weiss: #d0e3fb;
	--dunkel-blau: #002240;
	--gelb: #FECE13;
	--weiss: #fff;
	--schwarz: #222222;
	--filter-gelb: brightness(0) saturate(100%) invert(71%) sepia(95%) saturate(452%) hue-rotate(348deg) brightness(106%) contrast(99%);
	--filter-weiss: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(277deg) brightness(103%) contrast(103%);
	--filter-blau-weiss: brightness(0) saturate(100%) invert(87%) sepia(3%) saturate(2402%) hue-rotate(186deg) brightness(102%) contrast(97%);
	--filter-dunkel-blau: brightness(0) saturate(100%) invert(10%) sepia(47%) saturate(2973%) hue-rotate(189deg) brightness(93%) contrast(102%);
	--filter-blau: brightness(0) saturate(100%) invert(17%) sepia(96%) saturate(1593%) hue-rotate(200deg) brightness(96%) contrast(96%);
	
	--base-font: 1.0rem;
}
@media only screen and (max-width: 640px){
    :root {
        --base-font: 0.94rem;
} 	
}


/* ---- IMGS / PICS / BILDER ---- */
.pic-shadow img{
    -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16);
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.16);
}

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

/* ---- SECTIONS ----*/
section.vc_section{
	padding-top: 6rem;
    padding-bottom: 6rem; 
}
section.vc_section:not(.start-slider) > .vc_row:not(:first-child){
	margin-top: 3rem;
}
.vc_section.section-gray {
	 background-color: #f8f8f8;
}
@media only screen and (max-width: 767px){
	section.vc_section{
	padding-top: 3rem;
    padding-bottom: 3rem; 
}
section.vc_section:not(.start-slider) > .vc_row:not(:first-child){
	margin-top: 2rem;
}
}
/* --- .start-slider --- */

section.start-slider {
    position: relative;
    height: 100vh!important;
	padding-top: 0!important;
	padding-bottom: 0!important;
}
section.start-slider .vc_row:has(h1) {
    position: absolute;
    z-index: 2;
    display: flex;
    height: 100%;
    align-items: center;
}
section.start-slider .vc_row:has(.ult-carousel-wrapper)::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: var(--dunkel-blau);
    opacity: 0.75;
    display: block;
    left: 0;
    top: 0;
    z-index: 1;
}
section.start-slider .vc_row:has(.ult-carousel-wrapper) * {
    height: 100vh;
    bottom: 0!important;
}
section.start-slider .vc_row:has(.ult-carousel-wrapper) img {
    object-fit: cover!important;
}
section.start-slider .vc_row:has(.ult-carousel-wrapper) button {
    height: 25vh!important;
	transition-duration: 0.2s;
}
section.start-slider .slick-next,
section.start-slider .slick-prev {
    top: inherit!important;
}
section.start-slider .slick-next {
    margin-right: 42vw;
}
section.start-slider .slick-prev {
    margin-left: 42vw;
}
section.start-slider .slick-prev,
section.start-slider .slick-prev *,
section.start-slider .slick-next,
section.start-slider .slick-next * {
    z-index: 3!important;
}
section.start-slider .vc_row:has(.ult-carousel-wrapper) button:hover{
	color: var(--weiss)!important;
}
@media only screen and (max-width: 1024px) {
    section.start-slider .slick-next {
        margin-right: clamp(10px, 33vw, 400px);
    }
    section.start-slider .slick-prev {
        margin-left: clamp(10px, 33vw, 400px);
    }
    section.start-slider .vc_row:has(.ult-carousel-wrapper) button {
        height: 20vh!important;
    }
}

/* - .leistungen-section - */
.leistungen-section {
    background-color: var(--blau);
}
.leistungen-section h3 {
    margin-bottom: 0.7rem !important;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: var(--gelb);
}
.leistungen-section h3 a {
    transition-duration: 0.2s!important;
}
.leistungen-section h3 a:hover,
.leistungen-section .leistungen-box:focus-within a{
    color: var(--gelb)!important;
}
.leistungen-section .btn-primary{
	margin-top: 20px;
}
.leistungen-section .leistungen-box-row .wpb_wrapper:has(> .vc_row) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}
.leistungen-section .leistungen-box-row .vc_row {
    padding: 4rem 3rem;
    margin: 0 !important;
    background-color: var(--hell-blau);
}
.leistungen-section .leistungen-box-row .wpb_wrapper .vc_row img {
    object-fit: contain;
    max-width: 74px;
    max-height: 74px;
    filter:var(--filter-blau-weiss);
}
.leistungen-section .leistungen-box-row .wpb_wrapper .wpb_single_image {
    margin-bottom: 0;
}
.leistungen-section .leistungen-box-row .wpb_wrapper .vc_single_image-wrapper {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--hell-blau), var(--blau));
    padding: 2rem;
}
.leistungen-section .leistungen-box-row .wpb_wrapper .vc_row {
    display: flex;
    flex-direction: row;
}
.leistungen-section .leistungen-box-row .wpb_wrapper .vc_row > .wpb_column:has(.vc_single_image-wrapper) {
    width: auto;
    margin-right: 2rem;
}
.leistungen-section .leistungen-box-row .wpb_wrapper .vc_row > .wpb_column:has(p) {
    width: 100%;
}
.leistungen-section .leistungen-box-row .vc_column-inner {
    padding: 0;
}

@media only screen and (max-width: 1200px) {
    .leistungen-section .leistungen-box-row .wpb_wrapper .vc_row {
        flex-direction: column;
    }
    .leistungen-section h3 {
        margin-top: 2rem !important;
    }
    .leistungen-section .leistungen-box-row .vc_row {
        padding: 3.5rem 2.5rem;
    }
    .leistungen-section .leistungen-box-row .wpb_wrapper .vc_row > .wpb_column:has(.vc_single_image-wrapper) {
        width: 100%;
        margin-right: 0;
    }
    .leistungen-section .leistungen-box-row .wpb_wrapper .vc_row > .wpb_column:has(p) {
        width: 100%;
    }
}
@media only screen and (max-width: 880px) {
    .leistungen-section .leistungen-box-row .wpb_wrapper:has(> .vc_row) {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .leistungen-section h3 {
        margin-top: 2rem !important;
    }
    .leistungen-section .leistungen-box-row .vc_row {
        padding: 2.5rem;
    }
}
@media only screen and (max-width: 778px) {
    .leistungen-section {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}
/* ---------------------- */
.leistungen-section h3 a:hover,
.leistungen-section .leistungen-box:focus-within a{
    color: var(--gelb)!important;
}

.leistungen-box .vc_col-sm-12:has(a){
    position: static;
}
.leistungen-box{
    position: relative;
    transition-duration: 0.2s;
}
.leistungen-box a::before{
    content:"";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: transparent;
}

.leistungen-box:hover,
.leistungen-section .leistungen-box:focus-within{
    transform: translatey(-10px);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
}

.leistungen-box .vc_single_image-wrapper,
.leistungen-box img{
    transition-duration: 0.2s!important;
}

.leistungen-box:hover .vc_single_image-wrapper,
.leistungen-box:focus-within .vc_single_image-wrapper {
    background: linear-gradient(135deg, #FBB231, var(--gelb))!important;
}

.leistungen-box:hover img,
.leistungen-box:focus-within img {
    filter: var(--filter-blau)!important;
}

/* -- Leistungen Box Small -- */
.leistungen-section-small{
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.leistungen-section-small .wpb_wrapper:has(> .ult-content-box-container) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    gap: 2rem;
}
.leistungen-section-small .ult-content-box-container {
    background-color: var(--blau)!important;
    display: flex;
    transition-duration: 0.2s;
}
.leistungen-section-small .ult-content-box-container a{
    height: 100%!important;
    width: 100%!important;
}
.leistungen-section-small .ult-content-box h3 {
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: var(--gelb);
    text-align: center;
    margin-bottom: 2rem!important;
    padding-left: 2rem;
    padding-right: 2rem;
}
.leistungen-section-small .ult-content-box-container p{
    color: var(--blau-weiss);
}
.leistungen-section-small .ult-content-box-container img{
    object-fit: contain;
    max-width: 74px;
    max-height: 74px;
    filter:var(--filter-blau-weiss);
}
.leistungen-section-small .ult-content-box-container .vc_single_image-wrapper{
    width: 74px;
    height: 74px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.leistungen-section-small .ult-content-box-container figure{
    background: linear-gradient(135deg, var(--hell-blau), var(--blau));
    padding: 2rem;
}
.leistungen-section-small .ult-content-box-container:hover,
.leistungen-section-small .ult-content-box-container:focus-within{
    transform: translatey(-10px);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
}
.leistungen-section-small .ult-content-box-container:hover h3,
.leistungen-section-small .ult-content-box-container:focus-within h3{
    color: var(--gelb);
}
.leistungen-section-small .ult-content-box-container:hover img,
.leistungen-section-small .ult-content-box-container:focus-within img {
    filter: var(--filter-blau);
}
.leistungen-section-small .ult-content-box-container:hover figure,
.leistungen-section-small .ult-content-box-container:focus-within figure {
    background: linear-gradient(135deg, #FBB231, var(--gelb));
}


/*-- text pic row --*/
@media only screen and (max-width: 1545px){
    .text-pic-row .pic-col{
    width: 33.33%;
}
     .text-pic-row .text-col{
    width: 66.66%;
}
}
@media only screen and (max-width: 1100px){
    .text-pic-row .pic-col,
    .text-pic-row .text-col{
    width: 100%!important;
}   
}

/*-- text pic column --*/	
@media only screen and (max-width: 1100px){
.column-reverse {
	margin-top: 2rem;
	margin-bottom: 2rem;
}	
}
@media only screen and (max-width: 767px){
    .vc_section.column-reverse > .vc_row {
    flex-direction: column-reverse;
}
}
@media only screen and (max-width: 1100px){
    .text-pic-section .vc_column-inner{
    margin-top: 0rem;
    margin-bottom: 0rem;
}
    .text-pic-section .text-col{
    margin-top: 0rem;
    margin-bottom: 2rem;
}
    .text-pic-section .pic-col{
    margin-top: 2rem;
    margin-bottom: 0rem;
}
}
.text-pic-section h1,h2{
    margin-bottom: 20px!important;
}
.text-pic-section .btn-primary{
    margin-top: 20px!important;
}
.pic-col.wpb_column.vc_column_container {
    padding-bottom: 0!important;
    padding-top: 0rem;
}
/*-- Picture decoration-*/
.pic-after .vc_single_image-wrapper{
    position: relative;
}
.pic-after .vc_single_image-wrapper::after{
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: -0.8vw;
    right: -0.8vw;
    background-color: var(--gelb);
    z-index: -1; 
}
.pic-after-left .vc_single_image-wrapper{
    position: relative;
}
.pic-after-left .vc_single_image-wrapper::after{
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0.8vw;
    right: 0.8vw;
    background-color: var(--gelb);
    z-index: -1; 
}

/*-- Referenzen Section --*/
.referenzen-section.vc_section{
    background-color: var(--blau);
}

.referenzen-section .dt-btn{
    margin-top: 30px;
}
.referenzen-section h1,h2{
    margin-bottom: 30px!important;
}

.project-content{
    margin-bottom: 0px!important;
}

/* -- nav-links --*/
.nav-links{
    display: none!important;
}

/*--- subfooter ---*/
.subfooter.vc_section .btn-primary{
	margin-top: 20px;
}
.subfooter.blau.vc_section{
	background-color: var(--blau);
}
.subfooter.blau.vc_section .btn-primary{
	margin-top: 20px;
}


/* ------ REFERENZEN / PORTFOLIO ------ */
#ref-section .headline-xl-schwarz{
    position: relative;
    margin-bottom: 2.5rem;
}
#ref-section .headline-xl-schwarz::before{
    content: "";
    width: 44px;
    height: 5px;
    background-image: url(https://elektro-duschl.innsiders.dev/wp-content/uploads/svg/slide.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    z-index: 0;
    top: 25px;
    left: -53px;
}
#ref-section .ult-sticky-anchor{
    z-index: 1!important;
}
#ref-section .wpb_single_image{
    margin-bottom: 0;
}
#ref-section .vc_row.wpb_row{
    padding-top: 2.5rem;
}
#ref-section .vc_row.wpb_row .vc_col-sm-6:first-child{
        margin-top: -2.5rem;
    }
@media only screen and (max-width: 767px){
    #ref-section .vc_row.wpb_row{
        display: flex;
        flex-direction: column-reverse;
         padding-top: 0rem;
    }
    #ref-section .vc_row.wpb_row .vc_col-sm-6:first-child{
        margin-top: 2.5rem;
    }
}

/* ----- JOBS-BLOG & ----- */
/* ----- TEAM ----- */
.jobs-blog{
	padding-top: 0!important;
	padding-bottom: 4rem!important;
}
.jobs-blog .blog-shortcode article{
    flex-direction: row!important;
    background-color: var(--blau)!important;
}
.jobs-blog .blog-shortcode .dt-css-grid article {
    box-shadow: 0px 5px 20px rgba(60, 60, 59, 0.24)!important;
}
.jobs-blog .blog-shortcode .post-entry-content{
    padding: 3rem 2rem!important;
    height: auto!important;
    display: flex;
    flex-direction: column;
	width: 100%!important;
    color: var(--blau-weiss);
}
.jobs-blog .blog-shortcode .entry-title{
    margin-bottom: 0.7rem !important;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: var(--gelb);
}
.jobs-blog .blog-shortcode .dt-css-grid,
.team .dt-css-grid{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr))!important;
    gap: 3rem!important;
}
@media only screen and (max-width: 1270px){
    .jobs-blog .blog-shortcode .dt-css-grid,
	.team .dt-css-grid{
		grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr))!important;
    }
}
.jobs-blog .blog-shortcode .post-details.details-type-link:hover{
    color: var(--gelb);
}
.jobs-blog .blog-shortcode .post-details.details-type-link:after{
    display: none;
}

/* ------ ZERTIFIKATE ------ */
.vc_section.zertifikat-section{
    padding-top: 0;
}
.vc_section.zertifikat-section .toptitle{
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.vc_section .zertifikate-row::before,
.vc_section .zertifikate-row::after{
    display:none;
}
.vc_section .zertifikate-row .vc_col-sm-4{
    width: 100%;
}
.vc_section .zertifikate-row{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr));
    gap: 8rem;
}
@media only screen and (max-width: 1375px){
    .vc_section .zertifikate-row{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    gap: 4rem;
}
    .vc_section.zertifikat-section .toptitle{
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}
}
@media only screen and (max-width: 700px){
    .vc_section .zertifikate-row{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
    gap: 2rem;
}
    .vc_section.zertifikat-section .toptitle{
    margin-top: 0;
    margin-bottom: 0.5rem;
}
}

/* ------ FORMULARE ------ */
.vc_section.formular-section{
    padding-top: 4rem;
    max-width: 1000px;
    justify-content: center!important;
    align-items: center!important;
    align-content: center!important;
}
@media only screen and (max-width: 700px){
	.vc_section.formular-section{
		padding-top: 2rem;
	}
}
.vc_section.formular-section .gfield_required.gfield_required_text{
    color: var(--schwarz)!important;
    font-weight: 600;
}
.vc_section.formular-section .gform_button{
    padding: 1rem 2rem!important;
    font-size: 16px!important;
    font-weight: 600!important;
    color: var(--blau)!important;
	border: 1px solid;
	border-color: var(--gelb);
    /* Standard-Textfarbe */
    background-color: var(--gelb)!important;
    /* Standard-Hintergrundfarbe */
}
.vc_section.formular-section .gform_button:hover{
    background-color: var(--blau)!important;
    color: var(--weiss)!important;
    border-color: var(--weiss)!important;
}
/*--- Bewerbungformular ---*/
.vc_section.formular-section  .gform_button_select_files {
    padding: 0.5rem 1rem!important;
    font-size: 12px!important;
    font-weight: 600!important;
    color: var(--blau)!important;
	border: 1px solid;
	border-color: var(--gelb);
    /* Standard-Textfarbe */
    background-color: var(--gelb)!important;
    /* Standard-Hintergrundfarbe */
}
.vc_section.formular-section  .gform_button_select_files:hover {
    background-color: var(--blau)!important;
    color: var(--weiss)!important;
    border-color: var(--weiss)!important;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wpb_text_column{
	font-size: 16px;
    margin-bottom: 0;
	color: var(--schwarz);
}
.wpb_text_column p,
.wpb_text_column li{
    font-family: "Montserrat";
    font-weight: 400;
    font-size: var(--base-font);
}
.wpb_text_column p,
.wpb_text_column li{
    line-height: 1.45;
}
.wpb_text_column ul{
    list-style-type: square;
}
.wpb_text_column strong{
    font-weight: 700;
}
.wpb_text_column p a{
    color: var(--black);
	text-decoration: underline;
}
.wpb_text_column p a:hover{
    color: #555555;
}
.wpb_text_column.introduction-text {
    margin-top: 1.5rem;
	margin-left: 30px;
    position: relative;
}
.wpb_text_column.introduction-text *{
    font-family: "Montserrat";
    font-weight: 400;
    line-height: 1.1em;
    color: var(--weiss);
	font-size: calc(var(--base-font) * 2.5);
	max-width: 600px;
}
.wpb_text_column.introduction-text::before{
    content: "";
    height: 100%;
    width: 5px;
    background: linear-gradient(#FBB231, var(--gelb))!important;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    display: inline-block;
    z-index: 0;
	margin-left: -30px;
}
.wpb_text_column li::marker{
    color: var(--gelb);
}
.wpb_text_column ul{
    list-style-type: square;
}

/* ----- HEADLINES ----- */
.wpb_text_column.headline *{
    font-family: "Poppins";
    font-weight: 700;
    color: var(--schwarz);
    line-height: 1.1;
    letter-spacing: 0.5px!important;
}
.wpb_text_column.headline-xl * {
    /*font-size: clamp(calc(var(--base-font) * 3.0), 5.5vw, calc(var(--base-font) * 2.94));*/
	font-size: calc(var(--base-font) * 3.35);
}
.wpb_text_column.headline-xl.dif * {
    /*font-size: clamp(calc(var(--base-font) * 3.0), 5.5vw, calc(var(--base-font) * 2.94));*/
	font-size: calc(var(--base-font) * 2.5);
}
.wpb_text_column.headline-l * {
   /*font-size: clamp(calc(var(--base-font) * 2.5), 4.5vw, calc(var(--base-font) * 2.058));*/
	font-size: calc(var(--base-font) * 2.5);
}
.wpb_text_column.headline-m * {
   /*font-size: clamp(calc(var(--base-font) * 2.06), 4vw, calc(var(--base-font) * 1.7647));*/
	font-size: calc(var(--base-font) * 2.06);
}
.wpb_text_column.headline-s *{
   /*font-size: clamp(calc(var(--base-font) * 1.68), 3.5vw, calc(var(--base-font) * 1.470));*/
	font-size: calc(var(--base-font) * 1.68);
}
.wpb_text_column.headline-xs *{
   /*font-size: clamp(calc(var(--base-font) * 1.43), 3vw, calc(var(--base-font) * 1.176));*/
	font-size:calc(var(--base-font) * 1.43);
}
/* ----- TOPTITLE ----- */
.toptitle{
	font-size: calc(var(--base-font));
    color: var(--schwarz);
}
.toptitle-weiss{
    color: var(--weiss);
}
.toptitle p::before,
.toptitle-weiss p::before{
    content: "";
    width: 44px;
    height:5px;
    background-image: url(https://elektro-duschl.innsiders.dev/wp-content/uploads/svg/slide.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    z-index: 0;
    margin: 3px 15px 3px 0px;
}
 /* --- Typo Color --- */
.wpb_text_column.typo-blau *{
	color: var(--blau);
}
.wpb_text_column.typo-gelb *{
	color: var(--gelb);
}
.wpb_text_column.typo-weiss *{
	color: var(--weiss);
}
.wpb_text_column.typo-blau-weiss *{
	color: var(--blau-weiss);
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BUTTONS */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.btn-primary {
    position: relative;
    display: inline-block;
    padding: 1rem 2rem;
    font-size: 16px;
    font-weight: 600!important;
    color: var(--blau);
	border: 1px solid;
	border-color: var(--gelb);
    /* Standard-Textfarbe */
    background-color: var(--gelb)!important;
    /* Standard-Hintergrundfarbe */
    text-decoration: none;
    overflow: hidden;
    /*transition: color 0.45s ease-in-out;*/
}
.btn-primary:hover {
    background-color: var(--gelb)!important;;
    border-color: var(--weiss)!important;
}
.btn-primary::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10%;
    width: 0;
    /* Startgröße des Kreises */
    height: 0;
    /* Gleiche Höhe für perfekte Rundung */
    background-color: var(--blau);
    /* Neue Hintergrundfarbe beim Hover */
    border-radius: 50%;
    transform: translate(-10%, -50%);
    transition: transform 0.45s ease-in-out, width 0.45s ease-in-out, height 0.45s ease-in-out;
    z-index: 0;
}
.btn-primary span {
    position: relative;
    z-index: 1;
    display: inline-block;
    transition: color 0.45s ease-in-out;
}
.btn-primary:hover::before {
    width: 300px;
    /* Groß genug, um den Button komplett zu überdecken */
    height: 300px;
    /* Gleiche Höhe für runde Form */
}
.btn-primary:hover span {
    color: #fff!important;
    /* Neue Textfarbe beim Hover */
}
/*.btn-primary-border{
}
.btn-primary-border:hover{
	border: 1px solid var(--white);
}
*/
/*----------------- 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){
    position: relative;
    overflow: hidden;
    height: 3rem;
    padding: 0 2rem;
    border-radius: 1.5rem;
    background: var(--gelb);
    background-size: 400%;
    color: var(--blau);
    font-size: var(--base-font);
    border: none;
    cursor: pointer;
}*/
/* Button scale */
/*.btn-primary:hover::before {
    transform: scaleX(1)!important;
}*/
/* Button before */
/*.dt-btn::before,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style)::before{
   	content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    width: 100%;
    height: inherit;
    border-radius: inherit;
    background-color: var(--blau);
    transition: all 0.475s;
}
/* 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{
    background-color: var(--name-variable-farbe-2);
}*/

/* Button hover Text */
/*.dt-btn:hover,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):hover {
	color: var(--gelb)!important;
}*/

/*----------------- Primary Button ------------------------*/
.dt-btn.btn-primary{
    
}
.dt-btn.btn-primary span{
    
}

/*--- Secondary Button ---*/
.dt-btn.btn-secondary,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary{
    background-color: transparent;
    border: 2px solid var(--name-variable-farbe-1);
}
.dt-btn.btn-secondary span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary span{
   color: var(--name-variable-farbe-1)!important;
}
.dt-btn.btn-secondary:hover,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style).dt-btn.btn-secondary:hover{
    border: 2px solid var(--name-variable-farbe-2);
}
.dt-btn.btn-secondary: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-secondary:hover span{
   color: var(--name-variable-farbe-2)!important;
}

/*--- 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: transparent;
    padding: 0 0;
    box-shadow: none;
    color: var(--name-variable-farbe-1)!important;
}
.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{
   color: var(--name-variable-farbe-1)!important;
}
.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: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{
   color: var(--name-variable-farbe-2)!important;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SEITENTITEL / PAGETITLE */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER & MENÜ */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.header-bar ul {
    gap: 25px;
}
.header-bar ul a {
    margin: 0!important;
}
.header-bar img {
    width: 130px;
    aspect-ratio: auto 270 / 150;
}
.header-bar .sticky-logo{
    width: 90px;
}
.header-bar .menu-text {
    font-size: 18px!important;
}

/* ------ MAIN MENU ------ */

/* ------ MOBILE HEADER BAR ------*/
.mobile-header-bar .mobile-logo{
    width: 110px;
}
.mobile-header-bar .preload-me{
    width: 110px;
}
@media only screen and (max-width:700px){
    .mobile-header-bar .mobile-logo,
    .mobile-header-bar .preload-me{
         width: 60px;
    }
}
/* ------ MOBILE MENU ------*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
footer .wf-container::before,
footer .wf-container::after{
    display: none;
}
footer .wf-container{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr))!important;
    gap: 2rem;
}
@media only screen and (max-width:778px){
    footer .wf-container{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr))!important;
    gap: 1rem;
}
}
footer .wf-container{
    margin: 0 0!important;
}
footer .wf-container .wp-block-group p,
footer .menu-footer-container{
    font-family: Poppins;
    font-size: 14px;
}
footer .wf-container .wp-block-group p:first-child{
    font-family: Poppins;
    font-size: 20px;
    font-weight: 600;
}
footer .wf-container .wp-block-group p:first-child::before{
    content: "";
    height: 18px;
    min-width: 5px;
    width: 5px;
    background: linear-gradient(#FBB231, var(--gelb))!important;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    z-index: 0;
    margin-right: 5px;
}
footer .wf-container .wp-block-group .wp-block-social-links{
    gap: 0.5rem!important;
}
footer .wf-container .wp-block-group .wp-block-social-links a{
    background-color: var(--blau);
    padding: 0;
}
footer .wf-container .wp-block-group .wp-block-social-links svg{
    width: 37px;
    height: 37px;
}
footer #block-11,
footer #block-12,
footer #block-13,
footer #block-14,
footer .wp-block-group .widget.widget_nav_menu,
footer .wp-block-group .widget.widget_nav_menu .menu-item-575{
    padding: 0;
    margin: 0;
}
footer .wp-block-group .widget.widget_nav_menu.widget .menu li{
    border: none;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BARRIEREFREIHEIT / ACCESSIBILITY */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
:focus-visible{
    outline: 2px solid red!important; 
    outline-offset: 3px!important;
    transition: ease 0.5s;
}

/* --- TASTATUR NAVIGATION ----*/

/* --- POJO TOOLBAR OVERLAY ----*/




/*---*/