@font-face{font-family:Gohu;src:url('extra/custom-assets/gohu.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:light;--ink:#151d29;--muted:#4b5668;--petrol:#086b5a;--border:#d7dfe5;--font:Gohu,monospace}
*{box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{margin:0;padding:0 20px;background:#fff;color:var(--ink);font-family:var(--font);font-weight:400;line-height:1.55;min-height:100vh;opacity:1}
a{color:var(--petrol);text-decoration:none}
a:focus-visible{outline:2px solid var(--petrol);outline-offset:5px}
.fo-network{position:fixed;inset:0;width:100%;height:100%;color:#6e9b97;opacity:.18;z-index:-1;pointer-events:none}
.background-container,.parallax-background{display:none!important}
.fo-header{max-width:680px;margin:0 auto;padding:40px 0 12px;text-align:center}
.fo-logo{display:inline-block;width:min(350px,90%)}
.fo-logo img{display:block;width:100%;height:auto}
.fo-eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:var(--petrol);margin:8px 0 22px}
.fo-status{width:6px;height:6px;display:block;border-radius:50%;background:var(--petrol)}
.fo-header h1{font-size:clamp(25px,4vw,34px);font-weight:400;line-height:1.3;margin:0 0 16px;text-wrap:balance}
.fo-intro{font-size:16px;line-height:1.6;color:var(--muted);margin:0}
.container{position:relative;width:100%;max-width:680px;margin:0 auto;text-align:center;word-break:normal!important}
.column{width:100%;margin-top:0!important}
.column > #avatar,.column > h1,.column > p:not(.fo-footer){display:none!important}
.fo-section{display:flex;align-items:center;gap:16px;text-align:left;font-size:12px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--petrol);margin:28px 0 12px}
.fo-section::after{content:"";height:1px;background:var(--border);flex:1}
.button-entrance{margin:0 0 12px}
.button{position:relative;display:flex;align-items:center;gap:14px;width:100%;height:auto;min-height:72px;margin:0;padding:20px 52px 20px 22px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.95);color:var(--ink);text-align:left;white-space:normal;font-family:var(--font);font-size:18px;font-weight:400;line-height:1.45;letter-spacing:0;text-transform:none;box-shadow:0 2px 5px rgba(21,29,41,.02);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;text-wrap:pretty}
.button::after{content:"\2197";position:absolute;right:22px;top:50%;transform:translateY(-50%);color:var(--petrol);font-size:21px;transition:translate .2s ease}
.button[href*="/angebote/it-check"]{background:#edf5f3;border-color:#a9c7c1}
.button .icon{width:22px;height:22px;flex:0 0 22px;object-fit:contain;animation:none!important;transform:none!important}
@media(hover:hover){.button:hover{border-color:var(--petrol);background:#f7fbfa;box-shadow:0 5px 15px rgba(8,107,90,.08);transform:translateY(-2px)}.button:hover::after{translate:2px -2px}}
.button:active{transform:scale(.99)}
.footer{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.footer a{padding:4px}
.credit-hover{opacity:.45}
.credit-hover img{width:105px!important}
.fo-footer{margin:26px auto 0;padding:18px 0;border-top:1px solid var(--border);color:var(--muted);font-size:12px}
@media(max-width:480px){body{padding:0 18px}.fo-header{padding-top:24px}.fo-header h1{font-size:25px}.fo-logo{width:290px;max-width:100%}.fo-intro{font-size:15px}.fo-desktop-break{display:none}.button{font-size:17px;min-height:76px;padding:18px 42px 18px 16px;gap:10px}.button::after{right:15px}.fo-section{margin-top:24px}}

.description-parent:has(p:empty){display:none}.column > center:has(p:empty){display:none}.fo-header{padding-bottom:0}.button .icon{display:none}

.sharediv{position:absolute;top:18px;right:22px;margin:0!important}.sharebutton{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:#fff}.sharebutton:focus-visible{outline:2px solid var(--petrol);outline-offset:3px}.sharebutton-img{color:var(--petrol)!important}.copy-icon{display:none}@media(max-width:600px){.sharediv{top:8px;right:10px}.sharebutton-mb{display:none}.sharebutton{padding:8px}}

body{isolation:isolate}
.fo-webgl{position:fixed!important;inset:-60px 0 -160px;z-index:-2;pointer-events:none;will-change:transform}
.fo-scrim{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent 35%),radial-gradient(ellipse at 50% 35%,rgba(255,255,255,.96) 0%,rgba(255,255,255,.85) 36%,rgba(255,255,255,.25) 100%)}
.fo-network{z-index:-2}
.fo-webgl.network-ready ~ .fo-network{display:none}
@media(max-width:639px){.fo-scrim{background:rgba(255,255,255,.72)}}
@media(prefers-reduced-motion:reduce){.fo-webgl{transform:none!important;will-change:auto}}

/* Jon Kantner's Morphing Theme Switch: https://codepen.io/jkantner/pen/KKEgENL */
.theme-switch { --hue:223; --trans-dur:.4s; --trans-timing:cubic-bezier(.65,0,.35,1); position:relative; display:flex; align-items:center; flex-shrink:0; height:44px; font-size:20px; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.theme-switch__input { position:relative; display:block; appearance:none; padding:0; margin:0; border:0; background-image:none; background-color:hsl(var(--hue),10%,10%); border-radius:.75em; width:3em; height:1.5em; cursor:pointer; transition:background-color var(--trans-dur) var(--trans-timing); }
.theme-switch__input:focus { box-shadow:none; }
.theme-switch__input:focus-visible { outline:3px solid var(--color-secondary); outline-offset:4px; }
.theme-switch__input::before { background:hsl(var(--hue),10%,10%); border-radius:50%; content:""; position:absolute; top:.125em; left:.125em; width:1.25em; height:1.25em; transition:transform var(--trans-dur) var(--trans-timing); }
.theme-switch__icon,.theme-switch__icon-part { display:block; position:absolute; top:0; left:0; }
.theme-switch__icon { background:hsl(var(--hue),10%,90%); border-radius:50%; overflow:hidden; pointer-events:none; top:calc(50% - .625em); left:.125em; width:1.25em; height:1.25em; transition:transform var(--trans-dur) var(--trans-timing); }
.theme-switch__icon-part { transition:box-shadow var(--trans-dur) var(--trans-timing),transform var(--trans-dur) var(--trans-timing); }
.theme-switch__icon-part--1,.theme-switch__icon-part--2,.theme-switch__icon-part--3 { border-radius:50%; }
.theme-switch__icon-part--1 { background:hsl(var(--hue),10%,90%); top:calc(50% - .375em); left:calc(50% - .375em); width:.75em; height:.75em; }
.theme-switch__icon-part--2 { background:hsl(var(--hue),10%,10%); top:calc(50% - .4375em); left:calc(50% - .0625em); width:.5em; height:.5em; transform:translate(-.1875em,.1875em) scale(.2); }
.theme-switch__icon-part--3 { box-shadow:0 0 0 .625em hsl(var(--hue),10%,10%) inset; width:1.25em; height:1.25em; transform:scale(.25); }
.theme-switch__icon-part--3 ~ .theme-switch__icon-part { background:hsl(var(--hue),10%,10%); border-radius:.0625em; top:50%; left:50%; width:.125em; height:.1875em; transform-origin:50% 0; }
.theme-switch__input:checked { background-color:hsl(var(--hue),10%,90%); background-image:none; }
.theme-switch__input:checked::before,.theme-switch__input:checked ~ .theme-switch__icon { transform:translateX(1.5em); }
.theme-switch__input:checked ~ .theme-switch__icon .theme-switch__icon-part--2 { transform:translate(0,0) scale(1); }
.theme-switch__input:checked ~ .theme-switch__icon .theme-switch__icon-part--3 { box-shadow:0 0 0 .25em hsl(var(--hue),10%,10%) inset; transform:scale(1); }
.dark {
  --color-primary:var(--color-darkmode-primary);
  --color-secondary:var(--color-darkmode-secondary);
  --color-tertiary:var(--color-darkmode-tertiary);
  --color-body:var(--color-darkmode-body);
  --color-border:var(--color-darkmode-border);
  --color-light:var(--color-darkmode-light);
  --color-text:var(--color-darkmode-text);
  --color-text-dark:var(--color-darkmode-text-dark);
  --color-text-light:var(--color-darkmode-text-light);
}
.dark .brand-logo-image { filter:brightness(0) invert(1); }
.dark .bg-white,.dark .form-input { background-color:var(--color-light); }
.dark .text-black { color:var(--color-text-dark); }
.dark .text-primary,.dark .hover\:text-primary:hover { color:var(--color-text-dark); }
.dark .btn-primary,.dark .btn-outline-primary { border-color:var(--color-border); }
.dark .btn-secondary { background-color:var(--color-light); border-color:var(--color-border); }
.dark .form-input::placeholder { color:var(--color-text-light); }
.dark .content :is(a,code) { color:var(--color-text-dark); }
@media (max-width:539px) {
  .header .brand-logo { width:min(230px,calc(100vw - 174px)); }
}
.theme-switch__icon-part--4 { transform:translateX(-50%) rotate(0deg) translateY(.25em); }
.theme-switch__input:checked ~ .theme-switch__icon .theme-switch__icon-part--4 { transform:translateX(-50%) rotate(0deg) translateY(.625em) scale(0); }
.theme-switch__icon-part--5 { transform:translateX(-50%) rotate(45deg) translateY(.25em); }
.theme-switch__input:checked ~ .theme-switch__icon .theme-switch__icon-part--5 { transform:translateX(-50%) rotate(45deg) translateY(.625em) scale(0); }
.theme-switch__icon-part--6 { transform:translateX(-50%) rotate(90deg) translateY(.25em); }
.theme-switch__input:checked ~ .theme-switch__icon .theme-switch__icon-part--6 { transform:translateX(-50%) rotate(90deg) translateY(.625em) scale(0); }
.theme-switch__icon-part--7 { transform:translateX(-50%) rotate(135deg) translateY(.25em); }
.theme-switch__input:checked ~ .theme-switch__icon .theme-switch__icon-part--7 { transform:translateX(-50%) rotate(135deg) translateY(.625em) scale(0); }
.theme-switch__icon-part--8 { transform:translateX(-50%) rotate(180deg) translateY(.25em); }
.theme-switch__input:checked ~ .theme-switch__icon .theme-switch__icon-part--8 { transform:translateX(-50%) rotate(180deg) translateY(.625em) scale(0); }
.theme-switch__icon-part--9 { transform:translateX(-50%) rotate(225deg) translateY(.25em); }
.theme-switch__input:checked ~ .theme-switch__icon .theme-switch__icon-part--9 { transform:translateX(-50%) rotate(225deg) translateY(.625em) scale(0); }
.theme-switch__icon-part--10 { transform:translateX(-50%) rotate(270deg) translateY(.25em); }
.theme-switch__input:checked ~ .theme-switch__icon .theme-switch__icon-part--10 { transform:translateX(-50%) rotate(270deg) translateY(.625em) scale(0); }
.theme-switch__icon-part--11 { transform:translateX(-50%) rotate(315deg) translateY(.25em); }
.theme-switch__input:checked ~ .theme-switch__icon .theme-switch__icon-part--11 { transform:translateX(-50%) rotate(315deg) translateY(.625em) scale(0); }
:root{--surface:#fff;--color-secondary:var(--petrol)}
html.dark{color-scheme:dark;--ink:#edf3f7;--muted:#b2bfce;--petrol:#6bceba;--border:#35414e;--surface:#111820}
body{background:var(--surface)}
.fo-theme-control{position:absolute;top:14px;right:20px;z-index:2}
.theme-switch__input{font-size:inherit}
.sharediv{right:98px;top:18px}
html.dark .fo-logo img{filter:brightness(0) invert(1)}
html.dark .button{background:rgba(23,33,44,.95);box-shadow:none}
html.dark .button[href*="/angebote/it-check"]{background:#17362f;border-color:#467b6e}
html.dark .sharebutton{background:#17212c;color:var(--ink)}
html.dark .fo-scrim{background:linear-gradient(to bottom,rgba(17,24,32,.3),transparent 35%),radial-gradient(ellipse at 50% 35%,rgba(17,24,32,.96) 0%,rgba(17,24,32,.85) 36%,rgba(17,24,32,.25) 100%)}
html.dark .fo-network{color:#6bceba}
@media(hover:hover){html.dark .button:hover{background:#1a302f}}
.column > .container:has(.footer){display:none!important}
@media(max-width:600px){.fo-theme-control{top:8px;right:16px}.sharediv{top:14px;right:90px}.fo-header{padding-top:58px}}
@media(max-width:639px){html.dark .fo-scrim{background:rgba(17,24,32,.72)}}