.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1018 .elementor-element.elementor-element-686562b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;}.elementor-1018 .elementor-element.elementor-element-686562b .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:90px;font-weight:500;color:var( --e-global-color-39f20b8 );}.elementor-1018 .elementor-element.elementor-element-e9b10b5{padding:50px 0px 50px 0px;text-align:center;}.elementor-1018 .elementor-element.elementor-element-e9b10b5 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:35px;font-weight:500;color:var( --e-global-color-39f20b8 );}.elementor-1018 .elementor-element.elementor-element-ac3b1a4{--display:flex;--min-height:0px;}@media(min-width:768px){.elementor-1018 .elementor-element.elementor-element-ac3b1a4{--content-width:80%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for html, class: .elementor-element-4d10715 *//* =========================================
   DATENSCHUTZ
   MAY METALL
   ========================================= */

.privacy {
    --privacy-text: #25282a;
    --privacy-muted: #707579;
    --privacy-line: rgba(20, 25, 28, 0.10);
    --privacy-bg: #f5f6f6;
    --privacy-card: #ffffff;
    --privacy-accent: #E53012;

    max-width: 1180px;
    margin: 0 auto;
    padding: 80px 24px 110px;

    color: var(--privacy-text);

    font-family:
        "Inter",
        Arial,
        sans-serif;
}


/* =========================================
   HEADER
   ========================================= */

.privacy__header {
    max-width: 800px;
    margin-bottom: 70px;
}

.privacy__eyebrow {
    display: inline-block;
    margin-bottom: 14px;

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 0.14em;
    text-transform: uppercase;

    color: var(--privacy-accent);
}


.privacy__header h1 {
    margin: 0;

    font-family:
        "Outfit",
        "Inter",
        Arial,
        sans-serif;

    font-size: clamp(42px, 6vw, 72px);
    line-height: 0.95;

    letter-spacing: -0.045em;
    font-weight: 700;

    color: var(--privacy-text);
}


.privacy__intro {
    max-width: 650px;

    margin: 22px 0 0;

    font-size: 17px;
    line-height: 1.7;

    color: var(--privacy-muted);
}


/* =========================================
   CONTENT
   ========================================= */

.privacy__content {
    max-width: 930px;
}


/* =========================================
   HAUPTKAPITEL H2
   ========================================= */

.privacy__content h2 {
    position: relative;

    margin:
        90px
        0
        36px;

    padding:
        27px
        32px
        27px
        40px;

    background: var(--privacy-card);

    border:
        1px solid
        var(--privacy-line);

    border-radius: 3px;

    font-family:
        "Outfit",
        "Inter",
        Arial,
        sans-serif;

    font-size: clamp(26px, 3vw, 34px);
    line-height: 1.2;

    font-weight: 650;
    letter-spacing: -0.025em;

    color: var(--privacy-text);
}


/* Erstes Kapitel braucht oben weniger Abstand */

.privacy__content h2:first-child {
    margin-top: 0;
}


/* Roter Akzent links */

.privacy__content h2::before {
    content: "";

    position: absolute;

    left: 0;
    top: 22px;
    bottom: 22px;

    width: 4px;

    background: var(--privacy-accent);
}


/* =========================================
   H3
   ========================================= */

.privacy__content h3 {
    margin:
        48px
        0
        18px;

    font-family:
        "Outfit",
        "Inter",
        Arial,
        sans-serif;

    font-size: 22px;
    line-height: 1.3;

    font-weight: 600;
    letter-spacing: -0.015em;

    color: var(--privacy-text);
}


/* kleine rote Linie vor H3 */

.privacy__content h3::before {
    content: "";

    display: inline-block;

    width: 22px;
    height: 3px;

    margin:
        0
        10px
        5px
        0;

    background: var(--privacy-accent);
}


/* =========================================
   H4
   ========================================= */

.privacy__content h4 {
    margin:
        32px
        0
        12px;

    font-family:
        "Inter",
        Arial,
        sans-serif;

    font-size: 15px;
    line-height: 1.5;

    font-weight: 700;

    letter-spacing: 0.02em;

    color: var(--privacy-text);
}


/* =========================================
   ABSÄTZE
   ========================================= */

.privacy__content p {
    max-width: 850px;

    margin:
        0
        0
        20px;

    font-size: 15.5px;
    line-height: 1.85;

    font-weight: 400;

    color: var(--privacy-muted);
}


/* =========================================
   LINKS
   ========================================= */

.privacy__content a {
    color: var(--privacy-text);

    text-decoration-line: underline;
    text-decoration-color: rgba(229, 48, 18, 0.45);

    text-decoration-thickness: 1px;
    text-underline-offset: 4px;

    overflow-wrap: anywhere;

    transition:
        color 0.2s ease,
        text-decoration-color 0.2s ease;
}


.privacy__content a:hover {
    color: var(--privacy-accent);

    text-decoration-color:
        var(--privacy-accent);
}


/* =========================================
   LISTEN
   ========================================= */

.privacy__content ul,
.privacy__content ol {
    max-width: 820px;

    margin:
        10px
        0
        28px;

    padding-left: 0;

    list-style: none;
}


.privacy__content li {
    position: relative;

    margin-bottom: 12px;

    padding-left: 25px;

    font-size: 15.5px;
    line-height: 1.75;

    color: var(--privacy-muted);
}


/* eigener Bullet in MAY-Rot */

.privacy__content ul li::before {
    content: "";

    position: absolute;

    top: 0.72em;
    left: 2px;

    width: 6px;
    height: 6px;

    border-radius: 50%;

    background:
        var(--privacy-accent);
}


/* Nummerierte Listen */

.privacy__content ol {
    counter-reset: privacy-counter;
}


.privacy__content ol li {
    counter-increment:
        privacy-counter;
}


.privacy__content ol li::before {
    content:
        counter(privacy-counter) ".";

    position: absolute;

    left: 0;

    font-weight: 700;

    color:
        var(--privacy-accent);
}


/* =========================================
   STARK / BOLD
   ========================================= */

.privacy__content strong {
    font-weight: 650;

    color: var(--privacy-text);
}


/* =========================================
   LANGE URLS / WÖRTER
   ========================================= */

.privacy__content p,
.privacy__content li,
.privacy__content a {
    overflow-wrap: break-word;
    word-wrap: break-word;
}


/* =========================================
   ABSTÄNDE ZWISCHEN THEMEN
   ========================================= */

.privacy__content h2 + h3 {
    margin-top: 0;
}


.privacy__content h3 + h4 {
    margin-top: 18px;
}


.privacy__content h3 + p,
.privacy__content h4 + p {
    margin-top: 0;
}


/* =========================================
   OPTIONAL:
   HERVORGEHOBENE HINWEISE
   ========================================= */

/*
   Falls ein bestimmter Absatz besonders
   hervorgehoben werden soll:

   <p class="privacy__notice">...</p>
*/

.privacy__notice {
    position: relative;

    max-width: 850px !important;

    margin:
        32px
        0 !important;

    padding:
        24px
        26px
        24px
        30px;

    background:
        rgba(229, 48, 18, 0.045);

    border:
        1px solid
        rgba(229, 48, 18, 0.15);

    border-radius: 3px;

    color:
        var(--privacy-text) !important;
}


.privacy__notice::before {
    content: "";

    position: absolute;

    left: 0;
    top: 0;
    bottom: 0;

    width: 3px;

    background:
        var(--privacy-accent);
}


/* =========================================
   OPTIONAL:
   KONTAKTDATEN / VERANTWORTLICHER
   ========================================= */

/*
   Kann z.B. um die Anschrift des
   Verantwortlichen gelegt werden:

   <div class="privacy__contact-card">
       ...
   </div>
*/

.privacy__contact-card {
    max-width: 650px;

    margin:
        24px
        0
        35px;

    padding:
        26px
        30px;

    background:
        var(--privacy-bg);

    border-radius: 3px;
}


.privacy__contact-card p {
    margin-bottom: 12px;
}


.privacy__contact-card p:last-child {
    margin-bottom: 0;
}


/* =========================================
   SELECTION
   ========================================= */

.privacy ::selection {
    background:
        rgba(229, 48, 18, 0.18);

    color:
        var(--privacy-text);
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 800px) {

    .privacy {
        padding:
            55px
            20px
            80px;
    }


    .privacy__header {
        margin-bottom: 48px;
    }


    .privacy__content h2 {
        margin-top: 70px;

        padding:
            24px
            25px
            24px
            30px;

        font-size: 27px;
    }


    .privacy__content h2::before {
        top: 18px;
        bottom: 18px;
    }


    .privacy__content h3 {
        margin-top: 42px;

        font-size: 20px;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 480px) {

    .privacy {
        padding:
            45px
            16px
            65px;
    }


    .privacy__header h1 {
        font-size:
            clamp(38px, 12vw, 52px);

        line-height: 1;
    }


    .privacy__intro {
        font-size: 15.5px;
    }


    .privacy__content h2 {
        margin-top: 55px;

        padding:
            21px
            20px
            21px
            24px;

        font-size: 23px;
    }


    .privacy__content h2::before {
        width: 3px;
    }


    .privacy__content h3 {
        margin-top: 36px;

        font-size: 19px;
    }


    .privacy__content h3::before {
        width: 16px;

        margin-right: 8px;
    }


    .privacy__content h4 {
        font-size: 14.5px;
    }


    .privacy__content p,
    .privacy__content li {
        font-size: 14.5px;

        line-height: 1.8;
    }


    .privacy__notice {
        padding:
            20px
            20px
            20px
            23px;
    }

}/* End custom CSS */