.elementor-kit-6{--e-global-color-primary:#555555;--e-global-color-secondary:#383838;--e-global-color-text:#FFFFFF;--e-global-color-accent:#81BA37;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-primary );color:var( --e-global-color-text );font-family:"agenda", Sans-serif;font-size:18px;line-height:150%;letter-spacing:1px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#02010100;font-size:18px;font-weight:700;font-style:italic;letter-spacing:2px;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-text );}.elementor-kit-6 h1{font-weight:400;text-transform:uppercase;letter-spacing:5px;}.elementor-kit-6 h2{font-weight:400;text-transform:uppercase;letter-spacing:2px;}.elementor-kit-6 h3{font-weight:400;text-transform:uppercase;}.elementor-kit-6 h4{font-weight:400;text-transform:uppercase;}.elementor-kit-6 h5{font-weight:400;text-transform:uppercase;}.elementor-kit-6 h6{font-weight:400;text-transform:uppercase;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */:root {
    --custom-border-radius: 40px;
    --custom-padding: 80px;
    --custom-margin: 100px;
}

@media (width < 768px) {
    :root {
        --custom-padding: 40px;
        --custom-margin: 50px;
    }
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: url(/wp-content/uploads/2025/06/koppold-bg-bubbles.svg);
    background-size: ;
    background-position: center;
}

p, ul {
    margin: 0;
}

p+*, *+p, ul+*, *+ul {
    margin-top: 10px;
}

ul {
    padding: 0 0 0 18px;
}

ul li {
    margin-block: 5px;
}

ul ::marker {
    color: var(--e-global-color-accent);
}

.elementor img {
    border-radius: var(--custom-border-radius);
}

.section-margin {
    margin-top: var(--custom-margin);
    margin-bottom: var(--custom-margin);
}

.section-margin.image-120,
.section-margin.divider-accent {
    margin-top: calc(var(--custom-margin) + 3%);
    margin-bottom: calc(var(--custom-margin) + 3%);
}

.section-padding {
    padding-top: var(--custom-padding);
    padding-bottom: var(--custom-padding);
}

.container-800 .e-con-inner {
    max-width: 800px;
    text-align: center;
}

.text-dark {
    color: var(--e-global-color-primary);
}

.h2-fake {
    font-size: clamp(20px, 5vw, 40px);
    font-weight: 600;
    letter-spacing: 8px;
    margin-bottom: -15px !important;
}

.h2-accent h2 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3px;
}

.divider-accent {
    font-family: canvas-script, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: clamp(30px, 5vw, 135px);
    text-align: center;
}

.divider-accent.small {
    font-size: clamp(30px, 5vw, 65px);
}

.divider-accent::before {
    content: '';
    width: 100%;
    position: absolute;
    height: 300px;
    background-image: url(/wp-content/uploads/2025/06/koppold-lines.svg);
    background-size: cover;
    background-position: center;
    position: absolute;
    margin-top: -100px;
}

.button-accent .elementor-button {
    color: var(--e-global-color-accent);
}

.elementor-button::before {
    content: '';
    width: 30px;
    height: 1px;
    background-color: #fff;
    display: block;
    position: absolute;
    bottom: 0;
}

.button-accent .elementor-button::before {
    background-color: var(--e-global-color-accent);
}

.section-image_text {
    padding: 40px;
    border-radius: var(--custom-border-radius);
}

.white .section-image_text {
    background-color: #fff;
}

.green .section-image_text {
    background-color: var(--e-global-color-accent);
}

.section-image-text.small .section-text-image_image img {
    aspect-ratio: 16/7;
    object-fit: cover;
    width: 100%;
}

.section-image-right img,
.section-image-left img {
    border-radius: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-image-right .section-image_text,
.section-image-left .section-image_text {
    z-index: 9
}

.section-image-v {
    padding: 0;
    gap: 0;
}

.section-image-v.large img {
    border-radius: 0;
}

.section-image-v.large .elementor-widget-image {
    text-align: left;
}

.fade-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
    
.fade-hidden {
    opacity: 0;
    transform: translateY(-20px);
    pointer-events: none;
}

@media (width > 768px) {
    .image-120 .elementor-widget-image,
.image-120 .elementor-widget-container {
        height: 100%;
    }
    
    .image-120 img {
        height: calc(100% + 100px);
        object-fit: cover;
        margin-top: -50px;
    }
}

@media (width > 1000px) {

    .section-image-right .elementor-widget-image {
        position: absolute;
        width: calc(50% + 200px);
        height: 100%;
        right: 0;
    }
    
    .section-image-left .elementor-widget-image {
        position: absolute;
        width: calc(50% + 200px);
        height: 100%;
        left: 0;
    }
    
    .section-text-image-v.small .section-image_text {
        width: 55%;
        margin: -80px 50px 0 auto;
    }
    
    .section-image-v.large .section-image_text {
        align-self: flex-end;
        margin-top: -100px;
    }
    
    .section-image-right .section-image_text,
    .section-image-left .section-image_text {
        margin-top: 50px;
    }
    
    .section-image_text {
        width: 50%;
    }
    
    .section-image-v.large img {
        width: 85%;
    }
    
    .section-image-right,
    .section-image-left {
        padding-bottom: 300px;
    }

}

@media (width < 1001px) {
    .section-image {
        padding: 10px;
    }
    
    .section-image img {
        border-radius: var(--custom-border-radius) !important;
        -webkit-mask-image: unset !important;
    }
    
    .section-image_text {
        width: 100%;
    }
    
    .section-text-image-v,
    .section-image-v {
        padding: 10px !important;
    }
}

@media (width > 767px) {
    .section-image-overlap {
        margin-bottom: 200px;
    }
}

#content {
    padding: 0 !important;
}

#seiten-header {
    z-index: 999;
}

#seiten-logo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    transition: background-color 0.5s, opacity 0.5s ease, transform 0.5s ease;
}

#seiten-logo img {
    transition: 300ms;
}

#seiten-logo::after {
    content: '';
    background-image: url(/wp-content/uploads/2025/06/logo-kreis.svg);
    background-size: cover;
    position: absolute;
    top: -140px;
    left: -200px;
    width: 600px;
    height: 600px;
    z-index: -1;
    transition: 300ms;
}

#seiten-header.elementor-sticky--effects {
    background-color: rgba(30, 30, 30, 0.4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

#seiten-header .elementor-sub-item.elementor-item-active,
#seiten-header .elementor-sub-item {
    background-color: transparent !important;
    border: 0 none !important;
}

#seiten-header .elementor-sub-item:hover {
    background-color: transparent !important;
    border: 0 none !important;
    color: var(--e-global-color-text);
}

#seiten-header a.elementor-sub-item:hover {
    color: var(--e-global-color-secondary) !important;
}

#seiten-header ul .current-menu-item a,
#seiten-header ul .current-menu-item a.elementor-item-anchor.elementor-item-active {
    color: var(--e-global-color-accent);
    font-weight: 700;
}

#seiten-header ul .current-menu-item a.elementor-item-anchor {
    color: #fff;
    font-weight: 400;
}

#seiten-header ul.sub-menu .current-menu-item a {
    color: var(--e-global-color-text) !important;
    font-weight: 400;
}

#seiten-header ul li .sub-arrow {
    display: none !important;
}

@media (width < 1600px) {

    #seiten-header .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child)>a {
        margin-inline-end: 5px;
    }
    
    #seiten-header .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>a {
        margin-inline-start: 5px;
    }

}

.header-navi-wrapper {
    text-transform: uppercase;
    letter-spacing: 2px;
}

.header-links {
    font-weight: 600;
}

.header-links i {
    font-size: 21px !important;
}

.header-links li:nth-of-type(2) a {
    color: var(--e-global-color-accent);
}

@media (width > 1399px) {
    .header-links li:nth-of-type(3) {
        display: none;
    }
}

.page-id-942 #seiten-logo img,
.page-id-944 #seiten-logo img,
.page-id-1398 #seiten-logo img {
    width: 100px;
}
    
.page-id-942 #seiten-logo::after,
.page-id-944 #seiten-logo::after,
.page-id-1398 #seiten-logo::after {
    content: '';
    top: -120px;
    left: -170px;
    width: 300px;
    height: 300px;
}

@media (width < 1800px) {
    #seiten-logo img {
        width: 250px;
    }
    
    #seiten-logo::after {
        content: '';
        top: -70px;
        left: -120px;
        width: 450px;
        height: 450px;
    }
}

@media (width < 1600px) {
    #seiten-logo img {
        width: 200px;
    }
    
    #seiten-logo::after {
        content: '';
        top: -120px;
        left: -170px;
        width: 450px;
        height: 450px;
    }
}

@media (width < 1200px) {
    #seiten-logo img {
        width: 150px;
    }
    
    #seiten-logo::after {
        content: '';
        top: -160px;
        left: -190px;
        width: 400px;
        height: 400px;
    }
}

@media (width < 1400px) {
    #seiten-header .elementor-widget-nav-menu {
        display: none;
    }
}

@media (width < 1000px) {
    #seiten-logo img {
        width: 100px;
    }
    
    #seiten-logo::after {
        content: '';
        top: -120px;
        left: -170px;
        width: 300px;
        height: 300px;
    }
    
    .header-links .elementor-icon-list-text {
        display: none !important;
    }
}

@media (width < 800px) {
    #seiten-logo img,
    .page-id-942 #seiten-logo img,
    .page-id-944 #seiten-logo img,
    .page-id-1398 #seiten-logo img {
        width: 50px;
    }
    
    #seiten-logo::after,
    .page-id-942 #seiten-logo::after,
    .page-id-944 #seiten-logo::after,
    .page-id-1398 #seiten-logo::after {
        content: '';
        top: -50px;
        left: -70px;
        width: 150px;
        height: 150px;
    }
    
    .header-links .elementor-icon-list-text {
        display: none !important;
    }
}

/* Hero */

#hero {
    padding: 0;
    margin-bottom: var(--custom-margin);
    gap: 0;
}

#hero img {
    width: 100%;
    border-radius: 0;
}

#hero .hero-image {
    aspect-ratio: 16/8;
    overflow: hidden;
}

#hero .hero-image::after {
    content: '';
    background: #81BA37;
    background: linear-gradient(0deg,rgba(129, 186, 55, 1) 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
}

#hero .hero-text {
    text-align: center;
    position: absolute;
    width: 40%;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 17%;
    z-index: 99;
}

#hero .fake-h1 {
    font-family: 'canvas-script', sans-serif !important;
    font-size: clamp(30px, 5vw, 135px);
}

#hero .real-h1 h1 {
    font-size: 15px;
    font-weight: 400;
}

#hero .hero-socials {
    position: absolute;
    right: 30px;
    top: 30%;
}

#hero .hero-socials span:nth-of-type(3) .elementor-social-icon {
    background-color: #fff !important;
}

#hero .hero-socials span:nth-of-type(3) .elementor-social-icon i {
    color: var(--e-global-color-accent);
}

@media (width < 1000px) {
    #hero .hero-text {
        width: 75%;
    }
}

/* Intro Text */

#intro-text .intro-text-headline {
    letter-spacing: 5px;
    font-size: clamp(20px, 5vw, 35px);
    text-transform: uppercase;
}

#intro-text ul {
    display: flex;
    list-style-type: none;
    justify-content: center;
    gap: 40px;
}

#intro-text li a {
    font-style: italic;
    font-weight: 600;
    letter-spacing: 2px;
    position: relative;
}

#intro-text li a::before {
    content: '';
    width: 30px;
    height: 1px;
    background-color: #fff;
    display: block;
    position: absolute;
    left: 0;
    bottom: -5px;
}

#intro-text ul li.accent a {
    color: var(--e-global-color-accent);
}

#intro-text li.accent a::before {
    background-color: var(--e-global-color-accent);
}

@media (width < 1000px) {
    #intro-text .intro-text-headline,
    .h2-fake {
        letter-spacing: 2px;
    }
}

.start-news strong {
    color: var(--e-global-color-accent);
}

/* Quote */

.custom-quote .elementor-blockquote__content,
.e-q-footer {
    color: #fff;
}

.custom-quote .elementor-blockquote__content {
    font-size: 27px;
    font-style: italic;
    line-height: 120%;
    position: relative;
    margin-bottom: 60px;
}

.custom-quote .e-q-footer {
    font-size: 17px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.custom-quote .e-q-footer span {
    display: block;
    font-weight: 400;
}

.custom-quote .elementor-blockquote__content::after {
    content: '';
    width: 50px;
    height: 3px;
    background-color: #fff;
    display: block;
    position: relative;
    top: 50px;
    left: 0;
}

.custom-quote .elementor-blockquote--skin-quotation .elementor-blockquote:before {
    display: flex;
    justify-content: center;
    background-color: var(--e-global-color-accent);
    width: 90px;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 100px;
}

.praxis-quote {
    text-align: center;
}

.praxis-quote .custom-quote  .elementor-blockquote__content::after {
    display: none;
}

.praxis-quote .custom-quote  .elementor-blockquote__content {
    margin: 0;
}

@media (width < 768px) {
    .quote-element {
        display: none !important;
    }
}

/* Formular */

.elementor-widget-form input,
.elementor-widget-form textarea,
.elementor-widget-form select {
    background-color: rgba(255, 255, 255, .1) !important;
    border: 0 none !important;
    border-radius: 0;
    color: #fff !important;
}

.elementor-widget-form label {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.elementor-widget-form .elementor-field-type-html {
    font-size: 14px;
    line-height: 150%;
}

.elementor-widget-form .elementor-form .elementor-button-content-wrapper, .elementor-form .elementor-button>span {
    justify-content: flex-start;
    color: var(--e-global-color-accent);
}

.elementor-widget-form .elementor-button::before {
    background-color: var(--e-global-color-accent);
}

/* Loops */
 
.loop-item .e-con-inner {
     gap: 0;
}

.loop-item .loop-item_image img {
    width: 100%;
    height: auto;
    aspect-ratio: 4/5;
    object-fit: cover;
}

.loop-item .loop-item_content {
    color: var(--e-global-color-primary);
    background-color: #fff;
    padding: 30px;
    border-radius: var(--custom-border-radius);
    width: 85%;
    margin-top: -50px;
    margin-left: auto;
}

.loop-item .loop-item_content h3 {
    font-size: 28px;
    color: var(--e-global-color-accent);
}

@media (width < 1000px) {

    .loop-behandlungen {
        margin-bottom: 50px !important;
    }

}

/* Footer */

#page-footer {
    background-color: var(--e-global-color-secondary);
}

.footer-impdat {
    font-size: 14px;
    letter-spacing: 2px;
}

 /* Barrierefreiheit Override */
 
 body.high-contrast-light #seiten-header.elementor-sticky--effects {
    background-color: #f2f2f2 !important;
 }
 
 body.high-contrast-dark .text-dark {
     color: var(--color-background) !important;
 }
 
  body.high-contrast-light .text-dark {
     color: var(--color-text) !important;
 }
 
 body.high-contrast-dark .text-dark a .elementor-button-text,
  body.high-contrast-dark .text-dark a {
     color: var(--color-background) !important;
 }
 
body.high-contrast-dark #hero .hero-socials .elementor-social-icon,
body.high-contrast-light #hero .hero-socials .elementor-social-icon {
    background-color: var(--color-accent) !important;
}
 
body.high-contrast-dark #hero .hero-socials .elementor-social-icon i,
body.high-contrast-light #hero .hero-socials .elementor-social-icon i {
    color: var(--color-background);
}

body.high-contrast-dark .green .section-image_text {
    background-color: var(--color-background) !important;
}

body.high-contrast-dark .loop-item .loop-item_content,
body.high-contrast-dark .loop-item .loop-item_content .elementor-button-text,
body.high-contrast-dark .loop-item .loop-item_content h3 {
    color: var(--color-background) !important;;
}

body.high-contrast-dark .elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-next i,
body.high-contrast-dark .elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-prev i {
    background-color: var(--color-accent) !important;
    color: var(--color-background) !important;
}

body.high-contrast-dark .footer-links li a .elementor-icon-list-text,
body.high-contrast-dark .footer-links li a .elementor-icon-list-icon i,
body.high-contrast-light .footer-links li a .elementor-icon-list-text,
body.high-contrast-light .footer-links li a .elementor-icon-list-icon i {
    color: var(--color-background) !important;
}

body.high-contrast-light #page-footer {
    background-color: var(--color-background) !important;
}

body.high-contrast-light .elementor-widget-form input,
body.high-contrast-light .elementor-widget-form textarea,
body.high-contrast-light .elementor-widget-form select {
    color: var(--color-text) !important;
}/* End custom CSS */