@import "https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap";
:root{--white:#fafbfc;--black:#1a2332;--gray:#5c6b7a;--accent:#282e56;--accent-dark:#1e2340;--border:#e2e8ed;--card-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{color:var(--black);background:var(--white);max-width:100vw;font-family:"Source Sans 3",system-ui,sans-serif;line-height:1.6;overflow-x:hidden}section{max-width:960px;margin:0 auto;padding:3rem 1rem}section.alt{background:var(--card-bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}h1{color:var(--black);letter-spacing:-.02em;margin-bottom:1rem;font-size:1.5rem;font-weight:700}h2{color:var(--black);border-bottom:2px solid var(--accent);margin:2.5rem 0 1rem;padding-bottom:.5rem;font-size:1.35rem;font-weight:700;display:inline-block}h3{color:var(--black);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}p{color:var(--gray);max-width:65ch;margin-bottom:1rem;font-size:1rem}ul{color:var(--gray);margin:1rem 0;padding-left:1.5rem;line-height:1.9}.img-block{background:var(--border);color:var(--gray);border:1px solid #0000000f;border-radius:6px;justify-content:center;align-items:center;font-size:.9rem;display:flex;box-shadow:0 4px 14px #00000014,0 2px 6px #0000000a}.paper-elevated{border:1px solid #0000000f;border-radius:6px;box-shadow:0 4px 14px #00000014,0 2px 6px #0000000a}.paper-photo{background:0 0;border-radius:6px;transition:box-shadow .3s;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 1px #0000000f}.paper-photo:hover{box-shadow:0 2px 6px #00000024,0 1px 2px #00000014}.btn{background:var(--accent);color:var(--white);border:2px solid var(--accent);letter-spacing:.02em;border-radius:6px;margin-top:1.5rem;padding:.9rem 2rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-block;box-shadow:0 4px 14px #0000001f,0 2px 6px #0000000f}.btn:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:var(--white)}.card{background:var(--card-bg);border:2px solid var(--border);border-radius:8px;padding:1.5rem;transition:border-color .2s;box-shadow:0 4px 14px #00000014,0 2px 6px #0000000a}.card:hover{border-color:var(--accent)}.card-link{color:inherit;text-decoration:none;display:block}.card-link:hover .card{border-color:var(--accent)}.card-arrow{border-top:1px dashed var(--border);color:var(--accent);align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;font-size:.85rem;font-weight:600;display:flex}.angebot-block{margin-bottom:2.5rem;padding-left:0;position:relative}.angebot-block__line{display:none}.angebot-block__content{max-width:65ch}.angebot-block__title{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.angebot-block__intro{margin-bottom:1.5rem}.angebot-block__subtitle{color:var(--accent);border:none;margin:1.5rem 0 .75rem;padding:0;font-size:1.15rem;font-weight:700;display:block}.angebot-block__list{margin:0 0 1.5rem;padding-left:1.5rem}.angebot-block__cta{color:var(--black);margin-bottom:1rem;font-weight:700}.angebot-block__btn-wrap{margin-top:.5rem}.btn-angebot{background:var(--accent);color:var(--white);border:2px solid var(--accent);letter-spacing:.05em;border-radius:6px;padding:.75rem 1.75rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s;display:inline-block}.btn-angebot:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:var(--white)}@media (min-width:769px){.angebot-block{padding-left:2.5rem}.angebot-block__line{background:repeating-linear-gradient(to bottom,var(--border)0,var(--border)28px,transparent 28px,transparent 30px);width:2px;display:block;position:absolute;top:0;bottom:0;left:.5rem}.angebot-block__line:before,.angebot-block__line:after{content:"";border:2px solid var(--accent);background:var(--card-bg);opacity:.6;border-radius:50%;width:10px;height:10px;position:absolute;left:50%;transform:translate(-50%)}.angebot-block__line:before{top:-5px}.angebot-block__line:after{bottom:-5px}.angebot-block__tick{background:var(--border);width:8px;height:1px;position:absolute;left:-3px}.angebot-block__tick--accent{background:var(--accent);opacity:.3;width:12px;left:-5px}.angebot-block__title{font-size:1.75rem}}.timeline-item{background:var(--card-bg);border:2px solid var(--border);border-left:4px solid var(--accent);border-radius:6px;gap:1.5rem;margin-bottom:1rem;padding:1.25rem 1.5rem;display:flex}.timeline-num{color:var(--accent);min-width:2.5rem;font-size:1.1rem;font-weight:700}.grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;display:grid}.nav-links{display:none!important}.mobile-menu-btn{display:block!important}.mockup-switcher{display:none!important}@media (min-width:769px){section{padding:5rem 2rem}h1{font-size:2rem}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid>*{flex-direction:column;min-height:0;display:flex}.grid .card-link{flex:1;min-width:0;display:flex}.grid .card{flex-direction:column;flex:1;min-height:0;display:flex}.grid .card .paper-elevated,.grid .card h3{flex-shrink:0}.grid .card p{flex:1;min-height:0;margin-bottom:0}.grid .card .card-arrow{flex-shrink:0}.nav-links{display:flex!important}.mobile-menu-btn{display:none!important}.mockup-switcher{display:flex!important}.nav-logo{left:20%!important}}.nav-link-hover:hover{color:var(--accent)!important}@keyframes marker-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes crosshair-rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes dash-march{0%{stroke-dashoffset:0}to{stroke-dashoffset:-16px}}@keyframes scale-tick{0%,to{opacity:.3}50%{opacity:.6}}.section-cut-line{justify-content:center;align-items:center;max-width:960px;height:3rem;margin:0 auto;display:flex;position:relative;overflow:hidden}.section-cut-line:before{content:"";background:repeating-linear-gradient(to right,var(--border)0,var(--border)8px,transparent 8px,transparent 16px);height:1px;position:absolute;left:2rem;right:2rem}.section-cut-line__label{z-index:1;background:var(--white);letter-spacing:.15em;color:var(--border);text-transform:uppercase;padding:0 .75rem;font-size:.6rem;font-weight:700;position:relative}.corner-mark{pointer-events:none;width:12px;height:12px;position:absolute}.corner-mark:before,.corner-mark:after{content:"";background:var(--accent);opacity:.25;position:absolute}.corner-mark:before{width:12px;height:1px;top:0;left:0}.corner-mark:after{width:1px;height:12px;top:0;left:0}.corner-mark--tr:before,.corner-mark--tr:after{left:auto;right:0}.corner-mark--bl:before,.corner-mark--bl:after{top:auto;bottom:0}.corner-mark--br:before,.corner-mark--br:after{inset:auto 0 0 auto}.crosshair-marker{pointer-events:none;width:20px;height:20px;position:absolute}.crosshair-marker svg{animation:3s ease-in-out infinite marker-pulse}.blueprint-bg{pointer-events:none;opacity:.04;background-image:linear-gradient(var(--accent)1px,transparent 1px),linear-gradient(90deg,var(--accent)1px,transparent 1px);background-size:40px 40px;position:absolute;inset:0}.ruler-bar{align-items:flex-end;gap:0;height:12px;margin-bottom:1.5rem;display:flex;overflow:hidden}.ruler-bar__tick{background:var(--accent);opacity:.15;flex-shrink:0;width:1px}.ruler-bar__tick--major{opacity:.25;height:12px}.ruler-bar__tick--minor{height:6px}.ruler-bar__space{flex:1;min-width:8px}.angle-indicator{pointer-events:none;opacity:.15;position:absolute}.angle-indicator svg{display:block}@media (max-width:768px){.section-cut-line,.corner-mark,.crosshair-marker,.blueprint-bg,.ruler-bar,.angle-indicator{display:none}}