#dt-page{--dt-red:#e2001a;--dt-ink:#1c1e21;--dt-muted:#585d64;--dt-line:#dfe0e2;--dt-blue:#275581;color:var(--dt-ink);background:#fff;font:16px/1.6 'Public Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
#dt-page *{box-sizing:border-box}#dt-page .dt-wrap{max-width:1120px;margin:auto;padding-left:28px;padding-right:28px}
#dt-page h1,#dt-page h2,#dt-page h3,#dt-page h4{font-family:Archivo,Arial,sans-serif;line-height:1.22;letter-spacing:-.02em;font-weight:700;color:var(--dt-ink);margin:0 0 16px}
#dt-page h1{font-size:clamp(34px,4.3vw,49px);font-weight:800}#dt-page h2{font-size:clamp(25px,3vw,33px)}#dt-page h3{font-size:21px}#dt-page h4{font-size:18px}
#dt-page p{margin:0 0 14px;color:var(--dt-muted)}#dt-page a{color:var(--dt-blue);text-underline-offset:4px}#dt-page a:focus-visible{outline:2px solid var(--dt-red);outline-offset:5px}
#dt-page .dt-top{border-bottom:3px solid var(--dt-red);background:#fff;position:sticky;top:0;z-index:40}#dt-page .dt-topline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;row-gap:6px;padding-top:12px;padding-bottom:12px}
#dt-page .dt-brand{display:flex;gap:11px;align-items:center;color:var(--dt-blue);text-decoration:none;font-weight:700;font-size:1rem;white-space:nowrap}#dt-page .dt-brand b{color:var(--dt-red);font:800 23px Archivo,Arial,sans-serif}#dt-page .dt-brand small{display:block;color:var(--dt-muted);font-size:.72rem;font-weight:500;letter-spacing:.02em}
#dt-page .dt-draft{font-size:12px;color:var(--dt-muted);border:1px solid var(--dt-line);border-radius:5px;padding:3px 9px;white-space:nowrap}
#dt-page .dt-projectnav{display:flex;flex-wrap:wrap;gap:2px}#dt-page .dt-projectnav a,#dt-page .dt-projectnav span{display:block;text-decoration:none;font-size:.82rem;font-weight:700;color:var(--dt-muted);padding:8px 12px;border-radius:6px;white-space:nowrap}#dt-page .dt-projectnav a:hover{color:var(--dt-red);background:#f2f2f3}#dt-page .dt-projectnav a[aria-current]{color:var(--dt-red);background:#f2f2f3}
#dt-page .dt-subnav{background:#fff;border-bottom:1px solid var(--dt-line)}#dt-page .dt-subnav-inner{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}#dt-page .dt-subnav-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dt-muted);flex:none}#dt-page .dt-subnav-links{display:flex;gap:2px;flex-wrap:wrap}#dt-page .dt-subnav-links a{text-decoration:none;font-size:.8rem;font-weight:700;color:var(--dt-muted);padding:7px 12px;border-radius:20px;white-space:nowrap}#dt-page .dt-subnav-links a:hover{color:var(--dt-red);background:#f2f2f3}
#dt-page .dt-hero{padding-top:36px;padding-bottom:20px}#dt-page .dt-kicker{font-size:14px;letter-spacing:.085em;text-transform:uppercase;font-weight:600;color:var(--dt-red);margin-bottom:14px}
#dt-page .dt-hero-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:38px;align-items:center;margin-top:28px}#dt-page .dt-hero-grid h2{font-size:clamp(23px,2.5vw,29px);line-height:1.35}
#dt-page .dt-byline{color:var(--dt-blue);margin-top:23px}#dt-page .dt-byline small{display:block;color:var(--dt-muted);font-size:14px}
#dt-page figure{margin:0}#dt-page .dt-picture img{display:block;width:100%;height:auto;border-radius:8px}#dt-page figcaption{font-size:12px;line-height:1.5;color:var(--dt-muted);margin-top:7px}
#dt-page .dt-approach{margin-top:28px;padding-left:19px;border-left:3px solid var(--dt-red);max-width:920px}#dt-page .dt-approach p{font-size:15px;margin:0}
#dt-page .dt-jumps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}#dt-page .dt-jumps a{display:block;text-decoration:none;border:1px solid var(--dt-line);border-radius:8px;padding:19px;color:var(--dt-ink)}#dt-page .dt-jumps a:hover{border-color:var(--dt-red)}#dt-page .dt-jumps strong{display:block;font:700 18px/1.3 Archivo,Arial,sans-serif;margin:12px 0 5px}#dt-page .dt-jumps small{font-size:14px;color:var(--dt-muted)}
#dt-page .dt-icon{display:block;width:28px;height:28px;color:var(--dt-red);flex-shrink:0}#dt-page .dt-icon svg{width:100%;height:100%;stroke:currentColor}
#dt-page .dt-section{margin-top:48px;padding-top:42px;border-top:1px solid var(--dt-line);scroll-margin-top:20px}#dt-page .dt-section-intro{max-width:730px;margin-bottom:25px}
#dt-page .dt-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}#dt-page .dt-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}#dt-page .dt-card{border:1px solid var(--dt-line);border-radius:8px;padding:24px;min-width:0}
#dt-page .dt-card h3{margin-top:16px;margin-bottom:9px}#dt-page .dt-card p:last-child{margin-bottom:0}
#dt-page .dt-package{padding:25px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}#dt-page .dt-package strong{display:block;margin:12px 0 5px;font-size:16px}#dt-page .dt-package p{font-size:14px}
#dt-page .dt-band{margin-top:26px;border-top:1px solid var(--dt-line);padding-top:20px;display:flex;gap:14px;align-items:flex-start}#dt-page .dt-band p{margin:0;font-size:15px}
#dt-page .dt-aside-note{font-size:14px;margin-top:16px;max-width:780px}
#dt-page .dt-transfer{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:30px}
#dt-page .dt-route{padding:0;margin:0;list-style:none;counter-reset:route}#dt-page .dt-route li{display:grid;grid-template-columns:35px 1fr;column-gap:14px;position:relative;padding-bottom:25px;counter-increment:route}#dt-page .dt-route li:before{content:counter(route,decimal-leading-zero);font:700 20px Archivo,Arial,sans-serif;color:var(--dt-red);padding-top:2px}#dt-page .dt-route li:not(:last-child):after{content:'';position:absolute;left:12px;top:31px;bottom:7px;width:1px;background:var(--dt-line)}#dt-page .dt-route h3{font-size:19px;margin:0 0 5px}#dt-page .dt-route p{font-size:15px;margin:0}
#dt-page .dt-methods{display:flex;flex-wrap:wrap;gap:16px 38px;padding:22px 0;border-top:1px solid var(--dt-line);margin-top:20px}#dt-page .dt-methods p{margin:0;font-size:15px}#dt-page .dt-methods strong{color:var(--dt-ink)}
#dt-page .dt-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:28px 0 0}#dt-page .dt-steps li{min-width:0;border-top:1px solid var(--dt-line);padding-top:18px}#dt-page .dt-steps b{color:var(--dt-red);font:700 25px Archivo,Arial,sans-serif}#dt-page .dt-steps h3{font-size:19px;margin:12px 0 8px}#dt-page .dt-steps p{font-size:15px;margin:0}
#dt-page .dt-roles{margin-top:30px;padding:24px 0;border-top:1px solid var(--dt-line);border-bottom:1px solid var(--dt-line)}#dt-page .dt-role{display:flex;gap:15px;align-items:flex-start}#dt-page .dt-role strong{display:block;font-size:17px;margin-bottom:5px}#dt-page .dt-role p{margin:0;font-size:14px}
#dt-page ul.dt-bullets{list-style:none;padding:0;margin:12px 0 0}#dt-page .dt-bullets li{padding-left:16px;position:relative;margin:8px 0;color:var(--dt-muted)}#dt-page .dt-bullets li:before{content:'';position:absolute;left:0;top:.7em;width:5px;height:5px;background:var(--dt-red);border-radius:50%}
#dt-page .dt-case{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:35px;padding:28px 0;border-bottom:1px solid var(--dt-line);align-items:center}#dt-page .dt-case h3{margin-bottom:12px}#dt-page .dt-case .dt-bullets{font-size:15px}
#dt-page .dt-case-art{border-radius:8px;padding:23px;background:#fafafa;border:1px solid var(--dt-line)}#dt-page .dt-case-art .dt-icon{width:32px;height:32px}
#dt-page .dt-mini-route{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:20px;font-size:15px;color:var(--dt-ink)}#dt-page .dt-arrow{color:var(--dt-red)}#dt-page .dt-case-art p{font-size:14px;margin:15px 0 0}
#dt-page .dt-dependencies{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}#dt-page .dt-dependencies span{padding:9px 0;border-bottom:1px solid var(--dt-line);font-size:15px;color:var(--dt-ink)}
#dt-page .dt-checks{list-style:none;padding:0;margin:20px 0}#dt-page .dt-checks li{position:relative;padding:10px 0 10px 28px;border-bottom:1px solid var(--dt-line)}#dt-page .dt-checks li:before{content:'✓';color:var(--dt-red);font-size:20px;font-weight:600;position:absolute;left:0;top:7px}
#dt-page .dt-measures{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}#dt-page .dt-measures h3{font-size:18px;margin:0 0 8px}#dt-page .dt-measures p{font-size:15px;margin:0}#dt-page .dt-measures span{color:var(--dt-red);font-size:14px;display:block;margin-bottom:8px;font-weight:600}
#dt-page .dt-sources{font-size:14px;margin-top:40px;padding-top:28px;border-top:1px solid var(--dt-line)}#dt-page .dt-sources h2{font-size:22px}#dt-page .dt-sources ol{padding-left:20px}#dt-page .dt-sources li{margin:10px 0;color:var(--dt-muted)}#dt-page .dt-sources p{font-size:13px}
#dt-page .dt-footer{margin-top:34px;border-top:1px solid var(--dt-line);padding-top:24px;padding-bottom:34px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px;color:var(--dt-blue);font-size:14px}
@media(max-width:820px){#dt-page .dt-package{grid-template-columns:repeat(3,minmax(0,1fr))}#dt-page .dt-hero-grid{gap:24px}#dt-page .dt-transfer{gap:26px}#dt-page .dt-jumps{grid-template-columns:repeat(2,minmax(0,1fr))}#dt-page .dt-three,#dt-page .dt-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#dt-page .dt-wrap{padding-left:20px;padding-right:20px}#dt-page .dt-hero-grid,#dt-page .dt-transfer,#dt-page .dt-two,#dt-page .dt-three,#dt-page .dt-case,#dt-page .dt-measures{grid-template-columns:1fr}#dt-page .dt-hero-grid{gap:26px}#dt-page .dt-package{grid-template-columns:repeat(2,minmax(0,1fr))}#dt-page .dt-section{margin-top:36px;padding-top:30px}#dt-page .dt-case{gap:20px}#dt-page .dt-projectnav{gap:4px 18px}#dt-page .dt-projectnav a,#dt-page .dt-projectnav span{font-size:13px}#dt-page .dt-draft{font-size:12px}#dt-page .dt-roles{gap:24px}}
@media(max-width:380px){#dt-page .dt-jumps,#dt-page .dt-steps{grid-template-columns:1fr}#dt-page .dt-brand{font-size:16px;gap:10px}}
@media print{#dt-page .dt-projectnav,#dt-page .dt-jumps,#dt-page .dt-draft{display:none}#dt-page .dt-card,#dt-page .dt-case{break-inside:avoid}#dt-page .dt-section{margin-top:24px;padding-top:24px}}
/* Anpassung an die drei von Annette gelieferten Website-Screenshots. */
#dt-page .dt-brand{color:var(--dt-red);gap:12px}
#dt-page .dt-brand-mark{display:block;width:44px;height:44px;flex:0 0 44px}
#dt-page .dt-brand-mark svg{display:block;width:44px;height:44px}
#dt-page .dt-brand small{font-size:13px;color:var(--dt-muted);margin-top:2px}
#dt-page .dt-hero{background:#f2f2f3;border-bottom:3px solid var(--dt-red);padding:48px 0}
#dt-page .dt-hero-copy{max-width:840px;margin-top:20px}
#dt-page .dt-hero-copy h2{font-size:22px;color:var(--dt-red);line-height:1.4;margin-bottom:20px}
#dt-page .dt-hero-copy p{color:var(--dt-ink);max-width:780px}
#dt-page .dt-hero-copy p:last-child{margin-bottom:0}
#dt-page .dt-approach{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:start;max-width:none;background:#f2f2f3;border-left:4px solid var(--dt-red);padding:24px 28px;margin-top:28px}
#dt-page .dt-approach h2{font-size:18px;margin:2px 0 8px}
#dt-page .dt-approach p{font-size:16px;line-height:1.65;color:var(--dt-ink)}
#dt-page .dt-approach-photo img{display:block;width:100%;height:auto;border-radius:6px}
#dt-page .dt-approach-photo figcaption{font-size:12px;margin-top:7px}
#dt-page .dt-package-heading{display:grid;grid-template-columns:1.12fr 1fr;gap:36px;align-items:center}
#dt-page .dt-package-heading .dt-picture{max-width:420px;justify-self:end}
#dt-page .dt-safeguards{margin-top:28px;gap:22px}
#dt-page .dt-proof-card h3{margin-top:0;font-size:20px}
#dt-page .dt-proof-card>p{font-size:14px;margin-top:16px}
#dt-page .dt-proof-flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;margin:24px 0 0}
#dt-page .dt-proof-flow li{position:relative;text-align:center;min-width:0}
#dt-page .dt-proof-flow li:not(:last-child)::after{content:'→';position:absolute;right:-16px;top:1px;color:var(--dt-red);font-size:22px}
#dt-page .dt-proof-flow .dt-icon{margin:0 auto 10px}
#dt-page .dt-proof-flow strong{font-size:14px;display:block}
#dt-page .dt-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;border:0;padding:0;margin-top:28px}
#dt-page .dt-method-card{border:1px solid var(--dt-line);border-top:3px solid var(--dt-red);border-radius:7px;background:#fafafa;padding:23px;min-width:0}
#dt-page .dt-method-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}
#dt-page .dt-method-label{font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--dt-red);font-weight:600}
#dt-page .dt-method-card h3{font-size:21px;margin-bottom:15px}
#dt-page .dt-method-route{display:flex;flex-wrap:wrap;align-items:center;gap:9px;font-size:15px;color:var(--dt-ink);margin-bottom:16px}
#dt-page .dt-method-route span[aria-hidden]{color:var(--dt-red);font-size:21px}
#dt-page .dt-method-card p{font-size:15px}
@media(max-width:700px){#dt-page .dt-package-heading{grid-template-columns:1fr;gap:12px}#dt-page .dt-package-heading .dt-picture{max-width:420px;justify-self:center;width:100%}#dt-page .dt-approach{grid-template-columns:150px minmax(0,1fr);gap:18px;padding:22px}#dt-page .dt-approach p{font-size:15px}}
@media(max-width:540px){#dt-page .dt-hero{padding:34px 0}#dt-page .dt-hero-copy h2{font-size:20px}#dt-page .dt-approach{grid-template-columns:1fr;gap:16px;padding:20px}#dt-page .dt-approach-photo{max-width:210px}#dt-page .dt-methods{grid-template-columns:1fr}#dt-page .dt-brand small{font-size:12px}}
#dt-page .dt-six-infographic{margin:28px 0 32px;padding:25px;border:1px solid var(--dt-line);border-radius:8px;background:#fff}
#dt-page .dt-six-infographic>figcaption{font:700 20px/1.3 Archivo,Arial,sans-serif;color:var(--dt-ink);margin:0 0 24px}
#dt-page .dt-six-phase+.dt-six-phase{margin-top:26px;padding-top:22px;border-top:1px solid var(--dt-line)}
#dt-page .dt-six-phase-label{display:block;font-size:14px;font-weight:600;color:var(--dt-muted);margin-bottom:20px}
#dt-page .dt-six-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin:0;padding:0;list-style:none}
#dt-page .dt-six-row li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:11px;align-items:center;min-width:0}
#dt-page .dt-six-row li>b{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border:1.5px solid var(--dt-red);border-radius:50%;font:700 17px Archivo,Arial,sans-serif;color:var(--dt-red)}
#dt-page .dt-six-row .dt-icon{width:25px;height:25px;margin-bottom:8px}
#dt-page .dt-six-row strong{font:700 17px/1.35 Archivo,Arial,sans-serif;color:var(--dt-ink)}
#dt-page .dt-six-row li:not(:last-child)::after{content:'→';position:absolute;right:-26px;top:28px;font-size:24px;color:var(--dt-red)}
#dt-page .dt-hitl{color:var(--dt-red)}
#dt-page .dt-roles-picture{margin:36px auto 0;max-width:960px}
#dt-page .dt-roles-picture+.dt-roles{margin-top:18px}
#dt-page .dt-personal-contribution h3,#dt-page .dt-next-proof h3{font-size:18px;margin:2px 0 8px}
#dt-page .dt-personal-contribution .dt-bullets{margin-top:0;font-size:15px}
#dt-page .dt-personal-contribution .dt-bullets li{color:var(--dt-ink);margin:5px 0}
@media(max-width:700px){#dt-page .dt-six-row{grid-template-columns:1fr;gap:29px}#dt-page .dt-six-row li{grid-template-columns:36px 25px minmax(0,1fr);column-gap:15px}#dt-page .dt-six-row li>b{grid-row:auto}#dt-page .dt-six-row .dt-icon{margin:0}#dt-page .dt-six-row strong br{display:none}#dt-page .dt-six-row strong{font-size:16px}#dt-page .dt-six-row li:not(:last-child)::after{content:'↓';left:9px;right:auto;top:auto;bottom:-29px;font-size:21px}#dt-page .dt-six-infographic{padding:22px}}