/* stehle bewegt › Vertretungsbörse (2.77.0) */
.sbvt-liste{display:grid;gap:calc(12 * var(--sb-ab, 1px))}
.sbvt-karte{border:1px solid rgba(0,0,0,.12);border-radius:calc(10 * var(--sb-rk, 1px));padding:calc(14 * var(--sb-ab, 1px)) calc(16 * var(--sb-ab, 1px));background:var(--sb-c-basis, #fff);scroll-margin-top:90px}
.sbvt-karte:target{outline:2px solid var(--sb-akzent,var(--sb-c-akzent, #2c6b6b));outline-offset:2px}
.sbvt-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:calc(8 * var(--sb-ab, 1px))}
.sbvt-termin{font-size:1.05em}
.sbvt-titel{margin:calc(4 * var(--sb-ab, 1px)) 0 0;font-weight:600}
.sbvt-meta,.sbvt-wer{margin:calc(6 * var(--sb-ab, 1px)) 0 0;font-size:.95em}
.sbvt-meta{opacity:.85}
.sbvt-notiz{margin:calc(8 * var(--sb-ab, 1px)) 0 0;padding:calc(8 * var(--sb-ab, 1px)) calc(10 * var(--sb-ab, 1px));border-left:3px solid var(--sb-akzent,var(--sb-c-akzent, #2c6b6b));background:var(--sb-flaeche,var(--sb-c-flaeche, #f3f5f5));border-radius:0 calc(6 * var(--sb-rk, 1px)) calc(6 * var(--sb-rk, 1px)) 0;font-size:.95em}
.sbvt-akt{display:flex;flex-wrap:wrap;align-items:center;gap:calc(8 * var(--sb-ab, 1px)) calc(12 * var(--sb-ab, 1px));margin-top:calc(12 * var(--sb-ab, 1px))}
.sbvt-akt form{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:calc(8 * var(--sb-ab, 1px))}
.sbvt-akt--leise{font-size:.92em}
.sbvt-pille{display:inline-block;padding:2px calc(10 * var(--sb-ab, 1px));border-radius:var(--sb-rp, 999px);font-size:.82em;line-height:1.6;background:rgba(0,0,0,.07);white-space:nowrap}
.sbvt-pille--ok{background:#e3f4ea;color:#17613a}
.sbvt-pille--warte{background:#fdf1dc;color:#7a4b00}
.sbvt-pille--aus{background:rgba(0,0,0,.05);color:var(--sb-c-leise, #666)}
.sbvt-link,button.sbvt-link{background:none;border:0;padding:0;color:var(--sb-akzent,var(--sb-c-akzent, #2c6b6b));text-decoration:underline;cursor:pointer;font:inherit}
.sbvt-h3{font-size:1em;margin:calc(12 * var(--sb-ab, 1px)) 0 calc(6 * var(--sb-ab, 1px))}
.sbvt-zusagen{list-style:none;margin:0;padding:0}
.sbvt-zusagen li{display:flex;justify-content:space-between;align-items:center;gap:calc(10 * var(--sb-ab, 1px));padding:calc(8 * var(--sb-ab, 1px)) 0;border-bottom:1px solid rgba(0,0,0,.08)}
.sbvt-zusagen form{margin:0}
.sbvt-mehr>summary,.sbvt-melden>summary{cursor:pointer;color:var(--sb-akzent,var(--sb-c-akzent, #2c6b6b));font-weight:600}
.sbvt-mehr[open]{flex-basis:100%}
.sbvt-mehr form,.sbvt-melden form{margin-top:calc(8 * var(--sb-ab, 1px));display:block}
.sbvt-melden{margin-top:calc(10 * var(--sb-ab, 1px));font-size:.88em}.sbvt-melden>summary{font-weight:400;opacity:.75}
.sbvt-erweitern{margin-top:calc(12 * var(--sb-ab, 1px))}
.sbvt-kreise{border:0;padding:0;margin:0 0 calc(12 * var(--sb-ab, 1px))}
.sbvt-kreise legend{font-weight:600;margin-bottom:calc(6 * var(--sb-ab, 1px));padding:0}
.sbvt-check{display:flex;align-items:center;gap:calc(8 * var(--sb-ab, 1px));margin:calc(6 * var(--sb-ab, 1px)) 0;cursor:pointer}
.sbvt-check+select,.sbvt-kreise select{margin:0 0 calc(6 * var(--sb-ab, 1px)) calc(28 * var(--sb-ab, 1px))}
.stehle-bewegt .sbvt-neu .sb-feld,.stehle-bewegt .sbvt-form .sb-feld{display:block;margin:0 0 calc(12 * var(--sb-ab, 1px))}
.stehle-bewegt .sbvt-neu select,.stehle-bewegt .sbvt-neu input[type=date],.stehle-bewegt .sbvt-neu input[type=time],.stehle-bewegt .sbvt-neu input[type=text],.stehle-bewegt .sbvt-neu textarea,
.stehle-bewegt .sbvt-form select,.stehle-bewegt .sbvt-form textarea,.stehle-bewegt .sbvt-form input[type=date]{display:block;width:100%;max-width:520px;min-height:44px;padding:calc(8 * var(--sb-ab, 1px)) calc(12 * var(--sb-ab, 1px));font:inherit;border:1px solid color-mix(in srgb, var(--sb-c-dunkel, #1f5252) 32%, var(--sb-c-basis, #fff));border-radius:calc(6 * var(--sb-rf, 1px));background:var(--sb-c-basis, #fff);box-sizing:border-box}
.stehle-bewegt .sbvt-kreise select{display:inline-block;width:auto}
.sbvt-zeile{display:flex;flex-wrap:wrap;gap:0 calc(12 * var(--sb-ab, 1px))}.sbvt-zeile>.sb-feld{flex:1 1 140px}
.sbvt-klein{display:block;font-size:.85em;margin-top:calc(4 * var(--sb-ab, 1px))}
.sbvt-regeln{font-size:.88em;margin-top:calc(12 * var(--sb-ab, 1px))}
.sbvt-brett .sbvt-regeln{margin-top:calc(28 * var(--sb-ab, 1px))}
.sbvt-kurz{list-style:none;margin:0;padding:0}
.sbvt-kurz li{border-bottom:1px solid rgba(0,0,0,.08)}
.sbvt-kurz a{display:flex;flex-wrap:wrap;gap:2px calc(8 * var(--sb-ab, 1px));align-items:baseline;padding:calc(8 * var(--sb-ab, 1px)) 0;text-decoration:none;color:inherit}
.sbvt-kurz a:hover b{color:var(--sb-akzent,var(--sb-c-akzent, #2c6b6b))}
.sbvt-kurz .sb-leise{flex-basis:100%;font-size:.9em}
.sbvt-alt>summary{cursor:pointer;list-style:none}.sbvt-alt>summary::-webkit-details-marker{display:none}.sbvt-alt>summary h2{display:inline}
.sbvt-alt>summary::after{content:" ▾";color:var(--sb-akzent,var(--sb-c-akzent, #2c6b6b))}
.sbvt-tabelle{overflow-x:auto}
.sbvt-tabelle table{width:100%;border-collapse:collapse;font-size:.93em}
.sbvt-tabelle th,.sbvt-tabelle td{text-align:left;padding:calc(7 * var(--sb-ab, 1px)) calc(6 * var(--sb-ab, 1px));border-bottom:1px solid rgba(0,0,0,.08);vertical-align:top}
@media (max-width:640px){
	.sbvt-tabelle thead{display:none}.sbvt-tabelle tr{display:block;padding:calc(8 * var(--sb-ab, 1px)) 0;border-bottom:1px solid rgba(0,0,0,.12)}.sbvt-tabelle td{display:block;border:0;padding:2px 0}
	.sbvt-zusagen li{flex-wrap:wrap}
	.sbvt-akt .sb-knopf{flex:1 1 auto;text-align:center}
}

/* 2.81.0 Seite Vertretungsbörse: Brett mit Zetteln (ohne Pinnadeln), Farbstreifen je Bereich */
.sbvt-brett{width:100%}
.sbvt-brett-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:calc(16 * var(--sb-ab, 1px))}
.sbvt-brett-text{flex:1 1 360px}.sbvt-brett-text h2{margin:0}.sbvt-brett-text p{margin:0;opacity:.8}
.sbvt-brett-knoepfe{display:flex;flex-wrap:wrap;gap:calc(10 * var(--sb-ab, 1px))}
.sbvt-filter{display:flex;flex-wrap:wrap;gap:calc(10 * var(--sb-ab, 1px));margin:calc(18 * var(--sb-ab, 1px)) 0 calc(6 * var(--sb-ab, 1px));align-items:center}
.stehle-bewegt .sbvt-filter select{min-height:44px;padding:calc(8 * var(--sb-ab, 1px)) calc(12 * var(--sb-ab, 1px));font:inherit;border:1px solid #c9d3d3;border-radius:calc(8 * var(--sb-rf, 1px));background:var(--sb-c-basis, #fff)}
.sbvt-f--check{display:flex;align-items:center;gap:calc(8 * var(--sb-ab, 1px));min-height:44px;padding:0 calc(12 * var(--sb-ab, 1px));border:1px solid #c9d3d3;border-radius:calc(8 * var(--sb-rk, 1px));background:var(--sb-c-basis, #fff);cursor:pointer}
.sbvt-zahl{font-size:.9em;opacity:.75;margin:calc(6 * var(--sb-ab, 1px)) 0 calc(14 * var(--sb-ab, 1px));min-height:1em}
.sbvt-brett-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:calc(18 * var(--sb-ab, 1px))}
.sbvt-zettel{position:relative;background:var(--sb-c-basis, #fff);border-radius:calc(12 * var(--sb-rk, 1px));padding:calc(16 * var(--sb-ab, 1px)) calc(18 * var(--sb-ab, 1px));box-shadow:0 2px 6px rgba(0,0,0,.07);border-top:5px solid var(--sbvt-farbe,#00819C);display:flex;flex-direction:column;scroll-margin-top:90px}
.sbvt-zettel:target{outline:2px solid var(--sbvt-farbe,#00819C);outline-offset:2px}
.sbvt-zettel--zu{opacity:.72}
.sbvt-zettel p{margin:0}
.sbvt-tag{font-weight:700;font-size:1.06em}.sbvt-zeit{opacity:.8}
.sbvt-pillen{margin-top:calc(8 * var(--sb-ab, 1px))!important;display:flex;flex-wrap:wrap;gap:calc(6 * var(--sb-ab, 1px))}
.sbvt-pille--bereich{background:color-mix(in srgb,var(--sbvt-farbe,#00819C) 12%,var(--sb-c-basis, #fff));color:color-mix(in srgb,var(--sbvt-farbe,#00819C) 75%,#000)}
.sbvt-ort{margin-top:calc(10 * var(--sb-ab, 1px))!important}.sbvt-ort small{opacity:.75}
.sbvt-zettel .sbvt-notiz{margin-top:calc(10 * var(--sb-ab, 1px))}
.sbvt-fuss{display:flex;align-items:center;justify-content:space-between;gap:calc(8 * var(--sb-ab, 1px));margin-top:auto;padding-top:calc(14 * var(--sb-ab, 1px))}
.sbvt-fuss .sbvt-form{margin:0}
.sbvt-person{display:flex;align-items:center;gap:calc(8 * var(--sb-ab, 1px));font-size:.92em;opacity:.85;min-width:0}
.sbvt-av{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.75em;font-weight:700;background:color-mix(in srgb,var(--sbvt-farbe,#00819C) 22%,var(--sb-c-basis, #fff));color:color-mix(in srgb,var(--sbvt-farbe,#00819C) 80%,#000)}
.sbvt-marke{position:absolute;right:-6px;top:-10px;background:#ffd54f;color:#5b4300;font-weight:700;font-size:.78em;padding:calc(3 * var(--sb-ab, 1px)) calc(8 * var(--sb-ab, 1px));border-radius:calc(6 * var(--sb-rk, 1px));transform:rotate(4deg)}
.sbvt-zettel .sbvt-melden{margin-top:calc(8 * var(--sb-ab, 1px))}
.sbvt-zettel>.sbvt-form{margin-top:calc(6 * var(--sb-ab, 1px))}
.sbvt-vorschau-hinweis{background:#fff4cc;border:1px solid #f0d675;border-radius:calc(8 * var(--sb-rk, 1px));padding:calc(8 * var(--sb-ab, 1px)) calc(12 * var(--sb-ab, 1px));font-size:.92em;margin:0 0 calc(14 * var(--sb-ab, 1px))}
.sbvt-zettel--beispiel .sb-knopf[aria-disabled]{opacity:.6;cursor:default}
.sbvt-gast p{margin:0}
@media (max-width:600px){.sbvt-brett-knoepfe{width:100%}.sbvt-brett-knoepfe .sb-knopf{flex:1 1 100%;text-align:center}.sbvt-filter label{flex:1 1 45%}.sbvt-filter select{width:100%}}
