
:root {
--pa-r-btn: 6px;
  --pa-r-chip: 4px;
  --pa-r-card: 8px;
--pa-ink: #16303A;
  --pa-ink-2: #1A3743;
  --pa-ink-3: #21404C;
  --pa-ink-card: #16303A;
  --pa-ink-rgb: 22, 48, 58;
  --pa-ink-text: #0F2A30;      
--pa-cream: #F3F7F7;
  --pa-hell-verlauf: linear-gradient(180deg, #F3F7F7 0%, #FFFFFF 50%, #F3F7F7 100%);
  --pa-paper: #FFFFFF;
  --pa-paper-rgb: 255, 255, 255;
  --pa-beige: #F0F5F5;          
  --pa-accent-bg: #F5F9F9;
  --pa-line: #D2DEE0;
  --pa-shade-rgb: 15, 42, 48;
--pa-txt-1: #0F2A30;
  --pa-txt-2: #2A444A;
  --pa-txt-3: #50676C;
  --pa-on-dark-1: #E8F0F1;
  --pa-on-dark-rgb: 232, 240, 241;
--pa-gold: #F69E68;
  --pa-gold-hi: #FBBA8C;
  --pa-gold-deep: #E8854A;
  --pa-gold-text: #AD521B;       
  --pa-gold-text-h: #8F4114;
--pa-gold-text-tint: #8F4114;
  --pa-gold-rgb: 246, 158, 104;  
  --pa-gold-hi-rgb: 246, 158, 104;
--pa-fehler: #F87171;
  --pa-fehler-rgb: 239, 68, 68;
  --pa-fehler-text: #FECACA;
  --pa-erfolg-rgb: 74, 222, 128;
  --pa-erfolg-text: #A7F3C4;
  --pa-erfolg-titel: #D1FAE0;
color-scheme: light;
}
html, body { background-color: var(--pa-ink); }
html .xp-on-light,
html .nd-legal,
html .nd-artbody { background-image: var(--pa-hell-verlauf); }
[style*="background: var(--bg)"],
[style*="background:var(--bg)"],
[style*="background: var(--surface)"] { background-image: var(--pa-hell-verlauf) !important; }
html body.xp-page .nd-about { background-image: var(--pa-hell-verlauf); }
html .xp-node-card--problem { box-shadow: inset -1px 0 0 var(--pa-line); }
.wd-zeichen { display: block; flex-shrink: 0; width: min(2.25rem, 11vw); height: min(2.25rem, 11vw); }
.wd-zeichen__kachel { fill: #EDF3F3; }
.wd-zeichen__w { fill: #16303A; }
.wd-zeichen__d { fill: #F69E68; }
.nd-header--subpage:not(.nd-header--dark-hero) .wd-zeichen__kachel { fill: #16303A; }
.nd-header--subpage:not(.nd-header--dark-hero) .wd-zeichen__w { fill: #EDF3F3; }
html .nd-logo, html .nd-footer__brand-logo { gap: min(0.75rem, 3.75vw); }
html .nd-logo-text, html .nd-footer__brand-name {
  position: relative; display: block; line-height: 1;
font-size: min(1.1875rem, 6vw); font-weight: 800; letter-spacing: 0.01em;
}
html .nd-logo-accent, html .nd-footer__brand-name > span {
  position: absolute; right: 0; top: 100%; margin-top: 0; 
font-size: min(0.6875rem, 3.5vw); font-weight: 700; letter-spacing: 0.04em; line-height: 1;
}
@media (max-width: 63.99rem) {
  html[style*="font-size"] .nd-header.has-cta .nd-logo-text { display: block; }
}
