/* Hero-Bild rechts im topic-hero (minimalistisch, ohne Buchstaben) – gemeinsam für Inhaltsseiten */
.topic-hero .hero-geo{position:absolute;right:calc(max((100% - 1180px)/2, 0px) + 8px);top:50%;transform:translateY(-50%);z-index:1;width:400px;max-width:37%;pointer-events:none}
.topic-hero .hero-geo svg{display:block;width:100%;height:auto;overflow:visible}
@media(max-width:1100px){.topic-hero .hero-geo{width:330px}}
@media(max-width:880px){.topic-hero .hero-geo{width:230px;right:-4%;opacity:.3}}
@media(max-width:600px){.topic-hero .hero-geo{display:none}}
@media print{.topic-hero .hero-geo{display:none}}
/* Text links freihalten, damit H1/Untertitel nie unter das Bild laufen (h1-einzeilig.js rechnet mit dem Padding) */
@media(min-width:1101px){.topic-hero:has(> .hero-geo) > .container{padding-right:450px}}
@media(min-width:881px) and (max-width:1100px){.topic-hero:has(> .hero-geo) > .container{padding-right:370px}}
@media(min-width:601px) and (max-width:880px){.topic-hero:has(> .hero-geo) > .container{padding-right:215px}}