/*
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 */
/*-------------------------------------------------------------------------------*/
/* 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://mobility-film.innsiders.dev/wp-content/themes/mobility-film-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://mobility-film.innsiders.dev/wp-content/themes/mobility-film-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://mobility-film.innsiders.dev/wp-content/themes/mobility-film-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://mobility-film.innsiders.dev/wp-content/themes/mobility-film-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://mobility-film.innsiders.dev/wp-content/themes/mobility-film-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://mobility-film.innsiders.dev/wp-content/themes/mobility-film-child/fonts/montserrat-v29-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BASICS / GENERAL / ALLGEMEIN */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

:root {
	--green: #258C78;
	--green-0: #D3F3ED;
	--green-10: #A7E8DB;
	--green-20: #7BDCC9;
	--green-30: #4FD1B8;
	--green-40: #31B89E;
	--green-50: #258C78; /*-- main-color--*/
	--green-60: #1E7060; /* AB HIER BARRIEFREI BEI WEISSEN HINTERGRUND */
	--green-70: #165448;
	--green-80: #0F3830;
	--green-90: #071C18;
	
	--yellow: #777A41;
	--yellow-0: #EBECDC;
	--yellow-10: #D8DAB9;
	--yellow-20: #C4C796;
	--yellow-30: #B1B473;
	--yellow-40: #999D54;
	--yellow-50: #777A41; /*-- main-color--*/ /* AB HIER BARRIEFREI BEI WEISSEN HINTERGRUND */
	--yellow-60: #5F6234;
	--yellow-70: #474927;
	--yellow-80: #30311A;
	--yellow-90: #18180D;
	
	--black: #222222;
	--white: #FFFFFF;
	--gray-0: #DADADA;
	--gray-10: #D6D6D6;
	--gray-20: #C2C2C2;
	--gray-30: #ADADAD;
	--gray-40: #999999;
	--gray-50: #858585;
	--gray-60: #707070;
	--gray-70: #5C5C5C;
	--gray-80: #474747;
	--gray-90: #333333;
	
	--filter-white: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(112deg) brightness(108%) contrast(102%);
	
	--base-font: 1.1rem;
	--headline-font: 1.1rem;
}
@media only screen and (max-width: 640px){
    :root {
        --base-font: 1rem;
		--headline-font: 1rem;
} 	
}
.p-highlight {
    max-width: 990px;
    margin: 0 auto;
}
.p-highlight p {
    text-align: center;
    font-weight: 500!important;
    font-size: calc(1.063 * var(--base-font))!important;
}
.padding-top-bottom {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.padding-top {
    padding-top: 4rem;
}
.padding-bottom {
    padding-bottom: 4rem;
}
div + style + .dt-btn {
    margin-top: 2rem;
}
.wpb_single_image {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
	.padding-top-bottom {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
	.padding-top {
    padding-top: 3rem;
}
.padding-bottom {
    padding-bottom: 3rem;
}
}

.width-990 {
	max-width: 990px!important;
	margin: 0 auto!important;
}
.width-1200 {
	max-width: 1200px!important;
	margin: 0 auto!important;
}

@keyframes animdown {
    0% {
        transform: translatex(-50%) translatey(0px);
    }
    50% {
        transform: translatex(-50%) translatey(15px);
    }
    100% {
        transform: translatex(-50%) translatey(0px);
    }
}
@media only screen and (max-width: 778px) {
	@keyframes animdown {
    0% {
        transform: translatex(-50%) translatey(0px);
    }
    50% {
        transform: translatex(-50%) translatey(10px);
    }
    100% {
        transform: translatex(-50%) translatey(0px);
    }
}
}

html {
    scroll-behavior: smooth;
}

.anchor {
position: absolute;
margin-top: -75px;
}

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

/* ---- SECTIONS ----*/
/*-- main slideshow -- */
#main-slideshow,
#main-slideshow sr7-module,
#main-slideshow sr7-adjuster,
#main-slideshow sr7-adjuster,
#main-slideshow sr7-slide,
#main-slideshow sr7-mask,
#main-slideshow sr7-mask * {
    height: 100vh!important;
    object-fit: cover!important;
}
#main-slideshow sr7-img,
#main-slideshow h1,
#main-slideshow sr7-btn,
#main-slideshow sr7-txt:has(.dt-btn) {
    top: inherit!important;
    left: inherit!important;
    transform-origin: inherit!important;
    transform: inherit!important;
    position: relative !important;
}
#main-slideshow h1,
#main-slideshow sr7-btn,
#main-slideshow sr7-txt:has(.dt-btn){
    max-width: 85%!important;
}
@media only screen and (max-width: 1024px) {
	#main-slideshow h1 {
	width: 100%!important;
	max-width: 85%!important;
}
}
#main-slideshow sr7-btn {
    font-size: calc(1.063 * var(--base-font))!important;
    white-space: normal!important;
}
#main-slideshow sr7-slide {
    display: flex!important;
    overflow: visible;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    gap: 3rem;
}
#main-slideshow sr7-mask {
    position: absolute!important;
}
#main-slideshow sr7-mask::before {
    content: "";
    height: 100vh!important;
    width: 100%!important;
    z-index: 4!important;
    position: absolute;
    top: 0!important;
    left: 0!important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 10px solid #fff;
}

#main-slideshow .arrow-link {
    position: absolute;
    width: 2rem;
    height: 1.2rem;
    background-image: url("https://mobility-film.innsiders.dev/wp-content/uploads/svgs/arrow.svg");
    background-repeat: no-repeat;
    bottom: 7rem;
    animation-name: animdown !important;
    animation-duration: 2s !important;
    animation-iteration-count: infinite !important;
    animation-delay: 0s !important;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
#main-slideshow sr7-txt:has(.arrow-link) {
    position: absolute!important;
    bottom: 0!important;
    left: 50%!important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
@media only screen and (max-width: 1024px) {
    #main-slideshow,
    #main-slideshow sr7-module,
    #main-slideshow sr7-adjuster,
    #main-slideshow sr7-adjuster,
    #main-slideshow sr7-slide,
    #main-slideshow sr7-mask,
    #main-slideshow sr7-mask * {
        height: 100vh!important;
    }
    #main-slideshow sr7-mask::before {
        height: 100vh!important;
    }
    #main-slideshow sr7-slide {
        gap: 2rem;
    }
	#main-slideshow .arrow-link {
        bottom: 5rem;
    }
}
@media only screen and (max-width: 778px) {
	#main-slideshow .headline-l,
	#main-slideshow .headline-l *{
		font-size: calc(1.8 * var(--headline-font))!important;
    	line-height: calc(2.3 * var(--headline-font))!important;
	}
}
/*@media only screen and (max-width: 640px) {
	#main-slideshow .arrow-link {
        bottom: 2.1rem;
    }
}*/
section.vc_section.content_rows{
    padding: 3rem 0;
}
section.vc_section.section-gray{
    background-color: #d5d5d5;
}

/*-- footer --*/
#footer .wf-float-right {
    justify-content: center!important;
}
#footer .wf-container-footer {
    padding-bottom: 50px !important;
}
#footer .wf-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1520px;
    margin: 0 auto !important;
}
#footer .widget_block {
    padding: 0;
    margin: 0;
}
#footer .widget_block:has(img),
#footer .widget_block:has(img) * {
    justify-content: center;
    align-content: center;
    align-items: center;
    display: flex;
    margin: 0;
    padding: 0;
}
#footer p {
    margin-bottom: 0;
}
#footer strong {
    font-weight: 500;
}
#footer .widget:has(img) img {
    max-width: 75%;
}
#footer .widget:has(p) {
    display: flex!important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
#footer .widget:has(p) p + p {
    margin-left: 2rem;
}
#footer.solid-bg {
    position: relative;
}
#footer.solid-bg::before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--green-60);
    clip-path: polygon(52% 0, 100% 0, 100% 100%, 48% 100%);
    z-index: -1;
    position: absolute;
}

@media only screen and (max-width: 1100px) {
    #footer .widget + .widget {
        margin-top: 3rem;
    }
    #footer.solid-bg::before {
        clip-path: polygon(100% 0%, 100% 0, 100% 100%, 0 100%, 0 0%);
    }
    #footer .widget:has(img) img {
        filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(341deg) brightness(101%) contrast(103%);
    }
}

@media only screen and (max-width: 600px) {
    #footer .widget:has(p) {
        flex-direction: column;
    }
    #footer .widget:has(p) p + p {
        margin-left: 0;
        margin-top: 2rem;
    }
}
#bottom-bar::before {
    content: "";
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    transform: translatey(-2px);
}
/* - page-headline-section - */
.page-headline-section {
    border: 10px solid var(--white);
}
.page-headline-section img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: -1;
    filter:grayscale(100%);
    opacity: 0.25;
    border-radius: 10px;
}
.page-headline-section .vc_single_image-wrapper::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background: linear-gradient(90deg, var(--green-60), var(--yellow-60));
    opacity: 1;
    display: block;
    left: 0;
    top: 0;
    z-index: -2;
    border-radius: 10px;
}
.page-headline-section h1,
.page-headline-section .breadcrumbs li,
.page-headline-section .breadcrumbs li span {
    color: var(--white)!important;
}
.page-headline-section h1 {
    padding-right: 20px;
    padding-left: 20px;
}
.page-headline-section .wpb_single_image {
    height: 0;
	padding: 0;
	margin: 0;
}
.page-headline-section .vc_column-inner > .wpb_wrapper > div.wpb_text_column:has(h1) {
    margin-top: calc(6.5 * var(--base-font)) !important;
}
.page-headline-section .vc_column-inner > .wpb_wrapper > div.dt-breadcrumbs-shortcode {
    margin-bottom: calc(6.5 * var(--base-font)) !important;
}
.page-headline-section .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}
/*-- team -- */
.team-section .team-author {
    padding: 1.5rem;
}
.team-section .team-content {
    margin: 0 !important;
}
.team-section .team-author >:last-child {
    margin-bottom: 0 !important;
}
.team-section .team-container .team-media,
.team-section .team-container .team-media * {
    border-radius: 10px!important;
}
.team-section .team-container .team-media::before {
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 30%);
    z-index: 0;
    position: absolute;
    border-radius: 10px;
}
.team-section .team-container .team-desc {
    position: absolute;
    width: 100%;
    height: 100%;
    justify-content: flex-end;
}
.team-section .team-container .team-desc .team-author * {
    color: var(--white)!important;
}
.team-section .team-container .team-desc .team-author .team-author-name {
    font-family: "Montserrat"!important;
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin-bottom: 0.45rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}
.team-section .team-container .team-desc .team-author p {
    font-weight: 400;
    font-family: "Montserrat"!important;
	letter-spacing: 1px;
}

/* -- ablauf section -- */
.ablauf-section {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.ablauf-section .ablauf-row {
    border: 2px solid var(--green-60);
    border-radius: 1rem;
    overflow: hidden;
    max-width: 990px;
    margin: 0 auto 0 0 !important;
    display: flex;
}
.ablauf-section .ablauf-row-reverse {
    border: 2px solid var(--yellow-50);
    border-radius: 1rem;
    overflow: hidden;
    max-width: 990px;
    margin: 0 0 0 auto !important;
    display: flex;
}
.ablauf-section .ablauf-img-column,
.ablauf-section .ablauf-img-column * {
    object-fit: cover!important;
}
.ablauf-section .ablauf-img-column .vc_column-inner {
    padding: 0;
}
.ablauf-section .ablauf-text-column .vc_column-inner {
    padding: 2.5rem;
}
.ablauf-section .ablauf-row + .ablauf-row-reverse,
.ablauf-section .ablauf-row-reverse + .ablauf-row {
    margin-top: 3rem !important;
}/*
.ablauf-section .ablauf-img-column .wpb_single_image:nth-of-type(1) img {
    filter:grayscale(100%);
    opacity: 0.25;
}

.ablauf-section .ablauf-row .ablauf-img-column .wpb_single_image:nth-of-type(1)::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: var(--green-60);
    opacity: 1;
    display: block;
    left: 0;
    top: 0;
    z-index: -1;
}
.ablauf-section .ablauf-row-reverse .ablauf-img-column .wpb_single_image:nth-of-type(1)::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: var(--yellow-50);
    opacity: 1;
    display: block;
    left: 0;
    top: 0;
    z-index: -1;
}
.ablauf-section .ablauf-img-column .wpb_single_image + .wpb_single_image {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    max-height: 100%;
    width: 100%;
    opacity: 0.2;
    z-index: 1;
}*/
.ablauf-section .ablauf-img-column .wpb_single_image {
    margin-bottom: 0 !important;
}
.ablauf-section .ablauf-img-column .wpb_single_image + .wpb_single_image *,
.ablauf-section .ablauf-img-column .wpb_single_image {
    display: flex;
    width: auto;
    justify-content: center;
}
.ablauf-section .ablauf-img-column .wpb_single_image + .wpb_single_image .vc_single_image-wrapper {
    justify-content: center;
}
.ablauf-section .ablauf-row::before,
.ablauf-section .ablauf-row::after,
.ablauf-section .ablauf-row-reverse::before,
.ablauf-section .ablauf-row-reverse::after {
    display: none;
}

.ablauf-section .ablauf-row > *,
.ablauf-section .ablauf-row-reverse > * {
    display: flex;
}
.ablauf-section .ablauf-row > * > *,
.ablauf-section .ablauf-row-reverse > * > *,
.ablauf-section .ablauf-img-column .wpb_single_image {
    height: 100%;
}
.ablauf-section .ablauf-img-column .vc_column-inner > .wpb_wrapper,
.ablauf-section .ablauf-img-column .vc_column-inner .wpb_single_image:first-child > .wpb_wrapper * {
    height: 100%;
}
.ablauf-text-column .vc_column-inner,
.ablauf-text-column .vc_column-inner > .wpb_wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.ablauf-img-column{
    display: flex!important;
}
.ablauf-img-column *{
    display: inherit!important;
    height: 100%!important;
    width: 100%!important;
}
.ablauf-img-column img{
    object-fit: cover!important;
}
.ablauf-section .ablauf-img-column .wpb_single_image + .wpb_single_image img{
    object-fit: contain!important;
}
@media only screen and (max-width: 600px) {
    .ablauf-section .ablauf-row {
        flex-direction: column-reverse;
    }
    .ablauf-section .ablauf-row-reverse {
        flex-direction: column;
    }
    .ablauf-section .ablauf-row + .ablauf-row-reverse,
    .ablauf-section .ablauf-row-reverse + .ablauf-row {
        margin-top: 2rem !important;
    }
}
/* -- rezension section -- */
.rezension-section .rezension-row .rezension-column .vc_column-inner > .wpb_wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    max-width: 990px;
    margin: 0 auto;
}
.rezension-section .rezension-row .rezension-column .rezension-content-box {
    background-color: var(--white);
    padding: 3rem;
    border-radius: 10px;
}
.rezension-section .rezension-row .rezension-column .rezension-content-box .wpb_text_column * {
    color: var(--gray-70);
}
.rezension-section .rezension-row .rezension-column .rezension-content-box .ult-content-box {
    display: flex;
    flex-direction: column;
}
.rezension-section .rezension-row .rezension-column .rezension-content-box .ult-content-box .rezension-logo {
    height: 8rem;
    max-width: 15rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: contain;
}
.rezension-section .rezension-row .rezension-column .rezension-content-box .ult-content-box .rezension-logo * {
	height: 100%;
	width: 100%;
    max-height: 8rem;
    max-width: 15rem;
    object-fit: contain;
}
.rezension-section .rezension-row .rezension-column .rezension-content-box .ult-content-box .rezension-sterne {
    margin: 1.5rem auto!important;
}
.rezension-section .rezension-row .rezension-column .rezension-content-box .ult-content-box .rezension-sterne,
.rezension-section .rezension-row .rezension-column .rezension-content-box .ult-content-box .rezension-sterne * {
    max-width: 8rem;
    object-fit: contain;
}
@media only screen and (max-width: 778px) {
    .rezension-section .rezension-row .rezension-column .vc_column-inner > .wpb_wrapper {
        grid-template-columns: 1fr;
    }
}
/* -- neu */
.rezension-carousel-row .ult-item-wrap>.wpb_content_element, .ult-item-wrap>div {
	margin-bottom: inherit!important;
}
.rezension-carousel-row .rezension-logo {
    height: 8rem;
    max-width: 15rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    object-fit: contain;
}
.rezension-carousel-row .rezension-logo * {
    height: 100%;
    width: 100%;
    max-height: 8rem;
    max-width: 15rem;
    object-fit: contain;
}
.rezension-carousel-row .rezension-sterne {
    margin: 1.5rem auto!important;
}
.rezension-carousel-row .rezension-sterne > figure {
    margin-bottom: 1.5rem!important;
}
.rezension-carousel-row .rezension-sterne,
.rezension-carousel-row .rezension-sterne * {
    max-width: 8rem;
    object-fit: contain;
}
.rezension-carousel-row .wpb_text_column * {
    color: var(--gray-70);
}
.rezension-carousel-row .rezension-content-box {
    background-color: var(--white);
    padding: 3rem;
    border-radius: 10px;
    max-width: 30rem;
    margin: 0 auto;
}
ul.slick-dots {
    padding-top: 2rem !important;
}
.rezension-carousel-row button {
    transition-duration: 0.2s;
}
.rezension-carousel-row button:hover {
    scale: 1.1;
}
.rezension-section .rezension-carousel-row {
    max-width: 990px;
    justify-content: center!important;
    margin: 0 auto !important;
}
@media only screen and (min-width: 768px) {
    .slick-list.draggable {
        max-width: 90%;
        margin: 0 auto;
    }
}
.rezension-carousel-row .wpb_text_column {
    margin-bottom: 0!important;
}
/* -- video referenzen section --*/
.video-referenzen-section .video-referenzen-column > .vc_column-inner > .wpb_wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(360px, 100%), 1fr));
    gap: 2rem!important;
}
.video-referenzen-section .video-referenzen-column .wpb_video_widget {
    margin: 0;
}
/* - .kunden-grid - */
.kunden-grid {
    margin-top: calc(3.5 * var(--base-font));
    margin-bottom: calc(3.5 * var(--base-font));
}
.kunden-grid .vc_column-inner > .wpb_wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(2 * var(--base-font)) calc(4 * var(--base-font));
}
.kunden-grid .wpb_single_image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}
.kunden-grid .wpb_single_image,
.kunden-grid .wpb_single_image * {
    max-height: calc(4.25 * var(--base-font));
    max-width: calc(8.9 * var(--base-font));
    object-fit: contain!important;
}
.kunden-grid img {
    filter: brightness(0) saturate(100%) invert(6%) sepia(32%) saturate(0%) hue-rotate(192deg) brightness(81%) contrast(82%)!important;
}
/*-- video highlight section -- */
.video-highlight-section .video-highlight-row {
    padding-left: 10px;
    padding-right: 10px;
}
.video-highlight-section .wpb_raw_code * {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.video-highlight-section .wpb_raw_code {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    margin-bottom: 0;
    height: 100%;
    width: 100%;
}
.video-highlight-section .video-highlight-column .vc_column-inner > .wpb_wrapper {
    padding-top: 13rem;
    padding-bottom: 13rem;
}
.video-highlight-section.headline-video .video-highlight-column .vc_column-inner > .wpb_wrapper {
    padding-top: calc(16 * var(--base-font)) !important;
    padding-bottom: calc(16 * var(--base-font)) !important;
}
@media only screen and (max-width: 640px) {
	.video-highlight-section.headline-video .video-highlight-column .vc_column-inner > .wpb_wrapper {
    padding-top: calc(7 * var(--base-font)) !important;
    padding-bottom: calc(7 * var(--base-font)) !important;
}
}
.video-highlight-section.headline-video {
    margin-top: 10px;
}
.video-highlight-section .video-highlight-column .vc_column-inner,
.video-highlight-section .video-highlight-column .vc_column-inner > .wpb_wrapper,
.video-highlight-section .video-highlight-column .vc_column-inner .wpb_raw_code,
.video-highlight-section .video-highlight-column .vc_column-inner .wpb_raw_code * {
    border-radius: 10px;
}
.video-highlight-section .video-highlight-column .vc_column-inner .wpb_wrapper .wpb_text_column,
.video-highlight-section .video-highlight-column .vc_column-inner .wpb_wrapper .wpb_text_column * {
    color: var(--white);
}
/*.video-highlight-section.headline-video video {
    filter: grayscale(100);
    opacity: 0.25;
}
.video-highlight-section.headline-video .wpb_wrapper:has(> video)::before {
    content: "";
    background: linear-gradient(90deg, var(--green-60), var(--yellow-60));
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 1;
    display: block;
    border-radius: 10px;
}
.video-highlight-section.headline-video.no-overlay video {
    filter: inherit;
    opacity: 1;
}
.video-highlight-section.headline-video.no-overlay .wpb_wrapper:has(> video)::before {
    display: none;
}*/
@media only screen and (max-width: 778px) {
    .video-highlight-section .video-highlight-row {
        padding-right: 20px;
        padding-left: 20px;
    }
	.video-highlight-section.headline-video .video-highlight-row {
        padding-right: 10px;
        padding-left: 10px;
    }
    .video-highlight-section .video-highlight-column .vc_column-inner > .wpb_wrapper {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
}
/* ---- ROWS ---- */
section.vc_section.content_rows > .vc_row{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
}
/*-- (small-)inline-img --*/
.small-inline-img-section > .small-inline-img-row {
    max-width: 960px!important;
    margin: 0 auto !important;
}
.inline-img-row,
.small-inline-img-row {
    display: flex;
    flex-wrap: wrap;
}
.inline-img-row img,
.small-inline-img-row img {
    border-radius: 10px;
}
.inline-img-section .wpb_content_element:has(img),
.small-inline-img-section .wpb_content_element:has(img) {
    margin-bottom: 0!important;
}
.inline-img-row > .wpb_column,
.small-inline-img-row > .wpb_column {
    display: flex;
    align-items: center;
    max-height: 100%!important;
}
.inline-img-row > .wpb_column:has(img) *,
.small-inline-img-row > .wpb_column:has(img) * {
    display: flex!important;
    height: 100%;
    object-fit: cover!important;
    flex-wrap: wrap;
}
.inline-img-row + .inline-img-row {
    margin-top: 2rem;
}
/*@media only screen and (max-width: 1024px) {
	.inline-img-row > .wpb_column .vc_column-inner:not(:has(img)) {
        padding: 3rem;
    }
}*/
@media only screen and (min-width: 768px) {
    .inline-img-row > .wpb_column .vc_column-inner:not(:has(img)) {
        padding: 3rem;
    }
    .small-inline-img-row > .wpb_column .vc_column-inner:not(:has(img)) {
        padding: 2.5rem 2.5rem 2.5rem 0;
    }
    .small-inline-img-row-reverse > .wpb_column .vc_column-inner:not(:has(img)) {
        padding: 2.5rem 0 2.5rem 2.5rem;
    }
    .inline-img-row > .wpb_column .vc_column-inner:has(img),
    .small-inline-img-row > .wpb_column .vc_column-inner:has(img) {
        padding: 0;
    }
}
@media only screen and (max-width: 767px) {
    .inline-img-row-reverse,
    .small-inline-img-row-reverse {
        flex-direction: column-reverse;
    }
    .inline-img-row > .wpb_column .vc_column-inner:not(:has(img)),
    .small-inline-img-row > .wpb_column .vc_column-inner:not(:has(img)) {
        margin-bottom: 1.5rem;
    }
    .inline-img-row + .inline-img-row {
        margin-top: 3.5rem !important;
    }
    .small-inline-img-row + .small-inline-img-row {
        margin-top: 2.5rem !important;
    }
	/*.inline-img-row > .wpb_column:has(img) *,
	.small-inline-img-row > .wpb_column:has(img) * {
    height: inherit;
}*/
}
/*-- page headline section --*/
.page-headline-section {
    border: 10px solid var(--white);
}
.page-headline-section img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: -1;
    filter:grayscale(100%);
    opacity: 0.25;
    border-radius: 10px;
}
.page-headline-section .vc_single_image-wrapper::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    background: linear-gradient(90deg, var(--green-60), var(--yellow-60));
    opacity: 1;
    display: block;
    left: 0;
    top: 0;
    z-index: -2;
    border-radius: 10px;
}
.page-headline-section h1,
.page-headline-section .breadcrumbs li,
.page-headline-section .breadcrumbs li span,
.video-highlight-section .breadcrumbs li,
.video-highlight-section .breadcrumbs li span{
    color: var(--white)!important;
}
.page-headline-section h1 {
    padding-right: 20px;
    padding-left: 20px;
}
.page-headline-section .wpb_single_image {
    height: 0;
}
.page-headline-section .vc_column-inner > .wpb_wrapper > div.wpb_text_column:has(h1) {
    margin-top: calc(6.5 * var(--base-font)) !important;
}
.page-headline-section .vc_column-inner > .wpb_wrapper > div.dt-breadcrumbs-shortcode {
    margin-bottom: calc(6.5 * var(--base-font)) !important;
}
.page-headline-section .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}
/*-- fancy headline --*/
.fancy-headline .wpb_text_column:has(h2),
.fancy-headline .wpb_text_column:has(h3),
.fancy-headline .wpb_text_column:has(h4),
.fancy-headline .wpb_text_column:has(h5),
.fancy-headline .wpb_text_column:has(h6) {
    margin-bottom: 1.7rem !important;
}
.fancy-headline p {
    font-weight: 500;
}
.fancy-headline .wpb_text_column:has(p)::before {
    content: "";
    width: 20%;
    min-width: 130px;
    height: 2px;
    background: linear-gradient(90deg, var(--yellow-50), var(--green-50));
    position: absolute;
    transform: translatey(-0.7rem);
}
.section-black .fancy-headline .wpb_text_column:has(p)::before {
	background: #fff;
}
/*-- img listing section --*/
.img-listing-section > .vc_row {
    max-width: 990px!important;
    margin: 0 auto !important;
}
.img-listing-section .img-listing-text-column .headline-s {
    margin-bottom: 0.8rem;
}
.img-listing-section .img-listing-text-column .wpb_text_column + .headline-s {
    margin-top: 2rem;
}
.img-listing-section .img-listing-row {
    display: flex;
    flex-wrap: wrap;
}
.img-listing-section .img-listing-row .img-listing-img-column * {
    height: 100%;
    object-fit: cover;
}
.img-listing-section .img-listing-row .img-listing-img-column img {
    border-radius: 10px;
}
@media only screen and (max-width: 767px) {
    .img-listing-section .img-listing-row {
        flex-direction: column-reverse;
    }
    .img-listing-section .img-listing-row .img-listing-img-column {
        margin-top: 2.5rem;
    }
}

/*--- accordion --- */
.image-accordion-row {
    display: flex;
    overflow: hidden;
	border-radius: 10px!important;
}
.image-accordion-row .accordion-column {
    position: relative;
    flex: 1;
    transition: flex 1s ease;
    height: 500px;
    overflow: hidden;
}
.image-accordion-row .accordion-column::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(60deg, var(--green-60), var(--yellow-60));
    opacity: 1;
    transition: background 1s ease!important;
    pointer-events: none;
}
.image-accordion-row .accordion-column:hover {
    flex: 2;
}
.image-accordion-row .accordion-column .wpb_single_image {
    height: 100%;
}
.image-accordion-row .accordion-column .wpb_single_image a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    pointer-events: auto;
    opacity: 0.25;
}
.image-accordion-row .accordion-column .wpb_single_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
    filter:grayscale(1);
}
.image-accordion-row .accordion-text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-55%);
    opacity: 0;
    transition: all 1s ease;
    z-index: 5;
    pointer-events: none;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.image-accordion-row .wpb_text_column .wpb_wrapper,
.image-accordion-row .wpb_text_column .wpb_wrapper * {
    margin-bottom: 0!important;
}
.image-accordion-row .accordion-text * {
    color: #fff!important;
}
.image-accordion-row .accordion-column:hover .accordion-text {
    transform: translateY(-50%);
    opacity: 1;
}
@media screen and (max-width: 1200px) /* 767px */ {
    .image-accordion-row {
        flex-direction: column;
		border-radius: 0px!important;
    }
    .image-accordion-row .accordion-column {
        flex: none;
		height: 220px;
    }
    .image-accordion-row .accordion-column:hover {
        flex: none;
    }
    .image-accordion-row .accordion-text {
        opacity: 1 !important;
        transform: translateY(-50%) !important;
        pointer-events: none!important;
		background: none!important;
    }
	.image-accordion-section {
	padding-left: 0!important;
	padding-right: 0!important;
}
	.image-accordion-row .accordion-column:hover,
	.image-accordion-row .accordion-column:focus-within{
    flex: inherit!important;
}
	/*-- neu ---------*/
	.image-accordion-row.accordion-without-link .accordion-column .vc_column-inner {
        height: 100%;
		padding-left: 0;
		padding-right: 0;
    }
    .image-accordion-row.accordion-without-link .accordion-column {
        height: inherit!important;
    }
    .image-accordion-row.accordion-without-link .accordion-headline {
        position: relative!important;
        transform: inherit!important;
    }
    .image-accordion-row.accordion-without-link .accordion-text {
        position: relative!important;
        transform: inherit!important;
    }
    .image-accordion-row.accordion-without-link .accordion-column > .vc_column-inner > .wpb_wrapper {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    .image-accordion-row.accordion-without-link .accordion-column > .vc_column-inner > .wpb_wrapper .wpb_single_image {
        height: 0!important;
    }
	.image-accordion-row.accordion-without-link .accordion-text {
		padding-top: 0!important;
	}
}
@media (min-width: 768px) {
	.vc_col-sm-1\/5 {
		width: inherit!important;
	}
}
.image-accordion-row .accordion-column:focus-within {
  flex: 2;
}
.image-accordion-row .accordion-column:focus-within .accordion-text {
  transform: translateY(-50%);
  opacity: 1;
}
/* -- crew10 Element video-scroll -- */
.video-scroll video {
    border-radius: 10px;
}
.video-stack video {
    position: absolute;
    top: 50%;
    transform: translatey(-50%);
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 0;
    object-fit: cover;
    height: 70vh;
}
.video-scroll .wpb_text_column {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.video-scroll {
    display: flex;
}
.video-scroll::before,
.video-scroll::after {
    display: none!important;
}
.video-stack {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.video-stack {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.video-stack video.active {
    opacity: 1;
    z-index: 1;
}
.video-scroll .column-left,
.video-scroll .column-left *{
    z-index: 0;
}
@media only screen and (min-width: 1025px) {
    .video-scroll .column-right .wpb_raw_code {
        display: none;
    }
}
@media only screen and (max-width: 1024px) {
    .video-scroll .column-left {
        display: none;
        width: 0;
    }
    .video-scroll .column-right {
        width: 100%;
    }
    .video-scroll .column-right .wpb_text_column,
    .video-scroll .column-right .wpb_raw_code,
    .video-scroll .column-right .wpb_raw_code * {
        height: inherit;
        display: inherit;
        object-fit: cover;
    }
    .video-scroll .column-right .wpb_raw_code,
    .video-scroll .column-right .wpb_raw_code * {
        max-height: 16rem;
    }
    .video-scroll .column-right .wpb_raw_code {
        margin-top: 2rem;
    }
	.video-scroll .column-right .vc_column-inner .wpb_wrapper .wpb_text_column:first-of-type h2 {
    margin-top: 3.5rem;
}
}
/* -- gform formular -- */
.gform_wrapper .gform_fields label,
.gform_wrapper .gform_fields legend {
    font-size: 1rem!important;
}
.gform_wrapper .gform_fields .gfield_required,
.gform_wrapper .gform_fields .gfield_required * {
    font-size: 0.9rem!important;
}
.gform_wrapper .gform_fields {
    grid-row-gap: 1rem!important;
    grid-column-gap: 12px!important;
}
.gform_wrapper .gform_fields input,
.gform_wrapper .gform_fields select,
.gform_wrapper .gform_fields textarea {
    border: 1px solid var(--gray-50)!important;
    box-shadow: none!important;
}
.gform_footer .gform_button {
    padding: 0.688rem 1.5rem !important;
    font-size: calc(1.063 * var(--base-font))!important;
    line-height: normal!important;
    letter-spacing: 0.1rem!important;
    text-transform: uppercase;
    border: 2px solid var(--green-30)!important;
    box-shadow: 0 0 13px var(--green-30)!important;
    background: linear-gradient(135deg, var(--green-40), var(--green-60))!important;
    border-radius: 999px!important;
}
.gform_footer .gform_button:hover {
    background: linear-gradient(135deg, var(--green-30), var(--green-40))!important;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wpb_text_column{
    margin-bottom: 0;
}
.wpb_text_column p,
.wpb_text_column li{
    font-family: "Montserrat";
    font-weight: 400;
    font-size: var(--base-font);
	color: var(--gray-70);
}
.wpb_text_column p{
    line-height: 1.6;
}
.wpb_text_column strong{
    color: var(--gray-70);
    font-weight: 600;
}
.wpb_text_column p a{
    color: var(--green);
}
.wpb_text_column.introduction-text *{
    font-family: "Montserrat";
    font-weight: 400;
    line-height: 1.6;
    color: var(--white);
	font-size: var(--base-font);
}
.wpb_text_column li::marker{
    color: var(--gray-70);
}
.wpb_text_column ul{
    list-style-type: circle;
}

/* ----- HEADLINES ----- */
.headline-xl,
.headline-xl *,
.headline-xl h1,
.headline-xl h2,
.headline-xl h3,
.headline-xl h4,
.headline-xl h5,
.headline-xl p{
    font-family: "Montserrat"!important;
    font-weight: 500!important;
    color: var(--gray-70);
    letter-spacing: 0.3px!important;
    font-size: calc(2.8 * var(--headline-font))!important;
    line-height: calc(3.4 * var(--headline-font))!important;
	margin-bottom: 0.5rem;
}
.headline-margin.headline-xl,
.headline-margin.headline-xl *,
.headline-margin.headline-xl h1,
.headline-margin.headline-xl h2,
.headline-margin.headline-xl h3,
.headline-margin.headline-xl h4,
.headline-margin.headline-xl h5,
.headline-margin.headline-xl p{
	margin-bottom: 0.5rem!important;
}
.headline-l,
.headline-l *,
.headline-l h1,
.headline-l h2,
.headline-l h3,
.headline-l h4,
.headline-l h5,
.headline-l p{
    font-family: "Montserrat"!important;
    font-weight: 500!important;
    color: var(--gray-70);
    letter-spacing: 0.3px!important;
    font-size: calc(2.4 * var(--headline-font))!important;
    line-height: calc(2.8 * var(--headline-font))!important;
	margin-bottom: 2rem;
}
.headline-margin.headline-l,
.headline-margin.headline-l *,
.headline-margin.headline-l h1,
.headline-margin.headline-l h2,
.headline-margin.headline-l h3,
.headline-margin.headline-l h4,
.headline-margin.headline-l h5,
.headline-margin.headline-l p{
	margin-bottom: 2rem!important;
}
.headline-m,
.headline-m *,
.headline-m h1,
.headline-m h2,
.headline-m h3,
.headline-m h4,
.headline-m h5,
.headline-m p{
    font-family: "Montserrat";
    font-weight: 500;
    color: var(--gray-70);
    letter-spacing: 0.3px!important;
    font-size: calc(1.9 * var(--headline-font));
    line-height: calc(2.35 * var(--headline-font));
	margin-bottom: 1.7rem;
}
.headline-margin.headline-m,
.headline-margin.headline-m *,
.headline-margin.headline-m h1,
.headline-margin.headline-m h2,
.headline-margin.headline-m h3,
.headline-margin.headline-m h4,
.headline-margin.headline-m h5,
.headline-margin.headline-m p{
	margin-bottom: 1.7rem!important;
}
.headline-s,
.headline-s *,
.headline-s h1,
.headline-s h2,
.headline-s h3,
.headline-s h4,
.headline-s h5,
.headline-s p{
    font-family: "Montserrat";
    font-weight: 500;
    color: var(--gray-70);
    letter-spacing: 0.3px!important;
    font-size: calc(1.55 * var(--headline-font));
    line-height: calc(2 * var(--headline-font));
	margin-bottom: 1.3rem;
}
.headline-margin.headline-s,
.headline-margin.headline-s *,
.headline-margin.headline-s h1,
.headline-margin.headline-s h2,
.headline-margin.headline-s h3,
.headline-margin.headline-s h4,
.headline-margin.headline-s h5,
.headline-margin.headline-s p{
	margin-bottom: 1.3rem!important;
}
.headline-xs,
.headline-xs *,
.headline-xs h1,
.headline-xs h2,
.headline-xs h3,
.headline-xs h4,
.headline-xs h5,
.headline-xs p{
    font-family: "Montserrat";
    font-weight: 500;
    color: var(--gray-70);
    letter-spacing: 0.3px!important;
    font-size: calc(1.25 * var(--headline-font));
    line-height: calc(1.6 * var(--headline-font));
	margin-bottom: 1.1rem;
}
.headline-margin.headline-xs,
.headline-margin.headline-xs *,
.headline-margin.headline-xs h1,
.headline-margin.headline-xs h2,
.headline-margin.headline-xs h3,
.headline-margin.headline-xs h4,
.headline-margin.headline-xs h5,
.headline-margin.headline-xs p{
	margin-bottom: 1.1rem!important;
}
.datenschutz-impressum h2 {
    font-family: "Montserrat";
    font-weight: 400;
    color: var(--gray-70);
    letter-spacing: 0.3px!important;
    font-size: calc(1.8 * var(--headline-font));
    line-height: calc(2.25 * var(--headline-font));
}
.datenschutz-impressum h3 {
    font-family: "Montserrat";
    font-weight: 400;
    color: var(--gray-70);
    letter-spacing: 0.3px!important;
    font-size: calc(1.45 * var(--headline-font));
    line-height: calc(1.9 * var(--headline-font));
}
.datenschutz-impressum h4 {
    font-family: "Montserrat";
    font-weight: 400;
    color: var(--gray-70);
    letter-spacing: 0.3px!important;
    font-size: calc(1.15 * var(--headline-font));
    line-height: calc(1.5 * var(--headline-font));
}
.datenschutz-impressum strong {
	color: var(--gray-70)!important;
}
/*---------------------------------------------------------------------------------------------*/
/* BUTTONS */
/*---------------------------------------------------------------------------------------------*/

/*----------------- Buttons general ------------------------*/
/* Button general & background */
.dt-btn {
    border-radius: 999px!important;
}
/* 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: clamp(calc(var(--base-font) * 0.823), 2vw, calc(var(--base-font) * 0.941));
	color: #fff;
}
/* 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 span,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style):hover span{
	color: var(--name-variable-farbe-3)!important;
}

/*----------------- Primary Button ------------------------*/

/* -- btn-primary -- */
.dt-btn.btn-primary span,
.dt-btn.btn-primary:hover span,
a.dt-btn.btn-primary ,
a.dt-btn.btn-primary:hover,
a.dt-btn.btn-primary span {
    color: #fff!important;
    background: none!important;
}
/* -- dt-btn-l btn-primary -- */
.dt-btn-l.btn-primary {
    padding: 0.688rem 1.5rem!important;
}
.dt-btn-l.btn-primary span {
    font-size: calc(1.063 * var(--base-font))!important;
    letter-spacing: 0.12rem;
    text-transform: uppercase;
}
.dt-btn-l.btn-primary.green {
    border: 2px solid var(--green-30)!important;
    box-shadow: 0px 0px 13px var(--green-30)!important;
}
.dt-btn-l.btn-primary.yellow {
    border: 2px solid var(--yellow-30)!important;
    box-shadow: 0px 0px 13px var(--yellow-30)!important;
}
/* -- dt-btn-m btn-primary -- */
.dt-btn-m.btn-primary {
    padding: 0.563rem 1.188rem!important;
}
.dt-btn-m.btn-primary span {
    font-size: calc(1 * var(--base-font))!important;
    letter-spacing: 0.12rem;
    text-transform: uppercase;
}
.dt-btn-m.btn-primary.green {
    border: 2px solid var(--green-30)!important;
    box-shadow: 0px 0px 10px var(--green-30)!important;
}
.dt-btn-m.btn-primary.yellow {
    border: 2px solid var(--yellow-30)!important;
    box-shadow: 0px 0px 10px var(--yellow-30)!important;
}
/* -- dt-btn-s btn-primary -- */
.dt-btn-s.btn-primary {
    padding: 0.375rem 0.75rem!important;
}
.dt-btn-s.btn-primary span {
    font-size: calc(1 * var(--base-font))!important;
    letter-spacing: 0.08rem;
    text-transform: none;
}
.dt-btn-s.btn-primary.green {
    border: 2px solid var(--green-30)!important;
}
.dt-btn-s.btn-primary.yellow {
    border: 2px solid var(--yellow-30)!important;
}
/* -- btn-primary green and yellow -- */
.dt-btn.btn-primary.green {
    background: linear-gradient(135deg, var(--green-40), var(--green-60))!important;
}
.dt-btn.btn-primary.green:hover {
    background: linear-gradient(135deg, var(--green-30), var(--green-40))!important;
}
.dt-btn.btn-primary.yellow {
    background: linear-gradient(135deg, var(--yellow-40), var(--yellow-60))!important;
}
.dt-btn.btn-primary.yellow:hover {
    background: linear-gradient(135deg, var(--yellow-30), var(--yellow-40))!important;
}

/*--- 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;
}
.btn-secondary {
    border-left: 6px solid var(--green-60)!important;
    border-bottom: 2px solid var(--green-60)!important;
    border-top: 2px solid var(--green-60)!important;
    border-right: 6px solid var(--green-60)!important;
    color: var(--green-60)!important;
    font-weight: 400;
}
.btn-secondary:hover{
    background: var(--green-60)!important;
    color: var(--white)!important;
    font-weight: 400;
}
.btn-secondary.white {
    border-left: 6px solid var(--white)!important;
    border-bottom: 2px solid var(--white)!important;
    border-top: 2px solid var(--white)!important;
    border-right: 6px solid var(--white)!important;
    color: var(--white)!important;
    font-weight: 400;
}
.btn-secondary.white:hover{
    background: var(--white)!important;
    color: var(--green-60)!important;
    font-weight: 400;
}

/*--- 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;
}
/* --- Menu Button BTN --- */
.menu-btn span,
.microwidget-btn span{
    color: #fff!important;
    letter-spacing: 0.05rem!important;
    font-weight: 500!important;
}
.menu-btn a,
a.microwidget-btn{
    background: linear-gradient(135deg, var(--green-40), var(--green-60))!important;
    border-radius: 100px!important;
    border: 2px solid var(--green-30)!important;
    padding: 0.375rem 0.75rem !important;
}
.menu-btn a {
	flex-grow: inherit!important;
}
.menu-btn a:hover,
a.microwidget-btn:hover{
    background: linear-gradient(135deg, var(--green-30), var(--green-40))!important;
}
.menu-btn i,
.microwidget-btn i,
.microwidget-btn::before,
.microwidget-btn::after{
    display: none!important;
}
@media only screen and (max-width: 1100px) {
    .menu-btn a {
        margin-top: 15.2px;
        margin-bottom: 15.2px;
    }
}
@media only screen and (max-width: 778px) {
    .microwidget-btn {
        display: none!important;
    }
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SEITENTITEL / PAGETITLE */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER & MENÜ */
.sub-nav {
    box-shadow: none!important;
    transform: translatey(-5px);
}
.sub-nav .menu-item > a {
    border-radius: 10px!important;
	transition-duration: 0s!important;
}
.sub-nav .menu-item > a:focus-within {
	background: linear-gradient(45deg, #1e7060, #777a41)!important;
}
.sub-nav .menu-item > a:focus-within .menu-text {
	color: var(--white)!important;
}
.mobile-main-nav .sub-nav .menu-item,
.mobile-main-nav .sub-nav .menu-item > a {
    border-radius: 10px!important;
}
.mobile-main-nav .sub-nav .menu-item > a {
    padding: 10px 15px !important;
}
.mobile-main-nav .sub-nav > li:not(.menu-btn) > a:hover {
    background: linear-gradient(135deg, #1e7060, #777a41)!important;
}
.mobile-main-nav li:not(.menu-btn).act > a {
    color: #fff!important;
    background: linear-gradient(135deg, #1e7060, #777a41);
    border-radius: 10px;
    padding: 10px 15px !important;
}
.mobile-main-nav li:not(.menu-btn) > a {
    padding: 10px 15px !important;
    border-radius: 10px;
	margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}
.mobile-main-nav li:not(.menu-btn):hover > a {
    color: #ffffff!important;
    background: linear-gradient(135deg, #1e7060, #777a41)!important;
}
.mobile-main-nav li:not(.menu-btn):hover > a * {
	color: #ffffff!important;
}
.mobile-main-nav li.menu-item.menu-item-has-children:hover > a {
	color: #5c5c5c!important;
	background: inherit!important;
}
.mobile-main-nav li.menu-item.menu-item-has-children:hover > a *{
	color: #5c5c5c!important;
}
.mobile-main-nav li.menu-item.menu-item-has-children.act > a {
	color: #ffffff!important;
	background: linear-gradient(135deg, #1e7060, #777a41)!important;
}
.mobile-main-nav li.menu-item.menu-item-has-children.act > a *{
	color: #ffffff!important;
}
.mobile-main-nav li:not(.menu-btn).act > a .subtitle-text,
.dt-mobile-header .mobile-main-nav .sub-nav > li:not(.menu-btn).act > a .subtitle-text {
    color: #fff!important;
    background: linear-gradient(135deg, #1e7060, #777a41);
}
#mobile-menu {
	margin-top: 2rem;
}
#mobile-menu .sub-nav {
    margin-top: 1rem;
}
#mobile-menu .sub-nav .menu-item +.menu-item {
    margin-top: -0.4rem;
}
.mobile-main-nav .next-level-button svg {
    color: #777a41!important;
    fill: #777a41!important;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

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

/* ------ MOBILE MENU ------*/



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


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BARRIEREFREIHEIT / ACCESSIBILITY */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

:focus-visible{
    outline: 2px solid #ff0000!important; 
    outline-offset: 3px!important;
    transition-duration: 0.2s!important;
}
.gform_wrapper :focus-visible{
    outline: 2px solid var(--gray-70)!important; 
    outline-offset: 3px!important;
    transition-duration: 0.2s!important;
}
.section-black :focus-visible{
    outline: 2px solid var(--white)!important; 
    outline-offset: 3px!important;
    transition-duration: 0.2s!important;
}

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

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

/* --- MOST IMPORTANT ----*/
.section-black {
    background-color: var(--black);
}
.section-black h1,
.section-black h2,
.section-black h3,
.section-black h4,
.section-black h5,
.section-black h6,
.section-black p,
.section-black strong,
.section-black li {
    color: var(--white);
}

/*--*/
section.start-video {
    height: 70vh!important;
    border: 10px solid var(--white);
    border-radius: 20px;
}
section.start-video img {
    max-width: 654px;
    height: auto;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(188deg) brightness(101%) contrast(103%)!important;
}
section.start-video h1,
section.start-video h2,
section.start-video h3,
section.start-video h4,
section.start-video h5,
section.start-video h6{
    color: var(--white);
    max-width: 800px;
}
section.start-video .vc_row:has(video),
section.start-video .vc_row:has(video) * {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}
section.start-video .vc_row:has(h1),
section.start-video .vc_row:has(h2),
section.start-video .vc_row:has(h3),
section.start-video .vc_row:has(h4),
section.start-video .vc_row:has(h5),
section.start-video .vc_row:has(h6){
    position: relative;
    display: flex;
    height: 100%;
    width: 100%;
}
section.start-video .vc_row:has(h1) > .wpb_column,
section.start-video .vc_row:has(h2) > .wpb_column,
section.start-video .vc_row:has(h3) > .wpb_column,
section.start-video .vc_row:has(h4) > .wpb_column,
section.start-video .vc_row:has(h5) > .wpb_column,
section.start-video .vc_row:has(h6) > .wpb_column{
    justify-content: center;
    align-content: center;
    align-items: center;
}
section.start-video .wpb_single_image {
    text-align: center;
    margin-bottom: 70px;
}
section.start-video .wpb_text_column:has(h1),
section.start-video .wpb_text_column:has(h2),
section.start-video .wpb_text_column:has(h3),
section.start-video .wpb_text_column:has(h4),
section.start-video .wpb_text_column:has(h5),
section.start-video .wpb_text_column:has(h6){
    margin-bottom: 45px;
}
section.start-video .wpb_wrapper:has(> h1),
section.start-video .wpb_wrapper:has(> h2),
section.start-video .wpb_wrapper:has(> h3),
section.start-video .wpb_wrapper:has(> h4),
section.start-video .wpb_wrapper:has(> h5),
section.start-video .wpb_wrapper:has(> h6){
    justify-content: center;
    display: flex;
}















.image-accordion-row.accordion-without-link .accordion-column .wpb_single_image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    pointer-events: auto;
    opacity: 0.25;
}
.image-accordion-row.accordion-without-link .accordion-headline {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    opacity: 1;
    transition: all 1s ease;
    z-index: 6;
    pointer-events: none;
    text-align: center;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.image-accordion-row.accordion-without-link .accordion-text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.image-accordion-row.accordion-without-link .accordion-text {
    transition-delay: 0.2s;
}
.image-accordion-row.accordion-without-link .accordion-headline * {
    color: #fff!important;
}

@media only screen and (min-width: 768px) {
    .image-accordion-row.accordion-without-link .accordion-column:hover .accordion-headline,
.image-accordion-row.accordion-without-link .accordion-column:focus-visible .accordion-headline,
	.image-accordion-row.accordion-without-link .accordion-column:focus-within .accordion-headline,
	.image-accordion-row.accordion-without-link .accordion-column:active .accordion-headline,
	.image-accordion-row.accordion-without-link * :active .accordion-headline{
    transform: translateY(-83%);
}
}