/* ===== Profil (12.10.2026): Optik wie Kalender und Haus-Seiten – hell, braune Schrift,
   Abschnitte im Wechsel Beige/Sand, Kopf im Sand-Kasten, einfache Rahmen, keine Punkt-Linien ===== */
.phone.t-profil .screen{background:#fbf6f0}
.phone.t-profil .ptr{color:#4a3426}
nav.bottom button[data-tab="profil"]{--cur:#4a3426}
.pp{--bg:#fbf6f0; --sand:#e2cfb8; --ink:#4a3426; --ink2:#7a6352; --line:rgba(74,52,38,.22);
  --caps:"Josefin Sans", "Futura", "Century Gothic", system-ui, sans-serif;
  background:var(--bg);color:var(--ink);min-height:100%}
.pp .top{background:var(--sand);padding:30px 22px 26px}
.pp .sub{font-family:var(--caps);text-transform:uppercase;letter-spacing:.16em;font-weight:600;font-size:.85rem;color:var(--ink2)}
.pp h1{font-family:var(--caps);text-transform:uppercase;font-weight:400;letter-spacing:.04em;font-size:2.2rem;line-height:1.05;margin:6px 0 0}
.pp .ps{padding:32px 22px}
.pp .ps.alt{background:var(--sand)}
.pp h2{font-family:var(--caps);text-transform:uppercase;font-weight:400;letter-spacing:.04em;font-size:1.24rem;margin:0 0 16px}
/* Gästekarte: ein Rahmen, Button im Beigen */
.pp .gk{border:1.5px solid var(--ink);background:var(--bg);padding:18px 16px 16px}
.pp .gk-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.pp .gk .k{display:block;font-family:var(--caps);text-transform:uppercase;letter-spacing:.12em;font-weight:600;font-size:.76rem;color:var(--ink2)}
.pp .gk .nm{display:block;font-family:var(--caps);text-transform:uppercase;letter-spacing:.04em;font-size:1.32rem;margin:6px 0 4px;line-height:1.1}
.pp .gk .sn{display:block;font-size:.84rem;color:var(--ink2)}
.pp .gqr{flex:0 0 auto;width:70px;height:70px;padding:5px;border:1.5px solid var(--ink);background:#fff}
.pp .gqr svg{display:block;width:100%;height:100%;fill:var(--ink)}
.pp .st{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:20px 0 12px;justify-items:center}
.pp .st i{width:100%;max-width:42px;aspect-ratio:1;border-radius:50%;border:1.5px solid var(--ink);position:relative}
.pp .st i.on{background:var(--ink)}
.pp .st i.on::after{content:"";position:absolute;inset:28%;border-radius:50%;border:1.5px solid var(--bg)}
.pp .sc{font-size:.86rem;color:var(--ink2);text-align:center}
.pp .sc b{color:var(--ink);font-weight:700}
.pp .gbtn{display:block;width:100%;margin-top:16px;border:0;background:var(--ink);color:var(--bg);font-family:var(--caps);text-transform:uppercase;letter-spacing:.12em;font-weight:600;font-size:.95rem;padding:.95rem .5rem .85rem;cursor:pointer;-webkit-appearance:none;appearance:none}
/* Gutscheine: Karten auf Sand, Rahmen in Hausfarbe */
.pp .vl{display:flex;flex-direction:column;gap:12px}
.pp .vc{border:1.5px solid var(--hc);background:var(--bg);padding:14px 16px 14px;border-radius:12px}
.pp .vc .vt{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pp .vc .t{font-family:var(--caps);text-transform:uppercase;letter-spacing:.03em;font-size:1.08rem;line-height:1.12;color:var(--hc)}
.pp .vc .vs{flex:0 0 auto;font-family:var(--caps);text-transform:uppercase;letter-spacing:.1em;font-size:.74rem;font-weight:600;background:var(--hc);color:var(--bg);padding:.45rem .6rem .35rem;line-height:1}
.pp .vc .hs{display:block;font-family:var(--caps);text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:.74rem;margin-top:6px;color:var(--ink2)}
.pp .vc p{margin:6px 0 0;font-size:.9rem;line-height:1.4;color:var(--ink)}
.pp .vc .u{display:block;font-size:.82rem;color:var(--ink2);margin-top:6px}
.pp .vc.used{opacity:.55}
.pp .vc.used .vs{background:none;border:1.5px solid var(--hc);color:var(--hc)}
/* Listen */
.pp .pr{display:flex;align-items:center;gap:10px;width:100%;min-height:54px;padding:10px 0;border:0;border-top:1px solid var(--line);background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none}
.pp .pg>.pr:first-child{border-top:0}
.pp .pg.dot .pr{border-top:2px dotted rgba(74,52,38,.35)}
.pp .pg.dot>.pr:first-child{border-top:0}
.pp .pl{flex:1;min-width:0;font-size:1rem}
.pp .pl small{display:block;font-size:.8rem;color:var(--ink2);margin-top:2px}
.pp .pv{font-size:.9rem;color:var(--ink2);max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp .pv.e{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.pp .pr svg{flex:0 0 18px;width:18px;height:18px;color:var(--ink2)}
.pp .pr.del .pl{color:#9b2b2b;font-weight:600}
.pp .pr.sw{cursor:default}
.pp .ps.alt .pr{border-top-color:rgba(74,52,38,.25)}
.pp .ph{margin:10px 0 0;font-size:.84rem;color:var(--ink2)}
/* Schalter */
.pp .tg{flex:0 0 auto;width:52px;height:30px;border-radius:15px;border:2px solid var(--ink);background:var(--bg);padding:0;position:relative;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background .2s}
.pp .tg i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--ink2);transition:transform .2s,background .2s}
.pp .tg[aria-checked="true"]{background:var(--ink)}
.pp .tg[aria-checked="true"] i{transform:translateX(22px);background:var(--bg)}
.pp .pver{font-size:.8rem;color:var(--ink2);text-align:center;padding:26px 0 0}
.pp :focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.pp .tg,.pp .tg i{transition:none}}