:root{--p:#720026;--p0:#720026;--a:#FF7F51;--a0:#FF7F51;--f:#E6EDF7;--b:#FFF8EF;--b0:#FFF8EF;--t:#4F000B;--ia:#FF7F51;--tip:#FF7F51;--linie:#E4D2BF;--leise:#7A3A44;--b2:#F7E9DC;--k2fg:#4F000B;--ring:#AAC3E7;--o:#FF7F51;--kc:#FF7F51;--kci:#FF7F51}

*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,sans-serif;color:#222;line-height:1.55;background:var(--b)}
main{max-width:1120px;margin:0 auto;padding:26px 22px 90px}
h1{font-size:2rem;letter-spacing:-.02em;margin:0 0 .2em;color:var(--p)} h2{font-size:1.45rem;letter-spacing:-.01em;margin:44px 0 .3em;color:var(--p)}
.leiste{position:sticky;top:0;z-index:5;background:var(--b);padding:10px 0;display:flex;gap:8px;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--linie)}
.leiste button{font:600 .95rem Inter;padding:9px 16px;border-radius:999px;border:2px solid var(--p);background:transparent;color:var(--p);cursor:pointer;min-height:44px}
.leiste button.an{background:var(--p);color:var(--b)}
.raster{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:14px}
.karte{background:#fff;border:1px solid var(--linie);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px}
.karte h3{margin:0;font-size:1.05rem;color:var(--p)} .karte p{margin:0;font-size:.92rem;color:#444}
.zeile{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.frei{background:var(--b);border-radius:12px;padding:18px;min-height:96px;display:flex;align-items:center}
.dunkel{background:var(--p0);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:10px;min-height:60px}
.lock{display:flex;align-items:center;gap:12px} .marke{width:70px;height:70px;flex:none}
.m36{width:34px;height:34px}
.name{font-weight:700;font-size:1.7rem;letter-spacing:-.02em;color:var(--t)} .name b{color:var(--p);font-weight:700} .name.kl{font-size:1.05rem}
.inv{--p:var(--b0);--b:var(--p0);--t:var(--b0);--a:var(--ia);--tip:var(--a0);--f:rgba(255,255,255,.16)}
.icon{width:64px;height:64px;border-radius:15px;background:var(--p0);display:flex;align-items:center;justify-content:center;flex:none}
.icon svg{width:50px;height:50px}
.groessen{display:flex;gap:10px;align-items:end;margin-left:auto}
.klein{font-size:.82rem;color:#666}

body{--o:#FF7F51}
.geraet{border-radius:18px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.14);border:1px solid var(--linie);background:var(--b)}
.desk{max-width:980px;margin:14px auto}
.split{display:grid;grid-template-columns:1fr 1fr;min-height:380px}
.links{background:var(--p0);padding:44px;display:flex;flex-direction:column;justify-content:center}
.rechts{padding:44px;display:flex;flex-direction:column;justify-content:center;background:var(--b)}
label{display:block;font-weight:600;margin:12px 0 6px;font-size:.92rem;color:var(--t)}
input{width:100%;min-height:46px;padding:10px 14px;border:2px solid var(--linie);border-radius:10px;background:#fff;color:var(--t);font:1rem Inter}
input.fokus{border-color:var(--p0);box-shadow:0 0 0 4px var(--ring)}
.k{font:600 1rem Inter;min-height:48px;border-radius:999px;border:0;cursor:pointer;padding:0 24px}
.k.haupt{background:var(--p0);color:var(--b0)}
.fein{font-size:.85rem;color:var(--leise)}
.kopfz{background:var(--p0);display:flex;align-items:center;justify-content:space-between;padding:12px 22px}
.pille{background:var(--b0);color:var(--t);border-radius:999px;padding:8px 16px;font-weight:600;font-size:.9rem}
.inhalt{padding:24px 26px 30px}
.inhalt h2{color:var(--p0);margin:0}
.tabs2{display:flex;gap:4px;border-bottom:2px solid var(--linie);margin-bottom:16px}
.tabs2 span{padding:9px 14px;font-weight:600;color:var(--leise);border-bottom:4px solid transparent;margin-bottom:-2px}
.tabs2 span.an{color:var(--p0);border-color:var(--o)}
.kacheln{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}
.gesamt{grid-column:1/-1;background:var(--p0);color:var(--b0);border-radius:14px;padding:18px 20px;display:flex;gap:26px;flex-wrap:wrap;align-items:end}
.gesamt small{display:block;font-size:.82rem;opacity:.9} .gesamt b{font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.salon{background:var(--f);border-radius:14px;padding:16px 18px;color:var(--t)}
.salon b{display:block;font-size:1.8rem;font-weight:800;letter-spacing:-.02em;margin-top:6px} .salon small{font-size:.82rem}
.plak{background:var(--b);border:1px solid var(--linie);border-radius:999px;padding:2px 11px;font-size:.8rem;font-weight:600;color:var(--t)}
.neu{background:var(--o);color:var(--k2fg);border-radius:999px;padding:1px 9px;font-size:.78rem;font-weight:700}
.bar{height:11px;border-radius:99px;background:rgba(255,255,255,.28);overflow:hidden;margin-top:8px}
.bar i{display:block;height:100%;background:var(--o);border-radius:99px}
.bar.dk{background:rgba(0,0,0,.14)}
table.tab2{width:100%;border-collapse:collapse;font-size:.92rem} table.tab2 th{text-align:left;color:var(--leise);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;padding:8px 10px;border-bottom:2px solid var(--linie)}
table.tab2 td{padding:11px 10px;border-bottom:1px solid var(--linie)} table.tab2 tr:nth-child(odd) td{background:var(--b2)}
.handy2{width:300px;border-radius:40px;background:#1c1c1e;padding:11px;margin:auto;box-shadow:0 16px 40px rgba(0,0,0,.28)}
.schirm2{border-radius:30px;background:var(--b0);overflow:hidden;display:flex;flex-direction:column;min-height:560px}
.hk{background:var(--p0);padding:16px 16px 12px}
.hi{padding:14px 14px 8px;flex:1}
.hi h3{margin:0;font-size:1.25rem;color:var(--p0)}
.kart{background:#fff;border:1px solid var(--linie);border-radius:14px;padding:12px 14px;margin:10px 0;display:flex;flex-direction:column;gap:5px}
.kart small{color:var(--leise);font-size:.8rem}
.aufg{display:flex;align-items:center;gap:9px;font-size:.88rem}
.ck{width:20px;height:20px;border-radius:6px;border:2px solid var(--linie);display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--k2fg)}
.ck.an{background:var(--o);border-color:var(--o)}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kl{background:var(--f);border-radius:14px;padding:10px 12px;color:var(--t)} .kl small{display:block;font-size:.76rem} .kl b{font-size:1.15rem}
.nav2{display:flex;justify-content:space-around;padding:8px 6px 14px;border-top:1px solid var(--linie);background:#fff}
.nav2 span{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.7rem;font-weight:600;color:var(--leise)}
.nav2 span.an{color:var(--p0)}
.zwei2{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:14px}
@media(max-width:900px){.split,.zwei2,.kacheln{grid-template-columns:1fr}}
.farbbalken{display:flex;border-radius:12px;overflow:hidden;height:46px;margin:10px 0 4px;border:1px solid var(--linie)}
.farbbalken span{display:flex;align-items:center;padding-left:10px;font-size:.78rem;font-weight:600}

body{--o:#FF7F51}
.name b{color:var(--kc)!important} .name b.kci{color:var(--kci)!important}
.desk{max-width:1040px}
.nav1{display:flex;gap:2px;padding:0 18px;background:var(--b0);border-bottom:1px solid var(--linie);overflow:auto}
.nav1 span{padding:11px 12px;font-weight:600;font-size:.88rem;color:var(--leise);border-bottom:4px solid transparent;white-space:nowrap}
.nav1 span.an{color:var(--p0);border-color:var(--o)}
.bdg{background:var(--o);color:#4F000B;border-radius:99px;font-style:normal;font-size:.7rem;padding:0 6px;margin-left:5px;font-weight:800}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--b0);color:var(--p0);display:inline-flex;align-items:center;justify-content:center;font-weight:800}
.ini{border-radius:50%;color:var(--b0);display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;flex:none}
.zi{display:inline-flex;align-items:center;gap:10px}
.zwei-sp{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.box{background:#fff;border:1px solid var(--linie);border-radius:14px;padding:16px 18px}
.li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--linie)} .li:last-child{border-bottom:0}
.li small{display:block;color:var(--leise);font-size:.8rem} .li > div{flex:1}
.li.sel{background:var(--f);margin:0 -8px;padding:10px 8px;border-radius:10px}
.dat{width:42px;height:46px;border-radius:10px;background:var(--f);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;color:var(--p0);flex:none} .dat small{font-size:.62rem;font-weight:600;color:var(--leise)}
.toolbar{display:flex;gap:8px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.chip{border:2px solid var(--linie);border-radius:99px;padding:5px 14px;font-weight:600;font-size:.85rem;color:var(--t);background:#fff;display:inline-block}
.chip.an{background:var(--p0);color:var(--b0);border-color:var(--p0)}
.kl-in{width:90px;min-height:36px;padding:4px 8px;text-align:right}
.akte{display:grid;grid-template-columns:260px 1fr;gap:16px} @media(max-width:900px){.akte,.zwei-sp{grid-template-columns:1fr}}
.drei{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mini{background:var(--f);border-radius:14px;padding:12px 14px} .mini small{display:block;color:var(--t);font-size:.78rem} .gro{font-size:1.9rem;font-weight:800;display:block;letter-spacing:-.02em}
.ring{width:74px;height:74px;border-radius:50%;background:conic-gradient(var(--o) var(--w),rgba(0,0,0,.12) 0);display:flex;align-items:center;justify-content:center;margin:6px 0} .ring b{width:56px;height:56px;border-radius:50%;background:var(--f);display:flex;align-items:center;justify-content:center;font-size:1.3rem}
.abs{margin:12px 0} .abs small{font-weight:700;color:var(--leise);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem} .abs p{margin:4px 0;font-size:.9rem}
.kg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px} .kg > b{text-align:center;font-size:.78rem;color:var(--leise);padding:4px}
.tz{min-height:76px;border:1px solid var(--linie);border-radius:8px;background:#fff;padding:4px 5px;font-size:.72rem;display:flex;flex-direction:column;gap:2px} .tz > span{font-weight:700;color:var(--p0)}
.tz.au{background:transparent;opacity:.45} .tz.heute{border:2px solid var(--p0)}
.ev{font-style:normal;border-radius:6px;padding:1px 6px;font-size:.66rem;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ev.pf{background:var(--p0);color:var(--b0)} .ev.in{background:var(--f);color:var(--t)} .ev.ur{background:var(--o);color:#4F000B}
.zk,.zr{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:6px;margin-top:6px}
.zk{grid-template-columns:60px repeat(14,1fr);font-size:.6rem;color:var(--leise);text-align:center}
.zb{display:grid;grid-template-columns:repeat(14,1fr);height:22px;background:repeating-linear-gradient(90deg,#f6ede4 0,#f6ede4 calc(100%/14 - 1px),#fff calc(100%/14 - 1px),#fff calc(100%/14));border-radius:6px}
.bz{font-style:normal;font-size:.62rem;font-weight:700;display:flex;align-items:center;padding-left:6px;border-radius:6px}
.bz.ur{background:var(--o);color:#4F000B} .bz.kr{background:var(--p0);color:var(--b0)}
.ph{text-align:center} .kap{font-size:.84rem;color:#555;margin:8px 0 0}
.phones{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:34px 20px;margin-top:16px}
.bub{max-width:80%;padding:8px 11px;border-radius:14px;font-size:.84rem;margin:6px 0;text-align:left} .bub small{display:block;font-weight:700;font-size:.68rem;color:var(--leise)}
.bub.l{background:#fff;border:1px solid var(--linie);border-top-left-radius:4px} .bub.r{background:var(--p0);color:var(--b0);margin-left:auto;border-top-right-radius:4px}
.eing{margin-top:14px;border:2px solid var(--linie);border-radius:99px;padding:8px 14px;display:flex;justify-content:space-between;color:var(--leise);font-size:.82rem;background:#fff} .eing i{width:22px;height:22px;border-radius:50%;background:var(--o)}
.hi{text-align:left}
.leiste{margin-bottom:14px}
.po.o .fuss b,.po.o .name b{color:var(--p0)!important}
.fotoph{background:repeating-linear-gradient(45deg,#e9d9cf,#e9d9cf 10px,#f1e5dc 10px,#f1e5dc 20px);color:#7a3a44;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.82rem;text-align:center;padding:8px;border:2px dashed #d3b8a8}

body.rundgang{background:var(--b);color:var(--t);font-family:Inter,system-ui,sans-serif;margin:0}
.rg-kopf{background:var(--p0);color:var(--b0);display:flex;align-items:center;justify-content:space-between;padding:12px 24px}
.rg-kopf a{color:var(--b0);text-decoration:none;font-weight:600}
.rg-kopf img{height:34px;display:block}
.rg-buehne{max-width:1120px;margin:0 auto;padding:22px 20px 110px}
.rg-folie{display:none} .rg-folie.an{display:block}
.rg-text{max-width:720px;margin:6px 0 20px}
.rg-text h1{font-size:2rem;color:var(--p0);margin:4px 0 8px;letter-spacing:-.02em}
.rg-text p{font-size:1.05rem;line-height:1.6;margin:0 0 12px}
.rg-nr{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--leise)}
.rg-desk .desk{margin:0;max-width:none;zoom:.92}
.rg-handys{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}
.rg-handys .ph{flex:0 0 auto}
.rg-fuss{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--linie);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.rg-punkte{display:flex;gap:6px}
.rg-punkte i{width:10px;height:10px;border-radius:50%;background:var(--linie);display:block}
.rg-punkte i.an{background:var(--o);width:26px;border-radius:99px}
.rg-fuss .k{min-height:46px;border-radius:999px;border:2px solid var(--p0);font:600 1rem Inter,sans-serif;cursor:pointer;padding:0 24px;text-decoration:none;display:inline-flex;align-items:center}
.rg-fuss .k.haupt,.rg-ende .k.haupt{background:var(--p0);color:var(--b0)}
.rg-fuss .k.rand,.rg-ende .k.rand{background:transparent;color:var(--p0)}
.rg-ende .k{min-height:46px;border-radius:999px;border:2px solid var(--p0);font:600 1rem Inter,sans-serif;padding:0 24px;text-decoration:none;display:inline-flex;align-items:center;margin-right:8px}
@media(max-width:700px){.rg-text h1{font-size:1.5rem}.rg-desk{overflow:auto}.rg-desk .desk{zoom:.55}}
