.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-1033 .elementor-element.elementor-element-686562b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 100px;}.elementor-1033 .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-1033 .elementor-element.elementor-element-e9b10b5{padding:50px 0px 50px 0px;text-align:center;}.elementor-1033 .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-1033 .elementor-element.elementor-element-ac3b1a4{--display:flex;--min-height:0px;}@media(min-width:768px){.elementor-1033 .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 *//* =========================================
   AGB
   MAY METALL
   passend zur Datenschutzseite
   ========================================= */

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

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

    color: var(--terms-text);

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


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

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


/* "Rechtliche Informationen" */

.terms__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(--terms-accent);
}


/* Hauptüberschrift */

.terms__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(--terms-text);
}


/* Intro */

.terms__intro {
    max-width: 650px;

    margin: 22px 0 0;

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

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


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

.terms__content {
    max-width: 930px;
}


/* =========================================
   HAUPTKAPITEL
   1. Geltungsbereich
   2. Angebote ...
   usw.
   ========================================= */

.terms__content h2 {
    position: relative;

    margin:
        90px
        0
        36px;

    padding:
        27px
        32px
        27px
        40px;

    background: var(--terms-card);

    border:
        1px solid
        var(--terms-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(--terms-text);
}


/* erstes Kapitel */

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


/* rote Linie links – wie Datenschutz */

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

    position: absolute;

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

    width: 4px;

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


/* =========================================
   NORMALER TEXT
   ========================================= */

.terms__content > p {
    max-width: 850px;

    margin:
        0
        0
        20px
        28px;

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

    font-weight: 400;

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


/* =========================================
   UNTERPUNKTE
   2.1 / 2.2 / 4.1 ...
   ========================================= */

.terms__item {
    position: relative;

    max-width: 850px;

    margin-left: 28px;

    padding:
        19px
        0
        22px
        0;

    border-bottom:
        1px solid
        var(--terms-line);
}


/* letzter Punkt ohne Linie */

.terms__item:last-child {
    border-bottom: 0;
}


/* Text innerhalb eines Unterpunkts */

.terms__item p {
    margin: 0;

    padding-left: 0;

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

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


/* =========================================
   ROTE NUMMER
   ========================================= */

.terms__number {
    display: block;

    margin-bottom: 7px;

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

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

    font-weight: 650;

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


/* kleine rote Linie vor Nummer */

.terms__number::before {
    content: "";

    display: inline-block;

    width: 22px;
    height: 3px;

    margin:
        0
        10px
        4px
        0;

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


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

.terms__content a {
    color: var(--terms-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;
}


.terms__content a:hover {
    color: var(--terms-accent);

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


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

.terms__content strong {
    font-weight: 650;

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


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

.terms__content p,
.terms__content a,
.terms__item {
    overflow-wrap: break-word;
    word-wrap: break-word;
}


/* =========================================
   OPTIONAL: H3
   Falls später Zwischenüberschriften
   eingefügt werden
   ========================================= */

.terms__content h3 {
    margin:
        48px
        0
        18px
        28px;

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

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

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

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


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

    display: inline-block;

    width: 22px;
    height: 3px;

    margin:
        0
        10px
        5px
        0;

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


/* =========================================
   OPTIONAL: H4
   ========================================= */

.terms__content h4 {
    margin:
        32px
        0
        12px
        28px;

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

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

    font-weight: 700;

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


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

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

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


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

@media (max-width: 800px) {

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


    .terms__header {
        margin-bottom: 48px;
    }


    .terms__content h2 {
        margin-top: 70px;

        padding:
            24px
            25px
            24px
            30px;

        font-size: 27px;
    }


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


    .terms__content > p,
    .terms__item {
        margin-left: 20px;
    }


    .terms__content h3,
    .terms__content h4 {
        margin-left: 20px;
    }

}


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

@media (max-width: 480px) {

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


    .terms__header {
        margin-bottom: 42px;
    }


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

        line-height: 1;
    }


    .terms__intro {
        font-size: 15.5px;
    }


    /* Kapitel */

    .terms__content h2 {
        margin-top: 55px;

        padding:
            21px
            20px
            21px
            24px;

        font-size: 23px;
    }


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


    /* Einrückung auf Mobile reduzieren */

    .terms__content > p,
    .terms__item {
        margin-left: 8px;
    }


    .terms__content h3,
    .terms__content h4 {
        margin-left: 8px;
    }


    /* Fließtext */

    .terms__content p,
    .terms__item p {
        font-size: 14.5px;

        line-height: 1.8;
    }


    /* Unterpunkte */

    .terms__item {
        padding:
            17px
            0
            20px;
    }


    .terms__number {
        margin-bottom: 6px;

        font-size: 14px;
    }


    .terms__number::before {
        width: 16px;

        margin-right: 8px;
    }

}
```/* End custom CSS */