nav{position:fixed;right:0;top:0;background:#111;height:100vh;width:70%;max-width:320px;z-index:999;text-transform:uppercase;transform:translate(100%);transition:transform .4s var(--ease-out)}nav ul{list-style-type:none;padding:0;margin-top:6em}nav ul li{border-bottom:1px solid rgba(255,255,255,.06)}nav ul a{font-family:var(--font-body);color:#ffffffa6;padding:1.1em 2em;display:block;font-size:.88rem;font-weight:500;letter-spacing:.08em;transition:color var(--duration-fast) ease,background var(--duration-fast) ease;text-decoration:none}nav ul a:hover,nav ul a.active{color:#fff;background:#ffffff0a}nav .close{float:right;margin:1.5em;width:2.5em;cursor:pointer;transition:transform var(--duration-fast) ease}nav .close:hover{transform:scale(1.1)}nav .close path{fill:#fff}.open-nav{transform:translate(0)}@media only screen and (min-width:920px){.menu{display:none}nav{transform:translate(0);position:unset;display:block;width:auto;height:auto;max-width:none;background:none}nav svg.close{display:none}nav ul{display:flex;margin:0;gap:.15rem}nav ul li{border-bottom:none}nav ul a{color:#fff9;padding:.5em .9em;font-size:.82rem;font-weight:500;letter-spacing:.06em;position:relative;background:none;transition:color var(--duration-normal) ease}nav ul a:after{content:"";position:absolute;bottom:0;left:.9em;right:.9em;height:2px;background:#fff;transform:scaleX(0);transform-origin:left;transition:transform var(--duration-normal) var(--ease-out)}nav ul a:hover,nav ul a.active{color:#fff;background:none}nav ul a:hover:after,nav ul a.active:after{transform:scaleX(1)}}header{width:100%;height:100px;background-color:#171818;box-shadow:0 1px #ffffff0f;position:sticky;top:0;color:#fff;z-index:999;display:flex;align-items:center;justify-content:space-between}header .logo{font-size:1.5rem;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em}.logo a{color:#fff;text-decoration:none;transition:opacity var(--duration-fast) ease}.logo a:hover{opacity:.85}.logo p{font-family:var(--font-body);font-size:.9rem;color:#ffffff8c;margin:0;font-weight:400;letter-spacing:0}header svg{width:2em;height:2em;margin-top:-.6em;cursor:pointer}footer{min-height:50vh;background-color:var(--color-footer-bg);color:var(--color-footer-text);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-lg);padding-top:var(--space-2xl);padding-bottom:var(--space-xl)}footer ul{list-style:none;display:flex;gap:var(--space-md);justify-content:center;flex-direction:column}footer ul a{text-decoration:none;color:var(--color-footer-text);transition:color var(--duration-fast) ease}footer ul a:hover{color:#fff}footer .social-footer{font-weight:600;font-size:.9rem}footer .social-footer a:hover{color:var(--color-link-hover)}footer .legal-footer{font-size:.8rem}footer .legal-footer a{opacity:.7;transition:opacity var(--duration-fast) ease,color var(--duration-fast) ease}footer .legal-footer a:hover{opacity:1}footer .copyright-footer{font-size:.7rem;opacity:.5}@media(min-width:769px){footer{min-height:30vh;padding-top:var(--space-xl)}footer ul{flex-direction:row;gap:var(--space-lg)}}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-vietnamese-wght-normal.BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-ext-wght-normal.CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/bricolage-grotesque-latin-wght-normal.DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-ext-wght-normal.BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-wght-normal.Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-dark: #171818;--color-text: #303030;--color-text-muted: #8d8d8d;--color-bg: #ffffff;--color-bg-alt: #f5f5f4;--color-border: #e8e8e6;--color-shadow: rgba(0, 0, 0, .08);--color-accent: #764ba2;--color-accent-secondary: #667eea;--color-link: #4DA5F8;--color-link-hover: #FF2D7B;--gradient-accent: linear-gradient(135deg, var(--color-accent-secondary) 0%, var(--color-accent) 100%);--gradient-accent-hover: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-secondary) 100%);--color-footer-bg: #121212;--color-footer-text: #d4d4d4;--font-display: "Bricolage Grotesque Variable", "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "DM Sans Variable", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Fira Code", "SF Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5rem;--space-5xl: 8rem;--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-pill: 50px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;color:var(--color-dark);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);line-height:1.6;color:var(--color-text);background-color:var(--color-bg)}::-moz-selection{background:var(--color-accent);color:#fff}::selection{background:var(--color-accent);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-dark);line-height:1.15;letter-spacing:-.02em;font-weight:700}a{color:inherit;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img{max-width:100%;height:auto;display:block}.wrapper{width:90vw;margin-left:auto;margin-right:auto}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}@media(min-width:1025px){.wrapper{max-width:620px}}.wide-wrapper{width:90vw;margin-left:auto;margin-right:auto}@media(min-width:1025px){.wide-wrapper{max-width:1200px}}main .maincontent{margin-top:var(--space-4xl);margin-bottom:var(--space-4xl)}.btn-primary{display:inline-block;background:var(--gradient-accent);color:#fff;text-decoration:none;padding:.9rem 2.2rem;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:1.05rem;font-weight:600;letter-spacing:.02em;transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background var(--duration-normal) ease;box-shadow:0 4px 15px #764ba240;position:relative;overflow:hidden;border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #764ba259;background:var(--gradient-accent-hover)}.btn-primary:active{transform:translateY(0);box-shadow:0 4px 15px #764ba240}@media(max-width:768px){.btn-primary{padding:.8rem 1.8rem;font-size:1rem}}main .maincontent .article-loop .article-box{margin-top:var(--space-xl);background-color:var(--color-bg);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:0 1px 4px var(--color-shadow);transition:box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}main .maincontent .article-loop .article-box:hover{box-shadow:0 4px 16px var(--color-shadow);transform:translateY(-2px)}main .maincontent .article-loop .article-box .article-image{overflow:hidden;position:relative;border-radius:var(--radius-md)}main .maincontent .article-loop .article-box .article-image img{width:100%;transition:transform var(--duration-slow) var(--ease-out)}main .maincontent .article-loop .article-box .article-image img:hover{transform:scale(1.05)}main .maincontent .article-loop .article-box .article-content .article-meta{display:flex;gap:var(--space-md);margin-top:.3rem;margin-bottom:var(--space-sm);font-size:.8rem;color:var(--color-text-muted)}main .maincontent .article-loop .article-box .article-content .article-meta a{text-decoration:none;color:var(--color-text-muted)}main .maincontent .article-loop .article-box .article-content .article-text h2{font-size:1.42rem;margin-bottom:.7rem}main .maincontent .article-loop .article-box .article-content .article-text h2 a{text-decoration:none;color:var(--color-dark)}main .notfound{display:flex;flex-direction:row;flex-wrap:wrap;height:calc(100vh - 100px)}main .notfound .notfound_text,main .notfound .notfound_image{flex:1 1 50%;box-sizing:border-box}main .notfound .notfound_text{padding:30px;display:flex;flex-direction:column;align-items:left;justify-content:center}main .notfound .notfound_text p{font-size:1.2rem;line-height:1.6rem;margin-bottom:var(--space-lg);max-width:60ch}main .notfound .notfound_text p a{color:var(--color-link);transition:color var(--duration-fast) ease}main .notfound .notfound_text p a:hover{color:var(--color-link-hover)}main .notfound .notfound_image{background-image:url(/img/not-found.webp);background-size:cover;background-position:center}@media(max-width:769px){main .notfound{flex-direction:column;height:auto;min-height:calc(100vh - 100px)}main .notfound .notfound_text,main .notfound .notfound_image{flex:none;box-sizing:border-box}main .notfound .notfound_text{padding:30px}main .notfound .notfound_image{order:-1;height:50vh;background-image:url(/img/not-found.webp)}}html.is-changing .transition-fade{transition:opacity .4s;opacity:1}html.is-animating .transition-fade{opacity:0}@media(prefers-color-scheme:dark){:root{--color-dark: #f0f0f0;--color-text: #d4d4d4;--color-text-muted: #8a8a8a;--color-bg: #1a1a1a;--color-bg-alt: #222222;--color-border: #333333;--color-shadow: rgba(0, 0, 0, .3);--color-footer-bg: #111111;--color-footer-text: #b0b0b0;--color-link: #6db3f8;--color-link-hover: #ff5a9e}html{color:var(--color-text)}body{background-color:var(--color-bg);color:var(--color-text)}::-moz-selection{background:var(--color-accent);color:#fff}::selection{background:var(--color-accent);color:#fff}header{background-color:#121212;box-shadow:0 1px #ffffff0a}.blog_card_title{color:var(--color-dark)}.blog_card:hover .blog_card_title{color:var(--color-accent)}.blog_card_image{opacity:.92}.blog_card_date{color:var(--color-text-muted)}.blog_section{background-color:var(--color-bg)}.blog_intro h2,.blog_intro p{color:var(--color-text)}.about_section{background-color:var(--color-bg-alt);color:var(--color-text)}.intro_text h2,.intro_text h3{color:var(--color-dark)}.intro_text p{color:var(--color-text)}.leistungen_teaser{background-color:var(--color-bg)}.leistungen_teaser_intro h2,.leistungen_teaser_card h3{color:var(--color-dark)}.leistungen_teaser_intro p,.leistungen_teaser_card p{color:var(--color-text)}.leistungen_teaser_card:hover{background-color:var(--color-bg-alt)}.article-box{background-color:var(--color-bg-alt)!important;border-color:var(--color-border)!important;box-shadow:0 1px 4px var(--color-shadow)!important}.article-box h2,.article-box h2 a{color:var(--color-dark)!important}.single-article p{color:var(--color-text)}.single-article h2,.single-article h3{color:var(--color-dark)}.single-article li{color:var(--color-text)}.single-article li strong{color:var(--color-dark)}.single-article blockquote{background-color:var(--color-bg-alt);border-left-color:var(--color-accent);color:var(--color-text)}.single-article code{background-color:var(--color-bg-alt);color:#c4a7e7}.single-article pre{background-color:#111118;border-color:#ffffff0f}.maincontent .intro h1{color:var(--color-dark)}.maincontent .intro .italic{color:var(--color-text-muted)}.wp-content{background-color:var(--color-bg);color:var(--color-text)}.wp-content h2,.wp-content h3{color:var(--color-dark)}.wp-content p{color:var(--color-text)}.lp-section--alt{background-color:var(--color-bg-alt)}.lp-section--dark{background-color:#111}.lp-feature{background-color:var(--color-bg-alt);border-color:var(--color-border)}.lp-feature__title{color:var(--color-dark)}.lp-feature__text{color:var(--color-text-muted)}.lp-step{background-color:var(--color-bg-alt);border-color:var(--color-border)}.lp-step__title{color:var(--color-dark)}.lp-compare__col{background-color:var(--color-bg-alt);border-color:var(--color-border)}.lp-compare__col--highlight{background:linear-gradient(135deg,#764ba226,#667eea26);border-color:#764ba24d}.lp-compare__title{color:var(--color-dark)}.lp-compare__list li{border-color:var(--color-border);color:var(--color-text)}.lp-callout{background:linear-gradient(135deg,#764ba21f,#667eea1f)}.lp-callout p{color:var(--color-text)!important}.lp-tech{background-color:var(--color-bg-alt);border-color:var(--color-border)}.lp-tech__name{color:var(--color-dark)}.lp-case{background-color:var(--color-bg-alt);border-color:var(--color-border)}.lp-case__title,.lp-section__header h2{color:var(--color-dark)}.lp-section__header p{color:var(--color-text)}.lp-stat__label{color:var(--color-text-muted)}.about_text p{color:var(--color-text)}.scrim{background-color:var(--color-bg)!important}.wp-lightbox-overlay button{fill:var(--color-text)!important}footer{background-color:var(--color-footer-bg);color:var(--color-footer-text)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}}
