/*
Theme Name: Kurswerk24 Child
Theme URI: https://www.kurswerk24.de/
Description: Sauberes Child Theme für Online Courses FSE 1.0.3. Das Parent-Theme bleibt vollständig erhalten; individuelle Kurswerk24-Anpassungen werden ausschließlich hier ergänzt.
Author: Markus Sauer / Kurswerk24
Author URI: https://www.kurswerk24.de/
Template: online-courses-fse
Version: 1.0.0
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: kurswerk24-child
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/*
 * Bewusst zunächst keine Design-Overrides.
 * Dadurch bleibt Online Courses FSE 1.0.3 nach der Aktivierung unverändert.
 * Eigene Kurswerk24-Stile werden später kontrolliert ergänzt.
 */

/* =========================================================
   Kurswerk24 – Schritt 3: Header
   ========================================================= */

.kurswerk-header-logo img,
.kurswerk-header-logo .custom-logo {
    display: block;
    width: auto;
    max-width: 235px;
    max-height: 68px;
    object-fit: contain;
}

.kurswerk-header-cta .wp-block-button__link {
    background: #4E9F3D;
    color: #FFFFFF;
    border-radius: 999px;
    font-weight: 700;
    padding: 0.72rem 1.25rem;
    white-space: nowrap;
}

.kurswerk-header-cta .wp-block-button__link:hover,
.kurswerk-header-cta .wp-block-button__link:focus {
    background: #3F8532;
    color: #FFFFFF;
}

header .wp-block-navigation-item__content {
    color: #123A63;
    font-weight: 650;
}

header .wp-block-navigation-item__content:hover,
header .wp-block-navigation-item__content:focus {
    color: #4E9F3D;
}

header .wp-block-navigation__responsive-container-open {
    color: #123A63;
}

header .wp-block-navigation__responsive-container-close {
    color: #123A63;
}

@media (max-width: 1000px) {
    .kurswerk-header-logo img,
    .kurswerk-header-logo .custom-logo {
        max-width: 205px;
        max-height: 60px;
    }
}

@media (max-width: 782px) {
    .kurswerk-header-logo img,
    .kurswerk-header-logo .custom-logo {
        max-width: 190px;
        max-height: 55px;
    }

    .kurswerk-header-cta {
        margin-top: 0.5rem;
    }
}
/* =========================================================
   Kurswerk24 – Schritt 4: Footer
   ========================================================= */

.kurswerk-footer {
    color: rgba(255,255,255,.88);
}

.kurswerk-footer h4 {
    margin-top: 0;
    margin-bottom: 1rem;
}

.kurswerk-footer a {
    color: #FFFFFF;
    text-decoration: none;
}

.kurswerk-footer a:hover,
.kurswerk-footer a:focus {
    color: #8ACB73;
}

.kurswerk-footer .wp-block-navigation-item__content {
    color: rgba(255,255,255,.88);
    font-weight: 500;
}

.kurswerk-footer .wp-block-navigation-item__content:hover,
.kurswerk-footer .wp-block-navigation-item__content:focus {
    color: #8ACB73;
}

.kurswerk-footer-logo img,
.kurswerk-footer-logo .custom-logo {
    display: block;
    width: auto;
    max-width: 220px;
    max-height: 64px;
    object-fit: contain;
    margin-bottom: 1rem;
}

.kurswerk-footer .wp-block-separator {
    border-color: rgba(255,255,255,.22);
}

.kurswerk-footer-cta .wp-block-button__link {
    background: #4E9F3D;
    color: #FFFFFF;
    border-radius: 999px;
    font-weight: 700;
    padding: .72rem 1.2rem;
}

.kurswerk-footer-cta .wp-block-button__link:hover,
.kurswerk-footer-cta .wp-block-button__link:focus {
    background: #3F8532;
    color: #FFFFFF;
}

@media (max-width: 900px) {
    .kurswerk-footer .wp-block-column {
        flex-basis: 50% !important;
    }
}

@media (max-width: 600px) {
    .kurswerk-footer .wp-block-column {
        flex-basis: 100% !important;
    }

    .kurswerk-footer {
        text-align: left;
    }
}
/* =========================================================
   Kurswerk24 – Schritt 5: Startseiten-Grundstruktur
   Nur Layout/Struktur. Finale Gestaltung folgt abschnittsweise.
   ========================================================= */

.kurswerk-section {
    padding-top: clamp(3.5rem, 7vw, 6rem);
    padding-bottom: clamp(3.5rem, 7vw, 6rem);
}

.kurswerk-section > .wp-block-heading:first-child {
    margin-top: 0;
}

.kurswerk-final-cta {
    text-align: center;
}

.kurswerk-final-cta .wp-block-buttons {
    justify-content: center;
}
/* =========================================================
   Kurswerk24 – Schritt 6: Hero komplett gestaltet
   ========================================================= */

.kurswerk-hero {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(
            90deg,
            rgba(8, 35, 58, .96) 0%,
            rgba(10, 43, 70, .91) 34%,
            rgba(18, 58, 99, .70) 60%,
            rgba(18, 58, 99, .28) 82%,
            rgba(18, 58, 99, .12) 100%
        ),
        url("assets/kurswerk24-hero-source.png") center center / cover no-repeat;
    min-height: 700px;
}

.kurswerk-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0) 70%,
            rgba(8,35,58,.22) 100%
        );
}

.kurswerk-hero > .wp-block-cover__inner-container {
    width: 100%;
    position: relative;
    z-index: 2;
}

.kurswerk-hero-inner {
    padding-top: clamp(5rem, 10vw, 8.5rem) !important;
    padding-bottom: clamp(5rem, 9vw, 7.5rem) !important;
    max-width: 1180px !important;
}

.kurswerk-hero-eyebrow {
    margin: 0 0 1.25rem !important;
    color: #BFE1B5;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .16em;
    line-height: 1.3;
}

.kurswerk-hero-title {
    max-width: 850px;
    margin: 0 !important;
    color: #FFFFFF !important;
    font-size: clamp(3rem, 7vw, 5.8rem) !important;
    font-weight: 800 !important;
    line-height: 1.01 !important;
    letter-spacing: -.045em !important;
    text-wrap: balance;
}

.kurswerk-hero-title span {
    color: #8ACB73;
}

.kurswerk-hero-lead {
    max-width: 670px;
    margin: 1.7rem 0 .65rem !important;
    color: #FFFFFF !important;
    font-size: clamp(1.15rem, 2vw, 1.4rem) !important;
    font-weight: 500;
    line-height: 1.5;
}

.kurswerk-hero-text {
    margin: 0 !important;
    color: #E1EDF3 !important;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .04em;
}

.kurswerk-hero-buttons {
    margin-top: 2rem !important;
    gap: .85rem !important;
}

.kurswerk-hero-buttons .wp-block-button__link {
    border-radius: 999px !important;
    padding: .95rem 1.55rem !important;
    font-weight: 750 !important;
    transition: transform .18s ease, background-color .18s ease, color .18s ease;
}

.kurswerk-btn-primary .wp-block-button__link {
    background: #4E9F3D !important;
    color: #FFFFFF !important;
    box-shadow: 0 10px 30px rgba(78,159,61,.30);
}

.kurswerk-btn-primary .wp-block-button__link:hover,
.kurswerk-btn-primary .wp-block-button__link:focus {
    background: #3F8532 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

.kurswerk-btn-secondary .wp-block-button__link {
    background: rgba(255,255,255,.08) !important;
    color: #FFFFFF !important;
    border: 1px solid rgba(255,255,255,.65);
    backdrop-filter: blur(6px);
}

.kurswerk-btn-secondary .wp-block-button__link:hover,
.kurswerk-btn-secondary .wp-block-button__link:focus {
    background: #FFFFFF !important;
    color: #123A63 !important;
    transform: translateY(-2px);
}

.kurswerk-hero-note {
    margin: 2.1rem 0 0 !important;
    color: rgba(255,255,255,.78) !important;
    font-size: .88rem;
}

@media (max-width: 782px) {
    .kurswerk-hero {
        min-height: 650px;
        background-position: 62% center;
    }

    .kurswerk-hero::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(8,35,58,.16);
        z-index: 1;
    }

    .kurswerk-hero-inner {
        padding-top: 5rem !important;
        padding-bottom: 5rem !important;
    }

    .kurswerk-hero-title {
        font-size: clamp(2.55rem, 11vw, 4rem) !important;
    }

    .kurswerk-hero-lead {
        font-size: 1.08rem !important;
    }

    .kurswerk-hero-buttons {
        align-items: stretch;
        flex-direction: column;
        width: min(100%, 360px);
    }

    .kurswerk-hero-buttons .wp-block-button,
    .kurswerk-hero-buttons .wp-block-button__link {
        width: 100%;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kurswerk-hero-buttons .wp-block-button__link {
        transition: none;
    }
}
/* =========================================================
   Kurswerk24 – Schritt 6a: Header finalisieren
   ========================================================= */

.kurswerk-header-inner {
    min-height: 58px;
}

.kurswerk-header-logo img,
.kurswerk-header-logo .custom-logo {
    display: block;
    width: auto;
    max-width: 245px;
    max-height: 70px;
    object-fit: contain;
}

.kurswerk-main-navigation {
    margin-left: auto;
}

.kurswerk-main-navigation .wp-block-navigation-item__content {
    color: #123A63;
    font-weight: 650;
    white-space: nowrap;
}

.kurswerk-main-navigation .wp-block-navigation-item__content:hover,
.kurswerk-main-navigation .wp-block-navigation-item__content:focus {
    color: #4E9F3D;
}

.kurswerk-header-cta .wp-block-button__link {
    background: #4E9F3D !important;
    color: #FFFFFF !important;
    border-radius: 999px !important;
    padding: .72rem 1.25rem !important;
    font-weight: 750 !important;
    white-space: nowrap;
    box-shadow: 0 5px 16px rgba(78,159,61,.18);
}

.kurswerk-header-cta .wp-block-button__link:hover,
.kurswerk-header-cta .wp-block-button__link:focus {
    background: #3F8532 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
}

.kurswerk-main-navigation .wp-block-navigation__responsive-container-open {
    color: #123A63;
}

.kurswerk-main-navigation .wp-block-navigation__responsive-container-close {
    color: #123A63;
}

@media (max-width: 1100px) {
    .kurswerk-header-logo img,
    .kurswerk-header-logo .custom-logo {
        max-width: 215px;
        max-height: 62px;
    }

    .kurswerk-main-navigation {
        gap: .8rem;
    }

    .kurswerk-main-navigation .wp-block-navigation-item__content {
        font-size: .94rem;
    }
}

@media (max-width: 782px) {
    .kurswerk-header-inner {
        min-height: 52px;
    }

    .kurswerk-header-logo img,
    .kurswerk-header-logo .custom-logo {
        max-width: 190px;
        max-height: 55px;
    }
}
/* =========================================================
   Kurswerk24 – Schritt 7: Bereich 02 – Kursbereiche
   ========================================================= */

.kurswerk-courses-section {
    background: #FFFFFF;
}

.kurswerk-section-eyebrow {
    margin: 0 0 .7rem !important;
    color: #4E9F3D;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .16em;
    line-height: 1.3;
}

.kurswerk-section-title {
    margin-top: 0 !important;
    margin-bottom: .65rem !important;
    color: #123A63 !important;
}

.kurswerk-section-intro {
    max-width: 720px;
    margin: 0 auto !important;
    color: #637586;
    font-size: 1.08rem;
}

.kurswerk-course-cards {
    align-items: stretch;
    gap: 1.5rem;
    margin-top: 3rem !important;
}

.kurswerk-course-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: clamp(1.6rem, 2.5vw, 2.15rem) !important;
    background: #FFFFFF;
    border: 1px solid #DCE5EA;
    border-radius: 22px;
    box-shadow: 0 12px 35px rgba(18,58,99,.08);
    overflow: hidden;
}

.kurswerk-course-card::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0 0 auto 0;
    height: 5px;
    background: #D62828;
}

.kurswerk-course-card-featured {
    border-color: rgba(78,159,61,.45);
    box-shadow: 0 18px 45px rgba(18,58,99,.13);
    transform: translateY(-8px);
}

.kurswerk-course-card-featured::before {
    background: #4E9F3D;
}

.kurswerk-course-card-top {
    min-height: 58px;
    margin-bottom: 1.15rem !important;
}

.kurswerk-course-icon {
    width: 58px;
    height: 58px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    border-radius: 17px;
    background: #EAF4E7;
    font-size: 1.65rem;
    line-height: 1;
}

.kurswerk-icon-red {
    background: #FCEBEC;
}

.kurswerk-course-badge {
    margin: 0 !important;
    padding: .4rem .65rem;
    border-radius: 999px;
    background: #EAF4E7;
    color: #3F8532;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .08em;
}

.kurswerk-course-kicker {
    margin: 0 0 .55rem !important;
    color: #3F8532;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .13em;
}

.kurswerk-kicker-red {
    color: #C32127;
}

.kurswerk-course-card h3 {
    margin-top: 0 !important;
    margin-bottom: .75rem !important;
    color: #123A63 !important;
    font-size: clamp(1.45rem, 2.2vw, 1.85rem) !important;
    line-height: 1.13 !important;
}

.kurswerk-course-card > p:not(.kurswerk-course-kicker) {
    color: #526878;
}

.kurswerk-course-list {
    margin-top: .8rem !important;
    margin-bottom: 1.5rem !important;
    padding-left: 1.25rem;
    color: #17344A;
}

.kurswerk-course-list li {
    margin-bottom: .45rem;
}

.kurswerk-course-card .wp-block-buttons {
    margin-top: auto;
    padding-top: 1rem;
}

.kurswerk-card-button .wp-block-button__link {
    border-radius: 999px !important;
    padding: .78rem 1.15rem !important;
    font-weight: 750 !important;
    font-size: .94rem;
    transition: transform .18s ease, background-color .18s ease, color .18s ease;
}

.kurswerk-card-button-green .wp-block-button__link {
    background: #4E9F3D !important;
    color: #FFFFFF !important;
}

.kurswerk-card-button-green .wp-block-button__link:hover,
.kurswerk-card-button-green .wp-block-button__link:focus {
    background: #3F8532 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

.kurswerk-card-button-outline-red .wp-block-button__link {
    background: #FFFFFF !important;
    color: #D62828 !important;
    border: 1.5px solid #D62828;
}

.kurswerk-card-button-outline-red .wp-block-button__link:hover,
.kurswerk-card-button-outline-red .wp-block-button__link:focus {
    background: #D62828 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

.kurswerk-courses-note {
    margin-top: 2rem !important;
    color: #637586;
    font-size: .95rem;
}

.kurswerk-courses-note a {
    color: #123A63;
}

@media (max-width: 900px) {
    .kurswerk-course-cards {
        flex-wrap: wrap !important;
    }

    .kurswerk-course-card {
        flex-basis: calc(50% - .75rem) !important;
    }

    .kurswerk-course-card-featured {
        transform: none;
    }
}

@media (max-width: 650px) {
    .kurswerk-course-cards {
        display: flex !important;
        flex-direction: column;
        gap: 1rem;
    }

    .kurswerk-course-card {
        flex-basis: 100% !important;
    }

    .kurswerk-course-card-featured {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kurswerk-card-button .wp-block-button__link {
        transition: none;
    }
}
/* =========================================================
   Kurswerk24 – Schritt 8: Bereich 03 – Warum Kurswerk24?
   ========================================================= */

.kurswerk-usp-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 12%, rgba(78,159,61,.14), transparent 28%),
        #123A63;
    color: #FFFFFF;
}

.kurswerk-usp-section::after {
    content: "";
    position: absolute;
    right: -180px;
    bottom: -240px;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 50%;
    pointer-events: none;
}

.kurswerk-usp-section .kurswerk-section-eyebrow {
    color: #8ACB73;
}

.kurswerk-usp-intro {
    position: relative;
    z-index: 1;
    align-items: end;
    gap: clamp(2rem, 6vw, 7rem);
    margin-bottom: clamp(3rem, 6vw, 5rem) !important;
}

.kurswerk-usp-intro h2 {
    margin: 0 !important;
    color: #FFFFFF !important;
    font-size: clamp(2.2rem, 4.5vw, 4rem) !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
}

.kurswerk-usp-green {
    color: #8ACB73;
}

.kurswerk-usp-intro .wp-block-column:last-child {
    padding-bottom: .2rem;
}

.kurswerk-usp-lead {
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
    color: #FFFFFF !important;
    font-size: clamp(1.15rem, 2vw, 1.35rem) !important;
    line-height: 1.55;
}

.kurswerk-usp-intro .wp-block-column:last-child > p:not(.kurswerk-usp-lead) {
    color: #C9D8E2;
    line-height: 1.65;
}

.kurswerk-usp-intro strong {
    color: #FFFFFF;
}

.kurswerk-usp-grid {
    position: relative;
    z-index: 1;
    gap: 1px;
    margin: 0 !important;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 20px;
    overflow: hidden;
}

.kurswerk-usp-card {
    min-height: 225px;
    padding: 2rem 1.7rem !important;
    background: rgba(8,35,58,.48);
    border-right: 1px solid rgba(255,255,255,.13);
}

.kurswerk-usp-card:last-child {
    border-right: 0;
}

.kurswerk-usp-number {
    margin: 0 0 2.2rem !important;
    color: #8ACB73;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .15em;
}

.kurswerk-usp-card h3 {
    margin: 0 0 .65rem !important;
    color: #FFFFFF !important;
    font-size: 1.35rem !important;
}

.kurswerk-usp-card > p:last-child {
    margin-bottom: 0 !important;
    color: #C9D8E2;
    line-height: 1.6;
}

.kurswerk-usp-statement {
    position: relative;
    z-index: 1;
    max-width: 920px !important;
    margin-top: clamp(3.5rem, 7vw, 5.5rem) !important;
    padding: clamp(2rem, 4vw, 3.25rem) !important;
    background: #FFFFFF;
    color: #17344A;
    border-radius: 22px;
    box-shadow: 0 20px 55px rgba(0,0,0,.16);
}

.kurswerk-usp-quote-mark {
    margin: 0 0 .2rem !important;
    color: #4E9F3D;
    font-family: Georgia, serif;
    font-size: 4.5rem;
    line-height: .6;
}

.kurswerk-usp-statement h3 {
    margin: 0 0 1rem !important;
    color: #123A63 !important;
    font-size: clamp(1.55rem, 3vw, 2.35rem) !important;
    line-height: 1.15 !important;
}

.kurswerk-usp-statement > p:not(.kurswerk-usp-quote-mark):not(.kurswerk-usp-signature) {
    max-width: 760px;
    color: #526878;
    line-height: 1.7;
}

.kurswerk-usp-signature {
    margin: 1.4rem 0 0 !important;
    padding-top: 1rem;
    border-top: 1px solid #DCE5EA;
    color: #637586;
    font-size: .9rem;
}

.kurswerk-usp-signature strong {
    color: #123A63;
    font-size: 1rem;
}

@media (max-width: 900px) {
    .kurswerk-usp-grid {
        flex-wrap: wrap !important;
    }

    .kurswerk-usp-card {
        flex-basis: calc(50% - .5px) !important;
    }

    .kurswerk-usp-card:nth-child(2) {
        border-right: 0;
    }

    .kurswerk-usp-card:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255,255,255,.13);
    }
}

@media (max-width: 700px) {
    .kurswerk-usp-intro {
        display: block !important;
    }

    .kurswerk-usp-intro .wp-block-column:last-child {
        margin-top: 1.75rem;
    }

    .kurswerk-usp-grid {
        display: flex !important;
        flex-direction: column;
        gap: 0;
    }

    .kurswerk-usp-card {
        flex-basis: 100% !important;
        min-height: auto;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.13);
    }

    .kurswerk-usp-card:last-child {
        border-bottom: 0;
    }

    .kurswerk-usp-statement {
        margin-top: 3rem !important;
    }
}
/* =========================================================
   Kurswerk24 – Schritt 8: Bereich 03 – MITTIGE VARIANTE
   ========================================================= */

.kurswerk-usp-centered {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 8%, rgba(78,159,61,.12), transparent 30%),
        #123A63;
    color: #FFFFFF;
    text-align: center;
}

.kurswerk-usp-centered::after {
    content: "";
    position: absolute;
    right: -180px;
    bottom: -240px;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 50%;
    pointer-events: none;
}

.kurswerk-usp-centered > * {
    position: relative;
    z-index: 1;
}

.kurswerk-usp-centered .kurswerk-section-eyebrow {
    margin-bottom: .7rem !important;
    color: #8ACB73;
}

.kurswerk-usp-centered > h2 {
    max-width: 900px;
    margin: 0 auto !important;
    color: #FFFFFF !important;
    font-size: clamp(2.45rem, 5vw, 4.4rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -.04em !important;
}

.kurswerk-usp-green {
    color: #8ACB73;
}

.kurswerk-usp-lead-centered {
    max-width: 860px;
    margin: 2rem auto 0 !important;
    color: #FFFFFF !important;
    font-size: clamp(1.12rem, 2vw, 1.32rem) !important;
    line-height: 1.6;
}

.kurswerk-usp-personal {
    max-width: 760px;
    margin: 1rem auto 0 !important;
    color: #C9D8E2;
    line-height: 1.65;
}

.kurswerk-usp-personal strong {
    color: #FFFFFF;
}

.kurswerk-usp-grid-centered {
    max-width: 1160px;
    margin: clamp(3.5rem, 6vw, 5rem) auto 0 !important;
    align-items: stretch;
    gap: 1px;
    background: rgba(255,255,255,.16);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 22px;
    overflow: hidden;
}

.kurswerk-usp-grid-centered .kurswerk-usp-card {
    min-height: 270px;
    padding: 2.1rem 1.7rem 2rem !important;
    background: rgba(8,35,58,.48);
    border-right: 1px solid rgba(255,255,255,.13);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.kurswerk-usp-grid-centered .kurswerk-usp-card:last-child {
    border-right: 0;
}

.kurswerk-usp-grid-centered .kurswerk-usp-number {
    margin: 0 0 1.65rem !important;
    color: #8ACB73;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .15em;
}

.kurswerk-usp-grid-centered .kurswerk-usp-card h3 {
    margin: 0 !important;
    color: #FFFFFF !important;
    font-size: 1.4rem !important;
}

.kurswerk-usp-line {
    width: 42px !important;
    margin: .9rem auto 1rem !important;
    border-top: 3px solid #4E9F3D !important;
    border-bottom: 0 !important;
    opacity: 1 !important;
}

.kurswerk-usp-grid-centered .kurswerk-usp-card > p:last-child {
    max-width: 235px;
    margin: 0 !important;
    color: #C9D8E2;
    line-height: 1.6;
}

.kurswerk-usp-centered .kurswerk-usp-statement {
    position: relative;
    z-index: 2;
    max-width: 920px !important;
    margin: clamp(4rem, 7vw, 6rem) auto 0 !important;
    padding: clamp(2.25rem, 4.5vw, 3.5rem) !important;
    background: #FFFFFF;
    color: #17344A;
    border-radius: 22px;
    box-shadow: 0 20px 55px rgba(0,0,0,.16);
    text-align: center;
}

.kurswerk-usp-centered .kurswerk-usp-quote-mark {
    margin: 0 0 .2rem !important;
    color: #4E9F3D;
    font-family: Georgia, serif;
    font-size: 4.5rem;
    line-height: .6;
}

.kurswerk-usp-centered .kurswerk-usp-statement h3 {
    margin: 0 auto 1rem !important;
    color: #123A63 !important;
    font-size: clamp(1.55rem, 3vw, 2.35rem) !important;
    line-height: 1.15 !important;
}

.kurswerk-usp-centered .kurswerk-usp-statement > p:not(.kurswerk-usp-quote-mark):not(.kurswerk-usp-signature) {
    max-width: 760px;
    margin-left: auto !important;
    margin-right: auto !important;
    color: #526878;
    line-height: 1.7;
}

.kurswerk-usp-centered .kurswerk-usp-signature {
    margin: 1.4rem auto 0 !important;
    padding-top: 1rem;
    border-top: 1px solid #DCE5EA;
    max-width: 300px;
    color: #637586;
    font-size: .9rem;
}

.kurswerk-usp-centered .kurswerk-usp-signature strong {
    color: #123A63;
    font-size: 1rem;
}

@media (max-width: 900px) {
    .kurswerk-usp-grid-centered {
        flex-wrap: wrap !important;
    }

    .kurswerk-usp-grid-centered .kurswerk-usp-card {
        flex-basis: calc(50% - .5px) !important;
    }

    .kurswerk-usp-grid-centered .kurswerk-usp-card:nth-child(2) {
        border-right: 0;
    }

    .kurswerk-usp-grid-centered .kurswerk-usp-card:nth-child(-n+2) {
        border-bottom: 1px solid rgba(255,255,255,.13);
    }
}

@media (max-width: 700px) {
    .kurswerk-usp-grid-centered {
        display: flex !important;
        flex-direction: column;
        gap: 0;
    }

    .kurswerk-usp-grid-centered .kurswerk-usp-card {
        flex-basis: 100% !important;
        min-height: auto;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.13);
    }

    .kurswerk-usp-grid-centered .kurswerk-usp-card:last-child {
        border-bottom: 0;
    }

    .kurswerk-usp-centered .kurswerk-usp-statement {
        margin-top: 3rem !important;
    }
}
/* =========================================================
   Kurswerk24 – Schritt 9: Bereich 04 – Fischerprüfung Bayern
   Verkaufs- & SEO-Bereich
   ========================================================= */

.kurswerk-fishing-section {
    background: #F5F8FA;
    color: #17344A;
}

.kurswerk-fishing-hero {
    max-width: 980px !important;
    text-align: center;
}

.kurswerk-fishing-section .kurswerk-section-eyebrow {
    color: #4E9F3D;
}

.kurswerk-fishing-hero h2 {
    margin: 0 auto !important;
    color: #123A63 !important;
    font-size: clamp(2.35rem, 5vw, 4.35rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -.04em !important;
}

.kurswerk-fishing-green {
    color: #4E9F3D;
}

.kurswerk-fishing-lead {
    max-width: 820px;
    margin: 1.5rem auto .8rem !important;
    color: #17344A !important;
    font-size: clamp(1.15rem, 2vw, 1.4rem) !important;
    line-height: 1.5;
}

.kurswerk-fishing-copy {
    max-width: 780px;
    margin: 0 auto !important;
    color: #637586;
    line-height: 1.7;
}

.kurswerk-fishing-section .wp-block-buttons {
    gap: .75rem;
}

.kurswerk-fishing-main-cta .wp-block-button__link {
    background: #4E9F3D !important;
    color: #FFFFFF !important;
    border-radius: 999px !important;
    padding: .85rem 1.35rem !important;
    font-weight: 750 !important;
}

.kurswerk-fishing-main-cta .wp-block-button__link:hover,
.kurswerk-fishing-main-cta .wp-block-button__link:focus {
    background: #3F8532 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

.kurswerk-fishing-secondary-cta .wp-block-button__link {
    background: transparent !important;
    color: #123A63 !important;
    border: 1.5px solid #123A63;
    border-radius: 999px !important;
    padding: .85rem 1.35rem !important;
    font-weight: 750 !important;
}

.kurswerk-fishing-secondary-cta .wp-block-button__link:hover,
.kurswerk-fishing-secondary-cta .wp-block-button__link:focus {
    background: #123A63 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

.kurswerk-facts-strip {
    max-width: 1120px;
    margin: 4rem auto 0 !important;
    padding: 0 !important;
    display: flex !important;
    gap: 0 !important;
    background: #123A63;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(18,58,99,.14);
}

.kurswerk-fact {
    flex: 1 1 25%;
    min-width: 170px;
    padding: 1.5rem 1.2rem !important;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,.13);
}

.kurswerk-fact:last-child {
    border-right: 0;
}

.kurswerk-fact-number {
    margin: 0 !important;
    color: #8ACB73;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 850;
    line-height: 1;
}

.kurswerk-fact-label {
    margin: .5rem 0 0 !important;
    color: #FFFFFF;
    font-size: .86rem;
    line-height: 1.4;
}

.kurswerk-fishing-subtitle {
    max-width: 900px;
    margin: 5.5rem auto 2rem !important;
    color: #123A63 !important;
    font-size: clamp(1.7rem, 3vw, 2.45rem) !important;
    line-height: 1.15 !important;
}

.kurswerk-fishing-course-grid {
    max-width: 1120px;
    margin: 0 auto !important;
    gap: 1.25rem;
    align-items: stretch;
}

.kurswerk-fishing-course-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 410px;
    padding: 2rem 1.8rem !important;
    background: #FFFFFF;
    border: 1px solid #DCE5EA;
    border-radius: 22px;
    box-shadow: 0 12px 32px rgba(18,58,99,.07);
    overflow: hidden;
}

.kurswerk-fishing-course-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: #4E9F3D;
}

.kurswerk-fishing-course-featured {
    border-color: rgba(78,159,61,.45);
    box-shadow: 0 18px 45px rgba(18,58,99,.12);
    transform: translateY(-8px);
}

.kurswerk-fishing-course-card .kurswerk-course-kicker {
    margin: 0 0 .7rem !important;
    color: #4E9F3D;
}

.kurswerk-fishing-course-card h3 {
    margin: 0 0 .8rem !important;
    color: #123A63 !important;
    font-size: clamp(1.55rem, 2.5vw, 2rem) !important;
    line-height: 1.1 !important;
}

.kurswerk-fishing-course-card > p:not(.kurswerk-course-kicker) {
    color: #526878;
    line-height: 1.65;
}

.kurswerk-fishing-course-card ul {
    margin-top: .7rem !important;
    margin-bottom: 1.3rem !important;
    padding-left: 1.2rem;
    color: #17344A;
}

.kurswerk-fishing-course-card li {
    margin-bottom: .45rem;
}

.kurswerk-fishing-course-card .wp-block-buttons {
    margin-top: auto;
    padding-top: 1rem;
}

.kurswerk-fishing-card-button .wp-block-button__link {
    width: 100%;
    box-sizing: border-box;
    background: #FFFFFF !important;
    color: #123A63 !important;
    border: 1.5px solid #123A63;
    border-radius: 999px !important;
    padding: .75rem 1rem !important;
    font-weight: 750 !important;
    text-align: center;
}

.kurswerk-fishing-course-featured .kurswerk-fishing-card-button .wp-block-button__link {
    background: #4E9F3D !important;
    color: #FFFFFF !important;
    border-color: #4E9F3D;
}

.kurswerk-fishing-card-button .wp-block-button__link:hover,
.kurswerk-fishing-card-button .wp-block-button__link:focus {
    background: #123A63 !important;
    color: #FFFFFF !important;
}

.kurswerk-fishing-course-featured .kurswerk-fishing-card-button .wp-block-button__link:hover,
.kurswerk-fishing-course-featured .kurswerk-fishing-card-button .wp-block-button__link:focus {
    background: #3F8532 !important;
}

.kurswerk-fishing-info {
    max-width: 1120px !important;
    margin: 5.5rem auto 0 !important;
    padding: clamp(2rem, 4vw, 3.2rem) !important;
    background: #FFFFFF;
    border: 1px solid #DCE5EA;
    border-radius: 22px;
    box-shadow: 0 12px 32px rgba(18,58,99,.06);
}

.kurswerk-fishing-info .kurswerk-course-kicker {
    margin-bottom: .6rem !important;
    color: #4E9F3D;
}

.kurswerk-fishing-info > h3 {
    margin: 0 0 1rem !important;
    color: #123A63 !important;
    font-size: clamp(1.7rem, 3vw, 2.35rem) !important;
}

.kurswerk-fishing-info > p:not(.kurswerk-fishing-note) {
    max-width: 920px;
    color: #526878;
    line-height: 1.75;
}

.kurswerk-fishing-info-columns {
    margin-top: 2rem !important;
    gap: 2rem;
}

.kurswerk-fishing-info-columns h4 {
    margin: 0 0 .7rem !important;
    color: #123A63 !important;
    font-size: 1.2rem !important;
}

.kurswerk-fishing-info-columns ul {
    margin-top: 0 !important;
    padding-left: 1.25rem;
    color: #526878;
}

.kurswerk-fishing-info-columns li {
    margin-bottom: .55rem;
}

.kurswerk-fishing-note {
    margin: 1.7rem 0 0 !important;
    padding-top: 1.1rem;
    border-top: 1px solid #DCE5EA;
    color: #637586;
    font-size: .88rem;
    line-height: 1.6;
}

.kurswerk-fishing-note strong {
    color: #123A63;
}

.kurswerk-fishing-final-cta {
    max-width: 960px !important;
    margin: 5.5rem auto 0 !important;
    padding: clamp(2.3rem, 5vw, 3.8rem) !important;
    background: #123A63;
    border-radius: 24px;
    text-align: center;
    box-shadow: 0 18px 45px rgba(18,58,99,.14);
}

.kurswerk-fishing-final-cta .kurswerk-course-kicker {
    color: #8ACB73;
}

.kurswerk-fishing-final-cta h3 {
    margin: 0 0 .8rem !important;
    color: #FFFFFF !important;
    font-size: clamp(1.8rem, 3.5vw, 2.7rem) !important;
    line-height: 1.1 !important;
}

.kurswerk-fishing-final-cta > p:not(.kurswerk-course-kicker) {
    max-width: 700px;
    margin: 0 auto 1.4rem !important;
    color: #C9D8E2;
    line-height: 1.65;
}

.kurswerk-fishing-final-cta .kurswerk-fishing-secondary-cta .wp-block-button__link {
    color: #FFFFFF !important;
    border-color: #FFFFFF;
}

.kurswerk-fishing-final-cta .kurswerk-fishing-secondary-cta .wp-block-button__link:hover,
.kurswerk-fishing-final-cta .kurswerk-fishing-secondary-cta .wp-block-button__link:focus {
    background: #FFFFFF !important;
    color: #123A63 !important;
}

@media (max-width: 900px) {
    .kurswerk-facts-strip {
        flex-wrap: wrap !important;
    }

    .kurswerk-fact {
        flex-basis: 50%;
        border-bottom: 1px solid rgba(255,255,255,.13);
    }

    .kurswerk-fact:nth-child(2) {
        border-right: 0;
    }

    .kurswerk-fact:nth-child(3),
    .kurswerk-fact:nth-child(4) {
        border-bottom: 0;
    }

    .kurswerk-fishing-course-grid {
        flex-wrap: wrap !important;
    }

    .kurswerk-fishing-course-card {
        flex-basis: calc(50% - .625rem) !important;
    }

    .kurswerk-fishing-course-card:last-child {
        flex-basis: 100% !important;
    }

    .kurswerk-fishing-course-featured {
        transform: none;
    }
}

@media (max-width: 650px) {
    .kurswerk-facts-strip {
        display: flex !important;
        flex-direction: column;
    }

    .kurswerk-fact {
        flex-basis: 100%;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.13) !important;
    }

    .kurswerk-fact:last-child {
        border-bottom: 0 !important;
    }

    .kurswerk-fishing-course-grid {
        display: flex !important;
        flex-direction: column;
        gap: 1rem;
    }

    .kurswerk-fishing-course-card,
    .kurswerk-fishing-course-card:last-child {
        flex-basis: 100% !important;
        min-height: auto;
    }

    .kurswerk-fishing-final-cta .wp-block-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .kurswerk-fishing-final-cta .wp-block-button,
    .kurswerk-fishing-final-cta .wp-block-button__link {
        width: 100%;
    }
}
/* =========================================================
   Kurswerk24 – Schritt 9: Bereich 04 – Fischerprüfung Bayern
   Verkaufs- & SEO-Bereich
   ========================================================= */

.kurswerk-fishing-section {
    background: #F5F8FA;
    color: #17344A;
}

.kurswerk-fishing-hero {
    max-width: 980px !important;
    text-align: center;
}

.kurswerk-fishing-section .kurswerk-section-eyebrow {
    color: #4E9F3D;
}

.kurswerk-fishing-hero h2 {
    margin: 0 auto !important;
    color: #123A63 !important;
    font-size: clamp(2.35rem, 5vw, 4.35rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -.04em !important;
}

.kurswerk-fishing-green {
    color: #4E9F3D;
}

.kurswerk-fishing-lead {
    max-width: 820px;
    margin: 1.5rem auto .8rem !important;
    color: #17344A !important;
    font-size: clamp(1.15rem, 2vw, 1.4rem) !important;
    line-height: 1.5;
}

.kurswerk-fishing-copy {
    max-width: 780px;
    margin: 0 auto !important;
    color: #637586;
    line-height: 1.7;
}

.kurswerk-fishing-section .wp-block-buttons {
    gap: .75rem;
}

.kurswerk-fishing-main-cta .wp-block-button__link {
    background: #4E9F3D !important;
    color: #FFFFFF !important;
    border-radius: 999px !important;
    padding: .85rem 1.35rem !important;
    font-weight: 750 !important;
}

.kurswerk-fishing-main-cta .wp-block-button__link:hover,
.kurswerk-fishing-main-cta .wp-block-button__link:focus {
    background: #3F8532 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

.kurswerk-fishing-secondary-cta .wp-block-button__link {
    background: transparent !important;
    color: #123A63 !important;
    border: 1.5px solid #123A63;
    border-radius: 999px !important;
    padding: .85rem 1.35rem !important;
    font-weight: 750 !important;
}

.kurswerk-fishing-secondary-cta .wp-block-button__link:hover,
.kurswerk-fishing-secondary-cta .wp-block-button__link:focus {
    background: #123A63 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

.kurswerk-facts-strip {
    max-width: 1120px;
    margin: 4rem auto 0 !important;
    padding: 0 !important;
    display: flex !important;
    gap: 0 !important;
    background: #123A63;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 16px 40px rgba(18,58,99,.14);
}

.kurswerk-fact {
    flex: 1 1 25%;
    min-width: 170px;
    padding: 1.5rem 1.2rem !important;
    text-align: center;
    border-right: 1px solid rgba(255,255,255,.13);
}

.kurswerk-fact:last-child {
    border-right: 0;
}

.kurswerk-fact-number {
    margin: 0 !important;
    color: #8ACB73;
    font-size: clamp(1.8rem, 3vw, 2.5rem);
    font-weight: 850;
    line-height: 1;
}

.kurswerk-fact-label {
    margin: .5rem 0 0 !important;
    color: #FFFFFF;
    font-size: .86rem;
    line-height: 1.4;
}

.kurswerk-fishing-subtitle {
    max-width: 900px;
    margin: 5.5rem auto 2rem !important;
    color: #123A63 !important;
    font-size: clamp(1.7rem, 3vw, 2.45rem) !important;
    line-height: 1.15 !important;
}

.kurswerk-fishing-course-grid {
    max-width: 1120px;
    margin: 0 auto !important;
    gap: 1.25rem;
    align-items: stretch;
}

.kurswerk-fishing-course-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 410px;
    padding: 2rem 1.8rem !important;
    background: #FFFFFF;
    border: 1px solid #DCE5EA;
    border-radius: 22px;
    box-shadow: 0 12px 32px rgba(18,58,99,.07);
    overflow: hidden;
}

.kurswerk-fishing-course-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 5px;
    background: #4E9F3D;
}

.kurswerk-fishing-course-featured {
    border-color: rgba(78,159,61,.45);
    box-shadow: 0 18px 45px rgba(18,58,99,.12);
    transform: translateY(-8px);
}

.kurswerk-fishing-course-card .kurswerk-course-kicker {
    margin: 0 0 .7rem !important;
    color: #4E9F3D;
}

.kurswerk-fishing-course-card h3 {
    margin: 0 0 .8rem !important;
    color: #123A63 !important;
    font-size: clamp(1.55rem, 2.5vw, 2rem) !important;
    line-height: 1.1 !important;
}

.kurswerk-fishing-course-card > p:not(.kurswerk-course-kicker) {
    color: #526878;
    line-height: 1.65;
}

.kurswerk-fishing-course-card ul {
    margin-top: .7rem !important;
    margin-bottom: 1.3rem !important;
    padding-left: 1.2rem;
    color: #17344A;
}

.kurswerk-fishing-course-card li {
    margin-bottom: .45rem;
}

.kurswerk-fishing-course-card .wp-block-buttons {
    margin-top: auto;
    padding-top: 1rem;
}

.kurswerk-fishing-card-button .wp-block-button__link {
    width: 100%;
    box-sizing: border-box;
    background: #FFFFFF !important;
    color: #123A63 !important;
    border: 1.5px solid #123A63;
    border-radius: 999px !important;
    padding: .75rem 1rem !important;
    font-weight: 750 !important;
    text-align: center;
}

.kurswerk-fishing-course-featured .kurswerk-fishing-card-button .wp-block-button__link {
    background: #4E9F3D !important;
    color: #FFFFFF !important;
    border-color: #4E9F3D;
}

.kurswerk-fishing-card-button .wp-block-button__link:hover,
.kurswerk-fishing-card-button .wp-block-button__link:focus {
    background: #123A63 !important;
    color: #FFFFFF !important;
}

.kurswerk-fishing-course-featured .kurswerk-fishing-card-button .wp-block-button__link:hover,
.kurswerk-fishing-course-featured .kurswerk-fishing-card-button .wp-block-button__link:focus {
    background: #3F8532 !important;
}

.kurswerk-fishing-info {
    max-width: 1120px !important;
    margin: 5.5rem auto 0 !important;
    padding: clamp(2rem, 4vw, 3.2rem) !important;
    background: #FFFFFF;
    border: 1px solid #DCE5EA;
    border-radius: 22px;
    box-shadow: 0 12px 32px rgba(18,58,99,.06);
}

.kurswerk-fishing-info .kurswerk-course-kicker {
    margin-bottom: .6rem !important;
    color: #4E9F3D;
}

.kurswerk-fishing-info > h3 {
    margin: 0 0 1rem !important;
    color: #123A63 !important;
    font-size: clamp(1.7rem, 3vw, 2.35rem) !important;
}

.kurswerk-fishing-info > p:not(.kurswerk-fishing-note) {
    max-width: 920px;
    color: #526878;
    line-height: 1.75;
}

.kurswerk-fishing-info-columns {
    margin-top: 2rem !important;
    gap: 2rem;
}

.kurswerk-fishing-info-columns h4 {
    margin: 0 0 .7rem !important;
    color: #123A63 !important;
    font-size: 1.2rem !important;
}

.kurswerk-fishing-info-columns ul {
    margin-top: 0 !important;
    padding-left: 1.25rem;
    color: #526878;
}

.kurswerk-fishing-info-columns li {
    margin-bottom: .55rem;
}

.kurswerk-fishing-note {
    margin: 1.7rem 0 0 !important;
    padding-top: 1.1rem;
    border-top: 1px solid #DCE5EA;
    color: #637586;
    font-size: .88rem;
    line-height: 1.6;
}

.kurswerk-fishing-note strong {
    color: #123A63;
}

.kurswerk-fishing-final-cta {
    max-width: 960px !important;
    margin: 5.5rem auto 0 !important;
    padding: clamp(2.3rem, 5vw, 3.8rem) !important;
    background: #123A63;
    border-radius: 24px;
    text-align: center;
    box-shadow: 0 18px 45px rgba(18,58,99,.14);
}

.kurswerk-fishing-final-cta .kurswerk-course-kicker {
    color: #8ACB73;
}

.kurswerk-fishing-final-cta h3 {
    margin: 0 0 .8rem !important;
    color: #FFFFFF !important;
    font-size: clamp(1.8rem, 3.5vw, 2.7rem) !important;
    line-height: 1.1 !important;
}

.kurswerk-fishing-final-cta > p:not(.kurswerk-course-kicker) {
    max-width: 700px;
    margin: 0 auto 1.4rem !important;
    color: #C9D8E2;
    line-height: 1.65;
}

.kurswerk-fishing-final-cta .kurswerk-fishing-secondary-cta .wp-block-button__link {
    color: #FFFFFF !important;
    border-color: #FFFFFF;
}

.kurswerk-fishing-final-cta .kurswerk-fishing-secondary-cta .wp-block-button__link:hover,
.kurswerk-fishing-final-cta .kurswerk-fishing-secondary-cta .wp-block-button__link:focus {
    background: #FFFFFF !important;
    color: #123A63 !important;
}

@media (max-width: 900px) {
    .kurswerk-facts-strip {
        flex-wrap: wrap !important;
    }

    .kurswerk-fact {
        flex-basis: 50%;
        border-bottom: 1px solid rgba(255,255,255,.13);
    }

    .kurswerk-fact:nth-child(2) {
        border-right: 0;
    }

    .kurswerk-fact:nth-child(3),
    .kurswerk-fact:nth-child(4) {
        border-bottom: 0;
    }

    .kurswerk-fishing-course-grid {
        flex-wrap: wrap !important;
    }

    .kurswerk-fishing-course-card {
        flex-basis: calc(50% - .625rem) !important;
    }

    .kurswerk-fishing-course-card:last-child {
        flex-basis: 100% !important;
    }

    .kurswerk-fishing-course-featured {
        transform: none;
    }
}

@media (max-width: 650px) {
    .kurswerk-facts-strip {
        display: flex !important;
        flex-direction: column;
    }

    .kurswerk-fact {
        flex-basis: 100%;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.13) !important;
    }

    .kurswerk-fact:last-child {
        border-bottom: 0 !important;
    }

    .kurswerk-fishing-course-grid {
        display: flex !important;
        flex-direction: column;
        gap: 1rem;
    }

    .kurswerk-fishing-course-card,
    .kurswerk-fishing-course-card:last-child {
        flex-basis: 100% !important;
        min-height: auto;
    }

    .kurswerk-fishing-final-cta .wp-block-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .kurswerk-fishing-final-cta .wp-block-button,
    .kurswerk-fishing-final-cta .wp-block-button__link {
        width: 100%;
    }
}


/* =========================================================
   Schritt 9 – fachlich verifiziert / CTA Feinschliff
   ========================================================= */

.kurswerk-fishing-age-note {
    max-width: 920px;
    margin: 1.1rem auto 0 !important;
    padding: 1rem 1.2rem;
    background: #EEF6EC;
    border-left: 4px solid #4E9F3D;
    border-radius: 10px;
    color: #31536B;
    line-height: 1.6;
    text-align: left;
}

.kurswerk-fishing-age-note strong {
    color: #123A63;
}

.kurswerk-fishing-final-cta .kurswerk-fishing-main-cta .wp-block-button__link {
    padding-left: 1.55rem !important;
    padding-right: 1.55rem !important;
}

.kurswerk-fishing-final-cta .kurswerk-fishing-secondary-cta .wp-block-button__link {
    padding-left: 1.55rem !important;
    padding-right: 1.55rem !important;
}
/* =========================================================
   Kurswerk24 – Schritt 10: So funktioniert deine Ausbildung
   ========================================================= */

.kurswerk-process-section {
    position: relative;
    overflow: hidden;
    background: #FFFFFF;
    color: #17344A;
}

.kurswerk-process-section::before {
    content: "";
    position: absolute;
    top: -220px;
    left: -220px;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(18,58,99,.07);
    border-radius: 50%;
    pointer-events: none;
}

.kurswerk-process-section::after {
    content: "";
    position: absolute;
    right: -190px;
    bottom: -260px;
    width: 540px;
    height: 540px;
    background: rgba(78,159,61,.035);
    border-radius: 50%;
    pointer-events: none;
}

.kurswerk-process-section > * {
    position: relative;
    z-index: 1;
}

.kurswerk-process-section .kurswerk-section-eyebrow {
    color: #4E9F3D;
    margin-bottom: .7rem !important;
}

.kurswerk-process-section > h2 {
    max-width: 900px;
    margin: 0 auto !important;
    color: #123A63 !important;
    font-size: clamp(2.35rem, 4.8vw, 4rem) !important;
    line-height: 1.06 !important;
    letter-spacing: -.04em !important;
}

.kurswerk-process-green {
    color: #4E9F3D;
}

.kurswerk-process-lead {
    max-width: 760px;
    margin: 1.25rem auto 0 !important;
    color: #637586;
    font-size: clamp(1.05rem, 1.8vw, 1.2rem) !important;
    line-height: 1.65;
}

.kurswerk-process-timeline {
    position: relative;
    max-width: 1160px !important;
    margin: 4.7rem auto 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
}

.kurswerk-process-timeline::before {
    content: "";
    position: absolute;
    top: 31px;
    left: 12.5%;
    right: 12.5%;
    height: 2px;
    background: #DCE5EA;
    z-index: 0;
}

.kurswerk-process-step {
    position: relative;
    z-index: 1;
    padding: 0 1.4rem !important;
    text-align: center;
}

.kurswerk-process-number {
    margin: 0 0 .7rem !important;
    color: #4E9F3D;
    font-size: .76rem;
    font-weight: 850;
    letter-spacing: .16em;
}

.kurswerk-process-icon {
    width: 62px;
    height: 62px;
    margin: 0 auto 1.35rem !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border: 2px solid #4E9F3D;
    border-radius: 50%;
    box-shadow: 0 8px 22px rgba(18,58,99,.10);
}

.kurswerk-process-icon span {
    color: #4E9F3D;
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1;
}

.kurswerk-process-step h3 {
    margin: 0 0 .65rem !important;
    color: #123A63 !important;
    font-size: 1.4rem !important;
    line-height: 1.15 !important;
}

.kurswerk-process-step > p:last-child {
    max-width: 245px;
    margin: 0 auto !important;
    color: #637586;
    line-height: 1.6;
}

.kurswerk-process-step strong {
    color: #17344A;
}

.kurswerk-process-note {
    max-width: 900px !important;
    margin: 5rem auto 0 !important;
    padding: 2rem 2.25rem !important;
    background: #F3F7F9;
    border: 1px solid #DCE5EA;
    border-radius: 20px;
    text-align: center;
}

.kurswerk-process-note-label {
    margin: 0 0 .55rem !important;
    color: #4E9F3D;
    font-size: .76rem;
    font-weight: 850;
    letter-spacing: .15em;
}

.kurswerk-process-note h3 {
    margin: 0 0 .55rem !important;
    color: #123A63 !important;
    font-size: clamp(1.5rem, 2.5vw, 2rem) !important;
}

.kurswerk-process-note > p:last-child {
    max-width: 700px;
    margin: 0 auto !important;
    color: #637586;
    line-height: 1.65;
}

.kurswerk-process-cta {
    margin-top: 2rem !important;
    gap: .75rem;
}

.kurswerk-process-main-button .wp-block-button__link {
    background: #4E9F3D !important;
    color: #FFFFFF !important;
    border-radius: 999px !important;
    padding: .85rem 1.45rem !important;
    font-weight: 750 !important;
}

.kurswerk-process-main-button .wp-block-button__link:hover,
.kurswerk-process-main-button .wp-block-button__link:focus {
    background: #3F8532 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

.kurswerk-process-secondary-button .wp-block-button__link {
    background: #FFFFFF !important;
    color: #123A63 !important;
    border: 1.5px solid #123A63;
    border-radius: 999px !important;
    padding: .85rem 1.45rem !important;
    font-weight: 750 !important;
}

.kurswerk-process-secondary-button .wp-block-button__link:hover,
.kurswerk-process-secondary-button .wp-block-button__link:focus {
    background: #123A63 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

@media (max-width: 900px) {
    .kurswerk-process-timeline {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 3.5rem;
    }

    .kurswerk-process-timeline::before {
        display: none;
    }

    .kurswerk-process-step {
        padding: 0 1rem !important;
    }
}

@media (max-width: 620px) {
    .kurswerk-process-timeline {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        margin-top: 3.5rem !important;
    }

    .kurswerk-process-step {
        padding: 0 !important;
    }

    .kurswerk-process-note {
        margin-top: 3.5rem !important;
        padding: 1.7rem 1.3rem !important;
    }

    .kurswerk-process-cta {
        flex-direction: column;
        align-items: stretch;
    }

    .kurswerk-process-cta .wp-block-button,
    .kurswerk-process-cta .wp-block-button__link {
        width: 100%;
    }
}
/* =========================================================
   Kurswerk24 – Schritt 11: ComMotion Kursverwaltung
   ========================================================= */

.kurswerk-commotion-section {
    position: relative;
    overflow: hidden;
    background: #F6F9FA;
    color: #17344A;
}

.kurswerk-commotion-section::before {
    content: "";
    position: absolute;
    left: -190px;
    top: 130px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(18,58,99,.055);
    border-radius: 50%;
    pointer-events: none;
}

.kurswerk-commotion-section::after {
    content: "";
    position: absolute;
    right: -220px;
    bottom: -230px;
    width: 520px;
    height: 520px;
    background: rgba(78,159,61,.045);
    border-radius: 50%;
    pointer-events: none;
}

.kurswerk-commotion-section > * {
    position: relative;
    z-index: 1;
}

.kurswerk-commotion-section .kurswerk-section-eyebrow {
    color: #4E9F3D;
    margin-bottom: .7rem !important;
}

.kurswerk-commotion-section > h2 {
    max-width: 850px;
    margin: 0 auto !important;
    color: #123A63 !important;
    font-size: clamp(2.4rem, 4.7vw, 4rem) !important;
    line-height: 1.07 !important;
    letter-spacing: -.04em !important;
}

.kurswerk-commotion-green {
    color: #4E9F3D;
}

.kurswerk-commotion-lead {
    max-width: 780px;
    margin: 1.25rem auto 0 !important;
    color: #637586;
    font-size: clamp(1.05rem, 1.8vw, 1.2rem) !important;
    line-height: 1.65;
}

.kurswerk-commotion-types {
    max-width: 1160px !important;
    margin: 3.7rem auto 0 !important;
    gap: 1rem;
}

.kurswerk-commotion-type {
    padding: 1.55rem 1.65rem !important;
    background: #FFFFFF;
    border: 1px solid #DCE5EA;
    border-top: 3px solid #4E9F3D;
    border-radius: 16px;
    box-shadow: 0 9px 26px rgba(18,58,99,.06);
}

.kurswerk-commotion-type-label {
    margin: 0 0 .55rem !important;
    color: #4E9F3D;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .14em;
}

.kurswerk-commotion-type h3 {
    margin: 0 0 .55rem !important;
    color: #123A63 !important;
    font-size: 1.35rem !important;
}

.kurswerk-commotion-type > p:last-child {
    margin: 0 !important;
    color: #637586;
    line-height: 1.55;
}

.kurswerk-commotion-booking-area {
    max-width: 1160px !important;
    margin: 4.4rem auto 0 !important;
    padding: 2.4rem !important;
    background: #FFFFFF;
    border: 1px solid #DCE5EA;
    border-radius: 24px;
    box-shadow: 0 14px 38px rgba(18,58,99,.08);
}

.kurswerk-commotion-booking-label,
.kurswerk-commotion-confidence-label {
    margin: 0 0 .45rem !important;
    color: #4E9F3D;
    font-size: .74rem;
    font-weight: 850;
    letter-spacing: .15em;
}

.kurswerk-commotion-booking-area h3 {
    margin: 0 !important;
    color: #123A63 !important;
    font-size: clamp(1.7rem, 3vw, 2.3rem) !important;
}

.kurswerk-commotion-booking-intro {
    max-width: 820px;
    margin: .8rem 0 1.7rem !important;
    color: #637586;
    line-height: 1.65;
}

/*
 * ComMotion liefert den Kurs-Preview dynamisch.
 * Wir stylen bewusst nur den umgebenden Kurswerk24-Rahmen.
 * So bleiben Plugin-Updates und die interne ComMotion-Struktur robust.
 */
.kurswerk-commotion-booking-area .wp-block-shortcode {
    margin-top: 1.5rem;
}

.kurswerk-commotion-confidence {
    max-width: 900px !important;
    margin: 3.2rem auto 0 !important;
    padding: 2rem 2.25rem !important;
    background: #123A63;
    color: #FFFFFF;
    border-radius: 22px;
    text-align: center;
    box-shadow: 0 16px 34px rgba(18,58,99,.14);
}

.kurswerk-commotion-confidence h3 {
    margin: 0 0 .55rem !important;
    color: #FFFFFF !important;
    font-size: clamp(1.55rem, 2.7vw, 2.1rem) !important;
}

.kurswerk-commotion-confidence > p:not(.kurswerk-commotion-confidence-label) {
    max-width: 700px;
    margin: 0 auto 1.35rem !important;
    color: rgba(255,255,255,.84);
    line-height: 1.65;
}

.kurswerk-commotion-main-button .wp-block-button__link {
    background: #4E9F3D !important;
    color: #FFFFFF !important;
    border-radius: 999px !important;
    padding: .85rem 1.5rem !important;
    font-weight: 750 !important;
}

.kurswerk-commotion-secondary-button .wp-block-button__link {
    background: transparent !important;
    color: #FFFFFF !important;
    border: 1.5px solid rgba(255,255,255,.9);
    border-radius: 999px !important;
    padding: .85rem 1.5rem !important;
    font-weight: 750 !important;
}

.kurswerk-commotion-main-button .wp-block-button__link:hover,
.kurswerk-commotion-main-button .wp-block-button__link:focus {
    background: #3F8532 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

.kurswerk-commotion-secondary-button .wp-block-button__link:hover,
.kurswerk-commotion-secondary-button .wp-block-button__link:focus {
    background: #FFFFFF !important;
    color: #123A63 !important;
    transform: translateY(-2px);
}

@media (max-width: 780px) {
    .kurswerk-commotion-types {
        flex-direction: column;
    }

    .kurswerk-commotion-booking-area {
        padding: 1.5rem !important;
    }

    .kurswerk-commotion-confidence {
        padding: 1.7rem 1.25rem !important;
    }
}

@media (max-width: 520px) {
    .kurswerk-commotion-booking-area {
        border-radius: 18px;
    }

    .kurswerk-commotion-confidence .wp-block-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .kurswerk-commotion-confidence .wp-block-button,
    .kurswerk-commotion-confidence .wp-block-button__link {
        width: 100%;
    }
}
/* =========================================================
   Kurswerk24 – Schritt 11: ComMotion Kursverwaltung
   ========================================================= */

.kurswerk-commotion-section {
    position: relative;
    overflow: hidden;
    background: #F6F9FA;
    color: #17344A;
}

.kurswerk-commotion-section::before {
    content: "";
    position: absolute;
    left: -190px;
    top: 130px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(18,58,99,.055);
    border-radius: 50%;
    pointer-events: none;
}

.kurswerk-commotion-section::after {
    content: "";
    position: absolute;
    right: -220px;
    bottom: -230px;
    width: 520px;
    height: 520px;
    background: rgba(78,159,61,.045);
    border-radius: 50%;
    pointer-events: none;
}

.kurswerk-commotion-section > * {
    position: relative;
    z-index: 1;
}

.kurswerk-commotion-section .kurswerk-section-eyebrow {
    color: #4E9F3D;
    margin-bottom: .7rem !important;
}

.kurswerk-commotion-section > h2 {
    max-width: 850px;
    margin: 0 auto !important;
    color: #123A63 !important;
    font-size: clamp(2.4rem, 4.7vw, 4rem) !important;
    line-height: 1.07 !important;
    letter-spacing: -.04em !important;
}

.kurswerk-commotion-green {
    color: #4E9F3D;
}

.kurswerk-commotion-lead {
    max-width: 780px;
    margin: 1.25rem auto 0 !important;
    color: #637586;
    font-size: clamp(1.05rem, 1.8vw, 1.2rem) !important;
    line-height: 1.65;
}

.kurswerk-commotion-types {
    max-width: 1160px !important;
    margin: 3.7rem auto 0 !important;
    gap: 1rem;
}

.kurswerk-commotion-type {
    padding: 1.55rem 1.65rem !important;
    background: #FFFFFF;
    border: 1px solid #DCE5EA;
    border-top: 3px solid #4E9F3D;
    border-radius: 16px;
    box-shadow: 0 9px 26px rgba(18,58,99,.06);
}

.kurswerk-commotion-type-label {
    margin: 0 0 .55rem !important;
    color: #4E9F3D;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .14em;
}

.kurswerk-commotion-type h3 {
    margin: 0 0 .55rem !important;
    color: #123A63 !important;
    font-size: 1.35rem !important;
}

.kurswerk-commotion-type > p:last-child {
    margin: 0 !important;
    color: #637586;
    line-height: 1.55;
}

.kurswerk-commotion-booking-area {
    max-width: 1160px !important;
    margin: 4.4rem auto 0 !important;
    padding: 2.4rem !important;
    background: #FFFFFF;
    border: 1px solid #DCE5EA;
    border-radius: 24px;
    box-shadow: 0 14px 38px rgba(18,58,99,.08);
}

.kurswerk-commotion-booking-label,
.kurswerk-commotion-confidence-label {
    margin: 0 0 .45rem !important;
    color: #4E9F3D;
    font-size: .74rem;
    font-weight: 850;
    letter-spacing: .15em;
}

.kurswerk-commotion-booking-area h3 {
    margin: 0 !important;
    color: #123A63 !important;
    font-size: clamp(1.7rem, 3vw, 2.3rem) !important;
}

.kurswerk-commotion-booking-intro {
    max-width: 820px;
    margin: .8rem 0 1.7rem !important;
    color: #637586;
    line-height: 1.65;
}

/*
 * ComMotion liefert den Kurs-Preview dynamisch.
 * Wir stylen bewusst nur den umgebenden Kurswerk24-Rahmen.
 * So bleiben Plugin-Updates und die interne ComMotion-Struktur robust.
 */
.kurswerk-commotion-booking-area .wp-block-shortcode {
    margin-top: 1.5rem;
}

.kurswerk-commotion-confidence {
    max-width: 900px !important;
    margin: 3.2rem auto 0 !important;
    padding: 2rem 2.25rem !important;
    background: #123A63;
    color: #FFFFFF;
    border-radius: 22px;
    text-align: center;
    box-shadow: 0 16px 34px rgba(18,58,99,.14);
}

.kurswerk-commotion-confidence h3 {
    margin: 0 0 .55rem !important;
    color: #FFFFFF !important;
    font-size: clamp(1.55rem, 2.7vw, 2.1rem) !important;
}

.kurswerk-commotion-confidence > p:not(.kurswerk-commotion-confidence-label) {
    max-width: 700px;
    margin: 0 auto 1.35rem !important;
    color: rgba(255,255,255,.84);
    line-height: 1.65;
}

.kurswerk-commotion-main-button .wp-block-button__link {
    background: #4E9F3D !important;
    color: #FFFFFF !important;
    border-radius: 999px !important;
    padding: .85rem 1.5rem !important;
    font-weight: 750 !important;
}

.kurswerk-commotion-secondary-button .wp-block-button__link {
    background: transparent !important;
    color: #FFFFFF !important;
    border: 1.5px solid rgba(255,255,255,.9);
    border-radius: 999px !important;
    padding: .85rem 1.5rem !important;
    font-weight: 750 !important;
}

.kurswerk-commotion-main-button .wp-block-button__link:hover,
.kurswerk-commotion-main-button .wp-block-button__link:focus {
    background: #3F8532 !important;
    color: #FFFFFF !important;
    transform: translateY(-2px);
}

.kurswerk-commotion-secondary-button .wp-block-button__link:hover,
.kurswerk-commotion-secondary-button .wp-block-button__link:focus {
    background: #FFFFFF !important;
    color: #123A63 !important;
    transform: translateY(-2px);
}

@media (max-width: 780px) {
    .kurswerk-commotion-types {
        flex-direction: column;
    }

    .kurswerk-commotion-booking-area {
        padding: 1.5rem !important;
    }

    .kurswerk-commotion-confidence {
        padding: 1.7rem 1.25rem !important;
    }
}

@media (max-width: 520px) {
    .kurswerk-commotion-booking-area {
        border-radius: 18px;
    }

    .kurswerk-commotion-confidence .wp-block-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .kurswerk-commotion-confidence .wp-block-button,
    .kurswerk-commotion-confidence .wp-block-button__link {
        width: 100%;
    }
}


/* =========================================================
   Schritt 11 – Homepage-Preview statt vollständiger Kursseite
   ========================================================= */

.kurswerk-commotion-all-courses-link {
    margin: 1.25rem 0 0 !important;
}

.kurswerk-commotion-all-courses-link a {
    display: inline-block;
    color: #123A63;
    font-weight: 800;
    text-decoration: none;
    border-bottom: 2px solid #4E9F3D;
    padding-bottom: .15rem;
}

.kurswerk-commotion-all-courses-link a:hover,
.kurswerk-commotion-all-courses-link a:focus {
    color: #4E9F3D;
}

.kurswerk-commotion-confidence {
    margin-top: 2.6rem !important;
}
/* =========================================================
   Kurswerk24 – Seite /kurse/
   Vollständige Kurs- & Terminübersicht
   ========================================================= */

.kurswerk-kurse-page {
    background: #F6F9FA;
    color: #17344A;
}

.kurswerk-kurse-hero {
    max-width: 980px !important;
    padding-bottom: 1rem;
    text-align: center;
}

.kurswerk-kurse-hero .kurswerk-section-eyebrow {
    color: #4E9F3D;
}

.kurswerk-kurse-hero h1 {
    margin: 0 auto !important;
    color: #123A63 !important;
    font-size: clamp(2.7rem, 5.4vw, 4.7rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -.045em !important;
}

.kurswerk-kurse-green {
    color: #4E9F3D;
}

.kurswerk-kurse-lead {
    max-width: 820px;
    margin: 1.5rem auto .55rem !important;
    color: #17344A !important;
    font-size: clamp(1.12rem, 2vw, 1.35rem) !important;
    line-height: 1.55;
}

.kurswerk-kurse-copy {
    max-width: 760px;
    margin: 0 auto !important;
    color: #637586;
    line-height: 1.7;
}

.kurswerk-kurse-areas {
    max-width: 1160px !important;
    margin: 3.7rem auto 0 !important;
}

.kurswerk-kurse-areas .wp-block-columns {
    gap: 1rem;
}

.kurswerk-kurse-area {
    padding: 1.65rem 1.6rem !important;
    background: #FFFFFF;
    border: 1px solid #DCE5EA;
    border-top: 4px solid #4E9F3D;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(18,58,99,.06);
}

.kurswerk-kurse-area-label {
    margin: 0 0 .55rem !important;
    color: #4E9F3D;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .13em;
}

.kurswerk-kurse-area h2 {
    margin: 0 0 .55rem !important;
    color: #123A63 !important;
    font-size: 1.35rem !important;
    line-height: 1.12 !important;
}

.kurswerk-kurse-area > p:last-child {
    margin: 0 !important;
    color: #637586;
    line-height: 1.58;
}

.kurswerk-kurse-booking {
    max-width: 1160px !important;
    margin: 4.8rem auto 0 !important;
    padding: clamp(1.5rem, 3vw, 2.7rem) !important;
    background: #FFFFFF;
    border: 1px solid #DCE5EA;
    border-radius: 24px;
    box-shadow: 0 16px 42px rgba(18,58,99,.08);
}

.kurswerk-kurse-booking-label,
.kurswerk-kurse-benefits-label,
.kurswerk-kurse-cta-label {
    margin: 0 0 .5rem !important;
    color: #4E9F3D;
    font-size: .74rem;
    font-weight: 850;
    letter-spacing: .15em;
}

.kurswerk-kurse-booking h2 {
    margin: 0 !important;
    color: #123A63 !important;
    font-size: clamp(1.8rem, 3.2vw, 2.5rem) !important;
}

.kurswerk-kurse-booking-intro {
    max-width: 850px;
    margin: .8rem 0 2rem !important;
    color: #637586;
    line-height: 1.7;
}

.kurswerk-kurse-booking .wp-block-shortcode {
    margin-top: 1rem;
}

/*
 * ComMotion:
 * [timetable design="list"] is the complete live course/timetable source.
 * We intentionally do not target internal ComMotion classes here.
 * This keeps the integration safer across plugin updates.
 */

.kurswerk-kurse-benefits {
    max-width: 1160px !important;
    margin: 4.5rem auto 0 !important;
    padding: 2.5rem !important;
    background: #123A63;
    border-radius: 24px;
    color: #FFFFFF;
    box-shadow: 0 16px 40px rgba(18,58,99,.12);
}

.kurswerk-kurse-benefits h2 {
    max-width: 760px;
    margin: 0 0 1.7rem !important;
    color: #FFFFFF !important;
    font-size: clamp(1.8rem, 3.2vw, 2.5rem) !important;
}

.kurswerk-kurse-benefits .wp-block-columns {
    gap: 1rem;
}

.kurswerk-kurse-benefits .wp-block-column {
    padding: 1.3rem !important;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 15px;
}

.kurswerk-kurse-benefits h3 {
    margin: 0 0 .5rem !important;
    color: #FFFFFF !important;
    font-size: 1.18rem !important;
}

.kurswerk-kurse-benefits p:not(.kurswerk-kurse-benefits-label) {
    margin: 0 !important;
    color: #C9D8E2;
    line-height: 1.6;
}

.kurswerk-kurse-seo {
    max-width: 960px !important;
    margin: 4.5rem auto 0 !important;
    padding: 0 1rem;
}

.kurswerk-kurse-seo h2 {
    margin: 0 0 1rem !important;
    color: #123A63 !important;
    font-size: clamp(1.7rem, 3vw, 2.25rem) !important;
}

.kurswerk-kurse-seo p {
    color: #637586;
    line-height: 1.75;
}

.kurswerk-kurse-cta {
    max-width: 900px !important;
    margin: 4.5rem auto 0 !important;
    padding: 2.6rem 2rem !important;
    background: #FFFFFF;
    border: 1px solid #DCE5EA;
    border-radius: 24px;
    text-align: center;
    box-shadow: 0 12px 34px rgba(18,58,99,.07);
}

.kurswerk-kurse-cta h2 {
    margin: 0 0 .65rem !important;
    color: #123A63 !important;
    font-size: clamp(1.8rem, 3.3vw, 2.6rem) !important;
}

.kurswerk-kurse-cta > p:not(.kurswerk-kurse-cta-label) {
    max-width: 680px;
    margin: 0 auto 1.35rem !important;
    color: #637586;
    line-height: 1.65;
}

.kurswerk-kurse-main-button .wp-block-button__link {
    background: #4E9F3D !important;
    color: #FFFFFF !important;
    border-radius: 999px !important;
    padding: .85rem 1.5rem !important;
    font-weight: 750 !important;
}

.kurswerk-kurse-secondary-button .wp-block-button__link {
    background: #FFFFFF !important;
    color: #123A63 !important;
    border: 1.5px solid #123A63;
    border-radius: 999px !important;
    padding: .85rem 1.5rem !important;
    font-weight: 750 !important;
}

.kurswerk-kurse-main-button .wp-block-button__link:hover,
.kurswerk-kurse-main-button .wp-block-button__link:focus {
    background: #3F8532 !important;
    color: #FFFFFF !important;
}

.kurswerk-kurse-secondary-button .wp-block-button__link:hover,
.kurswerk-kurse-secondary-button .wp-block-button__link:focus {
    background: #123A63 !important;
    color: #FFFFFF !important;
}

@media (max-width: 780px) {
    .kurswerk-kurse-areas .wp-block-columns,
    .kurswerk-kurse-benefits .wp-block-columns {
        flex-direction: column;
    }

    .kurswerk-kurse-booking,
    .kurswerk-kurse-benefits {
        border-radius: 18px;
    }

    .kurswerk-kurse-benefits {
        padding: 1.5rem !important;
    }
}

@media (max-width: 520px) {
    .kurswerk-kurse-cta .wp-block-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .kurswerk-kurse-cta .wp-block-button,
    .kurswerk-kurse-cta .wp-block-button__link {
        width: 100%;
    }
}
