:root{color-scheme:light;--ink:#172d3d;--muted:#536777;--line:#dce5ec;--accent:#176c80;--pale:#eaf4f5;--bg:#f3f6f8;--white:#fff}*{box-sizing:border-box}body{font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);margin:0}button,input,textarea,select{font:inherit}a{color:var(--accent)}h1,h2,h3{letter-spacing:-.02em;line-height:1.25}h1{font-size:clamp(1.6rem,3vw,2.25rem);margin:0 0 1rem}h2{font-size:1.15rem;margin:0 0 1rem}h3{font-size:1.08rem;margin-top:1.4rem}p{margin:.6rem 0 1rem}.banner{background:#e6bc5c;color:#322800;text-align:center;font-size:.77rem;font-weight:800;letter-spacing:.09em;padding:.35rem}.shell{max-width:970px;margin:auto;padding:1.1rem 1.1rem 3rem}.shell.narrow{max-width:520px;padding-top:4rem}.brand{display:flex;align-items:center;gap:.8rem;margin:0 0 1.5rem;padding:.4rem 0}.brand strong{display:block}.brand small{color:var(--muted);display:block}.logo{height:43px;width:43px;display:grid;place-items:center;background:var(--accent);color:white;font-size:1.5rem;font-weight:800;border-radius:12px}.progress-head{display:flex;justify-content:space-between;font-weight:650;font-size:.87rem;color:var(--muted)}.progress{height:7px;border-radius:5px;background:#d8e1e8;margin:.6rem 0 1.6rem;overflow:hidden}.progress>div{height:100%;background:var(--accent);transition:width .15s}.card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:clamp(1rem,3vw,1.8rem);margin:0 0 1rem;box-shadow:0 5px 18px #203a4a08}.card.compact{padding:1.1rem 1.5rem}.card.compact h2{margin-bottom:.65rem}.lead{font-size:1.12rem}.eyebrow{text-transform:uppercase;color:var(--accent);font-weight:800;font-size:.75rem;letter-spacing:.09em}.subtle,.foot,.scale-note{color:var(--muted);font-size:.85rem}.foot{padding:1rem 0;text-align:center}.notice{background:#f1f7f8;border-radius:10px;border-left:4px solid var(--accent);padding:1rem;margin-top:1.2rem}.notice ul{padding-left:1.3rem;margin:.5rem 0}.notice li{margin:.25rem 0}.scale-note{background:#f0f5f7;border:1px solid var(--line);border-radius:9px;padding:.75rem;margin:1rem 0}.choices{display:grid;gap:.45rem}.option{display:flex;gap:.75rem;align-items:center;cursor:pointer;border:1px solid var(--line);border-radius:9px;padding:.65rem .85rem}.option:has(input:checked){border-color:var(--accent);background:var(--pale)}.option input{width:1.15rem;height:1.15rem;accent-color:var(--accent);flex:none}.option span{flex:1}.item{border:0;border-bottom:1px solid var(--line);padding:.8rem 0;margin:0;min-width:0}.item:last-child{border-bottom:0;padding-bottom:0}.item legend{font-size:.96rem;padding:0;margin:0 0 .5rem;max-width:100%}.item legend strong{color:var(--accent);padding-right:.4rem}.ratings{display:flex;flex-wrap:wrap;gap:.3rem}.radio-tile{cursor:pointer}.radio-tile input{position:absolute;opacity:0;width:0;height:0}.radio-tile span{display:block;padding:.36rem .65rem;border:1px solid var(--line);border-radius:7px;font-size:.86rem;min-width:37px;text-align:center}.radio-tile input:checked+span{background:var(--accent);color:white;border-color:var(--accent)}.radio-tile input:focus-visible+span{outline:3px solid #7ca4ff}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0 2rem}.primary,.secondary{cursor:pointer;border-radius:9px;padding:.76rem 1.3rem;font-weight:700;border:1px solid var(--accent)}.primary{background:var(--accent);color:white}.secondary{background:#fff;color:var(--accent)}button:disabled{opacity:.5;cursor:wait}textarea,input[type=password],input[type=text],select{width:100%;max-width:100%;border:1px solid #b9c9d3;border-radius:8px;padding:.6rem;background:white;color:var(--ink)}textarea{display:block;margin:.7rem 0 1.5rem;resize:vertical}textarea:disabled{background:#e6eaed}label{display:block}label>span{display:block;color:var(--muted);font-size:.9rem;margin:.2rem 0}.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.pair label{font-size:.86rem;font-weight:600}.pair select{display:block;margin-top:.45rem;font-size:.86rem}.item-label{margin:0 0 .85rem}.error,.alert{background:#fff0ef;color:#8b2119;padding:.8rem;border-radius:9px}.finish{text-align:center;padding:3rem 2rem}.checkmark{display:grid;place-items:center;border-radius:50%;height:62px;width:62px;background:#ddf5e7;color:#166b41;margin:0 auto 1.2rem;font-size:2rem}.logout{margin-left:auto}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{border-bottom:1px solid var(--line);padding:.55rem .65rem;text-align:left;vertical-align:top}th{background:#eaf1f4;white-space:nowrap}td small{color:var(--muted)}ol li{white-space:pre-wrap;overflow-wrap:anywhere;margin:.6rem 0}hr{border:0;border-top:1px solid var(--line);margin:1.3rem 0}@media(max-width:600px){.shell{padding:.75rem}.card{border-radius:11px}.card.compact{padding:1rem}.pair{grid-template-columns:1fr;gap:.8rem}.nav{padding:.7rem 0 1.5rem}.primary,.secondary{padding:.75rem}.radio-tile span{padding:.4rem .55rem}.item legend{font-size:.91rem}.brand{font-size:.89rem}.brand .logo{flex:none}h1{font-size:1.65rem}}
/* Lesbare, vollständig beschriftete Antwortskalen unter jeder Frage */
.rating-grid{display:grid;gap:.5rem;}
.rating-grid-primary{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:.75rem;}
.rating-grid-other{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.55rem;}
.rating-grid .radio-tile{display:block;position:relative;min-width:0;cursor:pointer;}
.rating-grid .radio-tile input{position:absolute;width:1px;height:1px;opacity:0;}
.rating-grid .radio-tile .radio-choice{display:flex;align-items:center;justify-content:center;gap:.4rem;border:1.5px solid #cbd7df;border-radius:9px;min-height:58px;padding:.65rem .5rem;text-align:center;font-size:.86rem;line-height:1.3;overflow-wrap:break-word;background:#fff;color:var(--ink);transition:background .12s,border-color .12s;}
.rating-grid .radio-tile .choice-text{display:block;color:inherit;min-width:0;font-size:inherit;line-height:inherit;margin:0;}
.rating-grid .radio-tile .choice-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#edf3f6;color:var(--accent);font-weight:800;font-size:.88rem;}
.rating-grid .radio-tile input:checked+.radio-choice{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:650;}
.rating-grid .radio-tile input:checked+.radio-choice .choice-number{background:rgba(255,255,255,.2);color:#fff;}
.rating-grid .radio-tile input:focus-visible+.radio-choice{outline:3px solid #7ca4ff;outline-offset:2px;}
.rating-grid .radio-tile:hover .radio-choice{border-color:var(--accent);}
.item legend{line-height:1.45;}
@media(max-width:600px){
 .rating-grid-primary,.rating-grid-other{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;}
 .rating-grid .radio-tile .radio-choice{justify-content:flex-start;text-align:left;min-height:54px;padding:.65rem .6rem;font-size:.89rem;}
 .rating-grid .radio-tile .choice-number{flex-basis:24px;width:24px;height:24px;}
 .item{padding:1.15rem 0;}
 .item legend{font-size:1rem;line-height:1.5;font-weight:550;}
 .option{min-height:48px;}
 .nav button{min-height:48px;}
 .pair select{min-height:48px;font-size:1rem;}
 .card.compact{padding:1rem;}
}
@media(max-width:340px){.rating-grid .radio-tile .radio-choice{font-size:.84rem;padding:.6rem .42rem;}}

/* Alte Kacheldefinitionen für verschachtelte Beschriftungen gezielt zurücksetzen */
.rating-grid .radio-tile .choice-text{padding:0;border:0;border-radius:0;text-align:inherit;}
.rating-grid .radio-tile .choice-number{padding:0;border:0;min-width:25px;text-align:center;}

/* Teil C 2.1: Gliederung der konkreten Verhaltensweisen */
.behavior-subheading{font-size:1rem;line-height:1.35;font-weight:700;color:var(--accent);margin:1.25rem 0 .55rem;padding-top:.7rem;border-top:1px solid var(--line);}
.behavior-subheading:first-of-type{margin-top:.5rem;padding-top:0;border-top:0;}
@media(max-width:600px){.behavior-subheading{font-size:1rem;margin:1.15rem 0 .55rem}.card.compact .choices .option{padding:.7rem;min-height:48px}}