#sgw-hub-strukturwissen-v15 { font-family: 'Montserrat', system-ui, sans-serif !important; color: #0f1d2e !important; line-height: 1.7 !important; max-width: 100% !important; box-sizing: border-box !important; scroll-behavior: smooth !important; } #sgw-hub-strukturwissen-v15 *, #sgw-hub-strukturwissen-v15 *::before, #sgw-hub-strukturwissen-v15 *::after { box-sizing: border-box !important; forced-color-adjust: none !important; -webkit-forced-color-adjust: none !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-wrap { max-width: 820px !important; margin: 0 auto !important; padding: clamp(20px, 4vw, 48px) clamp(16px, 4vw, 32px) !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-eyebrow { font-family: 'Montserrat', system-ui, sans-serif !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: #c8a84b !important; margin: 0 0 18px 0 !important; padding: 0 !important; } #sgw-hub-strukturwissen-v15 h1.sgw-hub-h1 { font-family: 'Cormorant Garamond', Georgia, serif !important; font-weight: 700 !important; font-size: clamp(30px, 5.4vw, 48px) !important; line-height: 1.12 !important; color: #0f1d2e !important; margin: 0 0 24px 0 !important; padding: 0 !important; letter-spacing: -0.01em !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-lead { font-family: 'Cormorant Garamond', Georgia, serif !important; font-style: italic !important; font-size: clamp(18px, 2.6vw, 24px) !important; line-height: 1.5 !important; color: #263e6e !important; margin: 0 0 28px 0 !important; padding: 0 0 0 20px !important; border-left: 3px solid #c8a84b !important; } #sgw-hub-strukturwissen-v15 p.sgw-hub-intro { font-family: 'Montserrat', system-ui, sans-serif !important; font-size: clamp(15px, 1.8vw, 17px) !important; line-height: 1.75 !important; color: #0f1d2e !important; margin: 0 0 18px 0 !important; font-weight: 400 !important; } #sgw-hub-strukturwissen-v15 p.sgw-hub-intro strong { font-weight: 600 !important; color: #0f1d2e !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-rule { width: 60px !important; height: 2px !important; background: #c8a84b !important; border: 0 !important; margin: 40px 0 40px 0 !important; display: block !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-nav { background: #f5f0e8 !important; border-left: 4px solid #c8a84b !important; padding: clamp(22px, 3vw, 30px) clamp(20px, 3vw, 30px) !important; margin: 0 0 44px 0 !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-nav-label { font-family: 'Montserrat', system-ui, sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: #c8a84b !important; margin: 0 0 16px 0 !important; padding: 0 !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-nav-row { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-nav-btn { display: inline-block !important; font-family: 'Montserrat', system-ui, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.02em !important; padding: 11px 18px !important; background: transparent !important; color: #0f1d2e !important; text-decoration: none !important; border: 1px solid rgba(15,29,46,0.25) !important; transition: all 0.25s ease !important; line-height: 1.3 !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-nav-btn:hover { background: #0f1d2e !important; color: #f5f0e8 !important; border-color: #0f1d2e !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-nav-btn .sgw-hub-nav-num { color: #c8a84b !important; font-weight: 700 !important; margin-right: 7px !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-nav-btn:hover .sgw-hub-nav-num { color: #c8a84b !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-group { margin: 0 0 52px 0 !important; padding: 0 !important; scroll-margin-top: 90px !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-group-head { border-bottom: 2px solid #c8a84b !important; padding: 0 0 12px 0 !important; margin: 0 0 10px 0 !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-group-num { font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: clamp(24px, 3.4vw, 32px) !important; font-weight: 600 !important; color: #c8a84b !important; line-height: 1 !important; margin: 0 0 6px 0 !important; padding: 0 !important; display: block !important; } #sgw-hub-strukturwissen-v15 h2.sgw-hub-group-h2 { font-family: 'Cormorant Garamond', Georgia, serif !important; font-weight: 700 !important; font-size: clamp(24px, 3.6vw, 34px) !important; line-height: 1.2 !important; color: #0f1d2e !important; margin: 0 !important; padding: 0 !important; } #sgw-hub-strukturwissen-v15 p.sgw-hub-group-sub { font-family: 'Montserrat', system-ui, sans-serif !important; font-size: clamp(14px, 1.7vw, 16px) !important; line-height: 1.7 !important; color: #263e6e !important; margin: 0 0 22px 0 !important; padding: 0 !important; font-weight: 400 !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-card { display: block !important; background: #f5f0e8 !important; border-left: 4px solid #c8a84b !important; padding: clamp(20px, 3vw, 28px) clamp(20px, 3vw, 30px) !important; text-decoration: none !important; color: #0f1d2e !important; transition: transform 0.25s ease, box-shadow 0.25s ease !important; margin: 0 0 14px 0 !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-card:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 18px rgba(15,29,46,0.08) !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-card .sgw-hub-card-kicker { font-family: 'Montserrat', system-ui, sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: #c8a84b !important; margin: 0 0 8px 0 !important; padding: 0 !important; display: block !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-card h3 { font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: clamp(20px, 2.8vw, 26px) !important; font-weight: 700 !important; color: #0f1d2e !important; line-height: 1.22 !important; margin: 0 0 8px 0 !important; padding: 0 !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-card p { font-family: 'Montserrat', system-ui, sans-serif !important; font-size: clamp(13px, 1.6vw, 15px) !important; line-height: 1.6 !important; color: #263e6e !important; margin: 0 !important; padding: 0 !important; font-weight: 400 !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-modul { display: block !important; background: transparent !important; border: 1px solid rgba(15,29,46,0.18) !important; border-left: 4px solid #263e6e !important; padding: clamp(16px, 2.4vw, 22px) clamp(18px, 2.6vw, 26px) !important; text-decoration: none !important; color: #0f1d2e !important; transition: all 0.25s ease !important; margin: 18px 0 0 0 !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-modul:hover { background: #f5f0e8 !important; border-left-color: #c8a84b !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-modul .sgw-hub-modul-label { font-family: 'Montserrat', system-ui, sans-serif !important; font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.16em !important; text-transform: uppercase !important; color: #c8a84b !important; margin: 0 0 6px 0 !important; padding: 0 !important; display: block !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-modul .sgw-hub-modul-name { font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: clamp(17px, 2.2vw, 21px) !important; font-weight: 700 !important; color: #0f1d2e !important; line-height: 1.25 !important; margin: 0 !important; padding: 0 !important; display: block !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-cta { background: #0f1d2e !important; padding: clamp(28px, 4vw, 44px) clamp(20px, 3vw, 36px) !important; margin: 44px 0 0 0 !important; text-align: center !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-cta h2 { font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: clamp(22px, 3vw, 28px) !important; font-weight: 700 !important; color: #f5f0e8 !important; margin: 0 0 12px 0 !important; line-height: 1.3 !important; padding: 0 !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-cta p { font-family: 'Montserrat', system-ui, sans-serif !important; font-size: 15px !important; line-height: 1.6 !important; color: #f5f0e8 !important; opacity: 0.85 !important; margin: 0 0 24px 0 !important; max-width: 480px !important; margin-left: auto !important; margin-right: auto !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-cta-row { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; justify-content: center !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-btn-gold { display: inline-block !important; font-family: 'Montserrat', system-ui, sans-serif !important; font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; padding: 14px 26px !important; background: #c8a84b !important; color: #0f1d2e !important; text-decoration: none !important; border: 2px solid #c8a84b !important; transition: all 0.25s ease !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-btn-gold:hover { background: transparent !important; color: #c8a84b !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-btn-ghost { display: inline-block !important; font-family: 'Montserrat', system-ui, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; padding: 14px 26px !important; background: transparent !important; color: #f5f0e8 !important; text-decoration: none !important; border: 2px solid rgba(245,240,232,0.4) !important; transition: all 0.25s ease !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-btn-ghost:hover { border-color: #c8a84b !important; color: #c8a84b !important; } /* v18: Text-Gold #7a5f1a auf hellem Grund (Design-Regel 4 und 5), Gold #c8a84b bleibt auf Navy */ #sgw-hub-strukturwissen-v15 .sgw-hub-eyebrow, #sgw-hub-strukturwissen-v15 .sgw-hub-nav-label, #sgw-hub-strukturwissen-v15 .sgw-hub-group-num, #sgw-hub-strukturwissen-v15 a.sgw-hub-card .sgw-hub-card-kicker, #sgw-hub-strukturwissen-v15 a.sgw-hub-nav-btn .sgw-hub-nav-num, #sgw-hub-strukturwissen-v15 a.sgw-hub-modul .sgw-hub-modul-label { color: #7a5f1a !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-group-num, #sgw-hub-strukturwissen-v15 h1.sgw-hub-h1, #sgw-hub-strukturwissen-v15 a.sgw-hub-card h3, #sgw-hub-strukturwissen-v15 a.sgw-hub-modul .sgw-hub-modul-name, #sgw-hub-strukturwissen-v15 .sgw-hub-cta h2 { font-variant-numeric: lining-nums !important; font-feature-settings: "lnum" 1 !important; } #sgw-hub-strukturwissen-v15 p.sgw-hub-autor { font-family: 'Montserrat', system-ui, sans-serif !important; font-size: 13px !important; line-height: 1.6 !important; color: rgba(15,29,46,0.72) !important; margin: -8px 0 28px 0 !important; padding: 0 !important; font-weight: 400 !important; } #sgw-hub-strukturwissen-v15 p.sgw-hub-autor a, #sgw-hub-strukturwissen-v15 p.sgw-hub-intro a { color: #7a5f1a !important; text-decoration: underline !important; text-underline-offset: 3px !important; text-decoration-thickness: 1px !important; font-weight: 600 !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-modul + a.sgw-hub-modul { margin-top: 10px !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-nav-btn { padding: 13px 18px !important; min-height: 44px !important; } /* Einblenden: Ausgangszustand nur, wenn das Skript die Klasse sgw-hub-anim gesetzt hat. Ohne JavaScript und bei "Bewegung reduzieren" ist alles sofort sichtbar. */ #sgw-hub-strukturwissen-v15.sgw-hub-anim .sgw-hub-fade { opacity: 0 !important; transform: translateY(16px) !important; transition: opacity 0.7s ease, transform 0.7s ease !important; } #sgw-hub-strukturwissen-v15.sgw-hub-anim .sgw-hub-fade.sgw-hub-on { opacity: 1 !important; transform: translateY(0) !important; } @media (prefers-reduced-motion: reduce) { #sgw-hub-strukturwissen-v15 { scroll-behavior: auto !important; } } @media (prefers-color-scheme: dark) { #sgw-hub-strukturwissen-v15, #sgw-hub-strukturwissen-v15 * { color: #0f1d2e !important; } #sgw-hub-strukturwissen-v15 h1.sgw-hub-h1, #sgw-hub-strukturwissen-v15 h2.sgw-hub-group-h2, #sgw-hub-strukturwissen-v15 p.sgw-hub-intro, #sgw-hub-strukturwissen-v15 p.sgw-hub-intro strong, #sgw-hub-strukturwissen-v15 a.sgw-hub-card h3, #sgw-hub-strukturwissen-v15 a.sgw-hub-nav-btn, #sgw-hub-strukturwissen-v15 a.sgw-hub-modul, #sgw-hub-strukturwissen-v15 a.sgw-hub-modul .sgw-hub-modul-name { color: #0f1d2e !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-lead, #sgw-hub-strukturwissen-v15 a.sgw-hub-card p, #sgw-hub-strukturwissen-v15 p.sgw-hub-group-sub { color: #263e6e !important; } #sgw-hub-strukturwissen-v15 p.sgw-hub-autor { color: rgba(15,29,46,0.72) !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-eyebrow, #sgw-hub-strukturwissen-v15 .sgw-hub-nav-label, #sgw-hub-strukturwissen-v15 .sgw-hub-group-num, #sgw-hub-strukturwissen-v15 a.sgw-hub-card .sgw-hub-card-kicker, #sgw-hub-strukturwissen-v15 a.sgw-hub-nav-btn .sgw-hub-nav-num, #sgw-hub-strukturwissen-v15 a.sgw-hub-modul .sgw-hub-modul-label, #sgw-hub-strukturwissen-v15 p.sgw-hub-autor a, #sgw-hub-strukturwissen-v15 p.sgw-hub-intro a { color: #7a5f1a !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-nav-btn:hover { background: #0f1d2e !important; color: #f5f0e8 !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-nav-btn:hover .sgw-hub-nav-num { color: #c8a84b !important; } #sgw-hub-strukturwissen-v15 .sgw-hub-cta h2, #sgw-hub-strukturwissen-v15 .sgw-hub-cta p { color: #f5f0e8 !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-btn-gold { background: #c8a84b !important; color: #0f1d2e !important; } #sgw-hub-strukturwissen-v15 a.sgw-hub-btn-ghost { color: #f5f0e8 !important; } } html [hidden] { display: none !important; }