.skip-to-content{position:absolute;top:-100px;left:0;z-index:1000;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;font-weight:700;text-decoration:none;border-radius:0 0 8px;transition:top .2s ease}.skip-to-content:focus{top:0}.site-header{position:sticky;top:0;z-index:100;background:#fffdf8e0;border-bottom:1px solid var(--border-color-subtle);padding:.9rem 0;backdrop-filter:blur(12px);box-shadow:0 8px 24px #1f334a0d}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:nowrap}.brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--text-primary);text-decoration:none}.brand-logo{width:2.25rem;height:2.25rem;display:block;border-radius:50%;object-fit:cover;box-shadow:0 6px 16px #1f334a1f}.brand-text{display:flex;flex-direction:column;gap:.1rem}.brand-name{font-size:1.2rem;font-weight:800}.header-actions{display:flex;align-items:center;gap:.85rem}.header-controls{display:flex;align-items:center;gap:.75rem}.header-menu{display:none}.menu-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;gap:4px;flex-direction:column;border:1px solid var(--border-color);border-radius:12px;background:#ffffffe0;box-shadow:0 8px 18px #1f334a14;cursor:pointer}.menu-toggle span{width:18px;height:2px;border-radius:999px;background:var(--text-primary);transition:transform .2s ease,opacity .2s ease}.theme-toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:52px;height:52px;padding:0;border:1px solid var(--border-color);border-radius:14px;background:#ffffffe0;color:var(--text-primary);box-shadow:0 8px 18px #1f334a14;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.theme-toggle:hover,.theme-toggle:focus-visible{transform:translateY(-1px);border-color:var(--color-primary-30)}.theme-toggle__icon{position:absolute;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .2s ease}.theme-toggle__icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-toggle__icon--moon,html[data-theme=dark] .theme-toggle__icon--sun{opacity:0;transform:scale(.8)}html[data-theme=dark] .theme-toggle__icon--moon{opacity:1;transform:scale(1)}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navigation-container{display:flex;align-items:center;gap:1.25rem;font-weight:650}.navigation-container a{color:var(--text-primary-75);transition:color .2s ease}.navigation-container a:hover,.navigation-container a:focus{color:var(--color-primary)}.navigation-container .button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.2rem;min-height:var(--touch-target-min);font-size:.95rem;color:#fff;background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 10px 22px #1f4f8229}.navigation-container .button:hover,.navigation-container .button:focus{color:#fff;background:#173f69}@media(max-width:1080px){.header-inner{align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:1rem}.brand{flex:1 1 auto;min-width:0}.header-actions{display:none}.header-controls{margin-left:auto}.menu-toggle{display:inline-flex;flex:0 0 auto}.header-menu{display:none;width:100%;order:3;padding-top:.25rem}.header-menu.is-open{display:block}.navigation-container{width:100%;flex-direction:column;align-items:stretch;gap:.5rem;padding:1rem;background:#fffffff5;border:1px solid var(--border-color);border-radius:18px;box-shadow:0 18px 36px #1f334a14}.navigation-container a{display:block;padding:.85rem 1rem;border-radius:12px}.navigation-container .button{width:100%}.theme-toggle{width:48px;height:48px}}@media(min-width:1081px){.header-menu{display:none!important}}.footer-container{margin-top:auto;padding:3rem 0 2.5rem;background:linear-gradient(180deg,#070a1800,#050814e6 55%,#040610);border-top:1px solid var(--border-color-subtle)}.footer-inner{display:grid;gap:2rem;color:var(--text-primary-75)}.footer-brand h3{margin:0 0 .5rem;font-size:1.4rem;color:var(--text-primary)}.footer-contact{display:flex;flex-direction:column;gap:.3rem}.footer-label{text-transform:uppercase;font-size:.8rem;letter-spacing:.18em;color:var(--color-secondary);font-weight:600}.footer-org{font-size:.9rem;opacity:.7}.footer-contact a{color:inherit;font-weight:500}.footer-contact a:hover{color:var(--text-primary)}.footer-meta{font-size:.8rem;color:var(--text-primary-35);font-style:italic;display:flex;flex-direction:column;gap:.25rem}.footer-meta a{width:fit-content;color:var(--text-primary-65);font-style:normal}.footer-meta a:hover{color:var(--text-primary)}@media (min-width: var(--breakpoint-md)){.footer-inner{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.footer-meta{text-align:right;justify-self:end}}:root{--bg-dark: #0f1f33;--bg-medium: #ffffff;--bg-medium-95: rgba(255, 255, 255, .95);--bg-medium-90: rgba(255, 255, 255, .9);--bg-medium-85: rgba(255, 255, 255, .85);--bg-medium-80: rgba(255, 255, 255, .8);--bg-medium-78: rgba(255, 255, 255, .78);--bg-medium-72: rgba(255, 255, 255, .72);--bg-medium-70: rgba(255, 255, 255, .7);--bg-medium-50: rgba(255, 255, 255, .5);--bg-accent: #eaf3f8;--bg-page: #fbf7ef;--bg-section: #edf4f7;--color-primary: #1c4776;--color-primary-60: rgba(31, 79, 130, .6);--color-primary-50: rgba(31, 79, 130, .5);--color-primary-45: rgba(31, 79, 130, .45);--color-primary-40: rgba(31, 79, 130, .4);--color-primary-35: rgba(31, 79, 130, .35);--color-primary-30: rgba(31, 79, 130, .3);--color-primary-25: rgba(31, 79, 130, .25);--color-primary-20: rgba(31, 79, 130, .2);--color-primary-15: rgba(31, 79, 130, .15);--color-primary-12: rgba(31, 79, 130, .12);--color-primary-10: rgba(31, 79, 130, .1);--color-primary-05: rgba(31, 79, 130, .05);--color-secondary: #3d8b6f;--color-secondary-85: rgba(61, 139, 111, .85);--color-secondary-60: rgba(61, 139, 111, .6);--color-secondary-30: rgba(61, 139, 111, .3);--color-secondary-10: rgba(61, 139, 111, .1);--color-muted: #6f7f90;--text-primary: #132033;--text-primary-100: rgba(19, 32, 51, 1);--text-primary-85: rgba(19, 32, 51, .85);--text-primary-80: rgba(19, 32, 51, .8);--text-primary-75: rgba(19, 32, 51, .75);--text-primary-65: rgba(19, 32, 51, .65);--text-primary-45: rgba(19, 32, 51, .45);--text-primary-35: rgba(19, 32, 51, .35);--text-secondary: #566679;--border-color: #dce4ea;--border-color-subtle: #e8edf1;--border-radius-lg: 24px;--border-radius-md: 20px;--border-radius-sm: 16px;--border-radius-xs: 12px;--border-radius-pill: 999px;--shadow-strong: 0 26px 70px rgba(31, 51, 74, .14);--shadow-soft: 0 14px 34px rgba(31, 51, 74, .09);--shadow-lift: 0 22px 46px rgba(31, 51, 74, .13);--max-width: 1040px;--breakpoint-xs: 320px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 960px;--breakpoint-xl: 1280px;--touch-target-min: 44px}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:6rem}html,body{margin:0;min-height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(206,226,237,.42),transparent 34rem),linear-gradient(180deg,#fffaf1 0%,var(--bg-page) 34rem,#f7f4ee 100%);color:var(--text-primary);display:flex;flex-direction:column;line-height:1.7}html,body,.site-header,.card,.button,.navigation-container,.theme-toggle,input,select,textarea,summary{transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}a{color:inherit;text-decoration:none}a:hover,a:focus{color:var(--color-primary)}a:focus-visible{outline:3px solid var(--color-secondary-60);outline-offset:3px;border-radius:6px}.page-content{flex:1;display:flex;flex-direction:column}.container{width:min(100%,var(--max-width));margin:0 auto;padding:0 1.5rem}.section{padding:4.75rem 0}.section-header{display:flex;flex-direction:column;gap:.85rem;margin-bottom:2.25rem;max-width:650px}.section-label{font-size:.94rem;color:var(--color-primary);font-weight:800}.section-title{font-size:clamp(2rem,4vw,3rem);line-height:1.15;font-weight:750;margin:0;letter-spacing:-.01em}.section-subtitle{color:var(--text-secondary);font-size:1.12rem;margin:0;padding-bottom:.5rem}.card-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card{background:linear-gradient(180deg,#fff,#fffdfa);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2.15rem;box-shadow:var(--shadow-soft);position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(31,79,130,.05),transparent 38%);opacity:0;transition:opacity .22s ease}@media(hover:hover){.card:hover{transform:translateY(-3px);border-color:var(--color-primary-20);box-shadow:var(--shadow-lift)}.card:hover:before{opacity:1}}.card h3{font-size:1.32rem;margin-top:0;margin-bottom:1rem}.card p{margin:0;color:var(--text-secondary)}.btn-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.7rem;min-height:var(--touch-target-min);border-radius:14px;font-weight:700;font-size:1rem;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.button-primary{background:linear-gradient(135deg,#173f69 0%,var(--color-primary) 100%);color:#fff;box-shadow:0 14px 28px #1f4f8233}.button-primary:hover{color:#fff;transform:translateY(-1px);background:#173f69;box-shadow:0 14px 28px #1f4f8233}.button-secondary{background:#ffffffe6;color:var(--text-primary);border-color:var(--border-color);box-shadow:0 8px 18px #1f334a0f}.button-secondary:hover{color:var(--color-primary);transform:translateY(-1px);background:#f7fafc;border-color:var(--color-primary-30);box-shadow:var(--shadow-soft)}.button:focus-visible{outline:3px solid var(--color-secondary-60);outline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-secondary-60);outline-offset:2px}.highlight{color:var(--color-primary)}.list-check{margin:0;padding:0;list-style:none;display:grid;gap:.8rem}.list-check li:before{content:"✓";color:var(--color-secondary);font-weight:800;margin-right:.75rem}.list-check li{color:var(--text-secondary);display:flex;align-items:flex-start}@media (max-width: calc(var(--breakpoint-md) - 1px)){.section{padding:3rem 0}.btn-row{width:100%}.button{width:100%;justify-content:center}}html[data-theme=dark]{color-scheme:dark;--bg-dark: #07111d;--bg-medium: #0d1928;--bg-medium-95: rgba(13, 25, 40, .95);--bg-medium-90: rgba(13, 25, 40, .9);--bg-medium-85: rgba(13, 25, 40, .85);--bg-medium-80: rgba(13, 25, 40, .8);--bg-medium-78: rgba(13, 25, 40, .78);--bg-medium-72: rgba(13, 25, 40, .72);--bg-medium-70: rgba(13, 25, 40, .7);--bg-medium-50: rgba(13, 25, 40, .5);--bg-accent: #0f1d2e;--bg-page: #08121f;--bg-section: #0d1724;--color-primary: #6fb0ff;--color-primary-60: rgba(111, 176, 255, .6);--color-primary-50: rgba(111, 176, 255, .5);--color-primary-45: rgba(111, 176, 255, .45);--color-primary-40: rgba(111, 176, 255, .4);--color-primary-35: rgba(111, 176, 255, .35);--color-primary-30: rgba(111, 176, 255, .3);--color-primary-25: rgba(111, 176, 255, .25);--color-primary-20: rgba(111, 176, 255, .2);--color-primary-15: rgba(111, 176, 255, .15);--color-primary-12: rgba(111, 176, 255, .12);--color-primary-10: rgba(111, 176, 255, .1);--color-primary-05: rgba(111, 176, 255, .05);--color-secondary: #58d6a3;--color-secondary-85: rgba(88, 214, 163, .85);--color-secondary-60: rgba(88, 214, 163, .6);--color-secondary-30: rgba(88, 214, 163, .3);--color-secondary-10: rgba(88, 214, 163, .1);--color-muted: #8ea3bb;--text-primary: #f2f7ff;--text-primary-100: rgba(242, 247, 255, 1);--text-primary-85: rgba(242, 247, 255, .85);--text-primary-80: rgba(242, 247, 255, .8);--text-primary-75: rgba(242, 247, 255, .75);--text-primary-65: rgba(242, 247, 255, .65);--text-primary-45: rgba(242, 247, 255, .45);--text-primary-35: rgba(242, 247, 255, .35);--text-secondary: #a8b9cc;--border-color: #22364d;--border-color-subtle: #162535;--shadow-strong: 0 26px 70px rgba(0, 0, 0, .36);--shadow-soft: 0 14px 34px rgba(0, 0, 0, .24);--shadow-lift: 0 22px 46px rgba(0, 0, 0, .3)}html[data-theme=dark] body{background:radial-gradient(circle at top left,rgba(31,79,130,.22),transparent 28rem),radial-gradient(circle at top right,rgba(88,214,163,.12),transparent 24rem),linear-gradient(180deg,#07111d,#091524 28rem,#050d18)}html[data-theme=dark] .card,html[data-theme=dark] .price-card,html[data-theme=dark] .contact-card,html[data-theme=dark] .faq-item,html[data-theme=dark] .contact-form,html[data-theme=dark] .theme-toggle,html[data-theme=dark] .menu-toggle,html[data-theme=dark] .price-note,html[data-theme=dark] .button-secondary{background:linear-gradient(180deg,#0b1522f5,#07101bf5);border-color:var(--border-color);box-shadow:var(--shadow-soft)}html[data-theme=dark] .header-menu.is-open .navigation-container{background:linear-gradient(180deg,#0b1522fa,#07101bfa)}html[data-theme=dark] .site-header{background:#060d16e0;border-bottom-color:var(--border-color-subtle);box-shadow:0 8px 24px #00000047}html[data-theme=dark] .button-primary{background:linear-gradient(135deg,#245f9f,#163a63);box-shadow:0 14px 28px #00000047}html[data-theme=dark] .button-primary:hover{background:#173f69}html[data-theme=dark] .accent,html[data-theme=dark] .faq-section,html[data-theme=dark] .sommerpakken,html[data-theme=dark] .contact-section{background:linear-gradient(180deg,#0c1725,#0a1320)}html[data-theme=dark] .hero{background:radial-gradient(circle at top right,rgba(111,176,255,.12),transparent 24rem),linear-gradient(180deg,#07111d,#0a1320)}html[data-theme=dark] .hero,html[data-theme=dark] .hero-preview,html[data-theme=dark] .hero-price,html[data-theme=dark] .hero-summary,html[data-theme=dark] .device-frame,html[data-theme=dark] .device-phone,html[data-theme=dark] .browser-shell{border-color:var(--border-color)}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:#0a121eeb;color:var(--text-primary);border-color:var(--border-color)}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:var(--text-primary-45)}