/* SESTOS Tutorials, Stil passend zu 5KEYS: Poppins, Dunkelblau #122B46, Gold #E6CA96, Rundung 10 px.
   Symbole nie nur über Farbe. */
.sestos-slot{display:inline-block;vertical-align:middle;margin:0 0 0 .5em;line-height:0;}
.sestos-slot .sestos-icon{position:relative;display:inline-block !important;width:44px !important;height:44px !important;min-height:0;padding:0 !important;margin:0;border:0 !important;border-radius:50% !important;background:none !important;box-shadow:none;cursor:pointer;line-height:0;-webkit-tap-highlight-color:transparent;}
.sestos-icon__img{display:block;width:44px;height:44px;border-radius:50%;object-fit:cover;}
.sestos-slot .sestos-icon:focus-visible{outline:3px solid #122B46;outline-offset:3px;}
.sestos-slot.is-highlight .sestos-icon,.sestos-slot.is-highlight .sestos-placeholder{outline:4px dashed #122B46;outline-offset:5px;}
.sestos-placeholder{display:inline-block;padding:2px 8px;border:2px dashed #122B46;border-radius:10px;background:rgba(255,255,255,.8);color:#122B46;font:12px/1.4 Poppins,system-ui,sans-serif;}

.sestos-pop,.sestos-pop *{box-sizing:border-box;}
.sestos-pop{position:absolute;z-index:99990;display:none;background:#fff;color:#122B46;border-radius:16px;box-shadow:0 12px 36px rgba(18,43,70,.28),0 0 0 1px rgba(18,43,70,.08);padding:8px;text-align:left;font:400 13px/1.4 Poppins,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;}
.sestos-pop.is-open{display:block;}
.sestos-pop__grip{display:flex;align-items:center;justify-content:center;height:16px;margin:-4px 0 4px;cursor:grab;touch-action:none;user-select:none;}
.sestos-pop__grip::before{content:"";width:40px;height:5px;border-radius:3px;background:rgba(18,43,70,.3);}
.sestos-pop__grip:hover::before{background:rgba(18,43,70,.55);}
.sestos-pop.is-dragging{box-shadow:0 18px 48px rgba(18,43,70,.4),0 0 0 1px rgba(18,43,70,.18);}.sestos-pop.is-dragging .sestos-pop__grip{cursor:grabbing;}
@media (max-width:640px){.sestos-pop__grip{display:none;}}
.sestos-pop:focus{outline:none;}
.sestos-pop__stage{position:relative;width:100%;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#122B46;}
.sestos-pop__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.sestos-pop__hint{margin:8px 4px 0;font-size:12px;}
.sestos-pop__note{margin:6px 4px 0;font-size:12px;font-weight:600;}
.sestos-pop__note:empty{display:none;}

/* runde Knöpfe im Bild: Kreuz oben rechts, Lautsprecher unten links */
.sestos-pop .sestos-ov{position:absolute;z-index:2;width:34px;height:34px;padding:0 !important;margin:0;border:0 !important;border-radius:50% !important;background:rgba(255,255,255,.94) !important;color:#122B46 !important;box-shadow:0 2px 8px rgba(0,0,0,.3);line-height:0;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.sestos-pop .sestos-ov[hidden]{display:none !important;}
.sestos-pop .sestos-ov svg{width:20px;height:20px;}
.sestos-pop .sestos-ov--close{top:8px;right:8px;}
.sestos-pop .sestos-ov--sound{bottom:8px;left:8px;}
.sestos-pop .sestos-ov:hover{background:#E6CA96 !important;}
.sestos-pop .sestos-ov:focus-visible,.sestos-pop .sestos-btn:focus-visible{outline:3px solid #122B46;outline-offset:2px;box-shadow:0 0 0 5px #fff;}

/* Feedback */
.sestos-fb{padding:10px 4px 4px;}
.sestos-fb__q{margin:0 0 8px;font:600 13px/1.3 Poppins,system-ui,sans-serif;color:#122B46;}
.sestos-fb__row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.sestos-fb__why{display:flex;flex-direction:column;gap:6px;margin-bottom:8px;}
.sestos-fb__test{margin:8px 0 0;font-size:11px;color:#4D5C6D;}
.sestos-pop .sestos-btn{display:inline-flex !important;align-items:center;justify-content:center;gap:6px;width:auto;min-height:38px;margin:0;padding:6px 10px !important;border:1px solid rgba(18,43,70,.25) !important;border-radius:10px !important;background:#F2F4F8 !important;color:#122B46 !important;font:500 12px/1.2 Poppins,system-ui,sans-serif !important;text-transform:none !important;letter-spacing:normal !important;text-decoration:none;box-shadow:none;cursor:pointer;}
.sestos-pop .sestos-btn svg{width:20px;height:20px;flex:none;}
.sestos-pop .sestos-btn:hover{background:#E6CA96 !important;border-color:#122B46 !important;}
.sestos-pop .sestos-btn--thumb{flex-direction:column;gap:2px;padding:8px 4px !important;font-size:11px !important;}
.sestos-pop .sestos-btn--thumb svg{width:24px;height:24px;}
.sestos-pop .sestos-btn--why{justify-content:flex-start;text-align:left;}
.sestos-why__mark{display:inline-flex;width:20px;height:20px;border:2px solid #122B46;border-radius:4px;background:#fff;flex:none;align-items:center;justify-content:center;}
.sestos-why__mark svg{width:14px !important;height:14px !important;opacity:0;}
.sestos-pop .sestos-btn--why[aria-pressed="true"]{background:#122B46 !important;color:#fff !important;}
.sestos-btn--why[aria-pressed="true"] .sestos-why__mark svg{opacity:1;color:#122B46;}
.sestos-pop .sestos-btn--done{width:100%;background:#E6CA96 !important;border-color:#E6CA96 !important;font-weight:600 !important;}
.sestos-pop .sestos-btn--done:hover{background:#122B46 !important;color:#fff !important;}
.sestos-pop__bar{display:flex;gap:6px;margin-top:6px;padding:0 4px 4px;}
.sestos-pop .sestos-btn--ask{width:100%;}
.sestos-pop .sestos-btn[disabled]{opacity:.6;cursor:default;}
@media (prefers-reduced-motion:no-preference){.sestos-pop.is-open{animation:sestos-in .12s ease-out;}@keyframes sestos-in{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:none;}}}
.sestos-fb__chosen{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding:8px 10px;border-radius:10px;background:#F2F4F8;font:600 13px/1.3 Poppins,system-ui,sans-serif;}
.sestos-fb__chosen svg{width:22px;height:22px;flex:none;}
.sestos-fb__acts{display:flex;gap:6px;flex-wrap:wrap;}
.sestos-pop .sestos-btn--small{min-height:34px;padding:4px 12px !important;font-size:12px !important;}

/* zentriert, Knöpfe über die volle Breite */
.sestos-fb{text-align:center;}
.sestos-fb__q{text-align:center;}
.sestos-fb__chosen{justify-content:center;text-align:center;}
.sestos-fb__acts{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.sestos-pop .sestos-btn--small,.sestos-pop .sestos-btn--why,.sestos-pop .sestos-btn--done,.sestos-pop .sestos-btn--ask{width:100%;}
.sestos-pop .sestos-btn--why{justify-content:center;text-align:center;}
.sestos-pop .sestos-btn--why .sestos-why__mark{position:relative;}
.sestos-pop .sestos-btn--why .sestos-btn__txt{flex:1 1 auto;text-align:center;}
.sestos-pop__bar{padding:0 4px 4px;}
.sestos-pop__note{text-align:center;}
.sestos-fb__test,.sestos-pop__hint{text-align:center;}

/* Entwurf (nur Admin-Vorschau): Wort UND Rahmen, nicht nur Farbe */
.sestos-slot .sestos-icon.is-draft{outline:3px dashed #122B46;outline-offset:3px;}
.sestos-slot .sestos-icon.is-draft::after{content:attr(data-draft);position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:6px;padding:1px 6px;border-radius:8px;background:#122B46;color:#fff;font:600 10px/1.4 Poppins,system-ui,sans-serif;line-height:1.4;white-space:nowrap;}

.sestos-pop iframe.sestos-pop__video{border:0;background:#122B46;}

.sestos-pop .sestos-ov--play{top:50%;left:50%;width:64px;height:64px;transform:translate(-50%,-50%);background:#E6CA96 !important;box-shadow:0 4px 16px rgba(0,0,0,.4);}
.sestos-pop .sestos-ov--play svg{width:34px;height:34px;margin-left:4px;}
.sestos-pop .sestos-ov--play:hover{background:#fff !important;}

/* ---------- Tutorial-Fenster: unten links, liegt neben der Seite, deckt sie nicht zu ---------- */
.sestos-win,.sestos-win *{box-sizing:border-box;}
.sestos-win{position:fixed;left:16px;bottom:16px;z-index:99991;display:none;flex-direction:column;width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;background:#fff;color:#122B46;border-radius:16px;box-shadow:0 16px 48px rgba(18,43,70,.32),0 0 0 1px rgba(18,43,70,.1);font:400 13px/1.4 Poppins,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:left;}
.sestos-win.is-open{display:flex;}
.sestos-win:focus{outline:none;}
.sestos-win__head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(18,43,70,.1);cursor:grab;touch-action:none;user-select:none;}
.sestos-win.is-dragging .sestos-win__head{cursor:grabbing;}.sestos-win.is-dragging{transition:none;box-shadow:0 20px 56px rgba(18,43,70,.4),0 0 0 1px rgba(18,43,70,.18);}
@media (max-width:640px){.sestos-win__head{cursor:default;}}
.sestos-win__face{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;}
.sestos-win__tt{flex:1 1 auto;min-width:0;}
.sestos-win__title{font:600 14px/1.3 Poppins,system-ui,sans-serif;color:#122B46;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sestos-win__where{font:400 11px/1.3 Poppins,system-ui,sans-serif;color:#4D5C6D;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sestos-win .sestos-win__x{flex:none;width:34px;height:34px;padding:0 !important;margin:0;border:0 !important;border-radius:50% !important;background:#F2F4F8 !important;color:#122B46 !important;box-shadow:none;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:0;}
.sestos-win .sestos-win__x svg{width:20px;height:20px;}
.sestos-win .sestos-win__x:hover{background:#E6CA96 !important;}
.sestos-win__tabs{display:flex;gap:6px;padding:8px 12px 0;}
.sestos-win__tabs[hidden]{display:none;}
.sestos-win .sestos-wtab{flex:1 1 0;display:inline-flex !important;align-items:center;justify-content:center;gap:6px;min-height:38px;margin:0;padding:6px 10px !important;border:1px solid rgba(18,43,70,.25) !important;border-radius:10px !important;background:#F2F4F8 !important;color:#122B46 !important;font:500 13px/1.2 Poppins,system-ui,sans-serif !important;text-transform:none !important;letter-spacing:normal !important;box-shadow:none;cursor:pointer;}
.sestos-win .sestos-wtab svg{width:20px;height:20px;flex:none;}
.sestos-win .sestos-wtab.is-on{background:#122B46 !important;color:#fff !important;border-color:#122B46 !important;}
.sestos-win .sestos-wtab[aria-selected="true"]::after{content:"";}
.sestos-win__panel{padding:10px 12px;}
.sestos-win__panel[hidden]{display:none;}
.sestos-win__stage{position:relative;width:100%;max-height:58vh;border-radius:10px;overflow:hidden;background:#122B46;margin:0 auto;}
.sestos-win__video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;border:0;background:#122B46;}
.sestos-win__hint{margin:8px 4px 0;font-size:12px;text-align:center;}
.sestos-win .sestos-wov{position:absolute;z-index:2;width:34px;height:34px;padding:0 !important;margin:0;border:0 !important;border-radius:50% !important;background:rgba(255,255,255,.94) !important;color:#122B46 !important;box-shadow:0 2px 8px rgba(0,0,0,.3);line-height:0;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.sestos-win .sestos-wov[hidden]{display:none !important;}
.sestos-win .sestos-wov svg{width:20px;height:20px;}
.sestos-win .sestos-wov--sound{bottom:8px;left:8px;}
.sestos-win .sestos-wov--play{top:50%;left:50%;width:64px;height:64px;transform:translate(-50%,-50%);background:#E6CA96 !important;box-shadow:0 4px 16px rgba(0,0,0,.4);}
.sestos-win .sestos-wov--play svg{width:34px;height:34px;margin-left:4px;}
.sestos-win .sestos-wov:hover{background:#E6CA96 !important;}
.sestos-win .sestos-wov--play:hover{background:#fff !important;}
.sestos-win__panel--pdf{max-height:58vh;overflow-y:auto;}
.sestos-win__pages{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;}
.sestos-win__page{display:block;width:100%;height:auto;border:1px solid rgba(18,43,70,.15);border-radius:6px;background:#F2F4F8;min-height:80px;}

/* Bewertung */
.sestos-win__fb{padding:2px 12px 8px;}
.sestos-win__fb[hidden]{display:none;}
.sestos-win__stars{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;}
.sestos-win .sestos-star{display:flex !important;flex-direction:column;align-items:center;gap:0;margin:0;padding:6px 0 4px !important;border:1px solid rgba(18,43,70,.25) !important;border-radius:10px !important;background:#F2F4F8 !important;color:#122B46 !important;box-shadow:none;cursor:pointer;font:600 12px/1.2 Poppins,system-ui,sans-serif !important;}
.sestos-win .sestos-star svg{width:26px;height:26px;}
.sestos-win .sestos-star:hover,.sestos-win .sestos-star:focus-visible{background:#E6CA96 !important;border-color:#122B46 !important;}
.sestos-win .sestos-fb__chosen svg{width:20px;height:20px;}

/* Knöpfe */
.sestos-win .sestos-wbtn{display:inline-flex !important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;margin:0;padding:6px 10px !important;border:1px solid rgba(18,43,70,.25) !important;border-radius:10px !important;background:#F2F4F8 !important;color:#122B46 !important;font:500 13px/1.2 Poppins,system-ui,sans-serif !important;text-transform:none !important;letter-spacing:normal !important;text-decoration:none !important;box-shadow:none;cursor:pointer;}
.sestos-win .sestos-wbtn[hidden]{display:none !important;}
.sestos-win .sestos-wbtn svg{width:20px;height:20px;flex:none;}
.sestos-win .sestos-wbtn:hover{background:#E6CA96 !important;border-color:#122B46 !important;}
.sestos-win .sestos-wbtn--small{min-height:34px;font-size:12px !important;}
.sestos-win .sestos-wbtn--done{background:#E6CA96 !important;border-color:#E6CA96 !important;font-weight:600 !important;}
.sestos-win .sestos-wbtn--done:hover{background:#122B46 !important;color:#fff !important;}
.sestos-win .sestos-wbtn--why{justify-content:flex-start;text-align:center;}
.sestos-win .sestos-wbtn--why .sestos-btn__txt{flex:1 1 auto;text-align:center;}
.sestos-win .sestos-wbtn--why[aria-pressed="true"]{background:#122B46 !important;color:#fff !important;}
.sestos-win .sestos-wbtn--dl{margin-top:2px;}
.sestos-win__nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px 12px 0;}
.sestos-win__nav[hidden]{display:none;}
.sestos-win__nav.is-single{grid-template-columns:1fr;}
.sestos-win .sestos-wbtn--prev{justify-content:flex-start;text-align:left;}
.sestos-win .sestos-wbtn--next{justify-content:flex-end;text-align:right;}
.sestos-wbtn__t{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;}
.sestos-wbtn__l{font-weight:600;}
.sestos-wbtn__s{font-size:11px;font-weight:400;color:#4D5C6D;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;}
.sestos-win__ask{padding:6px 12px 0;}
.sestos-win .sestos-wbtn--ask{background:#122B46 !important;color:#fff !important;border-color:#122B46 !important;font-weight:600 !important;}
.sestos-win .sestos-wbtn--ask:hover{background:#E6CA96 !important;color:#122B46 !important;}
.sestos-win__note{margin:6px 12px 10px;font-size:12px;font-weight:600;text-align:center;}
.sestos-win__note:empty{display:none;}
.sestos-win .sestos-win__nav:last-child,.sestos-win__ask:last-of-type{margin-bottom:10px;}
.sestos-win__nav{margin-bottom:0;}
.sestos-win .sestos-wbtn:focus-visible,.sestos-win .sestos-wov:focus-visible,.sestos-win .sestos-star:focus-visible,.sestos-win .sestos-wtab:focus-visible,.sestos-win .sestos-win__x:focus-visible{outline:3px solid #122B46;outline-offset:2px;box-shadow:0 0 0 5px #fff;}
.sestos-slot .sestos-icon--tut{position:relative;}

/* Handy: das Fenster wird von unten hochgezogen */
@media (max-width:640px){
.sestos-win{left:0;right:0;bottom:0;width:100%;max-height:90vh;border-radius:16px 16px 0 0;}
.sestos-win__stage{max-height:42vh;}
.sestos-win__panel--pdf{max-height:48vh;}
}
@media (prefers-reduced-motion:no-preference){
.sestos-win.is-open{animation:sestos-win-in .18s ease-out;}
@keyframes sestos-win-in{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
}

.sestos-win .sestos-star.is-on svg path{fill:currentColor;}

/* Freitext zum Feedback */
.sestos-fb__lbl{display:block;margin:2px 0 8px;font:600 12px/1.3 Poppins,system-ui,sans-serif;color:#122B46;text-align:left;}
.sestos-pop .sestos-fb__text,.sestos-win .sestos-fb__text{display:block;width:100%;margin:4px 0 0;padding:8px 10px;border:1px solid rgba(18,43,70,.35);border-radius:10px;background:#fff;color:#122B46;font:400 13px/1.4 Poppins,system-ui,sans-serif;resize:vertical;min-height:70px;box-shadow:none;}
.sestos-pop .sestos-fb__text:focus,.sestos-win .sestos-fb__text:focus{outline:3px solid #122B46;outline-offset:1px;}
.sestos-win .sestos-fb__why{display:flex;flex-direction:column;gap:6px;margin-bottom:8px;}

/* Bedienleiste im Tutorial-Fenster */
.sestos-win__hit{position:absolute;inset:0;z-index:1;cursor:pointer;background:transparent;}
.sestos-win__hit[hidden]{display:none;}
.sestos-win .sestos-wov--play{z-index:3;}
.sestos-wbar{position:relative;display:flex;align-items:center;gap:8px;margin-top:6px;padding:6px 8px;border-radius:10px;background:#122B46;color:#fff;}
.sestos-wbar[hidden]{display:none;}
.sestos-win .sestos-wbar__b{flex:none;width:34px;height:34px;padding:0 !important;margin:0;border:0 !important;border-radius:50% !important;background:rgba(255,255,255,.94) !important;color:#122B46 !important;box-shadow:none;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:0;}
.sestos-win .sestos-wbar__b svg{width:20px;height:20px;}
.sestos-win .sestos-wbar__b:hover{background:#E6CA96 !important;}
.sestos-win .sestos-wbar__range{flex:1 1 auto;min-width:0;height:24px;margin:0;padding:0;background:transparent;accent-color:#E6CA96;cursor:pointer;}
.sestos-wbar__t{flex:none;font:500 11px/1 Poppins,system-ui,sans-serif;color:#fff;white-space:nowrap;}
.sestos-win .sestos-wbar__b:focus-visible,.sestos-win .sestos-wbar__range:focus-visible{outline:3px solid #E6CA96;outline-offset:2px;}
@media (max-width:420px){.sestos-wbar__t{display:none;}}

/* Feedback als eigene Fläche */
.sestos-fb{margin:10px 0 0;padding:10px;border:1px solid rgba(18,43,70,.2);border-radius:12px;background:#F2F4F8;}
.sestos-win__fb.sestos-fb{margin:10px 12px 0;padding:10px;}
.sestos-fb__head{margin:0 0 8px;padding:0 0 6px;border-bottom:1px solid rgba(18,43,70,.15);font:700 11px/1.2 Poppins,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#4D5C6D;text-align:center;}
.sestos-fb .sestos-btn,.sestos-fb .sestos-wbtn,.sestos-fb .sestos-star{background:#fff !important;}
.sestos-fb .sestos-btn:hover,.sestos-fb .sestos-wbtn:hover,.sestos-fb .sestos-star:hover{background:#E6CA96 !important;}
.sestos-pop .sestos-fb .sestos-btn--done,.sestos-win .sestos-fb .sestos-wbtn--done{background:#E6CA96 !important;}
.sestos-pop .sestos-fb .sestos-btn--why[aria-pressed="true"],.sestos-win .sestos-fb .sestos-wbtn--why[aria-pressed="true"]{background:#122B46 !important;}
.sestos-fb__chosen{background:#fff;}
.sestos-win__nav{margin-top:10px;padding-top:10px;border-top:1px solid rgba(18,43,70,.1);}
.sestos-win__ask{margin-top:2px;}

/* Icons auf der Seite: so zeigen wie sie sind, nichts abschneiden */
.sestos-slot .sestos-icon,.sestos-icon__img{border-radius:0 !important;}
.sestos-icon__img{object-fit:contain;background:none;}
.sestos-win__face{border-radius:0;object-fit:contain;}
.sestos-slot .sestos-icon:focus-visible{outline-offset:2px;}

/* Sterne kompakt: nur fünf Sterne nebeneinander, gefüllt oder leer */
.sestos-win .sestos-win__stars{display:flex;justify-content:center;gap:2px;}
.sestos-win .sestos-fb .sestos-star{width:auto;flex:0 0 auto;padding:4px 6px !important;border:0 !important;border-radius:10px !important;background:transparent !important;color:#122B46 !important;}
.sestos-win .sestos-fb .sestos-star:hover,.sestos-win .sestos-fb .sestos-star:focus-visible{background:transparent !important;border:0 !important;}
.sestos-win .sestos-fb .sestos-star svg{width:34px;height:34px;}
.sestos-win .sestos-fb .sestos-star .sestos-star__n{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.sestos-win .sestos-fb .sestos-star.is-on svg path{fill:#E6CA96;}
.sestos-win .sestos-fb .sestos-star:focus-visible{outline:3px solid #122B46;outline-offset:1px;box-shadow:none;}
.sestos-win .sestos-fb__chosen svg{width:22px;height:22px;}
.sestos-win .sestos-fb__chosen svg path{stroke:#122B46;}
.sestos-win__fb.sestos-fb{padding:8px 10px;}
.sestos-win .sestos-fb__head{margin-bottom:6px;padding-bottom:5px;}
.sestos-win .sestos-fb__q{margin-bottom:2px;}

/* Icons: das SESTOS-Bild ist freigestellt. Kein Kasten, kein Schatten-Quadrat vom Theme, nichts abschneiden. */
.sestos-slot .sestos-icon,.sestos-slot .sestos-icon:hover,.sestos-slot .sestos-icon:focus,.sestos-slot .sestos-icon:active,.sestos-slot .sestos-icon:focus-visible{box-shadow:none !important;background:none !important;border:0 !important;outline:none !important;}
.sestos-slot .sestos-icon .sestos-icon__img{transition:transform .12s ease,filter .12s ease;}
.sestos-slot .sestos-icon:hover .sestos-icon__img{transform:scale(1.08);filter:drop-shadow(0 2px 5px rgba(18,43,70,.45));}
.sestos-slot .sestos-icon:focus-visible .sestos-icon__img{filter:drop-shadow(0 0 2px #122B46) drop-shadow(0 0 4px #E6CA96);}
.sestos-slot.is-highlight .sestos-icon .sestos-icon__img,.sestos-slot.is-highlight .sestos-icon.is-draft .sestos-icon__img{filter:drop-shadow(0 0 3px #122B46) drop-shadow(0 0 8px #E6CA96);}
.sestos-slot.is-highlight .sestos-icon{outline:none !important;}
.sestos-slot .sestos-icon.is-draft{outline:none !important;}
.sestos-slot .sestos-icon.is-draft .sestos-icon__img{filter:drop-shadow(0 0 0 #122B46);}

/* Übernommene Bilder (Startseite): Größe und Platz bleiben, nur das Verhalten kommt dazu */
.sestos-adopted{cursor:pointer;}
.sestos-adopted a{cursor:pointer;}
.sestos-adopted.is-highlight img{filter:drop-shadow(0 0 3px #122B46) drop-shadow(0 0 8px #E6CA96);}
.sestos-adopted:focus-visible,.sestos-adopted a:focus-visible{outline:3px solid #122B46;outline-offset:3px;}

/* Platzier-Modus (nur Admin) */
.sestos-pm,.sestos-pm *{box-sizing:border-box;font-family:Poppins,system-ui,sans-serif;}
.sestos-placing,.sestos-placing *{cursor:crosshair !important;}
.sestos-placing .sestos-pm,.sestos-placing .sestos-pm *{cursor:default !important;}
.sestos-pm-hl{position:fixed;z-index:2147483000;pointer-events:none;border:3px dashed #E6CA96;outline:2px solid #122B46;background:rgba(230,202,150,.18);display:none;}
.sestos-pm-panel{position:fixed;z-index:2147483001;top:42px;left:50%;transform:translateX(-50%);display:flex;gap:12px;align-items:center;max-width:min(680px,calc(100vw - 24px));padding:10px 14px;border-radius:12px;background:#122B46;color:#fff;font:500 13px/1.4 Poppins,system-ui,sans-serif;box-shadow:0 8px 28px rgba(0,0,0,.35);}
.sestos-pm-panel[hidden]{display:none;}
.sestos-pm-btn{padding:6px 14px;border:0;border-radius:8px;background:#E6CA96;color:#122B46;font:600 13px/1.2 Poppins,system-ui,sans-serif;cursor:pointer;}
.sestos-pm-dlg{position:fixed;z-index:2147483002;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:16px;border-radius:14px;background:#fff;color:#122B46;box-shadow:0 18px 60px rgba(0,0,0,.45);font:400 13px/1.4 Poppins,system-ui,sans-serif;}
.sestos-pm-dlg h3{margin:0 0 6px;font:700 16px/1.3 Poppins,system-ui,sans-serif;color:#122B46;}
.sestos-pm-sum{margin:0 0 10px;color:#4D5C6D;}
.sestos-pm-row{display:block;margin:0 0 10px;}
.sestos-pm-row[hidden]{display:none;}
.sestos-pm-row span{display:block;margin:0 0 3px;font-weight:600;}
.sestos-pm-dlg input[type=text],.sestos-pm-dlg select{display:block;width:100%;padding:7px 9px;border:1px solid rgba(18,43,70,.4);border-radius:8px;background:#fff;color:#122B46;font:400 13px/1.3 Poppins,system-ui,sans-serif;}
.sestos-pm-acts{display:flex;gap:8px;margin-top:6px;}
.sestos-pm-ok{background:#122B46;color:#fff;}
.sestos-pm-msg{margin:0;min-height:1em;font-weight:600;}
#wp-admin-bar-sestos-place.sestos-pm-on > a{background:#E6CA96 !important;color:#122B46 !important;}

/* Erklärvideo-Baustein */
.sestos-vid,.sestos-vid *{box-sizing:border-box;}
.sestos-vid{position:relative;margin:0 auto;width:100%;max-width:960px;padding:10px;border:1px solid rgba(18,43,70,.18);border-radius:18px;background:#F4F1EA;box-shadow:0 2px 10px rgba(18,43,70,.08);}
.sestos-vid__stage{position:relative;width:100%;aspect-ratio:var(--sv-ar,16 / 9);max-height:80vh;border-radius:14px;overflow:hidden;background:#122B46;}
.sestos-vid .sestos-vid__play{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;cursor:pointer;box-shadow:none;}
.sestos-vid__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.sestos-vid__btn{position:absolute;top:50%;left:50%;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:#E6CA96;color:#122B46;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.4);transition:transform .12s ease;}
.sestos-vid__btn svg{width:38px;height:38px;margin-left:4px;}
.sestos-vid__play:hover .sestos-vid__btn,.sestos-vid__play:focus-visible .sestos-vid__btn{transform:scale(1.08);background:#fff;}
.sestos-vid__play:focus-visible{outline:3px solid #E6CA96;outline-offset:-6px;}
.sestos-vid__media{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#122B46;object-fit:contain;}
.sestos-vid__bar{margin-top:10px;}
.sestos-vid__bar:empty{display:none;}
.sestos-vid__hint{margin:0 0 8px;font:400 12px/1.4 Poppins,system-ui,sans-serif;color:#4D5C6D;text-align:center;}
.sestos-vid .sestos-btn{display:flex !important;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;margin:0;padding:6px 12px !important;border:1px solid rgba(18,43,70,.25) !important;border-radius:10px !important;background:#122B46 !important;color:#fff !important;font:600 13px/1.2 Poppins,system-ui,sans-serif !important;text-transform:none !important;box-shadow:none;cursor:pointer;}
.sestos-vid .sestos-btn svg{width:20px;height:20px;}
.sestos-vid .sestos-btn:hover{background:#E6CA96 !important;color:#122B46 !important;}
.sestos-vid.is-draft::after{content:attr(data-draft);position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:8px;background:#122B46;color:#fff;font:600 11px/1.4 Poppins,system-ui,sans-serif;}
@media (max-width:640px){.sestos-vid__btn{width:60px;height:60px;margin:-30px 0 0 -30px;}.sestos-vid__btn svg{width:32px;height:32px;}}

/* Allgemeines SESTOS-Icon (Frage stellen), unten links, freigestellt */
.sestos-gen{position:fixed;left:16px;bottom:16px;z-index:99980;width:56px;height:56px;margin:0;padding:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;cursor:pointer;line-height:0;-webkit-tap-highlight-color:transparent;}
.sestos-gen__img{display:block;width:56px;height:56px;object-fit:contain;transition:transform .12s ease,filter .12s ease;}
.sestos-gen:hover .sestos-gen__img{transform:scale(1.08);filter:drop-shadow(0 3px 6px rgba(18,43,70,.45));}
.sestos-gen:focus-visible{outline:none !important;}
.sestos-gen:focus-visible .sestos-gen__img{filter:drop-shadow(0 0 2px #122B46) drop-shadow(0 0 5px #E6CA96);}
.sestos-win-open .sestos-gen{display:none;}
@media (max-width:640px){.sestos-gen{left:12px;bottom:12px;}}
/* 0.2.2: "Hier fragen" unter Sestos, Fragezeichen-Blase, kurzes Winken (höchstens 4-mal, nicht bei reduzierter Bewegung) */
.sestos-gen{width:auto;height:auto;transition:bottom .2s ease;display:flex;flex-direction:column;align-items:center;gap:3px;}
.sestos-gen__fig{position:relative;display:block;width:56px;height:56px;}
.sestos-gen__q{position:absolute;top:-4px;right:-8px;width:22px;height:22px;border-radius:50%;background:#E6CA96;color:#122B46;border:2px solid #fff;font:700 13px/18px Poppins,system-ui,sans-serif;text-align:center;box-shadow:0 2px 6px rgba(18,43,70,.3);}
.sestos-gen__lbl{display:block;text-transform:none !important;letter-spacing:normal !important;padding:5px 11px;border-radius:999px;background:#122B46;color:#fff;font:600 12px/1.1 Poppins,system-ui,sans-serif;white-space:nowrap;box-shadow:0 3px 10px rgba(18,43,70,.3);transition:background .12s ease,color .12s ease;}
.sestos-gen:hover .sestos-gen__lbl,.sestos-gen:focus-visible .sestos-gen__lbl{background:#E6CA96;color:#122B46;}
.sestos-gen.is-waving .sestos-gen__img{animation:sestosWave 1.4s ease-in-out;transform-origin:50% 90%;}
.sestos-gen.is-waving .sestos-gen__q{animation:sestosHop 1.4s ease-in-out;}
@keyframes sestosWave{0%,100%{transform:rotate(0)}15%{transform:rotate(-12deg)}30%{transform:rotate(10deg)}45%{transform:rotate(-10deg)}60%{transform:rotate(8deg)}75%{transform:rotate(-4deg)}}
@keyframes sestosHop{0%,100%{transform:translateY(0) scale(1)}30%{transform:translateY(-6px) scale(1.15)}55%{transform:translateY(0) scale(1)}70%{transform:translateY(-3px) scale(1.08)}}
@media (prefers-reduced-motion:reduce){.sestos-gen.is-waving .sestos-gen__img,.sestos-gen.is-waving .sestos-gen__q{animation:none;}}
@media (max-width:640px){.sestos-gen__fig,.sestos-gen__img{width:50px;height:50px;}.sestos-gen__lbl{font-size:11px;padding:4px 9px;}}
/* Vertrag 2: Frage-Modus des Fensters (ohne Video) und Platz für die Frage-Oberfläche von Support */
.sestos-win.is-ask .sestos-win__tabs,.sestos-win.is-ask .sestos-win__panel,.sestos-win.is-ask .sestos-win__fb,.sestos-win.is-ask .sestos-win__nav,.sestos-win.is-ask .sestos-win__ask{display:none !important;}
.sestos-win__askslot{padding:10px 12px;min-height:40px;}.sestos-win__askslot[hidden]{display:none;}
/* Vertrag 2: sofortige Hilfe im Bewertungsfeld (Support, z. B. Notlage). Symbol UND Text, nie nur Farbe. */
.sestos-help{margin:0 0 10px;padding:10px 12px;border:2px solid #122B46;border-radius:12px;background:#FFF8E8;color:#122B46;text-align:left;}
.sestos-help__head{display:flex;align-items:center;gap:6px;margin:0 0 6px;font:600 14px/1.3 Poppins,system-ui,sans-serif;}.sestos-help__head svg{width:20px;height:20px;flex:none;}
.sestos-help__text{margin:0 0 8px;font:400 13px/1.45 Poppins,system-ui,sans-serif;white-space:pre-line;}
.sestos-help a.sestos-help__tel{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;margin:0 0 6px;padding:10px 12px;min-height:44px;border-radius:10px;background:#fff;border:1px solid rgba(18,43,70,.3);color:#122B46 !important;text-decoration:none;font:400 13px/1.3 Poppins,system-ui,sans-serif;}
.sestos-help a.sestos-help__tel strong{font-weight:700;white-space:nowrap;}
.sestos-help a.sestos-help__btn{display:inline-block;margin:4px 6px 0 0;padding:8px 12px;border-radius:10px;background:#122B46;color:#fff !important;text-decoration:none;font:500 13px/1.2 Poppins,system-ui,sans-serif;}

/* 0.2.1: Das Fenster bleibt immer ganz im Bild (unter der Admin-Leiste, auch am Handy mit beweglicher Adressleiste).
   Kopf (Titel, Schließen) und Reiter bleiben oben stehen, nur der Inhalt darunter scrollt.
   Nichts wird gequetscht: das PDF behält seine volle Größe, die Bewertung steht darunter. */
.sestos-win{max-height:calc(100vh - var(--sestos-top,0px) - 32px);overscroll-behavior:contain;}
@supports (height:100dvh){.sestos-win{max-height:calc(100dvh - var(--sestos-top,0px) - 32px);}}
.sestos-win > *{flex-shrink:0;}
.sestos-win__head{position:sticky;top:0;z-index:5;background:#fff;border-radius:16px 16px 0 0;}
.sestos-win__tabs{position:sticky;top:var(--sestos-headh,61px);z-index:4;padding-bottom:8px;background:#fff;}
.sestos-win__tabs + .sestos-win__panel{padding-top:2px;}
.sestos-win__panel--pdf{max-height:none;overflow:visible;}
@media (max-width:640px){
.sestos-win{max-height:calc(100vh - var(--sestos-top,0px) - 8px);}
@supports (height:100dvh){.sestos-win{max-height:calc(100dvh - var(--sestos-top,0px) - 8px);}}
.sestos-win__panel--pdf{max-height:none;}
}