.elementor-kit-10{--e-global-color-primary:#242D2F;--e-global-color-secondary:#709B91;--e-global-color-accent:#ED712F;--e-global-color-text:#ECECEC;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:400;--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;--e-global-typography-9563bdc-font-family:"Anton";--e-global-typography-9563bdc-font-size:16rem;--e-global-typography-c4e872e-font-family:"Anton";--e-global-typography-c4e872e-font-size:14rem;--e-global-typography-2ae51c0-font-family:"Anton";--e-global-typography-2ae51c0-font-size:9rem;--e-global-typography-921c386-font-family:"Anton";--e-global-typography-921c386-font-size:6rem;--e-global-typography-15aa64f-font-family:"Anton";--e-global-typography-15aa64f-font-size:4rem;--e-global-typography-b8381dc-font-family:"Anton";--e-global-typography-b8381dc-font-size:2.75rem;--e-global-typography-b8381dc-letter-spacing:0.5px;--e-global-typography-d063988-font-family:"Anton";--e-global-typography-d063988-font-size:2rem;--e-global-typography-a98ca43-font-family:"Anton";--e-global-typography-a98ca43-font-size:1.25rem;--e-global-typography-ce7ff61-font-family:"Poppins";--e-global-typography-ce7ff61-font-size:1rem;--e-global-typography-ce7ff61-font-weight:700;--e-global-typography-3c47068-font-family:"Poppins";--e-global-typography-3c47068-font-size:1rem;--e-global-typography-3c47068-font-weight:700;--e-global-typography-a0147d3-font-family:"Poppins";--e-global-typography-a0147d3-font-size:1rem;--e-global-typography-7995142-font-family:"Poppins";--e-global-typography-7995142-font-size:1.25rem;--e-global-typography-7995142-font-weight:700;--e-global-typography-7995142-letter-spacing:0.5px;--e-global-typography-ef68cf4-font-family:"Poppins";--e-global-typography-ef68cf4-font-size:2rem;--e-global-typography-ef68cf4-font-weight:700;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{background-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-a98ca43-font-family ), Sans-serif;font-size:var( --e-global-typography-a98ca43-font-size );color:var( --e-global-color-text );}.elementor-kit-10 button:hover,.elementor-kit-10 button:focus,.elementor-kit-10 input[type="button"]:hover,.elementor-kit-10 input[type="button"]:focus,.elementor-kit-10 input[type="submit"]:hover,.elementor-kit-10 input[type="submit"]:focus,.elementor-kit-10 .elementor-button:hover,.elementor-kit-10 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-text );}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-10{--e-global-typography-9563bdc-font-size:12rem;--e-global-typography-9563bdc-line-height:1em;--e-global-typography-2ae51c0-font-size:7rem;--e-global-typography-15aa64f-font-size:3rem;--e-global-typography-b8381dc-font-size:2rem;--e-global-typography-ef68cf4-font-size:1.5rem;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{font-size:var( --e-global-typography-a98ca43-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-10{--e-global-typography-9563bdc-font-size:8rem;--e-global-typography-9563bdc-line-height:1em;--e-global-typography-2ae51c0-font-size:4.5rem;--e-global-typography-15aa64f-font-size:3.5rem;--e-global-typography-b8381dc-font-size:2rem;--e-global-typography-7995142-font-size:1rem;--e-global-typography-ef68cf4-font-size:1rem;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{font-size:var( --e-global-typography-a98ca43-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =====================================
   CONTENT DESIGN SYSTEM – COMPLETE
   ===================================== */

/* ----------------
   VARIABLEN
   ---------------- */

:root {
    /* Radius */
    --content-radius: 12px;
    
    /* Wrapper Padding (Seiten) */
    --wrapper-padding-desktop: 5%;
    --wrapper-padding-tablet: 6%;
    --wrapper-padding-mobile: 4%;
    
    /* Spacing Höhe */
    --spacing-height-desktop: 80px;
    --spacing-height-tablet: 40px;
    --spacing-height-mobile: 20px;
}

/* ----------------
   WRAPPER (Seiten-Padding)
   ---------------- */

body .content--wrapper.e-con {
    padding-left: var(--wrapper-padding-desktop) !important;
    padding-right: var(--wrapper-padding-desktop) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box;
}

@media (max-width: 1024px) {
    body .content--wrapper.e-con {
        padding-left: var(--wrapper-padding-tablet) !important;
        padding-right: var(--wrapper-padding-tablet) !important;
    }
}

@media (max-width: 767px) {
    body .content--wrapper.e-con {
        padding-left: var(--wrapper-padding-mobile) !important;
        padding-right: var(--wrapper-padding-mobile) !important;
    }
}

/* ----------------
   SPACING (Mindesthöhe)
   ---------------- */

body .content--spacing.e-con {
    min-height: var(--spacing-height-desktop) !important;
}

@media (max-width: 1024px) {
    body .content--spacing.e-con {
        min-height: var(--spacing-height-tablet) !important;
    }
}

@media (max-width: 767px) {
    body .content--spacing.e-con {
        min-height: var(--spacing-height-mobile) !important;
    }
}

/* ----------------
   CONTAINER BASIS
   ---------------- */

body .content--landscape.e-con,
body .content--portrait.e-con {
    width: 100%;
    height: auto;
    border-radius: var(--content-radius);
    overflow: hidden;
}

/* ----------------
   LANDSCAPE (Full Width Grid)
   ---------------- */

body .elementor-loop-item:has(.content--landscape) {
    grid-column: 1 / -1 !important;
}

body .content--landscape.e-con {
    aspect-ratio: 16 / 9;
}

/* ----------------
   PORTRAIT
   ---------------- */

body .content--portrait.e-con {
    aspect-ratio: 3 / 4;
}

/* ----------------
   MEDIEN
   ---------------- */

body .content--landscape.e-con img,
body .content--portrait.e-con img,
body .content--landscape.e-con video,
body .content--portrait.e-con video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.my-icon-list-shortcode {
    list-style: none;
    padding: 0;
    margin: 0;
    /* Hier aktivieren wir die 2 Spalten */
    column-count: 2;
    column-gap: 20px; /* Abstand zwischen den beiden Spalten */
}

.my-icon-list-shortcode .elementor-icon-list-item {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    /* Verhindert, dass ein Item unschön zwischen den Spalten zerrissen wird */
    break-inside: avoid; 
    -webkit-column-break-inside: avoid;
}

.my-icon-list-shortcode .elementor-icon-list-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.my-icon-list-shortcode .elementor-icon-list-icon img {
    width: 14px;
    height: 14px;
    background-color: #709B91;
    -webkit-mask-image: url('https://www.motivmedia.de/wp-content/uploads/2026/03/Icon_Check.svg');
    mask-image: url('https://www.motivmedia.de/wp-content/uploads/2026/03/Icon_Check.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.my-icon-list-shortcode .elementor-icon-list-text {
    color: #ECECEC;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    text-transform: none;
}

/* Optional: Auf dem Handy wieder einspaltig anzeigen */
@media (max-width: 767px) {
    .my-icon-list-shortcode {
        column-count: 1;
    }
}/* End custom CSS */