/* ============================================================
   ROUNDED CORNERS — leichte Abrundung fuer Karten, Buttons,
   Eingabefelder und Bilder. Ueberschreibt nur radius-Werte.
   Mit !important, damit lokale Style-Bloecke nicht gewinnen.
   ============================================================ */

/* --- ALLE BUTTONS, egal mit welcher Zusatzklasse --- */
.btn,
.btn-primary,
.btn-secondary,
.btn-outline-light,
.btn-ghost,
.btn-arrow,
.nav-cta,
.header-cta-desktop,
.site-header-v3 .btn,
.site-header-v3 .nav-cta,
.subpage-hero .btn,
button.btn,
a.btn {
    border-radius: 6px !important;
}

/* --- ALLE KARTEN / CONTAINER --- */
.occasion-card,
.compare-card,
.sidebar-card,
.callout,
.hero-cert,
.cert-card,
.trust-logo,
.faq-item,
.contact-form,
.welcome-image,
.process-step,
.info-table {
    border-radius: 10px !important;
}

/* info-table: damit auch die inneren Ecken sauber abgerundet sind */
.info-table {
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
}

/* welcome-image::after ist die dekorative Linie/Rahmen daneben */
.welcome-image::after {
    border-radius: 10px !important;
}

/* --- FORM-FELDER --- */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="url"],
textarea,
select {
    border-radius: 6px !important;
}

/* --- BILDER innerhalb von Karten --- */
.welcome-image img {
    border-radius: 10px !important;
}

/* ============================================================
   CALLOUT: goldenen Linken Rand entfernen
   (Box bleibt cremefarben, aber ohne Akzent-Strich links)
   ============================================================ */
.callout {
    border-left: none !important;
    padding-left: 32px !important;
}

/* ============================================================
   PROCESS-CTA: zentrierter Button unter dem Ablauf-Grid
   Der .process-block hat dunkles Navy als Hintergrund, daher den
   btn-secondary hier auf weisse Schrift + helle Border umstellen,
   damit er ohne Hover sichtbar bleibt.
   ============================================================ */
.process-cta {
    margin-top: 56px;
    display: flex;
    justify-content: center;
}
.process-block .btn-secondary {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.6);
}
.process-block .btn-secondary:hover {
    background: #fff;
    color: var(--color-primary);
    border-color: #fff;
}

/* Das dekorative Hintergrund-Raster im rechten Halbteil der
   Process-Section ist absolut positioniert und faengt sonst
   Klicks auf dem Button-Bereich ab. Deshalb fuer Mausereignisse
   transparent setzen. */
.process-block::before {
    pointer-events: none;
}
