/*
===================================
Lebenshilfe Bremervörde / Zeven gGmbH
Projekt: LHBZ Intranet 
Entwickler: Florian Munzert
Mitwirkende: Adam Kilani, Janosch Buschmann
Datei: lh_tokens.css
Datei-Link: https://intern.lhbz.it/lh_tokens.css
===================================
*/

@property --ang{syntax:'<angle>';inherits:false;initial-value:0deg}

@font-face{font-family:'LHQuicksand';src:url('/fonts/lh-quicksand.woff2') format('woff2-variations'),url('/fonts/lh-quicksand.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}

:root{
  --brand:#0a7d54;--brand-deep:#06593a;--brand-bright:#12a06b;
  --accent:#bf9a3f;--accent-2:#d2b265;--accent-cyan:#d2b265;--violet:#e0a44a;
  --accent-glow:rgba(191,154,63,.28);--orange:#e08a3c;
  --bg-0:#eef3ee;--bg-1:#f8fbf8;
  --text:#15241c;--muted:#586a60;--soft:#82938a;
  --glass:rgba(248,252,250,.62);--glass-2:rgba(249,253,251,.82);--glass-3:rgba(252,254,253,.92);
  --glass-brd:rgba(10,95,62,.18);--hair:rgba(10,95,62,.13);
  --card-shadow:0 16px 40px rgba(12,45,32,.14);
  --glow-brand:0 0 30px rgba(10,125,84,.15);--glow-accent:0 0 34px rgba(191,154,63,.18);
  --cursor-glow:rgba(10,125,84,.05);
  --r:22px;--ease:cubic-bezier(.2,.8,.2,1);
  --au1:rgba(10,140,90,.11);--au2:rgba(20,150,100,.07);--au3:rgba(224,138,60,.045);--au4:rgba(210,160,70,.03);--au5:rgba(10,150,100,.04);
  --font-heading:'LHQuicksand','LH Figtree','Outfit','Segoe UI',Arial,sans-serif;
  --font-body:'LHQuicksand','LH Nunito Sans','NunitoSansLocal','Segoe UI',Arial,sans-serif;
}
[data-theme="dark"]{
  --brand:#1aa56e;--brand-deep:#0e8154;--brand-bright:#28c187;
  --accent:#d4b262;--accent-2:#e6c984;--accent-cyan:#e0c074;--violet:#e3a85e;
  --accent-glow:rgba(212,178,98,.34);--orange:#e8975a;
  --bg-0:#0a120e;--bg-1:#0f1a14;
  --text:#eef6f0;--muted:#9eb0a5;--soft:#7c8f84;
  --glass:rgba(16,28,23,.5);--glass-2:rgba(19,32,26,.62);--glass-3:rgba(24,40,32,.82);
  --glass-brd:rgba(150,200,160,.16);--hair:rgba(150,210,170,.12);
  --card-shadow:0 30px 70px rgba(0,0,0,.6);
  --glow-brand:0 0 30px rgba(26,165,110,.24);--glow-accent:0 0 32px rgba(212,178,98,.28);
  --cursor-glow:rgba(26,165,110,.09);
  --au1:rgba(20,150,100,.16);--au2:rgba(30,160,110,.10);--au3:rgba(232,150,80,.15);--au4:rgba(210,170,90,.10);--au5:rgba(20,170,115,.08);
}


html,body{font-family:var(--font-body)!important;color:var(--text)!important;background:var(--bg-0)!important;}
body{position:relative!important;transition:background .5s ease,color .4s ease;}
h1,h2,h3,h4,h5,h6,.page-title,.card-title,.modal-title,.section-title,.news-title,.episode-title,.training-title,.chat-title{font-family:var(--font-heading)!important;color:var(--text)!important;letter-spacing:-.01em!important;}
p,td,li,span,label,input,textarea,select,.muted,.small-muted,.page-subtitle{font-family:var(--font-body)!important;}


body::before{content:'';position:fixed;inset:-25% -15% -15% -15%;z-index:-3;pointer-events:none;background:
  radial-gradient(32% 30% at 12% 15%,var(--au1),transparent 58%),
  radial-gradient(30% 32% at 88% 10%,var(--au2),transparent 60%),
  radial-gradient(38% 38% at 88% 92%,var(--au4),transparent 58%),
  radial-gradient(28% 30% at 12% 95%,var(--au3),transparent 60%);
  filter:blur(32px) saturate(1.12);
  -webkit-mask:radial-gradient(78% 72% at 50% 46%,transparent 34%,#000 84%);
  mask:radial-gradient(78% 72% at 50% 46%,transparent 34%,#000 84%);
  animation:lhAurora 34s ease-in-out infinite alternate;will-change:transform;}
body::after{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(420px 420px at var(--gx,50%) var(--gy,28%),var(--cursor-glow),transparent 60%),
  linear-gradient(180deg,var(--bg-1),transparent 38%,transparent 72%,var(--bg-0));}
@keyframes lhAurora{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(2%,-1.5%,0) scale(1.06)}100%{transform:translate3d(-2%,2%,0) scale(1.03)}}

html[data-speed=on] *,html[data-speed=on] *::before,html[data-speed=on] *::after{transition:none!important;animation:none!important;animation-duration:0s!important;animation-delay:0s!important;box-shadow:none!important;text-shadow:none!important;scroll-behavior:auto!important}
html[data-speed=on] *:hover{transform:none!important}
html[data-speed=on] #lhAurora,html[data-speed=on] .lh-aurora,html[data-speed=on] .lh-aurora-bg,html[data-speed=on] #lhGlobalTorch{display:none!important;background-image:none!important}
.lh-mode-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(14px);background:rgba(15,26,20,.94);color:#fff;font-family:Outfit,Arial,sans-serif;font-size:14px;font-weight:600;padding:11px 20px;border-radius:12px;z-index:2147483000;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;letter-spacing:.2px}
.lh-mode-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
html[data-speed=on] .lh-mode-toast{transition:none!important}
.lh-theme-toggle .lh-mode-name{font-family:Outfit,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:5px;text-transform:uppercase;opacity:.85}
.lh-theme-toggle[data-mode$="-on"]{outline:2px solid rgba(10,125,84,.55);outline-offset:1px}
.lh-btn-loading{opacity:.72;cursor:progress!important}

/*
===================================
Lebenshilfe Bremervörde / Zeven gGmbH
Projekt: LHBZ Intranet
Entwickler: Florian Munzert
Mitwirkende: Adam Kilani, Janosch Buschmann
Datei: lh_tokens.css
Datei-Link: https://intern.lhbz.it/lh_tokens.css
===================================
*/