/* Die Staplerbatterie Tools v3.2.0 */
:root {
    --dsb-blue: #061725;
    --dsb-blue-2: #0B1F33;
    --dsb-blue-3: #123452;
    --dsb-yellow: #F5B400;
    --dsb-yellow-2: #FFD35A;
    --dsb-text: #101827;
    --dsb-muted: #64748B;
    --dsb-bg: #F4F7FA;
    --dsb-white: #FFFFFF;
    --dsb-border: #E5E7EB;
    --dsb-shadow: 0 28px 90px rgba(6, 23, 37, 0.18);
}


/* v3.1.0 – Spannungs- und Batterietypen-Portal */
.dsb-taxonomy-page {
    background: #f4f7fa;
}

.dsb-taxonomy-hero {
    position: relative;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 74% 46%, rgba(245, 180, 0, .2), transparent 27%),
        linear-gradient(128deg, #061725 0%, #0b263d 58%, #123f63 100%);
    padding: clamp(72px, 8vw, 124px) 0;
}

.dsb-taxonomy-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .18;
    background-image:
        linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px);
    background-size: 58px 58px;
    mask-image: linear-gradient(90deg, transparent 6%, #000 55%, transparent 100%);
}

.dsb-taxonomy-hero__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .52fr);
    align-items: center;
    gap: clamp(36px, 7vw, 100px);
}

.dsb-taxonomy-hero h1 {
    max-width: 900px;
    margin: 0;
    color: #fff;
    font-size: clamp(3.1rem, 5.7vw, 6rem);
    line-height: .95;
    letter-spacing: -.065em;
}

.dsb-taxonomy-hero__grid > div > p {
    max-width: 770px;
    margin: 25px 0 0;
    color: rgba(255,255,255,.77);
    font-size: clamp(1rem, 1.35vw, 1.22rem);
    line-height: 1.72;
}

.dsb-taxonomy-hero__panel {
    padding: clamp(26px, 4vw, 42px);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 28px;
    background: rgba(255,255,255,.085);
    box-shadow: 0 26px 70px rgba(0,0,0,.18);
    backdrop-filter: blur(12px);
}

.dsb-taxonomy-hero__panel > span {
    display: block;
    margin-bottom: 18px;
    color: #f5b400;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dsb-taxonomy-hero__panel > strong {
    display: block;
    color: #fff;
    font-size: clamp(2rem, 3vw, 3.35rem);
    line-height: 1;
    letter-spacing: -.045em;
}

.dsb-taxonomy-hero__panel > p {
    margin: 18px 0 0;
    color: rgba(255,255,255,.75);
    line-height: 1.7;
}

.dsb-taxonomy-hero__panel ul {
    display: grid;
    gap: 0;
    margin: 24px 0 0;
    padding: 0;
    list-style: none;
}

.dsb-taxonomy-hero__panel li {
    padding: 13px 0;
    border-top: 1px solid rgba(255,255,255,.12);
    color: rgba(255,255,255,.82);
    font-weight: 750;
}

.dsb-taxonomy-hero__panel li::before {
    content: "✓";
    margin-right: 10px;
    color: #f5b400;
    font-weight: 1000;
}

.dsb-taxonomy-content {
    padding: clamp(70px, 8vw, 118px) 0;
}

.dsb-taxonomy-intro {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(340px, .65fr);
    align-items: end;
    gap: clamp(34px, 7vw, 100px);
    margin-bottom: 42px;
}

.dsb-taxonomy-intro h2 {
    max-width: 720px;
    margin: 0;
    color: var(--dsb-blue);
    font-size: clamp(2.6rem, 4.4vw, 5rem);
    line-height: .98;
    letter-spacing: -.055em;
}

.dsb-taxonomy-intro > p {
    margin: 0;
    color: var(--dsb-muted);
    font-size: 1.04rem;
    line-height: 1.72;
}

.dsb-taxonomy-grid {
    display: grid;
    gap: 18px;
}

.dsb-taxonomy-grid--voltage {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dsb-taxonomy-grid--types {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dsb-taxonomy-card {
    position: relative;
    display: flex;
    min-height: 360px;
    flex-direction: column;
    padding: 30px;
    overflow: hidden;
    color: var(--dsb-blue);
    text-decoration: none;
    border: 1px solid #dce4ea;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 16px 44px rgba(8,31,49,.065);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

a.dsb-taxonomy-card:hover {
    transform: translateY(-4px);
    border-color: rgba(245,180,0,.55);
    box-shadow: 0 24px 56px rgba(8,31,49,.12);
}

.dsb-taxonomy-card__value {
    display: flex;
    align-items: flex-start;
    margin-bottom: 22px;
    color: var(--dsb-blue);
    font-size: clamp(3.8rem, 6vw, 6.5rem);
    font-weight: 950;
    line-height: .78;
    letter-spacing: -.08em;
}

.dsb-taxonomy-card__value small {
    margin: 1px 0 0 4px;
    color: #f5b400;
    font-size: 1.15rem;
    letter-spacing: 0;
}

.dsb-taxonomy-card__label {
    display: block;
    margin-bottom: 18px;
    color: #8a6500;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.dsb-taxonomy-card > strong {
    color: var(--dsb-blue);
    font-size: 1.42rem;
    line-height: 1.18;
}

.dsb-taxonomy-card > p {
    margin: 13px 0 20px;
    color: var(--dsb-muted);
    line-height: 1.62;
}

.dsb-taxonomy-card__meta {
    margin-top: auto;
    color: #6e8191;
    font-weight: 750;
}

.dsb-taxonomy-card__link {
    display: block;
    margin-top: 16px;
    color: var(--dsb-blue);
    font-weight: 900;
}

.dsb-taxonomy-card--type {
    min-height: 440px;
}

.dsb-taxonomy-card__code {
    display: inline-grid;
    width: fit-content;
    min-width: 92px;
    min-height: 64px;
    place-items: center;
    margin-bottom: 28px;
    padding: 8px 18px;
    color: #061725;
    border-radius: 18px;
    background: #f5b400;
    font-size: 2rem;
    font-weight: 950;
    letter-spacing: -.04em;
}

.dsb-taxonomy-card--type ul {
    display: grid;
    gap: 10px;
    margin: 4px 0 0;
    padding: 0;
    color: #465c6f;
    list-style: none;
}

.dsb-taxonomy-card--type li::before {
    content: "✓";
    margin-right: 9px;
    color: #b88300;
    font-weight: 1000;
}

.dsb-taxonomy-card--type .dsb-taxonomy-card__link {
    margin-top: auto;
}

.dsb-taxonomy-table {
    margin-top: 38px;
    overflow-x: auto;
    border: 1px solid #dce4ea;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 16px 44px rgba(8,31,49,.06);
}

.dsb-taxonomy-table table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
}

.dsb-taxonomy-table th,
.dsb-taxonomy-table td {
    padding: 19px 22px;
    text-align: left;
    border-bottom: 1px solid #e2e8ed;
}

.dsb-taxonomy-table thead th {
    color: #fff;
    background: #0a2235;
    font-size: 1rem;
}

.dsb-taxonomy-table tbody th {
    color: var(--dsb-blue);
    background: #f8fafc;
}

.dsb-taxonomy-table tbody td {
    color: #52687a;
}

.dsb-taxonomy-table tr:last-child th,
.dsb-taxonomy-table tr:last-child td {
    border-bottom: 0;
}

.dsb-taxonomy-explainer {
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(440px, .7fr);
    align-items: center;
    gap: clamp(36px, 7vw, 100px);
    margin: clamp(60px, 8vw, 112px) 0;
    padding: clamp(34px, 5vw, 66px);
    color: #fff;
    border-radius: 32px;
    background: linear-gradient(135deg, #061725 0%, #113752 100%);
}

.dsb-taxonomy-explainer h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(2.45rem, 4vw, 4.6rem);
    line-height: .98;
    letter-spacing: -.055em;
}

.dsb-taxonomy-explainer > div > p {
    margin: 20px 0 0;
    color: rgba(255,255,255,.72);
    line-height: 1.72;
}

.dsb-taxonomy-explainer ol {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dsb-taxonomy-explainer li {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 14px;
    align-items: start;
    padding: 18px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    background: rgba(255,255,255,.06);
}

.dsb-taxonomy-explainer li > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: #061725;
    border-radius: 13px;
    background: #f5b400;
    font-weight: 950;
}

.dsb-taxonomy-explainer li strong {
    color: #fff;
}

.dsb-taxonomy-explainer li p {
    margin: 5px 0 0;
    color: rgba(255,255,255,.68);
    line-height: 1.55;
}

.dsb-special-voltage {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    align-items: center;
    margin-bottom: 34px;
    padding: clamp(28px, 4vw, 44px);
    border: 1px solid #dce4ea;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(8,31,49,.065);
}

.dsb-special-voltage h2 {
    margin: 0;
    color: var(--dsb-blue);
    font-size: clamp(1.9rem, 3vw, 3rem);
    letter-spacing: -.045em;
}

.dsb-special-voltage p {
    max-width: 840px;
    margin: 12px 0 0;
    color: var(--dsb-muted);
    line-height: 1.7;
}

.dsb-info-related {
    margin: 0 0 34px;
}

.dsb-info-related > div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding: 18px;
    border: 1px solid #dce4ea;
    border-radius: 20px;
    background: #fff;
}

.dsb-info-related span {
    margin-right: 6px;
    color: var(--dsb-blue);
    font-weight: 900;
}

.dsb-info-related a {
    padding: 9px 13px;
    color: var(--dsb-blue);
    text-decoration: none;
    border-radius: 999px;
    background: #eef3f6;
    font-size: .88rem;
    font-weight: 850;
}

.dsb-info-related a:hover,
.dsb-info-related a[aria-current="page"] {
    background: #f5b400;
}

.dsb-info-related .dsb-info-related__all {
    margin-left: auto;
    color: #fff;
    background: #0a2235;
}

@media (max-width: 980px) {
    .dsb-taxonomy-hero__grid,
    .dsb-taxonomy-intro,
    .dsb-taxonomy-explainer {
        grid-template-columns: 1fr;
    }

    .dsb-taxonomy-grid--voltage,
    .dsb-taxonomy-grid--types {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .dsb-taxonomy-hero {
        padding: 58px 0 68px;
    }

    .dsb-taxonomy-hero h1 {
        font-size: clamp(2.75rem, 12vw, 4.3rem);
    }

    .dsb-taxonomy-grid--voltage,
    .dsb-taxonomy-grid--types {
        grid-template-columns: 1fr;
    }

    .dsb-taxonomy-card,
    .dsb-taxonomy-card--type {
        min-height: 0;
    }

    .dsb-special-voltage {
        grid-template-columns: 1fr;
    }

    .dsb-info-related .dsb-info-related__all {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
}

/* ==========================================================================
   V58 – bildstarker Bestand für gebrauchte Staplerbatterien
   ========================================================================== */

.dsb-stock-page,
.dsb-used-detail {
    --dsb-stock-navy: #071d2c;
    --dsb-stock-ink: #0a2435;
    --dsb-stock-yellow: #ffb800;
    --dsb-stock-paper: #f3f6f8;
    color: var(--dsb-stock-ink);
    background: #fff;
}

.dsb-stock-page *,
.dsb-used-detail * {
    box-sizing: border-box;
}

.dsb-stock-hero {
    position: relative;
    min-height: 680px;
    overflow: hidden;
    background:
        radial-gradient(circle at 76% 12%, rgba(255, 184, 0, .18), transparent 28%),
        linear-gradient(135deg, #061923 0%, #0a2c40 56%, #0d3549 100%);
    color: #fff;
}

.dsb-stock-hero::after {
    position: absolute;
    inset: auto -8% -42% 36%;
    width: 760px;
    height: 760px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
    content: "";
}

.dsb-stock-hero__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr);
    gap: clamp(46px, 7vw, 110px);
    align-items: center;
    min-height: 680px;
    padding-top: clamp(70px, 8vw, 116px);
    padding-bottom: clamp(70px, 8vw, 116px);
}

.dsb-stock-hero__content h1 {
    max-width: 760px;
    margin: 23px 0 26px;
    color: #fff;
    font-size: clamp(4rem, 6.4vw, 7.2rem);
    font-weight: 850;
    line-height: .91;
    letter-spacing: -.065em;
}

.dsb-stock-hero__content > p {
    max-width: 620px;
    margin: 0;
    color: rgba(235, 244, 249, .78);
    font-size: clamp(1.08rem, 1.6vw, 1.32rem);
    line-height: 1.68;
}

.dsb-stock-hero .dsb-actions {
    margin-top: 34px;
}

.dsb-stock-hero__facts {
    display: flex;
    flex-wrap: wrap;
    gap: 11px 24px;
    margin-top: 34px;
    color: rgba(238, 246, 250, .72);
    font-size: .84rem;
    font-weight: 800;
}

.dsb-stock-hero__facts span::before {
    margin-right: 8px;
    color: var(--dsb-stock-yellow);
    content: "✓";
}

.dsb-stock-hero__visual {
    position: relative;
    min-height: 500px;
}

.dsb-stock-hero__image {
    position: absolute;
    display: block;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 26px;
    background: #e9eef1;
    box-shadow: 0 34px 76px rgba(0, 0, 0, .3);
    text-decoration: none;
}

.dsb-stock-hero__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.dsb-stock-hero__image:hover img {
    transform: scale(1.035);
}

.dsb-stock-hero__image span {
    position: absolute;
    right: 16px;
    bottom: 16px;
    left: 16px;
    padding: 13px 15px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 13px;
    background: rgba(3, 22, 33, .82);
    color: #fff;
    font-size: .84rem;
    font-weight: 850;
    backdrop-filter: blur(12px);
}

.dsb-stock-hero__image--1 {
    inset: 0 18% 7% 0;
    z-index: 2;
}

.dsb-stock-hero__image--2 {
    top: 5%;
    right: 0;
    z-index: 3;
    width: 34%;
    height: 42%;
}

.dsb-stock-hero__image--3 {
    right: 2%;
    bottom: 0;
    z-index: 3;
    width: 40%;
    height: 42%;
}

.dsb-stock-hero__empty-visual {
    position: absolute;
    inset: 5% 0 0 4%;
    display: grid;
    place-content: center;
    min-height: 450px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 32px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025)),
        repeating-linear-gradient(135deg, transparent 0 30px, rgba(255,255,255,.025) 30px 31px);
    box-shadow: 0 34px 76px rgba(0,0,0,.23);
    text-align: center;
}

.dsb-stock-hero__empty-visual::before {
    position: absolute;
    inset: 14% 14%;
    border: 1px solid rgba(255,184,0,.32);
    border-radius: 50%;
    content: "";
}

.dsb-stock-hero__empty-visual > span {
    position: relative;
    color: var(--dsb-stock-yellow);
    font-size: 6.5rem;
    line-height: 1;
}

.dsb-stock-hero__empty-visual strong,
.dsb-stock-hero__empty-visual small {
    position: relative;
    display: block;
}

.dsb-stock-hero__empty-visual strong {
    margin-top: 20px;
    color: #fff;
    font-size: 1.4rem;
}

.dsb-stock-hero__empty-visual small {
    margin-top: 7px;
    color: rgba(238,246,250,.62);
}

.dsb-stock-section {
    padding: clamp(84px, 9vw, 148px) 0;
    background: var(--dsb-stock-paper);
}

.dsb-stock-heading {
    display: flex;
    justify-content: space-between;
    gap: 34px;
    align-items: end;
}

.dsb-stock-heading h2 {
    margin: 17px 0 0;
    color: var(--dsb-stock-ink);
    font-size: clamp(3rem, 5vw, 5.8rem);
    line-height: .95;
    letter-spacing: -.06em;
}

.dsb-stock-heading > p {
    flex: 0 0 auto;
    margin: 0 0 9px;
    color: #647687;
    font-size: .92rem;
}

.dsb-stock-heading > p strong {
    color: var(--dsb-stock-ink);
}

.dsb-stock-filters {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(170px, .26fr) minmax(170px, .26fr) auto;
    gap: 12px;
    margin: 42px 0 30px;
    padding: 13px;
    border: 1px solid #dce4e9;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(7,29,44,.05);
}

.dsb-stock-filters input,
.dsb-stock-filters select,
.dsb-stock-filters button {
    width: 100%;
    min-height: 52px;
    margin: 0;
    border: 1px solid #dfe6eb;
    border-radius: 12px;
    background: #f8fafb;
    color: var(--dsb-stock-ink);
    font: inherit;
    font-size: .9rem;
}

.dsb-stock-filters input,
.dsb-stock-filters select {
    padding: 0 16px;
}

.dsb-stock-filters button {
    width: auto;
    padding: 0 18px;
    border-color: var(--dsb-stock-ink);
    background: var(--dsb-stock-ink);
    color: #fff;
    font-weight: 850;
    cursor: pointer;
}

.dsb-stock-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.dsb-stock-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dfe6eb;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(7,29,44,.065);
    transition: transform .25s ease, box-shadow .25s ease;
}

.dsb-stock-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 28px 65px rgba(7,29,44,.13);
}

.dsb-stock-card[hidden] {
    display: none;
}

.dsb-stock-card__image {
    position: relative;
    display: block;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #e8edf0;
}

.dsb-stock-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.dsb-stock-card:hover .dsb-stock-card__image img {
    transform: scale(1.035);
}

.dsb-stock-placeholder {
    position: absolute;
    inset: 0;
    display: grid;
    place-content: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 30% 25%, rgba(255,184,0,.22), transparent 32%),
        linear-gradient(145deg, #112f40, #071d2c);
    color: #fff;
    text-align: center;
}

.dsb-stock-placeholder::before,
.dsb-stock-placeholder::after {
    position: absolute;
    width: 230px;
    height: 230px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
    content: "";
}

.dsb-stock-placeholder::before {
    top: -80px;
    right: -60px;
}

.dsb-stock-placeholder::after {
    bottom: -110px;
    left: -80px;
}

.dsb-stock-placeholder__bolt,
.dsb-stock-placeholder__label {
    position: relative;
    z-index: 1;
}

.dsb-stock-placeholder__bolt {
    color: var(--dsb-stock-yellow);
    font-size: 4.2rem;
    line-height: 1;
}

.dsb-stock-placeholder__label {
    margin-top: 14px;
    color: rgba(255,255,255,.72);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.dsb-stock-card__status {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 2;
    padding: 9px 12px;
    border: 1px solid rgba(255,255,255,.38);
    border-radius: 999px;
    background: rgba(7,29,44,.88);
    color: #fff;
    font-size: .68rem;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
    backdrop-filter: blur(10px);
}

.dsb-stock-card__status--verfugbar,
.dsb-stock-card__status--verfügbar {
    background: rgba(23, 104, 66, .91);
}

.dsb-stock-card__status--reserviert {
    background: rgba(157, 101, 0, .92);
}

.dsb-stock-card__body {
    padding: 27px 27px 25px;
}

.dsb-stock-card__eyebrow {
    margin-bottom: 12px;
    color: #8b6708;
    font-size: .67rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.dsb-stock-card h2 {
    margin: 0;
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.dsb-stock-card h2 a {
    color: var(--dsb-stock-ink);
    text-decoration: none;
}

.dsb-stock-card__spec-title {
    margin: 9px 0 0;
    color: #5e7182;
    font-size: .9rem;
    font-weight: 750;
}

.dsb-stock-card__specs {
    display: grid;
    gap: 0;
    margin: 23px 0 0;
}

.dsb-stock-card__specs > div {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 9px 0;
    border-top: 1px solid #e6ebef;
    font-size: .82rem;
}

.dsb-stock-card__specs dt {
    color: #768696;
}

.dsb-stock-card__specs dd {
    margin: 0;
    color: var(--dsb-stock-ink);
    font-weight: 850;
    text-align: right;
}

.dsb-stock-card__footer {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: end;
    margin-top: 24px;
    padding-top: 21px;
    border-top: 1px solid #dfe6eb;
}

.dsb-stock-card__price strong,
.dsb-stock-card__price small {
    display: block;
}

.dsb-stock-card__price strong {
    color: var(--dsb-stock-ink);
    font-size: 1.22rem;
    line-height: 1.1;
}

.dsb-stock-card__price small {
    margin-top: 4px;
    color: #7a8996;
    font-size: .7rem;
}

.dsb-stock-card__link {
    color: var(--dsb-stock-ink);
    font-size: .82rem;
    font-weight: 950;
    text-decoration: none;
}

.dsb-stock-card__link span {
    color: #a87900;
}

.dsb-stock-no-results,
.dsb-stock-empty {
    margin-top: 30px;
    border: 1px solid #dce4e9;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 18px 45px rgba(7,29,44,.06);
}

.dsb-stock-no-results {
    padding: 54px;
    text-align: center;
}

.dsb-stock-no-results strong {
    display: block;
    color: var(--dsb-stock-ink);
    font-size: 1.55rem;
}

.dsb-stock-no-results p {
    margin: 10px auto 24px;
    color: #687b8c;
}

.dsb-stock-empty {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 28px;
    align-items: center;
    margin-top: 42px;
    padding: clamp(30px, 4vw, 54px);
}

.dsb-stock-empty__icon {
    display: grid;
    place-content: center;
    width: 82px;
    height: 82px;
    border-radius: 23px;
    background: var(--dsb-stock-yellow);
    color: var(--dsb-stock-ink);
    font-size: 2.5rem;
}

.dsb-stock-empty h3 {
    margin: 0 0 9px;
    font-size: 1.55rem;
}

.dsb-stock-empty p {
    max-width: 720px;
    margin: 0;
    color: #637687;
    line-height: 1.65;
}

.dsb-stock-request {
    padding: clamp(70px, 8vw, 120px) 0;
    background: #fff;
}

.dsb-stock-request__box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: clamp(34px, 7vw, 110px);
    align-items: center;
    padding: clamp(42px, 6vw, 80px);
    overflow: hidden;
    border-radius: 30px;
    background:
        radial-gradient(circle at 88% 20%, rgba(255,184,0,.16), transparent 26%),
        var(--dsb-stock-navy);
    color: #fff;
}

.dsb-stock-request h2 {
    max-width: 780px;
    margin: 19px 0 14px;
    color: #fff;
    font-size: clamp(2.3rem, 4vw, 4.5rem);
    line-height: .98;
    letter-spacing: -.05em;
}

.dsb-stock-request p {
    max-width: 680px;
    margin: 0;
    color: rgba(235,244,249,.7);
    line-height: 1.65;
}

/* Einzelprodukt */

.dsb-used-detail__hero {
    padding: clamp(56px, 7vw, 106px) 0 clamp(74px, 8vw, 126px);
    background: #f3f6f8;
}

.dsb-used-detail__back {
    display: inline-flex;
    margin-bottom: 28px;
    color: #506678;
    font-size: .86rem;
    font-weight: 850;
    text-decoration: none;
}

.dsb-used-detail__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(400px, .95fr);
    gap: clamp(42px, 7vw, 105px);
    align-items: center;
}

.dsb-used-detail__media {
    position: relative;
    min-height: 530px;
    overflow: hidden;
    border-radius: 28px;
    background: #dfe6ea;
    box-shadow: 0 28px 70px rgba(7,29,44,.14);
}

.dsb-used-detail__media > img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 530px;
    object-fit: cover;
}

.dsb-stock-placeholder--large {
    min-height: 530px;
}

.dsb-used-detail__summary h1 {
    margin: 20px 0 20px;
    color: var(--dsb-stock-ink);
    font-size: clamp(3.3rem, 5.2vw, 6rem);
    line-height: .94;
    letter-spacing: -.06em;
}

.dsb-used-detail__lead {
    margin: 0;
    color: #5b6f80;
    font-size: 1.1rem;
    font-weight: 750;
    line-height: 1.65;
}

.dsb-used-detail__price {
    margin-top: 32px;
    padding: 24px 0;
    border-top: 1px solid #d7e0e6;
    border-bottom: 1px solid #d7e0e6;
}

.dsb-used-detail__price strong,
.dsb-used-detail__price span {
    display: block;
}

.dsb-used-detail__price strong {
    color: var(--dsb-stock-ink);
    font-size: clamp(2rem, 3vw, 3rem);
    letter-spacing: -.035em;
}

.dsb-used-detail__price span {
    margin-top: 4px;
    color: #728493;
    font-size: .78rem;
}

.dsb-used-detail__actions {
    display: grid;
    gap: 15px;
    margin-top: 28px;
}

.dsb-used-detail__phone {
    color: var(--dsb-stock-ink);
    font-size: .88rem;
    font-weight: 850;
    text-decoration: none;
}

.dsb-used-detail__note {
    margin: 24px 0 0;
    padding-left: 18px;
    border-left: 3px solid var(--dsb-stock-yellow);
    color: #66798a;
    font-size: .84rem;
    line-height: 1.6;
}

.dsb-used-detail__content {
    padding: clamp(80px, 9vw, 145px) 0;
}

.dsb-used-detail__content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(350px, .9fr);
    gap: clamp(55px, 9vw, 140px);
}

.dsb-used-detail__content h2 {
    margin: 20px 0 34px;
    font-size: clamp(2.7rem, 4vw, 4.8rem);
    line-height: .98;
    letter-spacing: -.055em;
}

.dsb-used-detail__specs {
    display: grid;
    margin: 0;
    border-top: 1px solid #dce4e9;
}

.dsb-used-detail__specs > div {
    display: grid;
    grid-template-columns: minmax(150px, .75fr) minmax(0, 1.25fr);
    gap: 24px;
    padding: 17px 0;
    border-bottom: 1px solid #dce4e9;
}

.dsb-used-detail__specs dt {
    color: #718291;
}

.dsb-used-detail__specs dd {
    margin: 0;
    color: var(--dsb-stock-ink);
    font-weight: 850;
}

.dsb-used-detail__aside {
    display: grid;
    align-content: start;
    gap: 18px;
}

.dsb-used-detail__aside section {
    padding: 30px;
    border: 1px solid #dce4e9;
    border-radius: 22px;
    background: #f8fafb;
}

.dsb-used-detail__aside section > span {
    display: inline-grid;
    place-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 21px;
    border-radius: 12px;
    background: var(--dsb-stock-yellow);
    color: var(--dsb-stock-ink);
    font-size: .72rem;
    font-weight: 950;
}

.dsb-used-detail__aside h2 {
    margin: 0 0 12px;
    font-size: 1.35rem;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.dsb-used-detail__aside p,
.dsb-used-detail__aside section > div {
    margin: 0;
    color: #637687;
    line-height: 1.7;
}

@media (max-width: 1080px) {
    .dsb-stock-hero__grid,
    .dsb-used-detail__grid,
    .dsb-used-detail__content-grid {
        grid-template-columns: 1fr;
    }

    .dsb-stock-hero__visual {
        min-height: 430px;
    }

    .dsb-stock-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dsb-stock-request__box {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .dsb-stock-hero,
    .dsb-stock-hero__grid {
        min-height: 0;
    }

    .dsb-stock-hero__grid {
        padding-top: 62px;
        padding-bottom: 70px;
    }

    .dsb-stock-hero__content h1 {
        font-size: clamp(3.5rem, 15vw, 5.4rem);
    }

    .dsb-stock-hero__visual {
        min-height: 360px;
    }

    .dsb-stock-hero__image--1 {
        inset: 0 10% 0 0;
    }

    .dsb-stock-hero__image--2 {
        width: 36%;
        height: 38%;
    }

    .dsb-stock-hero__image--3 {
        width: 42%;
        height: 38%;
    }

    .dsb-stock-hero__empty-visual {
        inset: 0;
        min-height: 350px;
    }

    .dsb-stock-heading {
        display: block;
    }

    .dsb-stock-heading > p {
        margin-top: 18px;
    }

    .dsb-stock-filters {
        grid-template-columns: 1fr;
    }

    .dsb-stock-filters button {
        width: 100%;
    }

    .dsb-stock-grid {
        grid-template-columns: 1fr;
    }

    .dsb-stock-empty {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .dsb-stock-empty__icon {
        margin: 0 auto;
    }

    .dsb-stock-request {
        padding-right: 14px;
        padding-left: 14px;
    }

    .dsb-stock-request__box {
        padding: 36px 28px;
    }

    .dsb-used-detail__media,
    .dsb-used-detail__media > img,
    .dsb-stock-placeholder--large {
        min-height: 390px;
    }

    .dsb-used-detail__summary h1 {
        font-size: clamp(3rem, 13vw, 4.8rem);
    }

    .dsb-used-detail__specs > div {
        grid-template-columns: 1fr;
        gap: 5px;
    }
}


/* v3.3.0 – Staplerbatterie-Ratgeber und interne Wissensverlinkung */
.dsb-guide-page {
    background: #f3f6f8;
    color: #071a2c;
}

.dsb-guide-hero {
    background:
        radial-gradient(circle at 72% 28%, rgba(245, 180, 0, .09), transparent 27%),
        linear-gradient(118deg, #061d2d 0%, #0a324c 62%, #173e4e 100%);
    color: #fff;
    padding: clamp(86px, 9vw, 150px) 0 clamp(82px, 9vw, 142px);
}

.dsb-guide-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, .72fr);
    align-items: center;
    gap: clamp(54px, 8vw, 130px);
}

.dsb-guide-hero h1 {
    max-width: 890px;
    margin: 26px 0 24px;
    color: #fff;
    font-size: clamp(3.7rem, 5.8vw, 7rem);
    line-height: .96;
    letter-spacing: -.065em;
}

.dsb-guide-hero p {
    max-width: 790px;
    margin: 0;
    color: rgba(255,255,255,.69);
    font-size: clamp(1.05rem, 1.25vw, 1.28rem);
    line-height: 1.75;
}

.dsb-guide-breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 24px;
    color: rgba(255,255,255,.58);
    font-size: .86rem;
}

.dsb-guide-breadcrumbs a {
    color: #f5b400 !important;
    text-decoration: none !important;
    font-weight: 850;
}

.dsb-guide-hero__panel {
    padding: clamp(30px, 3.2vw, 48px);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 24px;
    background: rgba(255,255,255,.10);
    box-shadow: 0 24px 70px rgba(0,0,0,.18);
    backdrop-filter: blur(10px);
}

.dsb-guide-hero__panel small {
    display: block;
    margin-bottom: 24px;
    color: #f5b400;
    font-size: .74rem;
    font-weight: 950;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.dsb-guide-hero__panel h2 {
    margin: 0 0 24px;
    color: #fff;
    font-size: clamp(1.8rem, 2.4vw, 2.8rem);
    line-height: 1.06;
    letter-spacing: -.045em;
}

.dsb-guide-hero__panel ul {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dsb-guide-hero__panel li {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 10px;
    padding: 15px 0;
    border-top: 1px solid rgba(255,255,255,.12);
    color: rgba(255,255,255,.79);
    font-weight: 760;
}

.dsb-guide-hero__panel li span {
    color: #f5b400;
    font-weight: 950;
}

.dsb-guide-content {
    padding: clamp(80px, 9vw, 138px) 0;
}

.dsb-guide-hub__intro,
.dsb-guide-intro {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(380px, .9fr);
    gap: clamp(48px, 8vw, 130px);
    align-items: end;
    margin-bottom: clamp(54px, 6vw, 86px);
}

.dsb-guide-hub__intro h2,
.dsb-guide-intro h2 {
    max-width: 720px;
    margin: 24px 0 0;
    color: #071a2c;
    font-size: clamp(3rem, 4.8vw, 5.7rem);
    line-height: .97;
    letter-spacing: -.06em;
}

.dsb-guide-hub__intro > p,
.dsb-guide-intro > p {
    margin: 0;
    color: #65788a;
    font-size: 1.06rem;
    line-height: 1.78;
}

.dsb-guide-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.dsb-guide-cards article {
    display: flex;
    min-height: 330px;
    flex-direction: column;
    padding: clamp(28px, 3vw, 42px);
    border: 1px solid #dce5ec;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(6, 29, 45, .07);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.dsb-guide-cards article:hover {
    transform: translateY(-4px);
    border-color: rgba(245, 180, 0, .62);
    box-shadow: 0 24px 52px rgba(6, 29, 45, .11);
}

.dsb-guide-cards article > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    margin-bottom: auto;
    border-radius: 11px;
    background: #f5b400;
    color: #071a2c;
    font-size: .82rem;
    font-weight: 950;
}

.dsb-guide-cards h3 {
    margin: 34px 0 10px;
    color: #071a2c;
    font-size: clamp(1.4rem, 1.8vw, 2rem);
    line-height: 1.13;
    letter-spacing: -.035em;
}

.dsb-guide-cards p {
    margin: 0 0 22px;
    color: #65788a;
    line-height: 1.65;
}

.dsb-guide-cards a {
    color: #071a2c !important;
    font-weight: 950;
    text-decoration: none !important;
}

.dsb-guide-cards a:hover {
    color: #ba8500 !important;
}

.dsb-guide-decision {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) auto;
    align-items: center;
    gap: 36px;
    margin-top: clamp(72px, 8vw, 120px);
    padding: clamp(34px, 4vw, 58px);
    border-radius: 24px;
    background: #08263d;
    color: #fff;
    box-shadow: 0 24px 64px rgba(6, 29, 45, .18);
}

.dsb-guide-decision h2 {
    margin: 20px 0 12px;
    color: #fff;
    font-size: clamp(2.1rem, 3.4vw, 4rem);
    line-height: 1;
    letter-spacing: -.05em;
}

.dsb-guide-decision p {
    max-width: 800px;
    margin: 0;
    color: rgba(255,255,255,.68);
    line-height: 1.7;
}

.dsb-guide-decision__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
}

.dsb-guide-sections {
    display: grid;
    gap: 18px;
}

.dsb-guide-sections > section {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    gap: clamp(24px, 4vw, 62px);
    padding: clamp(32px, 4vw, 58px);
    border: 1px solid #dce5ec;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(6, 29, 45, .055);
}

.dsb-guide-sections > section > span {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border-radius: 13px;
    background: #f5b400;
    color: #071a2c;
    font-weight: 950;
}

.dsb-guide-sections h2 {
    margin: 0 0 14px;
    color: #071a2c;
    font-size: clamp(2rem, 3vw, 3.4rem);
    line-height: 1.04;
    letter-spacing: -.045em;
}

.dsb-guide-sections p {
    max-width: 950px;
    margin: 0 0 22px;
    color: #65788a;
    font-size: 1.04rem;
    line-height: 1.75;
}

.dsb-guide-sections ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dsb-guide-sections li {
    position: relative;
    padding-left: 23px;
    color: #243c4f;
    line-height: 1.55;
}

.dsb-guide-sections li::before {
    position: absolute;
    top: .64em;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f5b400;
    content: "";
}

.dsb-guide-warning {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(420px, 1fr);
    gap: clamp(38px, 7vw, 110px);
    align-items: center;
    margin-top: clamp(70px, 8vw, 116px);
    padding: clamp(34px, 4vw, 58px);
    border-radius: 24px;
    background: #08263d;
    color: #fff;
}

.dsb-guide-warning h2 {
    margin: 20px 0 0;
    color: #fff;
    font-size: clamp(2.2rem, 3.6vw, 4.2rem);
    line-height: 1;
    letter-spacing: -.052em;
}

.dsb-guide-warning p {
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: 1.04rem;
    line-height: 1.75;
}

.dsb-guide-mistakes,
.dsb-guide-faq {
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(430px, 1fr);
    gap: clamp(48px, 8vw, 130px);
    margin-top: clamp(76px, 9vw, 132px);
}

.dsb-guide-mistakes h2,
.dsb-guide-faq h2 {
    margin: 22px 0 0;
    color: #071a2c;
    font-size: clamp(2.6rem, 4.2vw, 5rem);
    line-height: .98;
    letter-spacing: -.058em;
}

.dsb-guide-mistakes ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dsb-guide-mistakes li {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 14px;
    align-items: center;
    padding: 22px 24px;
    border: 1px solid #dce5ec;
    border-radius: 15px;
    background: #fff;
    color: #243c4f;
    font-weight: 760;
}

.dsb-guide-mistakes li span {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 50%;
    background: #fbe8e6;
    color: #b22f24;
    font-size: 1.25rem;
    font-weight: 950;
}

.dsb-guide-faq > div:last-child {
    display: grid;
    gap: 12px;
}

.dsb-guide-faq article {
    padding: 24px 26px;
    border: 1px solid #dce5ec;
    border-radius: 16px;
    background: #fff;
}

.dsb-guide-faq h3 {
    margin: 0 0 9px;
    color: #071a2c;
    font-size: 1.08rem;
    line-height: 1.35;
}

.dsb-guide-faq p {
    margin: 0;
    color: #65788a;
    line-height: 1.65;
}

.dsb-guide-related {
    margin-top: clamp(76px, 9vw, 132px);
}

.dsb-guide-related__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 40px;
}

.dsb-guide-related__grid > a {
    display: grid;
    gap: 12px;
    min-height: 210px;
    align-content: start;
    padding: 28px;
    border: 1px solid #dce5ec;
    border-radius: 18px;
    background: #fff;
    color: #071a2c !important;
    text-decoration: none !important;
    box-shadow: 0 14px 34px rgba(6, 29, 45, .055);
}

.dsb-guide-related__grid > a:hover {
    border-color: #f5b400;
}

.dsb-guide-related__grid span {
    color: #ba8500;
    font-size: .78rem;
    font-weight: 950;
    letter-spacing: .08em;
}

.dsb-guide-related__grid strong {
    font-size: 1.38rem;
    line-height: 1.18;
}

.dsb-guide-related__grid small {
    color: #65788a;
    font-size: .96rem;
    line-height: 1.55;
}

.dsb-guide-cta {
    margin-top: clamp(72px, 8vw, 120px);
}

.dsb-guide-teaser {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(430px, 1fr);
    gap: clamp(42px, 7vw, 105px);
    align-items: end;
    margin-top: clamp(70px, 8vw, 116px);
    padding: clamp(32px, 4vw, 54px);
    border: 1px solid #dce5ec;
    border-radius: 22px;
    background: #fff;
}

.dsb-guide-teaser h2 {
    margin: 20px 0 12px;
    color: #071a2c;
    font-size: clamp(2.3rem, 3.6vw, 4.2rem);
    line-height: 1;
    letter-spacing: -.052em;
}

.dsb-guide-teaser p {
    margin: 0;
    color: #65788a;
    line-height: 1.7;
}

.dsb-guide-teaser__links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.dsb-guide-teaser__links a {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 17px 18px;
    border-radius: 12px;
    background: #eef3f6;
    color: #071a2c !important;
    font-weight: 900;
    text-decoration: none !important;
}

.dsb-guide-teaser__links a:hover {
    background: #f5b400;
}

@media (max-width: 980px) {
    .dsb-guide-hero__grid,
    .dsb-guide-hub__intro,
    .dsb-guide-intro,
    .dsb-guide-warning,
    .dsb-guide-mistakes,
    .dsb-guide-faq,
    .dsb-guide-teaser,
    .dsb-guide-decision {
        grid-template-columns: 1fr;
    }

    .dsb-guide-cards,
    .dsb-guide-related__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dsb-guide-decision__actions {
        justify-content: flex-start;
    }
}

@media (max-width: 680px) {
    .dsb-guide-hero {
        padding: 58px 0 70px;
    }

    .dsb-guide-hero__grid {
        gap: 40px;
    }

    .dsb-guide-hero h1 {
        font-size: clamp(2.85rem, 12vw, 4.2rem);
    }

    .dsb-guide-content {
        padding: 72px 0 86px;
    }

    .dsb-guide-cards,
    .dsb-guide-related__grid,
    .dsb-guide-sections ul,
    .dsb-guide-teaser__links {
        grid-template-columns: 1fr;
    }

    .dsb-guide-cards article {
        min-height: 270px;
    }

    .dsb-guide-sections > section {
        grid-template-columns: 1fr;
    }

    .dsb-guide-sections > section > span {
        width: 46px;
        height: 46px;
    }

    .dsb-guide-warning,
    .dsb-guide-decision,
    .dsb-guide-teaser {
        padding: 28px;
    }
}

.entry-content .dsb-page,
.entry-content .dsb-form-page {
    margin-top: 0 !important;
}

.dsb-page,
.dsb-form-page {
    color: var(--dsb-text);
    background: var(--dsb-bg);
    font-family: inherit;
    overflow: hidden;
}

.dsb-container {
    width: min(1160px, calc(100% - 44px));
    margin-inline: auto;
}

/* Homepage */
.dsb-hero {
    position: relative;
    isolation: isolate;
    min-height: calc(100vh - 86px);
    max-height: 860px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(52px, 6vw, 88px) 0 24px;
    background: linear-gradient(118deg, rgba(6, 23, 37, 1) 0%, rgba(7, 25, 42, 1) 42%, rgba(12, 47, 73, 1) 100%);
    color: var(--dsb-white);
}

.dsb-hero__mesh {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        radial-gradient(circle at 72% 25%, rgba(245, 180, 0, .24), transparent 28%),
        radial-gradient(circle at 90% 88%, rgba(91, 141, 180, .30), transparent 26%),
        radial-gradient(circle at 22% 72%, rgba(245, 180, 0, .10), transparent 25%),
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: auto, auto, auto, 46px 46px, 46px 46px;
}

.dsb-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(90deg, rgba(6,23,37,.90) 0%, rgba(6,23,37,.38) 64%, rgba(6,23,37,.14) 100%);
}

.dsb-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 620px;
    height: 620px;
    right: -210px;
    bottom: -290px;
    border-radius: 50%;
    background: rgba(255,255,255,.055);
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
}

.dsb-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.04fr) minmax(390px, .82fr);
    gap: clamp(38px, 6vw, 82px);
    align-items: center;
}

.dsb-kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: var(--dsb-yellow);
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .105em;
    text-transform: uppercase;
}

.dsb-kicker span {
    width: 38px;
    height: 3px;
    border-radius: 999px;
    background: currentColor;
    display: inline-block;
}

.dsb-kicker--dark {
    color: var(--dsb-blue-2);
}

.dsb-hero h1 {
    margin: 0;
    color: var(--dsb-white);
    font-size: clamp(3rem, 5.7vw, 5.85rem);
    line-height: .9;
    letter-spacing: -.07em;
    max-width: 720px;
}

.dsb-hero h1 span {
    color: var(--dsb-yellow);
    text-shadow: 0 0 38px rgba(245,180,0,.18);
}

.dsb-lead {
    color: rgba(255,255,255,.82);
    font-size: clamp(1.02rem, 1.25vw, 1.2rem);
    line-height: 1.68;
    max-width: 660px;
    margin: 26px 0 0;
}

.dsb-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 28px;
}

.dsb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    padding: 14px 23px;
    border-radius: 14px;
    font-weight: 900;
    text-decoration: none !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
}

.dsb-btn:hover {
    transform: translateY(-2px);
}

.dsb-btn--primary {
    background: linear-gradient(135deg, var(--dsb-yellow), var(--dsb-yellow-2));
    color: var(--dsb-blue) !important;
    box-shadow: 0 18px 38px rgba(245, 180, 0, .25);
}

.dsb-btn--ghost {
    background: rgba(255,255,255,.075);
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.18);
    backdrop-filter: blur(10px);
}

.dsb-hero__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.dsb-hero__badges span {
    color: rgba(255,255,255,.78);
    border: 1px solid rgba(255,255,255,.15);
    background: rgba(255,255,255,.06);
    padding: 7px 10px;
    border-radius: 999px;
    font-size: .9rem;
}

.dsb-showcase {
    position: relative;
    background: rgba(255,255,255,.95);
    color: var(--dsb-text);
    border-radius: 32px;
    padding: clamp(24px, 3vw, 34px);
    box-shadow: var(--dsb-shadow);
    border: 1px solid rgba(255,255,255,.35);
    transform: none !important;
    animation: none !important;
}

.dsb-showcase::before {
    content: "";
    position: absolute;
    inset: -16px;
    z-index: -1;
    border-radius: 40px;
    background: linear-gradient(135deg, rgba(245,180,0,.50), rgba(255,255,255,.04), rgba(91,141,180,.24));
    filter: blur(16px);
    opacity: .75;
}

.dsb-showcase__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 22px;
}

.dsb-showcase__top strong {
    display: block;
    color: var(--dsb-blue-2);
    font-size: 1.2rem;
}

.dsb-showcase__top small {
    display: block;
    color: var(--dsb-muted);
    margin-top: 4px;
}

.dsb-showcase__top > span {
    background: #DCFCE7;
    color: #166534;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 900;
}

.dsb-battery-visual {
    position: relative;
    padding: 14px 24px 24px 4px;
    margin-bottom: 18px;
}

.dsb-battery-visual__body {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    min-height: 128px;
    border: 3px solid var(--dsb-blue-2);
    border-radius: 21px;
    padding: 13px;
    background: linear-gradient(135deg, rgba(11,31,51,.06), rgba(245,180,0,.08)), #fff;
    overflow: hidden;
}

.dsb-battery-visual__body::before {
    content: "48V";
    position: absolute;
    left: 16px;
    top: 14px;
    color: rgba(11,31,51,.18);
    font-size: 2.5rem;
    font-weight: 1000;
    letter-spacing: -.08em;
}

.dsb-battery-visual__cell {
    align-self: end;
    height: 74%;
    border-radius: 11px;
    background: linear-gradient(180deg, var(--dsb-yellow-2), var(--dsb-yellow));
    box-shadow: inset 0 -14px 20px rgba(176,122,0,.22);
}

.dsb-battery-visual__cell:nth-child(2) { height: 86%; }
.dsb-battery-visual__cell:nth-child(3) { height: 68%; }
.dsb-battery-visual__cell:nth-child(4) { height: 92%; }

.dsb-battery-visual__glow {
    position: absolute;
    width: 140px;
    height: 140px;
    right: -54px;
    bottom: -54px;
    border-radius: 50%;
    background: rgba(245,180,0,.22);
    filter: blur(4px);
}

.dsb-battery-visual__plug {
    position: absolute;
    right: 0;
    top: 58px;
    width: 28px;
    height: 50px;
    border-radius: 0 12px 12px 0;
    background: var(--dsb-blue-2);
}

.dsb-measure-card {
    background: var(--dsb-bg);
    border: 1px solid var(--dsb-border);
    border-radius: 19px;
    padding: 16px;
    margin-bottom: 14px;
}

.dsb-measure-card__title {
    color: var(--dsb-blue-2);
    font-weight: 950;
    margin-bottom: 10px;
}

.dsb-measure-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
}

.dsb-measure-grid div {
    background: #fff;
    border: 1px solid var(--dsb-border);
    border-radius: 13px;
    padding: 11px;
}

.dsb-measure-grid span {
    display: block;
    color: var(--dsb-muted);
    font-size: .78rem;
}

.dsb-measure-grid strong {
    display: block;
    color: var(--dsb-blue-2);
    margin-top: 3px;
}

.dsb-mini-steps {
    display: grid;
    gap: 9px;
}

.dsb-mini-steps div {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--dsb-muted);
    font-weight: 850;
}

.dsb-mini-steps span {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: var(--dsb-blue-2);
    color: var(--dsb-yellow);
    font-size: .78rem;
}

.dsb-mini-steps .is-active {
    color: var(--dsb-blue-2);
}

.dsb-proofbar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    margin-top: clamp(30px, 4vw, 50px);
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 22px;
    overflow: hidden;
    backdrop-filter: blur(16px);
}

.dsb-proofbar div {
    padding: 18px;
    background: rgba(255,255,255,.055);
}

.dsb-proofbar strong,
.dsb-proofbar span {
    display: block;
}

.dsb-proofbar strong {
    color: #fff;
    font-size: 1rem;
}

.dsb-proofbar span {
    color: rgba(255,255,255,.68);
    margin-top: 5px;
    font-size: .9rem;
}

.dsb-path,
.dsb-final {
    padding: clamp(62px, 7vw, 104px) 0;
}

.dsb-section-head {
    max-width: 820px;
    margin-bottom: 34px;
}

.dsb-section-head--center {
    text-align: center;
    margin-inline: auto;
}

.dsb-section-head h2,
.dsb-final h2 {
    color: var(--dsb-blue-2);
    font-size: clamp(2.1rem, 3.9vw, 4rem);
    line-height: 1;
    letter-spacing: -.055em;
    margin: 0;
}

.dsb-section-head p,
.dsb-final p {
    color: var(--dsb-muted);
    font-size: 1.08rem;
    line-height: 1.72;
    margin: 18px 0 0;
}

.dsb-path {
    background: #fff;
}

.dsb-path__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.dsb-path-card {
    position: relative;
    min-height: 245px;
    background: linear-gradient(180deg, #fff, #F8FAFC);
    border: 1px solid var(--dsb-border);
    border-radius: 26px;
    padding: 25px;
    box-shadow: 0 18px 48px rgba(11,31,51,.07);
    overflow: hidden;
}

.dsb-path-card::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    right: -84px;
    bottom: -84px;
    border-radius: 50%;
    background: rgba(245,180,0,.14);
}

.dsb-path-card__nr {
    color: var(--dsb-yellow);
    font-weight: 1000;
    font-size: 3rem;
    line-height: 1;
    letter-spacing: -.08em;
    margin-bottom: 24px;
}

.dsb-path-card h3 {
    color: var(--dsb-blue-2);
    margin: 0 0 10px;
    font-size: 1.24rem;
}

.dsb-path-card p {
    color: var(--dsb-muted);
    line-height: 1.65;
    margin: 0;
}

.dsb-final {
    background: var(--dsb-bg);
}

.dsb-final__box {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 32px;
    color: #fff;
    background: radial-gradient(circle at 92% 12%, rgba(245,180,0,.25), transparent 22%), linear-gradient(135deg, var(--dsb-blue) 0%, var(--dsb-blue-3) 100%);
    border-radius: 34px;
    padding: clamp(34px, 5vw, 60px);
    box-shadow: var(--dsb-shadow);
}

.dsb-final h2 {
    color: #fff;
}

.dsb-final p {
    max-width: 720px;
    color: rgba(255,255,255,.76);
}

/* Request form */
.dsb-form-hero {
    background: linear-gradient(135deg, var(--dsb-blue) 0%, var(--dsb-blue-3) 100%);
    color: #fff;
    padding: clamp(62px, 8vw, 110px) 0;
}

.dsb-form-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .62fr);
    gap: 42px;
    align-items: center;
}

.dsb-form-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(2.8rem, 5vw, 5rem);
    line-height: .95;
    letter-spacing: -.06em;
}

.dsb-form-hero p {
    color: rgba(255,255,255,.78);
    font-size: 1.15rem;
    line-height: 1.7;
    max-width: 720px;
    margin: 22px 0 0;
}

.dsb-form-help {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 26px;
    padding: 26px;
}

.dsb-form-help strong {
    color: var(--dsb-yellow);
    display: block;
    margin-bottom: 10px;
}

.dsb-form-help ul {
    margin: 0;
    padding-left: 20px;
    color: rgba(255,255,255,.78);
    line-height: 1.8;
}

.dsb-form-section {
    padding: clamp(46px, 7vw, 90px) 0;
    background: var(--dsb-bg);
}

.dsb-alert {
    margin-bottom: 24px;
    padding: 18px 20px;
    border-radius: 16px;
    font-weight: 700;
}

.dsb-alert--success {
    background: #DCFCE7;
    color: #14532D;
    border: 1px solid #86EFAC;
}

.dsb-alert--error {
    background: #FEE2E2;
    color: #7F1D1D;
    border: 1px solid #FCA5A5;
}

.dsb-request-form {
    display: grid;
    gap: 24px;
}

.dsb-hp {
    position: absolute !important;
    left: -9999px !important;
    opacity: 0 !important;
}

.dsb-form-card {
    background: #fff;
    border: 1px solid var(--dsb-border);
    border-radius: 26px;
    padding: clamp(24px, 4vw, 38px);
    box-shadow: 0 16px 46px rgba(11,31,51,.07);
}

.dsb-form-card__head {
    display: flex;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 24px;
}

.dsb-form-card__head > span {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: var(--dsb-yellow);
    color: var(--dsb-blue);
    display: grid;
    place-items: center;
    font-weight: 1000;
}

.dsb-form-card h2 {
    margin: 0;
    color: var(--dsb-blue-2);
    font-size: clamp(1.55rem, 2.3vw, 2.2rem);
    letter-spacing: -.04em;
}

.dsb-form-card p {
    margin: 6px 0 0;
    color: var(--dsb-muted);
}

.dsb-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.dsb-form-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dsb-request-form label {
    display: grid;
    gap: 8px;
    color: var(--dsb-blue-2);
    font-weight: 850;
}

.dsb-request-form input,
.dsb-request-form select,
.dsb-request-form textarea {
    width: 100%;
    border: 1px solid var(--dsb-border);
    border-radius: 14px;
    padding: 14px 15px;
    background: #fff;
    color: var(--dsb-text);
    font: inherit;
    font-weight: 500;
}

.dsb-request-form input:focus,
.dsb-request-form select:focus,
.dsb-request-form textarea:focus {
    outline: 3px solid rgba(245, 180, 0, .28);
    border-color: var(--dsb-yellow);
}

.dsb-measure-helper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    margin-bottom: 22px;
}

.dsb-measure-helper div {
    background: var(--dsb-bg);
    border: 1px solid var(--dsb-border);
    border-radius: 18px;
    padding: 16px;
}

.dsb-measure-helper strong {
    display: block;
    color: var(--dsb-blue-2);
}

.dsb-measure-helper span {
    display: block;
    color: var(--dsb-muted);
    font-size: .92rem;
    margin-top: 4px;
}

.dsb-file-upload {
    margin-bottom: 18px;
}

.dsb-file-upload span {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 120px;
    border: 2px dashed rgba(11,31,51,.25);
    border-radius: 20px;
    background: var(--dsb-bg);
    color: var(--dsb-blue-2);
    font-weight: 950;
    cursor: pointer;
}

.dsb-file-upload input {
    margin-top: 12px;
}

.dsb-form-submit {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px;
    background: var(--dsb-blue-2);
    color: #fff;
    border-radius: 26px;
    padding: 24px;
}

.dsb-form-submit button {
    border: 0;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--dsb-yellow), var(--dsb-yellow-2));
    color: var(--dsb-blue);
    padding: 16px 24px;
    font-weight: 1000;
    cursor: pointer;
}

.dsb-form-submit p {
    margin: 0;
    color: rgba(255,255,255,.72);
}

@media (max-width: 1100px) {
    .dsb-hero {
        max-height: none;
    }

    .dsb-hero__grid,
    .dsb-final__box,
    .dsb-form-hero__grid {
        grid-template-columns: 1fr;
    }

    .dsb-showcase {
        max-width: 620px;
    }

    .dsb-proofbar,
    .dsb-path__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 720px) {
    .dsb-container {
        width: min(100% - 28px, 1180px);
    }

    .dsb-hero {
        min-height: auto;
        padding: 52px 0 24px;
    }

    .dsb-hero h1 {
        font-size: clamp(2.8rem, 15vw, 4.35rem);
    }

    .dsb-actions,
    .dsb-hero__badges {
        flex-direction: column;
        align-items: stretch;
    }

    .dsb-btn {
        width: 100%;
    }

    .dsb-measure-grid,
    .dsb-proofbar,
    .dsb-path__grid,
    .dsb-form-grid,
    .dsb-form-grid--three,
    .dsb-measure-helper,
    .dsb-connector-choices {
        grid-template-columns: 1fr;
    }

    .dsb-section-head h2,
    .dsb-final h2 {
        font-size: clamp(2rem, 11vw, 3.1rem);
    }

    .dsb-final__box {
        border-radius: 24px;
    }
}


.dsb-connector-fieldset {
    margin: 0 0 22px;
    padding: 0;
    border: 0;
}

.dsb-connector-fieldset legend {
    color: var(--dsb-blue-2);
    font-weight: 900;
    margin-bottom: 8px;
}

.dsb-connector-fieldset__hint {
    margin: 0 0 16px;
    color: var(--dsb-muted);
    font-size: .98rem;
}

.dsb-connector-choices {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.dsb-connector-option {
    display: block;
}

.dsb-connector-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.dsb-connector-option__card {
    display: block;
    background: #fff;
    border: 1px solid var(--dsb-border);
    border-radius: 20px;
    padding: 14px;
    box-shadow: 0 12px 28px rgba(11,31,51,.05);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
    cursor: pointer;
}

.dsb-connector-option__card:hover {
    transform: translateY(-2px);
    border-color: rgba(245,180,0,.55);
    box-shadow: 0 18px 34px rgba(11,31,51,.09);
}

.dsb-connector-option__card img {
    width: 100%;
    height: 110px;
    object-fit: cover;
    border-radius: 14px;
    display: block;
    margin-bottom: 12px;
    border: 1px solid var(--dsb-border);
    background: #f8fafc;
}

.dsb-connector-option__card strong,
.dsb-connector-option__card small {
    display: block;
}

.dsb-connector-option__card strong {
    color: var(--dsb-blue-2);
    font-size: 1rem;
}

.dsb-connector-option__card small {
    color: var(--dsb-muted);
    margin-top: 4px;
    line-height: 1.45;
}

.dsb-connector-option input:checked + .dsb-connector-option__card {
    border-color: var(--dsb-yellow);
    box-shadow: 0 0 0 4px rgba(245,180,0,.18), 0 20px 38px rgba(11,31,51,.10);
    background: linear-gradient(180deg, #fff, #fffdf5);
}

.dsb-connector-option input:focus-visible + .dsb-connector-option__card {
    outline: 3px solid rgba(245, 180, 0, .30);
    outline-offset: 2px;
}


.dsb-alert--premium {
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 16px;
    align-items: start;
    border-radius: 22px;
    padding: 22px;
}

.dsb-alert--premium p {
    margin: 6px 0 0;
    font-weight: 500;
    line-height: 1.6;
}

.dsb-alert__icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background: #16A34A;
    color: #fff;
    font-weight: 1000;
    font-size: 1.35rem;
}

.dsb-privacy-box {
    background: #fff;
    border: 1px solid var(--dsb-border);
    border-radius: 22px;
    padding: 20px;
    box-shadow: 0 12px 30px rgba(11,31,51,.05);
}

.dsb-privacy-check {
    display: grid !important;
    grid-template-columns: 22px 1fr;
    gap: 12px !important;
    align-items: start;
    font-weight: 600 !important;
    color: var(--dsb-text) !important;
    line-height: 1.6;
}

.dsb-privacy-check input {
    width: 18px !important;
    height: 18px !important;
    margin-top: 4px;
    accent-color: var(--dsb-yellow);
}

.dsb-privacy-check a {
    color: var(--dsb-blue-2) !important;
    font-weight: 900;
    text-decoration: underline;
    text-decoration-color: var(--dsb-yellow);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

@media (max-width: 720px) {
    .dsb-alert--premium {
        grid-template-columns: 1fr;
    }
}


/* Hide default Kadence footer and use DSB footer */
footer#colophon,
.site-footer:not(.dsb-footer) {
    display: none !important;
}

.dsb-footer {
    background: #061725;
    color: rgba(255,255,255,.78);
    padding: 56px 0 22px;
    position: relative;
    z-index: 5;
}

.dsb-footer__grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    gap: 34px;
}

.dsb-footer__brand strong {
    display: block;
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: -.03em;
    margin-bottom: 12px;
}

.dsb-footer__brand p {
    max-width: 430px;
    line-height: 1.7;
    margin: 0 0 18px;
}

.dsb-footer__contact {
    display: grid;
    gap: 4px;
    color: rgba(255,255,255,.64);
}

.dsb-footer__col h3 {
    color: #F5B400;
    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin: 0 0 14px;
}

.dsb-footer__col a {
    display: block;
    color: rgba(255,255,255,.78) !important;
    text-decoration: none !important;
    margin: 10px 0;
    line-height: 1.35;
}

.dsb-footer__col a:hover {
    color: #F5B400 !important;
}

.dsb-footer__bottom {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-top: 36px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.12);
    color: rgba(255,255,255,.55);
    font-size: .92rem;
}

.dsb-legal-hero {
    background: linear-gradient(135deg, #061725 0%, #123452 100%);
    color: #fff;
    padding: clamp(58px, 8vw, 105px) 0;
}

.dsb-legal-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(2.6rem, 5vw, 5rem);
    line-height: .95;
    letter-spacing: -.06em;
}

.dsb-legal-hero p {
    color: rgba(255,255,255,.75);
    margin: 18px 0 0;
    font-size: 1.14rem;
}

.dsb-legal-content {
    background: #F4F7FA;
    padding: clamp(40px, 7vw, 82px) 0;
}

.dsb-legal-card {
    background: #fff;
    border: 1px solid var(--dsb-border);
    border-radius: 26px;
    padding: clamp(26px, 5vw, 54px);
    box-shadow: 0 16px 46px rgba(11,31,51,.07);
    max-width: 980px;
}

.dsb-legal-card h2 {
    color: var(--dsb-blue-2);
    margin: 28px 0 10px;
    font-size: 1.45rem;
    letter-spacing: -.03em;
}

.dsb-legal-card h2:first-child {
    margin-top: 0;
}

.dsb-legal-card p {
    color: var(--dsb-text);
    line-height: 1.75;
    margin: 0 0 14px;
}

.dsb-legal-card a {
    color: var(--dsb-blue-2) !important;
    font-weight: 800;
    text-decoration: underline;
    text-decoration-color: var(--dsb-yellow);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.dsb-legal-note {
    background: #fff7d6;
    border: 1px solid #f2d46b;
    color: #4a3a00;
    border-radius: 16px;
    padding: 18px;
    margin-top: 28px;
    line-height: 1.65;
}

.dsb-contact-card {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 26px;
    padding: 28px;
    color: rgba(255,255,255,.82);
}

.dsb-contact-card h2 {
    color: #fff;
    margin: 0 0 16px;
}

.dsb-contact-card p {
    margin: 0 0 18px;
}

.dsb-contact-card a {
    color: #F5B400 !important;
    font-weight: 900;
    text-decoration: none !important;
}

@media (max-width: 900px) {
    .dsb-footer__grid {
        grid-template-columns: 1fr 1fr;
    }

    .dsb-footer__bottom {
        flex-direction: column;
    }
}

@media (max-width: 620px) {
    .dsb-footer__grid {
        grid-template-columns: 1fr;
    }
}


.dsb-info-hero {
    background: linear-gradient(135deg, #061725 0%, #123452 100%);
    color: #fff;
    padding: clamp(62px, 8vw, 112px) 0;
}

.dsb-info-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .58fr);
    gap: 42px;
    align-items: center;
}

.dsb-info-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(2.7rem, 5vw, 5rem);
    line-height: .95;
    letter-spacing: -.06em;
    max-width: 850px;
}

.dsb-info-hero p {
    color: rgba(255,255,255,.78);
    font-size: 1.15rem;
    line-height: 1.72;
    max-width: 760px;
    margin: 22px 0 0;
}

.dsb-info-panel {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 26px;
    padding: 28px;
    color: rgba(255,255,255,.82);
}

.dsb-info-panel strong {
    display: block;
    color: #F5B400;
    margin-bottom: 12px;
}

.dsb-info-panel ul {
    margin: 0;
    padding-left: 20px;
    line-height: 1.85;
}

.dsb-info-content {
    background: #F4F7FA;
    padding: clamp(52px, 7vw, 96px) 0;
}

.dsb-info-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 44px;
}

.dsb-info-card {
    background: #fff;
    border: 1px solid var(--dsb-border);
    border-radius: 22px;
    padding: 24px;
    box-shadow: 0 14px 36px rgba(11,31,51,.06);
}

.dsb-info-card span {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #F5B400;
    color: #061725;
    display: grid;
    place-items: center;
    font-weight: 1000;
    margin-bottom: 18px;
}

.dsb-info-card h2 {
    margin: 0;
    color: var(--dsb-blue-2);
    font-size: 1.1rem;
    line-height: 1.35;
}

.dsb-info-faq {
    background: #fff;
    border: 1px solid var(--dsb-border);
    border-radius: 26px;
    padding: clamp(24px, 4vw, 38px);
    box-shadow: 0 16px 46px rgba(11,31,51,.07);
    margin-bottom: 34px;
}

.dsb-info-faq > h2 {
    margin: 0 0 20px;
    color: var(--dsb-blue-2);
    font-size: clamp(1.8rem, 3vw, 2.6rem);
    letter-spacing: -.04em;
}

.dsb-info-faq article {
    border-top: 1px solid var(--dsb-border);
    padding: 20px 0 0;
    margin-top: 20px;
}

.dsb-info-faq h3 {
    color: var(--dsb-blue-2);
    margin: 0 0 8px;
}

.dsb-info-faq p {
    color: var(--dsb-muted);
    margin: 0;
    line-height: 1.7;
}

.dsb-info-cta {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 28px;
    align-items: center;
    background: linear-gradient(135deg, #061725 0%, #123452 100%);
    color: #fff;
    border-radius: 30px;
    padding: clamp(28px, 4vw, 46px);
    box-shadow: var(--dsb-shadow);
}

.dsb-info-cta h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.9rem, 3.5vw, 3.2rem);
    line-height: 1;
    letter-spacing: -.05em;
}

.dsb-info-cta p {
    color: rgba(255,255,255,.76);
    margin: 14px 0 0;
    line-height: 1.65;
}

@media (max-width: 1050px) {
    .dsb-info-hero__grid,
    .dsb-info-cta {
        grid-template-columns: 1fr;
    }

    .dsb-info-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 650px) {
    .dsb-info-grid {
        grid-template-columns: 1fr;
    }
}


/* Startseite Ausbau v1.8 */
.dsb-home-trust,
.dsb-data-section,
.dsb-types-section,
.dsb-faq-section {
    padding: clamp(62px, 7vw, 104px) 0;
}

.dsb-home-trust {
    background: #F4F7FA;
}

.dsb-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.dsb-trust-grid article,
.dsb-types-grid article,
.dsb-faq-list article {
    background: #fff;
    border: 1px solid var(--dsb-border);
    border-radius: 26px;
    padding: 26px;
    box-shadow: 0 16px 44px rgba(11,31,51,.06);
}

.dsb-trust-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, var(--dsb-yellow), var(--dsb-yellow-2));
    color: var(--dsb-blue);
    border-radius: 16px;
    font-size: 1.4rem;
    margin-bottom: 18px;
}

.dsb-trust-grid h3,
.dsb-types-grid h3,
.dsb-faq-list h3 {
    color: var(--dsb-blue-2);
    margin: 0 0 10px;
    font-size: 1.25rem;
    letter-spacing: -.02em;
}

.dsb-trust-grid p,
.dsb-types-grid p,
.dsb-faq-list p {
    color: var(--dsb-muted);
    line-height: 1.68;
    margin: 0;
}

.dsb-data-section {
    background: #fff;
}

.dsb-data-grid {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(360px, 1fr);
    gap: clamp(34px, 6vw, 78px);
    align-items: center;
}

.dsb-data-grid h2,
.dsb-faq-layout h2 {
    color: var(--dsb-blue-2);
    font-size: clamp(2.1rem, 4vw, 4rem);
    line-height: 1;
    letter-spacing: -.055em;
    margin: 0;
}

.dsb-data-grid p {
    color: var(--dsb-muted);
    font-size: 1.08rem;
    line-height: 1.72;
    margin: 18px 0 26px;
}

.dsb-data-list {
    display: grid;
    gap: 12px;
}

.dsb-data-list div {
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 16px;
    align-items: center;
    background: #F8FAFC;
    border: 1px solid var(--dsb-border);
    border-radius: 18px;
    padding: 16px;
}

.dsb-data-list strong {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: var(--dsb-blue-2);
    color: var(--dsb-yellow);
    font-weight: 1000;
}

.dsb-data-list span {
    color: var(--dsb-blue-2);
    font-weight: 800;
}

.dsb-types-section {
    background: linear-gradient(180deg, #F4F7FA, #fff);
}

.dsb-types-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.dsb-types-grid a {
    display: inline-flex;
    margin-top: 18px;
    color: var(--dsb-blue-2) !important;
    font-weight: 900;
    text-decoration: underline;
    text-decoration-color: var(--dsb-yellow);
    text-decoration-thickness: 3px;
    text-underline-offset: 4px;
}

.dsb-faq-section {
    background: #fff;
}

.dsb-faq-layout {
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(0, 1fr);
    gap: clamp(30px, 6vw, 70px);
    align-items: start;
}

.dsb-faq-list {
    display: grid;
    gap: 16px;
}

@media (max-width: 1050px) {
    .dsb-trust-grid,
    .dsb-types-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .dsb-data-grid,
    .dsb-faq-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .dsb-trust-grid,
    .dsb-types-grid {
        grid-template-columns: 1fr;
    }
}


/* Startseite Feinschliff v1.8.1 */
.dsb-path,
.dsb-home-trust,
.dsb-data-section,
.dsb-types-section,
.dsb-faq-section {
    padding-top: clamp(76px, 8vw, 122px);
    padding-bottom: clamp(76px, 8vw, 122px);
}

.dsb-section-head {
    margin-bottom: 44px;
}

.dsb-section-head--center {
    max-width: 930px;
}

.dsb-section-head h2 {
    font-size: clamp(2.45rem, 4.6vw, 4.6rem);
}

.dsb-section-head p {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}

.dsb-path__grid,
.dsb-trust-grid {
    gap: 22px;
}

.dsb-path-card,
.dsb-trust-grid article,
.dsb-types-grid article,
.dsb-faq-list article {
    border-radius: 28px;
    padding: 30px;
}

.dsb-path-card {
    min-height: 270px;
}

.dsb-path-card__nr {
    font-size: 3.45rem;
}

.dsb-path-card h3,
.dsb-trust-grid h3,
.dsb-types-grid h3,
.dsb-faq-list h3 {
    font-size: 1.35rem;
}

.dsb-path-card p,
.dsb-trust-grid p,
.dsb-types-grid p,
.dsb-faq-list p {
    font-size: 1rem;
}

.dsb-data-section {
    background:
        radial-gradient(circle at 12% 12%, rgba(245,180,0,.10), transparent 28%),
        #fff;
}

.dsb-data-grid {
    align-items: stretch;
}

.dsb-data-grid > div:first-child {
    align-self: center;
}

.dsb-data-list div {
    min-height: 74px;
    border-radius: 20px;
    background: linear-gradient(180deg, #fff, #F8FAFC);
    box-shadow: 0 12px 30px rgba(11,31,51,.045);
}

.dsb-data-list strong {
    box-shadow: 0 12px 24px rgba(11,31,51,.14);
}

.dsb-types-section {
    background:
        linear-gradient(180deg, #F4F7FA 0%, #fff 100%);
}

.dsb-types-grid article {
    min-height: 220px;
}

.dsb-service-band {
    padding: clamp(66px, 7vw, 104px) 0;
    background: linear-gradient(135deg, #061725 0%, #123452 100%);
    color: #fff;
    position: relative;
    overflow: hidden;
}

.dsb-service-band::after {
    content: "";
    position: absolute;
    right: -160px;
    bottom: -220px;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    background: rgba(255,255,255,.06);
}

.dsb-service-band__grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(360px, .75fr);
    gap: clamp(34px, 6vw, 76px);
    align-items: center;
    position: relative;
    z-index: 1;
}

.dsb-service-band h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(2.3rem, 4.5vw, 4.4rem);
    line-height: 1;
    letter-spacing: -.055em;
}

.dsb-service-band p {
    color: rgba(255,255,255,.76);
    font-size: 1.1rem;
    line-height: 1.72;
    margin: 22px 0 0;
    max-width: 760px;
}

.dsb-service-band__items {
    display: grid;
    gap: 14px;
}

.dsb-service-band__items span {
    display: block;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 18px;
    padding: 18px 20px;
    color: #fff;
    font-weight: 900;
    box-shadow: 0 18px 42px rgba(0,0,0,.12);
}

.dsb-faq-section {
    background:
        radial-gradient(circle at 80% 18%, rgba(245,180,0,.10), transparent 30%),
        #fff;
}

.dsb-faq-layout {
    grid-template-columns: minmax(0, .82fr) minmax(0, 1fr);
}

.dsb-faq-layout h2 {
    position: sticky;
    top: 110px;
}

.dsb-faq-list article {
    padding: 24px 28px;
}

.dsb-final {
    padding-top: clamp(80px, 8vw, 120px);
}

.dsb-final__box {
    max-width: 1160px;
}

@media (max-width: 1050px) {
    .dsb-service-band__grid {
        grid-template-columns: 1fr;
    }

    .dsb-faq-layout h2 {
        position: static;
    }
}

@media (max-width: 650px) {
    .dsb-path-card,
    .dsb-trust-grid article,
    .dsb-types-grid article,
    .dsb-faq-list article {
        padding: 24px;
    }
}


/* Hero Kompakt v1.8.2 */
.dsb-hero {
    min-height: auto;
    padding-top: clamp(86px, 8vw, 132px) !important;
    padding-bottom: clamp(76px, 8vw, 118px) !important;
}

.dsb-hero__grid {
    align-items: center;
}

.dsb-hero__content {
    padding-top: 0 !important;
}

.dsb-hero h1 {
    margin-top: 0;
}

.dsb-hero__visual {
    transform: translateY(-8px);
}

.dsb-hero__bottom {
    margin-top: clamp(34px, 5vw, 58px);
}

@media (min-width: 1180px) {
    .dsb-hero {
        padding-top: 118px !important;
        padding-bottom: 104px !important;
    }
}

@media (max-width: 780px) {
    .dsb-hero {
        padding-top: 64px !important;
        padding-bottom: 72px !important;
    }

    .dsb-hero__visual {
        transform: none;
    }
}


/* Fahrzeug-Finder v2.0 */
.dsb-catalog-teaser {
    padding: 44px 0;
    background: #fff;
}

.dsb-catalog-teaser__box {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 32px;
    align-items: center;
    padding: 30px 34px;
    border: 1px solid var(--dsb-border);
    border-radius: 28px;
    background: linear-gradient(135deg, #fff 0%, #fffaf0 100%);
    box-shadow: 0 18px 46px rgba(11,31,51,.07);
}

.dsb-catalog-teaser h2 {
    margin: 0;
    color: var(--dsb-blue-2);
    font-size: clamp(1.8rem, 3vw, 3rem);
    letter-spacing: -.04em;
}

.dsb-catalog-teaser p {
    margin: 12px 0 0;
    color: var(--dsb-muted);
    line-height: 1.65;
}

.dsb-form-vehicle-link {
    display: inline-flex;
    margin-top: 14px;
    color: var(--dsb-yellow) !important;
    font-weight: 900;
    text-decoration: none !important;
}

.dsb-catalog-prefill {
    display: grid;
    gap: 4px;
    background: #fff8df;
    border: 1px solid #f2d46b;
    border-radius: 18px;
    padding: 18px 20px;
    margin-bottom: 20px;
    color: var(--dsb-blue-2);
}

.dsb-catalog-prefill strong {
    color: #8a6500;
}

.dsb-catalog-prefill small {
    color: var(--dsb-muted);
}

.dsb-catalog-hero {
    background:
        radial-gradient(circle at 78% 22%, rgba(245,180,0,.16), transparent 26%),
        linear-gradient(135deg, #061725 0%, #123452 100%);
    color: #fff;
    padding: clamp(70px, 8vw, 118px) 0;
}

.dsb-catalog-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .55fr);
    gap: 48px;
    align-items: center;
}

.dsb-catalog-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(2.8rem, 5.4vw, 5.4rem);
    line-height: .94;
    letter-spacing: -.06em;
    max-width: 900px;
}

.dsb-catalog-hero p {
    color: rgba(255,255,255,.78);
    font-size: 1.14rem;
    line-height: 1.7;
    max-width: 760px;
    margin: 22px 0 0;
}

.dsb-catalog-hero__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 26px;
}

.dsb-catalog-hero__badges span {
    border: 1px solid rgba(255,255,255,.16);
    background: rgba(255,255,255,.07);
    border-radius: 999px;
    padding: 9px 13px;
    color: rgba(255,255,255,.82);
    font-weight: 800;
    font-size: .9rem;
}

.dsb-catalog-hero__note {
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 26px;
    padding: 28px;
}

.dsb-catalog-hero__note strong {
    color: var(--dsb-yellow);
    font-size: 1.15rem;
}

.dsb-catalog-hero__note p {
    font-size: 1rem;
    margin-top: 10px;
}

.dsb-catalog-search {
    background: #F4F7FA;
    padding: clamp(56px, 7vw, 96px) 0;
}

.dsb-catalog-search__panel {
    background: #fff;
    border: 1px solid var(--dsb-border);
    border-radius: 30px;
    padding: clamp(26px, 5vw, 48px);
    box-shadow: 0 22px 60px rgba(11,31,51,.08);
}

.dsb-catalog-controls {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.dsb-catalog-controls label,
.dsb-catalog-option-select {
    display: grid;
    gap: 8px;
    color: var(--dsb-blue-2);
    font-weight: 900;
}

.dsb-catalog-controls select,
.dsb-catalog-controls input,
.dsb-catalog-option-select select {
    width: 100%;
    min-height: 56px;
    border: 1px solid var(--dsb-border);
    border-radius: 16px;
    background: #fff;
    padding: 0 16px;
    font: inherit;
    color: var(--dsb-blue-2);
    outline: none;
}

.dsb-catalog-controls select:focus,
.dsb-catalog-controls input:focus,
.dsb-catalog-option-select select:focus {
    border-color: var(--dsb-yellow);
    box-shadow: 0 0 0 4px rgba(245,180,0,.14);
}

.dsb-catalog-suggestions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
    max-height: 330px;
    overflow: auto;
}

.dsb-catalog-suggestions button {
    text-align: left;
    border: 1px solid var(--dsb-border);
    background: #F8FAFC;
    color: var(--dsb-blue-2);
    border-radius: 14px;
    padding: 13px 14px;
    font-weight: 800;
    cursor: pointer;
}

.dsb-catalog-suggestions button:hover {
    border-color: var(--dsb-yellow);
    background: #fff9e7;
}

.dsb-catalog-status {
    margin-top: 18px;
    color: var(--dsb-muted);
    font-weight: 700;
}

.dsb-catalog-results {
    display: grid;
    gap: 20px;
    margin-top: 24px;
}

.dsb-catalog-result-card {
    border: 1px solid var(--dsb-border);
    border-radius: 24px;
    background: linear-gradient(180deg, #fff, #FBFCFE);
    padding: 26px;
    box-shadow: 0 14px 36px rgba(11,31,51,.06);
}

.dsb-catalog-result-card__top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: start;
    margin-bottom: 20px;
}

.dsb-catalog-result-card__top small {
    display: block;
    color: var(--dsb-muted);
    font-weight: 800;
}

.dsb-catalog-result-card__top h3 {
    margin: 3px 0 0;
    color: var(--dsb-blue-2);
    font-size: 1.7rem;
    letter-spacing: -.03em;
}

.dsb-catalog-result-card__top > span {
    background: #e6faef;
    color: #08753d;
    border-radius: 999px;
    padding: 7px 11px;
    font-weight: 900;
    font-size: .8rem;
}

.dsb-catalog-result-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 18px;
}

.dsb-catalog-result-grid div {
    background: #F5F7FA;
    border: 1px solid var(--dsb-border);
    border-radius: 16px;
    padding: 15px;
}

.dsb-catalog-result-grid strong,
.dsb-catalog-result-grid span {
    display: block;
}

.dsb-catalog-result-grid strong {
    color: var(--dsb-blue-2);
    margin-bottom: 5px;
}

.dsb-catalog-result-grid span {
    color: var(--dsb-muted);
    line-height: 1.45;
}

.dsb-catalog-option-select {
    margin: 18px 0;
}

.dsb-catalog-result-note {
    color: var(--dsb-muted);
    font-size: .9rem;
    margin: 14px 0 18px;
}

.dsb-catalog-alternative {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 24px;
    align-items: center;
    margin-top: 28px;
    padding: 26px 30px;
    border-radius: 24px;
    background: #061725;
    color: #fff;
}

.dsb-catalog-alternative strong {
    font-size: 1.2rem;
}

.dsb-catalog-alternative p {
    color: rgba(255,255,255,.72);
    margin: 6px 0 0;
}

.dsb-btn--ghost-light {
    border: 1px solid rgba(255,255,255,.24);
    color: #fff !important;
    background: rgba(255,255,255,.08);
}

@media (max-width: 1000px) {
    .dsb-catalog-hero__grid,
    .dsb-catalog-controls,
    .dsb-catalog-alternative,
    .dsb-catalog-teaser__box {
        grid-template-columns: 1fr;
    }

    .dsb-catalog-result-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .dsb-catalog-suggestions {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 620px) {
    .dsb-catalog-result-grid,
    .dsb-catalog-suggestions {
        grid-template-columns: 1fr;
    }
}


/* Conversion Hub v2.1 */
.dsb-choice-hub {
    padding: clamp(68px, 8vw, 118px) 0;
    background:
        radial-gradient(circle at 10% 8%, rgba(245,180,0,.10), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #f5f8fb 100%);
}

.dsb-choice-hub__head {
    max-width: 900px;
    margin: 0 auto 42px;
    text-align: center;
}

.dsb-choice-hub__head .dsb-kicker {
    justify-content: center;
}

.dsb-choice-hub__head h2 {
    margin: 0;
    color: var(--dsb-blue-2);
    font-size: clamp(2.5rem, 5vw, 5rem);
    line-height: .96;
    letter-spacing: -.06em;
}

.dsb-choice-hub__head p {
    max-width: 760px;
    margin: 20px auto 0;
    color: var(--dsb-muted);
    font-size: 1.08rem;
    line-height: 1.72;
}

.dsb-choice-hub__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.dsb-choice-card {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 520px;
    padding: clamp(28px, 4vw, 46px);
    border-radius: 32px;
    border: 1px solid var(--dsb-border);
    box-shadow: 0 22px 60px rgba(11,31,51,.09);
}

.dsb-choice-card--vehicle {
    background:
        radial-gradient(circle at 90% 10%, rgba(245,180,0,.24), transparent 30%),
        linear-gradient(145deg, #071928 0%, #113653 100%);
    color: #fff;
    border-color: rgba(255,255,255,.10);
}

.dsb-choice-card--manual {
    background:
        radial-gradient(circle at 92% 8%, rgba(245,180,0,.13), transparent 28%),
        #fff;
    color: var(--dsb-blue-2);
}

.dsb-choice-card::after {
    content: "";
    position: absolute;
    right: -110px;
    bottom: -150px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    border: 1px solid currentColor;
    opacity: .06;
}

.dsb-choice-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    position: relative;
    z-index: 1;
}

.dsb-choice-card__number {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: var(--dsb-yellow);
    color: var(--dsb-blue);
    font-weight: 1000;
}

.dsb-choice-card__badge {
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.86);
    font-weight: 900;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.dsb-choice-card__badge--quiet {
    background: #fff7dc;
    border-color: #f2d46b;
    color: #7b5a00;
}

.dsb-choice-card__icon {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin: 34px 0 22px;
    border-radius: 20px;
    background: linear-gradient(135deg, var(--dsb-yellow), #ffd563);
    color: var(--dsb-blue);
    font-size: 2rem;
    font-weight: 1000;
    box-shadow: 0 18px 38px rgba(245,180,0,.24);
    position: relative;
    z-index: 1;
}

.dsb-choice-card h3 {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: 620px;
    font-size: clamp(2rem, 3.4vw, 3.6rem);
    line-height: .98;
    letter-spacing: -.055em;
}

.dsb-choice-card--vehicle h3 {
    color: #fff;
}

.dsb-choice-card p {
    position: relative;
    z-index: 1;
    margin: 20px 0 0;
    max-width: 650px;
    line-height: 1.72;
    font-size: 1.03rem;
}

.dsb-choice-card--vehicle p {
    color: rgba(255,255,255,.74);
}

.dsb-choice-card--manual p {
    color: var(--dsb-muted);
}

.dsb-choice-card__facts {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 9px;
    margin: 24px 0 28px;
}

.dsb-choice-card__facts span {
    font-weight: 800;
}

.dsb-choice-card--vehicle .dsb-choice-card__facts span {
    color: rgba(255,255,255,.83);
}

.dsb-choice-card__button {
    position: relative;
    z-index: 1;
    align-self: flex-start;
    margin-top: auto;
}

.dsb-btn--dark {
    background: var(--dsb-blue-2);
    color: #fff !important;
    border: 1px solid var(--dsb-blue-2);
}

.dsb-btn--dark:hover {
    background: var(--dsb-blue);
    color: var(--dsb-yellow) !important;
}

.dsb-choice-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 24px;
    border: 1px solid var(--dsb-border);
    border-radius: 24px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 14px 42px rgba(11,31,51,.055);
}

.dsb-choice-stats div {
    padding: 22px 24px;
    border-right: 1px solid var(--dsb-border);
}

.dsb-choice-stats div:last-child {
    border-right: 0;
}

.dsb-choice-stats strong,
.dsb-choice-stats span {
    display: block;
}

.dsb-choice-stats strong {
    color: var(--dsb-blue-2);
    font-size: 1.15rem;
    margin-bottom: 5px;
}

.dsb-choice-stats span {
    color: var(--dsb-muted);
    font-size: .92rem;
    line-height: 1.4;
}

@media (max-width: 980px) {
    .dsb-choice-hub__grid {
        grid-template-columns: 1fr;
    }

    .dsb-choice-card {
        min-height: 0;
    }

    .dsb-choice-stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .dsb-choice-stats div:nth-child(2) {
        border-right: 0;
    }

    .dsb-choice-stats div:nth-child(-n+2) {
        border-bottom: 1px solid var(--dsb-border);
    }
}

@media (max-width: 560px) {
    .dsb-choice-stats {
        grid-template-columns: 1fr;
    }

    .dsb-choice-stats div {
        border-right: 0;
        border-bottom: 1px solid var(--dsb-border);
    }

    .dsb-choice-stats div:last-child {
        border-bottom: 0;
    }
}


/* Batteriekatalog v2.2 */
.dsb-products-hero {
    padding: clamp(74px, 8vw, 118px) 0;
    background:
        radial-gradient(circle at 80% 20%, rgba(245,180,0,.16), transparent 28%),
        linear-gradient(135deg, #061725 0%, #123452 100%);
    color: #fff;
}

.dsb-products-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .58fr);
    gap: clamp(34px, 6vw, 74px);
    align-items: center;
}

.dsb-products-hero h1 {
    margin: 0;
    max-width: 950px;
    color: #fff;
    font-size: clamp(3rem, 5.8vw, 5.8rem);
    line-height: .93;
    letter-spacing: -.065em;
}

.dsb-products-hero p {
    max-width: 800px;
    margin: 24px 0 0;
    color: rgba(255,255,255,.76);
    font-size: 1.12rem;
    line-height: 1.72;
}

.dsb-products-hero__panel {
    padding: 30px;
    border-radius: 28px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.15);
    box-shadow: 0 28px 68px rgba(0,0,0,.14);
}

.dsb-products-hero__eyebrow {
    display: inline-block;
    color: var(--dsb-yellow);
    font-weight: 900;
    margin-bottom: 12px;
}

.dsb-products-hero__panel h2 {
    margin: 0;
    color: #fff;
    font-size: 2rem;
    letter-spacing: -.04em;
}

.dsb-products-hero__panel ul {
    display: grid;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 22px 0 0;
}

.dsb-products-hero__panel li {
    position: relative;
    padding-left: 27px;
    color: rgba(255,255,255,.82);
    font-weight: 800;
}

.dsb-products-hero__panel li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--dsb-yellow);
    font-weight: 1000;
}

.dsb-products-section {
    padding: clamp(68px, 8vw, 112px) 0;
    background:
        radial-gradient(circle at 8% 5%, rgba(245,180,0,.08), transparent 23%),
        #F5F7FA;
}

.dsb-product-catalog--compact .dsb-products-section {
    margin: 70px -9999px 0;
    padding-left: 9999px;
    padding-right: 9999px;
}

.dsb-products-head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 34px;
}

.dsb-products-head h2 {
    margin: 0;
    color: var(--dsb-blue-2);
    font-size: clamp(2.3rem, 4.3vw, 4.2rem);
    line-height: .98;
    letter-spacing: -.055em;
}

.dsb-products-head p {
    max-width: 760px;
    margin: 16px 0 0;
    color: var(--dsb-muted);
    line-height: 1.65;
}

.dsb-products-filter {
    display: grid;
    grid-template-columns: 1.35fr 1.35fr .8fr .8fr;
    gap: 14px;
    align-items: end;
    padding: 22px;
    border: 1px solid var(--dsb-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(11,31,51,.05);
}

.dsb-filter-block,
.dsb-filter-select {
    display: grid;
    gap: 9px;
}

.dsb-filter-label {
    color: var(--dsb-blue-2);
    font-size: .84rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.dsb-filter-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.dsb-filter-chips button {
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid var(--dsb-border);
    border-radius: 999px;
    background: #F7F9FB;
    color: var(--dsb-blue-2);
    font: inherit;
    font-weight: 900;
    cursor: pointer;
}

.dsb-filter-chips button:hover,
.dsb-filter-chips button.is-active {
    background: var(--dsb-blue-2);
    border-color: var(--dsb-blue-2);
    color: #fff;
}

.dsb-filter-select select {
    min-height: 46px;
    width: 100%;
    padding: 0 13px;
    border: 1px solid var(--dsb-border);
    border-radius: 14px;
    background: #fff;
    color: var(--dsb-blue-2);
    font: inherit;
    font-weight: 700;
}

.dsb-products-summary {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin: 24px 2px 18px;
    color: var(--dsb-muted);
    font-size: .94rem;
}

.dsb-products-summary strong {
    color: var(--dsb-blue-2);
}

.dsb-product-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.dsb-product-card {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid var(--dsb-border);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 16px 44px rgba(11,31,51,.07);
    transition: transform .2s ease, box-shadow .2s ease;
}

.dsb-product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 22px 58px rgba(11,31,51,.11);
}

.dsb-product-card__visual {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 180px;
    overflow: hidden;
    background:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(135deg, #071928 0%, #123452 100%);
    background-size: 28px 28px, 28px 28px, auto;
}

.dsb-product-battery {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 28px);
    grid-template-rows: repeat(2, 42px);
    gap: 5px;
    padding: 14px;
    border: 3px solid #F4B400;
    border-radius: 10px;
    box-shadow: 0 18px 42px rgba(0,0,0,.20);
}

.dsb-product-battery::before,
.dsb-product-battery::after {
    content: "";
    position: absolute;
    top: -9px;
    width: 18px;
    height: 8px;
    border-radius: 3px 3px 0 0;
    background: #F4B400;
}

.dsb-product-battery::before { left: 14px; }
.dsb-product-battery::after { right: 14px; }

.dsb-product-battery span {
    display: block;
    border-radius: 3px;
    background: linear-gradient(180deg, #F4B400, #ce9000);
}

.dsb-product-card__voltage {
    position: absolute;
    top: 16px;
    right: 16px;
    display: grid;
    place-items: center;
    min-width: 52px;
    height: 40px;
    padding: 0 10px;
    border-radius: 12px;
    background: var(--dsb-yellow);
    color: var(--dsb-blue-2);
    font-weight: 1000;
}

.dsb-product-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 24px;
}

.dsb-product-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.dsb-product-card__badges span {
    padding: 6px 9px;
    border-radius: 999px;
    background: #EEF3F7;
    color: var(--dsb-blue-2);
    font-size: .78rem;
    font-weight: 900;
}

.dsb-product-card h3 {
    margin: 16px 0 0;
    color: var(--dsb-blue-2);
    font-size: 1.55rem;
    letter-spacing: -.035em;
}

.dsb-product-card__subtitle {
    margin: 7px 0 18px;
    color: var(--dsb-muted);
    font-size: .93rem;
}

.dsb-product-card__specs {
    display: grid;
    gap: 0;
    margin: 0;
    border-top: 1px solid var(--dsb-border);
}

.dsb-product-card__specs div {
    display: grid;
    grid-template-columns: 92px 1fr;
    gap: 12px;
    padding: 10px 0;
    border-bottom: 1px solid var(--dsb-border);
}

.dsb-product-card__specs dt {
    color: var(--dsb-muted);
    font-size: .86rem;
}

.dsb-product-card__specs dd {
    margin: 0;
    color: var(--dsb-blue-2);
    font-size: .88rem;
    font-weight: 800;
    text-align: right;
}

.dsb-product-card__match {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 17px 0;
    color: var(--dsb-muted);
}

.dsb-product-card__match strong {
    color: var(--dsb-blue-2);
    font-size: 1.15rem;
}

.dsb-product-card__match span {
    font-size: .85rem;
}

.dsb-product-card__actions {
    display: grid;
    gap: 12px;
    margin-top: auto;
}

.dsb-product-card__actions .dsb-btn {
    justify-content: center;
    width: 100%;
}

.dsb-product-card__link {
    color: var(--dsb-blue-2) !important;
    font-weight: 900;
    text-align: center;
    text-decoration: none !important;
}

.dsb-product-card__link:hover {
    color: #b77e00 !important;
}

.dsb-products-more {
    margin-top: 30px;
    text-align: center;
}

.dsb-products-empty {
    margin-top: 26px;
    padding: 34px;
    border-radius: 24px;
    background: #fff;
    border: 1px solid var(--dsb-border);
    text-align: center;
}

.dsb-products-empty h3 {
    margin: 0;
    color: var(--dsb-blue-2);
    font-size: 1.7rem;
}

.dsb-products-empty p {
    max-width: 650px;
    margin: 10px auto 20px;
    color: var(--dsb-muted);
}

.dsb-products-service {
    padding: clamp(68px, 7vw, 104px) 0;
    background: linear-gradient(135deg, #061725 0%, #123452 100%);
    color: #fff;
}

.dsb-products-service__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .75fr);
    gap: 44px;
    align-items: center;
}

.dsb-products-service h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(2.4rem, 4.4vw, 4.5rem);
    line-height: .98;
    letter-spacing: -.055em;
}

.dsb-products-service__facts {
    display: grid;
    gap: 10px;
}

.dsb-products-service__facts span {
    padding: 15px 17px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 15px;
    background: rgba(255,255,255,.07);
    color: rgba(255,255,255,.86);
    font-weight: 900;
}

@media (max-width: 1100px) {
    .dsb-products-filter {
        grid-template-columns: repeat(2, 1fr);
    }

    .dsb-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .dsb-products-hero__grid,
    .dsb-products-service__grid {
        grid-template-columns: 1fr;
    }

    .dsb-products-head {
        align-items: start;
        flex-direction: column;
    }

    .dsb-products-summary {
        flex-direction: column;
    }
}

@media (max-width: 650px) {
    .dsb-products-filter,
    .dsb-product-grid {
        grid-template-columns: 1fr;
    }

    .dsb-product-card__visual {
        min-height: 155px;
    }
}


/* Vertrauen & Über uns v2.3 */
.dsb-founder-section {
    padding: clamp(72px, 8vw, 118px) 0;
    background: #fff;
}

.dsb-founder-grid {
    display: grid;
    grid-template-columns: minmax(290px, .62fr) minmax(0, 1fr);
    gap: clamp(38px, 7vw, 88px);
    align-items: center;
}

.dsb-founder-card {
    position: relative;
    overflow: hidden;
    min-height: 500px;
    padding: 34px;
    border-radius: 34px;
    background:
        radial-gradient(circle at 78% 18%, rgba(245,180,0,.28), transparent 27%),
        linear-gradient(145deg, #061725 0%, #123452 100%);
    color: #fff;
    box-shadow: 0 30px 72px rgba(11,31,51,.18);
}

.dsb-founder-card::before {
    content: "";
    position: absolute;
    left: -100px;
    bottom: -150px;
    width: 360px;
    height: 360px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,.10);
}

.dsb-founder-card__label {
    display: inline-flex;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.14);
    color: var(--dsb-yellow);
    font-weight: 900;
}

.dsb-founder-card__monogram {
    position: absolute;
    right: 30px;
    top: 100px;
    font-size: clamp(7rem, 13vw, 12rem);
    line-height: 1;
    font-weight: 1000;
    letter-spacing: -.09em;
    color: rgba(255,255,255,.07);
}

.dsb-founder-card__meta {
    position: absolute;
    left: 34px;
    right: 34px;
    bottom: 34px;
    display: grid;
    gap: 6px;
}

.dsb-founder-card__meta strong {
    color: #fff;
    font-size: 2rem;
    letter-spacing: -.035em;
}

.dsb-founder-card__meta span {
    color: var(--dsb-yellow);
    font-weight: 900;
}

.dsb-founder-card__meta small {
    color: rgba(255,255,255,.66);
}

.dsb-founder-copy h2 {
    margin: 0;
    max-width: 900px;
    color: var(--dsb-blue-2);
    font-size: clamp(2.5rem, 4.8vw, 4.8rem);
    line-height: .98;
    letter-spacing: -.06em;
}

.dsb-founder-copy > p {
    max-width: 820px;
    color: var(--dsb-muted);
    font-size: 1.05rem;
    line-height: 1.74;
    margin: 20px 0 0;
}

.dsb-founder-facts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 28px 0;
}

.dsb-founder-facts div {
    padding: 18px;
    border-radius: 18px;
    background: #F5F7FA;
    border: 1px solid var(--dsb-border);
}

.dsb-founder-facts strong,
.dsb-founder-facts span {
    display: block;
}

.dsb-founder-facts strong {
    color: var(--dsb-blue-2);
    margin-bottom: 5px;
}

.dsb-founder-facts span {
    color: var(--dsb-muted);
    font-size: .88rem;
}

.dsb-founder-link {
    align-self: center;
    color: var(--dsb-blue-2) !important;
    font-weight: 900;
    text-decoration: none !important;
}

.dsb-about-hero {
    padding: clamp(74px, 8vw, 118px) 0;
    background:
        radial-gradient(circle at 80% 15%, rgba(245,180,0,.18), transparent 28%),
        linear-gradient(135deg, #061725 0%, #123452 100%);
    color: #fff;
}

.dsb-about-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .48fr);
    gap: 50px;
    align-items: center;
}

.dsb-about-hero h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(3rem, 5.8vw, 5.8rem);
    line-height: .94;
    letter-spacing: -.065em;
}

.dsb-about-hero p {
    max-width: 780px;
    margin: 24px 0 0;
    color: rgba(255,255,255,.76);
    font-size: 1.12rem;
    line-height: 1.72;
}

.dsb-about-hero__card {
    display: grid;
    gap: 7px;
    padding: 32px;
    border-radius: 30px;
    background: rgba(255,255,255,.09);
    border: 1px solid rgba(255,255,255,.15);
}

.dsb-about-hero__since {
    color: var(--dsb-yellow);
    font-weight: 900;
}

.dsb-about-hero__initials {
    margin: 26px 0;
    color: rgba(255,255,255,.15);
    font-size: 6rem;
    font-weight: 1000;
    letter-spacing: -.08em;
    line-height: .8;
}

.dsb-about-hero__card strong {
    color: #fff;
    font-size: 1.8rem;
}

.dsb-about-hero__card > span:not(.dsb-about-hero__since) {
    color: var(--dsb-yellow);
    font-weight: 800;
}

.dsb-about-hero__card small {
    color: rgba(255,255,255,.62);
}

.dsb-about-story {
    padding: clamp(72px, 8vw, 118px) 0;
    background: #fff;
}

.dsb-about-story__grid {
    display: grid;
    grid-template-columns: 1fr .85fr;
    gap: clamp(38px, 7vw, 84px);
    align-items: center;
}

.dsb-about-story h2,
.dsb-about-values h2,
.dsb-about-cta h2 {
    margin: 0;
    color: var(--dsb-blue-2);
    font-size: clamp(2.4rem, 4.6vw, 4.5rem);
    line-height: .98;
    letter-spacing: -.055em;
}

.dsb-about-story p {
    color: var(--dsb-muted);
    line-height: 1.74;
    font-size: 1.05rem;
}

.dsb-about-checks {
    display: grid;
    gap: 12px;
}

.dsb-about-checks div {
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 16px;
    align-items: center;
    padding: 18px 20px;
    border-radius: 18px;
    background: #F5F7FA;
    border: 1px solid var(--dsb-border);
}

.dsb-about-checks strong {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border-radius: 15px;
    background: var(--dsb-blue-2);
    color: var(--dsb-yellow);
}

.dsb-about-checks span {
    color: var(--dsb-blue-2);
    font-weight: 900;
}

.dsb-about-values {
    padding: clamp(72px, 8vw, 112px) 0;
    background: #F5F7FA;
}

.dsb-about-values__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.dsb-about-values article {
    padding: 30px;
    border-radius: 26px;
    background: #fff;
    border: 1px solid var(--dsb-border);
    box-shadow: 0 15px 42px rgba(11,31,51,.055);
}

.dsb-about-values article > span {
    color: #9a7000;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: .8rem;
}

.dsb-about-values h3 {
    margin: 12px 0 10px;
    color: var(--dsb-blue-2);
    font-size: 1.5rem;
}

.dsb-about-values p {
    margin: 0;
    color: var(--dsb-muted);
    line-height: 1.65;
}

.dsb-about-cta {
    padding: clamp(72px, 8vw, 110px) 0;
    background: #fff;
}

.dsb-about-cta__box {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 36px;
    align-items: center;
    padding: clamp(30px, 5vw, 54px);
    border-radius: 32px;
    background: linear-gradient(135deg, #061725 0%, #123452 100%);
    color: #fff;
}

.dsb-about-cta h2 {
    color: #fff;
}

.dsb-about-cta p {
    color: rgba(255,255,255,.72);
    line-height: 1.65;
}

.dsb-about-cta__actions {
    display: grid;
    gap: 12px;
}

@media (max-width: 920px) {
    .dsb-founder-grid,
    .dsb-about-hero__grid,
    .dsb-about-story__grid,
    .dsb-about-cta__box {
        grid-template-columns: 1fr;
    }

    .dsb-founder-card {
        min-height: 420px;
    }

    .dsb-founder-facts,
    .dsb-about-values__grid {
        grid-template-columns: 1fr;
    }
}


/* Conversion Boost v2.4 */
.dsb-quick-actions {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 9990;
    display: grid;
    gap: 9px;
    width: 250px;
    filter: drop-shadow(0 18px 38px rgba(5,23,37,.18));
}

.dsb-quick-actions__item {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 12px;
    align-items: center;
    min-height: 62px;
    padding: 10px 14px 10px 10px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 18px;
    background: rgba(6,23,37,.96);
    color: #fff !important;
    text-decoration: none !important;
    backdrop-filter: blur(14px);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.dsb-quick-actions__item:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(6,23,37,.18);
    background: #0b2a53;
}

.dsb-quick-actions__item--request {
    background: linear-gradient(135deg, #f4b400 0%, #ffc93f 100%);
    color: #061725 !important;
    border-color: rgba(244,180,0,.35);
}

.dsb-quick-actions__item--request:hover {
    background: linear-gradient(135deg, #ffc026 0%, #ffd35c 100%);
}

.dsb-quick-actions__icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(255,255,255,.09);
    font-size: 1.25rem;
    font-weight: 1000;
}

.dsb-quick-actions__item--request .dsb-quick-actions__icon {
    background: rgba(6,23,37,.10);
}

.dsb-quick-actions__text {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.dsb-quick-actions__text small {
    font-size: .71rem;
    line-height: 1.2;
    opacity: .72;
}

.dsb-quick-actions__text strong {
    font-size: .93rem;
    line-height: 1.15;
    white-space: nowrap;
}

.dsb-mobile-actions {
    display: none;
}

@media (max-width: 980px) {
    body {
        padding-bottom: 76px;
    }

    .dsb-quick-actions {
        display: none;
    }

    .dsb-mobile-actions {
        position: fixed;
        left: 10px;
        right: 10px;
        bottom: 10px;
        z-index: 9995;
        display: grid;
        grid-template-columns: 1fr 1.16fr 1fr;
        gap: 7px;
        padding: 7px;
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 20px;
        background: rgba(6,23,37,.96);
        box-shadow: 0 18px 44px rgba(6,23,37,.26);
        backdrop-filter: blur(16px);
    }

    .dsb-mobile-actions a {
        display: grid;
        place-items: center;
        gap: 3px;
        min-height: 54px;
        padding: 6px 8px;
        border-radius: 14px;
        color: rgba(255,255,255,.88) !important;
        text-decoration: none !important;
        font-size: .76rem;
        line-height: 1;
    }

    .dsb-mobile-actions a > span {
        font-size: 1rem;
        font-weight: 1000;
    }

    .dsb-mobile-actions a > strong {
        font-size: .76rem;
    }

    .dsb-mobile-actions__primary {
        background: linear-gradient(135deg, #f4b400 0%, #ffc93f 100%);
        color: #061725 !important;
        box-shadow: 0 8px 22px rgba(244,180,0,.24);
    }
}

@media (max-width: 420px) {
    .dsb-mobile-actions {
        left: 6px;
        right: 6px;
        bottom: 6px;
    }

    .dsb-mobile-actions a {
        min-height: 52px;
    }
}


/* Widescreen Premium v2.5 */
@media (min-width: 1440px) {
    .dsb-container {
        width: min(1380px, calc(100% - 72px));
    }

    .dsb-hero__grid {
        grid-template-columns: minmax(0, 1.05fr) minmax(440px, .78fr);
        gap: clamp(72px, 7vw, 116px);
    }

    .dsb-hero h1 {
        max-width: 820px;
        font-size: clamp(4.5rem, 5.1vw, 6.2rem);
    }

    .dsb-lead {
        max-width: 760px;
    }

    .dsb-battery-card {
        max-width: 470px;
        justify-self: end;
    }

    .dsb-choice-hub__head,
    .dsb-section-head--center {
        max-width: 1040px;
    }

    .dsb-choice-hub__grid {
        gap: 28px;
    }

    .dsb-choice-card {
        min-height: 570px;
    }

    .dsb-choice-card h3 {
        max-width: 650px;
    }

    .dsb-path__grid,
    .dsb-trust-grid {
        gap: 24px;
    }

    .dsb-path-card {
        min-height: 295px;
        padding: 32px;
    }

    .dsb-data-grid {
        gap: 92px;
    }

    .dsb-founder-grid {
        grid-template-columns: minmax(360px, .56fr) minmax(0, 1.08fr);
        gap: 104px;
    }

    .dsb-founder-card {
        min-height: 540px;
    }

    .dsb-types-grid {
        gap: 24px;
    }

    .dsb-types-grid article {
        min-height: 250px;
    }

    .dsb-service-band__grid {
        grid-template-columns: minmax(0, 1.05fr) minmax(430px, .7fr);
        gap: 92px;
    }

    .dsb-faq-layout {
        grid-template-columns: minmax(0, .72fr) minmax(580px, 1fr);
        gap: 90px;
    }

    .dsb-final__box {
        max-width: 1320px;
    }

    .dsb-products-hero__grid {
        grid-template-columns: minmax(0, 1.08fr) minmax(400px, .55fr);
        gap: 92px;
    }

    .dsb-product-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .dsb-catalog-hero__grid {
        grid-template-columns: minmax(0, 1.08fr) minmax(400px, .5fr);
        gap: 88px;
    }

    .dsb-about-hero__grid {
        grid-template-columns: minmax(0, 1.08fr) minmax(350px, .42fr);
        gap: 90px;
    }

    .dsb-about-story__grid {
        gap: 100px;
    }

    .dsb-quick-actions {
        right: 28px;
        bottom: 28px;
    }
}

/* Große Desktop-Bildschirme etwas großzügiger nutzen */
@media (min-width: 1800px) {
    .dsb-container {
        width: min(1480px, calc(100% - 96px));
    }

    .dsb-hero__grid {
        gap: 128px;
    }

    .dsb-hero h1 {
        max-width: 900px;
    }
}


/* Mobile Premium v2.6 */
@media (max-width: 780px) {
    /* Header kompakter */
    .site-header-row-container-inner,
    .site-header-item {
        min-height: 0 !important;
    }

    .site-header-main-section-left,
    .site-header-main-section-right {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .site-branding .site-logo img,
    .site-branding img.custom-logo {
        max-height: 76px !important;
        width: auto !important;
    }

    /* Hero schneller auf den Punkt */
    .dsb-hero {
        padding-top: 52px !important;
        padding-bottom: 58px !important;
    }

    .dsb-hero__grid {
        gap: 28px !important;
    }

    .dsb-kicker {
        font-size: .72rem !important;
        line-height: 1.35 !important;
        letter-spacing: .07em !important;
        margin-bottom: 22px !important;
    }

    .dsb-hero h1 {
        font-size: clamp(3.25rem, 14vw, 5.05rem) !important;
        line-height: .95 !important;
        letter-spacing: -.06em !important;
    }

    .dsb-lead,
    .dsb-hero p {
        font-size: 1.02rem !important;
        line-height: 1.62 !important;
        margin-top: 24px !important;
    }

    .dsb-hero .dsb-actions {
        gap: 10px !important;
        margin-top: 26px !important;
    }

    .dsb-hero .dsb-btn {
        min-height: 50px;
        padding: 13px 18px;
    }

    .dsb-hero__badges {
        gap: 7px !important;
        margin-top: 18px !important;
    }

    .dsb-hero__bottom {
        margin-top: 28px !important;
    }

    /* Batterie-Finder Visual nicht unnötig hoch */
    .dsb-hero__visual {
        margin-top: 10px;
    }

    .dsb-battery-card {
        transform: none !important;
    }

    /* Große Überschriften auf Mobil lesbarer */
    .dsb-choice-hub__head h2,
    .dsb-section-head h2,
    .dsb-founder-copy h2,
    .dsb-about-story h2,
    .dsb-about-values h2,
    .dsb-about-cta h2,
    .dsb-products-head h2,
    .dsb-products-service h2 {
        font-size: clamp(2.25rem, 10.5vw, 3.35rem) !important;
        line-height: .99 !important;
    }

    .dsb-choice-card h3 {
        font-size: clamp(2rem, 9vw, 3rem) !important;
    }

    /* Abschluss-CTA kompakter */
    .dsb-final {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }

    .dsb-final__box {
        padding: 30px 24px !important;
        border-radius: 26px !important;
    }

    .dsb-final__box h2 {
        font-size: clamp(2.25rem, 10.5vw, 3.35rem) !important;
        line-height: .98 !important;
    }

    .dsb-final__box p {
        font-size: 1rem !important;
        line-height: 1.55 !important;
    }

    /* Footer genug Luft über der fixen Leiste */
    .dsb-footer {
        padding-bottom: 92px !important;
    }

    /* Mobile Schnellleiste kleiner und weniger dominant */
    body {
        padding-bottom: calc(66px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .dsb-mobile-actions {
        left: 8px !important;
        right: 8px !important;
        bottom: calc(7px + env(safe-area-inset-bottom, 0px)) !important;
        grid-template-columns: 1fr 1.12fr 1fr !important;
        gap: 5px !important;
        padding: 5px !important;
        border-radius: 17px !important;
    }

    .dsb-mobile-actions a {
        min-height: 48px !important;
        padding: 5px 6px !important;
        border-radius: 12px !important;
        gap: 2px !important;
    }

    .dsb-mobile-actions a > span {
        font-size: .9rem !important;
    }

    .dsb-mobile-actions a > strong {
        font-size: .71rem !important;
    }

    /* lange Footer-Texte mobil besser umbrechen */
    .dsb-footer a,
    .dsb-footer p,
    .dsb-footer span {
        overflow-wrap: anywhere;
    }
}

@media (max-width: 430px) {
    .site-branding .site-logo img,
    .site-branding img.custom-logo {
        max-height: 68px !important;
    }

    .dsb-hero h1 {
        font-size: clamp(3rem, 13.2vw, 4.55rem) !important;
    }

    .dsb-hero {
        padding-top: 46px !important;
    }

    .dsb-mobile-actions {
        left: 6px !important;
        right: 6px !important;
        bottom: calc(5px + env(safe-area-inset-bottom, 0px)) !important;
    }
}

/* v3.0.0 – Herstellerseiten und Kauf-Ratgeber */
.dsb-brand-page {
    color: var(--dsb-text);
    background: var(--dsb-bg);
    overflow: hidden;
}

.dsb-brand-hub-hero,
.dsb-brand-detail-hero {
    position: relative;
    padding: clamp(76px, 8vw, 128px) 0;
    color: var(--dsb-white);
    background:
        radial-gradient(circle at 78% 28%, rgba(245,180,0,.22), transparent 26%),
        linear-gradient(125deg, var(--dsb-blue) 0%, var(--dsb-blue-2) 58%, #123b5e 100%);
}

.dsb-brand-hub-hero__grid,
.dsb-brand-detail-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    gap: clamp(42px, 7vw, 96px);
    align-items: center;
}

.dsb-brand-hub-hero h1,
.dsb-brand-detail-hero h1 {
    max-width: 860px;
    margin: 0;
    color: #fff;
    font-size: clamp(3.15rem, 5.8vw, 6.8rem);
    line-height: .93;
    letter-spacing: -.055em;
}

.dsb-brand-hub-hero__grid > div > p,
.dsb-brand-detail-hero__grid > div > p {
    max-width: 780px;
    margin: 28px 0 0;
    color: rgba(255,255,255,.78);
    font-size: clamp(1.08rem, 1.45vw, 1.3rem);
    line-height: 1.72;
}

.dsb-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 34px;
    color: rgba(255,255,255,.64);
    font-size: .86rem;
}

.dsb-breadcrumb a {
    color: rgba(255,255,255,.86);
    text-decoration: none;
}

.dsb-breadcrumb a:hover {
    color: var(--dsb-yellow);
}

.dsb-brand-hub-hero__facts,
.dsb-brand-detail-hero__panel {
    padding: clamp(28px, 4vw, 46px);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 30px;
    background: rgba(255,255,255,.08);
    box-shadow: 0 30px 90px rgba(0,0,0,.24);
    backdrop-filter: blur(14px);
}

.dsb-brand-hub-hero__facts > strong {
    display: block;
    margin-bottom: 24px;
    color: var(--dsb-yellow-2);
    font-size: .82rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.dsb-brand-hub-hero__facts > div {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    padding: 17px 0;
    border-top: 1px solid rgba(255,255,255,.12);
}

.dsb-brand-hub-hero__facts > div span {
    color: #fff;
    font-size: clamp(2rem, 4vw, 3.3rem);
    font-weight: 850;
    letter-spacing: -.05em;
}

.dsb-brand-hub-hero__facts > div small {
    color: rgba(255,255,255,.68);
    font-size: .92rem;
}

.dsb-brand-hub-hero__facts > p,
.dsb-brand-detail-hero__panel > p {
    margin: 22px 0 0;
    color: rgba(255,255,255,.72);
    line-height: 1.65;
}

.dsb-brand-detail-hero__name {
    display: inline-flex;
    margin-bottom: 30px;
    padding: 9px 14px;
    border-radius: 999px;
    color: var(--dsb-blue);
    background: var(--dsb-yellow);
    font-weight: 850;
}

.dsb-brand-detail-hero__panel > strong {
    display: block;
    color: #fff;
    font-size: clamp(4rem, 7vw, 7rem);
    line-height: .9;
    letter-spacing: -.06em;
}

.dsb-brand-detail-hero__panel > small {
    display: block;
    margin-top: 12px;
    color: rgba(255,255,255,.64);
    line-height: 1.5;
}

.dsb-brand-hub-content,
.dsb-brand-detail-content {
    padding: clamp(72px, 8vw, 124px) 0;
}

.dsb-brand-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 38px;
}

.dsb-brand-card {
    display: flex;
    min-height: 310px;
    flex-direction: column;
    padding: 26px;
    border: 1px solid var(--dsb-border);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 16px 46px rgba(6,23,37,.07);
    transition: transform .2s ease, box-shadow .2s ease;
}

.dsb-brand-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 60px rgba(6,23,37,.13);
}

.dsb-brand-card__top {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 24px;
}

.dsb-brand-card__top > span {
    color: var(--dsb-blue);
    font-size: 1.45rem;
    font-weight: 850;
}

.dsb-brand-card__top > small {
    color: var(--dsb-muted);
    font-size: .78rem;
}

.dsb-brand-card h3 {
    margin: 0;
    color: var(--dsb-blue);
    font-size: 1.25rem;
    line-height: 1.22;
}

.dsb-brand-card > p {
    margin: 13px 0 18px;
    color: var(--dsb-muted);
    font-size: .93rem;
    line-height: 1.55;
}

.dsb-brand-card__models {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 20px;
}

.dsb-brand-card__models span {
    padding: 6px 9px;
    border-radius: 999px;
    color: #355064;
    background: #eef3f7;
    font-size: .72rem;
    font-weight: 750;
}

.dsb-brand-card > a {
    margin-top: auto;
    color: var(--dsb-blue);
    font-weight: 850;
    text-decoration: none;
}

.dsb-brand-card > a:hover {
    color: #9d7200;
}

.dsb-brand-process {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: clamp(40px, 7vw, 90px);
    margin-top: clamp(70px, 9vw, 120px);
    padding: clamp(36px, 6vw, 70px);
    border-radius: 34px;
    color: #fff;
    background: var(--dsb-blue);
}

.dsb-brand-process h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(2.4rem, 4.2vw, 4.6rem);
    line-height: .98;
    letter-spacing: -.045em;
}

.dsb-brand-process ol {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dsb-brand-process li {
    display: grid;
    grid-template-columns: 52px 1fr;
    gap: 18px;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    background: rgba(255,255,255,.055);
}

.dsb-brand-process li > span {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border-radius: 14px;
    color: var(--dsb-blue);
    background: var(--dsb-yellow);
    font-weight: 900;
}

.dsb-brand-process li strong {
    color: #fff;
    font-size: 1.02rem;
}

.dsb-brand-process li p {
    margin: 5px 0 0;
    color: rgba(255,255,255,.67);
    line-height: 1.55;
}

.dsb-brand-detail-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(310px, .72fr);
    gap: clamp(44px, 7vw, 100px);
    align-items: start;
}

.dsb-brand-detail-intro h2,
.dsb-brand-models h2,
.dsb-brand-faq h2,
.dsb-buying-guide h2 {
    margin: 0;
    color: var(--dsb-blue);
    font-size: clamp(2.5rem, 4.4vw, 4.8rem);
    line-height: .98;
    letter-spacing: -.045em;
}

.dsb-brand-detail-intro p,
.dsb-brand-models p {
    color: var(--dsb-muted);
    font-size: 1.05rem;
    line-height: 1.72;
}

.dsb-brand-checklist {
    padding: 30px;
    border: 1px solid #dae3ea;
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(6,23,37,.08);
}

.dsb-brand-checklist > strong {
    display: block;
    margin-bottom: 18px;
    color: var(--dsb-blue);
    font-size: 1.2rem;
}

.dsb-brand-checklist ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dsb-brand-checklist li {
    position: relative;
    padding-left: 28px;
    color: #435568;
}

.dsb-brand-checklist li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #9d7200;
    font-weight: 900;
}

.dsb-brand-models {
    margin-top: clamp(72px, 9vw, 124px);
    padding: clamp(34px, 6vw, 68px);
    border-radius: 34px;
    background: #fff;
    box-shadow: 0 24px 80px rgba(6,23,37,.08);
}

.dsb-brand-models__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 28px 0;
}

.dsb-brand-models__chips span {
    padding: 12px 16px;
    border: 1px solid #d8e1e8;
    border-radius: 999px;
    color: var(--dsb-blue);
    background: #f6f8fa;
    font-weight: 800;
}

.dsb-brand-faq {
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
    gap: clamp(40px, 7vw, 90px);
    margin: clamp(72px, 9vw, 124px) 0;
}

.dsb-brand-faq > div:last-child {
    display: grid;
    gap: 14px;
}

.dsb-brand-faq article {
    padding: 24px 26px;
    border: 1px solid var(--dsb-border);
    border-radius: 20px;
    background: #fff;
}

.dsb-brand-faq h3 {
    margin: 0;
    color: var(--dsb-blue);
    font-size: 1.12rem;
}

.dsb-brand-faq p {
    margin: 8px 0 0;
    color: var(--dsb-muted);
    line-height: 1.62;
}

.dsb-brand-related {
    margin-top: clamp(78px, 10vw, 136px);
}

.dsb-brand-related .dsb-brand-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dsb-buying-guide {
    padding: clamp(76px, 9vw, 132px) 0;
    background: #eef3f7;
}

.dsb-buying-guide__intro {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .8fr);
    gap: clamp(38px, 7vw, 90px);
    align-items: end;
}

.dsb-buying-guide__intro > p {
    margin: 0;
    color: var(--dsb-muted);
    font-size: 1.08rem;
    line-height: 1.72;
}

.dsb-buying-guide__grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px;
    margin-top: 42px;
}

.dsb-buying-guide__grid article {
    min-height: 225px;
    padding: 20px 16px;
    border: 1px solid #dbe3e9;
    border-radius: 20px;
    background: #fff;
}

.dsb-buying-guide__grid article > span {
    display: inline-flex;
    margin-bottom: 38px;
    color: #9d7200;
    font-size: .77rem;
    font-weight: 900;
}

.dsb-buying-guide__grid h3 {
    margin: 0;
    color: var(--dsb-blue);
    font-size: 1rem;
}

.dsb-buying-guide__grid p {
    margin: 8px 0 0;
    color: var(--dsb-muted);
    font-size: .85rem;
    line-height: 1.52;
}

.dsb-buying-guide__links {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 24px;
}

.dsb-buying-guide__links a {
    display: flex;
    min-height: 120px;
    flex-direction: column;
    justify-content: center;
    padding: 24px;
    border-radius: 20px;
    color: #fff;
    background: var(--dsb-blue);
    text-decoration: none;
}

.dsb-buying-guide__links a:hover {
    background: var(--dsb-blue-3);
}

.dsb-buying-guide__links strong {
    font-size: 1.08rem;
}

.dsb-buying-guide__links span {
    margin-top: 7px;
    color: rgba(255,255,255,.68);
    font-size: .88rem;
}

.dsb-buying-guide__faq {
    margin-top: clamp(64px, 8vw, 106px);
}

.dsb-buying-guide__faq > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 32px;
}

.dsb-buying-guide__faq article {
    padding: 28px;
    border: 1px solid #dbe3e9;
    border-radius: 22px;
    background: #fff;
}

.dsb-buying-guide__faq h3 {
    margin: 0;
    color: var(--dsb-blue);
    font-size: 1.08rem;
}

.dsb-buying-guide__faq p {
    margin: 10px 0 0;
    color: var(--dsb-muted);
    line-height: 1.62;
}

@media (max-width: 1180px) {
    .dsb-brand-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dsb-brand-related .dsb-brand-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dsb-buying-guide__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .dsb-brand-hub-hero__grid,
    .dsb-brand-detail-hero__grid,
    .dsb-brand-process,
    .dsb-brand-detail-intro,
    .dsb-brand-faq,
    .dsb-buying-guide__intro {
        grid-template-columns: 1fr;
    }

    .dsb-brand-hub-hero h1,
    .dsb-brand-detail-hero h1 {
        font-size: clamp(3rem, 12.5vw, 5.4rem);
    }

    .dsb-brand-process {
        padding: 30px;
    }

    .dsb-buying-guide__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dsb-buying-guide__links,
    .dsb-buying-guide__faq > div {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .dsb-brand-hub-hero,
    .dsb-brand-detail-hero {
        padding: 58px 0 66px;
    }

    .dsb-brand-grid,
    .dsb-brand-related .dsb-brand-grid,
    .dsb-buying-guide__grid {
        grid-template-columns: 1fr;
    }

    .dsb-brand-card {
        min-height: 0;
    }

    .dsb-brand-hub-hero__facts,
    .dsb-brand-detail-hero__panel,
    .dsb-brand-models,
    .dsb-brand-checklist {
        padding: 24px;
        border-radius: 22px;
    }

    .dsb-brand-process {
        padding: 24px;
        border-radius: 24px;
    }

    .dsb-brand-process li {
        grid-template-columns: 44px 1fr;
        padding: 16px;
    }

    .dsb-brand-process li > span {
        width: 40px;
        height: 40px;
    }

    .dsb-buying-guide__grid article {
        min-height: 0;
    }

    .dsb-buying-guide__grid article > span {
        margin-bottom: 18px;
    }
}


/* =========================================================
   Version 3.2.0: kaufnahe Seiten – neu, gebraucht und Miete
   ========================================================= */

.dsb-procurement-page {
    background: #f3f6f8;
    color: #071d2c;
}

.dsb-procurement-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(86px, 8vw, 148px) 0 clamp(82px, 8vw, 140px);
    background:
        radial-gradient(circle at 76% 45%, rgba(255, 183, 0, .16), transparent 27%),
        linear-gradient(118deg, #061c2b 0%, #0c3048 66%, #123b55 100%);
    color: #fff;
}

.dsb-procurement-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .16;
    background-image:
        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
    background-size: 76px 76px;
}

.dsb-procurement-hero__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(330px, .8fr);
    gap: clamp(58px, 8vw, 130px);
    align-items: center;
}

.dsb-procurement-hero h1 {
    max-width: 900px;
    margin: 22px 0 24px;
    color: #fff;
    font-size: clamp(3.4rem, 5.4vw, 6.8rem);
    line-height: .98;
    letter-spacing: -.055em;
}

.dsb-procurement-hero__grid > div > p {
    max-width: 790px;
    margin: 0;
    color: rgba(232, 242, 249, .78);
    font-size: clamp(1.1rem, 1.45vw, 1.34rem);
    line-height: 1.72;
}

.dsb-procurement-hero .dsb-actions {
    margin-top: 34px;
}

.dsb-procurement-panel {
    padding: clamp(28px, 3.2vw, 44px);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 26px;
    background: rgba(255,255,255,.09);
    box-shadow: 0 28px 80px rgba(0,0,0,.22);
    backdrop-filter: blur(10px);
}

.dsb-procurement-panel > small {
    display: block;
    margin-bottom: 12px;
    color: #ffbb00;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.dsb-procurement-panel h2 {
    margin: 0 0 22px;
    color: #fff;
    font-size: clamp(1.65rem, 2.4vw, 2.5rem);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.dsb-procurement-panel ul {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dsb-procurement-panel li {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 10px;
    padding: 14px 0;
    border-top: 1px solid rgba(255,255,255,.12);
    color: rgba(241, 247, 250, .82);
    font-size: .98rem;
    font-weight: 700;
}

.dsb-procurement-panel li span {
    color: #ffbb00;
}

.dsb-procurement-content {
    padding: clamp(76px, 8vw, 138px) 0 clamp(90px, 9vw, 150px);
}

.dsb-procurement-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
    gap: clamp(44px, 8vw, 130px);
    align-items: end;
}

.dsb-procurement-intro h2 {
    max-width: 740px;
    margin: 20px 0 0;
    font-size: clamp(2.65rem, 4vw, 4.8rem);
    line-height: 1;
    letter-spacing: -.055em;
}

.dsb-procurement-intro > p {
    margin: 0;
    color: #607386;
    font-size: 1.08rem;
    line-height: 1.78;
}

.dsb-procurement-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: clamp(42px, 5vw, 74px);
}

.dsb-procurement-steps article {
    min-height: 260px;
    padding: 30px;
    border: 1px solid #dfe7ed;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(7, 29, 44, .06);
}

.dsb-procurement-steps article > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 34px;
    border-radius: 14px;
    background: #ffb800;
    color: #071d2c;
    font-size: .84rem;
    font-weight: 950;
}

.dsb-procurement-steps h3 {
    margin: 0 0 13px;
    font-size: 1.35rem;
    line-height: 1.14;
    letter-spacing: -.025em;
}

.dsb-procurement-steps p {
    margin: 0;
    color: #66798a;
    line-height: 1.65;
}

.dsb-procurement-solutions {
    margin-top: clamp(88px, 9vw, 150px);
}

.dsb-procurement-solutions__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 42px;
}

.dsb-procurement-solutions__grid article {
    position: relative;
    min-height: 260px;
    padding: 34px;
    overflow: hidden;
    border: 1px solid #dce5ec;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(7, 29, 44, .065);
}

.dsb-procurement-solutions__grid article.is-current {
    border-color: #ffb800;
    box-shadow: 0 18px 54px rgba(255, 184, 0, .15);
}

.dsb-procurement-solutions__grid article > span {
    display: inline-block;
    margin-bottom: 34px;
    color: #9b6d00;
    font-size: .7rem;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.dsb-procurement-solutions__grid h3 {
    margin: 0 0 12px;
    font-size: clamp(1.5rem, 2vw, 2rem);
    line-height: 1.05;
    letter-spacing: -.035em;
}

.dsb-procurement-solutions__grid p {
    margin: 0 0 24px;
    color: #637689;
    line-height: 1.62;
}

.dsb-procurement-solutions__grid a {
    color: #071d2c;
    font-weight: 900;
    text-decoration: none;
}

.dsb-procurement-solutions__grid a:hover {
    color: #9b6d00;
}

.dsb-procurement-faq {
    display: grid;
    grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr);
    gap: clamp(44px, 8vw, 120px);
    margin-top: clamp(88px, 9vw, 150px);
}

.dsb-procurement-faq > div:first-child {
    position: sticky;
    top: 120px;
    align-self: start;
}

.dsb-procurement-faq h2 {
    margin: 20px 0 0;
    font-size: clamp(2.4rem, 3.6vw, 4.4rem);
    line-height: 1;
    letter-spacing: -.05em;
}

.dsb-procurement-faq > div:last-child {
    display: grid;
    gap: 14px;
}

.dsb-procurement-faq article {
    padding: 26px 28px;
    border: 1px solid #dce5ec;
    border-radius: 18px;
    background: #fff;
}

.dsb-procurement-faq h3 {
    margin: 0 0 9px;
    font-size: 1.1rem;
    line-height: 1.32;
}

.dsb-procurement-faq p {
    margin: 0;
    color: #65788a;
    line-height: 1.68;
}

.dsb-procurement-cta {
    margin-top: clamp(76px, 8vw, 124px);
}

@media (max-width: 980px) {
    .dsb-procurement-hero__grid,
    .dsb-procurement-intro,
    .dsb-procurement-faq {
        grid-template-columns: 1fr;
    }

    .dsb-procurement-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dsb-procurement-faq > div:first-child {
        position: static;
    }
}

@media (max-width: 680px) {
    .dsb-procurement-hero {
        padding: 62px 0 72px;
    }

    .dsb-procurement-hero__grid {
        gap: 42px;
    }

    .dsb-procurement-hero h1 {
        font-size: clamp(3rem, 12vw, 4.6rem);
    }

    .dsb-procurement-steps,
    .dsb-procurement-solutions__grid {
        grid-template-columns: 1fr;
    }

    .dsb-procurement-steps article,
    .dsb-procurement-solutions__grid article {
        min-height: 0;
        padding: 26px;
    }

    .dsb-procurement-steps article > span,
    .dsb-procurement-solutions__grid article > span {
        margin-bottom: 22px;
    }
}


/* ==========================================================
   PREMIUM RELAUNCH 3.0
   Klarer, bildorientierter, weniger Kartenoptik
   ========================================================== */

.dsb-page--relaunch {
    --dsb-radius-xl: 18px;
    --dsb-radius-lg: 14px;
}

.dsb-page--relaunch .dsb-kicker {
    letter-spacing: .085em;
}

.dsb-hero--relaunch {
    min-height: auto;
    padding-top: clamp(92px, 8vw, 138px) !important;
    padding-bottom: 0 !important;
}

.dsb-hero--relaunch .dsb-hero__grid {
    padding-bottom: clamp(72px, 7vw, 108px);
}

.dsb-hero--relaunch h1 {
    max-width: 920px;
    font-size: clamp(4rem, 6.1vw, 7rem);
    line-height: .91;
}

.dsb-hero--relaunch .dsb-lead {
    max-width: 760px;
    font-size: clamp(1.08rem, 1.35vw, 1.25rem);
}

.dsb-actions--hero .dsb-btn {
    min-height: 56px;
}

.dsb-hero__trustline {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    margin-top: 28px;
    color: rgba(255,255,255,.62);
    font-size: .9rem;
    font-weight: 800;
}

.dsb-hero__trustline span {
    position: relative;
}

.dsb-hero__trustline span + span::before {
    content: "";
    position: absolute;
    left: -13px;
    top: 50%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--dsb-yellow);
}

.dsb-showcase--relaunch {
    position: relative;
    min-height: 510px;
    overflow: hidden;
    border-radius: 18px;
    background:
        radial-gradient(circle at 80% 18%, rgba(244,180,0,.18), transparent 30%),
        rgba(255,255,255,.075);
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 30px 80px rgba(0,0,0,.18);
}

.dsb-showcase__big-number {
    position: absolute;
    right: -2px;
    top: 74px;
    font-size: 11rem;
    line-height: .8;
    font-weight: 1000;
    letter-spacing: -.08em;
    color: rgba(255,255,255,.035);
}

.dsb-showcase--relaunch .dsb-battery-visual {
    margin: 42px auto 34px;
    transform: scale(1.15);
}

.dsb-showcase__route {
    display: grid;
    gap: 4px;
    padding-top: 22px;
    border-top: 1px solid rgba(255,255,255,.12);
}

.dsb-showcase__route strong {
    color: #fff;
    font-size: 1.18rem;
}

.dsb-showcase__route span {
    color: rgba(255,255,255,.6);
}

.dsb-showcase__link {
    display: inline-block;
    margin-top: 18px;
    color: var(--dsb-yellow) !important;
    font-weight: 900;
    text-decoration: none !important;
}

.dsb-proofbar--relaunch {
    margin-top: 0 !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    background: #fff !important;
    color: var(--dsb-blue-2) !important;
    box-shadow: none !important;
}

.dsb-proofbar--relaunch div {
    border-color: var(--dsb-border) !important;
}

.dsb-proofbar--relaunch strong {
    color: var(--dsb-blue-2) !important;
}

.dsb-proofbar--relaunch span {
    color: var(--dsb-muted) !important;
}

.dsb-editorial-intro {
    padding: clamp(82px, 8vw, 126px) 0 42px;
    background: #fff;
}

.dsb-editorial-intro__grid {
    display: grid;
    grid-template-columns: .38fr 1fr;
    gap: clamp(36px, 7vw, 100px);
    align-items: start;
}

.dsb-editorial-intro__eyebrow {
    padding-top: 12px;
    color: #9c7100;
    font-size: .8rem;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.dsb-editorial-intro h2 {
    margin: 0;
    max-width: 900px;
    color: var(--dsb-blue-2);
    font-size: clamp(3rem, 5.3vw, 5.6rem);
    line-height: .92;
    letter-spacing: -.065em;
}

.dsb-editorial-intro p {
    max-width: 790px;
    color: var(--dsb-muted);
    font-size: 1.08rem;
    line-height: 1.7;
}

.dsb-solutions {
    padding: 0 0 clamp(88px, 9vw, 138px);
    background: #fff;
}

.dsb-solutions__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.dsb-solution-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--dsb-border);
    border-radius: 14px;
    transition: transform .22s ease, box-shadow .22s ease;
}

.dsb-solution-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 24px 52px rgba(11,31,51,.11);
}

.dsb-solution-card__visual {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #061725;
}

.dsb-solution-card__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.dsb-solution-card:hover .dsb-solution-card__visual img {
    transform: scale(1.025);
}

.dsb-solution-card__visual > span {
    position: absolute;
    left: 20px;
    top: 20px;
    padding: 8px 11px;
    border-radius: 999px;
    background: var(--dsb-yellow);
    color: var(--dsb-blue-2);
    font-size: .74rem;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.dsb-solution-card__body {
    padding: 26px 26px 30px;
}

.dsb-solution-card__body small {
    color: #9a7000;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .07em;
}

.dsb-solution-card h3 {
    margin: 10px 0 12px;
    color: var(--dsb-blue-2);
    font-size: clamp(1.65rem, 2.4vw, 2.35rem);
    line-height: 1;
    letter-spacing: -.045em;
}

.dsb-solution-card p {
    min-height: 74px;
    margin: 0 0 20px;
    color: var(--dsb-muted);
    line-height: 1.62;
}

.dsb-solution-card a {
    color: var(--dsb-blue-2) !important;
    font-weight: 1000;
    text-decoration: none !important;
}

.dsb-solution-card a:hover {
    color: #9a7000 !important;
}

.dsb-express {
    padding: clamp(72px, 7vw, 104px) 0;
    background: linear-gradient(135deg, #061725 0%, #123c5b 100%);
    color: #fff;
}

.dsb-express__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 70px;
    align-items: center;
}

.dsb-express h2 {
    margin: 0;
    max-width: 900px;
    color: #fff;
    font-size: clamp(2.8rem, 4.8vw, 5rem);
    line-height: .94;
    letter-spacing: -.06em;
}

.dsb-express p {
    max-width: 820px;
    margin: 20px 0 0;
    color: rgba(255,255,255,.7);
    font-size: 1.05rem;
    line-height: 1.68;
}

.dsb-express__actions {
    display: grid;
    min-width: 270px;
    gap: 14px;
}

.dsb-express__textlink {
    color: rgba(255,255,255,.82) !important;
    text-align: center;
    font-weight: 900;
    text-decoration: none !important;
}

.dsb-route-section {
    padding: clamp(90px, 9vw, 142px) 0;
    background: #f3f5f7;
}

.dsb-route-section__grid {
    display: grid;
    grid-template-columns: minmax(360px, .78fr) minmax(0, 1fr);
    gap: clamp(54px, 8vw, 120px);
    align-items: center;
}

.dsb-route-section__visual {
    min-height: 560px;
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 14px;
    background:
        radial-gradient(circle at 72% 22%, rgba(244,180,0,.22), transparent 28%),
        linear-gradient(145deg, #061725 0%, #174563 100%);
}

.dsb-route-section__visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 44px 44px;
}

.dsb-route-machine {
    position: relative;
    width: 330px;
    height: 310px;
    z-index: 1;
}

.dsb-route-machine__body {
    position: absolute;
    left: 75px;
    bottom: 70px;
    width: 195px;
    height: 115px;
    border-radius: 13px 40px 8px 8px;
    background: var(--dsb-yellow);
}

.dsb-route-machine__mast {
    position: absolute;
    left: 54px;
    bottom: 62px;
    width: 16px;
    height: 225px;
    background: #e4eaf0;
}

.dsb-route-machine__fork {
    position: absolute;
    left: 5px;
    bottom: 58px;
    width: 110px;
    height: 12px;
    background: #e4eaf0;
    box-shadow: 0 -25px 0 -2px #e4eaf0;
}

.dsb-route-machine__wheel {
    position: absolute;
    bottom: 35px;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: #111b22;
    border: 12px solid #27333d;
}

.dsb-route-machine__wheel--one { left: 90px; }
.dsb-route-machine__wheel--two { right: 35px; }

.dsb-route-machine__battery {
    position: absolute;
    left: 105px;
    bottom: 105px;
    display: grid;
    place-items: center;
    width: 95px;
    height: 58px;
    border-radius: 5px;
    background: #0b2a53;
    color: #fff;
    font-weight: 1000;
}

.dsb-route-section__caption {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 28px;
    z-index: 2;
    padding: 18px 20px;
    background: rgba(255,255,255,.10);
    border: 1px solid rgba(255,255,255,.14);
    backdrop-filter: blur(8px);
}

.dsb-route-section__caption strong,
.dsb-route-section__caption span {
    display: block;
}

.dsb-route-section__caption strong {
    color: #fff;
}

.dsb-route-section__caption span {
    margin-top: 3px;
    color: rgba(255,255,255,.65);
}

.dsb-route-section__content h2 {
    margin: 0;
    color: var(--dsb-blue-2);
    font-size: clamp(3rem, 5vw, 5.2rem);
    line-height: .93;
    letter-spacing: -.065em;
}

.dsb-route-section__content > p {
    max-width: 820px;
    color: var(--dsb-muted);
    font-size: 1.06rem;
    line-height: 1.74;
}

.dsb-route-section__facts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 32px 0;
    border-top: 1px solid #cfd7dd;
    border-bottom: 1px solid #cfd7dd;
}

.dsb-route-section__facts div {
    padding: 21px 20px 21px 0;
}

.dsb-route-section__facts div + div {
    padding-left: 20px;
    border-left: 1px solid #cfd7dd;
}

.dsb-route-section__facts strong,
.dsb-route-section__facts span {
    display: block;
}

.dsb-route-section__facts strong {
    color: var(--dsb-blue-2);
    font-size: 1.5rem;
}

.dsb-route-section__facts span {
    color: var(--dsb-muted);
    font-size: .86rem;
}

.dsb-service-editorial {
    padding: clamp(86px, 9vw, 138px) 0;
    background: #fff;
}

.dsb-service-editorial__head {
    display: grid;
    grid-template-columns: 1fr .7fr;
    gap: 70px;
    align-items: end;
    margin-bottom: 48px;
}

.dsb-service-editorial__head h2 {
    margin: 0;
    color: var(--dsb-blue-2);
    font-size: clamp(3rem, 5vw, 5.2rem);
    line-height: .93;
    letter-spacing: -.065em;
}

.dsb-service-editorial__head > p {
    margin: 0 0 8px;
    color: var(--dsb-muted);
    font-size: 1.05rem;
    line-height: 1.72;
}

.dsb-service-editorial__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid var(--dsb-border);
    border-bottom: 1px solid var(--dsb-border);
}

.dsb-service-editorial__grid article {
    min-height: 255px;
    padding: 30px 26px;
}

.dsb-service-editorial__grid article + article {
    border-left: 1px solid var(--dsb-border);
}

.dsb-service-editorial__grid article > span {
    color: #a17400;
    font-weight: 1000;
}

.dsb-service-editorial__grid h3 {
    margin: 42px 0 12px;
    color: var(--dsb-blue-2);
    font-size: 1.35rem;
}

.dsb-service-editorial__grid p {
    margin: 0;
    color: var(--dsb-muted);
    line-height: 1.62;
    font-size: .94rem;
}

.dsb-founder-section--editorial {
    background: #f3f5f7;
}

.dsb-founder-section--editorial .dsb-founder-card {
    border-radius: 14px;
}

.dsb-knowledge-strip {
    padding: clamp(86px, 9vw, 132px) 0;
    background: #fff;
}

.dsb-knowledge-strip__head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 28px;
    margin-bottom: 36px;
}

.dsb-knowledge-strip__head h2 {
    margin: 0;
    color: var(--dsb-blue-2);
    font-size: clamp(2.8rem, 4.8vw, 4.8rem);
    line-height: .94;
    letter-spacing: -.06em;
}

.dsb-knowledge-strip__head > a {
    color: var(--dsb-blue-2) !important;
    font-weight: 1000;
    text-decoration: none !important;
}

.dsb-knowledge-strip__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--dsb-border);
}

.dsb-knowledge-strip__grid > a {
    min-height: 230px;
    padding: 30px 28px;
    color: var(--dsb-blue-2) !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--dsb-border);
}

.dsb-knowledge-strip__grid > a + a {
    border-left: 1px solid var(--dsb-border);
}

.dsb-knowledge-strip__grid span {
    color: #9a7000;
    font-size: .78rem;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.dsb-knowledge-strip__grid strong {
    display: block;
    margin: 44px 0 12px;
    font-size: 1.45rem;
    line-height: 1.05;
}

.dsb-knowledge-strip__grid small {
    display: block;
    color: var(--dsb-muted);
    font-size: .94rem;
    line-height: 1.58;
}

.dsb-final--relaunch {
    padding: 0 0 clamp(80px, 8vw, 120px);
    background: #fff;
}

.dsb-final--relaunch .dsb-final__box {
    border-radius: 14px;
}

.dsb-final__actions {
    display: grid;
    gap: 12px;
    justify-items: stretch;
}

.dsb-final__secondary {
    color: rgba(255,255,255,.82) !important;
    text-align: center;
    font-weight: 900;
    text-decoration: none !important;
}

/* Globale optische Beruhigung auf den Plugin-Seiten */
.dsb-page--premium .dsb-path-card,
.dsb-page--premium .dsb-trust-grid article,
.dsb-page--premium .dsb-types-grid article,
.dsb-page--premium .dsb-faq-list article,
.dsb-product-card,
.dsb-catalog-result-card,
.dsb-form-card {
    border-radius: 14px;
}

.dsb-page--premium .dsb-btn,
.dsb-product-catalog .dsb-btn {
    border-radius: 7px;
}

@media (max-width: 1100px) {
    .dsb-solutions__grid {
        grid-template-columns: 1fr 1fr;
    }

    .dsb-solution-card:last-child {
        grid-column: 1 / -1;
    }

    .dsb-service-editorial__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .dsb-service-editorial__grid article:nth-child(3) {
        border-left: 0;
        border-top: 1px solid var(--dsb-border);
    }

    .dsb-service-editorial__grid article:nth-child(4) {
        border-top: 1px solid var(--dsb-border);
    }
}

@media (max-width: 900px) {
    .dsb-editorial-intro__grid,
    .dsb-express__inner,
    .dsb-route-section__grid,
    .dsb-service-editorial__head {
        grid-template-columns: 1fr;
    }

    .dsb-editorial-intro__grid,
    .dsb-route-section__grid {
        gap: 30px;
    }

    .dsb-express__actions {
        min-width: 0;
    }

    .dsb-route-section__visual {
        min-height: 470px;
    }

    .dsb-knowledge-strip__grid {
        grid-template-columns: 1fr;
    }

    .dsb-knowledge-strip__grid > a + a {
        border-left: 0;
    }
}

@media (max-width: 680px) {
    .dsb-hero--relaunch {
        padding-top: 48px !important;
    }

    .dsb-hero--relaunch h1 {
        font-size: clamp(3.15rem, 14vw, 4.7rem) !important;
    }

    .dsb-hero__trustline {
        display: grid;
        gap: 7px;
    }

    .dsb-hero__trustline span + span::before {
        display: none;
    }

    .dsb-showcase--relaunch {
        min-height: 440px;
    }

    .dsb-proofbar--relaunch {
        grid-template-columns: 1fr 1fr !important;
    }

    .dsb-editorial-intro {
        padding-top: 64px;
    }

    .dsb-solutions__grid {
        grid-template-columns: 1fr;
    }

    .dsb-solution-card:last-child {
        grid-column: auto;
    }

    .dsb-solution-card p {
        min-height: 0;
    }

    .dsb-route-section__visual {
        min-height: 410px;
    }

    .dsb-route-machine {
        transform: scale(.8);
    }

    .dsb-route-section__facts {
        grid-template-columns: 1fr;
    }

    .dsb-route-section__facts div,
    .dsb-route-section__facts div + div {
        padding: 13px 0;
        border-left: 0;
    }

    .dsb-route-section__facts div + div {
        border-top: 1px solid #cfd7dd;
    }

    .dsb-service-editorial__grid {
        grid-template-columns: 1fr;
    }

    .dsb-service-editorial__grid article + article,
    .dsb-service-editorial__grid article:nth-child(3),
    .dsb-service-editorial__grid article:nth-child(4) {
        border-left: 0;
        border-top: 1px solid var(--dsb-border);
    }

    .dsb-service-editorial__grid article {
        min-height: 0;
        padding: 24px 4px;
    }

    .dsb-service-editorial__grid h3 {
        margin-top: 18px;
    }

    .dsb-knowledge-strip__head {
        display: grid;
        align-items: start;
    }

    .dsb-knowledge-strip__grid > a {
        min-height: 0;
        padding-left: 4px;
        padding-right: 4px;
    }

    .dsb-knowledge-strip__grid strong {
        margin-top: 18px;
    }
}


/* ==========================================================
   MEGA UPDATE 3.2
   Hersteller, Spannung, Gebraucht-Neuzugänge, Motion
   ========================================================== */

.dsb-home-section-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, .48fr);
    gap: clamp(40px, 7vw, 90px);
    align-items: end;
    margin-bottom: 38px;
}

.dsb-home-section-head h2 {
    margin: 0;
    color: var(--dsb-blue-2);
    font-size: clamp(3rem, 5vw, 5.15rem);
    line-height: .93;
    letter-spacing: -.065em;
}

.dsb-home-section-head__aside p {
    margin: 0 0 13px;
    color: var(--dsb-muted);
    line-height: 1.65;
}

.dsb-home-section-head__aside a {
    color: var(--dsb-blue-2) !important;
    font-weight: 1000;
    text-decoration: none !important;
}

.dsb-home-brands {
    padding: clamp(88px, 9vw, 138px) 0;
    background: #f3f5f7;
}

.dsb-home-brand-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-top: 1px solid #cfd7dd;
    border-left: 1px solid #cfd7dd;
}

.dsb-home-brand {
    position: relative;
    min-height: 170px;
    padding: 25px 24px;
    background: #fff;
    border-right: 1px solid #cfd7dd;
    border-bottom: 1px solid #cfd7dd;
    color: var(--dsb-blue-2) !important;
    text-decoration: none !important;
    transition: background .2s ease, color .2s ease;
}

.dsb-home-brand:hover {
    background: var(--dsb-blue-2);
    color: #fff !important;
}

.dsb-home-brand__name,
.dsb-home-brand__meta {
    display: block;
}

.dsb-home-brand__name {
    margin-top: 31px;
    font-size: clamp(1.45rem, 2vw, 2rem);
    font-weight: 1000;
    letter-spacing: -.045em;
}

.dsb-home-brand__meta {
    margin-top: 7px;
    color: var(--dsb-muted);
    font-size: .82rem;
}

.dsb-home-brand:hover .dsb-home-brand__meta {
    color: rgba(255,255,255,.62);
}

.dsb-home-brand__arrow {
    position: absolute;
    right: 22px;
    top: 20px;
    color: #a17400;
    font-size: 1.1rem;
    font-weight: 1000;
}

.dsb-home-brand:hover .dsb-home-brand__arrow {
    color: var(--dsb-yellow);
}

.dsb-voltage-stage {
    padding: clamp(84px, 8vw, 126px) 0;
    background:
        radial-gradient(circle at 20% 15%, rgba(244,180,0,.15), transparent 26%),
        linear-gradient(135deg, #061725 0%, #123c5b 100%);
    color: #fff;
}

.dsb-voltage-stage__grid {
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(500px, 1fr);
    gap: clamp(48px, 8vw, 110px);
    align-items: center;
}

.dsb-voltage-stage__intro h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(3rem, 4.7vw, 4.8rem);
    line-height: .94;
    letter-spacing: -.06em;
}

.dsb-voltage-stage__intro p {
    max-width: 650px;
    margin: 20px 0;
    color: rgba(255,255,255,.7);
    line-height: 1.7;
}

.dsb-voltage-stage__all {
    color: var(--dsb-yellow) !important;
    font-weight: 900;
    text-decoration: none !important;
}

.dsb-voltage-stage__tiles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.dsb-voltage-stage__tiles a {
    min-height: 145px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    border: 1px solid rgba(255,255,255,.15);
    background: rgba(255,255,255,.065);
    color: #fff !important;
    text-decoration: none !important;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.dsb-voltage-stage__tiles a:hover {
    transform: translateY(-4px);
    background: rgba(255,255,255,.12);
    border-color: rgba(244,180,0,.45);
}

.dsb-voltage-stage__tiles a.is-featured {
    background: linear-gradient(145deg, var(--dsb-yellow), #ffd45c);
    color: var(--dsb-blue-2) !important;
    border-color: var(--dsb-yellow);
}

.dsb-voltage-stage__tiles strong {
    font-size: 2.1rem;
    line-height: 1;
    letter-spacing: -.05em;
}

.dsb-voltage-stage__tiles span {
    margin-top: 7px;
    font-size: .8rem;
    font-weight: 800;
    opacity: .72;
}

.dsb-home-stock {
    padding: clamp(88px, 9vw, 138px) 0;
    background: #fff;
}

.dsb-home-section-head--stock {
    margin-bottom: 32px;
}

.dsb-stock-grid--home {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dsb-stock-grid--home .dsb-stock-card {
    box-shadow: none;
    border-radius: 10px;
}

.dsb-home-stock-empty {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr) auto;
    gap: 28px;
    align-items: center;
    padding: 34px;
    border-top: 1px solid var(--dsb-border);
    border-bottom: 1px solid var(--dsb-border);
}

.dsb-home-stock-empty__number {
    color: #e7eaed;
    font-size: 5rem;
    line-height: 1;
    font-weight: 1000;
    letter-spacing: -.08em;
}

.dsb-home-stock-empty strong {
    color: var(--dsb-blue-2);
    font-size: 1.35rem;
}

.dsb-home-stock-empty p {
    max-width: 720px;
    margin: 7px 0 0;
    color: var(--dsb-muted);
    line-height: 1.6;
}

/* Desktop Floating Actions: deutlich unaufdringlicher */
@media (min-width: 981px) {
    .dsb-quick-actions {
        width: 58px !important;
        right: 18px !important;
        bottom: 22px !important;
        gap: 6px !important;
        transition: width .22s ease;
        filter: drop-shadow(0 14px 26px rgba(5,23,37,.16));
    }

    .dsb-quick-actions:hover,
    .dsb-quick-actions:focus-within {
        width: 245px !important;
    }

    .dsb-quick-actions__item {
        grid-template-columns: 38px 1fr !important;
        min-height: 52px !important;
        padding: 7px 10px !important;
        border-radius: 13px !important;
        overflow: hidden;
    }

    .dsb-quick-actions__icon {
        width: 38px !important;
        height: 38px !important;
        border-radius: 10px !important;
    }

    .dsb-quick-actions__text {
        width: 170px;
        opacity: 0;
        transform: translateX(8px);
        transition: opacity .15s ease, transform .15s ease;
        pointer-events: none;
    }

    .dsb-quick-actions:hover .dsb-quick-actions__text,
    .dsb-quick-actions:focus-within .dsb-quick-actions__text {
        opacity: 1;
        transform: none;
    }
}

/* Ruhige Premium-Animationen */
@media (prefers-reduced-motion: no-preference) {
    .dsb-reveal {
        opacity: 0;
        transform: translateY(18px);
        transition:
            opacity .55s ease var(--dsb-reveal-delay, 0ms),
            transform .55s cubic-bezier(.2,.8,.2,1) var(--dsb-reveal-delay, 0ms);
    }

    .dsb-reveal.is-visible {
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 1100px) {
    .dsb-home-brand-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .dsb-voltage-stage__grid {
        grid-template-columns: 1fr;
    }

    .dsb-stock-grid--home {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .dsb-stock-grid--home .dsb-stock-card:last-child {
        display: none;
    }
}

@media (max-width: 760px) {
    .dsb-home-section-head {
        grid-template-columns: 1fr;
        gap: 18px;
    }

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

    .dsb-home-brand {
        min-height: 135px;
        padding: 18px;
    }

    .dsb-home-brand__name {
        margin-top: 24px;
        font-size: 1.25rem;
    }

    .dsb-voltage-stage__tiles {
        grid-template-columns: repeat(2, 1fr);
    }

    .dsb-voltage-stage__tiles a {
        min-height: 115px;
    }

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

    .dsb-stock-grid--home .dsb-stock-card:last-child {
        display: flex;
    }

    .dsb-home-stock-empty {
        grid-template-columns: 1fr;
        padding-left: 0;
        padding-right: 0;
    }

    .dsb-home-stock-empty__number {
        display: none;
    }
}

@media (max-width: 430px) {
    .dsb-home-brand-grid {
        grid-template-columns: 1fr;
    }

    .dsb-voltage-stage__tiles {
        grid-template-columns: 1fr 1fr;
    }
}