/* SummitGO Erscheinungsbild — Bildschirm-Bausteine (Standard 22.08.2026).
   1:1 uebernehmen. Bilder liegen unter /static/logo/ (aus standard-referenz/logo/).
   Groessen und Abstaende im Verhaeltnis des Original-Logos (Schleife 600 : Strich 380 :
   Schriftzug 260 : Modulzeile 70), Bezug Schleife = 48 px im Kopf. */

/* --- Wort-Bild-Marke im Suite-Kopf --- */
.sgo-marke{display:flex;align-items:center;text-decoration:none;color:inherit}
.sgo-marke .sgo-schleife{width:48px;height:48px;display:block}
.sgo-marke .sgo-strich{width:1px;height:30px;background:#8A9BB0;margin:0 10px}
.sgo-marke .sgo-text{display:flex;flex-direction:column;gap:4px}
.sgo-marke .sgo-schriftzug{height:21px;width:auto;display:block}
.sgo-marke .sgo-modulname{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;
  font-size:8.5px;letter-spacing:.32em;text-transform:uppercase;color:#C3CDD8;padding-left:1px;white-space:nowrap}

/* --- Marke auf hellem Grund (Anmeldeseite hell, Druck, Mail-Vorschau): dunkle Bilder einsetzen --- */
.sgo-marke.hell .sgo-strich{background:#9AA3AE}
.sgo-marke.hell .sgo-modulname{color:#6B6B6B}

/* --- Denkanzeige: die Original-Schleife, still oder bei der Arbeit --- */
.sgo-denk{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto}
.sgo-denk img{width:100%;height:100%;display:block}
@keyframes sgo-dreh{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes sgo-atmen{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(194,161,92,0))}
  50%{transform:scale(1.08);filter:drop-shadow(0 0 6px rgba(194,161,92,.55))}}
.sgo-denk.arbeitet{animation:sgo-atmen 2.6s ease-in-out infinite}
.sgo-denk.arbeitet img{animation:sgo-dreh 7s linear infinite}
.sgo-denk.klein{width:34px;height:34px}
.sgo-denk.gross{width:120px;height:120px}   /* Wartevorhang / Vollbild (Befund 22.08.: 52 px wirkt dort klein) */
@media (prefers-reduced-motion:reduce){.sgo-denk.arbeitet,.sgo-denk.arbeitet img{animation:none}}