.oct-home-select-hero-v3{
    --oct-yellow:#FFE200;
    --oct-bg-image:none;

    position:relative !important;
    overflow:hidden !important;
    padding:145px 20px 135px 20px !important;
    font-family:'Roboto', Arial, sans-serif !important;
    color:#ffffff !important;

    background:
        linear-gradient(
            90deg,
            rgba(2,5,9,0.96) 0%,
            rgba(4,10,16,0.83) 34%,
            rgba(4,8,13,0.78) 62%,
            rgba(2,5,9,0.96) 100%
        ),
        radial-gradient(
            ellipse at 52% 47%,
            rgba(255,255,255,0.11) 0%,
            rgba(255,226,0,0.055) 24%,
            rgba(255,255,255,0.025) 44%,
            transparent 70%
        ),
        var(--oct-bg-image) !important;

    background-size:cover !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
}

.oct-home-select-hero-v3::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;

    background:
        radial-gradient(
            ellipse at 50% 55%,
            rgba(255,226,0,0.10) 0%,
            rgba(255,226,0,0.040) 26%,
            transparent 62%
        ),
        radial-gradient(
            ellipse at 70% 38%,
            rgba(255,255,255,0.075) 0%,
            transparent 45%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,0.18) 0%,
            rgba(0,0,0,0.04) 42%,
            rgba(0,0,0,0.48) 100%
        ) !important;
}

.oct-home-select-hero-v3::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    pointer-events:none !important;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,0.025) 1px,
            transparent 1px
        ),
        linear-gradient(
            180deg,
            rgba(255,255,255,0.016) 1px,
            transparent 1px
        ),
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,0.022) 0px,
            rgba(255,255,255,0.022) 1px,
            transparent 2px,
            transparent 130px
        ) !important;

    background-size:72px 72px, 72px 72px, auto !important;
    opacity:0.24 !important;
    mask-image:radial-gradient(ellipse at center, black 0%, transparent 78%) !important;
    -webkit-mask-image:radial-gradient(ellipse at center, black 0%, transparent 78%) !important;
}


/* =========================================================
   FX BACKGROUND
========================================================= */

.oct-select-bg-fx-v3{
    position:absolute !important;
    inset:0 !important;
    z-index:3 !important;
    pointer-events:none !important;
    overflow:hidden !important;
}

.oct-select-line-v3{
    position:absolute !important;
    display:block !important;
    height:2px !important;
    border-radius:40px !important;
    transform:rotate(-22deg) !important;
    opacity:0.42 !important;
    animation:octSelectLineMoveV3 5.8s ease-in-out infinite alternate;
}

.oct-select-line-v3.l1{
    width:980px !important;
    right:-260px !important;
    top:150px !important;
    background:linear-gradient(90deg, transparent, rgba(255,226,0,0.32), rgba(255,255,255,0.16), transparent) !important;
}

.oct-select-line-v3.l2{
    width:760px !important;
    left:-190px !important;
    top:430px !important;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,0.16), rgba(255,226,0,0.18), transparent) !important;
    animation-delay:1.1s !important;
}

.oct-select-line-v3.l3{
    width:680px !important;
    right:4% !important;
    bottom:155px !important;
    height:1px !important;
    background:linear-gradient(90deg, transparent, rgba(255,226,0,0.26), transparent) !important;
    animation-delay:2.2s !important;
}

.oct-select-line-v3.l4{
    width:520px !important;
    left:18% !important;
    top:220px !important;
    height:1px !important;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,0.13), transparent) !important;
    animation-delay:3.0s !important;
}

@keyframes octSelectLineMoveV3{
    0%{
        opacity:0.16;
        transform:rotate(-22deg) translateX(-34px) translateY(7px);
    }

    100%{
        opacity:0.78;
        transform:rotate(-22deg) translateX(42px) translateY(-8px);
    }
}

.oct-select-ring-v3{
    position:absolute !important;
    display:block !important;
    border-radius:50% !important;
    pointer-events:none !important;
}

.oct-select-ring-v3.r1{
    width:620px !important;
    height:620px !important;
    right:-210px !important;
    top:160px !important;
    border:1px solid rgba(255,226,0,0.18) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.035),
        0 0 70px rgba(255,226,0,0.045) !important;
    opacity:0.48 !important;
    animation:octSelectRingMoveV3 14s ease-in-out infinite alternate;
}

.oct-select-ring-v3.r1::before{
    content:"" !important;
    position:absolute !important;
    inset:46px !important;
    border-radius:50% !important;
    border:1px dashed rgba(255,255,255,0.11) !important;
}

.oct-select-ring-v3.r2{
    width:430px !important;
    height:430px !important;
    left:-170px !important;
    bottom:80px !important;
    border:1px solid rgba(255,255,255,0.10) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,226,0,0.060),
        0 0 46px rgba(255,226,0,0.030) !important;
    opacity:0.36 !important;
    animation:octSelectRingMoveV3 16s ease-in-out infinite alternate-reverse;
}

.oct-select-ring-v3.r2::before{
    content:"" !important;
    position:absolute !important;
    inset:42px !important;
    border-radius:50% !important;
    border:1px dashed rgba(255,226,0,0.13) !important;
}

@keyframes octSelectRingMoveV3{
    0%{
        transform:translateY(0) translateX(0) rotate(0deg) scale(1);
    }

    100%{
        transform:translateY(-24px) translateX(18px) rotate(12deg) scale(1.045);
    }
}


/* =========================================================
   LAYOUT
========================================================= */

.oct-select-inner-v3{
    position:relative !important;
    z-index:10 !important;
    width:100% !important;
    max-width:1600px !important;
    margin:0 auto !important;
}

.oct-select-grid-v3{
    display:grid !important;
    grid-template-columns:minmax(350px, 0.76fr) minmax(540px, 1.18fr) minmax(330px, 0.70fr) !important;
    gap:38px !important;
    align-items:center !important;
}


/* =========================================================
   LINKER TEXT
========================================================= */

.oct-select-copy-v3{
    position:relative !important;
    z-index:8 !important;
}

.oct-select-kicker-v3{
    display:block !important;
    font-size:24px !important;
    line-height:1.30 !important;
    font-weight:500 !important;
    letter-spacing:1.8px !important;
    text-transform:uppercase !important;
    color:var(--oct-yellow) !important;
    margin-bottom:18px !important;
    text-shadow:
        0 0 18px rgba(255,226,0,0.16),
        0 4px 16px rgba(0,0,0,0.48) !important;

    opacity:0;
    transform:translateX(-22px);
    animation:octSelectKickerRevealV3 1.0s cubic-bezier(0.16, 1, 0.3, 1) 0.18s forwards;
}

.oct-select-title-v3{
    font-size:52px !important;
    line-height:1.06 !important;
    font-weight:800 !important;
    letter-spacing:-0.6px !important;
    text-transform:uppercase !important;
    color:#ffffff !important;
    margin:0 0 24px 0 !important;
    text-shadow:0 8px 26px rgba(0,0,0,0.42) !important;

    opacity:0;
    filter:blur(8px);
    clip-path:inset(0 100% 0 0);
    animation:octSelectTitleRevealV3 1.25s cubic-bezier(0.16, 1, 0.3, 1) 0.42s forwards;
}

.oct-select-lead-v3{
    max-width:660px !important;
    font-size:20px !important;
    line-height:1.68 !important;
    font-weight:400 !important;
    color:rgba(255,255,255,0.86) !important;
    margin:0 !important;
    text-shadow:0 4px 18px rgba(0,0,0,0.50) !important;

    opacity:0;
    transform:translateY(18px);
    filter:blur(5px);
    animation:octSelectLeadRevealV3 1.15s cubic-bezier(0.16, 1, 0.3, 1) 0.78s forwards;
}

@keyframes octSelectKickerRevealV3{
    0%{
        opacity:0;
        transform:translateX(-22px);
        filter:blur(5px);
    }

    100%{
        opacity:1;
        transform:translateX(0);
        filter:blur(0);
    }
}

@keyframes octSelectTitleRevealV3{
    0%{
        opacity:0;
        filter:blur(8px);
        clip-path:inset(0 100% 0 0);
        transform:translateY(8px);
    }

    55%{
        opacity:1;
        filter:blur(2px);
    }

    100%{
        opacity:1;
        filter:blur(0);
        clip-path:inset(0 0 0 0);
        transform:translateY(0);
    }
}

@keyframes octSelectLeadRevealV3{
    0%{
        opacity:0;
        transform:translateY(18px);
        filter:blur(5px);
    }

    100%{
        opacity:1;
        transform:translateY(0);
        filter:blur(0);
    }
}


/* =========================================================
   MITTE � MOTOR STAGE
========================================================= */

.oct-select-stage-v3{
    position:relative !important;
    min-height:650px !important;
    z-index:7 !important;
    overflow:visible !important;
}

.oct-select-stage-glow-v3{
    position:absolute !important;
    left:50% !important;
    top:52% !important;
    width:760px !important;
    height:520px !important;
    transform:translate(-50%, -50%) !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:
        radial-gradient(
            ellipse at center,
            rgba(255,255,255,0.13) 0%,
            rgba(255,255,255,0.055) 24%,
            rgba(255,226,0,0.055) 43%,
            transparent 74%
        ) !important;
    filter:blur(34px) !important;
    opacity:0.86 !important;
    animation:octSelectStageGlowV3 6.4s ease-in-out infinite alternate;
}

@keyframes octSelectStageGlowV3{
    0%{
        opacity:0.55;
        transform:translate(-50%, -50%) scale(0.96);
    }

    100%{
        opacity:0.95;
        transform:translate(-50%, -50%) scale(1.08);
    }
}

.oct-select-hud-v3{
    position:absolute !important;
    left:50% !important;
    top:52% !important;
    width:590px !important;
    height:590px !important;
    transform:translate(-50%, -50%) !important;
    z-index:2 !important;
    pointer-events:none !important;
    border-radius:50% !important;
    opacity:0.76 !important;
    animation:octSelectHudFloatV3 8s ease-in-out infinite alternate;
}

.oct-select-hud-v3::before{
    content:"" !important;
    position:absolute !important;
    inset:30px !important;
    border-radius:50% !important;
    background:
        conic-gradient(
            from 210deg,
            transparent 0deg,
            transparent 14deg,
            rgba(255,226,0,0.40) 27deg,
            transparent 39deg,
            transparent 74deg,
            rgba(255,255,255,0.20) 89deg,
            transparent 102deg,
            transparent 132deg,
            rgba(255,226,0,0.22) 151deg,
            transparent 166deg,
            transparent 198deg,
            rgba(255,255,255,0.17) 214deg,
            transparent 229deg,
            transparent 266deg,
            rgba(255,226,0,0.28) 292deg,
            transparent 310deg,
            transparent 360deg
        ) !important;
    -webkit-mask:radial-gradient(circle, transparent 0%, transparent 58%, #000 59%, #000 60.5%, transparent 61.5%, transparent 100%) !important;
    mask:radial-gradient(circle, transparent 0%, transparent 58%, #000 59%, #000 60.5%, transparent 61.5%, transparent 100%) !important;
    filter:drop-shadow(0 0 12px rgba(255,226,0,0.12)) !important;
}

.oct-select-hud-v3::after{
    content:"" !important;
    position:absolute !important;
    inset:88px !important;
    border-radius:50% !important;
    border:1px dashed rgba(255,255,255,0.13) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,226,0,0.050),
        0 0 42px rgba(255,226,0,0.045) !important;
}

@keyframes octSelectHudFloatV3{
    0%{
        transform:translate(-50%, -50%) rotate(-0.5deg) scale(0.98);
        opacity:0.58;
    }

    100%{
        transform:translate(-49%, -51%) rotate(0.9deg) scale(1.04);
        opacity:0.92;
    }
}

.oct-select-sweep-v3{
    position:absolute !important;
    inset:0 !important;
    z-index:3 !important;
    pointer-events:none !important;
}

.oct-select-sweep-v3::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:52% !important;
    width:730px !important;
    height:9px !important;
    transform:translate(-50%, -50%) rotate(-23deg) !important;
    background:linear-gradient(90deg, transparent 0%, rgba(255,226,0,0.00) 14%, rgba(255,226,0,0.42) 46%, rgba(255,255,255,0.36) 52%, rgba(255,226,0,0.25) 60%, transparent 100%) !important;
    filter:blur(1.3px) !important;
    box-shadow:
        0 0 16px rgba(255,226,0,0.22),
        0 0 34px rgba(255,226,0,0.08) !important;
    opacity:0.62 !important;
    animation:octSelectSweepPulseV3 4.8s ease-in-out infinite;
}

.oct-select-sweep-v3::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:39% !important;
    width:560px !important;
    height:4px !important;
    transform:translate(-50%, -50%) rotate(-23deg) !important;
    background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.00) 16%, rgba(255,255,255,0.24) 48%, rgba(255,255,255,0.00) 100%) !important;
    filter:blur(0.8px) !important;
    box-shadow:0 0 18px rgba(255,255,255,0.08) !important;
    opacity:0.58 !important;
    animation:octSelectSweepPulseV3 6.2s ease-in-out infinite reverse;
}

@keyframes octSelectSweepPulseV3{
    0%, 100%{
        opacity:0.30;
        margin-left:-14px;
    }

    50%{
        opacity:0.88;
        margin-left:18px;
    }
}

.oct-select-motors-v3{
    position:absolute !important;
    inset:0 !important;
    z-index:8 !important;
    pointer-events:none !important;
}

.oct-select-motor-link-v3{
    position:absolute !important;
    display:block !important;
    width:auto !important;
    max-width:none !important;
    pointer-events:auto !important;
    cursor:pointer !important;
    text-decoration:none !important;
    transition:
        left 0.68s cubic-bezier(0.16, 1, 0.3, 1),
        top 0.68s cubic-bezier(0.16, 1, 0.3, 1),
        height 0.68s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.68s cubic-bezier(0.16, 1, 0.3, 1),
        filter 0.48s ease !important;
}

.oct-select-motor-v3{
    display:block !important;
    width:auto !important;
    height:100% !important;
    max-width:none !important;
    object-fit:contain !important;
    pointer-events:none !important;
}


/* Default: Verado aktiv */
.oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v6,
.oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v6{
    left:18% !important;
    top:54% !important;
    height:480px !important;
    z-index:9 !important;
    transform:translate(-50%, -50%) scale(0.86) rotate(-2.5deg) !important;
    filter:
        drop-shadow(0 28px 48px rgba(0,0,0,0.62))
        brightness(0.88)
        saturate(0.94) !important;
}

.oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado,
.oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado{
    left:50% !important;
    top:51% !important;
    height:635px !important;
    z-index:22 !important;
    transform:translate(-50%, -50%) scale(1) rotate(0deg) !important;
    filter:
        drop-shadow(0 38px 62px rgba(0,0,0,0.64))
        drop-shadow(0 0 24px rgba(255,255,255,0.08)) !important;
}

.oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v8,
.oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v8{
    left:81% !important;
    top:55% !important;
    height:500px !important;
    z-index:10 !important;
    transform:translate(-50%, -50%) scale(0.84) rotate(2.2deg) !important;
    filter:
        drop-shadow(0 28px 48px rgba(0,0,0,0.62))
        brightness(0.90)
        saturate(0.96) !important;
}


/* V6 aktiv */
.oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6{
    left:50% !important;
    top:51% !important;
    height:620px !important;
    z-index:24 !important;
    transform:translate(-50%, -50%) scale(1) rotate(0deg) !important;
    filter:
        drop-shadow(0 38px 62px rgba(0,0,0,0.66))
        drop-shadow(0 0 24px rgba(255,226,0,0.10)) !important;
}

.oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-verado{
    left:76% !important;
    top:55% !important;
    height:500px !important;
    z-index:10 !important;
    transform:translate(-50%, -50%) scale(0.84) rotate(2deg) !important;
    filter:
        drop-shadow(0 28px 48px rgba(0,0,0,0.62))
        brightness(0.90)
        saturate(0.96) !important;
}

.oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v8{
    left:20% !important;
    top:56% !important;
    height:470px !important;
    z-index:8 !important;
    transform:translate(-50%, -50%) scale(0.80) rotate(-2deg) !important;
    filter:
        drop-shadow(0 24px 44px rgba(0,0,0,0.58))
        brightness(0.88)
        saturate(0.94) !important;
}


/* V8 FourStroke aktiv */
.oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8{
    left:50% !important;
    top:51% !important;
    height:625px !important;
    z-index:24 !important;
    transform:translate(-50%, -50%) scale(1) rotate(0deg) !important;
    filter:
        drop-shadow(0 38px 62px rgba(0,0,0,0.66))
        drop-shadow(0 0 24px rgba(255,226,0,0.10)) !important;
}

.oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-verado{
    left:24% !important;
    top:55% !important;
    height:500px !important;
    z-index:10 !important;
    transform:translate(-50%, -50%) scale(0.84) rotate(-2deg) !important;
    filter:
        drop-shadow(0 28px 48px rgba(0,0,0,0.62))
        brightness(0.90)
        saturate(0.96) !important;
}

.oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v6{
    left:78% !important;
    top:56% !important;
    height:470px !important;
    z-index:8 !important;
    transform:translate(-50%, -50%) scale(0.80) rotate(2deg) !important;
    filter:
        drop-shadow(0 24px 44px rgba(0,0,0,0.58))
        brightness(0.88)
        saturate(0.94) !important;
}


/* Motor-Hover nur Zoom/Glow, kein Wechsel */
.oct-select-motor-link-v3:hover{
    filter:
        drop-shadow(0 42px 70px rgba(0,0,0,0.72))
        drop-shadow(0 0 28px rgba(255,226,0,0.14))
        brightness(1.03)
        saturate(1.02) !important;
}

.oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado:hover,
.oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado:hover,
.oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6:hover,
.oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8:hover{
    transform:translate(-50%, -50%) scale(1.035) rotate(0deg) !important;
}


/* =========================================================
   PFEILE
========================================================= */

.oct-select-arrows-v3{
    position:absolute !important;
    left:50% !important;
    top:52% !important;
    width:720px !important;
    max-width:100% !important;
    transform:translate(-50%, -50%) !important;
    z-index:40 !important;
    pointer-events:none !important;
}

.oct-select-arrow-v3{
    position:absolute !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:62px !important;
    height:62px !important;
    border-radius:50% !important;
    border:1px solid rgba(255,226,0,0.42) !important;
    background:
        radial-gradient(circle at 50% 45%, rgba(255,226,0,0.16) 0%, rgba(255,226,0,0.060) 42%, rgba(5,8,13,0.74) 100%),
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,0.035) 0px,
            rgba(255,255,255,0.035) 1px,
            transparent 2px,
            transparent 8px
        ) !important;
    color:#FFE200 !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.055),
        0 16px 34px rgba(0,0,0,0.46),
        0 0 34px rgba(255,226,0,0.08) !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
    transition:
        transform 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        color 0.35s ease,
        box-shadow 0.35s ease !important;
}

.oct-select-arrow-v3 span{
    display:block !important;
    font-size:42px !important;
    line-height:1 !important;
    font-weight:300 !important;
    transform:translateY(-2px) !important;
    text-shadow:0 0 14px rgba(255,226,0,0.24) !important;
}

.oct-select-arrow-v3.arrow-prev{
    left:-18px !important;
}

.oct-select-arrow-v3.arrow-next{
    right:-18px !important;
}

.oct-select-arrow-v3:hover{
    color:#111111 !important;
    background:#FFE200 !important;
    border-color:#FFE200 !important;
    transform:translateY(-50%) scale(1.08) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.28),
        0 20px 42px rgba(0,0,0,0.52),
        0 0 48px rgba(255,226,0,0.22) !important;
}

.oct-select-arrow-v3:active{
    transform:translateY(-50%) scale(0.96) !important;
}


/* =========================================================
   RECHTS � AUSWAHLBOXEN
========================================================= */

.oct-select-choices-v3{
    position:relative !important;
    z-index:20 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
}

.oct-select-choice-v3{
    position:relative !important;
    display:grid !important;
    grid-template-columns:42px 1fr !important;
    gap:15px !important;
    align-items:center !important;

    min-height:92px !important;
    padding:18px 20px 18px 18px !important;

    text-decoration:none !important;
    color:#ffffff !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.085) 0%,
            rgba(255,255,255,0.040) 30%,
            rgba(5,8,13,0.72) 100%
        ),
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,0.028) 0px,
            rgba(255,255,255,0.028) 1px,
            transparent 2px,
            transparent 8px
        ) !important;

    border:1px solid rgba(255,255,255,0.22) !important;
    border-left:3px solid var(--oct-yellow) !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.040),
        0 18px 38px rgba(0,0,0,0.36) !important;

    backdrop-filter:blur(10px) saturate(1.05) !important;
    -webkit-backdrop-filter:blur(10px) saturate(1.05) !important;

    overflow:hidden !important;

    transition:
        transform 0.45s cubic-bezier(0.16, 1, 0.3, 1),
        min-height 0.45s cubic-bezier(0.16, 1, 0.3, 1),
        border-color 0.35s ease,
        background 0.35s ease,
        box-shadow 0.35s ease,
        color 0.35s ease !important;
}

.oct-select-choice-v3::before{
    content:"" !important;
    position:absolute !important;
    left:-1px !important;
    top:-1px !important;
    bottom:-1px !important;
    width:0 !important;
    background:var(--oct-yellow) !important;
    opacity:0.0 !important;
    transition:
        width 0.35s ease,
        opacity 0.35s ease !important;
}

.oct-select-choice-v3:hover{
    transform:translateX(8px) translateY(-3px) scale(1.018) !important;
    border-color:rgba(255,226,0,0.72) !important;
    border-left-color:var(--oct-yellow) !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,226,0,0.135) 0%,
            rgba(255,255,255,0.065) 30%,
            rgba(5,8,13,0.82) 100%
        ),
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,0.030) 0px,
            rgba(255,255,255,0.030) 1px,
            transparent 2px,
            transparent 8px
        ) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.080),
        0 24px 54px rgba(0,0,0,0.48),
        0 0 34px rgba(255,226,0,0.13) !important;
}

.oct-select-choice-v3:hover::before{
    width:6px !important;
    opacity:1 !important;
}

.oct-select-choice-icon-v3{
    position:relative !important;
    z-index:3 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:42px !important;
    color:var(--oct-yellow) !important;
    border:1px solid rgba(255,226,0,0.24) !important;
    background:rgba(255,226,0,0.060) !important;
    font-size:18px !important;
    line-height:1 !important;
    box-shadow:0 0 18px rgba(255,226,0,0.08) !important;
    transition:
        color 0.35s ease,
        background 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease !important;
}

.oct-select-choice-v3:hover .oct-select-choice-icon-v3{
    color:#111111 !important;
    background:var(--oct-yellow) !important;
    border-color:var(--oct-yellow) !important;
    transform:scale(1.05) !important;
}

.oct-select-choice-text-v3{
    position:relative !important;
    z-index:3 !important;
}

.oct-select-choice-text-v3 h3{
    font-size:19px !important;
    line-height:1.18 !important;
    font-weight:800 !important;
    letter-spacing:-0.1px !important;
    text-transform:uppercase !important;
    color:#ffffff !important;
    margin:0 0 5px 0 !important;
    text-shadow:0 5px 18px rgba(0,0,0,0.46) !important;
}

.oct-select-choice-text-v3 p{
    font-size:14px !important;
    line-height:1.35 !important;
    font-weight:500 !important;
    color:rgba(255,255,255,0.72) !important;
    margin:0 !important;
}

.oct-select-choice-v3:hover .oct-select-choice-text-v3 p{
    color:rgba(255,255,255,0.88) !important;
}


/* Aktive Box � nur per Pfeil-State ge�ndert */
.oct-select-choice-v3.is-active{
    min-height:108px !important;
    transform:translateX(12px) scale(1.045) !important;
    border-color:rgba(255,226,0,0.78) !important;
    border-left-color:var(--oct-yellow) !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,226,0,0.16) 0%,
            rgba(255,255,255,0.080) 32%,
            rgba(5,8,13,0.86) 100%
        ),
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,0.034) 0px,
            rgba(255,255,255,0.034) 1px,
            transparent 2px,
            transparent 8px
        ) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.085),
        0 28px 60px rgba(0,0,0,0.52),
        0 0 42px rgba(255,226,0,0.16) !important;
}

.oct-select-choice-v3.is-active::before{
    width:7px !important;
    opacity:1 !important;
}

.oct-select-choice-v3.is-active .oct-select-choice-icon-v3{
    color:#111111 !important;
    background:var(--oct-yellow) !important;
    border-color:var(--oct-yellow) !important;
    transform:scale(1.06) !important;
}

.oct-select-choice-v3.is-active .oct-select-choice-text-v3 p{
    color:rgba(255,255,255,0.90) !important;
}


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

@media (max-width:1400px){
    .oct-select-grid-v3{
        grid-template-columns:minmax(320px, 0.74fr) minmax(500px, 1.12fr) minmax(310px, 0.72fr) !important;
        gap:28px !important;
    }

    .oct-select-title-v3{
        font-size:46px !important;
    }

    .oct-select-stage-v3{
        min-height:610px !important;
    }

    .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado,
    .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado{
        height:590px !important;
    }

    .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v6,
    .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v6{
        height:450px !important;
    }

    .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v8,
    .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v8{
        height:465px !important;
    }

    .oct-select-choice-text-v3 h3{
        font-size:17px !important;
    }
}

@media (max-width:1199px){
    .oct-home-select-hero-v3{
        padding:115px 20px 120px 20px !important;
    }

    .oct-select-grid-v3{
        grid-template-columns:1fr !important;
        gap:34px !important;
        max-width:760px !important;
        margin:0 auto !important;
    }

    .oct-select-copy-v3{
        text-align:center !important;
    }

    .oct-select-lead-v3{
        margin:0 auto !important;
    }

    .oct-select-stage-v3{
        min-height:560px !important;
    }

    .oct-select-choices-v3{
        max-width:620px !important;
        width:100% !important;
        margin:0 auto !important;
    }

    .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v6,
    .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v6{
        left:22% !important;
        height:420px !important;
    }

    .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado,
    .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado{
        height:560px !important;
    }

    .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v8,
    .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v8{
        left:78% !important;
        height:430px !important;
    }

    .oct-select-hud-v3{
        width:530px !important;
        height:530px !important;
    }

    .oct-select-arrows-v3{
        width:660px !important;
    }
}

@media (max-width:767px){
    .oct-home-select-hero-v3{
        padding:88px 16px 92px 16px !important;
    }

    .oct-select-kicker-v3{
        font-size:16px !important;
        letter-spacing:1.3px !important;
        margin-bottom:14px !important;
    }

    .oct-select-title-v3{
        font-size:34px !important;
        line-height:1.08 !important;
        margin-bottom:18px !important;
    }

    .oct-select-lead-v3{
        font-size:16px !important;
        line-height:1.62 !important;
    }

    .oct-select-stage-v3{
        min-height:420px !important;
        margin-top:4px !important;
    }

    .oct-select-stage-glow-v3{
        width:520px !important;
        height:360px !important;
    }

    .oct-select-hud-v3{
        width:390px !important;
        height:390px !important;
        opacity:0.62 !important;
    }

    .oct-select-sweep-v3::before{
        width:500px !important;
    }

    .oct-select-sweep-v3::after{
        width:400px !important;
    }

    .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado,
    .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado{
        left:50% !important;
        top:51% !important;
        height:405px !important;
    }

    .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v6,
    .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v6{
        left:20% !important;
        top:57% !important;
        height:285px !important;
    }

    .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v8,
    .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v8{
        left:80% !important;
        top:57% !important;
        height:300px !important;
    }

    .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6,
    .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8{
        height:390px !important;
    }

    .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-verado,
    .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-verado{
        height:300px !important;
    }

    .oct-select-arrows-v3{
        width:100% !important;
        top:50% !important;
    }

    .oct-select-arrow-v3{
        width:48px !important;
        height:48px !important;
    }

    .oct-select-arrow-v3 span{
        font-size:32px !important;
    }

    .oct-select-arrow-v3.arrow-prev{
        left:0 !important;
    }

    .oct-select-arrow-v3.arrow-next{
        right:0 !important;
    }

    .oct-select-choice-v3{
        grid-template-columns:38px 1fr !important;
        gap:13px !important;
        min-height:82px !important;
        padding:15px 16px 15px 15px !important;
    }

    .oct-select-choice-v3.is-active{
        min-height:94px !important;
        transform:translateX(0) scale(1.015) !important;
    }

    .oct-select-choice-icon-v3{
        width:38px !important;
        height:38px !important;
        font-size:16px !important;
    }

    .oct-select-choice-text-v3 h3{
        font-size:16px !important;
    }

    .oct-select-choice-text-v3 p{
        font-size:13px !important;
    }

    .oct-select-line-v3{
        display:none !important;
    }

    .oct-select-ring-v3.r1{
        right:-350px !important;
        opacity:0.24 !important;
    }

    .oct-select-ring-v3.r2{
        left:-280px !important;
        opacity:0.20 !important;
    }
}

@media (max-width:420px){
    .oct-select-title-v3{
        font-size:30px !important;
    }

    .oct-select-stage-v3{
        min-height:370px !important;
    }

    .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado,
    .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado{
        height:360px !important;
    }

    .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v6,
    .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v6{
        height:245px !important;
    }

    .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v8,
    .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v8{
        height:255px !important;
    }

    .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6,
    .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8{
        height:345px !important;
    }

    .oct-select-choice-text-v3 h3{
        font-size:15px !important;
    }
}


/* =========================================================
   V3.2 � SILVER/NAVY STYLE OVERRIDES
   WICHTIG:
   Typografie aus V3.1 bleibt 1:1 erhalten.
   Hier werden nur Hintergrund, Feldoptik und Farbstimmung angepasst.
========================================================= */

.oct-home-select-hero-v3{
    background:
        radial-gradient(
            ellipse at 50% 48%,
            rgba(235,245,252,0.105) 0%,
            rgba(184,211,234,0.060) 25%,
            rgba(73,103,132,0.028) 46%,
            transparent 70%
        ),
        radial-gradient(
            circle at 78% 18%,
            rgba(207,227,243,0.060) 0%,
            transparent 33%
        ),
        radial-gradient(
            circle at 8% 76%,
            rgba(175,205,230,0.042) 0%,
            transparent 34%
        ),
        linear-gradient(
            90deg,
            rgba(2,6,10,0.97) 0%,
            rgba(8,20,31,0.91) 31%,
            rgba(12,29,44,0.86) 52%,
            rgba(8,19,30,0.91) 72%,
            rgba(2,6,10,0.97) 100%
        ) !important;
}

.oct-home-select-hero-v3::before{
    background:
        radial-gradient(
            ellipse at 50% 55%,
            rgba(235,245,252,0.075) 0%,
            rgba(160,195,224,0.038) 30%,
            transparent 66%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,0.08) 0%,
            rgba(0,0,0,0.03) 42%,
            rgba(0,0,0,0.38) 100%
        ) !important;
}

.oct-home-select-hero-v3::after{
    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,0.022) 1px,
            transparent 1px
        ),
        linear-gradient(
            180deg,
            rgba(255,255,255,0.014) 1px,
            transparent 1px
        ),
        repeating-linear-gradient(
            115deg,
            rgba(225,239,249,0.025) 0px,
            rgba(225,239,249,0.025) 1px,
            transparent 2px,
            transparent 130px
        ) !important;
    opacity:0.22 !important;
}

/* Hintergrundlinien: weniger gelb/gr�n, mehr silber/blau */
.oct-select-line-v3.l1,
.oct-select-line-v3.l2,
.oct-select-line-v3.l3,
.oct-select-line-v3.l4{
    background:linear-gradient(90deg, transparent, rgba(225,239,249,0.18), rgba(142,181,214,0.11), transparent) !important;
}

.oct-select-ring-v3.r1,
.oct-select-ring-v3.r2{
    border-color:rgba(203,224,241,0.115) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.035),
        0 0 60px rgba(149,185,216,0.050) !important;
}

.oct-select-ring-v3.r1::before,
.oct-select-ring-v3.r2::before{
    border-color:rgba(213,230,244,0.090) !important;
}

/* Mittleres Panel �hnlich Lean-Burn/Silver-Navy */
.oct-select-stage-v3::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:52% !important;
    width:min(1040px, 70vw) !important;
    height:420px !important;
    transform:translate(-50%, -50%) skewX(-7deg) !important;
    z-index:0 !important;
    pointer-events:none !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(220,235,247,0.110) 14%,
            rgba(255,255,255,0.165) 50%,
            rgba(168,203,232,0.100) 86%,
            transparent 100%
        ),
        repeating-linear-gradient(
            90deg,
            rgba(255,255,255,0.026) 0 18px,
            rgba(255,255,255,0.010) 18px 38px,
            transparent 38px 76px
        ) !important;
    border-top:1px solid rgba(230,240,248,0.17) !important;
    border-bottom:1px solid rgba(230,240,248,0.13) !important;
    box-shadow:
        0 30px 80px rgba(0,0,0,0.30),
        inset 0 0 68px rgba(255,255,255,0.030) !important;
    opacity:0.58 !important;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 13%, #000 87%, transparent 100%) !important;
    mask-image:linear-gradient(90deg, transparent 0%, #000 13%, #000 87%, transparent 100%) !important;
}

/* Gelbe Stage-Glows entsch�rfen, ohne alte Motorpositionen zu ver�ndern */
.oct-select-stage-glow-v3{
    background:
        radial-gradient(
            ellipse at center,
            rgba(238,247,253,0.13) 0%,
            rgba(195,219,239,0.055) 28%,
            rgba(255,255,255,0.020) 44%,
            transparent 74%
        ) !important;
}

.oct-select-hud-v3::before{
    background:
        conic-gradient(
            from 210deg,
            transparent 0deg,
            transparent 14deg,
            rgba(229,241,250,0.32) 27deg,
            transparent 39deg,
            transparent 74deg,
            rgba(150,188,220,0.20) 89deg,
            transparent 102deg,
            transparent 132deg,
            rgba(230,241,250,0.18) 151deg,
            transparent 166deg,
            transparent 198deg,
            rgba(255,255,255,0.16) 214deg,
            transparent 229deg,
            transparent 266deg,
            rgba(156,190,220,0.20) 292deg,
            transparent 310deg,
            transparent 360deg
        ) !important;
    filter:drop-shadow(0 0 12px rgba(180,210,235,0.12)) !important;
}

.oct-select-hud-v3::after{
    border-color:rgba(220,235,247,0.12) !important;
    box-shadow:
        inset 0 0 0 1px rgba(170,202,230,0.045),
        0 0 40px rgba(170,202,230,0.040) !important;
}

.oct-select-sweep-v3::before,
.oct-select-sweep-v3::after{
    opacity:0.32 !important;
    background:linear-gradient(90deg, transparent 0%, rgba(225,239,249,0.00) 14%, rgba(225,239,249,0.20) 46%, rgba(255,255,255,0.24) 52%, rgba(150,188,220,0.16) 60%, transparent 100%) !important;
    box-shadow:
        0 0 16px rgba(180,210,235,0.13),
        0 0 34px rgba(180,210,235,0.055) !important;
}

/* Rechte Auswahlboxen � Lean-Burn-m��iger, aber alte Typografie bleibt */
.oct-select-choice-v3{
    background:
        linear-gradient(
            180deg,
            rgba(8,16,26,0.66) 0%,
            rgba(5,12,20,0.58) 100%
        ),
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,0.026) 0px,
            rgba(255,255,255,0.026) 1px,
            transparent 2px,
            transparent 9px
        ) !important;
    border:1px solid rgba(205,224,240,0.16) !important;
    border-left:3px solid rgba(255,226,0,0.76) !important;
    box-shadow:
        0 14px 30px rgba(0,0,0,0.27),
        inset 0 0 0 1px rgba(255,255,255,0.018) !important;
    backdrop-filter:blur(9px) saturate(1.02) !important;
    -webkit-backdrop-filter:blur(9px) saturate(1.02) !important;
    clip-path:polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%) !important;
}

.oct-select-choice-v3:hover,
.oct-select-choice-v3.is-active{
    border-color:rgba(226,239,249,0.30) !important;
    border-left-color:var(--oct-yellow) !important;
    background:
        linear-gradient(
            180deg,
            rgba(13,25,38,0.77) 0%,
            rgba(7,15,25,0.68) 100%
        ),
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,0.032) 0px,
            rgba(255,255,255,0.032) 1px,
            transparent 2px,
            transparent 9px
        ) !important;
    box-shadow:
        0 18px 38px rgba(0,0,0,0.34),
        0 0 28px rgba(184,210,232,0.12),
        inset 0 0 0 1px rgba(255,255,255,0.030) !important;
}

/* Aktives Icon bleibt gelb, Feld selbst aber weniger gelbfl�chig */
.oct-select-choice-v3.is-active .oct-select-choice-icon-v3{
    color:#06101a !important;
    background:var(--oct-yellow) !important;
    border-color:var(--oct-yellow) !important;
    box-shadow:
        0 0 0 7px rgba(255,226,0,0.080),
        0 0 22px rgba(255,226,0,0.20) !important;
}

/* Verhindert, dass das neue Stage-Panel auf Mobile zu dominant wird */
@media (max-width:1199px){
    .oct-select-stage-v3::before{
        width:min(820px, 92vw) !important;
        height:360px !important;
    }
}

@media (max-width:767px){
    .oct-select-stage-v3::before{
        width:94vw !important;
        height:280px !important;
        opacity:0.42 !important;
    }
}



/* =========================================================
   V3.3 � EXACT TYPO HARDLOCK
   EXAKT nach den von dir genannten Werten.
   Extra spezifisch, damit nichts von globalen / anderen Section-Regeln
   wieder fetter oder gr��er wird.
========================================================= */

/* Gelbe �berschrift links */
html body .oct-home-select-hero-v3 .oct-select-kicker-v3{
    display:block !important;
    font-size:24px !important;
    line-height:1.30 !important;
    font-weight:500 !important;
    letter-spacing:1.8px !important;
    text-transform:uppercase !important;
    color:var(--oct-yellow) !important;
    margin-bottom:18px !important;
    text-shadow:
        0 0 18px rgba(255,226,0,0.16),
        0 4px 16px rgba(0,0,0,0.48) !important;
}

/* Dicker wei�er Text darunter */
html body .oct-home-select-hero-v3 .oct-select-title-v3{
    font-size:52px !important;
    line-height:1.06 !important;
    font-weight:800 !important;
    letter-spacing:-0.6px !important;
    text-transform:uppercase !important;
    color:#ffffff !important;
    margin:0 0 24px 0 !important;
    text-shadow:0 8px 26px rgba(0,0,0,0.42) !important;
}

/* Text darunter */
html body .oct-home-select-hero-v3 .oct-select-lead-v3{
    max-width:660px !important;
    font-size:20px !important;
    line-height:1.68 !important;
    font-weight:400 !important;
    color:rgba(255,255,255,0.86) !important;
    margin:0 !important;
    text-shadow:0 4px 18px rgba(0,0,0,0.50) !important;
}

/* Rechts im K�stchen: �berschrift */
html body .oct-home-select-hero-v3 .oct-select-choice-text-v3 h3{
    font-size:19px !important;
    line-height:1.18 !important;
    font-weight:800 !important;
    letter-spacing:-0.1px !important;
    text-transform:uppercase !important;
    color:#ffffff !important;
    margin:0 0 5px 0 !important;
    text-shadow:0 5px 18px rgba(0,0,0,0.46) !important;
}

/* Rechts im K�stchen: Text */
html body .oct-home-select-hero-v3 .oct-select-choice-text-v3 p{
    font-size:14px !important;
    line-height:1.35 !important;
    font-weight:500 !important;
    color:rgba(255,255,255,0.72) !important;
    margin:0 !important;
}

/* Responsive Werte aus dem alten Row-2-Code bleiben erhalten */
@media (max-width:1400px){
    html body .oct-home-select-hero-v3 .oct-select-title-v3{
        font-size:46px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-text-v3 h3{
        font-size:17px !important;
    }
}

@media (max-width:767px){
    html body .oct-home-select-hero-v3 .oct-select-kicker-v3{
        font-size:16px !important;
        letter-spacing:1.3px !important;
        margin-bottom:14px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-title-v3{
        font-size:34px !important;
        line-height:1.08 !important;
        margin-bottom:18px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-lead-v3{
        font-size:16px !important;
        line-height:1.62 !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-text-v3 h3{
        font-size:16px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-text-v3 p{
        font-size:13px !important;
    }
}

@media (max-width:420px){
    html body .oct-home-select-hero-v3 .oct-select-title-v3{
        font-size:30px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-text-v3 h3{
        font-size:15px !important;
    }
}



/* =========================================================
   V3.4 FINAL � SILVER/NAVY BACKGROUND + EXACT TYPO
   Ganz am Ende gesetzt, damit nichts mehr zur�ck auf gr�n/gelb kippt.
   Typografie bleibt EXAKT nach deinen Werten.
========================================================= */

/* ---------- SILVER / NAVY BACKGROUND FINAL ---------- */
html body .oct-home-select-hero-v3{
    background:
        radial-gradient(
            ellipse at 48% 46%,
            rgba(238,247,253,0.135) 0%,
            rgba(190,216,237,0.078) 23%,
            rgba(82,116,146,0.036) 46%,
            transparent 69%
        ),
        radial-gradient(
            circle at 72% 16%,
            rgba(210,229,244,0.075) 0%,
            transparent 34%
        ),
        radial-gradient(
            circle at 8% 75%,
            rgba(180,210,234,0.055) 0%,
            transparent 36%
        ),
        linear-gradient(
            90deg,
            #03080d 0%,
            #071521 26%,
            #0d2639 50%,
            #081a2a 74%,
            #03080d 100%
        ) !important;
}

html body .oct-home-select-hero-v3::before{
    background:
        radial-gradient(
            ellipse at 50% 52%,
            rgba(238,247,253,0.095) 0%,
            rgba(184,213,237,0.050) 31%,
            transparent 68%
        ),
        linear-gradient(
            180deg,
            rgba(0,0,0,0.05) 0%,
            rgba(0,0,0,0.02) 42%,
            rgba(0,0,0,0.35) 100%
        ) !important;
}

html body .oct-home-select-hero-v3::after{
    background:
        linear-gradient(90deg, rgba(235,246,253,0.024) 1px, transparent 1px),
        linear-gradient(180deg, rgba(235,246,253,0.014) 1px, transparent 1px),
        repeating-linear-gradient(
            115deg,
            rgba(225,239,249,0.026) 0px,
            rgba(225,239,249,0.026) 1px,
            transparent 2px,
            transparent 130px
        ) !important;
    opacity:0.22 !important;
}

/* Technische Linien / Ringe final: Silber-Blau, nicht gr�n/gelb */
html body .oct-home-select-hero-v3 .oct-select-line-v3.l1,
html body .oct-home-select-hero-v3 .oct-select-line-v3.l2,
html body .oct-home-select-hero-v3 .oct-select-line-v3.l3,
html body .oct-home-select-hero-v3 .oct-select-line-v3.l4{
    background:linear-gradient(
        90deg,
        transparent,
        rgba(230,242,250,0.20),
        rgba(145,184,216,0.13),
        transparent
    ) !important;
}

html body .oct-home-select-hero-v3 .oct-select-ring-v3.r1,
html body .oct-home-select-hero-v3 .oct-select-ring-v3.r2{
    border-color:rgba(205,226,242,0.12) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.035),
        0 0 60px rgba(149,185,216,0.052) !important;
}

html body .oct-home-select-hero-v3 .oct-select-ring-v3.r1::before,
html body .oct-home-select-hero-v3 .oct-select-ring-v3.r2::before{
    border-color:rgba(215,232,246,0.09) !important;
}

/* Silberblaues Stage-Panel wie Lean-Burn-Anmutung */
html body .oct-home-select-hero-v3 .oct-select-stage-v3::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:52% !important;
    width:min(1040px, 70vw) !important;
    height:420px !important;
    transform:translate(-50%, -50%) skewX(-7deg) !important;
    z-index:0 !important;
    pointer-events:none !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(220,235,247,0.115) 14%,
            rgba(255,255,255,0.170) 50%,
            rgba(168,203,232,0.105) 86%,
            transparent 100%
        ),
        repeating-linear-gradient(
            90deg,
            rgba(255,255,255,0.026) 0 18px,
            rgba(255,255,255,0.010) 18px 38px,
            transparent 38px 76px
        ) !important;
    border-top:1px solid rgba(230,240,248,0.18) !important;
    border-bottom:1px solid rgba(230,240,248,0.13) !important;
    box-shadow:
        0 30px 80px rgba(0,0,0,0.30),
        inset 0 0 68px rgba(255,255,255,0.030) !important;
    opacity:0.58 !important;
    -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 13%, #000 87%, transparent 100%) !important;
    mask-image:linear-gradient(90deg, transparent 0%, #000 13%, #000 87%, transparent 100%) !important;
}

/* gelbe/gr�ne Stage-Glows endg�ltig raus */
html body .oct-home-select-hero-v3 .oct-select-stage-glow-v3{
    background:
        radial-gradient(
            ellipse at center,
            rgba(238,247,253,0.13) 0%,
            rgba(195,219,239,0.060) 28%,
            rgba(255,255,255,0.020) 44%,
            transparent 74%
        ) !important;
}

html body .oct-home-select-hero-v3 .oct-select-hud-v3::before{
    background:
        conic-gradient(
            from 210deg,
            transparent 0deg,
            transparent 14deg,
            rgba(229,241,250,0.32) 27deg,
            transparent 39deg,
            transparent 74deg,
            rgba(150,188,220,0.20) 89deg,
            transparent 102deg,
            transparent 132deg,
            rgba(230,241,250,0.18) 151deg,
            transparent 166deg,
            transparent 198deg,
            rgba(255,255,255,0.16) 214deg,
            transparent 229deg,
            transparent 266deg,
            rgba(156,190,220,0.20) 292deg,
            transparent 310deg,
            transparent 360deg
        ) !important;
    filter:drop-shadow(0 0 12px rgba(180,210,235,0.12)) !important;
}

html body .oct-home-select-hero-v3 .oct-select-hud-v3::after{
    border-color:rgba(220,235,247,0.12) !important;
    box-shadow:
        inset 0 0 0 1px rgba(170,202,230,0.045),
        0 0 40px rgba(170,202,230,0.040) !important;
}

html body .oct-home-select-hero-v3 .oct-select-sweep-v3::before,
html body .oct-home-select-hero-v3 .oct-select-sweep-v3::after{
    opacity:0.32 !important;
    background:linear-gradient(
        90deg,
        transparent 0%,
        rgba(225,239,249,0.00) 14%,
        rgba(225,239,249,0.20) 46%,
        rgba(255,255,255,0.24) 52%,
        rgba(150,188,220,0.16) 60%,
        transparent 100%
    ) !important;
    box-shadow:
        0 0 16px rgba(180,210,235,0.13),
        0 0 34px rgba(180,210,235,0.055) !important;
}

/* Rechte Auswahlboxen final: dunkel/navy/silber, nicht gelbfl�chig */
html body .oct-home-select-hero-v3 .oct-select-choice-v3{
    background:
        linear-gradient(
            180deg,
            rgba(8,16,26,0.66) 0%,
            rgba(5,12,20,0.58) 100%
        ),
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,0.026) 0px,
            rgba(255,255,255,0.026) 1px,
            transparent 2px,
            transparent 9px
        ) !important;
    border:1px solid rgba(205,224,240,0.16) !important;
    border-left:3px solid rgba(255,226,0,0.76) !important;
    box-shadow:
        0 14px 30px rgba(0,0,0,0.27),
        inset 0 0 0 1px rgba(255,255,255,0.018) !important;
    backdrop-filter:blur(9px) saturate(1.02) !important;
    -webkit-backdrop-filter:blur(9px) saturate(1.02) !important;
    clip-path:polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%) !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3:hover,
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
    border-color:rgba(226,239,249,0.30) !important;
    border-left-color:var(--oct-yellow) !important;
    background:
        linear-gradient(
            180deg,
            rgba(13,25,38,0.77) 0%,
            rgba(7,15,25,0.68) 100%
        ),
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,0.032) 0px,
            rgba(255,255,255,0.032) 1px,
            transparent 2px,
            transparent 9px
        ) !important;
    box-shadow:
        0 18px 38px rgba(0,0,0,0.34),
        0 0 28px rgba(184,210,232,0.12),
        inset 0 0 0 1px rgba(255,255,255,0.030) !important;
}

/* ---------- EXACT TYPO HARDLOCK FINAL ---------- */
html body .oct-home-select-hero-v3 .oct-select-kicker-v3{
    display:block !important;
    font-size:24px !important;
    line-height:1.30 !important;
    font-weight:500 !important;
    letter-spacing:1.8px !important;
    text-transform:uppercase !important;
    color:var(--oct-yellow) !important;
    margin-bottom:18px !important;
    text-shadow:
        0 0 18px rgba(255,226,0,0.16),
        0 4px 16px rgba(0,0,0,0.48) !important;
}

html body .oct-home-select-hero-v3 .oct-select-title-v3{
    font-size:52px !important;
    line-height:1.06 !important;
    font-weight:800 !important;
    letter-spacing:-0.6px !important;
    text-transform:uppercase !important;
    color:#ffffff !important;
    margin:0 0 24px 0 !important;
    text-shadow:0 8px 26px rgba(0,0,0,0.42) !important;
}

html body .oct-home-select-hero-v3 .oct-select-lead-v3{
    max-width:660px !important;
    font-size:20px !important;
    line-height:1.68 !important;
    font-weight:400 !important;
    color:rgba(255,255,255,0.86) !important;
    margin:0 !important;
    text-shadow:0 4px 18px rgba(0,0,0,0.50) !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-text-v3 h3{
    font-size:19px !important;
    line-height:1.18 !important;
    font-weight:800 !important;
    letter-spacing:-0.1px !important;
    text-transform:uppercase !important;
    color:#ffffff !important;
    margin:0 0 5px 0 !important;
    text-shadow:0 5px 18px rgba(0,0,0,0.46) !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-text-v3 p{
    font-size:14px !important;
    line-height:1.35 !important;
    font-weight:500 !important;
    color:rgba(255,255,255,0.72) !important;
    margin:0 !important;
}

@media (max-width:1400px){
    html body .oct-home-select-hero-v3 .oct-select-title-v3{
        font-size:46px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-text-v3 h3{
        font-size:17px !important;
    }
}

@media (max-width:1199px){
    html body .oct-home-select-hero-v3 .oct-select-stage-v3::before{
        width:min(820px, 92vw) !important;
        height:360px !important;
    }
}

@media (max-width:767px){
    html body .oct-home-select-hero-v3 .oct-select-kicker-v3{
        font-size:16px !important;
        letter-spacing:1.3px !important;
        margin-bottom:14px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-title-v3{
        font-size:34px !important;
        line-height:1.08 !important;
        margin-bottom:18px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-lead-v3{
        font-size:16px !important;
        line-height:1.62 !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-text-v3 h3{
        font-size:16px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-text-v3 p{
        font-size:13px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-stage-v3::before{
        width:94vw !important;
        height:280px !important;
        opacity:0.42 !important;
    }
}

@media (max-width:420px){
    html body .oct-home-select-hero-v3 .oct-select-title-v3{
        font-size:30px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-text-v3 h3{
        font-size:15px !important;
    }
}



/* =========================================================
   V3.5 � DARKER LEAN-BURN EDGES
   Hintergrund wie Lean-Burn: Mitte silver/navy, aber oben/unten
   und seitlich deutlich dunkler. Typografie bleibt unver�ndert.
========================================================= */

html body .oct-home-select-hero-v3{
    background:
        radial-gradient(
            ellipse at 50% 48%,
            rgba(230,242,250,0.115) 0%,
            rgba(180,210,235,0.060) 23%,
            rgba(74,105,134,0.030) 45%,
            transparent 66%
        ),
        radial-gradient(
            circle at 72% 18%,
            rgba(205,226,242,0.050) 0%,
            transparent 31%
        ),
        radial-gradient(
            circle at 9% 76%,
            rgba(175,205,230,0.038) 0%,
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #010306 0%,
            #03080d 10%,
            #071521 30%,
            #0c2335 50%,
            #071521 72%,
            #03080d 90%,
            #010306 100%
        ) !important;
}

/* st�rkerer Rand-/Vignetten-Look oben/unten/seitlich */
html body .oct-home-select-hero-v3::before{
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0.72) 0%,
            rgba(0,0,0,0.40) 12%,
            rgba(0,0,0,0.05) 36%,
            rgba(0,0,0,0.04) 58%,
            rgba(0,0,0,0.42) 86%,
            rgba(0,0,0,0.78) 100%
        ),
        linear-gradient(
            90deg,
            rgba(0,0,0,0.62) 0%,
            rgba(0,0,0,0.28) 15%,
            rgba(0,0,0,0.00) 43%,
            rgba(0,0,0,0.00) 57%,
            rgba(0,0,0,0.30) 85%,
            rgba(0,0,0,0.64) 100%
        ),
        radial-gradient(
            ellipse at 50% 52%,
            rgba(238,247,253,0.070) 0%,
            rgba(184,213,237,0.034) 30%,
            transparent 66%
        ) !important;
}

/* Raster nicht so hell am Rand */
html body .oct-home-select-hero-v3::after{
    opacity:0.16 !important;
    -webkit-mask-image:
        linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%),
        radial-gradient(ellipse at center, #000 0%, transparent 78%) !important;
    mask-image:
        linear-gradient(180deg, transparent 0%, #000 18%, #000 82%, transparent 100%),
        radial-gradient(ellipse at center, #000 0%, transparent 78%) !important;
}

/* Stage-Panel bleibt sichtbar, aber etwas weniger hell */
html body .oct-home-select-hero-v3 .oct-select-stage-v3::before{
    opacity:0.48 !important;
}

/* Zentrum minimal gedimmt, damit es mehr wie Lean-Burn wirkt */
html body .oct-home-select-hero-v3 .oct-select-stage-glow-v3{
    opacity:0.68 !important;
    filter:blur(38px) !important;
}

/* �u�ere Ringe/Linien weniger grell */
html body .oct-home-select-hero-v3 .oct-select-ring-v3.r1,
html body .oct-home-select-hero-v3 .oct-select-ring-v3.r2{
    opacity:0.32 !important;
}

html body .oct-home-select-hero-v3 .oct-select-line-v3{
    opacity:0.30 !important;
}



/* =========================================================
   V3.6 � SOFTER SPLIT STAGE PANEL
   Ziel:
   - das alte Rechteck wirkt nicht mehr wie ein grauer Balken
   - mehr Lean-Burn/Silver-Navy-B�hne
   - weiche Kanten, weniger harte Fl�che
   - Typografie und Motorwechsel bleiben unver�ndert
========================================================= */

/* Hauptpanel hinter den Motoren: schmaler, weicher, nicht mehr als harter Balken */
html body .oct-home-select-hero-v3 .oct-select-stage-v3::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:52% !important;
    width:min(980px, 66vw) !important;
    height:390px !important;
    transform:translate(-50%, -50%) skewX(-7deg) !important;
    z-index:0 !important;
    pointer-events:none !important;

    background:
        radial-gradient(
            ellipse at 50% 50%,
            rgba(255,255,255,0.125) 0%,
            rgba(206,226,242,0.075) 25%,
            rgba(110,145,174,0.040) 48%,
            transparent 72%
        ),
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(220,235,247,0.055) 12%,
            rgba(255,255,255,0.105) 36%,
            rgba(255,255,255,0.132) 50%,
            rgba(174,207,234,0.080) 66%,
            rgba(220,235,247,0.045) 88%,
            transparent 100%
        ),
        repeating-linear-gradient(
            90deg,
            rgba(255,255,255,0.022) 0 16px,
            rgba(255,255,255,0.007) 16px 36px,
            transparent 36px 74px
        ) !important;

    border-top:1px solid rgba(230,240,248,0.105) !important;
    border-bottom:1px solid rgba(230,240,248,0.070) !important;
    box-shadow:
        0 30px 76px rgba(0,0,0,0.34),
        inset 0 0 62px rgba(255,255,255,0.020) !important;

    opacity:0.62 !important;

    -webkit-mask-image:
        linear-gradient(90deg, transparent 0%, #000 17%, #000 83%, transparent 100%),
        linear-gradient(180deg, transparent 0%, #000 16%, #000 84%, transparent 100%) !important;
    mask-image:
        linear-gradient(90deg, transparent 0%, #000 17%, #000 83%, transparent 100%),
        linear-gradient(180deg, transparent 0%, #000 16%, #000 84%, transparent 100%) !important;
}

/* zus�tzlicher sehr dezenter zweiter Layer, damit es nicht wie ein einzelnes Rechteck wirkt */
html body .oct-home-select-hero-v3 .oct-select-stage-v3::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:52% !important;
    width:min(760px, 52vw) !important;
    height:520px !important;
    transform:translate(-50%, -50%) skewX(9deg) !important;
    z-index:0 !important;
    pointer-events:none !important;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,0.035) 18%,
            rgba(196,222,242,0.070) 50%,
            rgba(255,255,255,0.026) 82%,
            transparent 100%
        ),
        repeating-linear-gradient(
            102deg,
            rgba(255,255,255,0.018) 0 1px,
            transparent 1px 12px
        ) !important;

    border-left:1px solid rgba(230,240,248,0.040) !important;
    border-right:1px solid rgba(230,240,248,0.035) !important;

    opacity:0.32 !important;
    filter:blur(0.1px) !important;

    -webkit-mask-image:
        radial-gradient(ellipse at center, #000 0%, #000 46%, transparent 76%) !important;
    mask-image:
        radial-gradient(ellipse at center, #000 0%, #000 46%, transparent 76%) !important;
}

/* Stage-Glow etwas zentrierter, damit die Fl�che nicht grau-gr�n wirkt */
html body .oct-home-select-hero-v3 .oct-select-stage-glow-v3{
    opacity:0.58 !important;
    background:
        radial-gradient(
            ellipse at center,
            rgba(236,247,255,0.120) 0%,
            rgba(190,218,240,0.050) 28%,
            rgba(255,255,255,0.014) 47%,
            transparent 74%
        ) !important;
    filter:blur(42px) !important;
}

/* Linien im Panel weniger dominant */
html body .oct-home-select-hero-v3 .oct-select-sweep-v3::before,
html body .oct-home-select-hero-v3 .oct-select-sweep-v3::after{
    opacity:0.24 !important;
}

/* Mobile/Tablet: Panel kompakter halten */
@media (max-width:1199px){
    html body .oct-home-select-hero-v3 .oct-select-stage-v3::before{
        width:min(780px, 92vw) !important;
        height:340px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-stage-v3::after{
        width:min(620px, 86vw) !important;
        height:430px !important;
        opacity:0.26 !important;
    }
}

@media (max-width:767px){
    html body .oct-home-select-hero-v3 .oct-select-stage-v3::before{
        width:94vw !important;
        height:260px !important;
        opacity:0.42 !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-stage-v3::after{
        width:86vw !important;
        height:330px !important;
        opacity:0.18 !important;
    }
}



/* =========================================================
   V3.7 � RECTANGLE HARD OFF / NEW MOTOR HALO
   Das alte sichtbare Rechteck wird komplett deaktiviert.
   Stattdessen: weiche Silver/Navy-Halo-B�hne direkt hinter den Motoren.
   Typografie bleibt unver�ndert.
========================================================= */

/* ALTES RECHTECK KOMPLETT AUS */
html body .oct-home-select-hero-v3 .oct-select-stage-v3::before,
html body .oct-home-select-hero-v3 .oct-select-stage-v3::after{
    display:none !important;
    content:none !important;
    opacity:0 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
}

/* alte Sweeps stark zur�cknehmen, weil sie den Rechteck-Eindruck verst�rken */
html body .oct-home-select-hero-v3 .oct-select-sweep-v3::before,
html body .oct-home-select-hero-v3 .oct-select-sweep-v3::after{
    opacity:0.10 !important;
}

/* Der neue Hintergrund sitzt direkt im Motor-Layer */
html body .oct-home-select-hero-v3 .oct-select-motors-v3{
    z-index:8 !important;
}

html body .oct-home-select-hero-v3 .oct-select-motors-v3::before{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:52% !important;
    width:min(850px, 58vw) !important;
    height:560px !important;
    transform:translate(-50%, -50%) !important;
    z-index:0 !important;
    pointer-events:none !important;

    background:
        radial-gradient(
            ellipse at 50% 48%,
            rgba(245,250,255,0.145) 0%,
            rgba(198,222,242,0.080) 26%,
            rgba(89,123,154,0.034) 48%,
            transparent 72%
        ),
        radial-gradient(
            circle at 50% 54%,
            transparent 0%,
            transparent 34%,
            rgba(220,235,247,0.080) 34.4%,
            transparent 35.3%,
            transparent 51%,
            rgba(162,196,224,0.052) 51.4%,
            transparent 52.1%,
            transparent 100%
        ) !important;

    opacity:0.82 !important;
    filter:blur(0.1px) !important;
    mix-blend-mode:screen !important;
}

/* dezente schr�ge Lichtfl�chen links/rechts, aber KEIN durchgehender Balken */
html body .oct-home-select-hero-v3 .oct-select-motors-v3::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    top:52% !important;
    width:min(980px, 66vw) !important;
    height:430px !important;
    transform:translate(-50%, -50%) !important;
    z-index:0 !important;
    pointer-events:none !important;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            transparent 9%,
            rgba(222,238,249,0.000) 14%,
            rgba(222,238,249,0.095) 19%,
            rgba(154,190,220,0.038) 26%,
            transparent 34%,
            transparent 66%,
            rgba(222,238,249,0.075) 75%,
            rgba(154,190,220,0.034) 82%,
            transparent 91%,
            transparent 100%
        ),
        repeating-linear-gradient(
            112deg,
            transparent 0px,
            transparent 18px,
            rgba(255,255,255,0.020) 19px,
            transparent 20px,
            transparent 72px
        ) !important;

    opacity:0.54 !important;
    -webkit-mask-image:
        radial-gradient(ellipse at center, #000 0%, #000 46%, transparent 72%) !important;
    mask-image:
        radial-gradient(ellipse at center, #000 0%, #000 46%, transparent 72%) !important;
}

/* Motorlinks �ber den neuen Hintergrund legen */
html body .oct-home-select-hero-v3 .oct-select-motor-link-v3{
    z-index:5 !important;
}

/* Stage-Glow neutraler und kleiner */
html body .oct-home-select-hero-v3 .oct-select-stage-glow-v3{
    width:680px !important;
    height:460px !important;
    opacity:0.50 !important;
    background:
        radial-gradient(
            ellipse at center,
            rgba(238,247,253,0.115) 0%,
            rgba(190,218,240,0.046) 26%,
            rgba(255,255,255,0.012) 44%,
            transparent 72%
        ) !important;
    filter:blur(44px) !important;
}

/* HUD bleibt, aber nicht zu kastenartig */
html body .oct-home-select-hero-v3 .oct-select-hud-v3{
    opacity:0.55 !important;
}

/* Mobile/Tablet */
@media (max-width:1199px){
    html body .oct-home-select-hero-v3 .oct-select-motors-v3::before{
        width:min(700px, 88vw) !important;
        height:460px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motors-v3::after{
        width:min(760px, 92vw) !important;
        height:360px !important;
        opacity:0.42 !important;
    }
}

@media (max-width:767px){
    html body .oct-home-select-hero-v3 .oct-select-motors-v3::before{
        width:90vw !important;
        height:330px !important;
        opacity:0.62 !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motors-v3::after{
        width:94vw !important;
        height:260px !important;
        opacity:0.28 !important;
    }
}



/* =========================================================
   V3.8 � ICE/SILVER CONTROLS FINAL
   Aufbau bleibt wie V3.7:
   - sch�ner dunkler Silver/Navy-Hintergrund
   - kein Rechteckbalken
   - Typografie unver�ndert
   Neu:
   - Pfeile nicht mehr gelb/gr�n, sondern Ice/Silver/Navy
   - Auswahlboxen weniger gelber Rand
   - aktive/hover Icons edel silberwei� statt voll gelb
========================================================= */

/* ---------- PFEILE: ICE/SILVER STATT GELB ---------- */
html body .oct-home-select-hero-v3 .oct-select-arrow-v3{
    border:1px solid rgba(214,232,246,0.34) !important;
    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(226,239,249,0.135) 0%,
            rgba(145,181,213,0.060) 43%,
            rgba(5,14,24,0.78) 100%
        ),
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,0.035) 0px,
            rgba(255,255,255,0.035) 1px,
            transparent 2px,
            transparent 8px
        ) !important;
    color:rgba(236,244,250,0.92) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.055),
        0 16px 34px rgba(0,0,0,0.46),
        0 0 30px rgba(150,185,216,0.105) !important;
}

html body .oct-home-select-hero-v3 .oct-select-arrow-v3 span{
    color:rgba(236,244,250,0.92) !important;
    text-shadow:
        0 0 14px rgba(186,215,238,0.18),
        0 4px 14px rgba(0,0,0,0.42) !important;
}

html body .oct-home-select-hero-v3 .oct-select-arrow-v3:hover{
    color:#ffffff !important;
    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(246,250,253,0.28) 0%,
            rgba(177,207,232,0.135) 45%,
            rgba(8,20,34,0.88) 100%
        ),
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,0.040) 0px,
            rgba(255,255,255,0.040) 1px,
            transparent 2px,
            transparent 8px
        ) !important;
    border-color:rgba(236,246,252,0.68) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.16),
        0 20px 42px rgba(0,0,0,0.50),
        0 0 42px rgba(175,207,232,0.20) !important;
}

html body .oct-home-select-hero-v3 .oct-select-arrow-v3:hover span{
    color:#ffffff !important;
    text-shadow:
        0 0 18px rgba(212,232,246,0.30),
        0 4px 14px rgba(0,0,0,0.44) !important;
}

/* ---------- AUSWAHLBOXEN: D�NNER ICE/SILVER-RAND ---------- */
html body .oct-home-select-hero-v3 .oct-select-choice-v3{
    border:1px solid rgba(198,218,236,0.17) !important;
    border-left:2px solid rgba(214,232,246,0.44) !important;
    background:
        linear-gradient(
            180deg,
            rgba(8,16,26,0.66) 0%,
            rgba(5,12,20,0.58) 100%
        ),
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,0.026) 0px,
            rgba(255,255,255,0.026) 1px,
            transparent 2px,
            transparent 9px
        ) !important;
    box-shadow:
        0 14px 30px rgba(0,0,0,0.27),
        inset 0 0 0 1px rgba(255,255,255,0.018) !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3::before{
    background:linear-gradient(
        180deg,
        rgba(238,247,253,0.72),
        rgba(157,190,219,0.34)
    ) !important;
    opacity:0 !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3:hover{
    transform:translateX(5px) translateY(-2px) scale(1.010) !important;
    border-color:rgba(225,239,249,0.36) !important;
    border-left-color:rgba(236,246,252,0.70) !important;
    background:
        linear-gradient(
            180deg,
            rgba(12,25,39,0.78) 0%,
            rgba(7,17,29,0.70) 100%
        ),
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,0.030) 0px,
            rgba(255,255,255,0.030) 1px,
            transparent 2px,
            transparent 9px
        ) !important;
    box-shadow:
        0 18px 38px rgba(0,0,0,0.34),
        0 0 28px rgba(184,210,232,0.13),
        inset 0 0 0 1px rgba(255,255,255,0.034) !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3:hover::before{
    width:3px !important;
    opacity:0.72 !important;
}

/* aktive Box: nicht mehr gelbfl�chig, nur Ice/Silver + dezenter heller Rand */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
    min-height:108px !important;
    transform:translateX(8px) scale(1.030) !important;
    border-color:rgba(230,242,250,0.42) !important;
    border-left-color:rgba(246,250,253,0.86) !important;
    background:
        linear-gradient(
            180deg,
            rgba(13,28,44,0.84) 0%,
            rgba(8,19,32,0.76) 100%
        ),
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,0.033) 0px,
            rgba(255,255,255,0.033) 1px,
            transparent 2px,
            transparent 9px
        ) !important;
    box-shadow:
        0 22px 48px rgba(0,0,0,0.40),
        0 0 36px rgba(180,210,234,0.18),
        inset 0 0 0 1px rgba(255,255,255,0.050) !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active::before{
    width:3px !important;
    opacity:1 !important;
    background:linear-gradient(
        180deg,
        rgba(255,255,255,0.96),
        rgba(176,205,230,0.64)
    ) !important;
}

/* ---------- ICONS: NICHT MEHR VOLL GELB, SONDERN EDEL SILBER/ICE ---------- */
html body .oct-home-select-hero-v3 .oct-select-choice-icon-v3{
    color:rgba(230,242,250,0.92) !important;
    border:1px solid rgba(211,229,243,0.24) !important;
    background:
        linear-gradient(
            180deg,
            rgba(44,66,92,0.40),
            rgba(10,23,39,0.48)
        ) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.035),
        0 0 14px rgba(162,195,223,0.065) !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3:hover .oct-select-choice-icon-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-icon-v3{
    color:#0a1b2d !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.96) 0%,
            rgba(207,224,240,0.94) 45%,
            rgba(158,190,218,0.90) 100%
        ) !important;
    border-color:rgba(244,250,253,0.82) !important;
    transform:scale(1.040) !important;
    box-shadow:
        0 0 0 5px rgba(190,218,238,0.060),
        0 0 22px rgba(180,210,234,0.18),
        inset 0 0 0 1px rgba(255,255,255,0.38) !important;
}

/* kleine gelbe Markenfarbe bleibt nur minimal als Akzent in Textn�he/Unterkante */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-text-v3 h3::after{
    content:"" !important;
    display:block !important;
    width:34px !important;
    height:1px !important;
    margin-top:7px !important;
    background:linear-gradient(90deg, rgba(255,226,0,0.55), rgba(236,246,252,0.32), transparent) !important;
}

/* Mobile: aktive Box nicht zu gro� */
@media (max-width:767px){
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
        transform:translateX(0) scale(1.012) !important;
    }
}



/* =========================================================
   V3.11 � BALANCED STAGE / SUBTLE ICONS / ARROWS OUTSIDE
   - linker Pfeil weiter nach au�en
   - Motoren minimal kleiner / ausgewogener
   - rechte Felder etwas schmaler
   - aktive/hover Icons nicht mehr voll fl�chig lackiert
   - kleine gelbe Linie im aktiven Feld wieder entfernt
========================================================= */

/* Rechte Felder minimal schmaler */
html body .oct-home-select-hero-v3 .oct-select-grid-v3{
    grid-template-columns:minmax(350px, 0.78fr) minmax(520px, 1.14fr) minmax(285px, 0.58fr) !important;
    gap:34px !important;
}

html body .oct-home-select-hero-v3 .oct-select-choices-v3{
    width:100% !important;
    max-width:350px !important;
    justify-self:start !important;
}

/* Pfeile weiter raus, damit sie nicht in den Motor stehen */
html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-prev{
    left:-52px !important;
}

html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-next{
    right:-52px !important;
}

/* Motoren etwas kompakter, damit mehr Luft um die Pfeile bleibt */
html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v6,
html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v6{
    left:19% !important;
    height:462px !important;
}

html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado,
html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado{
    top:51.5% !important;
    height:606px !important;
}

html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v8,
html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v8{
    left:80% !important;
    height:486px !important;
}

html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6{
    top:51.5% !important;
    height:596px !important;
}

html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-verado{
    left:75% !important;
    height:484px !important;
}

html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v8{
    left:21% !important;
    height:454px !important;
}

html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8{
    top:51.5% !important;
    height:600px !important;
}

html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-verado{
    left:25% !important;
    height:484px !important;
}

html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v6{
    left:77% !important;
    height:456px !important;
}

/* Hover/Aktiv-Icon dezenter: nicht mehr voll silber ausgemalt */
html body .oct-home-select-hero-v3 .oct-select-choice-v3:hover .oct-select-choice-icon-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-icon-v3{
    color:rgba(240,247,252,0.96) !important;
    background:
        radial-gradient(
            circle at 50% 42%,
            rgba(255,255,255,0.16) 0%,
            rgba(214,229,241,0.10) 38%,
            rgba(15,28,43,0.68) 100%
        ),
        linear-gradient(
            180deg,
            rgba(52,74,98,0.28) 0%,
            rgba(10,22,36,0.50) 100%
        ) !important;
    border-color:rgba(239,247,252,0.74) !important;
    transform:scale(1.028) !important;
    box-shadow:
        0 0 0 3px rgba(198,220,238,0.06),
        0 0 18px rgba(179,206,230,0.12),
        inset 0 0 0 1px rgba(255,255,255,0.18) !important;
}

/* gelbe Mini-Linie im aktiven Feld wieder weg */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-text-v3 h3::after{
    display:none !important;
    content:none !important;
}

/* Tablet feinjustieren */
@media (max-width:1199px){
    html body .oct-home-select-hero-v3 .oct-select-grid-v3{
        grid-template-columns:minmax(320px, 0.78fr) minmax(470px, 1.08fr) minmax(265px, 0.56fr) !important;
        gap:28px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choices-v3{
        max-width:320px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-prev{
        left:-42px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-next{
        right:-42px !important;
    }
}



/* =========================================================
   V3.12 � MOTOR STAGE SLIGHTLY SMALLER / ARROWS CLEAR
   - Motoren minimal kleiner
   - Pfeile wieder etwas n�her zur B�hne, nicht in die Auswahlfelder
   - rechte Auswahlfelder minimal schmaler
========================================================= */

html body .oct-home-select-hero-v3 .oct-select-grid-v3{
    grid-template-columns:minmax(350px, 0.78fr) minmax(500px, 1.08fr) minmax(260px, 0.52fr) !important;
    gap:32px !important;
}

html body .oct-home-select-hero-v3 .oct-select-choices-v3{
    max-width:324px !important;
}

html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-prev{
    left:-30px !important;
}

html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-next{
    right:-30px !important;
}

html body .oct-home-select-hero-v3 .oct-select-arrow-v3{
    width:56px !important;
    height:56px !important;
}

html body .oct-home-select-hero-v3 .oct-select-arrow-v3 span{
    font-size:36px !important;
}

/* Motoren ca. 5�6 % kleiner */
html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v6,
html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v6{
    left:20% !important;
    height:438px !important;
}

html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado,
html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado{
    height:575px !important;
}

html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v8,
html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v8{
    left:79% !important;
    height:460px !important;
}

html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6{
    height:565px !important;
}

html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-verado{
    left:74% !important;
    height:460px !important;
}

html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v8{
    left:22% !important;
    height:430px !important;
}

html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8{
    height:570px !important;
}

html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-verado{
    left:26% !important;
    height:460px !important;
}

html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v6{
    left:76% !important;
    height:432px !important;
}

html body .oct-home-select-hero-v3 .oct-select-motors-v3::before{
    width:min(790px, 54vw) !important;
    height:520px !important;
}

html body .oct-home-select-hero-v3 .oct-select-motors-v3::after{
    width:min(910px, 61vw) !important;
    height:400px !important;
}

@media (max-width:1199px){
    html body .oct-home-select-hero-v3 .oct-select-grid-v3{
        grid-template-columns:minmax(320px, 0.78fr) minmax(450px, 1.02fr) minmax(245px, 0.50fr) !important;
        gap:26px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choices-v3{
        max-width:305px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-prev{
        left:-24px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-next{
        right:-24px !important;
    }
}



/* =========================================================
   V3.15 � CLEAN 1920 MOTOR SCALE / ARROW CLEAR
   WICHTIG:
   Dieser Block sitzt korrekt innerhalb von <style>.
   Keine CSS-Ausgabe mehr im sichtbaren Seitenbereich.

   Nur f�r 1401�1920px:
   - Motoren leicht kleiner
   - rechter Pfeil deutlich weiter weg von den rechten Boxen
   - 2560px+ bleibt unber�hrt
========================================================= */

@media (max-width:1920px) and (min-width:1401px){

    html body .oct-home-select-hero-v3 .oct-select-stage-v3{
        min-height:600px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-stage-glow-v3{
        width:680px !important;
        height:460px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-hud-v3{
        width:530px !important;
        height:530px !important;
    }

    /* Pfeile enger an die Motorb�hne, damit rechts Abstand zu den Boxen bleibt */
    html body .oct-home-select-hero-v3 .oct-select-arrows-v3{
        width:600px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-prev{
        left:12px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-next{
        right:12px !important;
    }

    /* Default / Verado aktiv */
    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v6,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v6{
        height:430px !important;
        left:20.5% !important;
    }

    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado{
        height:560px !important;
        left:50% !important;
    }

    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v8,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v8{
        height:448px !important;
        left:78.5% !important;
    }

    /* V6 aktiv */
    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6{
        height:552px !important;
        left:50% !important;
    }

    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-verado{
        height:448px !important;
        left:73.5% !important;
    }

    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v8{
        height:420px !important;
        left:22.5% !important;
    }

    /* V8 aktiv */
    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8{
        height:555px !important;
        left:50% !important;
    }

    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-verado{
        height:448px !important;
        left:26.5% !important;
    }

    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v6{
        height:420px !important;
        left:75.5% !important;
    }

    /* Halo passend kleiner */
    html body .oct-home-select-hero-v3 .oct-select-motors-v3::before{
        width:min(740px, 50vw) !important;
        height:490px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motors-v3::after{
        width:min(850px, 57vw) !important;
        height:370px !important;
    }
}


/* =========================================================
   V3.16 � FULLSIZE LEFT SHIFT / ARROW SPACE
   - 1920 Desktop: Mittelteil leicht nach links
   - Pfeile etwas weiter weg / sauber frei zu den Boxen
   - volle Section-Gr��e wieder aktiv
   - 2560+ bleibt optisch voll / unver�ndert gro�z�gig
========================================================= */

@media (max-width:1920px) and (min-width:1401px){

    html body .oct-home-select-hero-v3 .oct-select-grid-v3{
        grid-template-columns:minmax(350px, 0.76fr) minmax(540px, 1.18fr) minmax(315px, 0.66fr) !important;
        gap:34px !important;
        align-items:center !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-stage-v3{
        min-height:650px !important;
        margin-left:-28px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-stage-glow-v3{
        left:48.8% !important;
        top:52% !important;
        width:700px !important;
        height:490px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-hud-v3{
        left:48.8% !important;
        top:52% !important;
        width:550px !important;
        height:550px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motors-v3{
        transform:translateX(-18px) !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrows-v3{
        left:48.8% !important;
        top:52% !important;
        width:628px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-prev{
        left:4px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-next{
        right:2px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choices-v3{
        transform:translateX(16px) !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-v3{
        min-height:88px !important;
        padding:17px 18px 17px 16px !important;
    }

    /* Default / Verado aktiv */
    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v6,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v6{
        height:424px !important;
        left:20.2% !important;
    }

    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado{
        height:552px !important;
        left:50% !important;
    }

    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v8,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v8{
        height:442px !important;
        left:79.0% !important;
    }

    /* V6 aktiv */
    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6{
        height:546px !important;
        left:50% !important;
    }

    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-verado{
        height:444px !important;
        left:73.6% !important;
    }

    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v8{
        height:416px !important;
        left:22.8% !important;
    }

    /* V8 aktiv */
    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8{
        height:548px !important;
        left:50% !important;
    }

    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-verado{
        height:444px !important;
        left:26.4% !important;
    }

    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v6{
        height:416px !important;
        left:75.8% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motors-v3::before{
        width:min(750px, 51vw) !important;
        height:500px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motors-v3::after{
        width:min(860px, 58vw) !important;
        height:380px !important;
    }
}



/* =========================================================
   V3.17 � FULL HEIGHT / BOTTOM SPACE
   - Section bekommt wieder mehr volle Bildschirmh�he
   - unten etwas mehr Luft
   - Layout aus V3.16 bleibt gleich
========================================================= */

html body .oct-home-select-hero-v3{
    min-height:100vh !important;
    padding-top:150px !important;
    padding-bottom:175px !important;
    display:flex !important;
    align-items:center !important;
}

html body .oct-home-select-hero-v3 .oct-select-inner-v3{
    width:100% !important;
}

/* 1920 Desktop: unten noch etwas mehr Luft, ohne die Motorpositionen zu ver�ndern */
@media (max-width:1920px) and (min-width:1401px){
    html body .oct-home-select-hero-v3{
        min-height:100vh !important;
        padding-top:145px !important;
        padding-bottom:190px !important;
    }
}

/* 2560+ ebenfalls full height, aber nicht unn�tig aufgeblasen */
@media (min-width:1921px){
    html body .oct-home-select-hero-v3{
        min-height:100vh !important;
        padding-top:155px !important;
        padding-bottom:185px !important;
    }
}



/* =========================================================
   V3.18 � 1920: MOTOREN CA. 10% KLEINER + PFEILE NACH AUSSEN
   Nach Skizze:
   - Motorgruppe bei 1920 ca. 10% kleiner
   - linker Pfeil weiter nach links
   - rechter Pfeil weiter nach rechts
   - volle Section-H�he aus V3.17 bleibt erhalten
   - 2560+ bleibt unver�ndert
========================================================= */

@media (max-width:1920px) and (min-width:1401px){

    html body .oct-home-select-hero-v3 .oct-select-stage-v3{
        min-height:650px !important;
        margin-left:-28px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-stage-glow-v3{
        left:48.8% !important;
        top:52% !important;
        width:660px !important;
        height:455px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-hud-v3{
        left:48.8% !important;
        top:52% !important;
        width:515px !important;
        height:515px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motors-v3{
        transform:translateX(-18px) !important;
    }

    /* Pfeile nach au�en, aber nicht in die Felder hinein */
    html body .oct-home-select-hero-v3 .oct-select-arrows-v3{
        left:48.8% !important;
        top:52% !important;
        width:690px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-prev{
        left:-12px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-next{
        right:-12px !important;
    }

    /* Default / Verado aktiv � ca. 10% kleiner */
    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v6,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v6{
        height:382px !important;
        left:20.4% !important;
    }

    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado{
        height:497px !important;
        left:50% !important;
    }

    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v8,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v8{
        height:398px !important;
        left:78.8% !important;
    }

    /* V6 aktiv � ca. 10% kleiner */
    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6{
        height:491px !important;
        left:50% !important;
    }

    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-verado{
        height:400px !important;
        left:73.8% !important;
    }

    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v8{
        height:374px !important;
        left:23% !important;
    }

    /* V8 aktiv � ca. 10% kleiner */
    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8{
        height:493px !important;
        left:50% !important;
    }

    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-verado{
        height:400px !important;
        left:26.2% !important;
    }

    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v6{
        height:374px !important;
        left:75.6% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motors-v3::before{
        width:min(690px, 48vw) !important;
        height:455px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motors-v3::after{
        width:min(790px, 55vw) !important;
        height:350px !important;
    }
}


/* =========================================================
   V3.19 � 1920 FINE POSITIONING
   - Motorgruppe ein kleines St�ck nach rechts
   - Pfeile noch etwas weiter nach au�en
   - volle H�he bleibt unver�ndert
========================================================= */

@media (max-width:1920px) and (min-width:1401px){

    html body .oct-home-select-hero-v3 .oct-select-stage-glow-v3{
        left:50.0% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-hud-v3{
        left:50.0% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motors-v3{
        transform:translateX(-4px) !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrows-v3{
        left:50.0% !important;
        width:720px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-prev{
        left:-20px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-next{
        right:-20px !important;
    }
}


/* =========================================================
   V3.20 � ACTIVE STATE REFINEMENT
   - gelbe Linie unter der Haupt�berschrift wieder rein
   - gelben Schein hinter dem aktiven Motor durch k�hleren Ice/Silver-Look ersetzen
   - aktive Box rechts eleganter: dunkles Glas-Iconfeld, nur Icon selbst gelb
========================================================= */

/* gelbe Linie links unter der Headline */
html body .oct-home-select-hero-v3 .oct-select-title-v3::after{
    content:"" !important;
    display:block !important;
    width:46px !important;
    height:4px !important;
    margin:18px 0 0 0 !important;
    border-radius:999px !important;
    background:linear-gradient(90deg, rgba(255,226,0,0.98), rgba(255,226,0,0.84)) !important;
    box-shadow:0 0 16px rgba(255,226,0,0.14) !important;
}

html body .oct-home-select-hero-v3 .oct-select-lead-v3{
    margin-top:22px !important;
}

/* k�hleres Stage-Glow statt gelblichem Schein */
html body .oct-home-select-hero-v3 .oct-select-stage-glow-v3{
    background:
        radial-gradient(
            ellipse at center,
            rgba(236,245,252,0.13) 0%,
            rgba(171,201,227,0.08) 22%,
            rgba(90,127,162,0.06) 40%,
            rgba(24,49,77,0.03) 58%,
            transparent 76%
        ) !important;
    opacity:0.56 !important;
    filter:blur(48px) saturate(108%) !important;
}

/* aktive Motoren mit edlem Ice/Silver-Shadow statt Gelb */
html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado,
html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado,
html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6,
html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8{
    filter:
        drop-shadow(0 24px 44px rgba(0,0,0,0.28))
        drop-shadow(0 8px 22px rgba(214,231,245,0.16))
        drop-shadow(0 0 24px rgba(132,171,204,0.11)) !important;
}

/* rechte Boxen: aktive Karte eleganter hervorheben */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
    transform:translateX(8px) translateY(-1px) scale(1.022) !important;
    border-color:rgba(234,244,251,0.44) !important;
    border-left-color:rgba(242,248,252,0.90) !important;
    box-shadow:
        0 20px 42px rgba(0,0,0,0.34),
        0 0 28px rgba(176,207,232,0.12),
        inset 0 0 0 1px rgba(255,255,255,0.045) !important;
}

/* Icon-Feld nicht voll angemalt, sondern dark glass + gelbes Icon */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-icon-v3{
    color:var(--oct-yellow) !important;
    background:
        linear-gradient(
            180deg,
            rgba(34,52,73,0.52) 0%,
            rgba(11,23,37,0.64) 100%
        ) !important;
    border-color:rgba(226,239,248,0.44) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.055),
        0 0 0 4px rgba(181,209,232,0.045),
        0 0 18px rgba(168,198,224,0.10) !important;
}

/* Hover ebenfalls edler, aber schw�cher als aktiv */
html body .oct-home-select-hero-v3 .oct-select-choice-v3:hover .oct-select-choice-icon-v3{
    color:rgba(255,226,0,0.92) !important;
    background:
        linear-gradient(
            180deg,
            rgba(38,57,79,0.46) 0%,
            rgba(12,24,39,0.58) 100%
        ) !important;
    border-color:rgba(214,231,243,0.34) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,0.040),
        0 0 14px rgba(164,193,218,0.08) !important;
}

/* kleine Markenlinie im aktiven Feld klarer sichtbar */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-text-v3 h3::after{
    width:38px !important;
    height:2px !important;
    margin-top:8px !important;
    background:linear-gradient(90deg, rgba(255,226,0,0.88), rgba(255,226,0,0.48), transparent) !important;
}



/* =========================================================
   V3.21 � OPTICAL CENTERED MOTOR POSITIONS
   Ziel:
   - alle Motor-Zust�nde optisch sauber um die Mitte aufbauen
   - mittlerer Motor immer wirklich auf der B�hnenmitte
   - linker/rechter Motor mit gleichem Abstand zur Mitte
   - nicht mehr �ber unterschiedliche left:%-Werte balancieren
   - volle H�he / Pfeile / Boxen bleiben aus den vorherigen Versionen
========================================================= */

/* Desktop bis 1920px: exakte symmetrische Positionen */
@media (max-width:1920px) and (min-width:1401px){

    html body .oct-home-select-hero-v3 .oct-select-stage-v3{
        --oct-side-offset-v3: 225px;
        --oct-center-top-v3: 51%;
        --oct-side-top-v3: 55%;
    }

    html body .oct-home-select-hero-v3 .oct-select-motors-v3{
        transform:translateX(0) !important;
    }

    /* Pfeile passend zur symmetrischen Motorgruppe */
    html body .oct-home-select-hero-v3 .oct-select-arrows-v3{
        left:50% !important;
        width:720px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-prev{
        left:-18px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-next{
        right:-18px !important;
    }

    /* -------------------------
       DEFAULT / VERADO AKTIV
    ------------------------- */

    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado{
        left:50% !important;
        top:var(--oct-center-top-v3) !important;
        height:497px !important;
        transform:translate(-50%, -50%) scale(1) rotate(0deg) !important;
        z-index:24 !important;
    }

    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v6,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v6{
        left:50% !important;
        top:var(--oct-side-top-v3) !important;
        height:382px !important;
        transform:translate(calc(-50% - var(--oct-side-offset-v3)), -50%) scale(0.86) rotate(-2.5deg) !important;
        z-index:10 !important;
    }

    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v8,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v8{
        left:50% !important;
        top:var(--oct-side-top-v3) !important;
        height:398px !important;
        transform:translate(calc(-50% + var(--oct-side-offset-v3)), -50%) scale(0.84) rotate(2.2deg) !important;
        z-index:10 !important;
    }

    /* -------------------------
       V6 AKTIV
       Reihenfolge: V8 links, V6 Mitte, Verado rechts
    ------------------------- */

    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6{
        left:50% !important;
        top:var(--oct-center-top-v3) !important;
        height:491px !important;
        transform:translate(-50%, -50%) scale(1) rotate(0deg) !important;
        z-index:24 !important;
    }

    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v8{
        left:50% !important;
        top:56% !important;
        height:374px !important;
        transform:translate(calc(-50% - var(--oct-side-offset-v3)), -50%) scale(0.80) rotate(-2deg) !important;
        z-index:8 !important;
    }

    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-verado{
        left:50% !important;
        top:var(--oct-side-top-v3) !important;
        height:400px !important;
        transform:translate(calc(-50% + var(--oct-side-offset-v3)), -50%) scale(0.84) rotate(2deg) !important;
        z-index:10 !important;
    }

    /* -------------------------
       V8 AKTIV
       Reihenfolge: Verado links, V8 Mitte, V6 rechts
    ------------------------- */

    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8{
        left:50% !important;
        top:var(--oct-center-top-v3) !important;
        height:493px !important;
        transform:translate(-50%, -50%) scale(1) rotate(0deg) !important;
        z-index:24 !important;
    }

    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-verado{
        left:50% !important;
        top:var(--oct-side-top-v3) !important;
        height:400px !important;
        transform:translate(calc(-50% - var(--oct-side-offset-v3)), -50%) scale(0.84) rotate(-2deg) !important;
        z-index:10 !important;
    }

    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v6{
        left:50% !important;
        top:56% !important;
        height:374px !important;
        transform:translate(calc(-50% + var(--oct-side-offset-v3)), -50%) scale(0.80) rotate(2deg) !important;
        z-index:8 !important;
    }

    /* Hover muss zu den neuen Transform-Werten passen */
    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado:hover,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado:hover,
    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6:hover,
    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8:hover{
        transform:translate(-50%, -50%) scale(1.025) rotate(0deg) !important;
    }
}

/* Gro�e Screens: gleiches Prinzip, aber mit gr��erer B�hne */
@media (min-width:1921px){

    html body .oct-home-select-hero-v3 .oct-select-stage-v3{
        --oct-side-offset-v3: clamp(270px, 13vw, 345px);
        --oct-center-top-v3: 51%;
        --oct-side-top-v3: 55%;
    }

    html body .oct-home-select-hero-v3 .oct-select-motors-v3{
        transform:translateX(0) !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrows-v3{
        left:50% !important;
        width:clamp(760px, 34vw, 920px) !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-prev{
        left:-20px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-next{
        right:-20px !important;
    }

    /* Default / Verado aktiv */
    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado{
        left:50% !important;
        top:var(--oct-center-top-v3) !important;
        height:635px !important;
        transform:translate(-50%, -50%) scale(1) rotate(0deg) !important;
        z-index:24 !important;
    }

    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v6,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v6{
        left:50% !important;
        top:var(--oct-side-top-v3) !important;
        height:480px !important;
        transform:translate(calc(-50% - var(--oct-side-offset-v3)), -50%) scale(0.86) rotate(-2.5deg) !important;
        z-index:10 !important;
    }

    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v8,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v8{
        left:50% !important;
        top:var(--oct-side-top-v3) !important;
        height:500px !important;
        transform:translate(calc(-50% + var(--oct-side-offset-v3)), -50%) scale(0.84) rotate(2.2deg) !important;
        z-index:10 !important;
    }

    /* V6 aktiv */
    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6{
        left:50% !important;
        top:var(--oct-center-top-v3) !important;
        height:620px !important;
        transform:translate(-50%, -50%) scale(1) rotate(0deg) !important;
        z-index:24 !important;
    }

    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v8{
        left:50% !important;
        top:56% !important;
        height:470px !important;
        transform:translate(calc(-50% - var(--oct-side-offset-v3)), -50%) scale(0.80) rotate(-2deg) !important;
        z-index:8 !important;
    }

    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-verado{
        left:50% !important;
        top:var(--oct-side-top-v3) !important;
        height:500px !important;
        transform:translate(calc(-50% + var(--oct-side-offset-v3)), -50%) scale(0.84) rotate(2deg) !important;
        z-index:10 !important;
    }

    /* V8 aktiv */
    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8{
        left:50% !important;
        top:var(--oct-center-top-v3) !important;
        height:625px !important;
        transform:translate(-50%, -50%) scale(1) rotate(0deg) !important;
        z-index:24 !important;
    }

    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-verado{
        left:50% !important;
        top:var(--oct-side-top-v3) !important;
        height:500px !important;
        transform:translate(calc(-50% - var(--oct-side-offset-v3)), -50%) scale(0.84) rotate(-2deg) !important;
        z-index:10 !important;
    }

    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v6{
        left:50% !important;
        top:56% !important;
        height:470px !important;
        transform:translate(calc(-50% + var(--oct-side-offset-v3)), -50%) scale(0.80) rotate(2deg) !important;
        z-index:8 !important;
    }

    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado:hover,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado:hover,
    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6:hover,
    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8:hover{
        transform:translate(-50%, -50%) scale(1.025) rotate(0deg) !important;
    }
}



/* =========================================================
   V3.22 � OUTER MOTORS SLIGHTLY CLOSER
   - �u�ere Motoren minimal n�her zur Mitte
   - dadurch rechts/links etwas mehr Luft zu Pfeilen/Feldern
   - nur Abstand ge�ndert, Gr��e/Full-Height/Look bleibt gleich
========================================================= */

/* 1920 Desktop */
@media (max-width:1920px) and (min-width:1401px){
    html body .oct-home-select-hero-v3 .oct-select-stage-v3{
        --oct-side-offset-v3: 212px !important;
    }
}

/* 2560+ / gro�e Screens proportional ebenfalls minimal enger */
@media (min-width:1921px){
    html body .oct-home-select-hero-v3 .oct-select-stage-v3{
        --oct-side-offset-v3: clamp(255px, 12.2vw, 325px) !important;
    }
}



/* =========================================================
   V3.23 � ACTIVE FIELD THIN YELLOW LINE
   - aktives Motor-Feld rechts bekommt links wieder Gelb
   - aber d�nner / edler als die vorherige wei�e Linie
   - Hover bleibt Ice/Silver
========================================================= */

html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
    border-left:1px solid rgba(255,226,0,0.82) !important;
}

/* innere aktive Linie: gelb, aber bewusst schmal */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active::before{
    width:2px !important;
    opacity:0.95 !important;
    background:linear-gradient(
        180deg,
        rgba(255,242,148,0.92) 0%,
        rgba(255,226,0,0.78) 48%,
        rgba(255,226,0,0.36) 100%
    ) !important;
    box-shadow:
        0 0 10px rgba(255,226,0,0.12) !important;
}

/* Hover auf nicht aktiven Feldern bleibt silber/blau */
html body .oct-home-select-hero-v3 .oct-select-choice-v3:not(.is-active):hover{
    border-left-color:rgba(236,246,252,0.58) !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3:not(.is-active):hover::before{
    background:linear-gradient(
        180deg,
        rgba(238,247,253,0.72),
        rgba(157,190,219,0.34)
    ) !important;
}

/* aktive Box insgesamt etwas ruhiger, damit Gelb nur Akzent bleibt */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
    box-shadow:
        0 20px 42px rgba(0,0,0,0.34),
        0 0 24px rgba(176,207,232,0.10),
        inset 0 0 0 1px rgba(255,255,255,0.040) !important;
}



/* =========================================================
   V3.24 � FULL VIEWPORT HEIGHT 1920 FIX
   Ziel:
   - Row 2 bei 1920 wieder als echte Vollbild-Section.
   - Inhalt vertikal mittig.
   - Karten bleiben rechts und rutschen nicht unten aus dem Bild.
   - 2560+ bleibt gro�z�gig.
========================================================= */

/* Grundregel: Section ist eine komplette Bildschirmh�he */
html body .oct-home-select-hero-v3{
    min-height:100vh !important;
    display:flex !important;
    align-items:center !important;
    padding-top:clamp(86px, 8vh, 125px) !important;
    padding-bottom:clamp(86px, 8vh, 125px) !important;
}

/* innerer Bereich nimmt die volle Breite sauber ein */
html body .oct-home-select-hero-v3 .oct-select-inner-v3{
    width:100% !important;
}

/* 1920 Desktop exakt sauber einpassen */
@media (max-width:1920px) and (min-width:1401px){

    html body .oct-home-select-hero-v3{
        min-height:100vh !important;
        padding-top:82px !important;
        padding-bottom:82px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-grid-v3{
        min-height:calc(100vh - 164px) !important;
        align-items:center !important;
        grid-template-columns:minmax(350px, 0.76fr) minmax(540px, 1.18fr) minmax(320px, 0.66fr) !important;
        gap:34px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-copy-v3{
        align-self:center !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-stage-v3{
        align-self:center !important;
        min-height:610px !important;
        height:min(650px, calc(100vh - 170px)) !important;
        margin-left:0 !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choices-v3{
        align-self:center !important;
        max-width:345px !important;
        transform:none !important;
        display:grid !important;
        gap:18px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-v3{
        min-height:92px !important;
        padding:17px 18px 17px 16px !important;
    }

    /* B�hne bleibt optisch gleich, nur innerhalb der Fullscreen-H�he sauber zentriert */
    html body .oct-home-select-hero-v3 .oct-select-stage-glow-v3,
    html body .oct-home-select-hero-v3 .oct-select-hud-v3,
    html body .oct-home-select-hero-v3 .oct-select-arrows-v3{
        top:50% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-stage-v3{
        --oct-side-offset-v3: 212px !important;
        --oct-center-top-v3: 50% !important;
        --oct-side-top-v3: 54% !important;
    }
}

/* 2560+ bleibt ebenfalls full viewport, aber mit mehr Luft */
@media (min-width:1921px){
    html body .oct-home-select-hero-v3{
        min-height:100vh !important;
        padding-top:clamp(105px, 8vh, 150px) !important;
        padding-bottom:clamp(105px, 8vh, 150px) !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-grid-v3{
        min-height:calc(100vh - 240px) !important;
        align-items:center !important;
    }
}

/* Falls Joomla/SP Page Builder bei 1920 durch Containerbreiten zu fr�h umbrechen will:
   Diese Regel verhindert, dass die Karten unten landen. */
@media (max-width:1920px) and (min-width:1200px){
    html body .oct-home-select-hero-v3 .oct-select-grid-v3{
        display:grid !important;
        grid-template-areas:"copy stage choices" !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-copy-v3{
        grid-area:copy !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-stage-v3{
        grid-area:stage !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choices-v3{
        grid-area:choices !important;
    }
}



/* =========================================================
   V3.25 � 2560 DESKTOP SCALE / FULL WIDTH BALANCE
   Problem bei 2560:
   - Inhalt war zu klein und zu stark in der Mitte gesammelt.
   - zu viel leerer Raum links/rechts.
   L�sung:
   - ab 1921px eigener Large-Desktop-Aufbau
   - breiterer Content-Container
   - Motorb�hne gr��er
   - Felder rechts bleiben rechts, aber stehen weiter au�en
   - Motoren proportional gr��er und sauber zentriert
========================================================= */

@media (min-width:1921px){

    html body .oct-home-select-hero-v3{
        min-height:100vh !important;
        padding-top:clamp(95px, 7.4vh, 135px) !important;
        padding-bottom:clamp(95px, 7.4vh, 135px) !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-inner-v3{
        max-width:2060px !important;
        width:calc(100% - 160px) !important;
        margin:0 auto !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-grid-v3{
        min-height:calc(100vh - 210px) !important;
        grid-template-columns:minmax(430px, 0.80fr) minmax(820px, 1.34fr) minmax(390px, 0.72fr) !important;
        gap:70px !important;
        align-items:center !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-copy-v3{
        align-self:center !important;
        justify-self:start !important;
        max-width:620px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-stage-v3{
        align-self:center !important;
        justify-self:center !important;
        min-height:760px !important;
        height:min(790px, calc(100vh - 190px)) !important;
        width:100% !important;
        margin:0 !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choices-v3{
        align-self:center !important;
        justify-self:start !important;
        width:100% !important;
        max-width:430px !important;
        display:grid !important;
        gap:18px !important;
        transform:none !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-v3{
        min-height:96px !important;
        padding:18px 22px 18px 18px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-stage-glow-v3{
        left:50% !important;
        top:50% !important;
        width:900px !important;
        height:620px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-hud-v3{
        left:50% !important;
        top:50% !important;
        width:700px !important;
        height:700px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrows-v3{
        left:50% !important;
        top:50% !important;
        width:930px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-prev{
        left:-22px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-next{
        right:-22px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-stage-v3{
        --oct-side-offset-v3: 305px !important;
        --oct-center-top-v3: 50% !important;
        --oct-side-top-v3: 54% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motors-v3{
        transform:translateX(0) !important;
    }

    /* Default / Verado aktiv */
    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado{
        left:50% !important;
        top:var(--oct-center-top-v3) !important;
        height:690px !important;
        transform:translate(-50%, -50%) scale(1) rotate(0deg) !important;
        z-index:24 !important;
    }

    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v6,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v6{
        left:50% !important;
        top:var(--oct-side-top-v3) !important;
        height:530px !important;
        transform:translate(calc(-50% - var(--oct-side-offset-v3)), -50%) scale(0.86) rotate(-2.5deg) !important;
        z-index:10 !important;
    }

    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v8,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v8{
        left:50% !important;
        top:var(--oct-side-top-v3) !important;
        height:548px !important;
        transform:translate(calc(-50% + var(--oct-side-offset-v3)), -50%) scale(0.84) rotate(2.2deg) !important;
        z-index:10 !important;
    }

    /* V6 aktiv */
    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6{
        left:50% !important;
        top:var(--oct-center-top-v3) !important;
        height:670px !important;
        transform:translate(-50%, -50%) scale(1) rotate(0deg) !important;
        z-index:24 !important;
    }

    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v8{
        left:50% !important;
        top:56% !important;
        height:510px !important;
        transform:translate(calc(-50% - var(--oct-side-offset-v3)), -50%) scale(0.80) rotate(-2deg) !important;
        z-index:8 !important;
    }

    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-verado{
        left:50% !important;
        top:var(--oct-side-top-v3) !important;
        height:548px !important;
        transform:translate(calc(-50% + var(--oct-side-offset-v3)), -50%) scale(0.84) rotate(2deg) !important;
        z-index:10 !important;
    }

    /* V8 aktiv */
    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8{
        left:50% !important;
        top:var(--oct-center-top-v3) !important;
        height:675px !important;
        transform:translate(-50%, -50%) scale(1) rotate(0deg) !important;
        z-index:24 !important;
    }

    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-verado{
        left:50% !important;
        top:var(--oct-side-top-v3) !important;
        height:548px !important;
        transform:translate(calc(-50% - var(--oct-side-offset-v3)), -50%) scale(0.84) rotate(-2deg) !important;
        z-index:10 !important;
    }

    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v6{
        left:50% !important;
        top:56% !important;
        height:510px !important;
        transform:translate(calc(-50% + var(--oct-side-offset-v3)), -50%) scale(0.80) rotate(2deg) !important;
        z-index:8 !important;
    }

    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado:hover,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado:hover,
    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6:hover,
    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8:hover{
        transform:translate(-50%, -50%) scale(1.025) rotate(0deg) !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motors-v3::before{
        width:min(980px, 44vw) !important;
        height:650px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motors-v3::after{
        width:min(1120px, 50vw) !important;
        height:500px !important;
    }
}

/* Extra Large 2400�2800: etwas mehr Randkontrolle, damit nichts zu weit auseinanderf�llt */
@media (min-width:2400px) and (max-width:2800px){
    html body .oct-home-select-hero-v3 .oct-select-inner-v3{
        max-width:2140px !important;
        width:calc(100% - 210px) !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-grid-v3{
        grid-template-columns:minmax(440px, 0.82fr) minmax(860px, 1.34fr) minmax(410px, 0.70fr) !important;
        gap:78px !important;
    }
}




/* =========================================================
   V3.33 � DESIGNKNALL CTA CLEAN
   - keine Motor-/Kartenbewegung bei Hover
   - Kartenklick = Motor aktivieren
   - nur CTA im aktiven Feld navigiert
   - CTA deutlich sichtbarer / professioneller / "Designknall"
========================================================= */

html body .oct-home-select-hero-v3 .oct-select-choice-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3:hover,
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
    transform:none !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3{
    cursor:pointer !important;
    transition:
        background .28s ease,
        border-color .28s ease,
        box-shadow .28s ease,
        min-height .28s ease !important;
}

/* Hover nur dezent, kein Rumgeh�pfe */
html body .oct-home-select-hero-v3 .oct-select-choice-v3:not(.is-active):hover{
    background:
        linear-gradient(135deg, rgba(255,255,255,0.052) 0%, rgba(255,255,255,0.020) 24%, rgba(7,17,31,0.93) 100%),
        repeating-linear-gradient(115deg, rgba(255,255,255,0.022) 0px, rgba(255,255,255,0.022) 1px, rgba(255,255,255,0.000) 2px, rgba(255,255,255,0.000) 11px) !important;
    border-color:rgba(185,208,228,0.18) !important;
    box-shadow:0 10px 22px rgba(0,0,0,0.26) !important;
}

/* aktive Karte klarer und etwas h�her */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
    min-height:154px !important;
    padding-top:18px !important;
    padding-bottom:16px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.094) 0%, rgba(255,255,255,0.030) 16%, rgba(9,18,32,0.92) 100%),
        repeating-linear-gradient(115deg, rgba(255,255,255,0.030) 0px, rgba(255,255,255,0.030) 1px, rgba(255,255,255,0.000) 2px, rgba(255,255,255,0.000) 10px) !important;
    border-color:rgba(220,235,247,0.22) !important;
    box-shadow:
        0 18px 36px rgba(0,0,0,0.34),
        0 0 20px rgba(170,208,235,0.06),
        inset 0 1px 0 rgba(255,255,255,0.06) !important;
}

/* aktive linke Markerlinie gelb, aber edel */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active::before{
    width:2px !important;
    background:linear-gradient(180deg, rgba(255,241,145,0.98) 0%, rgba(255,226,0,0.95) 48%, rgba(255,226,0,0.55) 100%) !important;
    box-shadow:0 0 16px rgba(255,226,0,0.20) !important;
}

/* kein auff�lliges Hover-Icon-Wackeln */
html body .oct-home-select-hero-v3 .oct-select-choice-v3:hover .oct-select-choice-icon-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-icon-v3{
    transform:none !important;
}

/* CTA nur in aktiver Karte sichtbar */
html body .oct-home-select-hero-v3 .oct-select-choice-cta-v3{
    display:none !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-cta-v3{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;

    width:100% !important;
    margin-top:14px !important;
    padding:12px 12px 12px 14px !important;

    border-radius:14px !important;
    border:1px solid rgba(255,226,0,0.30) !important;
    background:
        linear-gradient(135deg, rgba(255,226,0,0.13) 0%, rgba(255,226,0,0.05) 18%, rgba(28,43,58,0.96) 19%, rgba(9,17,28,0.98) 100%) !important;
    box-shadow:
        0 14px 28px rgba(0,0,0,0.34),
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 0 20px rgba(255,226,0,0.08) !important;

    overflow:hidden !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
}

/* obere Lichtkante f�r den CTA */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-cta-v3::before{
    content:"" !important;
    position:absolute !important;
    left:14px !important;
    right:52px !important;
    top:0 !important;
    height:1px !important;
    background:linear-gradient(90deg, rgba(255,226,0,0.00) 0%, rgba(255,226,0,0.75) 20%, rgba(255,255,255,0.10) 100%) !important;
    opacity:0.9 !important;
}

/* linke Mini-Akzentzone */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-cta-v3::after{
    content:"DETAILS" !important;
    position:absolute !important;
    left:14px !important;
    top:-8px !important;
    padding:0 8px !important;
    height:16px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:linear-gradient(180deg, rgba(255,241,170,0.98) 0%, rgba(255,226,0,0.96) 100%) !important;
    color:#111822 !important;
    font-size:8.5px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:1.1px !important;
    text-transform:uppercase !important;
    box-shadow:0 6px 12px rgba(255,226,0,0.16) !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-cta-label-v3{
    display:inline-flex !important;
    align-items:center !important;
    min-height:28px !important;
    color:#ffffff !important;
    font-size:12px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:1.15px !important;
    text-transform:uppercase !important;
    text-shadow:0 2px 10px rgba(0,0,0,0.42) !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-cta-arrow-v3{
    flex:0 0 auto !important;
    width:32px !important;
    height:32px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:50% !important;
    background:radial-gradient(circle at 35% 35%, #fff7bd 0%, #ffe200 56%, #dfba00 100%) !important;
    color:#0a121b !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:900 !important;
    box-shadow:0 0 18px rgba(255,226,0,0.24), inset 0 1px 0 rgba(255,255,255,0.45) !important;
    transition:transform .25s ease, box-shadow .25s ease !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-cta-v3:hover{
    transform:translateY(-1px) !important;
    border-color:rgba(255,226,0,0.44) !important;
    box-shadow:
        0 16px 30px rgba(0,0,0,0.38),
        inset 0 1px 0 rgba(255,255,255,0.10),
        0 0 24px rgba(255,226,0,0.11) !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-cta-v3:hover .oct-select-choice-cta-arrow-v3{
    transform:translateX(3px) scale(1.03) !important;
    box-shadow:0 0 22px rgba(255,226,0,0.30), inset 0 1px 0 rgba(255,255,255,0.52) !important;
}

/* 2560+ etwas gro�z�giger */
@media (min-width:1921px){
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
        min-height:160px !important;
    }
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-cta-v3{
        margin-top:15px !important;
        padding:13px 13px 13px 15px !important;
    }
}

/* 1401�1920 kompakt, aber immer noch pr�sent */
@media (max-width:1920px) and (min-width:1401px){
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
        min-height:148px !important;
        padding-top:16px !important;
        padding-bottom:14px !important;
    }
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-cta-v3{
        margin-top:12px !important;
        padding:11px 11px 11px 13px !important;
    }
    html body .oct-home-select-hero-v3 .oct-select-choice-cta-label-v3{
        font-size:11px !important;
    }
    html body .oct-home-select-hero-v3 .oct-select-choice-cta-arrow-v3{
        width:30px !important;
        height:30px !important;
        font-size:15px !important;
    }
}

@media (max-width:767px){
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
        min-height:140px !important;
    }
}



/* =========================================================
   V3.34 � CTA RECHTS FIX
   - altes Dock / Propeller-CTA hart ausblenden
   - CTA nur im aktiven Feld, deutlich sichtbarer
   - professioneller Footer-Action-Bereich im aktiven Feld
========================================================= */

/* alte / evtl. mitgeschleppte Center-Docks oder Propeller-Buttons sicher abschalten */
html body .oct-home-select-hero-v3 .oct-select-detail-dock-v3,
html body .oct-home-select-hero-v3 .oct-select-detail-kicker-v3,
html body .oct-home-select-hero-v3 .oct-select-detail-title-v3,
html body .oct-home-select-hero-v3 .oct-select-detail-spec-v3,
html body .oct-home-select-hero-v3 .oct-select-detail-button-v3,
html body .oct-home-select-hero-v3 .oct-select-center-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-stage-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-motor-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-propeller-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-detail-overlay-v3{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

/* aktive Karte etwas gro�z�giger f�r klaren CTA */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
    min-height:172px !important;
    padding-top:18px !important;
    padding-bottom:18px !important;
}

/* CTA-Grundzustand */
html body .oct-home-select-hero-v3 .oct-select-choice-cta-v3{
    display:none !important;
}

/* CTA nur in aktiver Karte sichtbar, als klarer Action-Footer */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-cta-v3{
    position:relative !important;
    grid-column:2 / -1 !important;
    justify-self:stretch !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;

    width:100% !important;
    min-height:52px !important;
    margin-top:16px !important;
    padding:12px 12px 12px 16px !important;

    border-radius:14px !important;
    border:1px solid rgba(255,226,0,0.26) !important;
    background:
        linear-gradient(90deg, rgba(255,226,0,0.18) 0 5px, rgba(12,21,33,0.98) 5px, rgba(17,31,47,0.94) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 14px 28px rgba(0,0,0,0.34),
        0 0 24px rgba(255,226,0,0.10) !important;

    overflow:hidden !important;
    cursor:pointer !important;
    pointer-events:auto !important;
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease !important;

    animation:octChoiceCtaPulseV34 2.8s ease-in-out infinite !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-cta-v3::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    height:1px !important;
    background:linear-gradient(90deg, rgba(255,226,0,0) 0%, rgba(255,226,0,0.85) 18%, rgba(255,255,255,0.18) 100%) !important;
    opacity:.95 !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-cta-v3::after{
    content:"KLICKEN" !important;
    position:absolute !important;
    top:-8px !important;
    right:14px !important;
    height:16px !important;
    padding:0 8px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:linear-gradient(180deg, rgba(255,243,166,1) 0%, rgba(255,226,0,0.98) 100%) !important;
    color:#0b121a !important;
    font-size:8.5px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:1.05px !important;
    text-transform:uppercase !important;
    box-shadow:0 6px 14px rgba(255,226,0,0.18) !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-cta-label-v3{
    display:inline-flex !important;
    align-items:center !important;
    min-height:28px !important;
    color:#ffffff !important;
    font-size:13px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:1.35px !important;
    text-transform:uppercase !important;
    text-shadow:0 2px 12px rgba(0,0,0,0.45) !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-cta-arrow-v3{
    flex:0 0 auto !important;
    min-width:44px !important;
    height:32px !important;
    padding:0 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:999px !important;
    background:linear-gradient(180deg, #fff7bf 0%, #ffe200 55%, #e0ba00 100%) !important;
    color:#0a121b !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:900 !important;
    box-shadow:
        0 0 18px rgba(255,226,0,0.24),
        inset 0 1px 0 rgba(255,255,255,0.48) !important;
    transition:transform .25s ease, box-shadow .25s ease !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-cta-v3:hover{
    transform:translateY(-1px) !important;
    border-color:rgba(255,226,0,0.46) !important;
    background:
        linear-gradient(90deg, rgba(255,226,0,0.24) 0 5px, rgba(14,24,38,1) 5px, rgba(20,34,52,0.98) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.10),
        0 16px 34px rgba(0,0,0,0.38),
        0 0 30px rgba(255,226,0,0.14) !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-cta-v3:hover .oct-select-choice-cta-arrow-v3{
    transform:translateX(4px) scale(1.04) !important;
    box-shadow:
        0 0 24px rgba(255,226,0,0.30),
        inset 0 1px 0 rgba(255,255,255,0.54) !important;
}

@keyframes octChoiceCtaPulseV34{
    0%,100%{
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.08),
            0 14px 28px rgba(0,0,0,0.34),
            0 0 20px rgba(255,226,0,0.08);
    }
    50%{
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,0.10),
            0 16px 32px rgba(0,0,0,0.36),
            0 0 30px rgba(255,226,0,0.14);
    }
}

@media (max-width:1920px) and (min-width:1401px){
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
        min-height:164px !important;
    }
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-cta-v3{
        min-height:50px !important;
        margin-top:14px !important;
        padding:11px 11px 11px 15px !important;
    }
}

@media (max-width:767px){
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
        min-height:146px !important;
    }
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-cta-v3{
        min-height:46px !important;
        padding:10px 10px 10px 13px !important;
    }
    html body .oct-home-select-hero-v3 .oct-select-choice-cta-label-v3{
        font-size:11px !important;
        letter-spacing:1.05px !important;
    }
    html body .oct-home-select-hero-v3 .oct-select-choice-cta-arrow-v3{
        min-width:38px !important;
        height:28px !important;
        font-size:14px !important;
    }
}



/* =========================================================
   V3.35 � ACTIVE CARD RIGHT ACTION RAIL
   - kein Textbutton mehr
   - rechts im aktiven Feld eine volle Action-Rail
   - animierte diagonale Streifen + Chevron
   - sichtbar / professionell / klarer Klickbereich
========================================================= */

/* alte Center-/Propeller-CTAs hart aus */
html body .oct-home-select-hero-v3 .oct-select-detail-dock-v3,
html body .oct-home-select-hero-v3 .oct-select-detail-kicker-v3,
html body .oct-home-select-hero-v3 .oct-select-detail-title-v3,
html body .oct-home-select-hero-v3 .oct-select-detail-spec-v3,
html body .oct-home-select-hero-v3 .oct-select-detail-button-v3,
html body .oct-home-select-hero-v3 .oct-select-center-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-stage-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-motor-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-propeller-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-detail-overlay-v3{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

/* Karten ruhig halten */
html body .oct-home-select-hero-v3 .oct-select-choice-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3:hover,
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
    transform:none !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3{
    position:relative !important;
    overflow:hidden !important;
    cursor:pointer !important;
}

/* aktive Karte: Text bekommt rechts Platz f�r die Rail */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
    min-height:108px !important;
    padding-right:76px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.082) 0%, rgba(255,255,255,0.030) 28%, rgba(8,17,31,0.92) 100%),
        repeating-linear-gradient(115deg, rgba(255,255,255,0.030) 0px, rgba(255,255,255,0.030) 1px, rgba(255,255,255,0.000) 2px, rgba(255,255,255,0.000) 10px) !important;
    border-color:rgba(226,239,248,0.22) !important;
    box-shadow:
        0 18px 36px rgba(0,0,0,0.34),
        0 0 22px rgba(170,208,235,0.075),
        inset 0 1px 0 rgba(255,255,255,0.060) !important;
}

/* aktive linke Linie bleibt gelb und fein */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active::before{
    width:2px !important;
    opacity:1 !important;
    background:
        linear-gradient(
            180deg,
            rgba(255,242,150,0.98) 0%,
            rgba(255,226,0,0.94) 48%,
            rgba(255,226,0,0.52) 100%
        ) !important;
    box-shadow:0 0 14px rgba(255,226,0,0.20) !important;
}

/* CTA nur in aktiver Karte anzeigen */
html body .oct-home-select-hero-v3 .oct-select-choice-cta-v3{
    display:none !important;
}

/* rechte Action-Rail */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3{
    position:absolute !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    width:62px !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;

    border-left:1px solid rgba(255,226,0,0.20) !important;
    border-radius:0 !important;

    background:
        linear-gradient(180deg, rgba(255,226,0,0.24) 0%, rgba(255,226,0,0.085) 42%, rgba(255,226,0,0.17) 100%),
        linear-gradient(135deg, rgba(255,255,255,0.075) 0%, rgba(12,23,37,0.94) 60%, rgba(5,11,19,0.98) 100%) !important;

    box-shadow:
        inset 1px 0 0 rgba(255,255,255,0.045),
        inset 0 0 22px rgba(255,226,0,0.055),
        -12px 0 26px rgba(0,0,0,0.20) !important;

    overflow:hidden !important;
    cursor:pointer !important;
    pointer-events:auto !important;

    transition:
        width .28s ease,
        background .28s ease,
        box-shadow .28s ease,
        border-color .28s ease !important;
}

/* animierte Streifen */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-stripes-v3{
    position:absolute !important;
    inset:-28px -24px !important;
    display:block !important;
    pointer-events:none !important;

    background:
        repeating-linear-gradient(
            135deg,
            rgba(255,255,255,0.00) 0px,
            rgba(255,255,255,0.00) 9px,
            rgba(255,255,255,0.15) 10px,
            rgba(255,255,255,0.15) 12px,
            rgba(255,226,0,0.24) 13px,
            rgba(255,226,0,0.24) 15px,
            rgba(255,255,255,0.00) 16px,
            rgba(255,255,255,0.00) 26px
        ) !important;

    opacity:.82 !important;
    transform:translateX(-10px) !important;
    animation:octRailStripeMoveV35 2.15s linear infinite !important;
}

@keyframes octRailStripeMoveV35{
    0%{ transform:translateX(-20px); }
    100%{ transform:translateX(20px); }
}

/* Chevron-K�rper */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-chevron-v3{
    position:relative !important;
    z-index:3 !important;

    width:34px !important;
    height:34px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:50% !important;
    background:
        radial-gradient(circle at 35% 35%, #fff8c7 0%, #ffe200 56%, #dbb600 100%) !important;

    color:#07121d !important;
    font-size:31px !important;
    line-height:30px !important;
    font-weight:900 !important;

    box-shadow:
        0 0 22px rgba(255,226,0,0.30),
        0 8px 18px rgba(0,0,0,0.34),
        inset 0 1px 0 rgba(255,255,255,0.55) !important;

    transform:translateX(0) !important;
    transition:
        transform .28s ease,
        box-shadow .28s ease !important;
}

/* zus�tzlicher Pfeil-Schimmer */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3::before{
    content:"" !important;
    position:absolute !important;
    left:-50% !important;
    top:0 !important;
    width:70% !important;
    height:100% !important;
    z-index:2 !important;
    pointer-events:none !important;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            rgba(255,255,255,0.00) 28%,
            rgba(255,255,255,0.22) 50%,
            rgba(255,226,0,0.10) 60%,
            rgba(255,255,255,0.00) 78%,
            transparent 100%
        ) !important;

    transform:skewX(-18deg) !important;
    opacity:0 !important;
    animation:octRailSweepV35 2.8s ease-in-out infinite !important;
}

@keyframes octRailSweepV35{
    0%, 34%{
        left:-70%;
        opacity:0;
    }
    46%{
        opacity:.65;
    }
    68%{
        left:110%;
        opacity:0;
    }
    100%{
        left:110%;
        opacity:0;
    }
}

/* Hover: eindeutig klickbar */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3:hover{
    width:72px !important;
    border-left-color:rgba(255,226,0,0.46) !important;
    background:
        linear-gradient(180deg, rgba(255,226,0,0.34) 0%, rgba(255,226,0,0.13) 42%, rgba(255,226,0,0.24) 100%),
        linear-gradient(135deg, rgba(255,255,255,0.095) 0%, rgba(13,25,40,0.96) 60%, rgba(6,12,21,1) 100%) !important;
    box-shadow:
        inset 1px 0 0 rgba(255,255,255,0.06),
        inset 0 0 28px rgba(255,226,0,0.09),
        -14px 0 30px rgba(0,0,0,0.24),
        0 0 26px rgba(255,226,0,0.10) !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3:hover .oct-select-choice-rail-chevron-v3{
    transform:translateX(5px) scale(1.04) !important;
    box-shadow:
        0 0 28px rgba(255,226,0,0.36),
        0 10px 20px rgba(0,0,0,0.36),
        inset 0 1px 0 rgba(255,255,255,0.60) !important;
}

/* Text im aktiven Feld bleibt sauber */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-text-v3{
    padding-right:0 !important;
}

@media (min-width:1921px){
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
        min-height:112px !important;
        padding-right:84px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3{
        width:68px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3:hover{
        width:78px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-chevron-v3{
        width:36px !important;
        height:36px !important;
        font-size:33px !important;
    }
}

@media (max-width:1920px) and (min-width:1401px){
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
        min-height:106px !important;
        padding-right:74px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3{
        width:60px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3:hover{
        width:70px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-chevron-v3{
        width:32px !important;
        height:32px !important;
        font-size:30px !important;
    }
}

@media (max-width:767px){
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
        padding-right:66px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3{
        width:54px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3:hover{
        width:60px !important;
    }
}



/* =========================================================
   V3.41 � CLEAN INTEGRATED RIGHT-EDGE CTA
   Wunsch:
   - NEUSTART
   - kein extra Feld rechts daneben
   - der Bereich IST der rechte Rand des aktiven Feldes
   - �ber fast die ganze Feldh�he
   - klarer, sch�ner Weiter-Bereich
   - sichtbarer Pfeil
========================================================= */

/* alte CTA-Experimente neutralisieren */
html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-rail-v3{
    position:static !important;
    inset:auto !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    transform:none !important;
    box-shadow:none !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3{
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:15px !important;
    padding:18px 20px 18px 18px !important;
    overflow:hidden !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-text-v3{
    min-width:0 !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-rail-v3{
    display:none !important;
}

/* aktives Feld bekommt rechts den integrierten Action-Bereich */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
    grid-template-columns:42px minmax(0,1fr) 48px !important;
    gap:15px !important;
    padding:18px 0 18px 18px !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-text-v3{
    padding-right:4px !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:stretch !important;
    width:48px !important;
    min-width:48px !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    border:none !important;
    border-left:1px solid rgba(255,226,0,0.28) !important;
    border-radius:0 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%),
        repeating-linear-gradient(-45deg, rgba(255,226,0,0.08) 0 9px, rgba(255,226,0,0.015) 9px 18px),
        linear-gradient(90deg, rgba(255,255,255,0.015) 0%, rgba(255,226,0,0.12) 100%) !important;
    box-shadow:
        inset 1px 0 0 rgba(255,255,255,0.04),
        inset 0 1px 0 rgba(255,255,255,0.03) !important;
    cursor:pointer !important;
    overflow:hidden !important;
    z-index:4 !important;
    transition:background .22s ease, box-shadow .22s ease !important;
}

/* feine innere Lichtkante links im CTA-Bereich */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:8px !important;
    bottom:8px !important;
    width:1px !important;
    background:linear-gradient(180deg, rgba(255,226,0,0) 0%, rgba(255,226,0,0.34) 20%, rgba(255,226,0,0.48) 50%, rgba(255,226,0,0.34) 80%, rgba(255,226,0,0) 100%) !important;
}

/* alte Stripe-Fl�che ausblenden */
html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-rail-stripes-v3{
    display:none !important;
}

/* klarer, sauberer Pfeil */
html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-rail-chevron-v3{
    display:block !important;
    position:static !important;
    font-size:28px !important;
    line-height:1 !important;
    font-weight:700 !important;
    color:#FFE200 !important;
    text-shadow:0 0 14px rgba(255,226,0,0.20) !important;
    transform:translateX(0) !important;
    transition:transform .18s ease, text-shadow .18s ease !important;
}

/* Hover / Fokus etwas lebendiger, aber nicht kitschig */
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active:hover .oct-select-choice-rail-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3:hover,
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3:focus{
    background:
        linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.015) 100%),
        repeating-linear-gradient(-45deg, rgba(255,226,0,0.12) 0 9px, rgba(255,226,0,0.025) 9px 18px),
        linear-gradient(90deg, rgba(255,255,255,0.015) 0%, rgba(255,226,0,0.18) 100%) !important;
    box-shadow:
        inset 1px 0 0 rgba(255,255,255,0.05),
        inset 0 1px 0 rgba(255,255,255,0.04),
        0 0 18px rgba(255,226,0,0.05) !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active:hover .oct-select-choice-rail-chevron-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3:hover .oct-select-choice-rail-chevron-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3:focus .oct-select-choice-rail-chevron-v3{
    transform:translateX(2px) !important;
    text-shadow:0 0 18px rgba(255,226,0,0.30) !important;
}

/* responsive feinjustierung */
@media (max-width:1600px){
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
        grid-template-columns:42px minmax(0,1fr) 44px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-cta-v3,
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3{
        width:44px !important;
        min-width:44px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-rail-chevron-v3{
        font-size:26px !important;
    }
}

@media (max-width:1400px){
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
        grid-template-columns:42px minmax(0,1fr) 40px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-cta-v3,
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3{
        width:40px !important;
        min-width:40px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-rail-chevron-v3{
        font-size:24px !important;
    }
}



/* =========================================================
   V3.42 � FIX F�R ALTE CHEVRON/KREIS/STRETCH-RESTE
========================================================= */

html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3:hover{
    width:48px !important;
    min-width:48px !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-rail-chevron-v3{
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:none !important;
    border-radius:0 !important;
    background:none !important;
    box-shadow:none !important;
    color:#FFE200 !important;
}

@media (max-width:1600px){
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3,
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3:hover{
        width:44px !important;
        min-width:44px !important;
    }
}

@media (max-width:1400px){
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3,
    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active .oct-select-choice-rail-v3:hover{
        width:40px !important;
        min-width:40px !important;
    }
}



/* =========================================================
   V3.43 � RESET RECHTE CTA / CTA WIEDER AM MOTOR
   Wunsch:
   - rechte Felder wieder normal / sauber
   - kein Weiter-Bereich mehr rechts
   - CTA direkt beim Motor
   - gut sichtbar
   - ungef�hr etwas unter Mitte des aktiven Motors
========================================================= */

/* rechte Zusatz-CTA in den Karten komplett weg */
html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-rail-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-rail-stripes-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-rail-chevron-v3{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

/* Choice-Felder wieder sauber normal */
html body .oct-home-select-hero-v3 .oct-select-choice-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3:hover,
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:15px !important;
    min-height:92px !important;
    padding:18px 20px 18px 18px !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
    min-height:108px !important;
}

/* alte Center-/Dock-Reste hart abschalten */
html body .oct-home-select-hero-v3 .oct-select-detail-dock-v3,
html body .oct-home-select-hero-v3 .oct-select-detail-kicker-v3,
html body .oct-home-select-hero-v3 .oct-select-detail-title-v3,
html body .oct-home-select-hero-v3 .oct-select-detail-spec-v3,
html body .oct-home-select-hero-v3 .oct-select-detail-button-v3,
html body .oct-home-select-hero-v3 .oct-select-center-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-stage-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-motor-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-propeller-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-detail-overlay-v3{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

/* neuer CTA direkt am aktiven Motor */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
    position:absolute !important;
    left:50% !important;
    top:67% !important;
    transform:translate(-50%, -50%) !important;
    z-index:40 !important;

    display:inline-flex !important;
    align-items:center !important;
    gap:12px !important;

    min-width:220px !important;
    padding:14px 20px !important;

    border-radius:999px !important;
    border:1px solid rgba(255,226,0,0.28) !important;
    background:
        linear-gradient(180deg, rgba(16,29,44,0.96) 0%, rgba(7,14,23,0.94) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 14px 34px rgba(0,0,0,0.34),
        0 0 26px rgba(255,226,0,0.08) !important;

    text-decoration:none !important;
    color:#ffffff !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    cursor:pointer !important;
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease,
        background .22s ease !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before{
    content:"" !important;
    position:absolute !important;
    left:12px !important;
    right:12px !important;
    top:0 !important;
    height:1px !important;
    background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.06) 12%, rgba(255,226,0,0.22) 50%, rgba(255,255,255,0.06) 88%, transparent 100%) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    border-radius:inherit !important;
    background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.00) 34%, rgba(255,255,255,0.05) 50%, rgba(255,226,0,0.06) 58%, transparent 100%) !important;
    opacity:0.8 !important;
    pointer-events:none !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
    position:relative !important;
    z-index:2 !important;
    display:inline-block !important;
    font-size:12px !important;
    line-height:1 !important;
    letter-spacing:0.14em !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    color:#ffffff !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-arrow-v3{
    position:relative !important;
    z-index:2 !important;
    width:34px !important;
    height:34px !important;
    border-radius:50% !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 34px !important;
    font-size:18px !important;
    line-height:1 !important;
    font-weight:700 !important;
    color:#111111 !important;
    background:linear-gradient(180deg, #ffe200 0%, #f0cb00 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.28),
        0 0 16px rgba(255,226,0,0.20) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover{
    transform:translate(-50%, -50%) !important;
    border-color:rgba(255,226,0,0.44) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.10),
        0 18px 36px rgba(0,0,0,0.38),
        0 0 34px rgba(255,226,0,0.12) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-arrow-v3{
    transform:translateX(2px) !important;
}

/* etwas tiefer/feiner auf kleineren Screens */
@media (max-width:1600px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:68% !important;
        min-width:208px !important;
        padding:13px 18px !important;
    }
}

@media (max-width:1400px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:69% !important;
        min-width:194px !important;
        padding:12px 17px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:11px !important;
        letter-spacing:0.12em !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-arrow-v3{
        width:31px !important;
        height:31px !important;
        flex-basis:31px !important;
    }
}



/* =========================================================
   V3.44 � ANGULAR MOTOR CTA / NO YELLOW DEFAULT
   Vorgabe:
   - rechte Felder wieder normal
   - kein CTA rechts in den Feldern
   - CTA direkt beim Motor
   - eckig / technisch / passend zu Seite 107
   - KEIN Gelb im Normalzustand
   - Gelb erst bei Hover
========================================================= */

/* rechte Karten-CTA komplett deaktivieren */
html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-rail-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-rail-stripes-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3 .oct-select-choice-rail-chevron-v3{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
}

/* rechte Felder wieder sauber / normal */
html body .oct-home-select-hero-v3 .oct-select-choice-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3:hover,
html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
    grid-template-columns:42px minmax(0,1fr) !important;
    gap:15px !important;
    padding:18px 20px 18px 18px !important;
}

html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
    min-height:108px !important;
}

/* alte runde / gelbe Motor-CTA-Optik �berschreiben */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
    position:absolute !important;
    left:50% !important;
    top:66.5% !important;
    transform:translate(-50%, -50%) !important;
    z-index:42 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;

    min-width:232px !important;
    height:48px !important;
    padding:0 18px 0 20px !important;

    border-radius:0 !important;
    border:1px solid rgba(222,237,248,0.30) !important;
    border-left:2px solid rgba(222,237,248,0.38) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.070) 0%,
            rgba(255,255,255,0.030) 34%,
            rgba(5,12,20,0.86) 100%
        ),
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,0.022) 0px,
            rgba(255,255,255,0.022) 1px,
            rgba(255,255,255,0.000) 2px,
            rgba(255,255,255,0.000) 9px
        ) !important;

    box-shadow:
        0 18px 38px rgba(0,0,0,0.34),
        inset 0 0 0 1px rgba(255,255,255,0.035) !important;

    text-decoration:none !important;
    color:#ffffff !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    cursor:pointer !important;

    transition:
        transform .28s ease,
        border-color .28s ease,
        border-left-color .28s ease,
        background .28s ease,
        box-shadow .28s ease !important;
}

/* technische obere Linie, silber/wei� � kein Gelb */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:0 !important;
    height:1px !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(228,240,248,0.24) 18%,
            rgba(255,255,255,0.32) 50%,
            rgba(228,240,248,0.24) 82%,
            transparent 100%
        ) !important;
    pointer-events:none !important;
}

/* dezenter Sweep, normal fast unsichtbar */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
    content:"" !important;
    position:absolute !important;
    left:-80% !important;
    top:0 !important;
    width:42% !important;
    height:100% !important;
    transform:skewX(-18deg) !important;
    background:
        linear-gradient(
            105deg,
            transparent 0%,
            rgba(255,255,255,0.00) 24%,
            rgba(255,255,255,0.14) 50%,
            rgba(255,255,255,0.00) 76%,
            transparent 100%
        ) !important;
    opacity:0 !important;
    pointer-events:none !important;
}

/* Text */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
    position:relative !important;
    z-index:2 !important;
    display:inline-block !important;
    font-size:12px !important;
    line-height:1 !important;
    letter-spacing:0.16em !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    color:rgba(255,255,255,0.92) !important;
}

/* Arrow als eckiger technischer Block, im Normalzustand silber/wei� */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-arrow-v3{
    position:relative !important;
    z-index:2 !important;

    width:38px !important;
    height:30px !important;
    flex:0 0 38px !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    border-radius:0 !important;
    border:1px solid rgba(222,237,248,0.28) !important;
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,0.090) 0%,
            rgba(255,255,255,0.035) 100%
        ) !important;

    color:rgba(255,255,255,0.92) !important;
    font-size:17px !important;
    line-height:1 !important;
    font-weight:700 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 8px 18px rgba(0,0,0,0.22) !important;

    transition:
        transform .28s ease,
        color .28s ease,
        border-color .28s ease,
        background .28s ease,
        box-shadow .28s ease !important;
}

/* Hover: erst hier Gelb */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover{
    transform:translate(-50%, -50%) !important;
    border-color:rgba(255,226,0,0.42) !important;
    border-left-color:rgba(255,226,0,0.85) !important;

    background:
        linear-gradient(
            135deg,
            rgba(255,226,0,0.075) 0%,
            rgba(255,255,255,0.045) 32%,
            rgba(5,12,20,0.90) 100%
        ),
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,0.026) 0px,
            rgba(255,255,255,0.026) 1px,
            rgba(255,255,255,0.000) 2px,
            rgba(255,255,255,0.000) 9px
        ) !important;

    box-shadow:
        0 22px 46px rgba(0,0,0,0.40),
        0 0 26px rgba(255,226,0,0.095),
        inset 0 0 0 1px rgba(255,255,255,0.045) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover::before{
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,226,0,0.20) 20%,
            rgba(255,226,0,0.55) 50%,
            rgba(255,226,0,0.20) 80%,
            transparent 100%
        ) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover::after{
    animation:octMotorEntrySweepV344 .85s ease-out forwards !important;
}

@keyframes octMotorEntrySweepV344{
    0%{
        left:-80%;
        opacity:0;
    }
    18%{
        opacity:.45;
    }
    100%{
        left:120%;
        opacity:0;
    }
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-arrow-v3{
    transform:translateX(4px) !important;
    color:#111111 !important;
    border-color:#FFE200 !important;
    background:#FFE200 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.28),
        0 0 18px rgba(255,226,0,0.24) !important;
}

/* position f�r gro�e Desktop-Ansichten */
@media (min-width:1921px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:66.8% !important;
        min-width:248px !important;
        height:50px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:12.5px !important;
    }
}

/* 1920 */
@media (max-width:1920px) and (min-width:1401px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:67.5% !important;
        min-width:226px !important;
        height:46px !important;
    }
}

/* Tablet/Mobile */
@media (max-width:1199px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:72% !important;
        min-width:214px !important;
        height:44px !important;
    }
}

@media (max-width:767px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:75% !important;
        min-width:196px !important;
        height:42px !important;
        padding:0 14px 0 16px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:10.5px !important;
        letter-spacing:0.13em !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-arrow-v3{
        width:34px !important;
        height:28px !important;
        flex-basis:34px !important;
    }
}



/* =========================================================
   V3.45 � VISIBLE BLACK MOTOR CTA / NO ARROW
   Wunsch:
   - CTA besser sichtbar
   - teiltransparent schwarzer Hintergrund
   - hellgrauer bis mittelgrauer Rahmen
   - Pfeil weg
   - Hover mit sch�ner Bewegung / Schriftwirkung
========================================================= */

/* Arrow komplett weg */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-arrow-v3{
    display:none !important;
}

/* CTA deutlich sichtbarer, kantig, schwarz-transparent */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
    top:65.5% !important;
    min-width:250px !important;
    height:52px !important;
    padding:0 28px !important;
    gap:0 !important;

    border-radius:0 !important;
    border:1px solid rgba(205,218,228,0.58) !important;
    border-left:2px solid rgba(232,240,247,0.72) !important;
    border-right:2px solid rgba(145,162,176,0.40) !important;

    background:
        linear-gradient(
            135deg,
            rgba(0,0,0,0.76) 0%,
            rgba(5,10,16,0.68) 44%,
            rgba(0,0,0,0.78) 100%
        ) !important;

    box-shadow:
        0 18px 34px rgba(0,0,0,0.48),
        inset 0 1px 0 rgba(255,255,255,0.10),
        inset 0 -1px 0 rgba(0,0,0,0.55),
        0 0 0 1px rgba(255,255,255,0.020) !important;

    backdrop-filter:blur(4px) !important;
    -webkit-backdrop-filter:blur(4px) !important;
}

/* klare technische Linien, grau/silber */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before{
    content:"" !important;
    position:absolute !important;
    left:14px !important;
    right:14px !important;
    top:0 !important;
    height:1px !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(230,240,248,0.20) 12%,
            rgba(255,255,255,0.72) 50%,
            rgba(230,240,248,0.20) 88%,
            transparent 100%
        ) !important;
}

/* dezente Schr�gstruktur innen */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    transform:none !important;
    width:auto !important;
    height:auto !important;
    left:0 !important;
    top:0 !important;
    opacity:.34 !important;
    background:
        repeating-linear-gradient(
            115deg,
            rgba(255,255,255,0.000) 0px,
            rgba(255,255,255,0.000) 8px,
            rgba(255,255,255,0.075) 9px,
            rgba(255,255,255,0.075) 10px,
            rgba(255,255,255,0.000) 11px,
            rgba(255,255,255,0.000) 18px
        ) !important;
    pointer-events:none !important;
}

/* Text gr��er und klarer */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
    position:relative !important;
    z-index:3 !important;

    font-size:13px !important;
    line-height:1 !important;
    letter-spacing:0.17em !important;
    font-weight:900 !important;
    color:rgba(255,255,255,0.96) !important;

    text-shadow:
        0 4px 16px rgba(0,0,0,0.58),
        0 0 10px rgba(255,255,255,0.07) !important;

    transition:
        transform .28s ease,
        letter-spacing .28s ease,
        color .28s ease,
        text-shadow .28s ease !important;
}

/* kleine dezente Unterlinie */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:-10px !important;
    width:54px !important;
    height:1px !important;
    transform:translateX(-50%) !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(210,224,235,0.40) 12%,
            rgba(255,255,255,0.80) 50%,
            rgba(210,224,235,0.40) 88%,
            transparent 100%
        ) !important;
    opacity:.85 !important;
    transition:
        width .28s ease,
        background .28s ease,
        opacity .28s ease !important;
}

/* Hover: Bewegung und erst dann Gelb-Akzent */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover{
    transform:translate(-50%, -50%) !important;

    border-color:rgba(255,226,0,0.48) !important;
    border-left-color:rgba(255,226,0,0.86) !important;
    border-right-color:rgba(255,226,0,0.38) !important;

    background:
        linear-gradient(
            135deg,
            rgba(0,0,0,0.82) 0%,
            rgba(13,18,22,0.76) 44%,
            rgba(0,0,0,0.84) 100%
        ) !important;

    box-shadow:
        0 22px 42px rgba(0,0,0,0.54),
        0 0 28px rgba(255,226,0,0.10),
        inset 0 1px 0 rgba(255,255,255,0.12),
        inset 0 -1px 0 rgba(0,0,0,0.58) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3{
    transform:scale(1.045) !important;
    letter-spacing:0.20em !important;
    color:#ffffff !important;
    text-shadow:
        0 5px 18px rgba(0,0,0,0.62),
        0 0 16px rgba(255,226,0,0.13) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3::after{
    width:92px !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,226,0,0.30) 12%,
            rgba(255,226,0,0.92) 50%,
            rgba(255,226,0,0.30) 88%,
            transparent 100%
        ) !important;
    opacity:1 !important;
}

/* 1920 */
@media (max-width:1920px) and (min-width:1401px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:66.5% !important;
        min-width:238px !important;
        height:50px !important;
        padding:0 25px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:12.5px !important;
    }
}

/* Tablet/Mobile */
@media (max-width:1199px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:72% !important;
        min-width:218px !important;
        height:48px !important;
    }
}

@media (max-width:767px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        min-width:198px !important;
        height:44px !important;
        padding:0 18px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:11px !important;
        letter-spacing:0.14em !important;
    }
}



/* =========================================================
   V3.46 � LINE MOTOR SELECT CTA
   - kein Button-/Formular-Look
   - keine Box um den CTA
   - CTA unter dem Motor
   - technische Linie: � MOTOR AUSW�HLEN �
   - Schrift leichter/h�her/passender
   - Gelb erst bei Hover
========================================================= */

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
    position:absolute !important;
    left:50% !important;
    top:76.5% !important;
    transform:translateX(-50%) !important;
    z-index:48 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:17px !important;

    min-width:0 !important;
    width:auto !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;

    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;

    text-decoration:none !important;
    cursor:pointer !important;
    overflow:visible !important;

    transition:transform .32s ease, opacity .32s ease !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
    content:"" !important;
    position:relative !important;
    display:block !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:52px !important;
    height:1px !important;
    flex:0 0 52px !important;
    transform:none !important;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(230,240,248,0.34) 22%,
            rgba(255,255,255,0.72) 50%,
            rgba(230,240,248,0.34) 78%,
            transparent 100%
        ) !important;

    opacity:.86 !important;
    box-shadow:none !important;
    pointer-events:none !important;

    transition:
        width .32s ease,
        flex-basis .32s ease,
        background .32s ease,
        opacity .32s ease,
        box-shadow .32s ease !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-arrow-v3{
    display:none !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
    position:relative !important;
    z-index:2 !important;

    display:inline-block !important;
    padding:0 !important;
    margin:0 !important;

    font-family:inherit !important;
    font-size:13.5px !important;
    line-height:1.15 !important;
    font-weight:700 !important;
    letter-spacing:0.12em !important;
    text-transform:uppercase !important;

    color:rgba(255,255,255,0.84) !important;
    text-shadow:
        0 5px 18px rgba(0,0,0,0.62),
        0 0 10px rgba(255,255,255,0.045) !important;

    transition:
        color .32s ease,
        letter-spacing .32s ease,
        transform .32s ease,
        text-shadow .32s ease !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
    content:none !important;
    display:none !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover{
    transform:translate(-50%, -50%) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover::after{
    width:78px !important;
    flex-basis:78px !important;

    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,226,0,0.20) 18%,
            rgba(255,226,0,0.92) 50%,
            rgba(255,226,0,0.20) 82%,
            transparent 100%
        ) !important;

    opacity:1 !important;
    box-shadow:0 0 14px rgba(255,226,0,0.20) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3{
    color:#ffffff !important;
    letter-spacing:0.16em !important;
    transform:scale(1.035) !important;
    text-shadow:
        0 6px 20px rgba(0,0,0,0.66),
        0 0 16px rgba(255,226,0,0.13) !important;
}

@media (min-width:1921px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:76% !important;
        gap:20px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:14.5px !important;
        letter-spacing:0.13em !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before,
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
        width:64px !important;
        flex-basis:64px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover::before,
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover::after{
        width:96px !important;
        flex-basis:96px !important;
    }
}

@media (max-width:1199px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:79% !important;
        gap:14px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before,
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
        width:38px !important;
        flex-basis:38px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:12px !important;
        letter-spacing:0.11em !important;
    }
}

@media (max-width:767px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:81% !important;
        gap:10px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before,
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
        width:26px !important;
        flex-basis:26px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:11px !important;
        letter-spacing:0.09em !important;
    }
}



/* =========================================================
   V3.48 � LINE CTA LOWER UNDER MOTOR
   Basis: V3.46, also die sch�ne Linien-Variante.
   �nderung:
   - NICHT wieder Box/Button
   - CTA nur deutlich weiter runter, unter den Motor
   - dadurch sichtbar und nicht �ber dem Propeller
========================================================= */

/* V3.46-Linienoptik behalten, nur Position/Lesbarkeit korrigieren */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
    top:84% !important;
    z-index:70 !important;
}

/* etwas st�rker sichtbar, aber weiterhin keine Box */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
    font-size:14.5px !important;
    font-weight:700 !important;
    letter-spacing:0.115em !important;
    color:rgba(255,255,255,0.92) !important;
    text-shadow:
        0 5px 18px rgba(0,0,0,0.78),
        0 0 12px rgba(255,255,255,0.08) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
    width:66px !important;
    flex-basis:66px !important;
    opacity:.96 !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(230,240,248,0.44) 20%,
            rgba(255,255,255,0.82) 50%,
            rgba(230,240,248,0.44) 80%,
            transparent 100%
        ) !important;
}

/* Hover wie gehabt, nur minimal st�rker sichtbar */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover::after{
    width:98px !important;
    flex-basis:98px !important;
    box-shadow:0 0 16px rgba(255,226,0,0.24) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3{
    letter-spacing:0.15em !important;
}

/* 2560+ */
@media (min-width:1921px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:83.5% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:15px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before,
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
        width:76px !important;
        flex-basis:76px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover::before,
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover::after{
        width:112px !important;
        flex-basis:112px !important;
    }
}

/* 1920 */
@media (max-width:1920px) and (min-width:1401px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:85% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:14px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before,
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
        width:60px !important;
        flex-basis:60px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover::before,
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover::after{
        width:88px !important;
        flex-basis:88px !important;
    }
}

/* kleinere Screens */
@media (max-width:1199px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:86% !important;
    }
}

@media (max-width:767px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:88% !important;
    }
}



/* =========================================================
   V3.49 � CTA DIREKT UNTER DEM MOTOR
   Korrektur:
   - KEIN Bild / KEIN neuer Button
   - die sch�ne Linien-Variante bleibt
   - CTA sitzt jetzt deutlich UNTER dem Motor mit Respektabstand
   - gr��er und besser sichtbar wie im gezeigten Zielbild
========================================================= */

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
    top:88.5% !important;
    z-index:90 !important;
    gap:26px !important;
}

/* Text gr��er, besser lesbar */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
    font-size:18px !important;
    line-height:1.12 !important;
    font-weight:700 !important;
    letter-spacing:0.24em !important;
    color:rgba(255,255,255,0.92) !important;
    text-shadow:
        0 6px 22px rgba(0,0,0,0.78),
        0 0 16px rgba(255,255,255,0.10) !important;
}

/* l�ngere Linien links/rechts */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
    width:120px !important;
    flex-basis:120px !important;
    height:1px !important;
    opacity:.95 !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(220,234,244,0.26) 16%,
            rgba(255,255,255,0.72) 50%,
            rgba(220,234,244,0.26) 84%,
            transparent 100%
        ) !important;
}

/* zus�tzliche feine Linie oben/unten wie im Zielbild */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    width:390px !important;
    height:1px !important;
    transform:translateX(-50%) !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(220,234,244,0.18) 12%,
            rgba(255,255,255,0.42) 50%,
            rgba(220,234,244,0.18) 88%,
            transparent 100%
        ) !important;
    opacity:.7 !important;
    pointer-events:none !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::before{
    top:-20px !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
    bottom:-20px !important;
}

/* Hover: gelb nur dann, mit Bewegung */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover{
    transform:translate(-50%, -50%) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover::after{
    width:150px !important;
    flex-basis:150px !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,226,0,0.18) 16%,
            rgba(255,226,0,0.86) 50%,
            rgba(255,226,0,0.18) 84%,
            transparent 100%
        ) !important;
    box-shadow:0 0 16px rgba(255,226,0,0.22) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3{
    color:#ffffff !important;
    letter-spacing:0.28em !important;
    transform:scale(1.035) !important;
    text-shadow:
        0 7px 24px rgba(0,0,0,0.82),
        0 0 18px rgba(255,226,0,0.16) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3::after{
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,226,0,0.13) 12%,
            rgba(255,226,0,0.58) 50%,
            rgba(255,226,0,0.13) 88%,
            transparent 100%
        ) !important;
    opacity:1 !important;
}

/* 2560+ */
@media (min-width:1921px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:88% !important;
        gap:30px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:19px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before,
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
        width:140px !important;
        flex-basis:140px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::before,
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
        width:460px !important;
    }
}

/* 1920 */
@media (max-width:1920px) and (min-width:1401px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:89.5% !important;
        gap:24px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:17px !important;
        letter-spacing:0.22em !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before,
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
        width:105px !important;
        flex-basis:105px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::before,
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
        width:340px !important;
    }
}

/* kleinere Screens */
@media (max-width:1199px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:91% !important;
        gap:16px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:14px !important;
        letter-spacing:0.16em !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before,
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
        width:52px !important;
        flex-basis:52px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::before,
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
        width:230px !important;
    }
}



/* =========================================================
   V3.50 � BILD 1 / MOTORAUSWAHL DIREKT UNTER MOTOR
   - komplette Feinjustierung auf Basis V3.49
   - CTA etwas weiter nach unten
   - wei�e/gelbe Linie liegt UNTER dem Text
   - keine Linie mehr �ber oder durch den Text
========================================================= */

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
    top:91.5% !important;
    z-index:95 !important;
    gap:0 !important;
    align-items:center !important;
    justify-content:center !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    min-width:0 !important;
    height:auto !important;
    padding:0 !important;
    overflow:visible !important;
}

/* seitliche/obere Linien der alten Varianten weg */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
    display:none !important;
    content:none !important;
}

/* Text sauber frei, Linie darunter */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
    position:relative !important;
    z-index:3 !important;
    display:block !important;
    padding:0 28px 13px 28px !important;
    margin:0 !important;
    background:transparent !important;
    font-size:18px !important;
    line-height:1 !important;
    letter-spacing:0.24em !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    color:rgba(255,255,255,0.94) !important;
    text-shadow:
        0 4px 18px rgba(0,0,0,0.54),
        0 0 18px rgba(255,255,255,0.10) !important;
}

/* Linie NUR unter dem Text */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:0 !important;
    transform:translateX(-50%) !important;
    pointer-events:none !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::before{
    width:420px !important;
    height:1px !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,0.20) 20%,
            rgba(255,255,255,0.36) 43%,
            rgba(255,226,0,0.80) 50%,
            rgba(255,255,255,0.36) 57%,
            rgba(255,255,255,0.20) 80%,
            transparent 100%
        ) !important;
    box-shadow:0 0 14px rgba(255,226,0,0.16) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
    width:38px !important;
    height:2px !important;
    border-radius:999px !important;
    background:rgba(255,226,0,0.92) !important;
    box-shadow:
        0 0 10px rgba(255,226,0,0.30),
        0 0 24px rgba(255,226,0,0.14) !important;
}

/* Hover: subtil, aber sichtbar */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover{
    transform:translate(-50%, -50%) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3{
    color:#ffffff !important;
    letter-spacing:0.27em !important;
    text-shadow:
        0 5px 20px rgba(0,0,0,0.58),
        0 0 22px rgba(255,255,255,0.16),
        0 0 18px rgba(255,226,0,0.13) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3::before{
    width:470px !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,0.24) 18%,
            rgba(255,255,255,0.46) 42%,
            rgba(255,226,0,0.98) 50%,
            rgba(255,255,255,0.46) 58%,
            rgba(255,255,255,0.24) 82%,
            transparent 100%
        ) !important;
}

/* 1920 */
@media (max-width:1920px) and (min-width:1401px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:92.2% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:17px !important;
        letter-spacing:0.22em !important;
        padding-bottom:12px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::before{
        width:360px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3::before{
        width:400px !important;
    }
}

/* 2560+ */
@media (min-width:1921px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:90.8% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:19px !important;
        letter-spacing:0.25em !important;
        padding-bottom:14px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::before{
        width:460px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3::before{
        width:510px !important;
    }
}

/* Tablet/Mobile */
@media (max-width:1199px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:91.5% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:14px !important;
        letter-spacing:0.16em !important;
        padding-bottom:11px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::before{
        width:250px !important;
    }
}

@media (max-width:767px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:92.5% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:11px !important;
        letter-spacing:0.13em !important;
        padding:0 14px 10px 14px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::before{
        width:190px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
        width:30px !important;
    }
}



/* =========================================================
   V3.51 � MOTORAUSWAHL LINE FIX
   - obere Linie komplett weg
   - nur die sch�ne untere Linie bleibt
   - schwarze Hover-Fl�che hinter der Schrift komplett entfernt
========================================================= */

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
    top:92.2% !important;
    z-index:95 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
    display:none !important;
    content:none !important;
    opacity:0 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
    position:relative !important;
    display:inline-block !important;
    padding:0 28px 13px 28px !important;
    margin:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    isolation:isolate !important;
}

/* obere Linie / schwarze Fl�che endg�ltig deaktivieren */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::before{
    display:none !important;
    content:none !important;
    opacity:0 !important;
    width:0 !important;
    height:0 !important;
    background:none !important;
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

/* NUR untere Linie */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:0 !important;
    display:block !important;
    width:420px !important;
    height:1px !important;
    transform:translateX(-50%) !important;
    pointer-events:none !important;
    opacity:1 !important;
    border:0 !important;
    border-radius:0 !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,0.20) 20%,
            rgba(255,255,255,0.36) 43%,
            rgba(255,226,0,0.86) 50%,
            rgba(255,255,255,0.36) 57%,
            rgba(255,255,255,0.20) 80%,
            transparent 100%
        ) !important;
    box-shadow:0 0 14px rgba(255,226,0,0.16) !important;
}

/* Hover: nur Text/untere Linie, keine Fl�che */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus-visible{
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    transform:translate(-50%, -50%) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus .oct-select-motor-entry-label-v3,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus-visible .oct-select-motor-entry-label-v3{
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    color:#ffffff !important;
    letter-spacing:0.27em !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus .oct-select-motor-entry-label-v3::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus-visible .oct-select-motor-entry-label-v3::before{
    display:none !important;
    content:none !important;
    opacity:0 !important;
    background:none !important;
    box-shadow:none !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3::after,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus .oct-select-motor-entry-label-v3::after,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus-visible .oct-select-motor-entry-label-v3::after{
    width:470px !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,0.24) 18%,
            rgba(255,255,255,0.46) 42%,
            rgba(255,226,0,0.98) 50%,
            rgba(255,255,255,0.46) 58%,
            rgba(255,255,255,0.24) 82%,
            transparent 100%
        ) !important;
}

@media (max-width:1920px) and (min-width:1401px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:92.4% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
        width:360px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3::after{
        width:400px !important;
    }
}

@media (min-width:1921px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:91.0% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
        width:460px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3::after{
        width:510px !important;
    }
}

@media (max-width:1199px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:91.7% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
        width:250px !important;
    }
}

@media (max-width:767px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:92.6% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        padding:0 14px 10px 14px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
        width:190px !important;
    }
}



/* =========================================================
   V3.52 � VERADO TESTLINK + RIGHT EDGE CLEANUP
   - Verado-Motor und Verado-Feld gehen testweise auf Seite 107
   - komische rechte Mini-Ecken / Dreiecke an den Karten entfernt
   - Motorauswahl-CTA nutzt automatisch die aktive data-oct-url
========================================================= */

/* rechte Deko-/Rail-Artefakte komplett ausblenden */
html body .oct-home-select-hero-v3 .oct-select-choice-rail-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-cta-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-rail-stripes-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-rail-chevron-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-rail-v3::before,
html body .oct-home-select-hero-v3 .oct-select-choice-rail-v3::after,
html body .oct-home-select-hero-v3 .oct-select-choice-cta-v3::before,
html body .oct-home-select-hero-v3 .oct-select-choice-cta-v3::after,
html body .oct-home-select-hero-v3 .oct-select-choice-rail-stripes-v3::before,
html body .oct-home-select-hero-v3 .oct-select-choice-rail-stripes-v3::after,
html body .oct-home-select-hero-v3 .oct-select-choice-rail-chevron-v3::before,
html body .oct-home-select-hero-v3 .oct-select-choice-rail-chevron-v3::after{
    display:none !important;
    content:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
}

/* Karten rechts sauber abschlie�en lassen */
html body .oct-home-select-hero-v3 .oct-select-choice-v3{
    overflow:hidden !important;
    clip-path:none !important;
}

/* eventuell geerbte Ecke/Notch an der rechten Kante neutralisieren */
html body .oct-home-select-hero-v3 .oct-select-choice-v3::after{
    display:none !important;
    content:none !important;
    opacity:0 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
}

/* Verado-Link-Hardlock, falls irgendwo sp�ter noch alte URLs greifen */
html body .oct-home-select-hero-v3 .oct-select-motor-link-v3.motor-verado{
    cursor:pointer !important;
}



/* =========================================================
   V3.59 � SPACING FIX MOTOR / PFEILE / RECHTE FELDER
   - 1920 Desktop: Motoren minimal kleiner
   - �u�ere Motoren etwas n�her zur Mitte
   - Pfeile etwas weiter au�en
   - rechte Felder schm�ler und weiter rechts
   - Ziel: mehr Luft zwischen Pfeil / Motor / Auswahlfeld
========================================================= */

@media (max-width:1920px) and (min-width:1401px){

    /* rechte Spalte: Felder schm�ler + weiter nach rechts */
    html body .oct-home-select-hero-v3 .oct-select-grid-v3{
        grid-template-columns:minmax(350px, 0.78fr) minmax(520px, 1.18fr) minmax(285px, 0.58fr) !important;
        gap:42px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choices-v3{
        max-width:305px !important;
        justify-self:end !important;
        transform:translateX(10px) !important;
        gap:16px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-v3{
        min-height:88px !important;
        padding:16px 16px 16px 15px !important;
        grid-template-columns:38px 1fr !important;
        gap:13px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-v3.is-active{
        min-height:96px !important;
        padding:17px 16px 17px 15px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-icon-v3{
        width:38px !important;
        height:38px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-text-v3 h3{
        font-size:17px !important;
        line-height:1.18 !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-choice-text-v3 p{
        font-size:13px !important;
        line-height:1.34 !important;
    }

    /* B�hne: Motoren etwas kleiner und enger zusammen */
    html body .oct-home-select-hero-v3 .oct-select-stage-v3{
        --oct-side-offset-v3:198px !important;
        --oct-center-top-v3:50% !important;
        --oct-side-top-v3:54% !important;
        min-height:610px !important;
        height:min(630px, calc(100vh - 170px)) !important;
    }

    /* Pfeile weiter nach au�en, aber rechte Karte bleibt durch Verschiebung frei */
    html body .oct-home-select-hero-v3 .oct-select-arrows-v3{
        left:50% !important;
        top:50% !important;
        width:770px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-prev{
        left:-34px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-next{
        right:-34px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3{
        width:52px !important;
        height:52px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrow-v3 span{
        font-size:34px !important;
    }

    /* Default / Verado aktiv */
    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado{
        left:50% !important;
        top:var(--oct-center-top-v3) !important;
        height:470px !important;
        transform:translate(-50%, -50%) scale(1) rotate(0deg) !important;
    }

    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v6,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v6{
        left:50% !important;
        top:var(--oct-side-top-v3) !important;
        height:360px !important;
        transform:translate(calc(-50% - var(--oct-side-offset-v3)), -50%) scale(0.86) rotate(-2.5deg) !important;
    }

    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v8,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v8{
        left:50% !important;
        top:var(--oct-side-top-v3) !important;
        height:374px !important;
        transform:translate(calc(-50% + var(--oct-side-offset-v3)), -50%) scale(0.84) rotate(2.2deg) !important;
    }

    /* V6 aktiv */
    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6{
        left:50% !important;
        top:var(--oct-center-top-v3) !important;
        height:466px !important;
        transform:translate(-50%, -50%) scale(1) rotate(0deg) !important;
    }

    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v8{
        left:50% !important;
        top:56% !important;
        height:352px !important;
        transform:translate(calc(-50% - var(--oct-side-offset-v3)), -50%) scale(0.80) rotate(-2deg) !important;
    }

    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-verado{
        left:50% !important;
        top:var(--oct-side-top-v3) !important;
        height:378px !important;
        transform:translate(calc(-50% + var(--oct-side-offset-v3)), -50%) scale(0.84) rotate(2deg) !important;
    }

    /* V8 aktiv */
    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8{
        left:50% !important;
        top:var(--oct-center-top-v3) !important;
        height:468px !important;
        transform:translate(-50%, -50%) scale(1) rotate(0deg) !important;
    }

    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-verado{
        left:50% !important;
        top:var(--oct-side-top-v3) !important;
        height:378px !important;
        transform:translate(calc(-50% - var(--oct-side-offset-v3)), -50%) scale(0.84) rotate(-2deg) !important;
    }

    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v6{
        left:50% !important;
        top:56% !important;
        height:352px !important;
        transform:translate(calc(-50% + var(--oct-side-offset-v3)), -50%) scale(0.80) rotate(2deg) !important;
    }

    /* Hover passend zu neuen Transform-Werten */
    html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado:hover,
    html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado:hover,
    html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6:hover,
    html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8:hover{
        transform:translate(-50%, -50%) scale(1.020) rotate(0deg) !important;
    }

    /* Halo/HUD passend kleiner */
    html body .oct-home-select-hero-v3 .oct-select-stage-glow-v3{
        left:50% !important;
        top:50% !important;
        width:620px !important;
        height:430px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-hud-v3{
        left:50% !important;
        top:50% !important;
        width:500px !important;
        height:500px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motors-v3::before{
        width:min(660px, 46vw) !important;
        height:440px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motors-v3::after{
        width:min(760px, 53vw) !important;
        height:330px !important;
    }
}

/* 2560+ nur minimal enger/luftiger, nicht zu klein machen */
@media (min-width:1921px){
    html body .oct-home-select-hero-v3 .oct-select-choices-v3{
        max-width:400px !important;
        justify-self:end !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-stage-v3{
        --oct-side-offset-v3: clamp(245px, 11.7vw, 310px) !important;
    }
}



/* =========================================================
   V3.60 � MOTORAUSWAHL CTA / 2560 POSITION FIX
   - Motorauswahl sitzt bei 2560 tiefer, nicht mehr in den Propeller
   - unten nur eine sch�ne d�nne Linie
   - gelber Lichtstreifen erscheint beim Hover
   - keine schwarze Fl�che / kein Kasten hinter der Schrift
   - 1920 bleibt kompakt, 2560 bekommt mehr Abstand nach unten
========================================================= */

/* CTA grunds�tzlich sauber und ohne Hintergrundfl�che */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
    z-index:95 !important;
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    overflow:visible !important;
    cursor:pointer !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
    display:none !important;
    content:none !important;
    opacity:0 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
    position:relative !important;
    display:inline-block !important;
    padding:0 32px 16px 32px !important;
    margin:0 !important;
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#ffffff !important;
    font-size:18px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:0.22em !important;
    text-transform:uppercase !important;
    text-shadow:
        0 3px 14px rgba(0,0,0,0.48),
        0 0 14px rgba(255,255,255,0.08) !important;
    overflow:visible !important;
}

/* Keine obere Linie / keine Fl�che */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::before{
    display:none !important;
    content:none !important;
    opacity:0 !important;
    background:none !important;
    border:0 !important;
    box-shadow:none !important;
}

/* Nur die untere Linie */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:0 !important;
    display:block !important;
    width:430px !important;
    height:1px !important;
    transform:translateX(-50%) !important;
    pointer-events:none !important;
    opacity:1 !important;
    border:0 !important;
    border-radius:999px !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,0.00) 10%,
            rgba(255,255,255,0.22) 25%,
            rgba(255,255,255,0.34) 43%,
            rgba(255,226,0,0.78) 50%,
            rgba(255,255,255,0.34) 57%,
            rgba(255,255,255,0.22) 75%,
            rgba(255,255,255,0.00) 90%,
            transparent 100%
        ) !important;
    box-shadow:
        0 0 8px rgba(255,255,255,0.06),
        0 0 14px rgba(255,226,0,0.12) !important;
    transition:
        width .38s cubic-bezier(.16,1,.3,1),
        height .38s cubic-bezier(.16,1,.3,1),
        background .38s ease,
        box-shadow .38s ease,
        opacity .38s ease !important;
}

/* Hover: Text minimal gr��er + gelber Lichtstreifen unten */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus-visible{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    transform:translate(-50%, -50%) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus .oct-select-motor-entry-label-v3,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus-visible .oct-select-motor-entry-label-v3{
    background:transparent !important;
    background-color:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#ffffff !important;
    letter-spacing:0.235em !important;
    text-shadow:
        0 4px 18px rgba(0,0,0,0.50),
        0 0 18px rgba(255,255,255,0.14) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3::after,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus .oct-select-motor-entry-label-v3::after,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus-visible .oct-select-motor-entry-label-v3::after{
    width:500px !important;
    height:2px !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,0.00) 8%,
            rgba(255,255,255,0.24) 22%,
            rgba(255,226,0,0.36) 38%,
            rgba(255,226,0,1.00) 50%,
            rgba(255,226,0,0.36) 62%,
            rgba(255,255,255,0.24) 78%,
            rgba(255,255,255,0.00) 92%,
            transparent 100%
        ) !important;
    box-shadow:
        0 0 18px rgba(255,226,0,0.35),
        0 0 38px rgba(255,226,0,0.16),
        0 8px 24px rgba(255,226,0,0.12) !important;
}

/* 1920 Desktop: unter dem Motor, aber nicht zu tief */
@media (max-width:1920px) and (min-width:1401px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:93.6% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:17px !important;
        letter-spacing:0.205em !important;
        padding:0 28px 14px 28px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
        width:365px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3::after{
        width:430px !important;
    }
}

/* 2560+ / gro�e Screens: deutlich tiefer, damit der Text nicht am Propeller klebt */
@media (min-width:1921px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:96.2% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:18px !important;
        letter-spacing:0.215em !important;
        padding:0 34px 17px 34px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
        width:450px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3::after{
        width:525px !important;
    }
}

/* etwas mehr Luft zwischen Motoren / Pfeilen / rechten Feldern auf sehr gro�en Screens */
@media (min-width:1921px){
    html body .oct-home-select-hero-v3 .oct-select-choices-v3{
        max-width:385px !important;
        justify-self:end !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-stage-v3{
        --oct-side-offset-v3: clamp(235px, 11.2vw, 298px) !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-arrows-v3{
        width:clamp(820px, 35vw, 980px) !important;
    }
}

@media (max-width:1199px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:93.2% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:13px !important;
        letter-spacing:0.15em !important;
        padding:0 18px 12px 18px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
        width:250px !important;
    }
}

@media (max-width:767px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:94.0% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:11px !important;
        letter-spacing:0.13em !important;
        padding:0 14px 10px 14px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
        width:190px !important;
    }
}



/* =========================================================
   V3.61 � MEHR DETAILS CTA FINAL
   - Text ge�ndert auf MEHR DETAILS
   - CTA bei 1920/2560 nochmals tiefer
   - linke/rechte Striche neben dem Text wieder sichtbar
   - gelber Hover-Lichtstreifen unten st�rker
   - keine schwarze Hover-Fl�che
========================================================= */

/* Sicherheit: Text auch bei per JS erzeugtem CTA korrekt setzen */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
    font-size:18px !important;
    letter-spacing:0.24em !important;
    padding:0 34px 18px 34px !important;
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    border:0 !important;
}

/* Seitenstriche links/rechts neben MEHR DETAILS */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    top:34% !important;
    width:118px !important;
    height:1px !important;
    opacity:0.82 !important;
    pointer-events:none !important;
    border:0 !important;
    background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.34) 46%, rgba(255,255,255,0.13) 100%) !important;
    box-shadow:0 0 10px rgba(255,255,255,0.045) !important;
    transition:opacity .35s ease, width .35s ease, background .35s ease, box-shadow .35s ease !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before{
    right:calc(100% - 18px) !important;
    transform:none !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
    left:calc(100% - 18px) !important;
    transform:scaleX(-1) !important;
}

/* Untere Linie bleibt, aber st�rkerer gelber Kern */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
    width:470px !important;
    height:1px !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,0.00) 8%,
            rgba(255,255,255,0.24) 22%,
            rgba(255,255,255,0.40) 39%,
            rgba(255,226,0,0.95) 50%,
            rgba(255,255,255,0.40) 61%,
            rgba(255,255,255,0.24) 78%,
            rgba(255,255,255,0.00) 92%,
            transparent 100%
        ) !important;
    box-shadow:
        0 0 10px rgba(255,255,255,0.07),
        0 0 18px rgba(255,226,0,0.18) !important;
}

/* Hover: keine Fl�che, nur st�rkeres Licht unten und minimaler Text-Punch */
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus-visible{
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    transform:translate(-50%, -50%) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover::after,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus::after,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus-visible::before,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus-visible::after{
    width:138px !important;
    opacity:1 !important;
    background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.42) 42%, rgba(255,226,0,0.34) 100%) !important;
    box-shadow:0 0 14px rgba(255,226,0,0.12) !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus .oct-select-motor-entry-label-v3,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus-visible .oct-select-motor-entry-label-v3{
    letter-spacing:0.24em !important;
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    border:0 !important;
}

html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3::after,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus .oct-select-motor-entry-label-v3::after,
html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:focus-visible .oct-select-motor-entry-label-v3::after{
    width:555px !important;
    height:2px !important;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(255,255,255,0.00) 6%,
            rgba(255,255,255,0.30) 18%,
            rgba(255,226,0,0.58) 35%,
            rgba(255,226,0,1.00) 50%,
            rgba(255,226,0,0.58) 65%,
            rgba(255,255,255,0.30) 82%,
            rgba(255,255,255,0.00) 94%,
            transparent 100%
        ) !important;
    box-shadow:
        0 0 24px rgba(255,226,0,0.52),
        0 0 54px rgba(255,226,0,0.22),
        0 8px 30px rgba(255,226,0,0.14) !important;
}

/* 1920: tiefer als V3.60 */
@media (max-width:1920px) and (min-width:1401px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:96.2% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:16px !important;
        letter-spacing:0.22em !important;
        padding:0 30px 16px 30px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before,
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
        width:88px !important;
        top:33% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
        width:390px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3::after{
        width:470px !important;
    }
}

/* 2560+: noch tiefer, weg vom Propeller */
@media (min-width:1921px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:101.2% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:18px !important;
        letter-spacing:0.24em !important;
        padding:0 34px 18px 34px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
        width:480px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3::after{
        width:565px !important;
    }
}

@media (max-width:1199px){
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3{
        top:96% !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3{
        font-size:12px !important;
        letter-spacing:0.16em !important;
        padding:0 18px 12px 18px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::before,
    html body .oct-home-select-hero-v3 .oct-select-motor-entry-v3::after{
        width:52px !important;
    }

    html body .oct-home-select-hero-v3 .oct-select-motor-entry-label-v3::after{
        width:250px !important;
    }
}

/* =========================================================
   MOBILE FIX v1 � force visible motors / 1-col layout
========================================================= */
@media (max-width: 1199px) {
  html body .oct-home-select-hero-v3 .oct-select-grid-v3 {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    max-width: 760px !important;
    margin: 0 auto !important;
  }

  html body .oct-home-select-hero-v3 .oct-select-choices-v3 {
    max-width: 100% !important;
    width: 100% !important;
    justify-self: center !important;
  }

  html body .oct-home-select-hero-v3 .oct-select-stage-v3 {
    min-height: 480px !important;
    overflow: visible !important;
  }

  html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-prev {
    left: 4px !important;
  }

  html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-next {
    right: 4px !important;
  }
}

@media (max-width: 767px) {
  html body .oct-home-select-hero-v3 {
    padding: 64px 16px 72px !important;
    overflow-x: clip !important;
  }

  html body .oct-home-select-hero-v3 .oct-select-copy-v3 {
    text-align: left !important;
    max-width: 100% !important;
  }

  html body .oct-home-select-hero-v3 .oct-select-kicker-v3 {
    font-size: 14px !important;
  }

  html body .oct-home-select-hero-v3 .oct-select-title-v3 {
    font-size: clamp(26px, 7.5vw, 34px) !important;
    line-height: 1.1 !important;
  }

  html body .oct-home-select-hero-v3 .oct-select-lead-v3 {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  html body .oct-home-select-hero-v3 .oct-select-stage-v3 {
    min-height: 360px !important;
    height: 360px !important;
    overflow: visible !important;
  }

  html body .oct-home-select-hero-v3 .oct-select-motors-v3 {
    transform: none !important;
  }

  /* all motors centered; inactive dimmed � active boosted below with higher specificity */
  html body .oct-home-select-hero-v3 .oct-select-motor-link-v3 {
    left: 50% !important;
    right: auto !important;
    top: 52% !important;
    height: min(300px, 68vw) !important;
    width: auto !important;
    max-width: 88% !important;
    transform: translate(-50%, -50%) scale(0.86) !important;
    opacity: 0.22 !important;
    filter: brightness(0.65) !important;
    pointer-events: none !important;
    z-index: 5 !important;
  }

  html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-verado,
  html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-verado,
  html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-v6,
  html body .oct-home-select-hero-v3[data-active="v8"] .oct-select-motor-link-v3.motor-v8 {
    height: min(340px, 78vw) !important;
    transform: translate(-50%, -50%) scale(1) !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: auto !important;
    z-index: 30 !important;
  }

  html body .oct-home-select-hero-v3 .oct-select-motor-v3 {
    height: 100% !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
  }

  html body .oct-home-select-hero-v3 .oct-select-arrow-v3 {
    width: 44px !important;
    height: 44px !important;
  }

  html body .oct-home-select-hero-v3 .oct-select-arrow-v3 span {
    font-size: 26px !important;
  }

  html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-prev {
    left: 0 !important;
  }

  html body .oct-home-select-hero-v3 .oct-select-arrow-v3.arrow-next {
    right: 0 !important;
  }

  /* hide heavy decorative overlays that crush contrast on phone */
  html body .oct-home-select-hero-v3::before,
  html body .oct-home-select-hero-v3::after {
    opacity: 0.35 !important;
  }
}

/* =========================================================
   V3.60 � 1920�1080 FULL VIEWPORT LOCK
   Section nach Hero muss exakt eine Bildschirmh�he f�llen.
========================================================= */
@media (min-width: 1280px) {
  html body .oct-home-select-hero-v3 {
    box-sizing: border-box !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    height: 100vh !important;
    height: 100dvh !important;
    display: flex !important;
    align-items: center !important;
  }

  html body .oct-home-select-hero-v3 .oct-select-inner-v3 {
    width: 100% !important;
    flex: 1 1 auto !important;
    display: flex !important;
    align-items: center !important;
  }

  html body .oct-home-select-hero-v3 .oct-select-grid-v3 {
    width: 100% !important;
    min-height: 0 !important;
    align-items: center !important;
  }
}

/* =========================================================
   V3.62 � �MEHR DETAILS� Hover FINAL (kein Sprung)
========================================================= */
html body .oct-home-select-hero-v3 a.oct-select-motor-entry-v3,
html body .oct-home-select-hero-v3 a.oct-select-motor-entry-v3:hover,
html body .oct-home-select-hero-v3 a.oct-select-motor-entry-v3:focus,
html body .oct-home-select-hero-v3 a.oct-select-motor-entry-v3:focus-visible {
  transform: translate(-50%, -50%) !important;
}

html body .oct-home-select-hero-v3 a.oct-select-motor-entry-v3 .oct-select-motor-entry-label-v3 {
  transform: none !important;
  transition:
    color 0.28s ease,
    text-shadow 0.28s ease,
    filter 0.28s ease !important;
}

html body .oct-home-select-hero-v3 a.oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3,
html body .oct-home-select-hero-v3 a.oct-select-motor-entry-v3:focus .oct-select-motor-entry-label-v3,
html body .oct-home-select-hero-v3 a.oct-select-motor-entry-v3:focus-visible .oct-select-motor-entry-label-v3 {
  color: #ffe200 !important;
  letter-spacing: 0.24em !important;
  transform: none !important;
  filter: brightness(1.12) !important;
  text-shadow:
    0 3px 14px rgba(0, 0, 0, 0.5),
    0 0 20px rgba(255, 226, 0, 0.32) !important;
}

html body .oct-home-select-hero-v3 a.oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3::after,
html body .oct-home-select-hero-v3 a.oct-select-motor-entry-v3:focus .oct-select-motor-entry-label-v3::after,
html body .oct-home-select-hero-v3 a.oct-select-motor-entry-v3:focus-visible .oct-select-motor-entry-label-v3::after {
  height: 2px !important;
  box-shadow:
    0 0 16px rgba(255, 226, 0, 0.38),
    0 0 32px rgba(255, 226, 0, 0.16) !important;
}

@media (prefers-reduced-motion: reduce) {
  html body .oct-home-select-hero-v3 a.oct-select-motor-entry-v3:hover .oct-select-motor-entry-label-v3 {
    filter: none !important;
  }
}

/* =========================================================
   2-Motoren: nur V6 + Verado (V8 FourStroke vorerst raus)
   Verado aktiv = Mitte; V6 = rechts im Hintergrund
========================================================= */

html body .oct-home-select-hero-v3 .oct-select-motor-link-v3.motor-v8,
html body .oct-home-select-hero-v3 .oct-select-choice-v3.oct-choice-v8 {
  display: none !important;
}

/* Verado aktiv: V6 rechts (frueher V8-Position) */
html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v6,
html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v6 {
  left: 81% !important;
  top: 55% !important;
  height: 500px !important;
  z-index: 10 !important;
  transform: translate(-50%, -50%) scale(0.84) rotate(2.2deg) !important;
  filter:
    drop-shadow(0 28px 48px rgba(0, 0, 0, 0.62))
    brightness(0.90)
    saturate(0.96) !important;
}

/* V6 aktiv: Verado bleibt rechts im Hintergrund (wie gehabt) */
html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-verado {
  left: 78% !important;
  top: 55% !important;
  height: 500px !important;
  z-index: 10 !important;
  transform: translate(-50%, -50%) scale(0.84) rotate(2deg) !important;
  filter:
    drop-shadow(0 28px 48px rgba(0, 0, 0, 0.62))
    brightness(0.90)
    saturate(0.96) !important;
}

@media (max-width: 1199px) {
  html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v6,
  html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v6 {
    left: 78% !important;
    height: 430px !important;
  }

  html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-verado {
    left: 78% !important;
    height: 430px !important;
  }
}

@media (max-width: 767px) {
  html body .oct-home-select-hero-v3[data-active="verado"] .oct-select-motor-link-v3.motor-v6,
  html body .oct-home-select-hero-v3:not([data-active]) .oct-select-motor-link-v3.motor-v6 {
    left: 76% !important;
  }

  html body .oct-home-select-hero-v3[data-active="v6"] .oct-select-motor-link-v3.motor-verado {
    left: 76% !important;
  }
}

/* Coming-Soon-Orb darf rechts aus der Choice rausragen */
html body .oct-home-select-hero-v3 .oct-select-choices-v3,
html body .oct-home-select-hero-v3 .oct-select-choice-v3 {
  overflow: visible !important;
}