:root{--ink:#103657;--muted:#5d7e97;--cyan:#08b9e9;--blue:#0589cb;--line:rgba(97,176,225,.32);font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);background:#f5fbff;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 5% 30%,rgba(196,233,255,.52),transparent 33%),radial-gradient(circle at 91% 55%,rgba(229,219,255,.37),transparent 40%),#f8fcff;line-height:1.6}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.046em}p{color:var(--muted)}.op-container{width:min(1220px,calc(100% - 64px));margin-inline:auto}.op-aura{position:fixed;width:35vw;height:35vw;border-radius:50%;filter:blur(110px);z-index:-1;pointer-events:none}.op-aura-one{background:rgba(70,187,255,.10);top:18vh;left:-14vw}.op-aura-two{background:rgba(215,140,247,.12);right:-15vw;top:65vh}.op-header{height:94px;position:relative;z-index:4;background:rgba(255,255,255,.57);backdrop-filter:blur(30px) saturate(175%);border-bottom:1px solid rgba(166,205,237,.35)}.op-header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.op-brand{display:inline-flex;align-items:center;gap:12px;font-size:25px;font-weight:950;letter-spacing:.06em;line-height:1;color:#11466c}.op-brand img{width:61px;height:61px;object-fit:contain}.op-brand small{display:block;margin-top:7px;font-size:8px;color:#5891ad;letter-spacing:.21em}.op-header-actions{display:flex;align-items:center;gap:22px}.op-local-pill{font-size:12px;font-weight:700;white-space:nowrap}.op-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#21d7b6;box-shadow:0 0 0 5px rgba(33,215,182,.13);margin-right:8px}.op-btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:16px 27px;border-radius:100px;color:#fff;background:linear-gradient(115deg,#0878b7,#08bce6);box-shadow:0 12px 30px rgba(5,133,203,.21),inset 0 1px 0 rgba(255,255,255,.35);font-size:13px;font-weight:850;border:1px solid rgba(30,148,218,.21);transition:transform .25s,box-shadow .25s;white-space:nowrap}.op-btn:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(5,133,203,.31)}.op-btn-small{padding:12px 22px}.op-btn-outline{background:rgba(255,255,255,.65);color:#1377a2;border:1px solid rgba(103,193,229,.45);box-shadow:0 12px 32px rgba(67,161,201,.08),inset 0 1px 0 white}.op-eyebrow{font-size:10px;font-weight:950;letter-spacing:.24em;color:#0ca8cf;text-transform:uppercase}.op-eyebrow span{font-size:20px;vertical-align:-2px}.op-hero{padding:75px 0 80px;overflow:hidden}.op-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:55px}.op-hero h1{font-size:clamp(52px,5.75vw,84px);font-weight:910;margin:24px 0}.op-hero h1 em,.op-section h2 em{font-style:normal;background:linear-gradient(105deg,#0078b9 20%,#0fc7dd 68%,#5d8dd4);-webkit-background-clip:text;background-clip:text;color:transparent}.op-hero h1>span{color:#345778}.op-hero-copy>p{max-width:540px;font-size:16px;line-height:1.85}.op-actions{display:flex;flex-wrap:wrap;gap:13px;margin:28px 0 28px}.op-highlights{display:flex;flex-wrap:wrap;gap:10px}.op-highlights span{font-size:10px;font-weight:770;padding:7px 11px;border-radius:100px;background:#e8f8ff;color:#347996}.op-hero-visual{height:510px;position:relative;isolation:isolate}.op-hero-visual:before{content:'';position:absolute;inset:6% -3% -3% 8%;border-radius:44px;background:linear-gradient(134deg,#d0f4ff,#d4e7ff,#ecd8ff);filter:blur(24px);z-index:-1}.op-hero-visual>img{width:100%;height:100%;object-fit:cover;border-radius:38px;box-shadow:0 35px 85px rgba(34,103,153,.16);object-position:50% 42%}.op-float{position:absolute;left:-30px;bottom:20px;padding:14px 20px;display:flex;align-items:center;gap:12px}.op-float>span{font-size:35px;color:#0bb1ea}.op-float b{font-size:12px;display:block}.op-float small{font-size:10px;color:#6790a4}.op-glass{position:relative;isolation:isolate;border:1px solid rgba(132,199,248,.52);border-radius:24px;background:linear-gradient(130deg,rgba(255,255,255,.82),rgba(228,246,255,.52) 62%,rgba(219,227,255,.37));backdrop-filter:blur(28px) saturate(178%);-webkit-backdrop-filter:blur(28px) saturate(178%);box-shadow:0 22px 53px rgba(50,108,157,.085),inset 0 2px 1px rgba(255,255,255,.95),inset 0 -1px 0 rgba(80,171,241,.25);overflow:hidden}.op-glass:before{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(119deg,rgba(255,255,255,.95),rgba(65,187,255,.26),rgba(216,163,255,.32),rgba(75,208,255,.45)) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude}.op-section{padding:88px 0}.op-section h2{font-size:clamp(36px,4vw,58px);font-weight:870;margin:15px 0 20px}.op-split{display:grid;grid-template-columns:.94fr 1fr;gap:80px;align-items:start}.op-split p{font-size:14px;line-height:1.9}.op-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.op-perks>div{padding:22px 25px;display:grid;gap:8px}.op-perks b{font-size:12px;color:#11afe0}.op-perks strong{font-size:16px}.op-perks span{font-size:12px;color:#6e8ca2}.op-services{background:linear-gradient(180deg,rgba(228,246,255,.22),rgba(227,238,254,.35))}.op-section-head{display:flex;align-items:end;justify-content:space-between;gap:55px;margin-bottom:40px}.op-section-head>div{flex:1}.op-section-head>p{flex:0 1 370px;font-size:13px;line-height:1.8}.op-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.op-service{min-height:228px;padding:25px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .23s,box-shadow .23s}.op-service:hover{transform:translateY(-4px);box-shadow:0 28px 60px rgba(56,108,190,.15)}.op-symbol{width:48px;height:48px;display:grid;place-items:center;border:1px solid #8cd5ff;border-radius:15px;background:linear-gradient(140deg,#d8faff,#e9e8ff);font-size:25px;color:#028bbb;margin-bottom:19px}.op-service h3{font-size:19px;margin:0 0 9px}.op-service p{font-size:12px;margin:0 0 24px;line-height:1.75}.op-service a{margin-top:auto;font-size:12px;color:#0079b0;font-weight:830}.op-local-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.op-local-main,.op-local-aside{padding:43px}.op-local h2{font-size:clamp(36px,3.3vw,52px)}.op-local p{max-width:580px;line-height:1.9}.op-local-main .op-btn{margin-top:15px}.op-local-aside{background:linear-gradient(138deg,rgba(217,242,255,.81),rgba(219,227,252,.52),rgba(255,255,255,.65));display:flex;flex-direction:column;justify-content:end;min-height:340px}.op-giant{font-size:120px;line-height:1;color:rgba(12,172,225,.2);margin-bottom:auto}.op-local-aside h3{font-size:39px;margin:14px 0}.op-local-aside p{font-size:12px}.op-local-region{font-weight:800!important;color:#1689b7!important}.op-faq-list{display:grid;grid-template-columns:1fr 1fr;gap:13px}.op-faq details{padding:20px 23px;align-self:start}.op-faq summary{cursor:pointer;list-style:none;font-size:14px;font-weight:800;display:flex;justify-content:space-between;align-items:center;gap:10px}.op-faq summary::-webkit-details-marker{display:none}.op-faq summary:after{content:'+';font-size:26px;color:#07a6de;font-weight:300}.op-faq details[open] summary:after{content:'−'}.op-faq details p{font-size:12px;margin:17px 0 0;line-height:1.8}.op-contact{padding-bottom:120px;background:radial-gradient(ellipse at 8% 70%,rgba(175,226,251,.45),transparent 45%)}.op-contact-layout{display:grid;grid-template-columns:.85fr 1fr;gap:80px;align-items:start}.op-contact h2{margin:16px 0 20px}.op-contact-layout>div>p{max-width:400px;line-height:1.95}.op-contact-details{display:flex;flex-direction:column;gap:8px;margin:22px 0}.op-contact-details a{font-weight:800;color:#028fba}.op-quote{margin-top:55px;padding:30px;display:flex;gap:16px}.op-quote span{font-size:35px;color:#0dbbe8}.op-quote p{margin:0;font-weight:750}.op-form{padding:36px}.op-form h3{font-size:27px;margin:0 0 4px}.op-form>p{font-size:12px;margin-bottom:20px}.op-form label{font-size:11px;font-weight:780;color:#365f7c;display:block;margin-bottom:14px}.op-form input:not([type=checkbox]),.op-form select,.op-form textarea{display:block;width:100%;background:rgba(255,255,255,.78);border:1px solid #d1e7f4;border-radius:12px;padding:11px 12px;color:#143f5f;outline:0;font-size:13px;margin-top:6px}.op-form input:focus,.op-form textarea:focus,.op-form select:focus{border-color:#08aee8;box-shadow:0 0 0 3px rgba(1,169,236,.12)}.op-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.op-privacy{display:flex!important;align-items:flex-start;gap:10px;line-height:1.6}.op-privacy input{margin-top:3px}.op-privacy a{color:#038dc0;text-decoration:underline}.op-honey{position:absolute;left:-10000px;top:auto}.op-form>button{width:100%}.op-form>small{display:block;font-size:10px;margin:12px 0 0;color:#849cac}.op-footer{border-top:1px solid #d6e9f4;background:#f2faff;padding:50px 0 18px}.op-footer-grid{display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:40px}.op-footer-grid p{font-size:12px;max-width:290px}.op-footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.op-footer-grid b{font-size:12px;margin-bottom:6px}.op-footer-grid a:not(.op-brand){font-size:12px;color:#497b96}.op-other{display:flex;flex-wrap:wrap;gap:6px 12px}.op-footer-bottom{border-top:1px solid #dceaf4;margin-top:42px;padding-top:20px;display:flex;justify-content:space-between;font-size:10px;color:#6b8da0}.op-draft{background:#eaf6ff;color:#305970;text-align:center;padding:10px;font-size:11px}.op-draft b{color:#076ba6}@media(max-width:990px){.op-hero-grid,.op-contact-layout{gap:33px}.op-hero h1{font-size:52px}.op-hero-visual{height:430px}.op-service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.op-container{width:min(100% - 36px,1220px)}.op-header{height:76px}.op-brand img{width:48px;height:48px}.op-brand{font-size:20px}.op-brand small{font-size:6px}.op-local-pill{display:none}.op-btn-small{padding:11px 16px;font-size:11px}.op-hero{padding:45px 0 50px}.op-hero-grid,.op-split,.op-local-grid,.op-contact-layout{grid-template-columns:1fr}.op-hero-copy{order:1}.op-hero-visual{order:2;height:310px}.op-hero h1{font-size:clamp(42px,11vw,65px)}.op-hero-copy>p{font-size:14px}.op-float{left:10px;bottom:-18px}.op-section{padding:58px 0}.op-section h2{font-size:37px}.op-perks{grid-template-columns:1fr;gap:10px}.op-section-head{display:block}.op-section-head>p{max-width:530px}.op-faq-list{grid-template-columns:1fr}.op-local-main,.op-local-aside{padding:27px}.op-local-aside{min-height:260px}.op-contact-layout{gap:26px}.op-quote{margin-top:22px}.op-form{padding:22px}.op-footer-grid{grid-template-columns:1fr 1fr}.op-footer-grid>div:first-child{grid-column:1 / -1}}@media(max-width:440px){.op-service-grid{grid-template-columns:1fr}.op-field-row{grid-template-columns:1fr;gap:0}.op-hero-visual{height:255px}.op-brand small{letter-spacing:.09em}.op-hero h1{font-size:43px}.op-footer-bottom{flex-direction:column;gap:7px}.op-highlights span{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* BECKER V10 – Kundenportal in regional navigation */
.op-customer-link{font-weight:750;color:#087db6;text-decoration:none;white-space:nowrap;margin-right:14px}
@media(max-width:650px){.op-header-actions{gap:8px}.op-customer-link{font-size:12px;margin-right:2px}}

@media(max-width:480px){.op-header-actions>.op-btn{display:none}.op-customer-link{margin-right:0}}