/* Shared title scale, baseline and introduction area on every regular page. */
#inhalt>.gk-hero{padding:56px 0;min-height:520px}
#inhalt>.gk-hero h1{font-size:clamp(2rem,3.3vw,2.65rem);font-weight:600;line-height:1.2;letter-spacing:-.015em;margin:0 0 10px;min-height:0;hyphens:manual;-webkit-hyphens:manual}
#inhalt>.gk-hero>.wrap{align-items:start}
#inhalt>.gk-hero:is(.hero,.page-hero-topic)>.wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:52px}
#inhalt>.gk-hero .lead{font-size:1.08rem;line-height:1.6;margin:0 0 20px}
#inhalt>.gk-hero .lead.tight{margin-bottom:14px}
#inhalt>.gk-hero .about-intro-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-rows:min-content 1fr;gap:0 52px}
#inhalt>.gk-hero .about-portrait{align-self:start;justify-self:end;max-width:310px}
#inhalt>.gk-hero .about-heading h1{margin-bottom:10px}
.about-more{max-width:100%;margin-bottom:40px;columns:2;column-gap:52px}
.about-more p{margin:0 0 18px;break-inside:avoid}
.about-more a{font-weight:500;text-underline-offset:3px;text-decoration-thickness:1px}
/* This static heading receives focus for announcement, but is not a control. */
.request-dialog #request-title:focus,.request-dialog #request-title:focus-visible{outline:none;box-shadow:none}
@media(min-width:768px) and (max-width:980px){
 #inhalt>.gk-hero{padding:40px 0;min-height:540px}
 #inhalt>.gk-hero h1{font-size:clamp(1.9rem,3.8vw,2.3rem)}
 #inhalt>.gk-hero:is(.hero,.page-hero-topic)>.wrap,#inhalt>.gk-hero .about-intro-grid{gap:0 28px}
}
@media(max-width:767px){
 #inhalt>.gk-hero{padding:28px 0;min-height:0}
 #inhalt>.gk-hero h1{font-size:clamp(1.55rem,6.5vw,1.85rem);line-height:1.2;min-height:0;margin-bottom:14px}
 #inhalt>.gk-hero:is(.hero,.page-hero-topic)>.wrap{grid-template-columns:minmax(0,1fr);gap:24px}
 #inhalt>.gk-hero .about-intro-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'heading' 'photo' 'story';grid-template-rows:auto;gap:24px}
 #inhalt>.gk-hero .about-portrait{width:100%;max-width:310px;justify-self:start}
 #inhalt>.gk-hero .lead{font-size:1rem;line-height:1.6}
 .about-more{columns:1;margin-bottom:30px}
}

/* 1.0.53: group title, underline and introduction; compact overview cards. */
#inhalt>.gk-hero .swoosh{width:180px;margin:0 0 16px}
#inhalt>.gk-hero .gk-topic-card{width:100%;max-width:420px;justify-self:end;padding:24px 26px;border-radius:16px}
#inhalt>.gk-hero .gk-topic-icon{width:32px;height:32px;margin-bottom:16px}
#inhalt>.gk-hero .gk-topic-card h2{font-size:22px;line-height:1.3;margin:0 0 14px}
#inhalt>.gk-hero .gk-topic-card li{padding:10px 0;font-size:15px;line-height:1.5}
#inhalt>.gk-hero .gk-topic-card>p{font-size:13px;line-height:1.6;margin:14px 0 0}
@media(max-width:767px){
 #inhalt>.gk-hero h1{margin-bottom:10px}
 #inhalt>.gk-hero .swoosh{width:116px;margin-bottom:14px}
 #inhalt>.gk-hero .gk-topic-card{max-width:none;justify-self:stretch;padding:22px}
 #inhalt>.gk-hero .gk-topic-card h2{font-size:21px}
}

/* 1.0.54: keep the complete personal introduction beside the portrait. */
#inhalt>.gk-hero .about-story>p{font-size:1rem;line-height:1.6;margin:0 0 16px}
#inhalt>.gk-hero .about-story>p:last-child{margin-bottom:0}
#inhalt>.gk-hero .about-story a{font-weight:500;text-underline-offset:3px;text-decoration-thickness:1px}
@media(min-width:768px){
 #inhalt>.gk-hero .about-intro-grid{grid-template-columns:minmax(0,1fr) clamp(220px,24vw,310px)}
}