:root{--color-primary:#020381;--color-secondary:#1e72bd;--color-accent:#cae6ff;--color-bg:#05070b;--color-text:#f1f5f9;--color-surface:#0c1018;--color-surface-elevated:#141a26;--color-border:#1e293b;--color-extracted-1:#020381;--color-extracted-2:#330968;--color-extracted-3:#1a202c;--color-extracted-4:#1e72bd;--color-extracted-5:#1e72bd;--color-extracted-6:#194f9a;--color-muted:#999;--color-muted-dark:#666;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--shadow-glow:0 0 40px #1e72bd40;--shadow-card:0 8px 32px #0006;--transition:.35s cubic-bezier(.4, 0, .2, 1);--header-height:72px;--section-padding-mobile:56px;--section-padding-desktop:96px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.7;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-secondary)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px}h1,h2,h3,h4{font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.75rem,4vw,2.75rem)}h3{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{margin-bottom:1rem}p:last-child{margin-bottom:0}.container{width:100%;max-width:1200px;margin:0 auto;padding-inline:clamp(1.75rem,6vw,2.5rem)}.section{padding:var(--section-padding-mobile) 0;position:relative}@media (width>=768px){.section{padding:var(--section-padding-desktop) 0}}.section--surface{background:var(--color-surface)}.section--elevated{background:var(--color-surface-elevated)}.section-header{text-align:center;max-width:720px;margin:0 auto 3rem}.section-badge{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));letter-spacing:.05em;text-transform:uppercase;border-radius:999px;margin-bottom:1rem;padding:.35rem 1rem;font-size:.8rem;font-weight:600;animation:.6s forwards fadeInUp;display:inline-block}.section-title{background:linear-gradient(135deg, var(--color-text) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.section-subtitle{color:var(--color-muted);font-size:clamp(1rem,2vw,1.125rem)}.btn{border-radius:var(--radius-sm);cursor:pointer;min-width:44px;min-height:48px;transition:transform var(--transition), box-shadow var(--transition), background var(--transition);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)scale(1.02)}.btn:active{transform:translateY(0)scale(.98)}.btn--primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:var(--color-text);box-shadow:var(--shadow-glow)}.btn--primary:hover{color:var(--color-text);box-shadow:0 0 50px #1e72bd73}.btn--secondary{color:var(--color-accent);border:2px solid var(--color-secondary);background:0 0}.btn--secondary:hover{color:var(--color-accent);background:#1e72bd26}.btn--accent{background:var(--color-accent);color:var(--color-primary)}.btn--accent:hover{color:var(--color-primary);background:#e0f0ff}.site-header{z-index:1000;background:var(--color-bg);border-bottom:1px solid var(--color-border);transition:box-shadow var(--transition);position:sticky;top:0}.site-header.is-scrolled{box-shadow:0 4px 24px #00000080}.header-inner{height:var(--header-height);justify-content:space-between;align-items:center;display:flex}.logo{color:var(--color-text);flex-direction:column;text-decoration:none;display:flex}.logo__name{letter-spacing:-.02em;background:linear-gradient(135deg, var(--color-text), var(--color-accent));-webkit-text-fill-color:transparent;background-clip:text;font-size:1.1rem;font-weight:800}.logo__tagline{color:var(--color-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.desktop-nav{display:none}.desktop-nav ul{gap:2rem;list-style:none;display:flex}.desktop-nav a{color:var(--color-text);padding:.25rem 0;font-size:.95rem;font-weight:500;position:relative}.desktop-nav a:after{content:"";background:linear-gradient(90deg, var(--color-secondary), var(--color-accent));width:0;height:2px;transition:width var(--transition);position:absolute;bottom:0;left:0}.desktop-nav a:hover:after,.desktop-nav a.is-active:after{width:100%}.desktop-nav a:hover{color:var(--color-accent)}@media (width>=768px){.desktop-nav{display:block}}.mobile-nav-toggle{cursor:pointer;width:48px;height:48px;color:var(--color-text);z-index:2200;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.mobile-nav-toggle__icon{transition:opacity .25s,transform .25s;position:absolute}.mobile-nav-toggle__icon--close{opacity:0;transform:rotate(-90deg)scale(.8)}.mobile-nav-toggle.is-active .mobile-nav-toggle__icon--open{opacity:0;transform:rotate(90deg)scale(.8)}.mobile-nav-toggle.is-active .mobile-nav-toggle__icon--close{opacity:1;transform:rotate(0)scale(1)}@media (width>=768px){.mobile-nav-toggle{display:none}}.mobile-nav-panel{z-index:2100;background:var(--color-bg);opacity:1;visibility:hidden;padding:calc(var(--header-height) + 1rem) clamp(1.75rem, 6vw, 2.5rem) 2rem;flex-direction:column;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0;transform:translate(100%)}.mobile-nav-panel.is-open{visibility:visible;transform:translate(0)}.mobile-nav-panel nav ul{text-align:center;list-style:none}.mobile-nav-panel nav li{margin:1.25rem 0}.mobile-nav-panel nav a{color:var(--color-text);transition:color var(--transition);font-size:1.5rem;font-weight:600;text-decoration:none}.mobile-nav-panel nav a:hover{color:var(--color-accent)}.hero{align-items:center;min-height:90vh;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;background-image:url(/images/hero-einfahrt.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.hero__overlay{z-index:1;background:linear-gradient(135deg,#020381bf 0%,#0000008c 50%,#1e72bd73 100%);position:absolute;inset:0}.hero__content{z-index:2;width:100%;max-width:800px;padding-block:6rem 4rem;position:relative}@media (width<=767px){.hero__content{padding-block:5rem 3.5rem}}.hero__title{margin-bottom:1.25rem;animation:.8s forwards fadeInUp}.hero__subtitle{color:var(--color-accent);opacity:0;margin-bottom:1.5rem;font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:500;animation:.8s .15s forwards fadeInUp}.hero__text{color:#f1f5f9e6;opacity:0;max-width:640px;margin-bottom:2rem;font-size:clamp(1rem,2vw,1.1rem);animation:.8s .3s forwards fadeInUp}.hero__actions{opacity:0;flex-wrap:wrap;gap:1rem;animation:.8s .45s forwards fadeInUp;display:flex}.hero__scroll{z-index:2;color:var(--color-accent);opacity:.7;animation:2s infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.trust-band{background:linear-gradient(90deg, var(--color-primary), var(--color-extracted-2), var(--color-secondary));padding:1.25rem 0;overflow:hidden}.trust-band__inner{flex-wrap:wrap;justify-content:center;gap:1.5rem 2.5rem;display:flex}.trust-band__item{white-space:nowrap;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.trust-band__item svg{color:var(--color-accent);flex-shrink:0}.feature-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.icon-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition);padding:2rem}.icon-card:hover{border-color:var(--color-secondary);box-shadow:var(--shadow-card);transform:translateY(-6px)}.icon-card__icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.25rem;display:flex}.icon-card__icon svg{width:28px;height:28px;color:var(--color-text)}.icon-card h3{color:var(--color-text);margin-bottom:.75rem}.icon-card p{color:var(--color-muted);font-size:.95rem}.service-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.service-grid{grid-template-columns:repeat(2,1fr)}}.service-card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:transform var(--transition), box-shadow var(--transition);overflow:hidden}.service-card:hover{box-shadow:var(--shadow-card);transform:translateY(-4px)}.service-card__image{aspect-ratio:16/10;overflow:hidden}.service-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.service-card:hover .service-card__image img{transform:scale(1.05)}.service-card__body{padding:1.5rem}.service-card__body h3{color:var(--color-accent);margin-bottom:.75rem}.service-card__body p{color:var(--color-muted);font-size:.95rem}.two-col{grid-template-columns:1fr;align-items:center;gap:2.5rem;display:grid}@media (width>=768px){.two-col{grid-template-columns:1fr 1fr}.two-col--reverse .two-col__media{order:2}}.two-col__media{border-radius:var(--radius-md);aspect-ratio:4/3;overflow:hidden}.two-col__media img{object-fit:cover;width:100%;height:100%}.two-col__content h2{margin-bottom:1.25rem}.icon-list{margin:1.5rem 0;list-style:none}.icon-list li{color:var(--color-muted);align-items:flex-start;gap:.75rem;margin-bottom:.875rem;display:flex}.icon-list li svg{color:var(--color-secondary);flex-shrink:0;margin-top:.2rem}.process-steps{grid-template-columns:1fr;gap:2rem;display:grid;position:relative}@media (width>=768px){.process-steps{grid-template-columns:repeat(4,1fr)}}.process-step{text-align:center;padding:1.5rem;position:relative}.process-step__number{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));width:64px;height:64px;box-shadow:var(--shadow-glow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;font-size:1.25rem;font-weight:800;display:flex}.process-step h3{margin-bottom:.5rem;font-size:1.1rem}.process-step p{color:var(--color-muted);font-size:.9rem}@media (width>=768px){.process-step:not(:last-child):after{content:"";background:linear-gradient(90deg, var(--color-secondary), transparent);width:calc(100% - 64px);height:2px;position:absolute;top:3rem;right:-1rem;transform:translate(50%)}}.gallery-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=768px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}.gallery-item{aspect-ratio:4/3;border-radius:var(--radius-md);border:1px solid var(--color-border);position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.gallery-item:hover img{transform:scale(1.06)}.gallery-item__caption{background:linear-gradient(#0000,#05070bf2);padding:1rem;font-size:.85rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}.tips-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.tips-grid{grid-template-columns:2fr 1fr;align-items:start}}.tip-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition);margin-bottom:1rem;padding:1.5rem}.tip-card:hover{border-color:var(--color-secondary)}.tip-card h3{color:var(--color-accent);margin-bottom:.5rem;font-size:1.1rem}.tip-card p{color:var(--color-muted);font-size:.95rem}.tips-image{aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden}.tips-image img{object-fit:cover;width:100%;height:100%}.faq-list{max-width:800px;margin:0 auto}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);transition:border-color var(--transition);margin-bottom:.75rem;overflow:hidden}.faq-item[open]{border-color:var(--color-secondary)}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--color-secondary);transition:transform var(--transition);flex-shrink:0;font-size:1.5rem}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item__answer{color:var(--color-muted);padding:0 1.5rem 1.25rem;font-size:.95rem;animation:.3s fadeIn}.cta-band{padding:5rem 0;position:relative;overflow:hidden}.cta-band__bg{background-image:url(/images/cta-hintergrund.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.cta-band__overlay{background:linear-gradient(135deg,#020381d9,#000000b3);position:absolute;inset:0}.cta-band__content{z-index:1;text-align:center;max-width:700px;margin:0 auto;position:relative}.cta-band__content h2{margin-bottom:1rem}.cta-band__content p{color:#f1f5f9e6;margin-bottom:2rem}.cta-band__actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.contact-grid{grid-template-columns:1fr;gap:2.5rem;display:grid}@media (width>=768px){.contact-grid{grid-template-columns:1fr 1.2fr}}.contact-info__item{align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.contact-info__icon{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.contact-form{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2rem}.form-group{margin-bottom:1.25rem}.form-group label{margin-bottom:.5rem;font-size:.9rem;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);transition:border-color var(--transition);padding:.875rem 1rem;font-family:inherit;font-size:16px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-secondary);outline:none}.form-group textarea{resize:vertical;min-height:140px}.form-note{color:var(--color-muted);margin-top:.75rem;font-size:.8rem}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:3rem 0 1.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem;margin-bottom:2.5rem;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-brand p{color:var(--color-muted);margin-top:.75rem;font-size:.9rem}.footer-nav h4,.footer-contact h4{text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:1rem;font-size:.85rem}.footer-nav ul{list-style:none}.footer-nav li{margin-bottom:.5rem}.footer-nav a{color:var(--color-muted);transition:color var(--transition);font-size:.9rem}.footer-nav a:hover{color:var(--color-accent)}.footer-bottom{border-top:1px solid var(--color-border);color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-top:1.5rem;font-size:.85rem;display:flex}.footer-bottom a{color:var(--color-muted)}.footer-bottom a:hover{color:var(--color-accent)}.password-overlay{z-index:9999;background:#05070b;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.password-overlay.is-hidden{display:none}.password-box{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-card);padding:2.5rem 2rem}.password-box__logo{color:var(--color-muted);letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem}.password-box h2{margin-bottom:.5rem;font-size:1.25rem}.password-box p{color:var(--color-muted);margin-bottom:1.5rem;font-size:.9rem}.password-box input{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);margin-bottom:1rem;padding:.875rem 1rem;font-family:inherit;font-size:16px}.password-box input:focus{border-color:var(--color-secondary);outline:none}.password-error{color:#f87171;margin-bottom:1rem;font-size:.85rem;display:none}.password-error.is-visible{animation:.4s shake;display:block}.cookie-banner{z-index:9998;background:var(--color-surface-elevated);border-top:1px solid var(--color-border);padding:1.5rem;transition:transform .4s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 32px #00000080}.cookie-banner.is-visible{transform:translateY(0)}.cookie-banner__inner{flex-direction:column;gap:1.25rem;max-width:1200px;margin:0 auto;display:flex}@media (width>=768px){.cookie-banner__inner{flex-direction:row;justify-content:space-between;align-items:center}}.cookie-banner h3{margin-bottom:.5rem;font-size:1.1rem}.cookie-banner p{color:var(--color-muted);margin:0;font-size:.9rem}.cookie-banner__actions{flex-direction:column;flex-shrink:0;gap:.75rem;display:flex}@media (width>=480px){.cookie-banner__actions{flex-direction:row}}.cookie-modal{z-index:10000;background:#05070b;justify-content:center;align-items:center;padding:1.5rem;display:none;position:fixed;inset:0}.cookie-modal.is-open{display:flex}.cookie-modal__box{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;padding:2rem;overflow-y:auto}.cookie-modal h3{margin-bottom:1.5rem}.cookie-category{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.cookie-category__info h4{margin-bottom:.25rem;font-size:.95rem}.cookie-category__info p{color:var(--color-muted);margin:0;font-size:.8rem}.cookie-toggle{flex-shrink:0;width:48px;height:26px;position:relative}.cookie-toggle input{opacity:0;width:0;height:0}.cookie-toggle__slider{background:var(--color-border);cursor:pointer;transition:background var(--transition);border-radius:26px;position:absolute;inset:0}.cookie-toggle__slider:before{content:"";background:var(--color-text);width:20px;height:20px;transition:transform var(--transition);border-radius:50%;position:absolute;bottom:3px;left:3px}.cookie-toggle input:checked+.cookie-toggle__slider{background:var(--color-secondary)}.cookie-toggle input:checked+.cookie-toggle__slider:before{transform:translate(22px)}.cookie-toggle input:disabled+.cookie-toggle__slider{opacity:.6;cursor:not-allowed}.cookie-modal__actions{justify-content:flex-end;margin-top:1.5rem;display:flex}.legal-content{max-width:800px;margin:0 auto;padding:2rem 0 4rem}.legal-content h1{margin-bottom:.5rem}.legal-content .legal-date{color:var(--color-muted);margin-bottom:2.5rem;font-size:.9rem}.legal-content h2{color:var(--color-accent);margin:2rem 0 1rem;font-size:1.35rem}.legal-content p,.legal-content li{color:var(--color-muted);margin-bottom:.75rem}.legal-content ul{margin-bottom:1rem;padding-left:1.5rem}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.hero__subtitle,.hero__text,.hero__actions{opacity:1}}