:root{--bg:#f7f8f7;--panel:#ffffff;--ink:#22302a;--soft:#71817a;--linie:#dde5df;--sage:#4a7c59;--sage-hell:#eaf1ec;--amber:#d97742;--rot:#c04b3a;--radius:10px;--schatten:0 1px 2px rgba(34,48,42,0.06),0 8px 24px rgba(34,48,42,0.06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,-apple-system,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.55}a{color:inherit}button{font:inherit;cursor:pointer}.kopf{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(247,248,247,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--linie)}.kopf-innen{max-width:1100px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.logo{display:flex;align-items:baseline;gap:8px;margin-right:auto}.logo b{font-size:19px;letter-spacing:-.01em}.logo b:before{content:"◉ ";color:var(--sage)}.logo span,.statistik{color:var(--soft);font-size:13px}.statistik{display:flex;gap:14px}.statistik b{color:var(--ink);font-size:15px}.btn{border:1px solid var(--linie);background:var(--panel);color:var(--ink);padding:8px 14px;border-radius:8px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s}.btn.primaer,.btn:hover{border-color:var(--sage)}.btn.primaer{background:var(--sage);color:#fff}.btn.primaer:hover{background:#3e6b4b}.btn.gut{background:var(--sage-hell);border-color:var(--sage);color:var(--sage)}.btn.schlecht{color:var(--rot)}.btn.schlecht:hover{border-color:var(--rot)}.btn:disabled{opacity:.55;cursor:default}.btn.klein{padding:5px 10px;font-size:13px}.scanleiste{background:var(--sage-hell);border-bottom:1px solid var(--linie);font-size:13px;color:var(--sage)}.scanleiste div{max-width:1100px;margin:0 auto;padding:7px 20px;display:flex;gap:10px;align-items:center}.puls{width:8px;height:8px;border-radius:50%;background:var(--sage);flex-shrink:0;animation:puls 1.2s ease-in-out infinite}@keyframes puls{50%{opacity:.25}}.scan-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scan-prozent{margin-left:auto;font-weight:700;flex-shrink:0}.scan-balken{max-width:1100px;margin:0 auto;padding:0 20px 8px}.scan-balken i{display:block;height:5px;border-radius:3px;background:var(--sage);transition:width .8s ease;min-width:5px}.werkzeuge{max-width:1100px;margin:18px auto 0;padding:0 20px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tabs{display:flex;gap:4px;background:var(--panel);border:1px solid var(--linie);border-radius:8px;padding:3px}.tabs button{border:0;background:transparent;padding:6px 12px;border-radius:6px;font-size:13.5px;font-weight:600;color:var(--soft)}.tabs button.aktiv{background:var(--ink);color:#fff}.tabs button .n{opacity:.7;font-weight:400;margin-left:4px}input[type=search],select{border:1px solid var(--linie);border-radius:8px;padding:8px 10px;font:inherit;font-size:13.5px;background:var(--panel);color:var(--ink)}input[type=search]{min-width:180px}.liste{max-width:1100px;margin:14px auto 60px;padding:0 20px;display:flex;flex-direction:column;gap:12px}.leer{text-align:center;color:var(--soft);padding:70px 20px;border:1.5px dashed var(--linie);border-radius:var(--radius)}.karte{display:grid;grid-template-columns:210px 1fr;grid-gap:0;gap:0;background:var(--panel);border:1px solid var(--linie);border-radius:var(--radius);overflow:hidden;box-shadow:var(--schatten)}.karte .thumb{position:relative;background:#e8ebe8;min-height:130px}.karte .thumb img{width:100%;height:100%;object-fit:cover;display:block}.karte .thumb .dauer{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.75);color:#fff;font-size:11.5px;padding:1px 6px;border-radius:4px}.karte .inhalt{padding:14px 16px;display:flex;flex-direction:column;gap:8px}.karte .meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--soft)}.badge{background:var(--sage-hell);color:var(--sage);font-weight:600;padding:2px 8px;border-radius:20px;font-size:12px}.badge.plattform{background:#eef0f4;color:#5a6472;text-transform:capitalize}.karte h3{font-size:15.5px;line-height:1.35;font-weight:650}.karte h3 a{text-decoration:none}.karte h3 a:hover{text-decoration:underline}.aussage{border-left:3px solid var(--amber);background:#fdf6f1;padding:7px 11px;border-radius:0 6px 6px 0;font-size:14px}.aussage b{color:var(--amber);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:1px}.fuss{gap:8px;margin-top:auto;flex-wrap:wrap}.fuss,.score{display:flex;align-items:center}.score{gap:7px;margin-right:auto;font-size:12.5px;color:var(--soft)}.score-balken{width:90px;height:6px;background:var(--linie);border-radius:3px;overflow:hidden}.score-balken i{display:block;height:100%;background:var(--sage)}.score b{color:var(--ink);font-size:14px}.ablehnen-zeile{display:flex;gap:8px;width:100%}.ablehnen-zeile input{flex:1 1;border:1px solid var(--linie);border-radius:8px;padding:7px 10px;font:inherit;font-size:13.5px}.schleier{position:fixed;inset:0;background:rgba(20,28,24,.45);z-index:40}.detail{position:fixed;top:0;right:0;bottom:0;width:min(680px,100vw);background:var(--bg);z-index:50;overflow-y:auto;box-shadow:-12px 0 40px rgba(0,0,0,.18);animation:rein .22s ease}@keyframes rein{0%{transform:translateX(40px);opacity:0}}.detail-kopf{position:-webkit-sticky;position:sticky;top:0;background:var(--bg);z-index:5;padding:16px 22px 12px;border-bottom:1px solid var(--linie);display:flex;align-items:center;gap:10px}.detail-kopf h2{font-size:16px;line-height:1.3;margin-right:auto}.detail-body{padding:18px 22px 40px;display:flex;flex-direction:column;gap:16px}.block{background:var(--panel);border:1px solid var(--linie);border-radius:var(--radius);padding:14px 16px}.block h4{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--sage);margin-bottom:8px}.block ul{margin-left:18px;display:flex;flex-direction:column;gap:6px}.fc{border-top:1px solid var(--linie);padding-top:10px;margin-top:10px}.fc:first-of-type{border-top:0;padding-top:0;margin-top:0}.fc .urteil{display:inline-block;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:1px 8px;border-radius:20px;background:#f9e9e5;color:var(--rot);margin-left:6px}.fc .quellen{margin-top:6px;font-size:13px;color:var(--soft)}.fc .quellen span{display:inline-block;background:var(--sage-hell);color:var(--sage);border-radius:5px;padding:1px 7px;margin:2px 4px 0 0;font-size:12px}.kopieren{float:right}.hinweis{color:var(--soft);font-size:13px}.filter-panel{width:min(560px,100vw)}.filter-feld textarea{width:100%;border:1px solid var(--linie);border-radius:8px;padding:9px 11px;font:inherit;font-size:14px;resize:vertical}.mythos-zeile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--linie);padding:8px 0}.mythos-zeile:first-of-type{border-top:0}.mythos-zeile.inaktiv .mythos-titel{color:var(--soft);text-decoration:line-through}.mythos-titel{font-weight:600;font-size:14px}.mythos-info{color:var(--soft);font-size:12.5px;margin-left:auto}.mythos-editor{border:1px solid var(--sage);border-radius:8px;padding:12px;margin:8px 0;background:var(--sage-hell)}.mythos-aktiv{display:flex;gap:8px;align-items:center;font-size:14px}.filter-feld{display:block;margin-bottom:14px}.filter-feld span{display:block;font-weight:600;font-size:14px;margin-bottom:4px}.filter-feld input{width:100%;border:1px solid var(--linie);border-radius:8px;padding:9px 11px;font:inherit;font-size:15px}.filter-feld small{display:block;color:var(--soft);font-size:12.5px;margin-top:3px}.lade{display:inline-block;width:14px;height:14px;border:2px solid var(--linie);border-top-color:var(--sage);border-radius:50%;animation:dreh .8s linear infinite;vertical-align:-2px}@keyframes dreh{to{transform:rotate(1turn)}}.login-seite{min-height:100vh;display:grid;place-items:center;padding:20px}.login-karte{background:var(--panel);border:1px solid var(--linie);border-radius:14px;box-shadow:var(--schatten);padding:34px 32px;width:min(380px,100%);display:flex;flex-direction:column;gap:14px}.login-karte h1{font-size:22px}.login-karte h1:before{content:"◉ ";color:var(--sage)}.login-karte p{color:var(--soft);font-size:14px}.login-karte input{border:1px solid var(--linie);border-radius:8px;padding:11px 12px;font:inherit}.fehler{color:var(--rot);font-size:13.5px}@media (max-width:680px){body{overflow-x:hidden}.karte{grid-template-columns:1fr}.karte .thumb{aspect-ratio:16/9}.statistik{display:none}.kopf-innen{padding:10px 12px;gap:8px}.logo span{display:none}.btn{padding:7px 10px;font-size:13px}.werkzeuge{gap:8px;margin-top:12px}.liste,.werkzeuge{padding:0 12px}.tabs{width:100%}.tabs button{flex:1 1;padding:6px 2px;font-size:12.5px;min-width:0}.tabs button .n{display:none}input[type=search]{min-width:0;flex:1 1}}