.topbar{position:fixed;top:0;left:0;right:0;background:#061a2ed9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border-dark);z-index:100}.topbar-inner{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.2rem;color:var(--color-white)}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:var(--color-white);color:var(--color-primary);font-size:1.15rem;font-weight:700;font-family:Georgia,serif}.logo-text{letter-spacing:-.02em}.nav{display:flex;align-items:center;gap:2rem}.nav a{font-size:.95rem;font-weight:500;color:var(--color-text-soft);transition:color .2s ease}.nav a:hover{color:var(--color-white)}.nav-cta{padding:.55rem 1.2rem;background:var(--color-white);color:var(--color-primary)!important;border-radius:8px;transition:transform .15s ease}.nav-cta:hover{transform:translateY(-1px)}@media (max-width: 768px){.topbar-inner{padding:.85rem 1.25rem}.nav{gap:1rem}.nav a:not(.nav-cta){display:none}}.hero{position:relative;padding-top:11rem;padding-bottom:9rem;background:transparent;color:var(--color-white)}.hero-bg{display:none}.hero-inner{position:relative;z-index:1;text-align:center;max-width:760px}.hero-eyebrow{display:inline-block;padding:.4rem 1rem;border:1px solid rgba(255,255,255,.18);border-radius:99px;font-size:.85rem;font-weight:500;color:var(--color-text-soft);margin-bottom:1.5rem;background:#ffffff0d}.hero h1{font-size:clamp(2.2rem,5vw,3.75rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--color-white);margin-bottom:1.25rem}.hero p{font-size:1.2rem;max-width:540px;margin:0 auto 2.25rem;color:var(--color-text-soft)}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.75rem;border-radius:10px;font-size:.98rem;font-weight:500;transition:all .2s ease}.btn-primary{background:var(--color-white);color:var(--color-primary)}.btn-primary:hover{transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-white);border:1px solid rgba(255,255,255,.25)}.btn-ghost:hover{border-color:var(--color-white)}.was-machen-wir{position:relative;background:transparent;color:var(--color-white)}.service-viz{display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap;margin:0 0 3rem}.donut{width:220px;height:220px;flex-shrink:0}.donut-top,.donut-bottom{fill:var(--color-white);text-anchor:middle;font-weight:600}.donut-top{font-size:15px}.donut-bottom{font-size:13px;fill:var(--color-text-soft)}.donut-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.donut-legend li{display:flex;align-items:center;gap:.7rem;color:var(--color-text-soft);font-size:1.05rem}.legend-dot{width:.85rem;height:.85rem;border-radius:50%;flex-shrink:0}.keyword-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.keyword-card{position:relative;background:#0a25408c;border:1px solid var(--color-border-dark);border-radius:14px;padding:2rem;transition:all .2s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.keyword-card:hover{border-color:#ffffff4d;transform:translateY(-3px);background:#0a2540b3}.keyword-num{display:block;font-size:.85rem;font-weight:600;letter-spacing:.12em;color:#ffffff73;margin-bottom:1rem}.keyword-card h3{color:var(--color-white);font-size:1.35rem;margin-bottom:.75rem}.keyword-card p{color:var(--color-text-soft);font-size:.98rem;line-height:1.6}@media (max-width: 900px){.keyword-grid{grid-template-columns:1fr}}.ueber-uns{background:transparent;color:var(--color-white)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:900px;margin:0 auto}.team-card{text-align:center;padding:2.25rem 1.25rem;border-radius:14px;background:#0a25408c;border:1px solid var(--color-border-dark);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .2s ease}.team-card:hover{transform:translateY(-3px);border-color:#ffffff4d;background:#0a2540b3}.avatar{width:90px;height:90px;margin:0 auto 1rem;border-radius:50%;background:linear-gradient(135deg,var(--color-white) 0%,var(--color-accent) 100%);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;letter-spacing:.05em}.team-card h3{color:var(--color-white);margin-bottom:.25rem;font-size:1.1rem}.team-card p{color:var(--color-text-soft);font-size:.92rem}@media (max-width: 800px){.team-grid{grid-template-columns:1fr}}.referenzen{background:transparent;color:var(--color-white)}.partner-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:3rem}.partner-tile{position:relative;aspect-ratio:3 / 2;border-radius:10px;overflow:hidden;border:1px solid var(--color-border-dark);background:#0a254080}.partner-tile img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) brightness(.85) contrast(1.1);opacity:.75;transition:all .3s ease}.partner-tile:hover img{filter:grayscale(0) brightness(1) contrast(1);opacity:1}.partner-tile-label{position:absolute;inset:auto 0 0 0;padding:.4rem .6rem;font-size:.72rem;color:var(--color-white);background:linear-gradient(180deg,transparent 0%,rgba(3,16,31,.85) 80%);letter-spacing:.05em}.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.reference-card{background:#0a25408c;border:1px solid var(--color-border-dark);border-radius:12px;padding:1.75rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.reference-card .quote{color:var(--color-white);font-size:1.02rem;line-height:1.55;margin-bottom:1.25rem}.reference-card footer{display:flex;flex-direction:column;gap:.15rem;font-size:.9rem;border-top:1px solid var(--color-border-dark);padding-top:.9rem}.reference-card footer strong{color:var(--color-white)}.reference-card footer span{color:var(--color-text-soft)}@media (max-width: 800px){.partner-row{grid-template-columns:repeat(2,1fr)}}.formular{background:transparent;color:var(--color-white)}.formular .section-header h2,.formular .section-header p{color:var(--color-white)}.formular .section-header p{color:var(--color-text-soft)}.calc-card{background:#0a25408c;border:1px solid var(--color-border-dark);border-radius:16px;padding:2.5rem;display:grid;grid-template-columns:1.4fr 1fr;gap:2.5rem;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.calc-controls{display:flex;flex-direction:column;gap:1.75rem}.slider-row{display:flex;flex-direction:column;gap:.6rem}.slider-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.95rem}.slider-label{color:var(--color-text-soft);font-weight:500}.slider-value{color:#fff9;font-size:.92rem}.slider-value strong{color:var(--color-white);font-weight:600;font-size:1.05rem;margin-right:.2rem}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:linear-gradient(to right,var(--color-white) 0%,var(--color-white) var(--fill, 0%),rgba(255,255,255,.18) var(--fill, 0%),rgba(255,255,255,.18) 100%);border-radius:99px;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--color-white);border:3px solid var(--color-primary);box-shadow:0 2px 8px #0006;cursor:grab}input[type=range]::-webkit-slider-thumb:active{cursor:grabbing}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--color-white);border:3px solid var(--color-primary);box-shadow:0 2px 8px #0006;cursor:grab}.calc-result{background:var(--color-white);color:var(--color-primary);border-radius:14px;padding:2rem 1.75rem;text-align:center;display:flex;flex-direction:column;gap:.5rem;align-items:center}.calc-result-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.calc-result-value{font-size:clamp(2.2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1;margin:.25rem 0;color:var(--color-primary)}.calc-result-range{font-size:.9rem;color:var(--color-text-muted);margin-bottom:1rem}.btn-light{display:inline-flex;padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-white);border-radius:10px;font-weight:500;transition:background .2s ease}.btn-light:hover{background:var(--color-primary-light)}.calc-disclaimer{font-size:.78rem;color:var(--color-text-muted);margin-top:.75rem;line-height:1.4}@media (max-width: 800px){.calc-card{grid-template-columns:1fr;padding:1.75rem;gap:1.75rem}}.kontakt{background:transparent;color:var(--color-white)}.kontakt .section-header h2{color:var(--color-white)}.kontakt .section-header p{color:var(--color-text-soft)}.kontakt-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2.5rem;align-items:start}.kontakt-info{padding:2rem;background:#0a25408c;border-radius:12px;border:1px solid var(--color-border-dark);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.kontakt-info h3{color:var(--color-white);margin-bottom:1.25rem}.kontakt-info ul{list-style:none;display:flex;flex-direction:column;gap:1rem}.kontakt-info li{display:flex;flex-direction:column;gap:.15rem}.kontakt-info .label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c}.kontakt-info a,.kontakt-info span:not(.label){color:var(--color-white);font-weight:500}.kontakt-info a:hover{color:var(--color-accent)}.kontakt-form{border:1px solid var(--color-border-dark);border-radius:12px;overflow:hidden;background:var(--color-white);min-height:540px}.kontakt-form iframe{width:100%;height:540px;border:0;display:block}@media (max-width: 800px){.kontakt-grid{grid-template-columns:1fr}}.footer{background:#03101feb;color:var(--color-text-soft);padding:3rem 2rem 2rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.footer-inner{display:flex;flex-direction:column;gap:2rem}.footer-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-brand{display:flex;align-items:center;gap:.6rem;color:var(--color-white);font-weight:600}.footer .logo-mark{background:var(--color-white);color:var(--color-primary);width:30px;height:30px;border-radius:6px;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-weight:700}.footer-links{display:flex;gap:1.5rem;font-size:.9rem}.footer-links a{color:var(--color-text-soft);transition:color .2s ease}.footer-links a:hover{color:var(--color-white)}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--color-border-dark);font-size:.82rem;color:#ffffff73}.footer-copy{font-size:.82rem}.footer-credits a{color:#ffffffa6;text-decoration:underline;text-decoration-color:#fff3;transition:text-decoration-color .2s ease}.footer-credits a:hover{text-decoration-color:var(--color-white)}:root{--color-primary: #0a2540;--color-primary-dark: #061a2e;--color-primary-deep: #03101f;--color-primary-light: #1a3a5c;--color-accent: #6a93c4;--color-white: #ffffff;--color-bg-light: #f7f9fc;--color-text-muted: #5a6b80;--color-text-soft: rgba(255, 255, 255, .72);--color-border: #e1e8f0;--color-border-dark: rgba(255, 255, 255, .1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--color-white);background-color:var(--color-primary-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;background-image:linear-gradient(180deg,#061a2edb,#03101ff0),url(/images/hero.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:var(--color-white)}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--color-white)}h2{font-size:2.5rem;margin-bottom:1rem}h3{font-size:1.2rem;margin-bottom:.5rem}p{font-size:1.05rem;color:var(--color-text-soft)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}section{padding:6.5rem 2rem;scroll-margin-top:70px;background:transparent}.container{max-width:1100px;margin:0 auto}.section-header{text-align:center;margin-bottom:3.5rem}.section-header h2{color:var(--color-white)}.section-header p{color:var(--color-text-soft)}.section-header p{font-size:1.1rem;max-width:600px;margin:.75rem auto 0}@media (max-width: 768px){h2{font-size:2rem}section{padding:4.5rem 1.25rem}body{background-attachment:scroll}}
