:root{--color-petrol: #01768D;--color-orange: #FF6B35;--color-mint: #9ED5C5;--color-anthrazit: #333333;--color-grau: #666666;--color-white: #FFFFFF;--color-orange-dark: #E55A2A;--color-orange-10: rgba(255, 107, 53, .1);--color-mint-30: rgba(158, 213, 197, .3);--color-grau-50: rgba(102, 102, 102, .5);--color-grau-60: rgba(102, 102, 102, .6);--color-hellgrau: #F5F5F5;--color-background: #FFFFFF;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-inverse: #FFFFFF;--color-border: #E0E0E0;--color-border-strong: #666666;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--fs-12: .75rem;--fs-13: .8125rem;--fs-14: .875rem;--fs-16: 1rem;--fs-18: 1.125rem;--fs-20: 1.25rem;--fs-24: 1.5rem;--fs-28: 1.75rem;--fs-32: 2rem;--fs-36: 2.25rem;--fs-48: 3rem;--lh-tight: 1.16;--lh-snug: 1.22;--lh-normal: 1.33;--lh-relaxed: 1.44;--lh-loose: 1.5;--lh-extra: 1.55;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 48px;--space-5xl: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 24px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-weight:var(--font-regular);font-size:var(--fs-16);line-height:var(--lh-loose);color:var(--color-text-primary);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base)}h1,.h1{font-weight:var(--font-bold);font-size:var(--fs-48);line-height:58px;color:var(--color-petrol);margin-bottom:var(--space-3xl)}h2,.h2{font-weight:var(--font-bold);font-size:var(--fs-36);line-height:44px;color:var(--color-petrol);margin-bottom:var(--space-2xl)}h3,.h3{font-weight:var(--font-semibold);font-size:var(--fs-28);line-height:36px;color:var(--color-petrol);margin-bottom:var(--space-xl)}h4,.h4{font-weight:var(--font-semibold);font-size:var(--fs-24);line-height:32px;color:var(--color-anthrazit);margin-bottom:var(--space-lg)}h5,.h5{font-weight:var(--font-medium);font-size:var(--fs-20);line-height:28px;color:var(--color-anthrazit);margin-bottom:var(--space-md)}h6,.h6{font-weight:var(--font-medium);font-size:var(--fs-18);line-height:26px;color:var(--color-grau);margin-bottom:var(--space-md)}p,.body{font-weight:var(--font-regular);font-size:var(--fs-16);line-height:24px;color:var(--color-text-primary);margin-bottom:var(--space-lg)}.body-lead{font-weight:var(--font-regular);font-size:var(--fs-18);line-height:28px;color:var(--color-text-primary);margin-bottom:var(--space-xl)}.body-small{font-weight:var(--font-regular);font-size:var(--fs-14);line-height:21px;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.body-bold,strong,b{font-weight:var(--font-bold);color:var(--color-petrol)}blockquote,.quote{font-weight:var(--font-light);font-style:italic;font-size:var(--fs-20);line-height:30px;color:var(--color-petrol);margin-bottom:var(--space-2xl);padding-left:var(--space-2xl);border-left:4px solid var(--color-petrol)}.caption{font-weight:var(--font-regular);font-size:var(--fs-12);line-height:18px;color:var(--color-text-secondary);margin-bottom:var(--space-sm)}.overline{font-weight:var(--font-semibold);font-size:var(--fs-12);line-height:16px;color:var(--color-petrol);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs);display:block}.label{font-weight:var(--font-medium);font-size:var(--fs-14);line-height:20px;color:var(--color-text-primary);margin-bottom:var(--space-xs);display:block}a,.link{font-weight:var(--font-medium);font-size:var(--fs-16);line-height:24px;color:var(--color-petrol);text-decoration:none;transition:color var(--transition-fast);cursor:pointer}a:hover,.link:hover{color:var(--color-orange)}a:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px;border-radius:2px}.text-on-dark{color:var(--color-text-inverse)}.btn{display:inline-block;font-family:var(--font-family);text-align:center;text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{font-weight:var(--font-bold);font-size:var(--fs-16);line-height:20px;color:var(--color-text-inverse);background-color:var(--color-orange);padding:12px 24px;border-radius:var(--radius-lg)}.btn-primary:hover{background-color:var(--color-orange-dark);color:var(--color-text-inverse);transform:translateY(-1px);box-shadow:0 4px 12px #ff8a6566}.btn-primary:active{transform:translateY(0)}.btn-primary-large{font-weight:var(--font-bold);font-size:var(--fs-18);line-height:22px;color:var(--color-text-inverse);background-color:var(--color-orange);padding:16px 32px;border-radius:var(--radius-lg)}.btn-primary-large:hover{background-color:var(--color-orange-dark);color:var(--color-text-inverse);transform:translateY(-1px);box-shadow:0 4px 12px #ff8a6566}.btn-primary-small{font-weight:var(--font-semibold);font-size:var(--fs-14);line-height:18px;color:var(--color-text-inverse);background-color:var(--color-orange);padding:10px 20px;border-radius:var(--radius-md)}.btn-primary-small:hover{background-color:var(--color-orange-dark);color:var(--color-text-inverse)}.btn-secondary{font-weight:var(--font-semibold);font-size:var(--fs-16);line-height:20px;color:var(--color-text-primary);background-color:var(--color-mint);padding:12px 24px;border-radius:var(--radius-lg)}.btn-secondary:hover{background-color:var(--color-petrol);color:var(--color-text-inverse);transform:translateY(-1px)}.btn-tertiary,.btn-ghost{font-weight:var(--font-medium);font-size:var(--fs-16);line-height:20px;color:var(--color-petrol);background-color:transparent;padding:12px 24px;border:2px solid var(--color-petrol);border-radius:var(--radius-lg)}.btn-tertiary:hover,.btn-ghost:hover{color:var(--color-orange);border-color:var(--color-orange);background-color:var(--color-orange-10)}.btn:disabled,.btn-disabled{font-weight:var(--font-regular);color:var(--color-grau);background-color:var(--color-hellgrau);cursor:not-allowed;opacity:.5}.btn:disabled:hover{transform:none;box-shadow:none}.nav-main{list-style:none;display:flex;gap:var(--space-2xl)}.nav-main a{font-weight:var(--font-medium);font-size:var(--fs-16);line-height:20px;color:var(--color-text-primary);position:relative;padding:var(--space-sm) 0}.nav-main a:hover{color:var(--color-orange)}.nav-main a.active{font-weight:var(--font-bold);color:var(--color-petrol)}.nav-main a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background-color:var(--color-petrol);border-radius:2px}.form-label{font-weight:var(--font-medium);font-size:var(--fs-14);line-height:20px;color:var(--color-text-primary);display:block;margin-bottom:var(--space-xs)}.form-label.required:after{content:" *";color:var(--color-orange);font-weight:var(--font-bold)}.form-input,.form-textarea,.form-select{font-family:var(--font-family);font-weight:var(--font-regular);font-size:var(--fs-16);line-height:24px;color:var(--color-text-primary);background-color:var(--color-surface);width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-petrol);box-shadow:0 0 0 3px #4fb3b033}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-grau-60)}.form-textarea{min-height:120px;resize:vertical}.form-helper{font-weight:var(--font-regular);font-size:var(--fs-13);line-height:18px;color:var(--color-text-secondary);margin-top:var(--space-xs);display:block}.form-error{font-weight:var(--font-medium);font-size:var(--fs-13);line-height:18px;color:var(--color-orange);margin-top:var(--space-xs);display:block}.form-input.error{border-color:var(--color-orange)}.form-input.error:focus{box-shadow:0 0 0 3px #ff8a6533}.form-success{font-weight:var(--font-medium);font-size:var(--fs-13);line-height:18px;color:var(--color-petrol);margin-top:var(--space-xs);display:block}.form-input.success{border-color:var(--color-petrol)}input[type=checkbox],input[type=radio]{accent-color:var(--color-orange);cursor:pointer;width:18px;height:18px}ul,ol{margin-bottom:var(--space-lg);padding-left:var(--space-2xl)}ul li,ol li,.list-item{font-weight:var(--font-regular);font-size:var(--fs-16);line-height:24px;color:var(--color-text-primary);margin-bottom:var(--space-sm)}ul.list-styled{list-style:none;padding-left:0}ul.list-styled li{position:relative;padding-left:var(--space-2xl)}ul.list-styled li:before{content:"•";position:absolute;left:0;color:var(--color-orange);font-weight:var(--font-bold);font-size:1.2em}.badge,.tag,.pill{display:inline-block;font-family:var(--font-family);text-align:center;white-space:nowrap;vertical-align:baseline}.badge-primary{font-weight:var(--font-semibold);font-size:var(--fs-12);line-height:16px;color:var(--color-text-inverse);background-color:var(--color-orange);padding:4px 8px;border-radius:var(--radius-sm)}.badge-secondary{font-weight:var(--font-semibold);font-size:var(--fs-12);line-height:16px;color:var(--color-petrol);background-color:var(--color-mint);padding:4px 8px;border-radius:var(--radius-sm)}.badge-neutral{font-weight:var(--font-semibold);font-size:var(--fs-12);line-height:16px;color:var(--color-text-primary);background-color:var(--color-surface-elevated);border:1px solid var(--color-border);padding:4px 8px;border-radius:var(--radius-sm)}.tag{font-weight:var(--font-medium);font-size:var(--fs-13);line-height:18px;color:var(--color-petrol);background-color:var(--color-mint-30);padding:6px 12px;border-radius:16px}.pill{font-weight:var(--font-medium);font-size:var(--fs-14);line-height:18px;color:var(--color-text-inverse);background-color:var(--color-petrol);padding:8px 16px;border-radius:var(--radius-full)}.box-info{background-color:var(--color-mint-30);border-left:4px solid var(--color-mint);padding:var(--space-2xl);border-radius:var(--radius-lg);margin-bottom:var(--space-xl)}.box-warning{background-color:var(--color-orange-10);padding:var(--space-2xl);border-radius:var(--radius-lg);border-left:4px solid var(--color-orange);margin-bottom:var(--space-xl)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2xl);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.card-elevated{background-color:var(--color-surface-elevated);box-shadow:var(--shadow-sm)}.icon-primary{color:var(--color-petrol)}.icon-accent{color:var(--color-orange)}.icon-support{color:var(--color-mint)}.text-petrol{color:var(--color-petrol)!important}.text-orange{color:var(--color-orange)!important}.text-mint{color:var(--color-mint)!important}.text-anthrazit{color:var(--color-anthrazit)!important}.text-grau{color:var(--color-grau)!important}.text-primary{color:var(--color-text-primary)!important}.text-secondary{color:var(--color-text-secondary)!important}.text-inverse{color:var(--color-text-inverse)!important}.bg-petrol{background-color:var(--color-petrol)!important}.bg-orange{background-color:var(--color-orange)!important}.bg-mint{background-color:var(--color-mint)!important}.bg-surface{background-color:var(--color-surface)!important}.font-light{font-weight:var(--font-light)!important}.font-regular{font-weight:var(--font-regular)!important}.font-medium{font-weight:var(--font-medium)!important}.font-semibold{font-weight:var(--font-semibold)!important}.font-bold{font-weight:var(--font-bold)!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.m-0{margin:0!important}.mt-sm{margin-top:var(--space-sm)!important}.mt-md{margin-top:var(--space-md)!important}.mt-lg{margin-top:var(--space-lg)!important}.mt-xl{margin-top:var(--space-xl)!important}.mb-sm{margin-bottom:var(--space-sm)!important}.mb-md{margin-bottom:var(--space-md)!important}.mb-lg{margin-bottom:var(--space-lg)!important}.mb-xl{margin-bottom:var(--space-xl)!important}.p-0{padding:0!important}.p-sm{padding:var(--space-sm)!important}.p-md{padding:var(--space-md)!important}.p-lg{padding:var(--space-lg)!important}.p-xl{padding:var(--space-xl)!important}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-2xl)}.section{padding:var(--space-5xl) 0}.main-header{background-color:transparent;border-bottom:none;padding:var(--space-xl) 0;position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all var(--transition-base)}.main-header.scrolled{padding:var(--space-md) 0;background-color:#fffffff2;backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--space-2xl);display:flex;justify-content:space-between;align-items:center;gap:var(--space-2xl);flex-wrap:nowrap}.logo{font-weight:var(--font-bold);font-size:var(--fs-32);color:var(--color-petrol);text-decoration:none;white-space:nowrap;z-index:1001;position:relative;display:flex;align-items:center;gap:var(--space-sm)}.logo:hover{color:var(--color-petrol)}.logo-icon{height:24px;width:auto}.nav-main a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--color-orange);transition:width var(--transition-base)}.nav-main a:hover:after{width:100%}.mobile-menu-toggle{display:none;background:transparent;border:none;cursor:pointer;width:30px;height:25px;position:relative;z-index:1001;padding:0}.mobile-menu-toggle .bar{display:block;width:100%;height:3px;background-color:var(--color-petrol);margin:5px 0;transition:all .3s ease;border-radius:3px}.mobile-menu-toggle.active .bar:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.mobile-menu-toggle.active .bar:nth-child(2){opacity:0}.mobile-menu-toggle.active .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.mobile-nav{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--color-surface);z-index:1000;padding:80px 20px 20px;transform:translate(100%);transition:transform var(--transition-base)}.mobile-nav.active{transform:translate(0)}.mobile-nav .nav-main{flex-direction:column;align-items:center;gap:var(--space-3xl)}.mobile-nav .nav-main a{font-size:var(--fs-24);font-weight:var(--font-semibold)}body{padding-top:100px}.main-footer{background-color:var(--color-petrol);color:var(--color-text-inverse);padding:var(--space-5xl) 0 var(--space-3xl);margin-top:var(--space-5xl)}.main-footer h3,.main-footer h4,.main-footer h5{color:var(--color-text-inverse);margin-bottom:var(--space-xl)}.main-footer p,.main-footer a{color:var(--color-text-inverse);opacity:.9}.main-footer a:hover{color:var(--color-orange);opacity:1}.main-footer .list-styled li:before{color:var(--color-orange)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-3xl);margin-bottom:var(--space-3xl)}.footer-bottom{border-top:1px solid rgba(255,255,255,.2);padding-top:var(--space-2xl);text-align:center;font-size:var(--fs-14);opacity:.8}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-3xl);margin-top:var(--space-3xl)}.usp-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-3xl);padding:var(--space-4xl) 0}.usp-item{background-color:var(--color-surface-elevated);border-radius:var(--radius-lg);padding:var(--space-3xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base)}.usp-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.usp-item h3{margin-bottom:var(--space-lg)}.form-group{margin-bottom:var(--space-xl)}.contact-form{max-width:700px;margin:0 auto}*:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media screen and (max-width:768px){.container{padding:0 var(--space-lg)}.section{padding:var(--space-3xl) 0}.card-grid,.usp-box,.footer-grid{grid-template-columns:1fr}h1,.h1{font-size:var(--fs-36);line-height:44px;margin-bottom:var(--space-2xl)}h2,.h2{font-size:var(--fs-28);line-height:36px;margin-bottom:var(--space-xl)}.desktop-nav{display:none}.mobile-menu-toggle,.mobile-nav{display:block}body{padding-top:90px}.main-header{padding:var(--space-lg) 0}.nav-main{flex-direction:column;gap:var(--space-md)}}@media screen and (max-width:480px){h1,.h1{font-size:var(--fs-28);line-height:36px}h2,.h2{font-size:var(--fs-24);line-height:32px}.btn{width:100%;text-align:center}}html,body,input,textarea,select,button{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.main-footer{background-color:var(--color-petrol);color:var(--color-white)}.footer-content{padding:var(--space-4xl) 0 var(--space-2xl)}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2xl);flex-wrap:wrap;gap:var(--space-2xl)}.footer-brand{font-size:var(--fs-32);font-weight:var(--font-bold);color:var(--color-white);text-decoration:none;display:block;margin-bottom:var(--space-xs)}.footer-tagline{font-size:var(--fs-16);color:#ffffffb3;margin-bottom:0}.footer-newsletter{max-width:450px}.footer-newsletter h4{color:var(--color-white);margin-bottom:var(--space-sm)}.footer-newsletter p{font-size:var(--fs-14);opacity:.8;margin-bottom:var(--space-md)}.newsletter-form{display:flex;gap:var(--space-sm)}.newsletter-input{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a;color:var(--color-white)}.newsletter-input::placeholder{color:#ffffff80}.newsletter-input:focus{outline:none;border-color:var(--color-orange)}.newsletter-btn{padding:var(--space-sm) var(--space-md);white-space:nowrap}.footer-divider{height:1px;background-color:#fff3;margin:var(--space-2xl) 0}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3xl) var(--space-4xl)}.footer-grid h4{color:var(--color-white);font-size:var(--fs-18);margin-bottom:var(--space-lg)}.footer-grid p{font-size:var(--fs-14);line-height:1.6;opacity:.8}.social-links{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#ffffff1a;border-radius:50%;color:var(--color-white);transition:all var(--transition-fast)}.social-link:hover{background-color:var(--color-orange);transform:translateY(-2px)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--space-md)}.footer-links a{color:#fffc;text-decoration:none;font-size:var(--fs-14);transition:color var(--transition-fast);position:relative;padding-left:var(--space-md);display:inline-block}.footer-links a:before{content:"→";position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:var(--fs-12);opacity:0;transition:opacity var(--transition-fast),transform var(--transition-fast)}.footer-links a:hover{color:var(--color-orange);padding-left:var(--space-lg)}.footer-links a:hover:before{opacity:1;transform:translateY(-50%) translate(var(--space-xs))}address{font-style:normal}address p{margin-bottom:var(--space-sm)}address a{color:#fffc;text-decoration:underline}address a:hover{color:var(--color-orange)}.main-footer strong{color:var(--color-white);font-weight:var(--font-bold)}.footer-bottom{background-color:#0003;padding:var(--space-lg) 0}.footer-bottom .container{display:flex;justify-content:space-between;align-items:center}.copyright{font-size:var(--fs-14);opacity:.8;margin:0}.footer-legal{display:flex;gap:var(--space-lg)}.footer-legal a{font-size:var(--fs-14);color:#ffffffb3;text-decoration:none}.footer-legal a:hover{color:var(--color-orange);text-decoration:underline}@media(max-width:768px){.footer-top{flex-direction:column;align-items:flex-start}.footer-newsletter{width:100%}.newsletter-form{flex-direction:column}.footer-bottom .container{flex-direction:column;gap:var(--space-md)}.footer-legal{margin-top:var(--space-md)}}