:root{--navy:#101e37;--blue:#0957a7;--blue2:#236fae;--steel:#64778c;--gray:#eef3f7;--line:#d9e3eb;--text:#243147;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;line-height:1.55}img{max-width:100%;height:auto}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #2e86d4;outline-offset:3px}.skip{position:absolute;left:-9999px;top:0;background:#fff;color:#0b3973;padding:10px;z-index:100}.skip:focus{left:12px}.shell{width:min(1200px,calc(100% - 56px));margin:0 auto}.site-header{z-index:30;position:relative;background:#fff;border-bottom:1px solid #e4eaf0}.head-inner{display:flex;align-items:center;gap:32px;min-height:100px}.logo{display:inline-flex;align-items:center;flex-shrink:0}.logo img{height:78px;width:auto;object-fit:contain;display:block}.main-nav{display:flex;align-items:center;justify-content:center;gap:27px;margin-left:auto}.main-nav a{text-decoration:none;font-weight:700;color:#1a2c47;font-size:.94rem;white-space:nowrap;transition:color .2s}.main-nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:750;font-size:.94rem;border-radius:9px;min-height:48px;padding:12px 18px;box-shadow:0 6px 18px rgba(13,58,105,.08);transition:transform .2s,box-shadow .2s,background .2s;border:1px solid transparent;cursor:pointer}.button:hover{transform:translateY(-2px);box-shadow:0 12px 20px rgba(13,58,105,.14)}.button.blue{background:linear-gradient(140deg,#116dbb,#06458b);color:#fff}.button.outline{background:#fff;color:#10345b;border-color:#99acc1}.button.pale{background:#fff;color:var(--blue);border:1px solid #bfd0e0}.top-cta{white-space:nowrap;margin-left:4px}.mobile-toggle{display:none;appearance:none;border:1px solid #d1dce5;background:#fff;color:var(--blue);padding:8px;align-items:center;justify-content:center;border-radius:9px;cursor:pointer}.hero{overflow:hidden;background:linear-gradient(115deg,#eaf4fb 0%,#f7fafc 57%,#e4eff7 100%);border-bottom:1px solid #e0e9f1}.hero-grid{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:38px;min-height:560px;padding:66px 0}.eyebrow{display:inline-block;color:#1164ac;font-size:.75rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.hero h1{color:var(--navy);font-size:clamp(2.55rem,4vw,4.25rem);line-height:1.08;letter-spacing:-.055em;margin:22px 0}.hero h1 span,.heading h2 span,.about-copy h2 span{color:var(--blue)}.hero-copy>p{font-size:1.06rem;max-width:590px;color:#526177;margin:0 0 27px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.hero-foot{display:flex;gap:6px;align-items:center;margin-top:30px;font-size:.82rem;font-weight:700;color:#5a7086;flex-wrap:wrap}.hero-foot svg{color:var(--blue)}.hero-media{position:relative;border-radius:26px;overflow:hidden;box-shadow:0 28px 55px rgba(26,66,110,.19);background:#d7e8f4;border:7px solid #fff;min-height:320px;display:flex;align-items:stretch}.hero-media>img{width:100%;height:100%;min-height:320px;object-fit:cover}.media-mark{position:absolute;left:20px;bottom:20px;background:rgba(255,255,255,.92);backdrop-filter:blur(7px);border-radius:12px;box-shadow:0 7px 14px rgba(0,0,0,.12);display:flex;flex-direction:column;padding:10px 15px;color:var(--navy)}.media-mark strong{font-size:.9rem}.media-mark small{font-size:.72rem;color:var(--steel)}.section{padding:90px 0}.heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:32px}.heading h2,.about-copy h2,.contact-box h2{font-size:clamp(2.0rem,3vw,3.3rem);line-height:1.16;letter-spacing:-.045em;color:var(--navy);margin:10px 0 0}.heading>p{max-width:350px;color:#68788a;margin:0}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.service-card{min-height:290px;border:1px solid #dce5ef;border-radius:16px;display:flex;flex-direction:column;padding:25px 19px 20px;box-shadow:0 7px 21px rgba(19,50,81,.045);text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;background:linear-gradient(156deg,#fff,#f8fafc)}.service-card:hover{transform:translateY(-5px);border-color:#84afd3;box-shadow:0 18px 35px rgba(13,58,105,.11)}.svc-icon{display:flex;color:#0664ae;align-items:center;justify-content:center;border-radius:13px;background:#e9f3fc;width:60px;height:60px;margin-bottom:18px}.service-card h3{color:var(--navy);font-size:1.12rem;line-height:1.25;letter-spacing:-.02em;margin:0 0 12px}.service-card p{font-size:.84rem;line-height:1.5;color:#5e6e7e;margin:0 0 15px}.more{margin-top:auto;font-size:.83rem;color:var(--blue);font-weight:850}.more span{margin-left:5px}.about-section{background:linear-gradient(140deg,#e9f0f6,#f8fafc)}.about-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:65px}.about-panel{background:linear-gradient(145deg,#d4e7f3,#ecf3f8);border-radius:24px;min-height:340px;display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d2e1ee}.about-panel img{width:82%;position:relative;z-index:1;border-radius:8px;box-shadow:0 12px 26px rgba(15,58,103,.09)}.panel-accent{position:absolute;width:500px;height:500px;border:67px solid #2c78b5;border-radius:50%;opacity:.12;top:-80px;left:-150px}.about-copy h2{margin-bottom:22px}.about-copy>p{color:#617083;line-height:1.8;font-size:1.02rem}.check-list{list-style:none;padding:0;margin:20px 0 25px}.check-list li{display:flex;align-items:center;gap:12px;margin:10px 0;font-weight:650;color:#263f5b}.check-list svg{color:var(--blue);flex-shrink:0}.text-link{font-weight:800;text-decoration:none;color:var(--blue)}.text-link:hover{text-decoration:underline}.advantages{padding:27px 0;background:linear-gradient(110deg,#123d70,#0b5a9c 70%,#17436d);color:#fff}.advantage-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);align-items:center;gap:0}.advantages-label{font-size:1.2rem;font-weight:850;line-height:1.3}.adv-item{display:flex;align-items:center;gap:10px;padding:11px 14px;border-left:1px solid rgba(255,255,255,.3);min-height:57px;font-weight:700;font-size:.82rem}.adv-item svg{flex-shrink:0}.contact-section{background:#fff}.contact-box{display:grid;grid-template-columns:1.6fr .75fr;gap:60px;align-items:center;background:#eef4f8;border:1px solid #dbe6ef;border-radius:24px;padding:55px 65px}.contact-box h2{margin-bottom:16px}.contact-box p{color:#5a6a7c;max-width:570px;margin:0}.contact-actions{display:flex;flex-direction:column;gap:13px}.site-footer{background:#111f36;color:#f1f4f8;padding:55px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer-grid strong{font-size:1.03rem}.footer-grid p{color:#c1d0e0;font-size:.88rem;margin:11px 0;line-height:1.7}.footer-grid a{color:inherit;text-decoration:none}.footer-grid a:hover{text-decoration:underline}.footer-bottom{color:#9dacc1;font-size:.77rem;border-top:1px solid #3d4c61;padding-top:20px;margin-top:36px}.inner-hero{background:linear-gradient(110deg,#edf5fb,#f9fbfd);padding:58px 0;border-bottom:1px solid #dfeaf4}.crumb{font-size:.86rem;color:#5a708a}.crumb a{color:var(--blue)}.inner-hero h1{font-size:clamp(2.2rem,4vw,3.65rem);line-height:1.15;color:var(--navy);margin:12px 0}.inner-section{min-height:400px;padding:65px 0}.cms-content{max-width:100%;overflow-wrap:anywhere;line-height:1.75;color:#263344}.cms-content img{max-width:100%!important;height:auto!important}.cms-content table{display:block;overflow-x:auto;max-width:100%}.cms-content h1,.cms-content h2,.cms-content h3{color:#183f6d}.cms-content a{color:#0962a5}.cms-content input,.cms-content select,.cms-content textarea{max-width:100%;font:inherit;padding:9px;border:1px solid #ccdbe7;border-radius:6px}.cms-content button,.cms-content input[type=submit]{background:#1161a9;color:#fff;border:0;cursor:pointer;padding:10px 17px}.cms-content iframe{max-width:100%}
@media(max-width:1100px){.head-inner{gap:18px}.logo img{height:65px}.main-nav{gap:14px}.main-nav a{font-size:.85rem}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{min-height:245px}.advantage-grid{grid-template-columns:repeat(4,1fr)}.advantages-label{grid-column:1/-1;margin-bottom:14px}.adv-item:first-of-type{border-left:0}}
@media(max-width:800px){.shell{width:min(100% - 32px,620px)}.head-inner{min-height:77px;gap:12px;flex-wrap:wrap}.logo img{height:60px}.top-cta{margin-left:auto;min-height:42px;font-size:.83rem;padding:8px 12px}.mobile-toggle{display:inline-flex}.main-nav{display:none;order:5;width:100%;margin:0;padding:6px 0 16px;align-items:stretch;gap:4px;flex-direction:column}.main-nav.open{display:flex}.main-nav a{padding:13px;border-radius:8px;font-size:1rem}.main-nav a:hover{background:#edf4f9}.hero-grid{grid-template-columns:1fr;padding:55px 0 40px;gap:25px}.hero h1{font-size:clamp(2.4rem,8vw,3.7rem)}.hero-copy>p{font-size:1rem}.hero-media{min-height:220px}.hero-media>img{min-height:220px}.section{padding:64px 0}.heading{display:block}.heading>p{margin-top:16px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{grid-template-columns:1fr;gap:30px}.about-panel{min-height:260px}.contact-box{grid-template-columns:1fr;gap:25px;padding:35px 28px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.logo img{height:48px}.top-cta{display:none}.hero h1{font-size:2.3rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.service-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:22px}.service-card h3{font-size:1.2rem}.hero-media{border-width:4px;border-radius:16px}.hero-media>img{min-height:190px}.advantage-grid{grid-template-columns:1fr 1fr;gap:4px}.advantages-label{font-size:1.12rem}.adv-item{border-left:0;padding:12px 4px;font-size:.77rem}.adv-item svg{width:23px}.about-copy h2{font-size:2rem}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* === Version 3: Kundenbereich / WB native auth === */
.account-menu{position:relative;flex-shrink:0;z-index:40}
.account-trigger{border:1px solid #bbcedf;background:#f0f5fa;border-radius:10px;color:#123d6d;min-height:45px;padding:9px 12px;display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:.86rem;font-weight:750;line-height:1.2;cursor:pointer;white-space:nowrap;max-width:230px}
.account-trigger span{overflow:hidden;text-overflow:ellipsis;max-width:126px}
.account-trigger:hover,.account-trigger[aria-expanded="true"]{background:#e1eef8;border-color:#76a2c7}
.account-panel[hidden]{display:none!important}
.account-panel{position:absolute;top:calc(100% + 12px);right:0;width:min(340px,calc(100vw - 36px));border:1px solid #d7e4ef;border-radius:15px;padding:15px;background:#fff;box-shadow:0 22px 50px rgba(15,51,83,.2);display:flex;flex-direction:column;gap:5px;color:var(--text)}
.account-panel a,.account-panel .logout-control{padding:11px 12px;border-radius:8px;display:block;color:#264b71;text-decoration:none;font-size:.88rem;font-weight:670;text-align:left;line-height:1.4}
.account-panel a:hover,.account-panel .logout-control:hover{background:#edf4fb;color:var(--blue)}
.account-panel form{margin:5px 0 0;border-top:1px solid var(--line);padding-top:6px}
.account-panel .logout-control{width:100%;border:none;background:none;cursor:pointer;font:inherit}
.account-panel-head{display:flex;gap:10px;align-items:center;padding:9px 7px 14px;border-bottom:1px solid var(--line);margin-bottom:7px;min-width:0}
.account-panel-head>span:last-child{min-width:0}.account-panel-head small,.account-panel-head strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-panel-head small{color:var(--steel);font-size:.72rem}.account-panel-head strong{color:var(--navy);font-size:.92rem}
.account-avatar{display:flex;justify-content:center;align-items:center;flex:none;width:37px;height:37px;border-radius:50%;background:#e9f3fc;color:#0958a1}
.account-panel-title{font-size:1.04rem;color:var(--navy);padding:5px 10px 0}
.account-panel p{font-size:.8rem;line-height:1.5;color:#64768a;margin:3px 10px 10px}
.account-panel a.account-action{background:var(--blue);color:#fff;text-align:center}
.account-panel a.account-action:hover{background:#07447f;color:#fff}
.member-section{background:linear-gradient(110deg,#eaf2f9,#f6f9fc)}
.member-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:55px;align-items:center}
.member-intro h2{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.13;letter-spacing:-.04em;color:var(--navy);margin:13px 0 19px}.member-intro h2 span{color:var(--blue)}
.member-intro>p{max-width:490px;color:#5b7083;font-size:1.04rem;margin-bottom:24px}
.member-points{display:flex;flex-wrap:wrap;gap:10px}.member-points span{color:#245b85;background:#dcebf6;font-size:.79rem;font-weight:700;border-radius:9px;padding:8px 12px}
.member-card{background:#fff;border-radius:23px;border:1px solid #d8e4ee;padding:32px;box-shadow:0 15px 34px rgba(15,61,107,.1)}
.member-card-eyebrow{font-size:.73rem;letter-spacing:.09em;color:#3471a3;font-weight:850;text-transform:uppercase}
.member-card h3{font-size:1.7rem;color:var(--navy);letter-spacing:-.035em;line-height:1.25;margin:11px 0}.member-card>p{color:#637689;font-size:.93rem;margin:0 0 22px;line-height:1.7}
.member-buttons{display:flex;gap:9px;flex-wrap:wrap;align-items:stretch}.member-buttons form{margin:0}.member-buttons .button{min-height:44px;padding:9px 17px;box-shadow:none}
.forgot-link{display:inline-block;color:var(--blue);font-size:.83rem;font-weight:750;margin-top:21px;text-decoration:none}.forgot-link:hover{text-decoration:underline}
.member-access-list{margin-top:22px;border-top:1px solid var(--line);padding-top:15px}.member-access-list summary{cursor:pointer;font-weight:760;color:#164b81}.member-access-list nav{margin-top:10px;max-height:350px;overflow-y:auto}.member-access-list ul{padding-left:22px;margin:0}.member-access-list li{padding:4px 0;font-size:.85rem}.member-access-list a{color:#175795;text-decoration:none}.member-access-list a:hover{text-decoration:underline}
.existing-cms-section{background:#f7fafc;padding:17px 0 30px}.existing-cms-details{border:1px solid #dfebf3;border-radius:12px;background:#fff;overflow:hidden}.existing-cms-details>summary{padding:16px 20px;color:#2d5e87;font-size:.88rem;font-weight:760;cursor:pointer}.existing-cms-body{border-top:1px solid #edf1f5;padding:22px;max-width:100%}
.account-footer{padding-top:25px;margin-top:27px;border-top:1px solid #354e69;font-size:.84rem}.account-footer strong{color:#c9dcef}.account-footer a{color:#dae8f7;margin:0 5px}.account-footer form{display:inline}.account-footer button{font:inherit;color:#dae8f7;background:none;border:0;cursor:pointer;text-decoration:underline}
.account-hero{padding:42px 0}.account-page-content{max-width:830px;background:#fff;border:1px solid #dae6ef;border-radius:20px;padding:36px;box-shadow:0 10px 32px rgba(14,56,96,.07)}
.account-page-content form{max-width:100%}.account-page-content table{display:table;max-width:100%;width:100%;table-layout:auto}.account-page-content table td{padding:8px;vertical-align:middle}.account-page-content input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.account-page-content select{max-width:100%;width:min(100%,400px);min-height:42px}.account-page-content [type=submit]{font:inherit;min-height:42px;border-radius:8px}
@media(max-width:1100px){.head-inner{gap:15px}.account-trigger{padding:9px}.account-trigger span{max-width:100px}.top-cta{font-size:.82rem;padding:8px 10px}}
@media(max-width:950px){.head-inner{gap:10px}.top-cta{display:none}.account-trigger span{max-width:128px}}
@media(max-width:800px){.account-menu{margin-left:auto}.account-panel{right:-20px}.member-layout{grid-template-columns:1fr;gap:25px}.member-section{padding:62px 0}.account-page-content{padding:26px}}
@media(max-width:520px){.head-inner{gap:7px}.account-trigger{min-height:39px;padding:8px;gap:5px;font-size:.76rem}.account-trigger span{max-width:84px}.account-trigger svg:first-child{width:16px}.account-panel{right:-49px;top:calc(100% + 14px)}.member-card{padding:24px}.member-points{gap:6px}.member-points span{font-size:.72rem}.member-intro h2{font-size:2.05rem}.account-page-content{padding:16px}.account-page-content table{display:block;overflow-x:auto}}
.preview-note{font-size:.73rem!important;color:#7a8795!important;margin:12px 0 0!important}