/* 1.24: compact photographic phases, consistent completion and useful service introductions. */
body{font-family:Arial,Helvetica,sans-serif}
.sidebar>.brand{display:none!important}
.topbar{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;min-height:76px!important;padding:10px 18px!important}
.topbar>div:first-child{flex:1 1 270px;min-width:0}.topbar .topactions{flex:0 1 auto;min-width:0;flex-wrap:wrap}.topbrand124{display:flex!important;gap:7px;align-items:center;text-decoration:none!important;flex:0 0 auto;max-width:245px;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
.topbrand124>img{width:37px!important;height:42px!important}.topbrand124>span{font-size:14px!important;line-height:1.1!important;color:#101c31!important}.topbrand124>span>b{font-size:16px!important}.topbrand124 small{font-size:10px!important;display:block;line-height:1.4;white-space:nowrap;margin-top:4px}.topbrand124 small br{display:none}.topbrand124 .provider-wordmark119{height:12px!important;width:auto!important;max-width:92px!important;vertical-align:baseline}
body .sidebar{display:flex!important;flex-direction:column!important;padding-top:10px!important;height:100dvh!important;overflow:hidden!important}
body .sidebar .grouped-nav{min-height:0!important;overflow-y:auto!important;flex:1!important;scroll-padding:8px;overscroll-behavior:contain}
body .sidebar #wb-phases{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;flex:none;padding:0 6px 8px!important;margin:0!important;border:0!important;background:none!important}
#wb-phases button{position:relative!important;display:grid!important;grid-template-columns:28px minmax(0,1fr) 50px!important;align-items:center!important;gap:8px!important;isolation:isolate;overflow:hidden;min-height:60px!important;border:1px solid #c7d5e4!important;border-inline-start:5px solid var(--phase124)!important;border-radius:11px!important;padding:9px 10px!important;text-align:start!important;color:#111!important;box-shadow:0 3px 10px #1128480a;background:#fff!important;transition:box-shadow .15s,border .15s!important}
#wb-phases button::before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,#fffffffb 4%,#ffffffeb 55%,#ffffff4a 100%),var(--photo124);background-size:cover;background-position:center;z-index:-1}
#wb-phases button[data-phase='1']{--phase124:#d92543;--photo124:url('photos/profil.webp')}
#wb-phases button[data-phase='2']{--phase124:#d69c00;--photo124:url('photos/stelle.webp')}
#wb-phases button[data-phase='3']{--phase124:#086ecf;--photo124:url('photos/anschreiben.webp')}
#wb-phases button[data-phase='4']{--phase124:#078453;--photo124:url('photos/verlauf.webp')}
#wb-phases button>i{grid-column:1;font-style:normal;display:grid;place-items:center;border-radius:8px;border:1px solid var(--phase124);width:28px;height:28px;background:#ffffffed!important;color:#111!important;font-size:15px!important}
#wb-phases button>b{grid-column:2;font-size:15px!important;line-height:1.22!important;min-width:0;color:#111!important}
#wb-phases .phase-percent123{grid-column:3!important;grid-row:1!important;font-size:17px!important;font-weight:800!important;color:#111!important;justify-self:end;background:#fffffff0;padding:3px 4px;border-radius:5px;margin:0!important;white-space:nowrap}
#wb-phases button.active{outline:2px solid var(--phase124)!important;outline-offset:0;box-shadow:0 4px 10px #12365915!important}#wb-phases button:hover{box-shadow:0 5px 14px #12365922!important;transform:none!important}#wb-phases button:hover b{font-weight:900!important}
.sidebar .navsearch{margin:3px 6px 8px!important}.grouped-nav [data-view]{display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important;column-gap:7px!important;align-items:center!important}
.grouped-nav [data-view]>span:not(.navsymbol118):not(.nav-progress123){grid-column:2;min-width:0}.nav-progress123{grid-column:3!important;grid-row:1!important;width:62px!important;min-width:62px!important;display:flex!important;flex-direction:column-reverse!important;align-items:flex-end!important;gap:5px!important;margin:0!important;padding:0!important;justify-self:end!important}
.nav-progress123 b{font-size:17px!important;font-weight:800!important;line-height:1.1!important;font-variant-numeric:tabular-nums;color:#111!important;white-space:nowrap!important}.nav-progress-track123{width:58px!important;height:6px!important;background:#ddd!important;border-radius:5px}.nav-progress123.done b{color:#07632f!important}
#profile-percent118{font-size:27px!important;font-weight:800!important;color:#111!important}.service-info122{display:grid!important;grid-template-columns:28px minmax(0,1fr) minmax(120px,22%)!important;align-items:center!important;gap:16px!important;padding:15px 18px!important;min-height:0!important;margin:0 0 18px!important;border:1px solid #c5dcf0!important;border-left:4px solid #197cce!important;border-radius:12px!important;background:linear-gradient(115deg,#edf7ff,#fff)!important}.service-info122 p{margin:0!important;font-size:15px!important;line-height:1.55!important;color:#111!important;max-width:110ch}.service-info122 .info-symbol122{align-self:start;margin-top:2px}.service-visual124{margin:0;min-width:0}.service-visual124 img{display:block;width:100%;height:106px;object-fit:cover;border-radius:10px;box-shadow:0 4px 16px #12335416}.service-info122:not(:has(.service-visual124)){grid-template-columns:28px minmax(0,1fr)!important}
.dashboard-actions124{margin:0 0 16px!important}.service-page123>.pagehead{margin-top:0!important;margin-bottom:10px!important}.service-page123 .dashboardhero,.service-page123>.hero:has(.orbit){display:none!important}
.trial-strip124{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:9px 14px;border:1px solid #b7d9c8;background:#edf9f2;border-radius:10px;margin:0 0 14px;color:#111;font:14px/1.4 Arial,Helvetica,sans-serif}.trial-strip124 b{font-size:16px}.trial-strip124 .timer124{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;color:#064b34}.trial-strip124 .trial-copy124{flex:1;min-width:190px}.trial-strip124 button{padding:7px 12px!important;min-height:34px!important;font-size:14px!important}.trial-strip124.expired{border-color:#dfb5bd;background:#fff1f3}.trial-strip124 small{display:block;color:#111;font-size:12px;line-height:1.5}
.trial-card124{padding:20px;border:1px solid #b8d6e9;border-radius:14px;background:linear-gradient(120deg,#eff8ff,#fff);margin-bottom:18px}.trial-card124 h2{margin:0 0 8px}.trial-card124 p{max-width:100ch}.trial-card124 .timer124{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}
.payment-methods124{margin:18px 0;border:0;padding:0;min-width:0}.payment-methods124 legend{font-weight:700;margin-bottom:9px}.pay-choice124{display:grid!important;grid-template-columns:20px 37px minmax(0,1fr);gap:10px!important;align-items:center!important;padding:12px!important;border:1px solid #c7d8ea;border-radius:10px;margin:8px 0;background:#fff;color:#111!important;font-size:15px!important}.pay-choice124 input{width:17px!important;margin:0!important}.pay-choice124 strong{display:block}.pay-choice124 small{display:block;font-size:12px!important;line-height:1.45!important;color:#111!important}.pay-choice124 .pay-symbol124{font-size:20px;display:grid;place-items:center;border:1px solid #d9e5ef;border-radius:7px;height:34px;letter-spacing:-1px;font-weight:800;background:#f5faff}.pay-choice124.unavailable124{background:#f5f6f8;border-style:dashed}.pay-choice124:has(input:checked){border-color:#0876d5;box-shadow:inset 3px 0 #0876d5}
.trial-public124{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px;border:1px solid #bfd7ee;border-radius:13px;background:#f4faff;margin-top:18px}.trial-public124 b{display:block;font-size:16px;margin-bottom:5px}.trial-public124 p{font-size:14px!important;line-height:1.5!important;margin:0!important}.trial-public124 span{color:#0866ae;font-weight:800}
@media(max-width:1250px){.topbrand124{max-width:210px}.topbrand124>span>b{font-size:14px!important}.topbar{gap:7px!important}.topbar .topactions{gap:5px!important}#wb-phases button{min-height:56px!important}.service-info122{grid-template-columns:24px minmax(0,1fr) 110px!important;gap:12px!important}.service-visual124 img{height:95px}.service-info122 p{font-size:14px!important}}
@media(max-width:850px){.topbrand124{max-width:190px}.service-info122{grid-template-columns:23px minmax(0,1fr) 85px!important}.service-visual124 img{height:82px}.topbar .topactions{flex:1 1 100%;justify-content:space-between}.topbar>div:first-child{flex:1 1 210px}.nav-progress123{width:53px!important;min-width:53px!important}.nav-progress123 b{font-size:16px!important}}
@media(max-width:700px){body .sidebar{height:auto!important;max-height:46dvh;position:relative!important}.sidebar #wb-phases{grid-template-columns:1fr 1fr!important;padding:6px!important;gap:6px!important}#wb-phases button{grid-template-columns:22px minmax(0,1fr)!important;min-height:65px!important;padding:6px!important;gap:5px!important}#wb-phases button>b{font-size:12px!important}#wb-phases button>i{width:22px;height:22px;font-size:12px!important}#wb-phases .phase-percent123{grid-column:2!important;grid-row:2!important;justify-self:start;font-size:14px!important}.sidebar .grouped-nav{max-height:25dvh!important}.topbar .topbrand124{order:-1;margin-inline-start:auto}.service-info122{grid-template-columns:22px minmax(0,1fr)!important;padding:12px!important}.service-visual124{display:none}.service-info122 p{font-size:14px!important}.trial-public124{grid-template-columns:1fr}.trial-strip124{gap:6px}.trial-strip124 .trial-copy124{min-width:180px}.topbar{padding:8px 10px!important}.trial-card124{padding:14px}}
@media(prefers-reduced-motion:reduce){#wb-phases button{transition:none!important}}

.public-trial-section124{padding:22px clamp(20px,3vw,48px);margin:0;border-bottom:1px solid #d3e4f4;background:linear-gradient(120deg,#fff,#f1f8ff)}.public-trial-section124 h3{margin:0 0 10px;font-size:24px;color:#101c31}.public-trial-section124 .fineprint{font-size:14px;color:#111;margin:12px 0 0}.public-trial-section124 .trial-public124{margin:0;padding:0;border:0;background:none}.public-trial-section124 .trial-public124>div{padding:16px;border-radius:12px;background:white;border:1px solid #cadff1}
/* Override historic selectors without squeezing navigation text or adding a logo-only row. */
header.topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto;gap:6px 12px!important;min-height:0!important;padding:8px 18px!important}
header.topbar>div:first-child{grid-column:1;grid-row:1;width:auto!important;min-width:0;flex-wrap:nowrap!important;white-space:nowrap;overflow:hidden;font-size:12px}
header.topbar>.topbrand124{grid-column:2;grid-row:1;margin:0!important;min-height:0!important;height:47px!important;max-width:245px;padding:0!important}
header.topbar>.topactions{grid-column:1/-1;grid-row:2;width:100%!important;display:flex;align-items:center;justify-content:flex-end!important;gap:7px!important;margin:0!important}
header.topbar .display-control119>span{display:none}header.topbar .display-control119{margin:0!important}header.topbar .language-menu123>span{display:none}
.sidebar nav.grouped-nav button[data-view]{display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;gap:8px!important;padding:10px 8px!important}
.sidebar nav.grouped-nav button[data-view]>.navsymbol118{flex:0 0 20px!important;width:20px!important;min-width:20px!important}
.sidebar nav.grouped-nav button[data-view]>span:not(.navsymbol118):not(.nav-progress123){flex:1 1 0!important;width:auto!important;min-width:0!important;word-break:normal!important;overflow-wrap:break-word!important}
.sidebar nav.grouped-nav button[data-view]>.nav-progress123{flex:0 0 62px!important;min-width:62px!important;width:62px!important;display:flex!important}
.sidebar nav.grouped-nav button[data-view]>.nav-progress123>b{font-size:17px!important}
.sidebar #wb-phases button{display:grid!important;min-height:62px!important;border-inline-start:5px solid var(--phase124)!important;background:#fff!important;outline:0!important;box-shadow:0 3px 10px #1128480a!important}
.sidebar #wb-phases button::before{display:block!important;background-image:linear-gradient(90deg,#fffffffa 0%,#ffffffdf 48%,#ffffff38 100%),var(--photo124)!important;opacity:1!important;mix-blend-mode:normal!important;inset:0!important}
.sidebar #wb-phases button>.phase-percent123{font-size:17px!important;margin:0!important;justify-self:end;grid-column:3!important}
.sidebar #wb-phases button.active{outline:2px solid var(--phase124)!important;outline-offset:-1px;border-color:var(--phase124)!important}
@media(max-width:850px){header.topbar{padding:8px 12px!important}.topbrand124{max-width:205px!important}header.topbar>.topactions{justify-content:flex-start!important;flex-wrap:wrap!important}header.topbar>div:first-child{font-size:0}header.topbar #breadcrumb{display:none!important}header.topbar .history118{margin-inline-start:3px}.sidebar nav.grouped-nav button[data-view]>.nav-progress123{width:55px!important;min-width:55px!important;flex-basis:55px!important}}
@media(max-width:700px){header.topbar{gap:5px!important}header.topbar>.topbrand124{max-width:178px!important;height:42px!important}.topbrand124>img{width:25px!important;height:33px!important}.topbrand124>span,.topbrand124>span>b{font-size:12px!important}.topbrand124 small{font-size:8px!important}.topbrand124 .provider-wordmark119{max-width:70px!important;height:9px!important}header.topbar .history118{display:none!important}header.topbar .profilebtn118{display:none!important}.sidebar #wb-phases button{min-height:62px!important}.sidebar #wb-phases button>.phase-percent123{grid-column:2!important;grid-row:2!important;font-size:14px!important}}
.sidebar nav.grouped-nav button[data-view]{box-sizing:border-box!important;margin:2px 0!important;max-width:100%!important}
.sidebar nav.grouped-nav button[data-view]>.nav-progress123{margin-inline-end:3px!important}
@media(max-width:700px){body .sidebar:not(.open118) #wb-phases{display:none!important}body .sidebar.open118 #wb-phases{display:grid!important}}
header.topbar>.topbrand124{width:270px!important;max-width:270px!important}header.topbar>.topbrand124>span{min-width:0!important;flex:1 1 0!important;width:0;white-space:normal!important}header.topbar>.topbrand124 small{white-space:normal!important;font-size:10px!important;line-height:1.3!important;padding:0!important;margin-left:0!important}.topbrand124 .provider-wordmark119{display:inline-block!important}
@media(max-width:850px){header.topbar>.topbrand124{width:220px!important;max-width:220px!important}.topbrand124>span>b{font-size:13px!important}.topbrand124 small{font-size:9px!important}}
@media(max-width:700px){header.topbar>.topbrand124{width:186px!important;max-width:186px!important}.topbrand124>span>b{font-size:12px!important}header.topbar>.topbrand124 small{font-size:8px!important}}