/*==========================================
    BG - Home
======================================== */

.home-main {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            115deg,
            #01090E 0%,
            #020D15 38%,
            #041827 68%,
            #072136 100%
        );
}

.home-main::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;

    background:
        radial-gradient(
            ellipse at 88% 32%,
            rgba(37, 157, 255, 0.14) 0%,
            rgba(0, 142, 240, 0.08) 20%,
            rgba(0, 142, 240, 0.025) 38%,
            transparent 58%
        ),
        linear-gradient(
            128deg,
            transparent 34%,
            rgba(96, 154, 205, 0.02) 48%,
            rgba(37, 157, 255, 0.07) 60%,
            rgba(0, 142, 240, 0.10) 72%,
            rgba(0, 142, 240, 0.03) 84%,
            transparent 95%
        );

    filter: blur(30px);
    
}


/* =========================================
   MAIN – NACH UNTEN ABDUNKELN
========================================= */

.home-main::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;

    background:

        /* rechts zusätzlich abdunkeln */
        linear-gradient(
            to right,
            transparent 0%,
            transparent 48%,
            rgba(1, 9, 14, 0.08) 62%,
            rgba(1, 9, 14, 0.22) 76%,
            rgba(1, 9, 14, 0.38) 90%,
            rgba(1, 9, 14, 0.48) 100%
        ),

        /* nach unten abdunkeln */
        linear-gradient(
            to bottom,
            transparent 0%,
            transparent 45%,
            rgba(1, 9, 14, 0.10) 55%,
            rgba(1, 9, 14, 0.22) 66%,
            rgba(1, 9, 14, 0.40) 76%,
            rgba(1, 9, 14, 0.62) 86%,
            rgba(1, 9, 14, 0.82) 94%,
            #01090E 100%
        );
}

.home-main > * {
    position: relative;
    z-index: 1;
}



/* =========================================
   HOME – FAHRZEUGABSCHLUSS
========================================= */

.home-vehicle-finale {
    position: relative;

    width: 100%;
    margin-top: -40px;
    padding: 0;

    background: transparent;
    overflow: visible;
}

.home-vehicle-finale img {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;

    /* KEINE Maske */
    -webkit-mask-image: none;
    mask-image: none;
}

@keyframes vehicle-glow {
    0%, 100% {
        filter: drop-shadow(0 0 0 rgba(37, 157, 255, 0));
    }

    50% {
        filter: drop-shadow(0 0 12px rgba(37, 157, 255, 0.10));
    }
}

.home-vehicle-finale img {
    animation: vehicle-glow 7s ease-in-out infinite;
}

/* =========================================
   HOME – TRENNLINIE NACH FAHRZEUGGRAFIK
========================================= */

.home-section-divider {
    position: relative;

    width: 100%;
    height: 1px;

    background: linear-gradient(
        90deg,
        rgba(1, 9, 14, 0.95) 0%,
        rgba(116, 122, 128, 0.45) 18%,
        rgba(191, 195, 199, 0.75) 48%,
        rgba(0, 142, 240, 0.55) 70%,
        rgba(1, 9, 14, 0.95) 100%
    );

    box-shadow:
        0 0 6px rgba(37, 157, 255, 0.14),
        0 0 16px rgba(0, 142, 240, 0.08);
}

/* =========================================
   HOME – CLAIM
========================================= */

.home-claim {
    position: relative;
    padding: 32px 7% 36px;

    text-align: center;
}

.home-claim-main {
    margin: 0;

    font-size: clamp(1.25rem, 2vw, 2rem);
    font-weight: 600;
    letter-spacing: 0.12em;

    color: var(--lg-silver);
}

.home-claim-sub {
    margin: 12px 0 0;

    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.28em;

    color: var(--lg-blue);
}


/* =========================================
   HOME – WARUM LAUSITZGLANZ
========================================= */

.home-block {
    padding: 60px 7%;
}

.home-block-frame {
    position: relative;

    max-width: 1500px;
    margin: 0 auto;

    padding: 48px 50px 55px;

    border-top: 1px solid rgba(191, 195, 199, 0.65);
    border-left: 1px solid rgba(191, 195, 199, 0.65);
}

/* Licht auf der oberen rechten Rahmenkante */
.home-block-frame::before {
    content: "";
    position: absolute;

    top: -1px;
    right: 4%;

    width: 260px;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(37, 157, 255, 0.30),
        #F1F3F4,
        rgba(37, 157, 255, 0.35),
        transparent
    );

    box-shadow:
        0 0 8px rgba(37, 157, 255, 0.35),
        0 0 22px rgba(0, 142, 240, 0.18);

    animation: frame-glint 6s ease-in-out infinite;
}

/* weicher Lichtschein in der Ecke */
.home-block-frame::after {
    content: "";
    position: absolute;

    top: -80px;
    right: -40px;

    width: 350px;
    height: 220px;

    pointer-events: none;

    background: radial-gradient(
        ellipse at center,
        rgba(37, 157, 255, 0.12) 0%,
        rgba(0, 142, 240, 0.045) 40%,
        transparent 72%
    );

    filter: blur(28px);
}

.home-block-title {
    position: relative;
    z-index: 1;

    display: block;
    margin-bottom: 45px;

    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.20em;

    color: var(--lg-blue);
}

.home-block-content {
    position: relative;
    z-index: 1;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 70px;
}

.home-block-item span {
    display: block;

    margin-bottom: 16px;

    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: 0.08em;

    color: var(--lg-silver);
}

.home-block-item p {
    max-width: 360px;
    margin: 0;

    font-size: 0.95rem;
    line-height: 1.7;

    color: var(--lg-silver-mid);
}

/* =========================================
   HOME – SERVICE
========================================= */

.home-block-service {
    padding-top: 20px;
}

.home-service-frame {
    position: relative;

    max-width: 1500px;
    margin: 0 auto;

    padding: 48px 50px 55px;

    border-top: 1px solid rgba(191, 195, 199, 0.65);
    border-right: 1px solid rgba(191, 195, 199, 0.65);
}


/* Lichtreflex – diesmal links */

.home-service-frame::before {
    content: "";
    position: absolute;

    top: -1px;
    left: 4%;

    width: 260px;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(37, 157, 255, 0.35),
        #F1F3F4,
        rgba(37, 157, 255, 0.30),
        transparent
    );

    box-shadow:
        0 0 8px rgba(37, 157, 255, 0.35),
        0 0 22px rgba(0, 142, 240, 0.18);

    animation: frame-glint 6s ease-in-out infinite;
}


/* weicher Lichtschein */

.home-service-frame::after {
    content: "";
    position: absolute;

    top: -80px;
    left: -40px;

    width: 350px;
    height: 220px;

    pointer-events: none;

    background: radial-gradient(
        ellipse at center,
        rgba(37, 157, 255, 0.12) 0%,
        rgba(0, 142, 240, 0.045) 40%,
        transparent 72%
    );

    filter: blur(28px);
}


/* Ãœberschrift */

.home-service-title {
    text-align: right;
}


/* Inhalt */

.home-service-content {
    position: relative;
    z-index: 1;

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 70px;
}


.home-service-number {
    display: block;

    margin-bottom: 12px;

    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.20em;

    color: var(--lg-blue);
}


.home-service-item h2 {
    margin: 0 0 18px;

    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: 0.08em;

    color: var(--lg-silver);
}


.home-service-item p {
    max-width: 360px;
    margin: 0;

    font-size: 0.95rem;
    line-height: 1.7;

    color: var(--lg-silver-mid);
}

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

@media (max-width: 900px) {

    /* Warum Lausitzglanz – alle drei Inhalte untereinander */
    .home-block-content {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    /* Service – alle drei Inhalte untereinander */
    .home-service-content {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    /* Fahrzeuge – alle drei Inhalte untereinander */
    .home-vehicles-content {
        grid-template-columns: 1fr;
        gap: 35px;
    }

}

/* =========================================
   HOME – FAHRZEUGE
========================================= */

.home-block-vehicles {
    margin-top: -40px;
    padding-top: 20px;
}

.home-vehicles-frame {
    position: relative;

    max-width: 1500px;
    margin: 0 auto;

    padding: 48px 50px 55px;

    border-left: 1px solid rgba(191, 195, 199, 0.65);
    border-bottom: 1px solid rgba(191, 195, 199, 0.65);
}


/* Lichtreflex – diesmal unten rechts */

.home-vehicles-frame::before {
    content: "";
    position: absolute;

    bottom: -1px;
    right: 6%;

    width: 280px;
    height: 2px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(37, 157, 255, 0.30),
        #F1F3F4,
        rgba(37, 157, 255, 0.38),
        transparent
    );

    box-shadow:
        0 0 8px rgba(37, 157, 255, 0.32),
        0 0 22px rgba(0, 142, 240, 0.16);

    animation: frame-glint 6s ease-in-out infinite;
}


/* weicher Lichtschein */

.home-vehicles-frame::after {
    content: "";
    position: absolute;

    bottom: -70px;
    right: -40px;

    width: 380px;
    height: 230px;

    pointer-events: none;

    background: radial-gradient(
        ellipse at center,
        rgba(37, 157, 255, 0.11) 0%,
        rgba(0, 142, 240, 0.04) 42%,
        transparent 74%
    );

    filter: blur(30px);
}


/* Ãœberschrift */

.home-vehicles-title {
    margin-bottom: 45px;
}


/* Inhalt */

.home-vehicles-content {
    position: relative;
    z-index: 1;

    display: grid;
    grid-template-columns: 1fr 1.1fr 1fr;
    gap: 70px;
}


.home-vehicles-item h2 {
    margin: 0 0 18px;

    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: 0.08em;

    color: var(--lg-silver);

    /*color: var(--lg-blue);*/
}


.home-vehicles-item p {
    max-width: 380px;
    margin: 0;

    font-size: 0.95rem;
    line-height: 1.7;

    color: var(--lg-silver-mid);
}



/*==============================
          Responsive
============================= */


@media (max-width: 900px) {

    .home-block-service {
        padding-top: 25px;
    }

    .home-service-frame {
        padding: 38px 30px 45px;
    }

    .home-service-content {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .home-service-title {
        text-align: left;
    }
}

/* =================================================
   ÃœBER UNS
================================================= */

.home-about {
    position: relative;
    padding: 70px 6%;
}


/* gemeinsamer Rahmen */

.home-about-frame {
    position: relative;

    max-width: 1400px;
    margin: 0 auto;

    padding: 55px 55px 45px;

    border-left: 1px solid rgba(255, 255, 255, 0.35);
    border-bottom: 1px solid rgba(255, 255, 255, 0.35);
}


/* obere Linie mit Licht */

.home-about-frame::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    right: 0;

    height: 1px;

    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.35) 0%,
            rgba(255, 255, 255, 0.35) 55%,
            rgba(0, 142, 240, 0.85) 78%,
            rgba(255, 255, 255, 0.35) 100%
        );

    box-shadow:
        0 0 12px rgba(0, 142, 240, 0.35);
}


/* ÃœBER UNS */

.home-about-kicker {
    display: block;

    margin-bottom: 45px;

    color: var(--lg-blue);

    font-size: 0.9rem;
    font-weight: 600;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}


/* 2 x 2 */

.home-about-grid {
    display: grid;

    grid-template-columns: repeat(2, minmax(0, 1fr));

    column-gap: 90px;
    row-gap: 0;
}


/* einzelne Inhalte */

.home-about-item {
    position: relative;

    min-height: 150px;

    padding: 25px 0 35px;

    background: none;
}


/* obere Reihe */

.home-about-item:nth-child(-n + 2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}


/* linke Spalte */

.home-about-item:nth-child(odd) {
    padding-right: 45px;
}


/* rechte Spalte */

.home-about-item:nth-child(even) {
    padding-left: 45px;

    border-left: 1px solid rgba(255, 255, 255, 0.16);
}


/* Ãœberschriften */

.home-about-item h2 {
    margin: 0 0 16px;

    color: var(--lg-silver);

    font-size: 1.15rem;
    font-weight: 600;

    letter-spacing: 0.03em;
}


/* Texte */

.home-about-item p {
    max-width: 520px;

    margin: 0;

    color: var(--lg-silver-mid);

    font-size: 0.95rem;

    line-height: 1.7;
}

/* =================================================
   BESONDERE TROCKENEISREINIGUNG
================================================= */

.home-about-item-special {
    position: relative;

    text-align: center;
}


/* Ãœberschrift */

.home-about-item-special h2 {
    margin: 0 0 18px;

    color: var(--lg-blue);

    font-size: 1.25rem;
    font-weight: 600;

    letter-spacing: 0.05em;

    text-transform: uppercase;
}


/* Erklärung */

.home-about-special-intro {
    max-width: 520px;

    margin: 0 auto 18px;

    color: var(--lg-silver-mid);

    font-size: 0.95rem;

    line-height: 1.7;

    text-align: center;
}


/* Kernaussage */

.home-about-special-line {
    display: block;

    max-width: 520px;

    margin: 0 auto;

    color: var(--lg-silver);

    font-size: 1rem;
    font-weight: 600;

    line-height: 1.6;

    letter-spacing: 0.02em;

    text-align: center;
}

/* =================================================
   RESPONSIVE
================================================= */

@media (max-width: 900px) {

    .home-about {
        padding: 55px 6%;
    }

    .home-about-frame {
        padding: 45px 35px 35px;
    }

    .home-about-grid {
        grid-template-columns: 1fr;
    }

    .home-about-item {
        min-height: auto;

        padding: 28px 0 !important;

        border-left: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    }

    .home-about-item:last-child {
        border-bottom: 0;
    }
}

/* =================================================
   BEISPIELE UNSERER ARBEIT
================================================= */

.home-references {
    position: relative;

    margin-top: 45px;
    padding-top: 35px;

    border-top: 1px solid rgba(255,255,255,0.20);
}


/* Ãœberschrift */

.home-references-kicker {
    display: block;

    margin-bottom: 32px;

    color: var(--lg-blue);

    font-size: 0.9rem;
    font-weight: 600;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}


/* Referenzen gleichmäßig verteilen */

.home-references-links {
    display: grid;

    grid-template-columns:
        repeat(auto-fit, minmax(0, 1fr));

    width: 100%;

    align-items: stretch;

    gap: 0;
}


/* einzelner Haltepunkt */

.home-reference-link {
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    min-width: 0;

    padding: 22px 32px 24px;

    background: transparent;

    border: 0;
    border-left: 1px solid rgba(255,255,255,0.16);

    color: inherit;

    font-family: inherit;
    text-align: left;

    cursor: pointer;

    transition:
        border-color .3s ease,
        transform .3s ease;
}


/* letzte feine Begrenzung */

.home-reference-link:last-child {
    border-right: 1px solid rgba(255,255,255,0.16);
}


/* Fahrzeug */

.home-reference-name {
    margin-bottom: 10px;

    color: var(--lg-silver);

    font-size: 1.05rem;
    font-weight: 600;

    letter-spacing: 0.03em;

    transition: color .3s ease;
}


/* Vorher / Nachher */

.home-reference-action {
    color: var(--lg-silver-mid);

    font-size: 0.85rem;

    letter-spacing: 0.05em;
}


/* Pfeil */

.home-reference-arrow {
    display: inline-block;

    margin-left: 8px;

    color: var(--lg-blue);

    transition: transform .3s ease;
}


/* Hover */

.home-reference-link:hover {
    border-left-color: rgba(0,142,240,0.65);
}

.home-reference-link:hover .home-reference-name {
    color: var(--lg-blue);
}

.home-reference-link:hover .home-reference-arrow {
    transform: translateX(6px);
}


/* =================================================
   RESPONSIVE
================================================= */

@media (max-width: 900px) {

    .home-references-links {
        grid-template-columns: 1fr;
    }

    .home-reference-link {
        padding: 22px 0;

        border-left: 0;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,0.16);
    }

}

/* =================================================
   ÜBER UNS – KOOPERATION
================================================= */

.home-cooperation {
    position: relative;

    margin-top: 20px;
    padding-top: 35px;

    border-top: 1px solid rgba(255, 255, 255, 0.20);
}

/* kleiner blauer Titel */

.home-cooperation-kicker {
    display: block;

    margin-bottom: 35px;

    color: var(--lg-blue);

    font-size: 0.9rem;
    font-weight: 600;

    letter-spacing: 0.22em;

    text-transform: uppercase;
}


/* Logo + Inhalt */

.home-cooperation-content {

    display:grid;

    grid-template-columns: 360px 1fr;

    gap: 160px;

    align-items:center;

}


/* Logo */

.home-cooperation-logo {
    display: flex;

    align-items: center;
    justify-content: flex-start;
}


.home-cooperation-logo img {
    display: block;

    width:100%;

    max-width:240px;

    height:auto;
}



/* Text */

.home-cooperation-text {

    max-width: 620px;
    transform: translateY(8px);
}

.home-cooperation-text h3 {
    margin: 0 0 18px;

    color: var(--lg-silver);

    font-size: 1.15rem;
    font-weight: 600;

    letter-spacing: 0.03em;
}


.home-cooperation-text p {

    margin: 0 0 12px;

    color: var(--lg-silver-mid);

    font-size: 0.95rem;

    line-height: 1.7;

}



.home-cooperation-text p:last-child {
    margin-bottom: 0;
}


/* =================================================
   RESPONSIVE
================================================= */

@media (max-width: 900px) {

    .home-cooperation {
        margin-top: 10px;
        padding-top: 35px;
    }

    .home-cooperation-content {
        grid-template-columns: 1fr;

        gap: 30px;
    }

    .home-cooperation-logo {
        justify-content: flex-start;
    }

    .home-cooperation-logo img {
        max-width: 230px;
    }
}




/* =========================================
   HOME – KONTAKT
========================================= */

.home-contact {
    position: relative;

    width: 88%;
    margin: 40px auto 0;
    padding: 80px 4% 85px;

    border-top: 1px solid rgba(191, 195, 199, 0.45);

    background:
        radial-gradient(
            ellipse at 78% 50%,
            rgba(0, 142, 240, 0.09) 0%,
            rgba(0, 142, 240, 0.025) 38%,
            transparent 68%
        );
}

.home-contact::before {
    content: "";
    position: absolute;

    top: -1px;
    right: 10%;

    width: 180px;
    height: 1px;

    background: rgba(90, 190, 255, 0.9);

    box-shadow:
        0 0 8px rgba(37, 157, 255, 0.65),
        0 0 22px rgba(37, 157, 255, 0.30);
}

.home-contact-inner {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 100px;

    align-items: center;
}

.home-contact-kicker {
    display: block;

    margin-bottom: 25px;

    color: var(--lg-blue);

    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.25em;
}

.home-contact h2 {
    margin: 0 0 24px;

    color: var(--lg-silver);

    font-size: clamp(2rem, 3vw, 3.6rem);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: 0.03em;
}

.home-contact-text p {
    max-width: 620px;
    margin: 0;

    color: var(--lg-silver-mid);

    font-size: 1rem;
    line-height: 1.75;
}


/* rechte Seite */

.home-contact-action {
    padding-left: 45px;

    border-left: 1px solid rgba(191, 195, 199, 0.28);
}

.home-contact-button {
    display: inline-flex;
    align-items: center;
    gap: 28px;

    padding: 16px 0;

    color: var(--lg-silver);
    text-decoration: none;

    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.16em;

    border-bottom: 1px solid var(--lg-blue);

    transition:
        color 0.3s ease,
        border-color 0.3s ease;
}

.home-contact-button span {
    color: var(--lg-blue);

    font-size: 1.5rem;

    transition: transform 0.3s ease;
}

.home-contact-button:hover {
    color: #ffffff;
    border-color: #ffffff;
}

.home-contact-button:hover span {
    transform: translateX(8px);
}

.home-contact-action p {
    margin: 22px 0 0;

    color: rgba(191, 195, 199, 0.65);

    font-size: 0.85rem;
    letter-spacing: 0.05em;
}

/* =========================================
   FORMULAR – MELDUNGEN
========================================= */

.home-form-message {
    margin-bottom: 28px;
    padding: 14px 18px;

    font-size: 0.9rem;
    line-height: 1.5;

    border-left: 2px solid;
}

.home-form-success {
    color: #d9f7e5;

    background: rgba(46, 160, 90, 0.08);

    border-color: rgba(91, 220, 140, 0.8);
}

.home-form-error {
    color: #ffd6d6;

    background: rgba(180, 45, 45, 0.08);

    border-color: rgba(255, 95, 95, 0.8);
}

/* =========================================
   KONTAKT – RESPONSIVE
========================================= */

@media (max-width: 900px) {

    .home-contact {
        width: 88%;
        padding: 60px 0 65px;
    }

    .home-contact-inner {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .home-contact-action {
        padding-left: 0;
        padding-top: 35px;

        border-left: 0;
        border-top: 1px solid rgba(191, 195, 199, 0.22);
    }
}


/* =========================================
   HOME – KONTAKT
========================================= */

.home-contact {
    position: relative;

    width: 88%;
    margin: 80px auto 0;
    padding: 55px 4% 75px;

    border-top: 1px solid rgba(191, 195, 199, 0.42);
    border-left: 1px solid rgba(191, 195, 199, 0.42);
}


/* Licht auf oberer Rahmenlinie */

.home-contact::before {
    content: "";
    position: absolute;

    top: -1px;
    left: 18%;

    width: 180px;
    height: 1px;

    background: rgba(120, 205, 255, 0.95);

    box-shadow:
        0 0 8px rgba(37, 157, 255, 0.65),
        0 0 22px rgba(37, 157, 255, 0.30);

    pointer-events: none;
}


/* Ãœberschrift */

.home-contact-head {
    margin-bottom: 55px;
}

.home-contact-head span {
    color: var(--lg-blue);

    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.25em;
}


/* =========================================
   12-SPALTEN-PRINZIP
   Kontakt 3 / Luft 3 / Formular 6
========================================= */

.home-contact-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 3fr)
        minmax(0, 3fr)
        minmax(0, 6fr);

    align-items: start;
}

.home-contact-data {
    grid-column: 1;
}

.home-contact-form {
    grid-column: 3;
}


/* =========================================
   KONTAKTDATEN
========================================= */

.home-contact-data h2,
.home-contact-form h2 {
    margin: 0 0 32px;

    color: var(--lg-silver);

    font-size: 1.35rem;
    font-weight: 600;
    letter-spacing: 0.08em;
}

.home-contact-group {
    margin-bottom: 30px;
}

.home-contact-label {
    display: block;

    margin-bottom: 8px;

    color: var(--lg-blue);

    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.18em;
}

.home-contact-group p {
    margin: 0;

    color: var(--lg-silver-mid);

    font-size: 0.95rem;
    line-height: 1.7;
}

.home-contact-group a {
    color: inherit;
    text-decoration: none;

    transition: color 0.25s ease;
}

.home-contact-group a:hover {
    color: var(--lg-blue);
}


/* =========================================
   FORMULAR
========================================= */

.home-contact-intro {
    max-width: 600px;
    margin: -15px 0 38px;

    color: var(--lg-silver-mid);

    font-size: 0.95rem;
    line-height: 1.7;
}

.home-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
}

.home-form-field {
    margin-bottom: 30px;
}

.home-form-field label {
    display: block;

    margin-bottom: 10px;

    color: var(--lg-silver-mid);

    font-size: 0.72rem;
    font-weight: 600;
    letter-spacing: 0.18em;
}

.home-form-field input,
.home-form-field textarea {
    display: block;

    width: 100%;

    padding: 12px 0;

    color: var(--lg-silver);

    font: inherit;

    background: transparent;

    border: 0;
    border-bottom: 1px solid rgba(191, 195, 199, 0.30);

    outline: none;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.home-form-field textarea {
    resize: vertical;
}

.home-form-field input:focus,
.home-form-field textarea:focus {
    border-color: var(--lg-blue);

    box-shadow:
        0 5px 10px -10px rgba(37, 157, 255, 0.8);
}


/* SENDEN */

.home-form-submit {
    display: inline-flex;
    align-items: center;
    gap: 25px;

    padding: 14px 0;

    color: var(--lg-silver);

    font: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.16em;

    background: transparent;

    border: 0;
    border-bottom: 1px solid var(--lg-blue);

    cursor: pointer;
}

.home-form-submit span {
    color: var(--lg-blue);

    font-size: 1.3rem;

    transition: transform 0.3s ease;
}

.home-form-submit:hover span {
    transform: translateX(7px);
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 900px) {

    .home-contact {
        width: 88%;
        padding: 50px 5% 60px;
    }

    .home-contact-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .home-contact-data,
    .home-contact-form {
        grid-column: 1;
    }

    .home-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }
}


/* =========================================
   SCROLL-ANIMATION
========================================= */

.home-block,
.home-cooperation,
.home-claim {
    opacity: 0;
    transform: translateY(28px);

    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}

.home-block.is-visible,
.home-cooperation.is-visible,
.home-claim.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@keyframes frame-glint {
    0% {
        opacity: 0.45;
        transform: translateX(-20px);
    }

    50% {
        opacity: 1;
        transform: translateX(20px);
    }

    100% {
        opacity: 0.45;
        transform: translateX(-20px);
    }
}

/* =========================================
   FAHRZEUGE – MOBILE
========================================= */

@media (max-width: 900px) {

    .home-vehicles-content {
        grid-template-columns: 1fr !important;
        gap: 35px;
    }

}