/* Sam Suite Marken-Schicht – Kern. Verbindlich laut BRAND.md. Hell ist die Grundlage; sam-brand.js setzt data-sam-theme="light|dark" am . */ @font-face { font-family: 'Manrope'; src: url('manrope-latin.woff2') format('woff2'); font-weight: 300 700; font-style: normal; font-display: swap; } :root { --sam-font: Manrope, 'Segoe UI', Arial, sans-serif; --sam-bg: #F6F3EE; --sam-surface: #FFFFFF; --sam-surface-2: #FAF8F4; --sam-hover: #F0EBE2; --sam-line: #E4DDD0; --sam-line-strong: #CFC5B3; --sam-text: #141210; --sam-text-dim: #5E574C; --sam-text-faint: #8A8174; --sam-accent: #A9771F; --sam-gold: #D9A941; --sam-gold-strong: #C4922C; --sam-gold-text: #8A5F14; --sam-gold-soft: #F6EDDA; --sam-gold-line: #E6CF9C; --sam-gold-light: #F7DC8F; --sam-on-gold: #1A1300; --sam-ink-panel: #141210; --sam-ink-panel-2: #24211C; --sam-on-dark: #F3EEE4; --sam-danger: #B23A2C; --sam-danger-soft: #F8E6E2; --sam-success: #2F7A55; --sam-success-soft: #E4F1E9; --sam-warning: #A86412; --sam-warning-soft: #F8ECDA; --sam-shadow: 0 1px 2px rgba(20, 18, 16, .05), 0 10px 28px rgba(20, 18, 16, .07); } :root[data-sam-theme="dark"] { color-scheme: dark; --sam-bg: #0B0B0A; --sam-surface: #141311; --sam-surface-2: #181714; --sam-hover: #1F1D19; --sam-line: #2A2620; --sam-line-strong: #3A342B; --sam-text: #F3EEE4; --sam-text-dim: #BDB4A4; --sam-text-faint: #8F8676; --sam-accent: #D9A941; --sam-gold: #D9A941; --sam-gold-strong: #E5B955; --sam-gold-text: #E2B85A; --sam-gold-soft: #2A2316; --sam-gold-line: #5C4A24; --sam-gold-light: #F7DC8F; --sam-on-gold: #1A1300; --sam-ink-panel: #1C1A16; --sam-ink-panel-2: #26231E; --sam-on-dark: #F3EEE4; --sam-danger: #E08A7E; --sam-danger-soft: #3A1E1A; --sam-success: #7CC39B; --sam-success-soft: #17291F; --sam-warning: #E0A95E; --sam-warning-soft: #33250F; --sam-shadow: none; } :root[data-sam-theme="light"] { color-scheme: light; } :root[data-sam-theme] body { font-family: var(--sam-font); background-color: var(--sam-bg); color: var(--sam-text); } :root[data-sam-theme] :is(button, input, select, textarea) { font-family: inherit; } :root[data-sam-theme] ::selection { background: color-mix(in srgb, var(--sam-gold) 35%, transparent); } /* Umschalter Hell/Dunkel – schwebend unten rechts, falls das Produkt keinen eigenen Platz vorgibt */ .sam-theme-toggle { position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px)); z-index: 2147483000; width: 40px; height: 40px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; background: var(--sam-surface); color: var(--sam-gold-text); border: 1px solid var(--sam-line); box-shadow: var(--sam-shadow); cursor: pointer; padding: 0; transition: border-color .15s, transform .15s; } .sam-theme-toggle:hover { border-color: var(--sam-gold); transform: translateY(-1px); } .sam-theme-toggle:focus-visible { outline: 2px solid var(--sam-gold); outline-offset: 3px; } .sam-theme-toggle svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } [data-sam-theme-toggle].sam-theme-toggle { position: static; box-shadow: none; } @media print { .sam-theme-toggle { display: none; } } @media (prefers-reduced-motion: reduce) { .sam-theme-toggle { transition: none; } } /* Sam Suite Login: automatisch umgefärbt aus landing\styles.css (sam-recolor.js) */ :root[data-sam-theme]{--gold:var(--sam-accent);--muted:var(--sam-text-dim);--line:color-mix(in srgb, var(--sam-gold-line) 20%, transparent);font-family:var(--sam-font);color:var(--sam-text);background:var(--sam-bg)} :root[data-sam-theme] body{background:linear-gradient(90deg,color-mix(in srgb, var(--sam-bg) 67%, transparent),color-mix(in srgb, var(--sam-bg) 75%, transparent) 65%,color-mix(in srgb, var(--sam-bg) 93%, transparent)),url('/assets/architecture-original.jpg') center center/cover fixed} :root[data-sam-theme] body:before{background:linear-gradient(180deg,color-mix(in srgb, var(--sam-bg) 25%, transparent),transparent 38%,color-mix(in srgb, var(--sam-bg) 86%, transparent))} :root[data-sam-theme] h1,:root[data-sam-theme] h2,:root[data-sam-theme] h3{font-family:var(--sam-font)} :root[data-sam-theme] .product-card{border:1px solid color-mix(in srgb, var(--sam-text) 45%, transparent);background:linear-gradient(140deg,color-mix(in srgb, var(--sam-gold) 32%, transparent),color-mix(in srgb, var(--sam-bg) 86%, transparent) 48%,color-mix(in srgb, var(--sam-surface) 88%, transparent));box-shadow:inset 0 1px 1px #b9dce15c,inset 0 -2px 1px color-mix(in srgb, var(--sam-gold) 44%, transparent),0 12px 28px #0004} :root[data-sam-theme] .product-card p{color:var(--sam-text)} :root[data-sam-theme] .product-card .badge{color:var(--sam-on-gold)} :root[data-sam-theme] .brand-plinth{border-bottom:2px solid var(--sam-accent);background:radial-gradient(ellipse at bottom,color-mix(in srgb, var(--sam-gold) 16%, transparent),transparent 68%),linear-gradient(180deg,transparent 30%,color-mix(in srgb, var(--sam-surface) 80%, transparent))} :root[data-sam-theme] .brand-plinth:before{box-shadow:0 0 9px color-mix(in srgb, var(--sam-gold) 100%, transparent)} :root[data-sam-theme] .brand-plinth p{color:var(--sam-text)} :root[data-sam-theme] .stage-signoff{font-family:var(--sam-font)} :root[data-sam-theme] .login-card{background:linear-gradient(140deg,color-mix(in srgb, var(--sam-hover) 93%, transparent),color-mix(in srgb, var(--sam-surface) 96%, transparent));border:1px solid color-mix(in srgb, var(--sam-text) 23%, transparent)} :root[data-sam-theme] input{background:color-mix(in srgb, var(--sam-bg) 68%, transparent);color:var(--sam-text);border:1px solid color-mix(in srgb, var(--sam-text) 30%, transparent)} :root[data-sam-theme] .primary-button{border:1px solid var(--sam-accent);background:linear-gradient(115deg,var(--sam-gold),var(--sam-gold));color:var(--sam-on-gold);box-shadow:0 5px 20px color-mix(in srgb, var(--sam-gold) 9%, transparent)} :root[data-sam-theme] .primary-button:hover{background:var(--sam-gold)} :root[data-sam-theme] .quiet-link{color:var(--sam-text)} :root[data-sam-theme] .divider span{background:var(--sam-surface)} :root[data-sam-theme] .microsoft-button{background:var(--sam-text);color:var(--sam-bg);border:1px solid var(--sam-text)} :root[data-sam-theme] .login-footnote{color:var(--sam-text-dim)} :root[data-sam-theme] .error-text,:root[data-sam-theme] .form-message{border-left:2px solid var(--sam-accent);background:color-mix(in srgb, var(--sam-text) 4%, transparent)} :root[data-sam-theme] .error-text{color:var(--sam-warning)} :root[data-sam-theme] .form-message{color:var(--sam-success)} :root[data-sam-theme] .access-note{color:var(--sam-text-dim)} :root[data-sam-theme] .access-note strong{color:var(--sam-text)} :root[data-sam-theme] .tile{background:color-mix(in srgb, var(--sam-text) 2%, transparent);color:var(--sam-text)} :root[data-sam-theme] .site-footer{color:var(--sam-text-dim);border-top:1px solid color-mix(in srgb, var(--sam-text) 7%, transparent)} @media (max-width:480px){:root[data-sam-theme] body{background-color:var(--sam-bg)}} :root[data-sam-theme] [fill="#f25022" i]{fill:var(--sam-danger)} :root[data-sam-theme] [fill="#7fba00" i]{fill:var(--sam-success)} :root[data-sam-theme] [fill="#00a4ef" i]{fill:var(--sam-gold-text)} :root[data-sam-theme] [fill="#ffb900" i]{fill:var(--sam-gold-text)} /* Sam Suite Login: Produkt-Anpassungen */ :root[data-sam-theme] .wordmark{display:inline-flex;align-items:center;gap:10px;font-size:0!important;letter-spacing:0!important} :root[data-sam-theme] .wordmark span{font-size:10px!important;margin-left:0!important;color:var(--sam-gold-text)!important} :root[data-sam-theme] .wordmark::before{content:'';width:131px;height:36px;background:url(lockup-hell.svg) left center/contain no-repeat} :root[data-sam-theme=dark] .wordmark::before{background-image:url(lockup-dunkel.svg)} :root[data-sam-theme] .product-icon{width:44px!important;height:44px!important;stroke:none!important} :root[data-sam-theme] .product-icon *{display:none} :root[data-sam-theme] .product-card[href*='app=samoffice#'] .product-icon{background:url(samoffice-symbol-auf-hell.svg) center/contain no-repeat} :root[data-sam-theme=dark] .product-card[href*='app=samoffice#'] .product-icon{background-image:url(samoffice-symbol.svg)} :root[data-sam-theme] .product-card[href*='app=samflow#'] .product-icon{background:url(samflow-symbol-auf-hell.svg) center/contain no-repeat} :root[data-sam-theme=dark] .product-card[href*='app=samflow#'] .product-icon{background-image:url(samflow-symbol.svg)} :root[data-sam-theme] .product-card[href*='app=samsales#'] .product-icon{background:url(samsales-symbol-auf-hell.svg) center/contain no-repeat} :root[data-sam-theme=dark] .product-card[href*='app=samsales#'] .product-icon{background-image:url(samsales-symbol.svg)} :root[data-sam-theme] .product-card[href*='app=samgrowthos#'] .product-icon{background:url(samgrowthos-symbol-auf-hell.svg) center/contain no-repeat} :root[data-sam-theme=dark] .product-card[href*='app=samgrowthos#'] .product-icon{background-image:url(samgrowthos-symbol.svg)} :root[data-sam-theme] .product-card[href*='app=samteam#'] .product-icon{background:url(samteams-symbol-auf-hell.svg) center/contain no-repeat} :root[data-sam-theme=dark] .product-card[href*='app=samteam#'] .product-icon{background-image:url(samteams-symbol.svg)} :root[data-sam-theme] .product-card[href*='app=samacademy#'] .product-icon{background:url(samacademy-symbol-auf-hell.svg) center/contain no-repeat} :root[data-sam-theme=dark] .product-card[href*='app=samacademy#'] .product-icon{background-image:url(samacademy-symbol.svg)} :root[data-sam-theme] .product-card[href*='app=samfunding#'] .product-icon{background:url(samfunding-symbol-auf-hell.svg) center/contain no-repeat} :root[data-sam-theme=dark] .product-card[href*='app=samfunding#'] .product-icon{background-image:url(samfunding-symbol.svg)} :root[data-sam-theme] .product-card[href*='app=samcrm#'] .product-icon{background:url(symbol-hell.svg) center/contain no-repeat} :root[data-sam-theme=dark] .product-card[href*='app=samcrm#'] .product-icon{background-image:url(symbol.svg)} :root[data-sam-theme=light] .brand-plinth img{filter:invert(1)} :root[data-sam-theme=light] body{background:linear-gradient(90deg,rgba(246,243,238,.9),rgba(246,243,238,.84) 65%,rgba(246,243,238,.95)),url(/assets/architecture-original.jpg) center/cover fixed} :root[data-sam-theme=dark] body{background:linear-gradient(90deg,rgba(11,11,10,.78),rgba(11,11,10,.82) 65%,rgba(11,11,10,.94)),url(/assets/architecture-original.jpg) center/cover fixed} :root[data-sam-theme] body:before{background:none!important} :root[data-sam-theme] h1,:root[data-sam-theme] .stage-signoff{text-shadow:none!important;font-family:var(--sam-font)!important}