/*
 * partner.css — das Partnerprogramm
 *
 * Eigene Datei statt Zeilen in style.css: Die Partnerseiten sind die
 * einzigen, die Kacheln und breite Tabellen brauchen. Wer sie nicht
 * aufruft, soll die Regeln auch nicht laden.
 *
 * Dieselbe Datei liegt in intern.4diget.de. Beide Orte zeigen dieselben
 * Daten, und zwei Gestaltungen dafuer waeren eine zu viel.
 *
 * --------------------------
 * Autor:   Martin Kornmüller
 * Projekt: 4digEt
 * Stand:   02.10.2026
 */

/* ---- Kacheln ------------------------------------------------------- */

.partner-raster {
    list-style: none;
    margin: 1.5rem 0;
    padding: 0;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
}

.partner-karte {
    border: 0.0625rem solid #d8d8d8;
    border-left: 0.25rem solid #bbb;
    border-radius: 0.25rem;
    padding: 1rem;
    background: #fff;
}

/* Die Empfehlung sieht man an der Kante, nicht erst im Text. */
.partner-karte.partner-einstieg      { border-left-color: #1f7a1f; }
.partner-karte.partner-gut           { border-left-color: #2f5e9e; }
.partner-karte.partner-nur-mit-basis { border-left-color: #b37400; }

.partner-karte h3 {
    margin: 0 0 0.35rem;
    font-size: 1.1rem;
}

.partner-karte p {
    margin: 0 0 0.6rem;
}

.partner-preis {
    font-weight: 700;
}

.partner-preis span {
    font-weight: 400;
    color: #555;
}

.partner-braucht {
    color: #8a5a00;
}

/* ---- Tabellen ------------------------------------------------------ */

.partner-tabelle,
.partner-stufen {
    border-collapse: collapse;
    width: 100%;
    margin: 1rem 0;
}

.partner-stufen {
    max-width: 24rem;
}

.partner-tabelle th,
.partner-tabelle td,
.partner-stufen th,
.partner-stufen td {
    border-bottom: 0.0625rem solid #ddd;
    padding: 0.5rem 0.6rem;
    text-align: left;
    vertical-align: top;
}

.partner-tabelle th,
.partner-stufen th {
    border-bottom-width: 0.125rem;
}

/*
 * Eine Tabelle mit fuenf Spalten passt auf kein Telefon. Sie bekommt
 * deshalb ihren eigenen Rollbereich. Die Seite selbst rollt nie zur
 * Seite, das ist der Unterschied.
 */
.tabelle-rollt {
    overflow-x: auto;
}

.tabelle-rollt .partner-tabelle {
    min-width: 36rem;
}

/* ---- Werbemittel --------------------------------------------------- */

.partner-mittel-titel {
    margin-bottom: 0.25rem;
    font-weight: 700;
}

textarea.partner-mittel {
    width: 100%;
    font: inherit;
    line-height: 1.45;
    padding: 0.6rem;
    border: 0.0625rem solid #ccc;
    border-radius: 0.25rem;
    background: #fafafa;
    resize: vertical;
}

/* ---- Hinweise ------------------------------------------------------ */

.partner-achtung {
    border-left: 0.25rem solid #b37400;
    background: #fff8ec;
    padding: 0.7rem 0.9rem;
    margin: 1rem 0;
}

.partner-eines {
    margin: 2rem 0;
    padding-top: 0.5rem;
    border-top: 0.0625rem solid #e3e3e3;
}

/* ---- Der eigene Stand im Mitgliederbereich ------------------------- */

.partner-stand {
    border: 0.0625rem solid #d8d8d8;
    border-radius: 0.25rem;
    padding: 1rem 1.2rem;
    margin: 1rem 0;
    background: #f6f9f6;
}

.partner-satz {
    font-size: 1.15rem;
    margin-top: 0;
}

.partner-satz strong {
    font-size: 1.6rem;
}

/*
 * Produkte ohne Provision. Grau statt bunt: Sie stehen in der Liste,
 * weil es sie gibt, nicht weil sie sich zu bewerben lohnen.
 */
.partner-karte.partner-ohne {
    border-left-color: #999;
    background: #f7f7f7;
}

/*
 * Provision in Vorbereitung. Nicht grau wie "ohne Provision", denn
 * diese Produkte lohnen sich, nur noch nicht heute. Ein warmer Rand
 * sagt "gleich", kein kalter "nie".
 */
.partner-karte.partner-wartet {
    border-left-color: #b37400;
    background: #fffdf7;
}