/* =========================================================
   INOX-SKIN für die Geländer-Landingpage — REVERSIBEL
   Gleicht die Landingpage optisch an den Shop an:
   grüne Kartenrahmen (#00AA00), grüne Akzent-Titel,
   Shop-Schrift statt Barlow.
   RÜCKBAU: nur die <link>-Zeile "INOX-SKIN" in
   index_head.inc.php entfernen — Markup unverändert.
   !important ist nötig, weil Karten/Body Inline-Styles tragen.
   ========================================================= */

/* Schrift wie im Shop (Bootstrap-Systemschrift statt Barlow) */
body {
    font-family: var(--bs-body-font-family) !important;
}

/* Hero-Titel: dunkler Text wie Shop-Fließtext */
.titel1 {
    color: #333333;
}

/* Karten im Shop-Look: dünner grauer Rahmen wie die
   Auswahl-Kacheln der Startseite (thumbnail-Stil) */
.card {
    border: 1px solid #CCCCCC !important;
    border-radius: 4px !important;
    background-color: #FFFFFF;
}

/* Mehr Luft zwischen Kartenbild und Kategorietitel */
.card .card-title {
    margin-top: 1rem;
}

/* Kachel-Rahmen für Landingpages ohne Bootstrap-Cards:
   gleicher Look wie .card bzw. die Startseiten-Kacheln.
   Ohne dieses Stylesheet bleibt die Klasse wirkungslos (reversibel). */
.inox-kachel {
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    background-color: #FFFFFF;
    padding: 12px;
    height: 100%;
}
.inox-kachel h3 {
    margin-top: 1rem;
}