/* 3 Blickwinkel · Folgen-Seite (ergänzt style.css, gleiche Werte) */
.folge-kopf{background:var(--dunkel);color:var(--hell);padding:var(--t8) 0 var(--t7);position:relative;overflow:hidden}
.folge-kopf::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--band)}
.folge-kopf h1{font-size:clamp(32px,4.6vw,56px);line-height:1.05;margin:0 0 var(--t5);font-weight:900;letter-spacing:-.025em;text-wrap:balance;max-width:16em}
.folge-kopf .kern{font-size:clamp(18px,2.2vw,22px);line-height:1.45;font-weight:700;margin:0 0 var(--t6);max-width:32em}
.folge-kopf .video{margin-top:0;background:#202328}
.zurueck{display:block;width:fit-content;color:var(--hell2);font-size:15px;margin-bottom:var(--t5);text-decoration:none}
.zurueck:hover{color:var(--hell)}

/* Punkt für den Blickwinkel */
.wer{display:flex;align-items:center;gap:var(--t3);margin-bottom:var(--t4)}
.wer img{width:44px;height:44px;flex:none}
.wer .k{display:block;width:44px;height:44px;border-radius:50%;background:var(--hell2);flex:none}
.wer b{display:block;font-size:15px;line-height:1.3}
.wer small{display:block;font-size:14px;color:var(--neben)}

/* Passung je Campingstil */
.passung{display:grid;gap:var(--t4)}
.stilzeile{display:grid;gap:var(--t3);background:var(--flaeche);border-radius:var(--r);padding:var(--t5)}
.stilzeile h3{font-size:21px;margin:0}
.stilzeile .wofuer{color:var(--neben);font-size:15px;margin:0}
.weg{background:var(--hell);border-radius:10px;padding:var(--t4);border-left:6px solid var(--hell2)}
.weg.q{border-left-color:var(--q)}.weg.p{border-left-color:var(--p)}.weg.h{border-left-color:var(--h)}.weg.kh{border-left-color:var(--kh)}
.weg .sys{font-size:19px;font-weight:800;margin:0 0 var(--t1)}
.weg .wenn{font-size:15px;color:var(--neben);margin:0 0 var(--t3)}
.weg .nicht{font-size:15px;margin:0}
.weg .nicht strong{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--neben);margin-bottom:2px}
.wege{display:grid;gap:var(--t3)}
@media (min-width:860px){
  .stilzeile{grid-template-columns:260px 1fr;align-items:start;gap:var(--t5)}
  .wege.zwei{grid-template-columns:1fr 1fr}
}

/* Toiletten */
.toilette .fakten{list-style:none;padding:0;margin:var(--t3) 0 0;display:grid;gap:var(--t2);font-size:15px;color:var(--neben)}
.toilette .fakten li{padding-left:var(--t5);position:relative}
.toilette .fakten li::before{content:"";position:absolute;left:4px;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--dunkel)}
.toilette .ehrlich{margin-top:var(--t4);padding-top:var(--t4);border-top:1px solid var(--linie);font-size:15px}
.toilette .ehrlich strong{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--neben);margin-bottom:2px}
.toilette .ehrlich p{color:var(--schrift)}

/* Vergleichstabelle */
.tabelle-huelle{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r);border:1px solid var(--linie);background:var(--hell)}
.vergleich{border-collapse:collapse;width:100%;min-width:880px;font-size:15px;line-height:1.45}
.vergleich th,.vergleich td{padding:var(--t3) var(--t4);text-align:left;vertical-align:top;border-bottom:1px solid var(--linie)}
.vergleich tbody tr:last-child th,.vergleich tbody tr:last-child td{border-bottom:0}
.vergleich thead th{background:var(--dunkel);color:var(--hell);font-size:15px;position:relative}
.vergleich thead th .wer{margin:0;gap:var(--t2)}
.vergleich thead th .wer img,.vergleich thead th .wer .k{width:28px;height:28px}
.vergleich thead th small{color:var(--hell2);font-weight:400}
.vergleich tbody th{font-weight:700;width:150px;background:var(--flaeche)}
.vergleich th:first-child{position:sticky;left:0;z-index:1}
.vergleich thead th:first-child{background:var(--dunkel)}
.quelle{font-size:14px;color:var(--neben);margin-top:var(--t4);max-width:60em}
.wisch{font-size:14px;color:var(--neben);margin:0 0 var(--t3)}
@media (min-width:960px){.wisch{display:none}}

/* Transparenz */
.offenlegung{border:2px solid var(--dunkel);border-radius:var(--r);padding:var(--t5);max-width:760px}
.offenlegung h3{margin-bottom:var(--t3)}
.offenlegung p{color:var(--neben);font-size:16px}
.offenlegung p:last-child{margin-bottom:0}

/* Mehr dazu: Link mit Mini-Vorschaubild */
.mehr{display:grid;gap:var(--t3);margin-top:var(--t1)}
.mehr a{display:flex;align-items:center;gap:var(--t3);text-decoration:none;color:var(--schrift);font-weight:700;font-size:15px;line-height:1.35}
.mehr img{width:112px;height:63px;object-fit:cover;border-radius:8px;flex:none;background:var(--linie)}
.mehr small{display:block;font-weight:400;font-size:13px;color:var(--neben);margin-top:2px}
.mehr a:hover span{text-decoration:underline}