.card.wide{max-width:760px}
.gps{margin-top:10px}
.filters{margin-top:4px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.chip{min-height:40px;padding:0 14px;border-radius:20px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:600 14px/1 inherit;cursor:pointer}
.chip[aria-pressed=true]{background:var(--g);border-color:var(--g);color:#fff}
.list{list-style:none;margin:8px 0;padding:0}
.hofw{background:#fff;border:1px solid var(--line);border-radius:14px;margin:10px 0}.hofw .hofk{border:0;margin:0;background:none}.acts{display:flex;gap:8px;padding:0 10px 10px}.acts a,.acts button{flex:1;min-height:40px;border-radius:10px;border:1.5px solid var(--line);background:#fff;color:var(--gd);font:700 14px/1 inherit;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer}.acts button[aria-pressed=true]{background:var(--g);border-color:var(--g);color:#fff}#favs[aria-pressed=true]{background:var(--g);color:#fff}.hofk{display:flex;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;margin:10px 0;color:inherit;text-decoration:none}
.hofk:hover{border-color:var(--g)}
.hofk .ph{flex:none;width:84px;height:84px;border-radius:10px;background:var(--ok);object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:28px}
.hofk .tx{min-width:0}
.hofk h3{margin:0 0 2px;font-size:17px}
.hofk .meta{font-size:13px;color:var(--mut)}
.hofk .intro{font-size:14px;margin:4px 0}
.tag{display:inline-block;font-size:12px;background:var(--ok);border-radius:10px;padding:2px 8px;margin:2px 4px 0 0}
.sep{border:0;border-top:1px solid var(--line);margin:28px 0 16px}

/* Startseite: Foto-Hero */
.hero3{position:relative;height:315px;box-sizing:border-box;overflow:visible;display:flex;flex-direction:column;justify-content:space-between;padding:20px max(16px,calc((100% - 760px)/2 + 16px));background:linear-gradient(180deg,#9cc4a2 0%,#e8dca8 58%,#c9a15a 100%)}
.hero3::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(16,40,20,.38),rgba(16,40,20,0) 45%,rgba(16,40,20,.5))}
.hero3 .hills{position:absolute;left:0;right:0;bottom:0;width:100%;height:140px}
.hero3 .mark,.hero3 h1{position:relative}
.hero3 .mark{align-self:flex-start;display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.hero3 .wm{display:flex;flex-direction:column;line-height:1.05}.hero3 .wn{font-size:22px;font-weight:400;letter-spacing:-.01em}.hero3 .wn b{font-weight:700}.hero3 .wm small{font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#f1f6ec}
.hero3 h1{margin:0 0 52px;font-family:Georgia,'Times New Roman',serif;font-size:34px;line-height:1.08;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}
main.card.wide{padding-top:0}
.sbox{position:relative;margin-top:-34px;background:rgba(255,255,255,.97);border-radius:20px;padding:12px;box-shadow:0 12px 32px rgba(20,50,25,.2);display:flex;flex-direction:column;gap:10px}
.sbox .sr2{display:flex;gap:8px}.sbox .sr2 input{flex:1;min-width:0;border-radius:12px;background:#f1f4ec;border-color:transparent}
.gpsb{width:50px;min-height:50px;flex:none;border-radius:12px;border:0;background:var(--ok);color:var(--gd);display:flex;align-items:center;justify-content:center;cursor:pointer}
.sbox .btn{border-radius:12px;min-height:50px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.note{margin:10px 2px 0}
.chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;white-space:nowrap}
.favrow{margin-top:6px}
.nb{margin-top:10px}.nb>*{flex:1 1 0;min-width:0}.nb .btn{padding:6px 10px;line-height:1.15;text-align:center}.btn.sec[aria-pressed=true]{background:var(--g);color:#fff}.btn.hot{border-color:#B3561E;color:#B3561E}.btn.hot[aria-pressed=true]{background:#B3561E;border-color:#B3561E;color:#fff}.tag.hot{background:#FBE3D3;color:#8A3A10;font-weight:700}
@media(min-width:600px){.chips{flex-wrap:wrap;overflow:visible}}

.hero3 .menu{position:absolute;top:18px;right:max(16px,calc((100% - 760px)/2 + 16px));z-index:5}
.mbtn{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.55);background:rgba(16,40,20,.35);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px)}
.mbtn:focus-visible{outline:3px solid #fff;outline-offset:2px}
#mlist{position:absolute;right:0;top:52px;margin:0;padding:6px;list-style:none;min-width:230px;background:#fff;border-radius:14px;box-shadow:0 12px 32px rgba(20,50,25,.3)}
#mlist[hidden]{display:none}
#mlist a{display:flex;flex-direction:column;padding:12px 14px;border-radius:10px;color:#1f3a24;text-decoration:none;font-size:16px}
#mlist a:hover,#mlist a:focus-visible{background:#eef4e8}
#mlist li.hl a{background:#e3efd9;margin-bottom:4px}#mlist #mvid{display:flex;flex-direction:column;width:100%;text-align:left;padding:12px 14px;border:0;border-radius:10px;background:#1e4d28;color:#fff;font:inherit;font-size:16px;cursor:pointer;margin-bottom:4px}#mlist #mvid small{color:#dcebd2}#mlist #mvid:focus-visible{outline:3px solid #9cc48a;outline-offset:2px}
#vdlg{width:min(96vw,760px);max-width:none;padding:14px;border:0;border-radius:16px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.45)}#vdlg::backdrop{background:rgba(16,40,20,.7)}#vdlg .vh{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;color:#1e4d28}#vdlg .vh .btn{width:auto;min-height:40px;padding:0 14px}#vdlg video{display:block;width:100%;border-radius:10px;background:#1e4d28;aspect-ratio:16/9}
#mlist small{font-size:12px;color:#4a5a45;font-weight:400}