.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.icon{display:inline-block;width:1.15em;height:1.15em;flex:none;vertical-align:-.18em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.button>.icon,.nav-cta>.icon,.text-link>.icon{width:1.1em;height:1.1em}
a,button{touch-action:manipulation}
button:focus-visible,a:focus-visible{outline:3px solid #2389bf;outline-offset:4px}
.menu-toggle{min-width:48px;min-height:48px}
.nav-cta{min-height:44px}
.preview-bar{font-size:11px;letter-spacing:.09em}
.eyebrow{font-size:11px}
.path-index,.portal-index{font-size:10px}
.image-pill{font-size:9px}
.brand-label{font-size:10px}
.feature-list li{font-size:12px}
.path-content>small,.choice-result small{font-size:11px}
.choice{min-height:54px;font-size:13px}
.choice-result .result-kicker{font-size:10px}
.choice-result>p:not(.result-kicker){font-size:13px}
.button{font-size:13px;min-height:48px}
.footer-bottom{font-size:10px}
.footer-bottom>div{gap:12px 18px}
.footer-bottom a,.footer-button{font-size:11px;min-height:44px;display:inline-flex;align-items:center}
.image-credit{font-size:10px}
.round-arrow{font-size:inherit}
.brand-seal>b{display:flex;align-items:center;justify-content:center;width:61px;height:61px;margin:2px 0}
.brand-seal>b>img{width:58px;height:58px;object-fit:contain}
.digital-note{margin-top:24px;padding:18px 18px 16px;border-left:3px solid var(--blue);background:#eef6fb}
.digital-kicker{font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.1em;color:#155575}
.digital-note h4{margin:8px 0 7px;font-family:var(--display);font-size:18px;line-height:1.25;letter-spacing:-.03em}
.digital-note>p:not(.digital-kicker){font-size:12px;line-height:1.7;color:#4d5d64}
.digital-note .text-link{width:100%;margin-top:12px;padding-bottom:4px;color:#075786;font-size:12px}
.digital-note .digital-caveat{margin-top:11px;font-size:11px}
.portal-section{padding:94px 0 84px;background:#111310;color:var(--paper)}
.portal-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:38px;margin-bottom:38px}
.portal-heading .eyebrow{color:#a5ad98;margin-bottom:17px}
.portal-heading h2{font-size:clamp(38px,4.3vw,64px)}
.portal-heading>p{max-width:350px;color:#a9b09f;font-size:14px;line-height:1.8;margin-bottom:5px}
.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.portal-card{position:relative;display:flex;min-height:190px;flex-direction:column;gap:12px;padding:24px 52px 24px 24px;border:1px solid #40443a;border-radius:4px;background:#171a15;transition:border-color .2s,transform .2s}
.portal-card:hover{border-color:var(--gold);transform:translateY(-2px)}
.portal-card:focus-visible{outline-color:var(--gold)}
.portal-card .portal-index{color:var(--gold);letter-spacing:.11em;font-weight:700}
.portal-card strong{font-family:var(--display);font-size:20px;line-height:1.3;letter-spacing:-.03em}
.portal-card>span:not(.portal-index){color:#b5bdab;font-size:13px;line-height:1.65}
.portal-card>.icon{position:absolute;right:20px;top:22px;color:var(--gold);font-size:20px}
.portal-help{margin-top:24px;color:#a9b09f;font-size:12px}
.portal-help a{display:inline-flex;align-items:center;gap:5px;margin-left:6px;color:var(--gold);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.noscript-footer{max-width:1280px;margin:0 auto 8px;padding:0 20px;color:#c7cabb;font-size:12px}
.no-script-note{line-height:1.8}
.no-script-note a{text-decoration:underline;text-underline-offset:3px}
.dialog-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%}
dialog{overscroll-behavior:contain}
dialog .icon{width:22px;height:22px}
.legal-page{min-height:100vh;background:var(--paper);color:#171913}
.legal-top{background:#111310;color:var(--paper)}
.legal-top .site-header{width:min(1280px,calc(100% - 48px))}
.legal-main{width:min(900px,calc(100% - 40px));margin:0 auto;padding:54px 0 84px}
.legal-kicker{color:#6e765f;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.legal-main h1{margin:14px 0 18px;font-size:clamp(38px,6vw,60px)}
.legal-main h2{margin:34px 0 12px;font-size:26px;letter-spacing:-.035em}
.legal-main h3{margin:20px 0 6px;font-size:18px;letter-spacing:-.02em}
.legal-main p,.legal-main li{max-width:75ch;color:#3f443a;font-size:15px;line-height:1.8}
.legal-main p+p{margin-top:13px}
.legal-main ul{padding-left:22px}
.legal-main a{color:#075786;text-decoration:underline;text-underline-offset:3px}
.legal-status{margin:24px 0;padding:17px 20px;border-left:4px solid #b78d27;background:#fff8e6;color:#453915;font-size:14px;line-height:1.7}
.legal-address{font-style:normal;line-height:1.8}
.legal-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}
.legal-actions a{display:inline-flex;align-items:center;min-height:46px;padding:9px 15px;border:1px solid #c5cbbd;border-radius:3px;color:#161913;text-decoration:none}
.legal-actions a:hover{border-color:#75845a;background:#f8faef}
.legal-footer{padding:22px 20px;background:#111310;color:#b1b9a6;text-align:center;font-size:12px}
.legal-footer a{color:#f3d17a;text-decoration:underline;text-underline-offset:3px}
.error-main{width:min(760px,calc(100% - 40px));margin:0 auto;padding:100px 0}
.error-main h1{font-size:clamp(40px,7vw,70px);margin:20px 0}
.error-main p{max-width:60ch;color:#b7beab}
@media(max-width:800px){
  .js .menu-toggle{display:flex}
  .js #navigation{display:none;position:absolute;top:79px;left:-20px;right:-20px;z-index:20;background:#171a14;padding:20px;border-bottom:1px solid #4d553c}
  .js #navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:12px}
  .js #navigation>a{min-height:48px;display:flex;align-items:center}
  .js #navigation .nav-cta{justify-content:space-between}
  .no-js .site-header{height:auto;min-height:72px;flex-wrap:wrap;padding:14px 0}
  .no-js .menu-toggle{display:none}
  .no-js #navigation{display:flex;position:static;width:100%;flex-direction:column;align-items:stretch;gap:8px;margin-top:12px;padding:0;border:0;background:transparent}
  .no-js #navigation>a{min-height:44px;display:flex;align-items:center}
  .portal-heading{align-items:flex-start;flex-direction:column;gap:18px}
  .portal-heading>p{max-width:600px}
  .portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portal-card{min-height:176px}
}
@media(max-width:540px){
  .wrapper,.site-header{width:calc(100% - 32px)}
  .site-header{height:72px}
  .js #navigation{top:71px;left:-16px;right:-16px}
  .hero-actions{flex-wrap:wrap}
  .hero-actions .button{flex:1 1 140px;justify-content:space-between}
  .portal-section{padding:64px 0 58px}
  .portal-heading{margin-bottom:25px}
  .portal-grid{grid-template-columns:1fr;gap:11px}
  .portal-card{min-height:140px;padding:20px 50px 20px 20px}
  .portal-card strong{font-size:19px}
  .portal-help a{margin-left:0}
  .digital-note{padding:15px}
  .legal-top .site-header{width:calc(100% - 32px)}
  .legal-main{padding:40px 0 64px}
}
@media(max-width:360px){
  .wrapper,.site-header{width:calc(100% - 28px)}
  .hero-actions .button{flex-basis:100%;max-width:100%}
  .choice-group{padding-inline:14px}
  .choice{font-size:12px}
  .path-content{padding-inline:20px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{transition:none!important;animation:none!important}
}
.section-intro .eyebrow{color:#62695b}
.finder-grid .eyebrow,.finder-intro{color:#5d6554}
.path-content>small,.choice-result small{color:#59634a}
.choice{color:#62685a}
.choice-result .result-kicker{color:#53643d}
.choice-result>p:not(.result-kicker){color:#59634a}
.path-index{padding:6px 9px;border-radius:2px;background:#111310d9}
.wordmark{display:inline-flex;align-items:center;min-height:44px}
nav>a:not(.nav-cta){display:flex;align-items:center;min-height:44px}
.text-link,.hero-bottom a,.back-to-top,.portal-help a{min-height:44px}
@media(max-width:360px){.hero h1{font-size:clamp(43px,13.5vw,46px)}}
@media(max-width:540px){.legal-main h1{font-size:clamp(32px,9vw,36px);overflow-wrap:anywhere}}
.error-main .legal-actions a{color:var(--paper);border-color:#747c69}
.error-main .legal-actions a:hover{background:#252920;border-color:var(--gold)}
.error-main .legal-actions a:focus-visible{outline-color:var(--gold)}
.legal-main a[href^="mailto:"],.legal-footer a{display:inline-flex;align-items:center;min-height:44px}

/* Drei gleichwertige Wege im bestehenden EMS-/Dienstleistungsdesign. */
.path-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.path-card{display:flex;flex-direction:column}
.path-image{height:220px}
.path-content{display:flex;flex:1;flex-direction:column;padding:30px 24px 27px}
.path-content h3{font-size:clamp(27px,2.5vw,34px)}
.path-content>p:not(.brand-label){min-height:0}
.path-content>.button{margin-top:auto}
.path-content>small a{color:#075786;text-decoration:underline;text-underline-offset:3px}
.status-dot.gold{background:var(--gold)}
.button-gold{background:var(--gold);color:var(--ink)}
.button-gold:hover{background:#e8c96b}
.apps-image{overflow:hidden;background:radial-gradient(circle at 72% 35%,#30362a 0,#1a1d17 46%,#111310 100%)}
.apps-image:after{background:linear-gradient(180deg,#0002,transparent 48%,#0008)}
.apps-interface{position:absolute;left:13%;top:21%;width:68%;height:59%;padding:18px 17px;border:1px solid #d9b55288;border-radius:5px;background:linear-gradient(145deg,#20251c,#111310);box-shadow:12px 14px 0 #d9b55218;transform:rotate(-4deg)}
.apps-interface-title{display:block;margin-bottom:19px;color:#f4f3ed;font-family:var(--display);font-size:clamp(11px,1.05vw,15px);font-weight:600;letter-spacing:-.02em}
.apps-interface-line{display:block;width:54%;height:5px;margin-top:9px;border-radius:4px;background:#ffffff30}
.apps-interface-line-wide{width:82%;background:#d9b552a6}
.apps-interface-points{display:flex;gap:7px;margin-top:19px}
.apps-interface-points i{display:block;width:27%;height:28px;border:1px solid #ffffff25;border-radius:3px;background:#ffffff0a}
.apps-interface-points i:first-child{border-color:#d9b5527a;background:#d9b55218}
.apps-interface-tag{display:inline-block;margin-top:13px;color:#d9b552;font-size:9px;font-weight:700;letter-spacing:.14em}
.apps-logo{background:#111310;border-color:#fff}
.apps-status{margin:18px 0 16px;padding:13px 15px;border-left:3px solid var(--gold);background:#f6f1e5}
.apps-status-label{color:#62512b;font-size:10px;font-weight:700;letter-spacing:.1em}
.apps-domain{margin-top:3px;color:#171913;font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:-.03em}
.apps-status-copy{margin-top:2px;color:#535448;font-size:12px;line-height:1.55}
.apps-card .path-content>.button{margin-top:auto}
.apps-practice{width:auto;max-width:100%;align-self:flex-start;margin-top:8px;color:#075786;font-size:12px}
.apps-card .path-content>small{display:block;margin-top:13px;line-height:1.6}
.choice-result[data-tone="gold"]{background:#f4ecd7}
.choice-result[data-tone="gold"] .result-kicker{color:#62512b}
.choice-result[data-tone="gold"]>p:not(.result-kicker){color:#554e3f}
@media(max-width:1100px){
  .path-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .path-image{height:250px}
  .path-content{padding:30px 25px 27px}
  .path-content h3{font-size:32px}
}
@media(max-width:800px){
  .path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .path-image{height:220px}
  .path-content{padding:28px 21px 24px}
  .path-content h3{font-size:29px}
  .apps-interface{padding:14px 12px}
  .apps-interface-title{margin-bottom:14px}
}
@media(max-width:540px){
  .path-grid{grid-template-columns:1fr;gap:22px}
  .path-image{height:250px}
  .path-content{padding:32px 25px 26px}
  .path-content h3{font-size:35px}
  .apps-interface{left:14%;top:19%;width:66%;height:62%;padding:18px 17px}
  .apps-interface-title{margin-bottom:19px;font-size:15px}
}