:root{--cream:#FAF7F2;--paper:#fff;--ink:#1C2A2C;--mute:#5E6C6D;--line:#E3DED5;--petrol:#0E3A3E;--teal:#23958F;--teal-s:#E4F2F0;--coral:#C4503F;--coral-s:#FBE9E6;--amber:#B9771A;--amber-s:#FBF1DF;--ok:#2E7D4F;--ok-s:#E3F2E8;--r:14px;--sh:0 1px 2px rgba(14,58,62,.06),0 8px 24px -12px rgba(14,58,62,.18)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.5 "Instrument Sans",system-ui,sans-serif}
h1,h2,h3{font-family:"Fraunces",Georgia,serif;font-weight:600;letter-spacing:-.01em;margin:0 0 .4em;line-height:1.15}
h1{font-size:28px}h2{font-size:21px}h3{font-size:17px}
a{color:var(--teal)}
.top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 20px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.marke{font-family:"Fraunces",serif;font-weight:600;font-size:19px;color:var(--petrol);display:flex;align-items:center;gap:9px}
.marke .sub{font-family:"Instrument Sans";font-weight:500;font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.1em;margin-left:4px}
.herz{width:14px;height:14px;background:var(--coral);border-radius:50% 50% 2px 50%;transform:rotate(45deg);display:inline-block;margin-right:4px}
.marke img{height:40px;width:40px;object-fit:contain;display:block;padding:5px;border-radius:12px;background:linear-gradient(150deg,#fff 0%,#f1f6f5 60%,#e2ecea 100%);box-shadow:inset 0 1px 0 #fff,inset 0 -3px 6px rgba(14,58,62,.07),0 8px 16px -8px rgba(14,58,62,.45),0 1px 2px rgba(14,58,62,.14)}
.logo3d{position:relative;display:grid;place-items:center;width:104px;height:104px;border-radius:30px;background:linear-gradient(150deg,#fff 0%,#f2f7f6 55%,#dce8e6 100%);box-shadow:inset 0 2px 0 #fff,inset 0 -8px 14px rgba(14,58,62,.09),0 26px 44px -20px rgba(0,0,0,.55),0 6px 14px -6px rgba(0,0,0,.3);transform:perspective(700px) rotateX(9deg)}
.logo3d img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(14,58,62,.28))}
.logo3d:after{content:"";position:absolute;left:6px;right:6px;top:5px;height:46%;border-radius:26px 26px 50% 50%/26px 26px 22% 22%;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,0));pointer-events:none}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--teal);margin:0 0 6px}
.teal{color:var(--teal)}.klein{font-size:13px;color:var(--mute)}
.karte-seite{max-width:600px;margin:26px auto;padding:0 16px}
.einzel main{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:28px 24px;box-shadow:var(--sh)}
.fuss{text-align:center;font-size:12px;color:var(--mute);padding:16px}
.btn{display:inline-block;background:var(--teal);color:#fff;border:0;border-radius:10px;padding:12px 18px;font:600 15px "Instrument Sans";cursor:pointer;text-decoration:none;margin:4px 6px 4px 0}
.btn:hover{filter:brightness(.95)}.btn.grau{background:#8A9596}.btn.rot{background:var(--coral)}.btn.petrol{background:var(--petrol)}.btn.leer{background:transparent;color:var(--petrol);border:1.5px solid var(--petrol)}
.btn.klein{padding:7px 12px;font-size:13px;border-radius:8px}.btn[disabled]{opacity:.5;cursor:default}
.hinweis{background:var(--teal-s);border-left:4px solid var(--teal);padding:12px 14px;border-radius:8px;margin:12px 0}
.hinweis.ok{background:var(--ok-s);border-color:var(--ok)}.hinweis.warn{background:var(--amber-s);border-color:var(--amber)}.hinweis.rot{background:var(--coral-s);border-color:var(--coral)}
label{display:block;font-weight:600;font-size:13px;margin:12px 0 4px}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=password],select,textarea{width:100%;padding:10px 12px;border:1.5px solid var(--line);border-radius:10px;font:15px "Instrument Sans";background:#fff;color:var(--ink)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-s)}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;margin:14px 0}.check input{margin-top:3px;width:18px;height:18px;flex:none}
table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);padding:8px 10px;border-bottom:1px solid var(--line)}td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.tag{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:999px;background:#EEF0EE;color:var(--mute)}
.tag.ok{background:var(--ok-s);color:var(--ok)}.tag.warn{background:var(--amber-s);color:var(--amber)}.tag.rot{background:var(--coral-s);color:var(--coral)}.tag.teal{background:var(--teal-s);color:var(--teal)}.tag.petrol{background:var(--petrol);color:#fff}
.demo-band{background:var(--amber-s);color:var(--amber);font-weight:600;font-size:13px;text-align:center;padding:6px}
@media print{.top,.fuss,.btn,.noprint{display:none!important}body{background:#fff}.einzel main{border:0;box-shadow:none}}