/* Partnerseite /partner/ – Bausteine auf Basis von thailand.css (Farben über die dortigen Variablen).
   Eigene Datei, weil die CSP (style-src 'self') eingebettete Styles blockiert. */

/* Eckdaten als Karten statt Tabelle */
.eck-raster{ display:grid; gap:1rem; margin:1.2rem 0 .8rem; }
.eck-raster.eck-zwei{ grid-template-columns:repeat(auto-fit, minmax(min(100%, 24rem), 1fr)); }
@media (min-width:1100px){ .eck-raster.eck-zwei{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
.eck-karte{ background:var(--card); border:1px solid var(--line); border-radius:12px; padding:1.2rem 1.3rem; }
.eck-karte.eck-empfohlen{ border:2px solid var(--accent); box-shadow:0 10px 30px -18px rgba(6,40,35,.45); }
.eck-karte h3{ margin:.15rem 0 .7rem; font-size:1.25rem; }
.eck-label{ margin:0; font-size:.78rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--accent); }
.eck-karte dl{ display:grid; grid-template-columns:7.5rem minmax(0, 1fr); gap:.45rem 1rem; margin:0; }
.eck-karte dt{ font-weight:600; color:var(--muted); }
.eck-karte dd{ margin:0; overflow-wrap:anywhere; }
@media (max-width:560px){ .eck-karte dl{ grid-template-columns:1fr; gap:.1rem; } .eck-karte dd{ margin-bottom:.5rem; } }
.klein-hinweis{ font-size:.9rem; color:var(--muted); max-width:46rem; }

/* Partnerlink-Muster */
.code-box{ margin:1.4rem 0 1rem; padding:1rem 1.2rem; background:var(--card); border:1px solid var(--line); border-radius:12px; }
.code-box p{ margin:.35rem 0; }
.code-box code{ overflow-wrap:anywhere; font-size:.92rem; background:var(--accent-bg); padding:.1rem .35rem; border-radius:4px; }
.code-hinweis{ font-size:.85rem; color:var(--muted); }
.code-warnung{ font-size:.9rem; color:var(--muted); }

/* Fertige Texte mit Kopieren-Knopf */
.kopien{ display:grid; gap:1rem; margin-top:1.2rem; }
.kopie-box{ background:var(--card); border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.kopie-kopf{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.7rem 1rem; border-bottom:1px solid var(--line); }
.kopie-kopf h3{ margin:0; font-size:1rem; }
.kopier-btn{ flex:none; cursor:pointer; font:inherit; font-size:.88rem; font-weight:600; padding:.45rem .9rem; border-radius:999px;
  border:1px solid var(--accent); background:transparent; color:var(--accent); }
.kopier-btn:hover{ background:var(--accent-bg); }
.kopier-btn.ok{ background:var(--accent); color:#fff; }
.kopier-btn:focus-visible{ outline:3px solid var(--warn-line); outline-offset:2px; }
.kopie{ margin:0; padding:.9rem 1rem; white-space:pre-wrap; font-size:.96rem; line-height:1.6; }

/* Bilder zum Herunterladen */
.bilder-raster{ display:grid; grid-template-columns:repeat(auto-fill, minmax(11rem, 1fr)); gap:1rem; margin-top:1rem; }
.bild{ display:flex; flex-direction:column; gap:.5rem; text-decoration:none; color:inherit; background:var(--card);
  border:1px solid var(--line); border-radius:12px; padding:.7rem; font-size:.9rem; line-height:1.4; }
.bild:hover{ border-color:var(--accent); }
.bild img{ width:100%; height:9rem; object-fit:contain; display:block; }

/* Bitte nicht verwenden */
.nein-liste{ list-style:none; padding:0; margin:1rem 0 0; display:grid; gap:.7rem; }
.nein-liste li{ position:relative; padding:.8rem 1rem .8rem 2.6rem; background:var(--card); border:1px solid var(--line); border-radius:10px; }
.nein-liste li::before{ content:"✕"; position:absolute; left:1rem; top:.8rem; font-weight:700; color:var(--bad); }

/* Kontakt */
.kontakt-karte{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem 2rem;
  padding:1.4rem 1.5rem; border-radius:14px; background:var(--accent-bg); border:1px solid var(--line); }
.kontakt-karte h2{ margin:0 0 .3rem; font-size:1.3rem; }
.kontakt-karte p{ margin:0; }