.angebot{background:var(--ink);color:#efe9dc;border-top:1px solid rgba(178,155,107,.25)}
.angebot .ey{color:#b29b6b}
.angebot .bsKopf{border-bottom-color:rgba(178,155,107,.3)}
.angebot .bsKopf p{color:#9fa19b}
.angebot .bsBild .griff{box-shadow:0 18px 40px rgba(0,0,0,.45)}
.angebot .bsHinweis{color:#8d8f88}
.angebot .bsLogik{background:#111412;border:1px solid rgba(178,155,107,.3)}
.angebot .bsZeilen div{border-bottom:1px solid rgba(255,255,255,.08)}
.angebot .bsZeilen dt{color:#b29b6b}
.angebot .bsZeilen dd{color:#efe9dc}
.angebot .bsFuss{color:#9fa19b}
.kette{background:var(--ink);border-top:0;padding-top:8px}
.kette + .pfeilDanach{background:var(--ink)}

.kette .pbForm{background:#111412;color:#efe9dc;border:1px solid rgba(178,155,107,.35)}
.pbForm label{color:#b29b6b}
.pbForm input:not([type=checkbox]),.pbForm select{background:#0b0d0c;color:#efe9dc;border:1px solid rgba(178,155,107,.35)}
.pbForm .pbHaken{color:#d9d3c6}
.pbForm .pbHaken a{color:#d6bf8c}
.pbWortlaut{background:#0b0d0c;border:1px solid rgba(255,255,255,.08);color:#d9d3c6}
.pbForm .pbHinweis{color:#9fa19b}

.bsMehr{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.bsMehr:empty{display:none}.bsMehr img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}

.pbArt{display:flex;gap:22px;flex-wrap:wrap}.pbForm .pbWahl{display:flex;gap:8px;align-items:center;font:400 14px var(--sans);letter-spacing:0;text-transform:none;color:#efe9dc}.pbFirma[hidden]{display:none!important}

.kaKopf{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin:34px 0 14px}
.kaBeispiel{font:300 clamp(30px,3.4vw,52px)/1 var(--serif,Georgia,serif);letter-spacing:.04em;color:#d6bf8c}
.kaKopf p{margin:0;font:400 14px/1.45 var(--sans,Arial,sans-serif);color:#9fa19b;max-width:520px}
.kaReihe{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.kaReihe li{display:flex;min-width:0}
.ka{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:8px;width:100%;padding:16px 14px 14px;background:#111412;border:1px solid rgba(178,155,107,.3);color:#efe9dc;transition:border-color .2s,transform .2s}
.ka:hover,.ka:focus-visible{border-color:#b29b6b;transform:translateY(-2px)}
.ka:focus-visible{outline:2px solid #d6bf8c;outline-offset:2px}
.ka svg{width:38px;height:38px;color:#b29b6b}
.kaNr{font:500 10px var(--sans,Arial,sans-serif);letter-spacing:.16em;color:#8d8f88}
.ka h3{margin:0;font:400 17px/1.2 var(--serif,Georgia,serif);color:#efe9dc;text-wrap:balance}
.ka p{margin:0;font:400 12.5px/1.45 var(--sans,Arial,sans-serif);color:#b9b4a8}
.kaSchloss{margin-top:auto;font:500 9.5px var(--sans,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:#8d8f88;overflow-wrap:anywhere}
.kaWeg .ka{border-style:dashed}
@media (max-width:1100px){.kaReihe{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:760px){.kaReihe{grid-template-columns:repeat(2,minmax(0,1fr))}.kaReihe li:last-child{grid-column:1/-1}.ka h3{font-size:16px}}
@media (prefers-reduced-motion:reduce){.ka{transition:none}.ka:hover{transform:none}}
.angebot .bsZeile{margin:6px 0 0;flex-basis:100%;font:400 15px/1.45 var(--serif);color:#d9d3c6}
.angebot .bsBild .griff{aspect-ratio:1600/1073}
.angebot .bsZeilen .bsGruppe{border-bottom:0;padding-top:14px}.angebot .bsZeilen .bsGruppe dt{color:#d6bf8c;font-size:11px;letter-spacing:.16em}
@media (min-width:900px){.angebot .bsBild{position:sticky;top:90px}}

.kbRahmen{margin:6px 0 34px;border:1px solid rgba(178,155,107,.28)}
.kbFrame{display:block;width:100%;height:min(88vh,900px);border:0;background:#090b0b}
@media (max-width:760px){.kbFrame{height:88svh}}
.ka .kaBild{display:block;width:100%;height:auto;aspect-ratio:1600/1073;object-fit:cover;margin:-4px 0 4px}

.angebot .kaReihe{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kaDrei{}
.angebot .kaReihe li.kaWeg{grid-column:1/-1}
.angebot .kaReihe .ka{min-height:150px}
@media (max-width:760px){.angebot .kaReihe{grid-template-columns:1fr}}
.kbRahmen{margin:6px 0 34px;border:1px solid rgba(178,155,107,.28)}
.kbFrame{display:block;width:100%;height:min(88vh,900px);border:0;background:#090b0b}
@media (max-width:760px){.kbFrame{height:88svh}}
.ka .kaBild{display:block;width:100%;height:auto;aspect-ratio:1600/1073;object-fit:cover;margin:-4px 0 4px}

.angebot .kaReihe li.kaWeg .ka{min-height:0}

.lbListe.lbDrei{max-width:1040px}
.lbListe.lbDrei li span{display:block;margin:2px 0}
.lbListe.lbDrei.lbAktiv{min-height:5.2em}
.angebot .kaKopf{margin:46px 0 22px}
.angebot .kaReihe{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 40px}
.angebot .kaReihe>li{position:relative}
.angebot .kaReihe>li:not(.kaWeg):not(:nth-child(3n))::after{content:"→";position:absolute;right:-31px;top:50%;transform:translateY(-50%);font:300 24px/1 "Source Serif 4",Georgia,serif;color:#b29b6b;pointer-events:none}
.angebot .kaReihe .ka{position:relative;min-height:340px;padding:0;gap:0;overflow:hidden;background:#101311;border:1px solid rgba(178,155,107,.32)}
.angebot .kaReihe .ka .kaBild{margin:0;aspect-ratio:16/9;width:100%}
.angebot .kaReihe li:not(:first-child):not(.kaWeg) .ka::before{content:"";display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#1a1d1a 0%,#121513 55%,#0d0f0e 100%);border-bottom:1px solid rgba(178,155,107,.18)}
.angebot .kaReihe .ka .kaNr{position:absolute;left:22px;top:18px;font:300 54px/1 "Source Serif 4",Georgia,serif;letter-spacing:0;color:#d6bf8c;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.angebot .kaReihe .ka h3{padding:20px 22px 0;font-size:24px;line-height:1.2}
.angebot .kaReihe .ka p{padding:10px 22px 0;font-size:14px;line-height:1.55;color:#c9c3b6}
.angebot .kaReihe .ka .kaAuf{margin-top:auto;padding:18px 22px 20px;font:500 11px/1 Archivo,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#b29b6b}
.angebot .kaReihe .ka:hover{border-color:#d6bf8c;transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.angebot .kaReihe .ka:hover .kaAuf{color:#efe9dc}
.angebot .kaReihe li.kaWeg .ka{min-height:0;padding:22px;flex-direction:row;align-items:center;justify-content:space-between;border-style:dashed}
.angebot .kaReihe li.kaWeg .ka h3{padding:0}
@media (max-width:900px){.angebot .kaReihe{grid-template-columns:1fr;gap:18px}.angebot .kaReihe>li::after{display:none}.angebot .kaReihe .ka{min-height:0}}
.angebot .kaReihe li:first-child .ka .kaNr{background:rgba(9,11,11,.62);padding:8px 12px 6px;left:14px;top:12px}

.kv{position:fixed;inset:max(2vh,10px) max(2vw,10px);z-index:200;display:flex;flex-direction:column;background:#090b0b;border:1px solid rgba(178,155,107,.45);box-shadow:0 30px 90px rgba(0,0,0,.75)}
.kv[hidden]{display:none}
.kv:fullscreen{inset:0;border:0}
.kvKopf{display:flex;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid rgba(178,155,107,.3);background:#0d100e}
.kvNr{font:500 11px/1 Archivo,Arial,sans-serif;letter-spacing:.16em;color:#8d8f88}
.kvTitel{font:400 clamp(18px,1.6vw,24px)/1.2 "Source Serif 4",Georgia,serif;color:#efe9dc}
.kvRechts{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.kvKnopf,.kvPdf{all:unset;cursor:pointer;padding:10px 14px;border:1px solid rgba(178,155,107,.5);color:#d6bf8c;font:500 10.5px/1 Archivo,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.kvPdf{background:#b29b6b;color:#0b0d0c;border-color:#b29b6b}
.kvKnopf:hover{background:#b29b6b;color:#0b0d0c}
.kvPdf[hidden]{display:none}
.kvRahmen{flex:1;width:100%;border:0;background:#090b0b}
.kvFuss{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border-top:1px solid rgba(178,155,107,.3);background:#0d100e}
.kvFuss a{color:#d6bf8c;font:500 12px/1 Archivo,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.kvFuss a:hover{color:#efe9dc}
.kvFuss a[hidden]{visibility:hidden;display:inline}
.kvWeiter{margin-left:auto;padding:12px 18px;border:1px solid #b29b6b}
@media (max-width:760px){.kv{inset:0}.kvKopf{flex-wrap:wrap;padding:10px 12px}.kvRechts{margin-left:0}.kvFuss{padding:10px 12px}.kvZurueck{display:none!important}}

.kvPdfs{display:flex;gap:10px;flex-wrap:wrap}

.wwt{margin:10px 0 30px;padding:34px 0 10px;border-top:1px solid rgba(178,155,107,.3)}
.wwKopf .ey{font:500 10.5px Archivo,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#b29b6b}
.wwKopf h2{font:300 clamp(26px,2.6vw,38px)/1.2 "Source Serif 4",Georgia,serif;color:#efe9dc;margin:10px 0 10px;max-width:900px}
.wwKopf p{font:400 17px/1.55 "Source Serif 4",Georgia,serif;color:#cfc9bc;max-width:820px;margin:0 0 22px}
.wwBand{list-style:none;margin:0;padding:0;position:relative;min-height:250px}
.wwBand li{position:absolute;inset:0 0 auto 0;opacity:0;transition:opacity .9s ease;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.wwBand li.an{opacity:1;position:relative}
.wwZ{display:flex;gap:14px;padding:20px 20px 22px;background:#101311;border:1px solid rgba(178,155,107,.25)}
.wwN{font:300 34px/1 "Source Serif 4",Georgia,serif;color:#d6bf8c}
.wwZ div{font:400 15.5px/1.55 "Source Serif 4",Georgia,serif;color:#e4ded1}
.wwZ b{font-weight:600;color:#efe9dc}
.wwZ em{display:block;margin-top:10px;font:400 14px/1.5 Archivo,Arial,sans-serif;font-style:normal;color:#b29b6b}
.wwPunkte{display:flex;gap:8px;margin:16px 0 0}
.wwPunkte i{width:28px;height:3px;background:rgba(178,155,107,.3);cursor:pointer}
.wwPunkte i.an{background:#d6bf8c}
@media (max-width:900px){.wwBand li{grid-template-columns:1fr;gap:12px}.wwBand{min-height:0}}
.wwBand{min-height:0}

.wwSteuer{display:flex;align-items:center;gap:14px;margin-top:16px}.wwSteuer .wwPunkte{margin:0}
.wwPfeil{all:unset;cursor:pointer;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(178,155,107,.5);color:#d6bf8c;font:300 22px/1 Georgia,serif}
.wwPfeil:hover{background:#b29b6b;color:#0b0d0c}
/* Kacheln feiner */
.angebot .kaReihe{gap:22px 34px}
.angebot .kaReihe li:not(:first-child):not(.kaWeg) .ka::before{display:none}
.angebot .kaReihe .ka{min-height:0;border-color:rgba(178,155,107,.22);background:#0e1110}
.angebot .kaReihe .ka .kaBild{aspect-ratio:16/9;object-fit:cover;object-position:top center;border-bottom:1px solid rgba(178,155,107,.18)}
.angebot .kaReihe .ka .kaNr{left:12px;top:12px;font:500 11px/1 Archivo,Arial,sans-serif;letter-spacing:.16em;padding:7px 9px;background:rgba(9,11,11,.72);color:#d6bf8c;text-shadow:none}
.angebot .kaReihe li:first-child .ka .kaNr{padding:7px 9px;left:12px;top:12px}
.angebot .kaReihe .ka h3{font-size:21px;padding:16px 20px 0}
.angebot .kaReihe .ka p{font-size:13.5px;padding:6px 20px 0}
.angebot .kaReihe .ka .kaAuf{padding:14px 20px 16px;font-size:10.5px}
.angebot .kaReihe>li:not(.kaWeg):not(:nth-child(3n))::after{right:-26px;font-size:20px;top:40%}

/* v20 Beispiel: Erklärung über jeder Kachel */
.angebot .kaKopf p b{color:#efe9dc;font-weight:500}
.angebot .kaReihe>li{display:flex;flex-direction:column}
.angebot .kaReihe>li::after{top:auto!important;bottom:150px;transform:none!important}
.kaUeber{margin:0 0 14px;min-height:4.6em;font:400 14px/1.55 var(--sans,Archivo,Arial,sans-serif);color:#cfc9bb;border-left:2px solid #b29b6b;padding-left:14px}
.angebot .kaReihe .ka{flex:1;min-height:0}
.angebot .kaReihe li:not(:first-child):not(.kaWeg) .ka::before{display:none!important}
.angebot .kaReihe .kaFeld{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;width:100%;background:radial-gradient(120% 90% at 30% 20%,#1d211d 0%,#111412 60%,#0b0d0c 100%);border-bottom:1px solid rgba(178,155,107,.18)}
.angebot .kaReihe .kaGross{font:200 clamp(64px,7vw,110px)/1 "Source Serif 4",Georgia,serif;color:rgba(214,191,140,.55);letter-spacing:.02em}
.angebot .kaReihe li.ohneBild .kaNr{display:none}
.angebot .kaReihe li.kaWeg{grid-column:1/-1}
.angebot .kaReihe li.kaWeg .kaUeber{min-height:0}
@media (max-width:900px){.kaUeber{min-height:0}}