:root{--ink:#233b48;--text:#516974;--blue:#238fae;--line:#cbd9de;--pale:#f0f7f9;--heading:"Bahnschrift SemiCondensed","Bahnschrift","Arial Narrow","Segoe UI",sans-serif;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:white;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-size:16px;line-height:1.75}h1,h2,h3,h4,p,figure{margin-top:0}h1,h2,h3,h4{font-family:var(--heading);font-weight:500;line-height:1.2}h1{font-size:clamp(2.6rem,4.7vw,4.3rem);letter-spacing:-.035em;margin-bottom:23px}h2{font-size:clamp(1.9rem,3.3vw,2.7rem);letter-spacing:-.025em;margin-bottom:24px}h3{font-size:24px}h4{font-size:24px;margin-bottom:18px}p{color:var(--text);margin-bottom:18px}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{color:var(--blue)}a:focus-visible{outline:3px solid #127b9c;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:5;background:#fffffff5;border-bottom:1px solid #dce5e8;backdrop-filter:blur(10px)}.header-inner{width:min(1360px,calc(100% - 70px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:99px}.wordmark{font-family:var(--heading);font-size:29px;text-decoration:none;line-height:1.2;letter-spacing:-.02em}.wordmark span{display:block;color:#748c97;font-size:13px;font-family:"Segoe UI",sans-serif;letter-spacing:.03em;margin-top:6px}nav{display:flex;gap:35px}nav a{font-family:var(--heading);font-size:14px;text-transform:uppercase;text-decoration:none;letter-spacing:.035em;padding-block:10px}.hero{background:#e5eeee;overflow:hidden}.hero-inner{width:min(1120px,calc(100% - 80px));margin-inline:auto;display:grid;grid-template-columns:440px 1fr;min-height:530px;gap:85px;align-items:center}.portrait{align-self:stretch;display:flex;align-items:flex-end;margin:0;background:#e5eeee;position:relative;padding-top:48px}.portrait img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:1;max-height:480px}.portrait:after{content:"";position:absolute;bottom:0;right:0;height:100%;width:32px;background:linear-gradient(90deg,transparent,#e5eeee);pointer-events:none}.hero-text{padding-block:55px}.overline{font-family:var(--heading);font-size:12px;font-weight:500;letter-spacing:.14em;color:#39758c;margin-bottom:18px}.hero-rule{height:1px;background:#93afb8;max-width:370px;margin-bottom:20px}.hero-role{font-family:var(--heading);font-size:23px;line-height:1.5;margin-bottom:12px;color:#3e626f}.hero-focus{font-size:17px;line-height:1.7;color:#65808b;margin-bottom:28px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:47px;padding:11px 25px;background:#18748e;color:white;text-decoration:none;font-family:var(--heading);font-size:14px;letter-spacing:.065em;text-transform:uppercase;transition:background .15s}.button:hover{background:#1c7894;color:white}.section{padding-block:72px}.intro{display:grid;grid-template-columns:.85fr 1.35fr;gap:80px}.intro h2{max-width:390px}.intro-copy p{font-size:16px}.intro-copy p:first-child{font-size:18px}.text-link{font-family:var(--heading);font-size:15px;color:#1e7791;display:inline-block}.glance-band{background:var(--pale)}.glance-band h2{margin-bottom:30px}.glance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.glance-item{background:white;padding:25px 20px 22px}.glance-item svg{width:43px;height:43px;fill:none;stroke:#3487a0;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:15px}.glance-item h3{font-size:20px;padding-bottom:15px;margin-bottom:16px;border-bottom:1px solid var(--line);color:#2a7d98}.glance-item ul{list-style:none;padding:0;margin:0;font-size:14px;color:var(--text)}.glance-item li{padding-left:15px;position:relative;margin:8px 0}.glance-item li:before{content:"";position:absolute;left:0;top:12px;width:5px;height:5px;background:var(--blue)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:24px}.section-heading>p{font-size:15px}.experience-row{display:grid;grid-template-columns:1fr 1.85fr;gap:65px;padding-block:34px;border-top:1px solid var(--line)}.date{font-family:var(--heading);font-size:12px;color:#537d8d;letter-spacing:.08em}.position h3{margin:12px 0 10px;max-width:340px}.position p{font-size:14px}.experience-copy ul{list-style:none;padding:0;margin:0}.experience-copy li{color:var(--text);font-size:15px;margin-bottom:14px}.experience-copy strong{color:var(--ink);font-weight:600}.company-links{display:flex;gap:25px;margin-top:18px;flex-wrap:wrap;font-size:13px;color:#22768d}.projects-band{background:#f4f7f8}.section-lead{margin-top:-7px}.project-group{font-size:20px;text-transform:uppercase;letter-spacing:.065em;color:#3d7184;margin:38px 0 22px}.practical-projects{display:grid;grid-template-columns:1fr 1fr;gap:58px}.practical-project{border-top:3px solid #258fad;padding-block:24px}.project-title{display:flex;align-items:baseline;gap:19px}.project-number{font-family:var(--heading);color:#5d91a4;font-size:15px}.project-title h4{font-size:28px}.practical-project p{font-size:16px}.method{color:#597c8b;font-size:13px!important;line-height:1.7;margin-bottom:10px}.academic-title{border-top:1px solid var(--line);padding-top:32px;display:flex;align-items:center;gap:22px}.academic-title span{font-family:"Segoe UI",sans-serif;font-size:12px;letter-spacing:0;text-transform:none;color:#627984;font-weight:400}.academic-project{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;padding-block:25px;border-top:1px solid var(--line)}.project-kind{font-family:var(--heading);font-size:11px;letter-spacing:.055em;color:#5b7f8f}.academic-project h4{font-size:23px;margin:10px 0 0}.academic-project p{font-size:15px;margin-bottom:12px}.academic-project .method{margin:0}.projects-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);padding-top:25px;margin-top:8px}.projects-footer p{font-size:13px;margin:0}.projects-footer a{white-space:nowrap}.education-section{display:grid;grid-template-columns:1fr 1.7fr;gap:60px}.education-list article{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}.education-list h3{font-size:23px;margin-bottom:8px}.education-list p{font-size:15px;margin-bottom:5px}.education-list .education-note{font-size:14px;color:#6d8390}.contact-band{background:#e9f2f5}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:50px;padding-block:60px}.contact-inner h2{margin-bottom:15px}.contact-inner p:last-child{margin:0}.contact-links{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px}.contact-links .button{grid-column:1/-1}.contact-links .text-link{text-align:center}.footer{display:flex;justify-content:space-between;padding-block:23px;gap:25px;font-size:12px;color:#69808d}.skip{position:fixed;top:-100px;left:15px;background:white;padding:10px;z-index:20}.skip:focus{top:10px}@media(min-width:1600px){.hero-inner{min-height:570px}.portrait img{width:460px;max-width:none;aspect-ratio:1;max-height:none}}@media(max-width:1100px){.hero-inner{grid-template-columns:40% 1fr;gap:48px;min-height:480px}.hero-text{padding-block:45px}.portrait{padding-top:0;align-items:center}.portrait:after{display:none}.intro{gap:45px}.glance-grid{grid-template-columns:repeat(2,1fr);gap:20px}.experience-row{gap:40px}.header-inner{width:calc(100% - 48px)}.wordmark{font-size:25px}nav{gap:20px}.practical-projects{gap:35px}}@media(max-width:720px){html{scroll-padding-top:135px}.wrap,.hero-inner{width:calc(100% - 38px)}.header-inner{width:calc(100% - 38px);padding-block:16px;flex-wrap:wrap;gap:14px;min-height:0}.wordmark{font-size:24px}.wordmark span{font-size:11px}nav{width:100%;justify-content:space-between;gap:15px}nav a{font-size:12px;padding:0}.hero-inner{display:flex;flex-direction:column;gap:0;align-items:stretch;position:relative}.hero-text{padding:33px 0 30px;order:1}.hero h1{font-size:43px;margin-bottom:16px}.hero h1 br{display:none}.hero-role{font-size:20px}.hero-focus{font-size:16px}.hero-text .overline{font-size:10px;letter-spacing:.08em}.portrait{order:2;justify-content:center;max-width:330px;align-self:center;width:100%}.portrait img{width:100%;height:auto}.hero-rule{max-width:none}.section{padding-block:48px}.intro{grid-template-columns:1fr;gap:10px}.intro h2{font-size:31px}.intro-copy p:first-child{font-size:17px}.glance-grid{gap:12px}.glance-item{padding:20px 15px}.glance-item h3{font-size:18px}.glance-item ul{font-size:13px}.section-heading{display:block}.section-heading>p{font-size:14px}.experience-row{grid-template-columns:1fr;gap:10px;padding-block:25px}.position p{margin-bottom:10px}.position h3{font-size:24px}.practical-projects{grid-template-columns:1fr;gap:5px}.practical-project{padding-block:20px}.academic-title{align-items:flex-start;flex-direction:column;gap:8px}.academic-project{grid-template-columns:1fr;gap:17px}.projects-footer{align-items:flex-start;flex-direction:column;gap:14px}.education-section{grid-template-columns:1fr;gap:8px}.contact-inner{flex-direction:column;align-items:flex-start;gap:26px;padding-block:45px}.contact-links{width:100%;max-width:360px}.footer{font-size:11px}.intro h2 br{display:none}}@media(max-width:380px){.glance-grid{grid-template-columns:1fr}.hero h1{font-size:36px}.wordmark{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}@media print{.site-header,.button,.footer{display:none}.section{padding-block:25px}.hero-inner{min-height:0}.hero-text{padding-block:15px}}

/* Original editorial imagery, with solid fallbacks and readable overlays. */
.hero {
  background: linear-gradient(90deg, rgba(229,239,242,.22), rgba(237,244,246,.72) 44%, rgba(242,247,248,.94) 74%, rgba(242,247,248,.68)), url("assets/architecture-background.png") center 48% / cover;
  background-color: #e5eeee;
  border-bottom: 1px solid #d3e0e4;
}
.hero-inner { grid-template-columns: 400px 1fr; gap: 96px; min-height: 580px; }
.portrait {
  align-self: center; align-items: center; width: 380px;
  margin: 44px 0; padding: 9px; background: rgba(255,255,255,.94);
  box-shadow: 0 22px 55px rgba(22,55,70,.18);
}
.portrait img { width: 100%; max-width: 100%; max-height: none; height: auto; }
.portrait:after {
  display: block; inset: 19px -19px -19px 19px; width: auto; height: auto;
  background: none; border: 1px solid rgba(61,106,123,.36); z-index: 0;
}
.portrait img { position: relative; z-index: 1; }
.hero-text { position: relative; padding-block: 64px; }
.hero-text .overline { color: #315e70; }
.hero-focus { color: #42606e; }
.hero-role { color: #284c5e; }
.hero-rule { background: #789dac; width: 76px; height: 2px; }
.button { box-shadow: 0 5px 14px rgba(26,83,102,.12); }
.glance-band { background: #eef4f6; }
.glance-item { border: 1px solid #e0e9ec; box-shadow: 0 5px 18px rgba(28,60,75,.025); }
.projects-band { background: #f2f6f7; }
.projects-banner {
  background: linear-gradient(90deg, rgba(12,36,50,.68), rgba(12,36,50,.32) 55%, rgba(12,36,50,.08)), url("assets/data-landscape.png") center 57% / cover;
  background-color: #142f40;
  padding-block: 68px 64px;
}
.projects-banner .overline { color: #a9d3dc; }
.projects-banner h2 { color: #fff; margin-bottom: 18px; max-width: 640px; }
.projects-banner .section-lead { color: #d9e8ec; margin: 0; }
.projects-content { padding-top: 40px; }
.projects-content > .project-group:first-child { margin-top: 0; }
.practical-projects { gap: 28px; }
.practical-project {
  padding: 28px 30px; background: #fff;
  border: 1px solid #dae5e9; border-top: 3px solid #258fad;
  box-shadow: 0 8px 22px rgba(26,57,73,.035);
}
.project-title { gap: 16px; }
.project-number { color: #307f94; }
.academic-title { margin-top: 46px; }
.contact-band {
  background: linear-gradient(90deg, rgba(237,244,246,.97), rgba(237,244,246,.93) 55%, rgba(237,244,246,.73)), url("assets/architecture-background.png") center 78% / cover;
  background-color: #e9f2f5;
  border-block: 1px solid #d9e5e8;
}
@media (max-width: 1100px) {
  .hero-inner { grid-template-columns: 40% 1fr; gap: 56px; min-height: 540px; }
  .portrait { width: min(100%, 350px); }
  .hero-text { padding-block: 46px; }
}
@media (max-width: 720px) {
  .hero {
    background-image: linear-gradient(180deg, rgba(242,247,248,.97) 0%, rgba(242,247,248,.94) 46%, rgba(228,239,242,.28) 100%), url("assets/architecture-background.png");
    background-position: center, 24% bottom;
  }
  .hero-inner { min-height: 0; gap: 0; }
  .hero-text { padding: 37px 0 25px; }
  .hero h1 { max-width: 430px; }
  .portrait { width: 280px; max-width: calc(100% - 38px); margin: 8px 0 43px; padding: 7px; }
  .portrait:after { inset: 14px -14px -14px 14px; }
  .hero-rule { max-width: 76px; }
  .projects-banner { padding-block: 43px; background-position: center, 61% center; }
  .projects-banner h2 { max-width: 400px; }
  .projects-banner .section-lead { max-width: 270px; font-size: 15px; }
  .practical-projects { gap: 18px; }
  .practical-project { padding: 23px; }
  .project-title h4 { font-size: 25px; }
  .projects-content { padding-top: 30px; }
  .contact-band { background-position: center, 30% center; }
}
@media print {
  .hero, .contact-band, .projects-banner { background: #eef4f6; }
  .projects-banner h2, .projects-banner .overline, .projects-banner .section-lead { color: #233b48; }
  .projects-banner { padding-block: 25px; }
  .portrait { width: 230px; margin-block: 20px; box-shadow: none; }
  .portrait:after { display: none; }
}
/* A real professional photograph with a separate, readable caption. */
.experience-photo { display: grid; grid-template-columns: 2.2fr 1fr; margin: 8px 0 42px; background: #102d39; border-radius: 5px; overflow: hidden; }
.experience-photo img { display: block; width: 100%; height: auto; align-self: center; }
.experience-photo figcaption { align-self: center; padding: 30px; }
.experience-photo h3 { color: #fff; font-size: 27px; margin-bottom: 20px; }
.experience-photo figcaption .overline { color: #a7e2df; font-size: 11px; }
.experience-photo figcaption > p:last-child { color: #e1ebef; font-size: 15px; margin-bottom: 0; }
@media (max-width: 900px) {
  .experience-photo { grid-template-columns: 1.8fr 1fr; }
  .experience-photo figcaption { padding: 22px; }
  .experience-photo h3 { font-size: 23px; }
}
@media (max-width: 720px) {
  .experience-photo { grid-template-columns: 1fr; margin-bottom: 30px; }
  .experience-photo figcaption { padding: 25px; }
  .experience-photo h3 { font-size: 25px; margin-bottom: 13px; }
  .experience-photo figcaption .overline { margin-bottom: 13px; }
}
@media print { .experience-photo { break-inside: avoid; background: #eef4f6; } .experience-photo h3, .experience-photo figcaption p, .experience-photo figcaption .overline { color: #142d38; } }
/* Clear type and dedicated, solid surfaces behind all text. */
:root {
  --ink: #142d38; --text: #344b55; --blue: #096b76;
  --line: #bacbd1; --pale: #edf3f4;
  --heading: "Segoe UI", Arial, sans-serif;
}
body { font-size: 17px; line-height: 1.75; }
h1, h2, h3, h4 { font-weight: 650; }
h2 { font-size: clamp(29px, 3vw, 40px); }
.site-header { background: #fff; backdrop-filter: none; border-bottom: 1px solid #cedbe0; }
.header-inner { min-height: 88px; }
.wordmark { min-width: 0; font-size: 23px; font-weight: 700; letter-spacing: -.035em; }
.wordmark span { max-width: 430px; font-size: 13px; font-weight: 600; color: #285662; letter-spacing: .01em; line-height: 1.5; }
nav a { font-size: 13px; font-weight: 650; letter-spacing: .02em; }
.hero { background: #102d39; border: 0; color: white; }
.hero-inner {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: 64px; min-height: 640px; padding-block: 55px;
}
.hero-text { padding: 20px 0; min-width: 0; }
.hero h1 { color: #fff; font-size: clamp(42px, 4.5vw, 64px); line-height: 1.1; letter-spacing: -.045em; margin-bottom: 28px; }
.overline { font-size: 12px; font-weight: 700; letter-spacing: .12em; color: #12616e; }
.hero-text .overline { color: #a7e2df; font-size: 11px; line-height: 1.7; }
.hero-rule { width: 56px; height: 3px; margin-bottom: 25px; background: #73d5ce; }
.hero-role { color: #fff; font-size: 24px; font-weight: 600; line-height: 1.45; margin-bottom: 20px; max-width: 480px; }
.hero-focus { color: #d7e4e9; font-size: 17px; margin-bottom: 30px; }
.hero-visual {
  min-height: 500px; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(rgba(16,45,57,.18), rgba(16,45,57,.4)), url("assets/architecture-background.png") 24% center / cover;
  border: 1px solid #55717e; border-radius: 6px;
}
.portrait { width: min(78%, 350px); max-width: 350px; padding: 7px; margin: 35px 0; background: #fff; box-shadow: 0 20px 40px #102d3959; }
.portrait:after { display: none; }
.portrait img { width: 100%; height: auto; max-height: none; }
.button { background: #096572; color: #fff; font-weight: 700; letter-spacing: .03em; border-radius: 4px; min-height: 50px; box-shadow: none; gap: 24px; }
.button:hover { background: #084b56; }
.hero .button, .contact-band .button { color: #102d39; background: #9ce5dd; }
.hero .button:hover, .contact-band .button:hover { color: #102d39; background: #c1f3ec; }
.hero .button span { font-size: 22px; line-height: 1; }
.text-link, .company-links { color: #075e6b; font-weight: 600; }
.text-link:hover, .company-links a:hover { color: #123540; }
.glance-item { border: 1px solid #ccdadf; border-radius: 4px; box-shadow: none; }
.glance-item h3 { font-size: 19px; font-weight: 650; color: #124b5a; }
.glance-item ul { font-size: 15px; }
.glance-item svg { stroke: #126d78; }
.date { color: #315864; font-weight: 650; font-size: 13px; }
.position p { font-size: 15px; }
.experience-copy li { font-size: 16px; }
.method, .project-kind, .academic-title span, .education-list .education-note { color: #3e5965; }
.project-kind { font-weight: 650; font-size: 11px; }
.project-group { color: #205563; font-size: 18px; font-weight: 700; }
.projects-banner { background: #102d39; position: relative; overflow: hidden; }
.projects-banner:after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 38%; background: linear-gradient(90deg, #102d39, transparent 80%), url("assets/data-landscape.png") right center / cover; pointer-events: none; }
.projects-banner .wrap { position: relative; z-index: 1; }
.projects-banner h2 { max-width: 60%; color: #fff; }
.projects-banner .overline { color: #a7e2df; }
.projects-banner .section-lead { color: #e1ebef; max-width: 60%; }
.practical-project { border: 1px solid #c9d8de; border-top: 3px solid #0c7983; border-radius: 3px; box-shadow: none; }
.project-title h4 { font-size: 25px; }
.project-number { color: #285a6b; font-weight: 650; }
.academic-project h4 { font-size: 22px; }
.academic-project p, .education-list p { font-size: 16px; }
.contact-band { background: #102d39; border: 0; }
.contact-inner { padding-block: 65px; }
.contact-inner h2 { color: #fff; }
.contact-inner p { color: #e1ebef; }
.contact-details { display: flex; flex-wrap: wrap; gap: 10px 25px; margin-top: 22px; color: #fff; font-style: normal; font-size: 16px; }
.contact-details a { color: #d4f1ee; font-weight: 600; }
.contact-details a:hover { color: #fff; }
.contact-inner .overline { color: #a7e2df; }
.contact-links .text-link { color: #d4f1ee; }
.contact-links .text-link:hover { color: #fff; }
.footer { color: #3e5965; font-size: 13px; }
.hero a:focus-visible, .contact-band a:focus-visible { outline-color: #a7e2df; }
@media (max-width: 1100px) {
  .hero-inner { gap: 40px; min-height: 590px; padding-block: 45px; }
  .hero-visual { min-height: 450px; }
  .hero-role { font-size: 22px; }
  .hero-text .overline { font-size: 10px; letter-spacing: .09em; }
  .wordmark { font-size: 21px; }
  .projects-banner h2 { max-width: 65%; }
}
@media (max-width: 720px) {
  .header-inner { min-height: 0; }
  .wordmark { font-size: 21px; }
  .wordmark span { font-size: 11px; }
  nav a { font-size: 11px; }
  .hero-inner { padding-block: 36px; gap: 30px; min-height: 0; }
  .hero-text { order: 0; padding: 0; }
  .hero h1 { font-size: clamp(34px, 8.7vw, 50px); margin-bottom: 24px; }
  .hero h1 br { display: initial; }
  .hero-role { font-size: 21px; }
  .hero-focus { font-size: 16px; }
  .hero-visual { min-height: 340px; width: 100%; }
  .portrait { width: min(75%, 280px); max-width: 280px; margin-block: 26px; }
  .projects-banner:after { width: 24%; opacity: .55; }
  .projects-banner h2, .projects-banner .section-lead { max-width: 100%; }
  .projects-banner .wrap { background: #102d39; padding-block: 4px; }
  .glance-item ul { font-size: 14px; }
  .glance-item h3 { font-size: 18px; }
  .project-title h4 { font-size: 23px; }
  .contact-inner { padding-block: 48px; }
  .contact-inner h2 { font-size: 29px; }
}
@media print {
  .hero, .contact-band, .projects-banner { color: #142d38; background: #fff; }
  .hero-inner { min-height: 0; padding-block: 15px; }
  .hero-visual { background: none; min-height: 0; border: 0; }
  .portrait { width: 200px; margin: 0; box-shadow: none; }
  .hero h1, .hero-role, .hero-focus, .hero-text .overline, .contact-inner h2, .contact-inner p, .contact-links .text-link, .projects-banner h2, .projects-banner .overline, .projects-banner .section-lead { color: #142d38; }
  .projects-banner:after { display: none; }
}

/* Bilingual navigation and longer German labels. */
.header-actions { display:flex; align-items:center; justify-content:flex-end; gap:25px; }
.header-actions nav { gap:20px; }
.header-actions nav a { white-space:nowrap; }
.language-switch { display:flex; gap:5px; flex-shrink:0; }
.language-switch a { color:#234b59; font-size:12px; font-weight:600; text-decoration:none; padding:6px 9px; border:1px solid #becfd5; border-radius:4px; }
.language-switch a:hover { background:#edf4f5; }
.language-switch a[aria-current="page"] { background:#102d39; color:white; border-color:#102d39; }
.contact-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 22px; }
.contact-details a { overflow-wrap:anywhere; }
.glance-item h3,.glance-item li,.academic-project h4,.education-list h3,.position h3 { overflow-wrap:anywhere; hyphens:auto; }
.hero-role { overflow-wrap:break-word; }
.experience-photo figcaption { min-width:0; }
.experience-photo h3 { overflow-wrap:anywhere; hyphens:auto; }
.experience-photo img { min-width:0; max-width:100%; }
html[lang="de"] .hero-text .overline { letter-spacing:.065em; }
@media(max-width:1100px) {
  .header-inner { flex-wrap:wrap; padding-block:16px; gap:14px; }
  .header-actions { width:100%; justify-content:space-between; gap:15px; }
  .header-actions nav { width:auto; }
  html { scroll-padding-top:155px; }
}
@media(max-width:720px) {
  .header-actions { flex-wrap:wrap; gap:12px; }
  .header-actions nav { width:100%; gap:10px; }
  .language-switch a { font-size:12px; padding:4px 10px; }
  html { scroll-padding-top:190px; }
  .contact-details { grid-template-columns:1fr; }
  .experience-photo { grid-template-columns:minmax(0,1fr); }
  .contact-inner h2 { overflow-wrap:break-word; }
  .hero-role { font-size:21px; }
}