/* Isolated concept: shared brand tokens, new page composition. */
@font-face{font-family:Lexend;src:url('../fonts/lexend-latin-var.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Source Sans 3';src:url('../fonts/source-sans-3-latin-var.woff2') format('woff2');font-weight:200 900;font-display:swap}
html{scroll-behavior:auto}
body.emil{--ease-out:cubic-bezier(.23,1,.32,1);--ease-travel:cubic-bezier(.77,0,.175,1);--ease-limb:cubic-bezier(.45,0,.55,1);--section-space:112px;background:var(--surface);font-size:18px}
.emil .container{max-width:1088px;width:calc(100% - 80px);padding:0;margin-inline:auto}
/* Hier standen fuenf Regeln, die Kopfzeile dieser einen Seite umzufaerben:
   Schatten weg, Hintergrund anders, Menueschrift 13px, nav-hint versteckt,
   header-inner 92px hoch. Deshalb sah das Menue hier anders aus als ueberall
   sonst. Seitenlokales CSS faerbt die Seitenchrome nicht um — die Kopfzeile
   gehoert allen Seiten gemeinsam und wird von scripts/build_site_header.py
   erzeugt. Der Rest der .emil-Typografie im Seiteninhalt bleibt (D-62). */
.emil #main>section{padding-block:var(--section-space)}
.emil #main h2{font-size:clamp(32px,3.4vw,46px);line-height:1.14;letter-spacing:-.045em;font-weight:500;margin:0 0 24px;color:var(--accent-title)}
.emil #main h3{font-size:21px;line-height:1.35;font-weight:500}
.emil #main h2{hyphens:auto;overflow-wrap:break-word}
.emil #main p{line-height:1.6;text-wrap:pretty}
.emil .eyebrow{font-family:var(--font-head);font-size:13px;letter-spacing:.14em;color:var(--accent-ink);font-weight:500;margin:0 0 26px}
.emil .btn{border-radius:6px;min-height:56px;padding:14px 22px;font-size:14px;font-weight:500;box-shadow:none;gap:20px}
.emil .btn-primary{background:var(--accent);color:var(--accent-on);border-color:transparent}
.emil .btn:focus-visible{transform:none}
.emil :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus-ring);outline-offset:5px}
.emil .text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;color:var(--accent-line);font-weight:600;text-underline-offset:5px}
.emil #main>.emil-hero{padding:80px 0 64px;text-align:center}
.emil .emil-hero .eyebrow{margin-inline:auto;max-width:none}
.emil #hero-title{font-size:clamp(52px,6.1vw,84px);line-height:1.06;letter-spacing:-.06em;font-weight:500;max-width:none;margin:0 0 24px;color:var(--navy-deep)}
.emil .hero-lead{font-size:22px;line-height:1.5!important;margin:0 auto 28px;color:var(--charcoal-soft)}
.emil .hero-lead span{display:block;color:var(--accent-ink)}

/* ---- Hero scene ------------------------------------------------------------
   One clock drives everything: translation-emil-scene.js sets data-phase on the
   stage, the rules below are transitions off that attribute, and the character's
   own loops share the same 6600 ms period so gesture and document stay in step. */
.emil-story{margin:40px 0 0;position:relative;min-width:0}
.emil-story .guide-stage{padding:0;position:relative;min-width:0}
.emil-story .guide-hero-art{display:block;width:100%;height:auto;margin:0;overflow:visible}
.emil-story .guide-hero-art text{font-family:'Source Sans 3',system-ui,sans-serif}
/* The two sheets lie on the desk at an angle and drift very slightly, on the same
   6600 ms clock as everything else. The tilt lives on the outer group so the inner one
   keeps its transform free for the enter and exit of each example. */
.mw-paper{transform-box:fill-box;transform-origin:50% 50%}
.mw-paper-source{animation:mw-float-source 6600ms var(--ease-limb) infinite}
.mw-paper-target{animation:mw-float-target 6600ms var(--ease-limb) infinite}
@keyframes mw-float-source{0%,100%{transform:rotate(-6deg) translateY(0)}20%{transform:rotate(-5deg) translateY(-5px)}52%{transform:rotate(-6.8deg) translateY(3px)}76%{transform:rotate(-5.6deg) translateY(-2px)}}
@keyframes mw-float-target{0%,100%{transform:rotate(4.5deg) translateY(0)}24%{transform:rotate(3.6deg) translateY(3px)}56%{transform:rotate(5.4deg) translateY(-4px)}80%{transform:rotate(4deg) translateY(2px)}}
.mw-source,.mw-target{opacity:1;transform:none;transition:opacity 400ms var(--ease-out),transform 400ms var(--ease-out)}
[data-phase=exit] .mw-source,[data-phase=exit] .mw-target{opacity:0;transform:translateY(-8px);transition-duration:300ms}
.mw-result{opacity:0;transform:translateY(6px);transition:opacity 360ms var(--ease-out),transform 360ms var(--ease-out)}
[data-phase=result] .mw-result,[data-phase=exit] .mw-result{opacity:1;transform:none}
.mw-seal{opacity:0;transform:scale(.9);transform-box:fill-box;transform-origin:50% 50%;transition:opacity 320ms var(--ease-out) 120ms,transform 320ms var(--ease-out) 120ms}
[data-phase=result] .mw-seal,[data-phase=exit] .mw-seal{opacity:1;transform:scale(1)}
.mw-working,.mw-packet{opacity:0;transition:opacity 200ms ease}
[data-phase=working] .mw-working,[data-phase=working] .mw-packet{opacity:1}
/* Offscreen pause is scoped to the figure that is offscreen. `guide-motion-off` on
   <body> would pause the whole page, which is how the FAQ character stopped moving
   the moment the hero scrolled away. */
.guide-stage[data-motion=off] *,.emil-faq-figure[data-motion=off] *{animation-play-state:paused!important}
.mw-route{stroke-dashoffset:0;animation:mw-flow 1.6s linear infinite;animation-play-state:paused}
[data-phase=working] .mw-route{animation-play-state:running}
.mw-route,.mw-route-tip{opacity:.55;transition:opacity 260ms ease}
[data-phase=working] .mw-route,[data-phase=working] .mw-route-tip{opacity:1}
@keyframes mw-flow{to{stroke-dashoffset:-32}}
/* The figure: a double blink on its own rhythm, one greeting per document, then rest.
   Both poses are inlined into the page, not referenced through <use>, so these rules
   reach the elements that are actually drawn and can be scoped to their own section.
   Drawn through <use>, none of this repaints — see the pixel proof in the QA gate. */
.emil .guide-eyes{transform-origin:138.5px 121px;animation:mw-blink 5400ms infinite}
@keyframes mw-blink{0%,40%,100%{transform:scaleY(1)}42%{transform:scaleY(.08)}44%{transform:scaleY(1)}47%{transform:scaleY(.08)}49.5%{transform:scaleY(1)}}
.emil-story .guide-hand{transform-origin:206px 226px;animation:mw-wave 6600ms var(--ease-limb) infinite}
@keyframes mw-wave{0%,3%{transform:rotate(0)}7%{transform:rotate(-13deg)}11%{transform:rotate(6deg)}15%{transform:rotate(-10deg)}20%,100%{transform:rotate(0)}}
/* The pointing arm was measured at a 2.7 degree peak, which moved the hand about 3px
   and read as no motion at all. Nine degrees is still a small gesture and is visible. */
.emil-faq-figure .guide-faq-arm{transform-origin:214px 236px;animation:mw-point 5200ms var(--ease-limb) infinite}
@keyframes mw-point{0%,8%{transform:rotate(0)}18%{transform:rotate(-9deg)}26%{transform:rotate(-5.5deg)}34%{transform:rotate(-8deg)}46%,100%{transform:rotate(0)}}

.section-intro{max-width:660px;margin-bottom:48px}
.section-intro>p:last-child{max-width:53ch;color:var(--charcoal-soft);margin-bottom:0}
.centered{text-align:center;margin-inline:auto}
.centered>p:last-child{margin-inline:auto}
.emil #main>.emil-documents{background:var(--surface-sunken)}
.emil-documents .container{display:grid;grid-template-columns:.9fr 1.3fr;column-gap:84px;align-items:start}
/* Eleven examples read as one compact index, not eleven cards. */
.emil-doc-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;list-style:none;padding:0;margin:0;border-top:1px solid var(--border-strong)}
.emil-doc-flow button{display:block;width:100%;min-height:56px;background:none;border:0;border-bottom:1px solid var(--border);text-align:left;font:500 15px/1.4 var(--font-head);color:var(--navy);padding:14px 0;cursor:pointer;hyphens:auto;overflow-wrap:break-word;transition:color 160ms ease}
.emil-doc-flow [aria-pressed=true]{color:var(--accent-ink)}
.emil-doc-flow [aria-pressed=true]::after{content:' ✓'}
.section-note{font-size:17px;color:var(--charcoal-soft);max-width:75ch;margin:32px 0 0}
.emil-documents .section-note{grid-column:2}
.language-bridge{display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;max-width:830px;margin:40px auto 36px;gap:24px}
.language-bridge ul{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;margin:0;gap:15px 24px;font-size:21px;color:var(--navy)}
.language-bridge>strong{font:500 62px/1.2 var(--font-head);letter-spacing:-.05em;color:var(--navy)}
.bridge-arrow{font-size:50px;color:var(--accent-line);text-align:center}
.emil-languages{text-align:center}
.language-bridge ul{text-align:left}
.language-note{max-width:72ch;font-size:17px;color:var(--charcoal-soft);margin:0 auto 16px}
.emil #main>.emil-certification{background:var(--surface-sunken)}
.certification-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:84px;align-items:center}
.certification-visual{min-width:0}
.mw-certificate{display:block;width:100%;max-width:400px;height:auto;margin-inline:auto;overflow:visible}
.mw-cert-front rect,.mw-stamp>circle:first-child{filter:drop-shadow(0 10px 22px rgba(0,34,68,.07))}
.mw-certificate text{font-family:var(--font-head),system-ui,sans-serif}
.translation-certification-copy>p{font-size:18px;max-width:62ch}
/* Dokument → Übersetzung → Bestätigung: three words, no cards. */
.cert-flow{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;list-style:none;padding:28px 0 0;margin:30px 0 26px;border-top:1px solid var(--border)}
.cert-flow li{font:500 21px/1.3 var(--font-head);letter-spacing:-.02em;color:var(--navy);display:flex;align-items:center;gap:14px 20px}
.cert-flow li+li::before{content:'→';color:var(--accent-line);font-weight:400}
.cert-flow li:last-child{color:var(--accent-ink)}
.cert-aside{font-size:16px;color:var(--charcoal-soft);margin:0}
.emil details{border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:0;margin:0}
.emil summary{cursor:pointer;min-height:56px;font-size:17px;line-height:1.5;padding:16px 28px 16px 0;color:var(--navy);font-weight:500;position:relative;list-style:none}
.emil summary::-webkit-details-marker{display:none}
.emil summary::after{content:'+';position:absolute;right:2px;top:14px;font:24px var(--font-body)}
.emil details[open]>summary::after{content:'−'}
.emil details p{font-size:17px;margin:0 0 22px}
.cost-steps{list-style:none;padding:0;margin:0 0 36px;border-top:1px solid var(--border-strong)}
.cost-steps li{display:flex;align-items:baseline;gap:24px;min-height:68px;padding:18px 0;border-bottom:1px solid var(--border);font:400 clamp(21px,2.1vw,27px)/1.3 var(--font-head);letter-spacing:-.03em;color:var(--navy)}
.cost-steps .step-number{margin:0;font-size:16px;flex-shrink:0}
.cost-note{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:52px 0 0;border-top:1px solid var(--border);padding-top:28px}
.cost-note p{font-size:17px;color:var(--charcoal-soft);margin:0}
.emil #main>.emil-workflow{background:var(--surface-sunken)}
/* Four equal cards on the sunken band, joined by an arrow. Counter-driven, so the
   numbering cannot drift from the markup. */
.emil-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:56px 0 36px;align-items:stretch;counter-reset:mw-step}
.emil-process li{position:relative;isolation:isolate;min-width:0;counter-increment:mw-step;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 24px 24px}
.emil-process li::before{content:counter(mw-step,decimal-leading-zero);position:absolute;right:24px;top:31px;font:15px var(--font-body);color:var(--charcoal-soft);font-variant-numeric:tabular-nums}
.emil-process li:not(:last-child)::after{content:'→';position:absolute;left:calc(100% + 1px);top:44px;width:22px;text-align:center;color:var(--accent-ink);font-size:22px;line-height:1;background:var(--surface-sunken)}
.step-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--accent-surface);color:var(--accent-ink);margin-bottom:24px}
.emil #main .emil-process h3{font-size:20px;line-height:1.3;margin:0 0 14px;min-height:2.6em}
.emil-process p{font-size:16px;line-height:1.65;margin:0}
.step-number{display:block;color:var(--accent-ink);font:400 34px/1 var(--font-head);letter-spacing:-.04em;margin-bottom:24px;font-variant-numeric:tabular-nums}
.emil-workflow .section-note{margin-bottom:32px}
.emil #main>.emil-contact{background:var(--surface)}
.contact-intro{max-width:740px;margin-bottom:56px}
.contact-intro>p:last-child{max-width:58ch}
.emil-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
.emil-contact-grid>div{min-width:0}
.landing-team{display:grid;gap:12px;margin:24px 0}
.advisor{display:flex;gap:16px;align-items:center;padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.advisor-avatar{flex-shrink:0;width:52px;height:52px;overflow:hidden;border-radius:50%;background:var(--accent-surface)}
.emil .advisor h4{font-size:19px;line-height:1.3;margin:0 0 3px;color:var(--navy)}
.emil .advisor p{font-size:14px;margin:0;color:var(--charcoal-soft)}
.contact-channel{display:flex;align-items:center;gap:16px;min-height:64px;padding:12px 0;color:var(--accent-ink);text-decoration:none;border-bottom:1px solid var(--border)}
.contact-channel>span{min-width:0}
.contact-channel small,.contact-channel strong{display:block}
.contact-channel small{font-size:13px;color:var(--charcoal-soft);margin-bottom:2px}
.contact-channel strong{font-size:18px;font-weight:600;overflow-wrap:anywhere}
.landing-icon{width:24px;height:24px;flex-shrink:0}
/* The square crest is the one thing the operator kept from the dark version. */
.emil #main .landing-address{padding:24px;margin:28px 0 22px;border:1px solid var(--border);border-radius:16px;background:var(--surface-sunken);scroll-margin-top:100px}
.address-heading{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.location-emblem{background:white;padding:4px;border-radius:4px;flex-shrink:0;display:flex;border:1px solid var(--border)}
.address-heading p{font-size:15px;margin:0;color:var(--charcoal-soft)}
.emil #main .address-heading h3{margin-bottom:4px;font-size:24px;color:var(--navy)}
.postal-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-end}
.postal-row address{font-size:18px;font-style:normal;line-height:1.5}
.emil-contact a{color:var(--accent-ink)}
.translation-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:16px;text-underline-offset:4px}
.consultation-meta{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.contact-detail{display:flex;gap:12px}
.emil #main .contact-detail h4{font-size:16px;margin:0 0 5px;color:var(--navy)}.contact-detail p{font-size:16px;margin:0;color:var(--charcoal-soft)}
.contact-detail .landing-icon{color:var(--accent-ink);margin-top:2px}
.emil #demo-note{font-size:13px;line-height:1.6;margin-top:28px;max-width:48ch;color:var(--charcoal-soft)}
.emil #translation-request{padding:36px;background:var(--surface-sunken);color:var(--charcoal);border-radius:16px;border:1px solid var(--border)}
.emil #translation-request h3{color:var(--navy);font-size:23px}
.translation-form-intro{font-size:17px}
.translation-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;margin:24px 0}
.translation-fields label{display:block;font-size:15px;color:var(--navy);min-width:0}
.translation-fields :is(input,select,textarea){display:block;width:100%;min-height:48px;border:1px solid var(--charcoal-soft);border-radius:4px;padding:10px;font:17px var(--font-body);background:var(--surface);color:var(--charcoal);margin-top:6px}
.translation-fields input[type=file]{padding:11px 10px;font-size:15px;cursor:pointer}
.translation-fields small{display:block;margin-top:6px;font-size:14px;color:var(--charcoal-soft)}
.translation-wide{grid-column:1/-1}
.guide-form-feedback{font-size:16px;color:var(--accent-ink)}.guide-form-feedback:empty,#request-result:empty{display:none}
.emil #request-result{font-size:16px;margin-top:16px}
.emil #main>.emil-faq{background:var(--surface-sunken)}
.faq-grid{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:64px;align-items:start}
.faq-grid>div{min-width:0}.emil-faq h2{overflow-wrap:break-word;hyphens:auto}
.emil #main .emil-faq h2{font-size:38px;margin-bottom:32px}
.emil-answers{min-width:0}
.emil-answers summary{min-height:76px;font-size:18px;padding-block:24px;padding-right:36px}
.emil-answers summary::after{top:20px}
.emil-faq-figure{margin-top:12px}.emil-faq-figure svg{display:block;width:100%;max-width:290px;height:auto;overflow:visible}
.emil .site-footer{background:var(--surface);color:var(--charcoal);border-top:1px solid var(--border);padding:48px 0 24px}
.emil .site-footer h3,.emil .site-footer a{color:var(--navy)}
.emil .footer-list a{display:inline-flex;align-items:center;min-height:44px}
.emil .site-footer p{color:var(--charcoal-soft)!important}
.emil .site-footer img{filter:brightness(.35)}
.emil .footer-bottom{color:var(--charcoal-soft);border-color:var(--border)}
.mw-tactile{display:inline-flex;align-items:center;gap:inherit;pointer-events:none;min-width:0;will-change:transform}
.emil .btn>.mw-tactile{gap:20px}
.emil-doc-flow .mw-tactile{display:block}
.emil [data-keyboard] *{transition:none!important}
.emil [data-keyboard] .mw-tactile{transform:none!important}
@media(hover:hover) and (pointer:fine){.emil .btn-primary:hover{background:var(--navy)}.emil-doc-flow button:hover{color:var(--accent-ink)}.emil a:hover{text-decoration-thickness:2px}}
/* Desktop uses an offset editorial composition, not a centered vertical stack. */
@media(min-width:1000px){
 .emil .nav-toggle{display:none!important}
 .emil #main>.emil-hero{padding-top:80px;text-align:left}
 .emil-hero>.container{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:36px}
 .emil .emil-hero .eyebrow{grid-column:1/-1;margin:0 0 28px}
 .emil #hero-title{grid-column:1/-1;font-size:76px;line-height:1.08;margin:0 0 40px}
 .emil .hero-lead{grid-column:1;grid-row:3;margin:0 0 26px;max-width:34ch;align-self:end;font-size:21px}
 .emil-hero .btn{grid-column:1;grid-row:4;justify-self:start;align-self:start}
 /* Operator direction: lift the scene 175px. It gets the full lift from 1280px up;
    below that the headline is still 76px in a narrower column, and the arc would run
    behind the words, so the lift tapers. Measured by the collision check, not by eye. */
 .emil-story{grid-column:2;grid-row:3/6;margin-top:clamp(-175px,calc(-175px + (1280px - 100vw) * .55),-40px);margin-inline:0;margin-bottom:0;align-self:end;min-width:0}
 .emil-story .guide-stage{width:100%}
 .emil-languages>.container{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);column-gap:84px;text-align:left}
 .emil-languages .section-intro{grid-column:1;grid-row:1/4;text-align:left;margin:0}
 .emil-languages .section-intro>p:last-child{margin-inline:0}
 .language-bridge{grid-column:2;grid-row:1;grid-template-columns:1fr 48px 1fr;gap:20px;margin:8px 0 32px}
 .language-bridge ul{grid-template-columns:1fr;font-size:21px;gap:6px}
 .language-bridge>strong{font-size:47px}
 .language-note{grid-column:2;grid-row:2;margin:0 0 16px}
 .emil-languages .text-link{grid-column:2;grid-row:3;font-size:17px}
 .emil-offer>.container{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:84px}
 .emil-offer .section-intro{grid-column:1;grid-row:1/3;margin:0}
 .emil #main .emil-offer h2{font-size:38px}
 .cost-steps{grid-column:2;grid-row:1;margin-bottom:28px}
 .emil-offer .btn{grid-column:2;grid-row:2;justify-self:start}
 .cost-note{grid-column:1/-1;grid-row:3;margin:52px 0 0;gap:84px;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr)}
}
/* Between 1000 and 1190px the editorial columns are at their narrowest while the
   headings are still at desktop size, so "Dokumentübersetzung?" no longer fits its
   own column. Sized against that column, not against the viewport. */
@media(min-width:1000px) and (max-width:1190px){.emil #main .emil-offer h2{font-size:clamp(30px,3.2vw,38px)}.emil #main .emil-faq h2{font-size:clamp(28px,3vw,32px)}}
@media(max-width:1190px){.emil .header-inner{flex-wrap:wrap}.emil .brand-claim{display:none}.emil .container{width:calc(100% - 56px)}.emil-documents .container,.certification-grid,.faq-grid{gap:44px}.emil-contact-grid{gap:36px}.emil-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px}.emil-process li:nth-child(2)::after{display:none}.emil #main .emil-faq h2{font-size:34px}.emil-doc-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}}
@media(max-width:999px){.emil .header-inner{min-height:76px;flex-wrap:wrap;padding-block:12px}.emil .main-nav{width:100%;display:none}.emil .main-nav.is-open{display:block}.emil .nav-list{display:flex;flex-direction:column;align-items:stretch}.emil .nav-toggle{display:flex!important;margin-left:auto}.emil .submenu{position:static;box-shadow:none}.emil .nav-list .submenu{display:none}.emil.no-js .main-nav{display:block}.emil.no-js .nav-toggle{display:none!important}.emil .brand-text{display:block}.emil .brand-claim{display:none}.emil .nav-list>li>a{font-size:15px}.emil-documents .container{grid-template-columns:1fr}.emil-documents .section-note{grid-column:auto}.emil-contact-grid{grid-template-columns:1fr;gap:44px}.emil-contact-grid>div{max-width:none}.faq-grid{grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr);gap:32px}.language-bridge>strong{font-size:48px}.landing-team{max-width:560px}.certification-grid{grid-template-columns:1.2fr .9fr;gap:40px}.mw-certificate{max-width:310px}.emil-faq-figure svg{max-width:200px}}
@media(max-width:600px){body.emil{--section-space:64px;font-size:18px}.emil .container{width:calc(100% - 40px)}.emil #main>.emil-hero{padding:48px 0 40px}.emil #hero-title{font-size:43px;letter-spacing:-.055em;line-height:1.1}.emil .eyebrow{font-size:13px;letter-spacing:.14em;margin-bottom:20px}.emil .hero-lead{font-size:18px}.emil .btn{font-size:12px;gap:12px;padding-inline:16px;min-height:54px;max-width:100%}.emil-story{margin-top:36px}.section-intro{margin-bottom:32px}
/* Chromium here honours neither a de hyphenation dictionary nor a soft hyphen, so a
   long compound can only be made to fit by sizing the phone headline against its
   longest word. Measured against "Dokumentübersetzung?" and "Dokumentübersetzungen."
   at 360-430 px; without it the question mark lands on a line of its own. */
.emil #main h2{font-size:clamp(24px,calc(9vw - 4px),32px);line-height:1.17}.emil #main .emil-faq h2{font-size:clamp(22px,calc(8.4vw - 4px),30px)}.emil-doc-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.emil-doc-flow button{min-height:52px;font-size:14px;padding:12px 0}.language-bridge{grid-template-columns:1fr 40px 1fr;gap:12px;margin-block:32px}.language-bridge ul{grid-template-columns:1fr;font-size:18px;gap:7px}.language-bridge>strong{font-size:29px;letter-spacing:-.045em}.bridge-arrow{font-size:32px}.language-note{font-size:17px}.emil-languages .text-link{font-size:16px}.certification-grid{grid-template-columns:1fr;gap:32px}.mw-certificate{max-width:300px}.cert-flow{gap:10px 14px;font-size:18px;padding-top:22px;margin-block:24px 20px}.cert-flow li{font-size:18px;gap:10px 14px}.cost-steps li{gap:16px;min-height:60px;font-size:20px}.cost-note{grid-template-columns:1fr;gap:24px;margin-top:36px}.emil-process{grid-template-columns:1fr;margin:36px 0 28px;gap:28px}.emil-process li{padding:22px 20px 20px}.emil-process li:not(:last-child)::after{display:block;content:'↓';left:50%;top:calc(100% + 3px);transform:translateX(-50%);width:20px;height:22px;font-size:20px}.emil #main .emil-process h3{min-height:0;font-size:19px;margin-bottom:10px}.step-icon{width:42px;height:42px;margin-bottom:18px}.section-note{margin-top:22px}.emil #translation-request{padding:24px 20px;border-radius:12px}.translation-fields{grid-template-columns:1fr;gap:18px}.translation-wide{grid-column:auto}.advisor{gap:12px;padding:14px}.emil #main .advisor h4{font-size:17px}.contact-channel strong{font-size:17px}.postal-row{flex-direction:column;align-items:flex-start;gap:8px}.consultation-meta{gap:16px}.contact-detail{display:block}.contact-detail svg{margin-bottom:8px}.emil-answers summary{font-size:17px}.faq-grid{grid-template-columns:1fr;gap:8px}.emil-faq-figure svg{max-width:150px}.emil #main .emil-faq h2{font-size:30px;margin-bottom:22px}.emil .footer-grid{grid-template-columns:1fr 1fr}.emil .footer-grid>div:first-child{grid-column:1/-1}.emil .footer-list a{display:inline-flex;align-items:center;min-height:44px}.emil .site-footer h3{font-size:15px}}
@media(max-width:600px){.emil-faq-figure{margin-top:0}}
@media(prefers-reduced-motion:reduce){.emil *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.emil .btn:active,.emil .btn:hover{transform:none}.emil .mw-source,.emil .mw-target,.emil .mw-result,.emil .mw-seal{opacity:1!important;transform:none!important}.emil .mw-paper-source{transform:rotate(-6deg)!important}.emil .mw-paper-target{transform:rotate(4.5deg)!important}.emil .mw-working,.emil .mw-packet{opacity:0!important}.emil .mw-route,.emil .mw-route-tip{opacity:.55!important}}