:root{--bg:#faf6ee;--ink:#2b2a26;--green:#2f5d3a;--moss:#6e8b55;--clay:#c8553d;--gold:#e9c46a;--sand:#f1e7d3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 Georgia,"Iowan Old Style",serif;padding-bottom:70px}
h1,h2,h3,.logo,nav,.btn,.tile,.tabbar,.kicker,time,.filter{font-family:system-ui,"Segoe UI",sans-serif}
h2{font-size:2rem;color:var(--green);margin:0 0 1rem}h2::after{content:"";display:block;width:60px;height:4px;background:var(--clay);border-radius:2px;margin-top:6px}
a{color:var(--green)}section{padding:3rem 1.2rem;max-width:1100px;margin:auto}.alt{background:var(--sand);max-width:none}.alt>*{max-width:1100px;margin-left:auto;margin-right:auto}
.top{position:sticky;top:0;z-index:9;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.2rem;background:#faf6eef0;backdrop-filter:blur(6px);border-bottom:1px solid #e5dcc8}
.logo{display:flex;gap:.5rem;align-items:center;text-decoration:none;color:var(--ink);font-size:.8rem;line-height:1}.logo b{display:block;font-size:1.25rem;color:var(--green)}
#nav{display:none}#nav a{margin-left:1rem;text-decoration:none;color:var(--ink);font-size:.9rem}#nav a:hover{color:var(--clay)}#menu{background:none;border:0;font-size:1.6rem}
#nav.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:1rem}
.hero{position:relative;max-width:none;min-height:78vh;background:linear-gradient(#f6e3b8,#faf6ee);display:flex;align-items:center;overflow:hidden}
.land{position:absolute;bottom:0;left:0;width:100%;height:45%}.hero-in{position:relative;max-width:1100px;margin:0 auto 22vh;width:100%}
.kicker{color:var(--clay);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}h1{font-size:clamp(2.4rem,7vw,4.5rem);line-height:1.05;margin:.3rem 0 1rem;color:var(--green)}h1 em{color:var(--clay);font-family:Georgia,serif}
.btn{display:inline-block;background:var(--green);color:#fff;padding:.75rem 1.3rem;border-radius:999px;text-decoration:none;font-weight:600;border:0;cursor:pointer;font-size:1rem}.ghost{background:transparent;color:var(--green);border:2px solid var(--green)}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:-3rem;position:relative}
.tile{background:#fff;border-radius:20px;padding:1rem;text-align:center;text-decoration:none;color:var(--ink);font-weight:600;font-size:.9rem;box-shadow:0 6px 18px #5a4a2a1a;border-bottom:4px solid var(--c)}.tile span{display:block;font-size:1.8rem}
.t1{--c:var(--clay)}.t2{--c:var(--green)}.t3{--c:var(--gold)}.t4{--c:var(--moss)}.t5{--c:var(--clay)}.t6{--c:var(--green)}
.cards{display:grid;gap:1rem}.card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 4px 14px #5a4a2a14;padding-bottom:1rem}.card>*:not(.ph){margin:.4rem 1rem}
.ph{height:150px;background:repeating-linear-gradient(45deg,#a7b98a,#a7b98a 12px,#b8c79d 12px,#b8c79d 24px)}.p2{background:radial-gradient(circle at 30% 40%,var(--gold),var(--clay))}.p3{background:linear-gradient(135deg,var(--green),var(--moss))}
time{color:var(--clay);font-size:.8rem;font-weight:600}
.filter button{border:2px solid var(--green);background:none;border-radius:999px;padding:.3rem .9rem;margin-right:.4rem;color:var(--green);cursor:pointer}.filter .on{background:var(--green);color:#fff}
.events{list-style:none;padding:0}.events li{display:flex;gap:1rem;background:#fff;border-radius:16px;padding:.8rem;margin:.7rem 0;align-items:center}
.date{background:var(--clay);color:#fff;border-radius:12px;min-width:64px;text-align:center;font:700 1.3rem system-ui;padding:.4rem}.date small{display:block;font-size:.7rem}
.two{display:grid;gap:2rem}.people{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.p{text-align:center;font-size:.85rem}.p i{display:block;width:70px;height:70px;border-radius:50%;margin:auto;background:var(--sand);border:3px solid var(--gold)}.p b{display:block}
.timeline{list-style:none;border-left:3px solid var(--moss);padding-left:1.2rem}.timeline li{margin:1rem 0;position:relative}.timeline li::before{content:"";position:absolute;left:-1.75rem;top:.4rem;width:14px;height:14px;border-radius:50%;background:var(--clay)}.timeline b{display:block;color:var(--green)}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.g{aspect-ratio:1;border-radius:14px;background:var(--moss)}.b{background:var(--gold)}.c{background:var(--clay)}.d{background:var(--green)}.e{background:#a7b98a}.f{background:#d9a77a}.note{font-size:.85rem;opacity:.7}
.band{background:var(--green);color:#fff;max-width:none;text-align:center}.band h2{color:#fff}.band h2::after{margin:6px auto 0;background:var(--gold)}
form{display:flex;flex-direction:column;gap:.6rem;max-width:420px;margin:auto}input{padding:.75rem;border-radius:12px;border:0;font-size:1rem}.band .btn{background:var(--gold);color:var(--ink)}
.map{min-height:180px;border-radius:18px;background:repeating-linear-gradient(0deg,#e8dfca 0 1px,transparent 1px 30px),repeating-linear-gradient(90deg,#e8dfca 0 1px,var(--sand) 1px 30px);display:grid;place-items:center;color:var(--moss)}
footer{background:var(--ink);color:#d8cfbb;padding:2rem 1.2rem;font-size:.85rem}footer a{color:var(--gold)}footer h4{color:#fff;margin-bottom:0}
.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #e5dcc8;padding:.4rem 0;z-index:9}.tabbar a{text-decoration:none;text-align:center;font-size:1.2rem}.tabbar small{display:block;font-size:.65rem;color:var(--ink)}
@media(min-width:800px){body{padding-bottom:0}.tabbar,#menu{display:none}#nav{display:block}.tiles{grid-template-columns:repeat(6,1fr)}.cards{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:repeat(3,1fr)}.people{grid-template-columns:repeat(4,1fr)}}
.view[hidden]{display:none}.tag{display:inline-block;font:600 .72rem system-ui;color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,#fff);border-radius:999px;padding:.15rem .6rem}
.card{border-top:5px solid var(--acc,var(--green))}.card .ph{background:color-mix(in srgb,var(--acc) 25%,var(--sand));display:grid;place-items:center;font-size:3rem;height:120px}
.events li{border-left:5px solid var(--acc,var(--clay))}.events .date{background:var(--acc,var(--clay))}
.filter{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.filter button{margin:0;border-color:var(--acc,var(--green));color:var(--acc,var(--green))}.filter button.on{background:var(--acc,var(--green));color:#fff}
.vgrid{display:grid;gap:1rem}.vcard{display:block;background:#fff;border-radius:20px;padding:1.2rem;text-decoration:none;color:var(--ink);box-shadow:0 6px 18px #5a4a2a1a;border-left:6px solid var(--acc)}.vcard span{font-size:2.2rem;display:inline-grid;place-items:center;width:64px;height:64px;border-radius:18px;background:color-mix(in srgb,var(--acc) 15%,#fff);float:left;margin-right:1rem}.vcard b{display:block;color:var(--acc);font:700 1.1rem system-ui}.vcard small{opacity:.75}
.vhead{display:flex;align-items:center;gap:1rem}.vhead span{font-size:2.5rem;background:var(--acc);border-radius:20px;width:72px;height:72px;display:grid;place-items:center}#vdetail h2{color:var(--acc)}#vdetail h2::after,#v-ortschaftsrat h2::after{background:var(--acc)}#v-ortschaftsrat h2{color:var(--acc)}
#vdetail .band{background:var(--acc);border-radius:22px;padding:1.5rem;margin-top:2rem}#vdetail .band h3{color:#fff;margin-top:0}.back{font:600 .9rem system-ui;text-decoration:none}
.docs{list-style:none;padding:0}.docs li{background:#fff;border-radius:12px;padding:.8rem;margin:.5rem 0}
.menu-list a{display:block;background:#fff;border-radius:14px;padding:1rem;margin:.5rem 0;text-decoration:none;color:var(--ink);font:600 1rem system-ui}
.tabbar a.act small,#nav a.act{color:var(--clay);font-weight:700}
@media(min-width:800px){.vgrid{grid-template-columns:repeat(3,1fr)}}
/* Kapellen-Palette */
:root{--bg:#fbf5ea;--sand:#f3e6cc;--ocker:#e2c48c;--green:#2d4a32;--moss:#4f7a3a;--clay:#b8432f;--gold:#e2c48c;--sky:#3d7fc1;--iron:#1e1e1c;--ink:#2a2620}
.hero{background:var(--iron);min-height:88vh;align-items:flex-end;color:#fff}
.hero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000c8 0%,#00000080 35%,#0000 65%)}
.hero-in{z-index:1;margin:0 auto 5rem;text-shadow:0 2px 10px #0008}.hero h1{color:#fff}.hero h1 em{color:var(--ocker)}.hero .kicker{color:#9cc3e6}
.hero .btn{background:var(--clay)}.hero .ghost{background:#ffffff1f;color:#fff;border-color:#fff;backdrop-filter:blur(3px)}
@media(min-width:800px){.hero::after{background:linear-gradient(90deg,#000000b0 0%,#00000060 45%,#0000 70%)}.hero-in{margin-bottom:8rem}.hero-in>*{max-width:560px}.hero-img img{object-position:50% 35%}}
.ornament{height:22px;margin:0;max-width:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='22'%3E%3Cg fill='none' stroke='%231e1e1c' stroke-width='1.6'%3E%3Cpath d='M0 20H44M22 20V6M22 2l-3 5h6z'/%3E%3Cpath d='M22 14c-6 0-8-6-14-6M22 14c6 0 8-6 14-6'/%3E%3C/g%3E%3C/svg%3E") repeat-x center;opacity:.55}
.tiles{margin-top:-1rem}.tile span{filter:saturate(.9)}.kicker{color:var(--sky)}h2::after{background:linear-gradient(90deg,var(--clay) 60%,var(--sky) 60%)}
.chapel{align-items:center;margin-bottom:2rem}.chapel img{width:100%;max-height:420px;object-fit:cover;border-radius:20px;border:4px solid var(--ocker)}
footer{background:var(--iron)}
.kform{display:grid;gap:.7rem}.kform label{display:grid;gap:.25rem;font-weight:600;font-size:.9rem}.kform input,.kform textarea{font:inherit;padding:.6rem;border:1px solid #bbb;border-radius:8px}.kform .chk{display:flex;gap:.5rem;align-items:flex-start;font-weight:400}.kform .chk input{margin-top:.25rem}.kform .err{color:#b8432f}
.legal{max-width:760px}.legal h3{margin-top:1.4rem}.legal p,.legal li{line-height:1.6}
/* ===== Modern 2026 Layer ===== */
:root{--bg:#f7f4ee;--surface:#fff;--ink:#1f1d1a;--muted:#5e5850;--line:#e8e1d4;--green:#24402a;--clay:#a8392a;--sky:#2f6aa3;--r:22px;--sh:0 1px 2px #1f1d1a0d,0 8px 28px -8px #1f1d1a26;--sh2:0 2px 4px #1f1d1a12,0 18px 40px -12px #1f1d1a40;color-scheme:light dark}
body{font:400 clamp(16px,.95rem + .2vw,18px)/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
h1,h2,h3{letter-spacing:-.02em;font-weight:750}h2{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.4rem);color:var(--ink)}h2::after{width:44px;height:4px;border-radius:4px;margin-top:10px;background:linear-gradient(90deg,var(--clay),var(--ocker))}
h1 em{font-family:inherit;font-style:normal;font-weight:300}
section{padding:clamp(2.5rem,6vw,5rem) clamp(1rem,4vw,2rem)}.alt{background:linear-gradient(180deg,var(--sand) 0%,var(--bg) 100%)}
.top{background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);padding:.55rem clamp(1rem,4vw,2rem)}
.logo b{color:var(--ink);letter-spacing:-.01em}#nav a{margin-left:.25rem;padding:.45rem .8rem;border-radius:999px;font-weight:550;color:var(--ink);transition:background .2s,color .2s}#nav a:hover{background:color-mix(in srgb,var(--green) 10%,transparent);color:var(--green)}#nav a.act{background:var(--green);color:#fff}
#nav.open{background:var(--surface);box-shadow:var(--sh2);border-radius:0 0 var(--r) var(--r)}#nav.open a{padding:.8rem 1rem}
.hero{min-height:min(92vh,860px)}.hero::after{background:linear-gradient(to top,#0b0d0bee 0%,#0b0d0b8c 38%,#0b0d0b10 75%)}
.hero h1{font-size:clamp(2.6rem,1.6rem + 5vw,5.4rem);line-height:1;text-shadow:none}.hero .kicker{display:inline-block;color:#fff;background:#ffffff26;border:1px solid #ffffff40;backdrop-filter:blur(8px);padding:.35rem .85rem;border-radius:999px;letter-spacing:.12em;font-size:.72rem}
.hero #h-text{font-size:1.1rem;opacity:.92;max-width:34rem}.hero-in{text-shadow:none}
.btn{padding:.85rem 1.5rem;font-weight:650;box-shadow:0 6px 18px -6px #0006;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px -8px #0007}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
.ghost{box-shadow:none}.ornament{display:none}
.tiles{margin-top:-3.5rem;z-index:2;gap:clamp(.6rem,1.5vw,1rem);padding-top:0}.tile{background:var(--surface);border:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:var(--r);padding:1.1rem .6rem;box-shadow:var(--sh);transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}
.tile::before{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--c)}.tile span{width:52px;height:52px;margin:0 auto .5rem;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--c) 14%,transparent);font-size:1.6rem}
.tile:hover,.card:hover,.vcard:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.card,.vcard,.events li,.docs li,.menu-list a{background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh);border-radius:var(--r)}
.card{border-top:1px solid var(--line);transition:transform .25s,box-shadow .25s;padding-bottom:1.2rem}.card .ph{height:150px;border-bottom:3px solid var(--acc,var(--green))}.card h3{font-size:1.15rem;line-height:1.3}
.vcard{border-left:1px solid var(--line);transition:transform .25s,box-shadow .25s;padding:1.3rem}.vcard b{font-size:1.15rem}
.events li{border-left:1px solid var(--line);padding:1rem;gap:1.1rem}.date{border-radius:16px;min-width:68px;padding:.55rem .4rem;box-shadow:inset 0 -3px 0 #0002}
.filter button{border-width:1.5px;padding:.4rem 1rem;font-weight:600;transition:all .2s}
.gallery{gap:.8rem}.g{border-radius:var(--r);box-shadow:var(--sh)}
.chapel img{border:0;border-radius:calc(var(--r) + 6px);box-shadow:var(--sh2)}
.timeline{border-left:2px solid var(--line)}.timeline li::before{box-shadow:0 0 0 5px var(--bg)}
.kform input,.kform textarea{border:1.5px solid var(--line);border-radius:14px;padding:.8rem 1rem;background:var(--surface);color:var(--ink);transition:border-color .2s,box-shadow .2s}.kform input:focus,.kform textarea:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 18%,transparent)}
.kform .chk input{width:auto}
footer{background:#121412;color:#cfc8b8;padding:3rem clamp(1rem,4vw,2rem) calc(3rem + 70px)}footer a{color:var(--ocker)}
.tabbar{left:.75rem;right:.75rem;bottom:calc(.6rem + env(safe-area-inset-bottom));border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:24px;background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);box-shadow:var(--sh2);padding:.45rem .3rem}
.tabbar a{flex:1;padding:.25rem 0;border-radius:16px;transition:background .2s}.tabbar a.act{background:color-mix(in srgb,var(--clay) 12%,transparent)}.tabbar small{font-weight:600;color:var(--muted)}
.legal{color:var(--ink)}.note{color:var(--muted);opacity:1}
@media(min-width:800px){footer{padding-bottom:3rem}.cards{gap:1.4rem}.vgrid{gap:1.4rem}}
/* Einblenden */
@media(prefers-reduced-motion:no-preference){.view:not([hidden]) section{animation:up .5s cubic-bezier(.2,.7,.2,1) both}.hero-in>*{animation:up .7s cubic-bezier(.2,.7,.2,1) both}.hero-in>*:nth-child(2){animation-delay:.08s}.hero-in>*:nth-child(3){animation-delay:.16s}.hero-in>a{animation-delay:.24s}.hero-img img{animation:zoom 12s ease-out both}}
@keyframes up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes zoom{from{transform:scale(1.06)}to{transform:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Dark Mode */
@media(prefers-color-scheme:dark){:root{--bg:#121412;--surface:#1b1e1b;--ink:#ece7dc;--muted:#a9a294;--line:#2c302c;--sand:#181b18;--green:#8fc79a;--clay:#e47a64;--sky:#8bbbe8}
.alt{background:linear-gradient(180deg,#171a17,var(--bg))}a{color:var(--green)}.btn{background:#2f5a38;color:#fff}.hero .btn{background:#b8432f}#nav a.act{background:#2f5a38}
.tag{background:color-mix(in srgb,var(--acc) 22%,var(--surface))}.vcard span,.tile span{background:color-mix(in srgb,var(--acc,var(--c)) 22%,var(--surface))}
.p i{background:var(--surface)}.map{background:var(--surface)}footer{background:#0b0c0b}.kform .err{color:var(--clay)}.date{color:#fff}}
@media(prefers-color-scheme:dark){.vcard b,#vdetail h2,#v-ortschaftsrat h2,.tag,.filter button{color:color-mix(in srgb,var(--acc,var(--green)) 50%,#fff)}.filter button.on{color:#fff}}
.tile.tile-img{padding:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible}
.tile.tile-img img{display:block;width:100%;height:auto;border-radius:18px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.12));transition:transform .2s}
.tile.tile-img:hover img{transform:translateY(-3px)}
.vcard.vlogo{padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.vcard.vlogo img{display:block;width:100%;height:auto;border-radius:20px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.12));transition:transform .2s}
.vcard.vlogo:hover img{transform:translateY(-3px)}
.card .ph img.phlogo{width:96px!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:14px;box-shadow:0 3px 10px rgba(0,0,0,.12);margin:auto;display:block}
/* unified icons */
.ico{width:20px;height:20px;border-radius:50%;object-fit:cover;vertical-align:-5px;margin-right:.35rem;flex:none;background:#f6f1e6;box-shadow:0 0 0 1px #0000000f}
.tag .ico{width:18px;height:18px;vertical-align:-4px;margin-right:.3rem}
.filter button{display:inline-flex;align-items:center}.filter .ico{margin-right:.4rem}
svg.ico{background:none;box-shadow:none;border-radius:0;color:var(--green);padding:1px}
.menu-list a{display:flex;align-items:center}.menu-list .ico{width:30px;height:30px;margin-right:.75rem;border-radius:9px}.menu-list svg.ico{padding:4px;background:color-mix(in srgb,var(--green) 12%,var(--surface,#fff));border-radius:9px}
.docs svg.ico{width:18px;height:18px;margin-right:.3rem}
.tabbar .tico{display:block;margin:0 auto 2px;width:26px;height:26px;border-radius:8px;object-fit:cover}.tabbar svg.tico{color:var(--muted,#666);padding:2px}
.vcard .vico{width:64px;height:64px;border-radius:18px;object-fit:cover;display:block;margin-bottom:.5rem}
#v-ortschaftsrat .vhead{margin-bottom:.5rem}
@media(prefers-color-scheme:dark){svg.ico,.tabbar svg.tico{color:#cfe3d2}.ico{box-shadow:0 0 0 1px #ffffff26}}

/* Galerie-Alben */
.albums{display:grid;gap:1.2rem}
.album{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:1.1rem;display:grid;gap:.9rem}
.album header h3{margin:.35rem 0 .2rem;font-size:1.25rem}.album header p{margin:.3rem 0;color:var(--muted)}
.album time{display:inline-block;margin-left:.4rem;font-size:.85rem;font-weight:600;color:var(--muted)}
.agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.agrid.n1{grid-template-columns:1fr}.agrid.n2,.agrid.n4{grid-template-columns:repeat(2,1fr)}
.ath{padding:0;border:0;background:var(--line);border-radius:12px;overflow:hidden;aspect-ratio:1;cursor:zoom-in;display:block}
.ath img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.ath:hover img,.ath:focus-visible img{transform:scale(1.05)}
.ath:focus-visible{outline:3px solid var(--sky);outline-offset:2px}
@media(min-width:800px){.albums{grid-template-columns:1fr 1fr}.album{grid-template-rows:auto 1fr;align-content:start}}
.lb{position:fixed;inset:0;z-index:999;background:#0b0c0bf2;display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.lb[hidden]{display:none}.lb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:.6rem;max-width:94vw}
.lb img{max-width:94vw;max-height:80vh;border-radius:14px;object-fit:contain;user-select:none}
.lb figcaption{color:#ece7dc;font-size:.9rem;text-align:center}
.lbb{position:absolute;border:0;border-radius:999px;width:46px;height:46px;font-size:1.6rem;line-height:1;background:#ffffff26;color:#fff;cursor:pointer;backdrop-filter:blur(6px)}
.lbb:hover,.lbb:focus-visible{background:#ffffff4d}.lbx{top:max(14px,env(safe-area-inset-top));right:14px;font-size:1.2rem}
.lbp{left:12px;top:50%;transform:translateY(-50%)}.lbn{right:12px;top:50%;transform:translateY(-50%)}.lb.one .lbp,.lb.one .lbn{display:none}
@media(max-width:600px){.lbp,.lbn{top:auto;bottom:max(18px,env(safe-area-inset-bottom));transform:none}.lbp{left:calc(50% - 58px)}.lbn{right:calc(50% - 58px)}}