/* ==========================================================================
   Primus Seminar Detailseite
   Seitenrahmen (Hero, Schrägen, Kontakt-Aufruf, Zeilenbreiten) nach den
   gemessenen Werten der Divi-Seite /seminare/ – Desktop 1280 px, Handy ≤ 767 px.
   ========================================================================== */

.primus-detail-wrap {
    /* Immer helle Darstellung, unabhängig vom Nachtmodus des Systems */
    color-scheme: only light;

    /* --accent = Kategoriefarbe (inline aus dem Template);
       --primus-primary / --primus-cta kommen aus den Plugin-Einstellungen */
    --accent:  var(--primus-primary, #232F5E);
    --primary: var(--primus-primary, #232F5E);
    --cta:     var(--primus-cta, #C79E25);
    --overlay: #345168;

    font-family: inherit;
    color: #666;
}

/* Zeilen wie in Divi: 80 % breit, max. 1080 px – auf dem Handy 90 % (Child-Theme) */
.primus-detail-container {
    width: 80%;
    max-width: 1080px;
    margin: 0 auto;
}

/* Tablet + Handy: 90 % – bei 80 % würde die Textspalte auf ~720 px Viewport unnötig schmal */
@media (max-width: 980px) {
    .primus-detail-container { width: 90%; }
}

/* --------------------------------------------------------------------------
   Schräge (Divi-Divider „slant", 100 px, horizontal gespiegelt)
   Die Farbe ist die des folgenden Abschnitts und steht im SVG als fill.
   -------------------------------------------------------------------------- */
.primus-divider {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px; /* gegen die feine Linie – wie im Child-Theme */
    height: 100px;
    z-index: 10;
    pointer-events: none;
    transform: scaleX(-1);
    background-repeat: repeat-x;
    background-size: 100% 100px;
}

.primus-divider--weiss {
    background-image: url("data:image/svg+xml;utf8,%3Csvg preserveAspectRatio='none' width='100%25' height='140px' viewBox='0 0 1280 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff'%3E%3Cpath d='M0 0v140h1280L0 0z' /%3E%3C/g%3E%3C/svg%3E");
}

.primus-divider--cta {
    background-image: url("data:image/svg+xml;utf8,%3Csvg preserveAspectRatio='none' width='100%25' height='140px' viewBox='0 0 1280 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23345168'%3E%3Cpath d='M0 0v140h1280L0 0z' /%3E%3C/g%3E%3C/svg%3E");
}

/* --------------------------------------------------------------------------
   Hero – hell getönt in der Kategoriefarbe (gleiche Formel wie die
   Kategoriezeilen im Katalog), Schrift in einer dunklen Stufe derselben Farbe.
   Enthält nur Einordnung, Titel und Subline – Fakten und Aktionen folgen im
   Block „Auf einen Blick".
   -------------------------------------------------------------------------- */
.primus-detail-hero {
    --hero-text: color-mix(in srgb, var(--accent) 60%, #000);
    position: relative;
    background: color-mix(in srgb, var(--accent) 15%, #fff);
    color: var(--hero-text);
    padding: 24px 0 118px; /* unten Platz für die Schräge (100 px) */
    text-align: center;
}

@supports not (color: color-mix(in srgb, red 50%, blue)) {
    .primus-detail-hero { --hero-text: #333; background: #f0f0f0; }
}

.primus-detail-hero .primus-detail-back__link {
    color: var(--hero-text);
    display: inline-block;
    margin-bottom: 1.5rem;
}

.primus-detail-hero .primus-detail-back__link:hover {
    color: #333;
}

.primus-detail-hero > .primus-detail-container {
    text-align: left; /* Zurück-Link links, Inhalt darunter zentriert */
}

.primus-detail-hero__inner {
    margin: 0 auto;
    text-align: center;
    width: 80%;
}

/* Kategorie als Eyebrow über dem Titel */
.primus-detail-katlabel {
    color: var(--hero-text);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 1.4;
    margin: 0 0 .75rem;
    padding: 0;
    text-transform: uppercase;
}

.primus-detail-hero__title {
    color: #333 !important;
    font-size: 42px !important;
    font-weight: 700;
    line-height: 1.35em !important;
    margin: 0 0 .75rem;
    padding: 0;
    text-wrap: balance;
}

.primus-detail-hero__subline {
    color: #444;
    font-size: 20px;
    line-height: 1.7em;
    margin: 0 auto;
    max-width: 760px;
    padding: 0;
}

/* Hauptaktion direkt unter der Subline, darunter die Kernbotschaft als Mikrozeile */
.primus-detail-hero__actions {
    margin-top: 1.75rem;
}

.primus-detail-hero__hinweis {
    color: #555;
    font-size: 14px;
    line-height: 1.5;
    margin: .75rem auto 0;
    padding: 0;
}

@media (max-width: 980px) {
    .primus-detail-hero__title { font-size: 34px !important; }
}

@media (max-width: 767px) {
    .primus-detail-hero {
        padding: 18px 0 100px; /* 100 px: Text läuft nicht in die Schräge */
    }

    .primus-detail-hero .primus-detail-back__link {
        margin-bottom: 1rem;
    }

    .primus-detail-hero__inner { width: 100%; }

    .primus-detail-hero__title {
        font-size: 28px !important;
        line-height: 38px !important;
        hyphens: auto;
        -webkit-hyphens: auto;
    }

    .primus-detail-hero__subline {
        font-size: 17px;
    }

    .primus-detail-hero__actions {
        margin-top: 1.25rem;
    }

    .primus-detail-hero__actions .primus-detail-btn {
        width: 100%;
    }

    .primus-detail-hero__hinweis {
        font-size: 13px;
    }
}

/* --------------------------------------------------------------------------
   Buttons – wie auf der Website: Pille, Lato 14 px / 900, Versalien, 2 px gesperrt.
   --primary: Button-Farbe (Gold) · --hell: weißer Umriss auf dunklem Grund ·
   --secondary: Navy-Umriss auf hellem Grund. Kategoriefarbe bewusst nicht.
   -------------------------------------------------------------------------- */
.primus-detail-btn {
    align-items: center;
    border: 2px solid transparent;
    border-radius: 50px;
    display: inline-flex;
    font-size: 14px;
    font-weight: 900;
    gap: .5rem;
    justify-content: center;
    letter-spacing: 2px;
    line-height: 1.7;
    padding: 14px 26px;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: background 180ms ease, color 180ms ease, border-color 180ms ease, filter 180ms ease;
    white-space: nowrap;
}

.primus-detail-btn svg {
    flex-shrink: 0;
    height: 15px;
    width: 15px;
}

.primus-detail-btn--primary {
    background: var(--cta);
    border-color: var(--cta);
    color: #fff !important;
}

.primus-detail-btn--primary:hover {
    filter: brightness(.92);
}

.primus-detail-btn--hell {
    background: transparent;
    border-color: #fff;
    color: #fff !important;
}

.primus-detail-btn--hell:hover {
    background: #fff;
    color: var(--primary) !important;
}

.primus-detail-btn--secondary {
    background: transparent;
    border-color: var(--primary);
    color: var(--primary) !important;
}

.primus-detail-btn--secondary:hover {
    background: var(--primary);
    color: #fff !important;
}

.primus-detail-btn:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 3px;
}

.primus-detail-cta .primus-detail-btn:focus-visible {
    outline-color: #fff;
}

/* --------------------------------------------------------------------------
   Inhalt – weißer Abschnitt, unten Platz für die Schräge zum Kontakt-Aufruf
   -------------------------------------------------------------------------- */
.primus-detail-body {
    background: #fff;
    padding: 24px 0 64px;
}

/* Textspalte: 800 px = ca. 80 Zeichen bei 18 px – breit genug gegen unnötige Seitenhöhe,
   schmal genug für ruhiges Lesen. Hero, Vertrauensbereich und CTA bleiben breiter. */
.primus-detail-column {
    max-width: 800px;
    margin: 0 auto;
}

.primus-detail-back__link {
    color: #666;
    font-size: .9rem;
    font-weight: 700;
    text-decoration: none;
    transition: color 180ms ease;
}

.primus-detail-back__link:hover {
    color: var(--primary);
}

.primus-detail-back__link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   Auf einen Blick – offen, ohne Fläche und Rahmen, damit nichts gegen die
   Schräge des Heros arbeitet. Fakten als leise Zeile mit Icons, Kernbotschaft
   darunter, dann die Aktionen. PDF/Teilen am Desktop als Icon-Buttons.
   -------------------------------------------------------------------------- */
.primus-sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.primus-detail-summary {
    margin: 0 0 40px;
}

/* Metazeile: Dauer · Zielgruppe | PDF · Teilen – alles im selben leisen Stil */
.primus-detail-summary__zeile {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 2rem;
    margin: 0;
}

.primus-detail-summary__fakten {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 2rem;
    margin: 0;
    padding: 0;
}

.primus-detail-summary__fakt {
    align-items: center;
    display: flex;
    gap: .5rem;
}

.primus-detail-summary__fakt dt {
    display: flex;
    margin: 0;
}

.primus-detail-summary__fakt dt svg,
.primus-detail-summary__link svg {
    color: var(--accent);
    flex-shrink: 0;
    height: 17px;
    width: 17px;
}

.primus-detail-summary__fakt dd {
    color: #555;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

/* PDF/Teilen: dezente Werkzeug-Buttons – dünner Rahmen in Schriftfarbe, kleiner Radius
   (bewusst keine Pille: die Pillenform gehört den Aktions-Buttons wie „Beratung anfragen") */
.primus-detail-summary__actions {
    align-items: center;
    display: flex;
    gap: 8px;
}

.primus-detail-summary__link {
    align-items: center;
    background: transparent;
    border: 1px solid #d0d0d0; /* gedämpft – Schrift bleibt #555 */
    border-radius: 4px;
    color: #555 !important;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 15px;
    gap: .4rem;
    line-height: 1.4;
    padding: .3rem 1.125rem;
    text-decoration: none !important;
    transition: background 150ms ease;
}

.primus-detail-summary__link:hover {
    background: #f2f2f2;
    border-color: #bdbdbd;
}

.primus-detail-summary__link svg {
    height: 16px;
    width: 16px;
}

.primus-detail-summary__link:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

/* <button> soll wie die Link-Buttons aussehen */
button.primus-detail-btn {
    cursor: pointer;
    font-family: inherit;
}

/* Handy: Fakten untereinander, darunter PDF/Teilen nebeneinander */
@media (max-width: 767px) {
    .primus-detail-summary {
        margin-bottom: 32px;
    }

    .primus-detail-summary__zeile {
        align-items: flex-start;
        flex-direction: column;
        gap: .75rem;
    }

    .primus-detail-summary__fakten {
        flex-direction: column;
        gap: .375rem;
    }

    .primus-detail-summary__fakt {
        align-items: flex-start;
    }

    .primus-detail-summary__fakt dt {
        padding-top: 3px;
    }

    .primus-detail-summary__link {
        min-height: 40px; /* ausreichend große Tippfläche */
        padding: .3rem 1.125rem;
    }
}

/* --------------------------------------------------------------------------
   Teilen-Dialog (<dialog>, gesteuert von assets/js/seminar-detail.js)
   -------------------------------------------------------------------------- */
.primus-teilen {
    border: 0;
    border-top: 4px solid var(--accent);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .25);
    color: #333;
    max-width: calc(100vw - 32px);
    padding: 1.5rem 1.75rem 1.75rem;
    width: 540px;
}

.primus-teilen::backdrop {
    background: rgba(35, 47, 94, .55);
}

.primus-teilen__kopf {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.primus-teilen__titel {
    color: var(--primary) !important;
    font-size: 20px !important;
    font-weight: 900;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.primus-teilen__schliessen {
    background: none;
    border: 0;
    color: #666;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    padding: .5rem;
}

.primus-teilen__schliessen:hover { color: #333; }

.primus-teilen__seminar {
    color: #555;
    font-size: 16px;
    line-height: 1.5;
    margin: .25rem 0 1.25rem;
    padding: 0;
}

.primus-teilen__label {
    color: var(--primary);
    display: block;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.5px;
    margin-bottom: .4rem;
    text-transform: uppercase;
}

.primus-teilen__feld {
    align-items: stretch;
    display: flex;
    gap: 8px;
}

/* Link-Feld im Stil der Werkzeug-Buttons (PDF/Teilen): gedämpfter Rahmen, 4 px Ecken,
   dezente Schrift, Ketten-Icon davor */
.primus-teilen__input-wrap {
    flex: 1;
    min-width: 0;
    position: relative;
}

.primus-teilen__input-wrap svg {
    color: #999;
    height: 16px;
    left: .75rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
}

/* .primus-teilen davor: schlägt Divis globale Regel input[type="text"] (padding: 2px) */
.primus-teilen .primus-teilen__input {
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    box-sizing: border-box;
    color: #666;
    font-family: inherit;
    font-size: 15px;
    height: 100%;
    min-height: 46px;
    padding: 0 .75rem 0 2.25rem;
    transition: border-color 150ms ease, box-shadow 150ms ease;
    width: 100%;
}

.primus-teilen .primus-teilen__input:hover {
    border-color: #bdbdbd;
}

.primus-teilen .primus-teilen__input:focus,
.primus-teilen .primus-teilen__input:focus-visible {
    border-color: #bdbdbd;
    box-shadow: 0 0 0 3px rgba(35, 47, 94, .12);
    outline: none;
}

.primus-teilen__kopieren {
    flex-shrink: 0;
    min-height: 46px;
    padding: 0 20px;
}

.primus-teilen__status {
    color: #2f6b3a;
    font-size: 14px;
    margin: .5rem 0 0;
    min-height: 1.4em;
    padding: 0;
}

.primus-teilen__wege {
    border-top: 1px solid #e6e6e6;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.5rem;
    margin-top: .75rem;
    padding-top: 1rem;
}

.primus-teilen__weg {
    align-items: center;
    background: none;
    border: 0;
    color: var(--primary) !important;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    font-size: 15px;
    font-weight: 700;
    gap: .45rem;
    padding: .25rem 0;
    text-decoration: none !important;
}

.primus-teilen__weg:hover { text-decoration: underline !important; }

.primus-teilen__weg svg {
    color: var(--accent);
    flex-shrink: 0;
    height: 18px;
    width: 18px;
}

.primus-teilen__weg[hidden] { display: none; }

.primus-teilen :focus-visible {
    outline: 3px solid var(--primary);
    outline-offset: 2px;
}

@media (max-width: 480px) {
    .primus-teilen__feld { flex-direction: column; }
}

.primus-detail-intro {
    color: #666;
    font-size: 18px;
    line-height: 1.8em;
    margin: 0 0 40px;
}

.primus-detail-content {
    display: flex;
    flex-direction: column;
    gap: 2.75rem;
}

/* Blöcke mit abgestufter Gewichtung statt fünf gleicher Kästen:
   Herausforderung = Linie · Ihr Gewinn = getönt · Inhalte und Zielgruppe = offen.
   Die Kategoriefarbe (--accent) zieht sich als Linie, Tönung, Icon und Listenpunkt durch. */
.primus-detail-section {
    background: none;
    padding: 0;
}

.primus-detail-section--intro {
    border-left: 4px solid var(--accent);
    padding: .25rem 0 .25rem 1.5rem;
}

/* Ihr Gewinn: einzige Fläche – getönt in der Kategoriefarbe */
.primus-detail-section--highlight {
    background: color-mix(in srgb, var(--accent) 12%, #fff);
    padding: 1.75rem 2rem;
}

@supports not (color: color-mix(in srgb, red 50%, blue)) {
    .primus-detail-section--highlight { background: #eef2f5; }
}

.primus-detail-section__title {
    align-items: center;
    color: #333 !important;
    display: flex;
    font-size: 22px !important;
    font-weight: 700;
    gap: .625rem;
    line-height: 1.4 !important;
    margin: 0 0 .875rem;
    padding: 0;
}

.primus-section-icon {
    color: var(--accent);
    flex-shrink: 0;
    height: 22px;
    width: 22px;
}

.primus-detail-section__body {
    color: #666;
    font-size: 18px;
    line-height: 1.8em;
}

.primus-detail-section__body p {
    margin: 0 0 18px;
    padding: 0;
}

.primus-detail-section__body p:last-child {
    margin-bottom: 0;
}

.primus-detail-section__body ul,
.primus-detail-section__body ol {
    margin: 0 0 18px;
    padding-left: 1.5rem;
}

.primus-detail-section__body ul { list-style: disc; }
.primus-detail-section__body ol { list-style: decimal; }

.primus-detail-section__body li {
    margin-bottom: .375rem;
    padding: 0;
}

.primus-detail-section__body li::marker {
    color: var(--accent);
}

.primus-detail-section__body .primus-detail-btn {
    margin-top: .75rem;
}

@media (max-width: 767px) {
    .primus-detail-body {
        padding: 28px 0 48px;
    }

    .primus-detail-content {
        gap: 2.25rem;
    }

    .primus-detail-section--intro {
        padding-left: 1.125rem;
    }

    .primus-detail-section--highlight {
        padding: 1.25rem 1.125rem;
    }

    .primus-detail-section__title {
        font-size: 20px !important;
    }

    .primus-detail-intro,
    .primus-detail-section__body {
        font-size: 17px;
        line-height: 1.7em;
    }
}

/* --------------------------------------------------------------------------
   Sektionsüberschrift wie auf /seminare/ (H2 Navy, Versalien, gesperrt)
   -------------------------------------------------------------------------- */
.primus-detail-h2 {
    color: var(--primary) !important;
    font-size: 26px !important;
    font-weight: 900;
    letter-spacing: 4px;
    line-height: 1.2em !important;
    margin: 0 0 30px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .primus-detail-h2 { text-align: left; }
}

@media (max-width: 479px) {
    .primus-detail-h2 {
        font-size: 22px !important;
        letter-spacing: 2px;
    }
}

/* --------------------------------------------------------------------------
   Verwandte Seminare – nutzt die Katalog-Klassen aus katalog.css
   -------------------------------------------------------------------------- */
.primus-detail-related {
    margin-top: 3.5rem;

    /* Katalog-Variablen bereitstellen (.primus-zeile, .primus-gruppe__header …) */
    --pk-primary:  var(--primus-primary, #232F5E);
    --pk-gray-100: #f5f5f5;
    --pk-gray-200: #e6e6e6;
    --pk-gray-500: #666;    /* #666 = 5.74:1 auf weiß → WCAG AA ✓ */
    --pk-gray-800: #333;
    --pk-radius:     0;
    --pk-shadow:     none;
    --pk-transition: 200ms ease;
}


/* --------------------------------------------------------------------------
   Deeskalations-Hinweis (dezente Fußnotenzeile)
   -------------------------------------------------------------------------- */
.primus-detail-deeskalation-hint {
    align-items: baseline;
    border-top: 1px solid #e6e6e6;
    color: #666;
    display: flex;
    font-size: .95rem;
    gap: .4rem;
    line-height: 1.6;
    margin: 2.5rem 0 0;
    padding-top: 1.25rem;
}

.primus-detail-deeskalation-hint svg {
    color: #999;
    flex-shrink: 0;
    height: 13px;
    margin-top: .2rem;
    width: 13px;
}

.primus-detail-deeskalation-hint a {
    color: inherit;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.primus-detail-deeskalation-hint a:hover {
    color: var(--primary);
}

/* --------------------------------------------------------------------------
   Vertrauensbereich „Fachliche Begleitung" – graues Band, zweispaltig,
   bewusst in Navy (Unternehmensebene, nicht Kategorie des Seminars).
   Unten die Schräge in den Kontakt-Aufruf.
   -------------------------------------------------------------------------- */
.primus-detail-trust {
    background: #f5f5f5;
    padding: 56px 0 156px; /* 100 px davon für die Schräge */
    position: relative;
}

.primus-detail-trust__inner {
    display: grid;
    gap: 1.5rem 3.5rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr);
    margin: 0 auto;
    max-width: 960px;
}

.primus-detail-trust__icon {
    color: var(--primary);
    height: 28px;
    margin-bottom: .75rem;
    width: 28px;
}

.primus-detail-trust__eyebrow {
    color: var(--primary);
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 1.4;
    margin: 0 0 .5rem;
    padding: 0;
    text-transform: uppercase;
}

.primus-detail-trust__title {
    text-wrap: balance;
    color: #333 !important;
    font-size: 28px !important;
    font-weight: 700;
    line-height: 1.3 !important;
    margin: 0;
    padding: 0;
}

.primus-detail-trust__text {
    color: #666;
    font-size: 18px;
    line-height: 1.8em;
}

.primus-detail-trust__text p {
    margin: 0 0 18px;
    padding: 0;
}

.primus-detail-trust__text .primus-detail-btn {
    margin-top: .5rem;
}

@media (max-width: 767px) {
    .primus-detail-trust {
        padding: 40px 0 130px;
    }

    .primus-detail-trust__inner {
        grid-template-columns: 1fr;
    }

    .primus-detail-trust__title {
        font-size: 22px !important;
    }

    .primus-detail-trust__text {
        font-size: 17px;
        line-height: 1.7em;
    }
}

/* --------------------------------------------------------------------------
   Kontakt-Aufruf – Gestaltung nach dem globalen Divi-Modul (ID 445),
   Höhe für die Detailseite reduziert (klarer Abschluss, keine Bühne)
   -------------------------------------------------------------------------- */
.primus-detail-cta {
    background-color: var(--overlay);
    background-image:
        linear-gradient(180deg, #345168 5%, rgba(219, 219, 219, 0) 100%),
        var(--cta-bild, none);
    background-position: 50% 50%;
    background-size: cover;
    color: #fff;
    padding: 64px 0 88px;
}

.primus-detail-cta__inner {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.primus-detail-cta__title {
    text-wrap: balance;
    color: #fff !important;
    font-size: 34px !important;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.4em !important;
    margin: 0 0 10px;
    padding: 0;
}

.primus-detail-cta__text {
    color: #fff;
    font-size: 18px;
    line-height: 1.8em;
    margin: 0;
    padding: 0;
}

.primus-detail-cta__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
}

@media (max-width: 767px) {
    .primus-detail-cta {
        padding: 56px 0;
    }

    .primus-detail-cta__inner {
        text-align: left;
    }

    .primus-detail-cta__title {
        font-size: 22px !important;
        line-height: 33px !important;
    }

    /* Buttons untereinander über die volle Breite */
    .primus-detail-cta__actions {
        flex-direction: column;
    }

    .primus-detail-cta__actions .primus-detail-btn {
        width: 100%;
    }
}

/* --------------------------------------------------------------------------
   Reduzierte Bewegung
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    .primus-detail-wrap *,
    .primus-detail-wrap *::before,
    .primus-detail-wrap *::after {
        transition: none !important;
        animation: none !important;
    }
}