/* === START: NEUES & VEREINHEITLICHTES BUTTON & LINK SYSTEM (v9 - FINAL & CORRECT) === */

/* --- 1. Farb- & Design-Variablen --- */
:root {
    --rw-btn-secondary-bg: #e9ecef;
    --rw-btn-hover-bg: #B0B0B0;
    --rw-btn-hover-color: #1A1A1A;
    --rw-btn-active-bg: #e9ecef;
    --rw-btn-active-color: #000000;
    --rw-text-link-secondary-color: #6c757d;
}

/* --- 2. Basis-Button-Styling (.rw-btn) --- */
.rw-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    min-height: 38px;
    height: auto;
    padding: 8px 28px !important;
    box-sizing: border-box;
    font-size: 1.25rem;
    font-family: 'Aeonik Extended Pro', sans-serif;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
    white-space: normal;
    text-wrap: balance;
    text-decoration: none !important;
    border-radius: 24px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 200ms ease-in-out;
}

/* --- 3. Einheitliche Hover- & Clicked-Zustände für ALLE Buttons --- */
.rw-btn:hover, .rw-btn:focus {
    background-color: var(--rw-btn-hover-bg);
    color: var(--rw-btn-hover-color);
    border-color: var(--rw-btn-hover-bg);
}
.rw-btn:active {
    background-color: var(--rw-btn-active-bg);
    color: var(--rw-btn-active-color);
    border-color: var(--rw-btn-active-bg);
    transition-duration: 0s;
}

/* --- 4. Button-Varianten (nur Normal-Zustand) --- */
.rw-btn--primary {
    background-color: transparent;
    color: var(--rw-primary-color, #E90006);
    border-color: var(--RWC_Gray_4, #888888);
}
.rw-btn--primary:hover,
.rw-btn--primary:focus,
.rw-btn--primary:active {
    background-color: transparent;
}
.rw-btn--secondary {
    background-color: var(--rw-btn-secondary-bg);
    color: var(--rw-text-on-light-secondary);
    border-color: var(--RWC_Gray_4, #888888);
}
.rw-btn--tertiary {
    background-color: transparent;
    color: #1A1A1A;
    border-color: var(--RWC_Gray_4, #888888);
}

/* --- 5. Animierter Text-Link (Basis) --- */
.rw-text-link {
    display: inline-flex;
    align-items: center;
    font-family: 'Aeonik Extended Pro', sans-serif;
    font-weight: 700;
    text-decoration: none !important;
    letter-spacing: 0.80px;
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    position: relative;
    line-height: 26px;
    transition: padding-left 200ms ease-in-out;
    padding-left: 24px !important;
}
.rw-text-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 2px;
    background-color: currentColor;
    transition: width 200ms ease-in-out;
}
.rw-text-link::after {
    content: '';
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    width: 6px;
    height: 6px;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    transition: left 200ms ease-in-out;
}
.rw-text-link:hover,
.rw-text-link:focus {
    padding-left: 36px !important;
}
.rw-text-link:hover::before,
.rw-text-link:focus::before {
    width: 24px;
}
.rw-text-link:hover::after,
.rw-text-link:focus::after {
    left: 20px;
}

/* --- 5a. --primary & --secondary: EINZEL-SVG-PFEIL (Linie + Chevron = ein Pfad, keine Lücke möglich) --- */

.rw-text-link--primary {
    color: #E90006;
    padding-left: 30px !important;
    transition: padding-left 200ms ease-in-out;
}
.rw-text-link--primary::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 13px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 24px 13px;
    /* Linie (0→20) + Chevron-Spitze (14,1→21,6→14,11) als EIN SVG-Pfad */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 13'%3E%3Cpath d='M0,6.5 H20 M14,1 L21,6.5 L14,12' stroke='%23E90006' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transition: width 200ms ease-in-out, background-size 200ms ease-in-out;
}
.rw-text-link--primary::after {
    display: none;
}
.rw-text-link--primary:hover,
.rw-text-link--primary:focus {
    padding-left: 48px !important;
}
.rw-text-link--primary:hover::before,
.rw-text-link--primary:focus::before {
    width: 42px;
    background-size: 42px 13px;
    /* Gleicher Pfad, aber Linie länger (0→38), Chevron entsprechend verschoben */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 13'%3E%3Cpath d='M0,6.5 H38 M32,1 L39,6.5 L32,12' stroke='%23E90006' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.rw-text-link--secondary {
    color: #1A1A1A;
    padding-left: 30px !important;
    transition: padding-left 200ms ease-in-out;
}
.rw-text-link--secondary::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 13px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 24px 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 13'%3E%3Cpath d='M0,6.5 H20 M14,1 L21,6.5 L14,12' stroke='%231A1A1A' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    transition: width 200ms ease-in-out, background-size 200ms ease-in-out;
}
.rw-text-link--secondary::after {
    display: none;
}
.rw-text-link--secondary:hover,
.rw-text-link--secondary:focus {
    padding-left: 48px !important;
}
.rw-text-link--secondary:hover::before,
.rw-text-link--secondary:focus::before {
    width: 42px;
    background-size: 42px 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 13'%3E%3Cpath d='M0,6.5 H38 M32,1 L39,6.5 L32,12' stroke='%231A1A1A' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* --- 6. Aufräumen & Anpassungen --- */
.rw-hero-head__cta,
.rw-hero-head__cta--primary,
.rw-hero-head__cta--secondary { all: unset; }
.rw-scl-sticky-top-nav .rw-btn {
    width: auto; height: auto; padding: 6px 16px !important; font-size: 0.8rem; border-radius: 50px;
}
.rw-combo-accordion__learn-more { all: unset; }
.rw-accessory-card__cta { all: unset; }
.rw-comparison-table .model-cta { all: unset; }
.rw-scl-cta { all: unset; }
#rwVideoModalLoadBtn.rw-btn {
    width: auto; max-width: 100%;
}
/* === ENDE: NEUES BUTTON & LINK SYSTEM (v9 - FINAL & CORRECT) === */