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

/* karla-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: normal;
  font-weight: 200;
  src: url('https://holzkodex.innsiders.dev/wp-content/themes/holzkodex-child/fonts/karla-v31-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: italic;
  font-weight: 200;
  src: url('https://holzkodex.innsiders.dev/wp-content/themes/holzkodex-child/fonts/karla-v31-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-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: 'Karla';
  font-style: normal;
  font-weight: 300;
  src: url('https://holzkodex.innsiders.dev/wp-content/themes/holzkodex-child/fonts/karla-v31-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: italic;
  font-weight: 300;
  src: url('https://holzkodex.innsiders.dev/wp-content/themes/holzkodex-child/fonts/karla-v31-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-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: 'Karla';
  font-style: normal;
  font-weight: 400;
  src: url('https://holzkodex.innsiders.dev/wp-content/themes/holzkodex-child/fonts/karla-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: italic;
  font-weight: 400;
  src: url('https://holzkodex.innsiders.dev/wp-content/themes/holzkodex-child/fonts/karla-v31-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-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: 'Karla';
  font-style: normal;
  font-weight: 500;
  src: url('https://holzkodex.innsiders.dev/wp-content/themes/holzkodex-child/fonts/karla-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: italic;
  font-weight: 500;
  src: url('https://holzkodex.innsiders.dev/wp-content/themes/holzkodex-child/fonts/karla-v31-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-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: 'Karla';
  font-style: normal;
  font-weight: 600;
  src: url('https://holzkodex.innsiders.dev/wp-content/themes/holzkodex-child/fonts/karla-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: italic;
  font-weight: 600;
  src: url('https://holzkodex.innsiders.dev/wp-content/themes/holzkodex-child/fonts/karla-v31-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-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: 'Karla';
  font-style: normal;
  font-weight: 700;
  src: url('https://holzkodex.innsiders.dev/wp-content/themes/holzkodex-child/fonts/karla-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: italic;
  font-weight: 700;
  src: url('https://holzkodex.innsiders.dev/wp-content/themes/holzkodex-child/fonts/karla-v31-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-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: 'Karla';
  font-style: normal;
  font-weight: 800;
  src: url('https://holzkodex.innsiders.dev/wp-content/themes/holzkodex-child/fonts/karla-v31-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* karla-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Karla';
  font-style: italic;
  font-weight: 800;
  src: url('https://holzkodex.innsiders.dev/wp-content/themes/holzkodex-child/fonts/karla-v31-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BASICS / GENERAL / ALLGEMEIN */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

:root {
	--black: #000000;
	--beige: #efe0c2;
	--white: #fefefe;
    --dark-green: #014607;
    --orange:#eb8d00;
	
	--base-font: 1.0rem;
}
@media only screen and (max-width: 640px){
    :root {
        --base-font: 0.94rem;
} 	
}


.gt-current-wrapper {
    display: none!important;
}

ul.dropdown-menu.sub-menu {
    display: flex;
    grid-column-gap: 0.5rem;
    margin-left: 1.5rem;
}

ul.dropdown-menu.sub-menu li {
    display: flex;
    align-items: center;
}

.menu-item-97 a {
    justify-content: center;
    padding-left: 25px!important;
}

.menu-item-97 .menu-item-text::before  {
    display: none;
}

@media only screen and (max-width: 992px) {
    ul.dropdown-menu.sub-menu {
    margin-left: 0;
        margin-top: 1rem;
}
}

#pagetitle h1,
#pagetitle h1 *{
    color: #fff;
    text-shadow: 1px 1px 20px var(--black);
}

#pagetitle .headline-s * {
    color: #fff;
}

.btn-primary:hover span * {
    color: var(--dark-green);
}

.btn-secondary span * {
    color: var(--dark-green)!important;
}

#bottom-bar a {
    color: #fff!important;
}


/* ---- 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.content_rows{
    padding: 3rem 0;
}

section.vc_section.section-beige{
    background-color: var(--beige);
    padding-top: 7rem!important;
    padding-bottom: 7rem!important;
}

section.vc_section.section-white{
    background-color: var(--white);
    padding-top: 7rem!important;
    padding-bottom: 7rem!important;
}

section.zertifikat-section img {
    box-shadow: 0px 3px 16px rgba(1, 70, 7, 0.5);
    transition-duration: 0.2s;
}

section.zertifikat-section .wpb_wrapper:has(img) {
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));;
    display: grid;
    grid-template-rows: auto;
    grid-gap: 70px;
    margin-top: 2.5rem;
}

section.zertifikat-section .wpb_wrapper:has(img) img:hover {
    transform: translatey(-6px)!important;
    box-shadow: 0px 3px 16px rgba(1, 70, 7, 0.7);
}

section.zertifikat-section .wpb_single_image,
section.zertifikat-section .wpb_single_image > .wpb_wrapper {
    margin: 0;
}

section.zertifikat-section i {
    display: none!important;
}

.big-icon-section .wood-print,
.big-icon-section-reverse .wood-print {
	margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
    section.big-icon-section .wpb_column:first-of-type,
    section.big-icon-section .wpb_column:has(.wood-print),
	section.big-icon-section-reverse .wpb_column:last-of-type,
	section.big-icon-section-reverse .wpb_column:has(.wood-print) {
    width: 100%;
}
    .big-icon-section .wood-print {
        margin-top: 3rem;
        text-align: center!important;
        margin-bottom: 0;
}
	.big-icon-section-reverse .wood-print {
        margin-bottom: 3rem;
        text-align: center!important;
        margin-top: 0;
}
    .wood-print img {
        max-height: 20rem;
        width: auto;
}
}

.big-icon-section .wpb_raw_code:has(a) a,
.big-icon-section-reverse .wpb_raw_code:has(a) a {
    color: var(--dark-green);
}

.big-icon-section .wpb_raw_code:has(a) a:not(:last-child),
.big-icon-section-reverse .wpb_raw_code:has(a) a:not(:last-child) {
    padding-bottom: 0.4rem;
}

.big-icon-section .wpb_raw_code:has(a) .wpb_wrapper,
.big-icon-section-reverse .wpb_raw_code:has(a) .wpb_wrapper {
    display: grid;
}

.big-icon-section .wpb_column:not(:has(img)) > .vc_column-inner > .wpb_wrapper > :last-child,
.big-icon-section-reverse .wpb_column:not(:has(img)) > .vc_column-inner > .wpb_wrapper > :last-child {
    margin-bottom: 0;
}

#bottom-bar .wf-float-right {
    justify-content: center !important;
}
#bottom-bar .menu-select {
        display: none;
}
#bottom-bar .mini-nav ul {
    display: inherit;
}
#bottom-bar p {
    margin-bottom: 0!important;
}

.orange-border-box-section .wpb_wrapper:has(.ult-content-box-container) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(350px, 100%), 1fr));
    grid-template-rows: auto;
    grid-gap: 40px;
}

.orange-border-box-section .ult-content-box-container {
    border: 2px solid #eb8d00;
    padding: 1rem;
}

section:has(.wpb_accordion) .wpb_accordion_section {
    background-color: var(--dark-green);
    padding: 1rem;
}
section:has(.wpb_accordion) .wpb_accordion_section + .wpb_accordion_section {
    margin-top: 1rem;
}
section:has(.wpb_accordion) .wpb_accordion_section span,
section:has(.wpb_accordion) .wpb_accordion_section span:hover,
section:has(.wpb_accordion) .wpb_accordion_section p {
    color: #fff;
}
section:has(.wpb_accordion) .wpb_accordion_section .wpb_accordion_content {
    padding-top: 1rem!important;
}
section:has(.wpb_accordion) .wpb_accordion .wpb_accordion_wrapper > a:hover span, 
section:has(.wpb_accordion) .wpb_content_element .wpb_accordion_header a:hover span {
    color: var(--beige)!important;
}
section:has(.wpb_accordion) h3 {
    margin-top: 0!important;
}
section:has(.wpb_accordion) h3 span {
    font-size: 1.2rem;
}
section:has(.wpb_accordion) .wpb_content_element .wpb_accordion_header>a:after {
    color: #fff!important;
}
section:has(.wpb_accordion) .wpb_accordion_section .wpb_single_image {
    margin-bottom: 0;
}
section:has(.wpb_accordion) .wpb_text_column:has(p):last-of-type {
    margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
    section:has(.wpb_accordion) .wpb_text_column:has(p):first-of-type {
        margin-top: 1.2rem;
    }
}

/* ---- ROWS ---- */
section.content_rows > .vc_row{
    width: 100%;
    max-width: 1445px;
    margin: 0 auto;
}

.icon-row .wpb_wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
    grid-template-rows: auto;
    grid-gap:100px;
}

/*----- split row ------*/

.split-row{
    position: relative!important;
    box-sizing: border-box!important;
    display: flex;
    align-content: stretch;
    align-items: stretch;
}
.split-row .vc_column-inner{
    height: 100%;
}
.split-row .wpb_column:nth-child(2){
    width: auto!important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.split-row .wpb_column:not(:has(.dt-btn.split-center-btn)):not(.vc_col-has-fill){
    width: 39.5%;
}
.split-row .vc_column-inner {
    padding-top: 7rem;
    padding-bottom: 7rem;
}
.split-row .wpb_column.vc_col-has-fill{
    width: 60.5%;
}
.split-row.image-left .wpb_column.vc_col-has-fill{
    clip-path: polygon(0% 0%,75% 0%,90% 100%,0% 100%);
}
.split-row.image-right .wpb_column.vc_col-has-fill {
    clip-path:polygon(25% 0%, 100% 0%, 100% 100%, 10% 100%);
}
.split-row.image-right .wpb_column:last-of-type p,
.split-row.image-left .wpb_column:first-of-type p {
    color: #fff;
}
.split-row.image-right .wpb_column:last-of-type p,
.split-row.image-left .wpb_column:last-of-type p,
.split-row.image-left .wpb_column:last-of-type .headline-m {
    text-align: right;
}
.split-row.image-right .wpb_column:first-of-type .wpb_wrapper,
.split-row.image-left .wpb_column:last-of-type .wpb_wrapper {
    width: 100%;
}
.split-row.image-right .wpb_column:first-of-type .vc_column-inner,
.split-row.image-left .wpb_column:last-of-type .vc_column-inner {
    padding-left: 4rem!important;
    padding-right: 4rem!important;
}
.split-row .wpb_column.vc_col-has-fill p{
    opacity: 0;
    /* oder auch display:none oder visibility:hidden - gerne probieren, was besser passt */
}
.split-row:has(.dt-btn.split-center-btn:hover) .wpb_column.vc_col-has-fill::before{
    content:"";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.25)!important;
}
.split-row:has(.dt-btn.split-center-btn:hover) .wpb_column.vc_col-has-fill p{
    opacity: 1;
}
.split-row * {
    overflow: visible!important;
}
.split-row.image-right .wpb_column:first-of-type .vc_column-inner,
.split-row.image-left .wpb_column:last-of-type .vc_column-inner {
    display: flex;
    align-items: center;
}
.split-row.image-right .wpb_column:last-of-type * {
    text-align: right!important;
}
.split-row.image-left .wpb_column:first-of-type * {
    text-align: left!important;
}
.split-row.image-right .wpb_column:last-of-type p,
.split-row.image-left .wpb_column:first-of-type p {
    max-width: clamp(363px, 30vw, 645px);
}
.split-row.image-right .wpb_column:last-of-type .vc_column-inner {
    padding-right: 0;
    display: flex;
    align-items: center!important;
    justify-content: end;
}
.split-row.image-left .wpb_column:first-of-type .vc_column-inner {
    padding-right: 0;
    display: flex;
    align-items: center!important;
    justify-content: start;
}
.split-row.image-right .wpb_column:last-of-type .vc_column-inner .wpb_text_column:last-of-type {
    margin-bottom: 0;
    margin-right: 4rem;
}
.split-row.image-left .wpb_column:first-of-type .vc_column-inner .wpb_text_column:last-of-type {
    margin-bottom: 0;
    margin-left: 4rem;
}
.split-row .wpb_column.vc_col-has-fill .wpb_text_column{
    position: relative;
    z-index: 1;
}
@media only screen and (min-width: 1242px) {
    .split-row .dt-btn:not(.split-center-btn) {
        display: none;
    }
    .split-row .dt-btn:hover {
    background-color: #fff!important;
    border-color: #fff!important;
}
}
@media only screen and (max-width: 1241px) {
    .split-row .wpb_column:nth-child(2) {
        display: none;
    }
    .split-row.image-right .wpb_column:first-of-type,
    .split-row.image-left .wpb_column:last-of-type {
        width: 47.5%!important;
    }
    .split-row.image-right .wpb_column:last-of-type,
    .split-row.image-left .wpb_column:first-of-type {
        width: 52.5%!important;
    }
    .split-row.image-right .wpb_column.vc_col-has-fill {
    clip-path:polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
}
    .split-row.image-left .wpb_column.vc_col-has-fill{
    clip-path: polygon(0% 0%,90% 0%,100% 100%,0% 100%);
}
    .split-row.image-right .wpb_column:last-of-type .wpb_wrapper,
    .split-row.image-left .wpb_column:first-of-type .wpb_wrapper {
        display: none!important;
    }
}
@media only screen and (max-width: 778px) {
    .split-row.image-right .wpb_column:first-of-type .vc_column-inner,
	.split-row.image-left .wpb_column:last-of-type .vc_column-inner {
        padding-left: 20px!important;
		padding-right: 20px!important;
    }
    .split-row.image-right .wpb_column:first-of-type,
    .split-row.image-left .wpb_column:last-of-type {
        width: 100%!important;
    }
    .split-row.image-right .wpb_column:last-of-type,
    .split-row.image-left .wpb_column:first-of-type {
        width: 100%!important;
    }
    .split-row {
        display: flex;
    }
    .split-row.image-right {
        flex-direction: column;
    }
    .split-row.image-left {
        flex-direction: column-reverse;
    }
    .split-row.image-right .wpb_column.vc_col-has-fill{
    clip-path:polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
}
    .split-row.image-left .wpb_column.vc_col-has-fill{
    clip-path: polygon(0% 0%,85% 0%,100% 100%,0% 100%);
}
    .split-row .vc_column-inner {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
	.vc_row.split-row:first-of-type .wpb_column:has(.dt-btn) .vc_column-inner {
    padding-top: 0!important;
}
}

.team-media img {
    width: 100%;
}
.team-desc {
    background-color: var(--beige)
}
.team-container .team-author-name,
.team-container p,
.team-container p,
.team-container .soc-ico {
    padding-left: 1rem;
    padding-right: 1rem;
}
.team-container .team-author-name {
    padding-top: 1rem;
}
.team-container p:last-of-type {
    margin-bottom: 0rem!important;
}
.team-container .soc-ico a:hover ::before {
    color: var(--dark-green);
}
.team-container .soc-ico a:hover::after {
    background-color: #fff!important;
}
.team-container .soc-ico * {
    border-radius: 0!important;
}
.team-container a{
    color: var(--dark-green);
    line-height: 3rem;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.wpb_text_column{
    margin-bottom: 25px;
}
.wpb_text_column p,
.wpb_text_column li{
    font-family: 'Karla';
    font-weight: 400;
	line-height: 1.3;
    font-size: calc(var(--base-font) * 1.063);
}
.wpb_text_column p{
    line-height: 1.6;
    color: var(--black);
}
.wpb_text_column strong{
    color: var(--black);
    font-weight: 700;
}
.wpb_text_column p a{
    color: var(--black);
}
.wpb_text_column p a:hover{
    color: var(--black);
    text-decoration: underline;
}
.wpb_text_column.introduction-text *{
    font-family: 'Karla';
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.3px;
    color: var(--black);
	font-size: calc(var(--base-font) * 1.125);
}
.wpb_text_column li::marker{
    color: var(--black);
}
.wpb_text_column ul{
    list-style-type: square;
    color: var(--black);
}
/* ----- HEADLINES ----- */
.wpb_text_column.headline *{
    font-family: 'Karla';
    font-weight: 800;
    color: var(--black);
    line-height: 1.2;
    letter-spacing: 0.5px!important;
}
.wpb_text_column.headline-xl * {
    font-size: clamp((var(--base-font) * 2.058), 5.5vw, calc(var(--base-font) * 3.125));
}
.wpb_text_column.headline-l * {
   font-size: clamp((var(--base-font) * 1.7647), 4.5vw, calc(var(--base-font) * 2.75));
}
.wpb_text_column.headline-m * {
   font-size: clamp((var(--base-font) * 1.470), 4vw, calc(var(--base-font) * 2.313));
}
.wpb_text_column.headline-s *{
   font-size: clamp((var(--base-font) * 1.3), 3.5vw, calc(var(--base-font) * 1.875));
}
.wpb_text_column.headline-xs *{
   font-size: clamp((var(--base-font) * 1.15), 3vw, calc(var(--base-font) * 1.563));
}

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

/*----------------- Buttons general ------------------------*/
/* Button general & background */
.dt-btn,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):not(.btn-custom-style){
	font-family: 'Karla';
    background: var(--dark-green);
    border: solid  4px var(--dark-green);
    padding: 14px 40px 14px 40px;
    border-radius: 0px;
    letter-spacing: 3px;
    text-transform: uppercase;
    transition: ease 0.4s!important;
    line-height: 1.0;
}
/* 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((var(--base-font) * 0.823), 2vw, calc(var(--base-font) * 1.3));
	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: transparent;
    border: solid  4px var(--dark-green);
}
/* 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(--dark-green)!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: var(--white)!important;
    border: 4px solid var(--white)!important;
}
.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(--dark-green)!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: 4px solid var(--white)!important;
    color: var(--dark-green)!important;
    background: none!important;
}
.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;
}

/* ------ GRAVITY FORM BUTTON ------*/
#main .gform_wrapper .gform_footer.top_label input.button {
	font-family: 'Karla';
    background: var(--dark-green);
    border: solid  4px var(--dark-green);
    font-size: clamp((var(--base-font) * 0.823), 2vw, calc(var(--base-font) * 1.3));
    padding: 14px 40px 14px 40px;
    border-radius: 0px;
    letter-spacing: 3px;
    text-transform: uppercase;
    transition: ease 0.4s!important;
    line-height: 1.0;
}
#main .gform_wrapper .gform_footer.top_label input.button:hover {
    background: var(--dark-green);
    background: transparent;
    border: solid  4px var(--dark-green);
	color: var(--dark-green);
}
/* ------ PRIMARY MENU CONTACT BUTTON ------*/
.menu-kontakt:not(.header-bar) a {
	font-family: 'Karla';
    border: solid 4px var(--dark-green);
    padding: 14px 20px 14px 20px;
}

.menu-kontakt:not(.header-bar) a:hover{
    background: var(--dark-green)!important;
    border: solid  4px var(--dark-green)!important;
}
.menu-kontakt a .menu-item-text .menu-text {
    color: var(--dark-green)!important;
    transition: color 0.3s ease!important;
}

.menu-kontakt a:hover .menu-item-text .menu-text {
    color: var(--white)!important;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* SEITENTITEL / PAGETITLE */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.btn-column .ult-content-box {
    display: flex;
    justify-content: center;
    gap: 10px;
}

#pagetitle{
    padding-top: 7rem;
    padding-bottom: 7rem;
}
/*.section-beige, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section{
    padding-top:15rem!important;
}*/

#pagetitle h4 {
    font-weight:400;
    color:white;
    text-shadow: 1px 1px 20px var(--black);
}

#pagetitle h1 {
    color:white;
    text-shadow: 1px 1px 20px var(--black);
}
#pagetitle .wpb_text_column {
    margin-bottom: 10px;
}

html {
  scroll-behavior: smooth;
}

.anchor{
    position: absolute;
    margin-top: -11rem!important;
}

.wpb_text_column:has(#start-scroll) {
    margin: 0;
}

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* STARTSEITE */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* KONTAKT PAGE / ICON ROW /SECTION */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.icon-row .dt-text-title {
    font-family: 'Karla';
}

.icon-row .dt-text-desc{
    font-family: 'Karla';
}
.dt-text-desc{
  font-family: 'Karla';
  font-style: normal;
  font-weight: 700;
}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER & MENÜ */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ------ MAIN MENU ------ */
.header-bar{
    height:97px!important;
}

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


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* GRAVITY FORM */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.content textarea {
    border:0rem;
    border-radius: 0rem;
    max-height: 100%;
    height: 20.938rem;
    
}
.gform-theme--foundation .gfield input {
    max-height: 100%;
    height: 4.375rem;
    border: 0rem;
    background-color: var(--white);
    border-radius: 0px;
}
.gform_wrapper .top_label .gfield_label {
    font-family: 'Karla';
    color: var(--black);
}
.gform-theme--foundation .gform_fields{
    gap: 0.875rem;
}
/* ------ STAR SIGN / MANDATORY FIELD* ------ */
#main .gform_wrapper .gfield_required{
    color: var(--black);
}
.gform_required_legend{
    display:none;
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ACCORDION */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer .wf-container-footer{
    padding-top: 4.5rem;
    padding-bottom: 2rem;
}
#footer .wf-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;

}
#footer .wp-block-group  {
    font-family: 'Karla';
    color: var(--white);
    font-size: clamp((var(--base-font) * 1.005), 3vw, calc(var(--base-font) * 1.063));
}

#footer .wp-block-heading {
    font-family: 'Karla';
    font-size: clamp((var(--base-font) * 1.15), 3vw, calc(var(--base-font) * 1.563));
    margin-bottom: 1.813rem;
}
#footer p {
    margin-bottom: 0.938rem; 
}

@media only screen and (max-width: 1173px){
   #footer .wf-1-4{
       width:100%;
 } 
} 
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* BARRIEREFREIHEIT / ACCESSIBILITY */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
:focus-visible{
    outline: 3px solid var(--orange)!important; 
    outline-offset: 3px!important;
    transition: ease 0.5s;
}

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

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