.sopi-widget{font-family:system-ui,-apple-system,sans-serif;z-index:99999}.sopi-widget *{box-sizing:border-box}.sopi-stage{position:fixed;inset:0;background:rgba(12,43,43,.44);z-index:999999;display:flex;align-items:center;justify-content:center;padding:18px}.sopi-stage[hidden],.sopi-header-button[hidden],.sopi-start[hidden]{display:none!important}.sopi-stage-inner{width:min(410px,100%);background:linear-gradient(145deg,#e8f5f2,#c2dbd7);border:2px solid #26817e;border-radius:26px;box-shadow:0 18px 65px #0005;text-align:center;overflow:hidden;perspective:900px}.sopi-figure-wrap{height:min(57vh,490px);display:flex;align-items:center;justify-content:center;filter:drop-shadow(14px 19px 13px #245b5a66)}.sopi-figure{width:100%;height:100%;object-fit:contain;transform-style:preserve-3d;animation:sopi-float 3.3s ease-in-out infinite,sopi-turn 7s ease-in-out infinite;transform-origin:50% 60%}@keyframes sopi-float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes sopi-turn{0%,100%{rotate:y -10deg}50%{rotate:y 12deg}}.sopi-controls{padding:10px 18px 20px}.sopi-status{color:#245957;font-size:16px;line-height:1.4;margin:0 0 12px}.sopi-controls button{cursor:pointer;border-radius:12px;border:0;padding:11px 15px;font-weight:700;margin:4px}.sopi-start{background:#25837e;color:white}.sopi-skip{background:#d3dfdd;color:#214e4b}.sopi-header-button{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:4px 7px;min-height:44px}.sopi-header-button img{width:43px;height:43px;object-fit:contain;filter:drop-shadow(2px 3px 2px #0004)}.sopi-header-button span{font-weight:700;font-size:13px}.sopi-header-button.sopi-in-menu{list-style:none;align-self:center}.sopi-header-button.sopi-fallback{position:fixed;right:15px;top:12px;background:white;border-radius:30px;box-shadow:0 2px 10px #0003;z-index:9999}@media(max-width:600px){.sopi-figure-wrap{height:min(47vh,360px)}.sopi-header-button img{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){.sopi-figure{animation:none!important}}

/* Kleiner Sopi direkt neben „Mitglied werden“ statt bei „Startseite“. */
.sopi-header-button.sopi-next-to-member{display:inline-flex;flex:0 0 auto;align-self:center;margin-inline-start:8px;white-space:nowrap;list-style:none}
.sopi-header-button.sopi-header-end{display:inline-flex;margin-inline-start:10px}
@media(max-width:600px){.sopi-header-button.sopi-next-to-member{margin-inline-start:4px}.sopi-header-button span{font-size:12px}}

/* Begrüßung dauerhaft oberhalb der Figur, auch während der Ansage. */
.sopi-welcome{font-size:clamp(19px,3.6vw,26px);line-height:1.2;font-weight:800;color:#175b57;margin:0;padding:18px 18px 6px;text-align:center}
.sopi-header-button .sopi-mini-label{font-size:11px;line-height:1.15;text-align:left;white-space:normal;max-width:112px}
.sopi-header-button .sopi-mini-label strong{font-size:14px}
.sopi-header-button{max-width:185px}
@media(max-width:600px){.sopi-welcome{font-size:19px;padding:12px 12px 2px}.sopi-header-button .sopi-mini-label{font-size:10px;max-width:85px}}

/* Räumliche 3D-Schrift mit mehreren Schattenebenen; Text bleibt zugänglich. */
.sopi-welcome-3d{color:#f7fffb;letter-spacing:.015em;text-wrap:balance;-webkit-text-stroke:.65px #155f59;text-shadow:0 1px 0 #4da49a,0 2px 0 #348c83,0 3px 0 #28786f,0 4px 0 #1b665f,0 5px 0 #12514c,0 8px 11px rgba(10,54,51,.45);padding-bottom:17px;transform:perspective(700px) rotateX(7deg)}
.sopi-header-button .sopi-mini-label{max-width:160px;font-size:10px;line-height:1.2;white-space:normal;text-align:left;color:inherit;text-shadow:0 1px 0 rgba(255,255,255,.6),1px 2px 1px rgba(0,0,0,.16)}
.sopi-header-button{max-width:245px}
@media(max-width:600px){.sopi-welcome-3d{padding-bottom:13px;text-shadow:0 1px 0 #4da49a,0 2px 0 #28786f,0 3px 0 #12514c,0 5px 8px rgba(10,54,51,.4)}.sopi-header-button .sopi-mini-label{max-width:105px;font-size:9px}}

/* Version 8: Der Vereinsname bleibt in einer Zeile; auf schmalen Geräten passt sich die Schrift an. */
.sopi-stage-inner{width:min(760px,100%)}
.sopi-welcome-3d{font-size:clamp(16px,3.2vw,29px);line-height:1.4;padding-inline:8px}
.sopi-org-name{display:inline-block;white-space:nowrap;font-size:clamp(12px,3.2vw,29px);letter-spacing:-.025em}
@media(max-width:380px){.sopi-org-name{font-size:clamp(11px,3.3vw,14px)}}