/* Xpro V132 – Erfahrung: mobile text clearance next to editorial hairline.
   V98 reset exp-hero-aside padding-left to zero; with its retained border-left,
   the title and paragraphs visually touched the rule on phones. */
@media (max-width:800px) {
  body.xpro-editorial-a main section[data-page="erfahrung"] .exp-hero-aside {
    box-sizing:border-box;
    border-left:1px solid rgba(189,216,228,.46);
    padding:22px 0 20px clamp(19px, 5vw, 28px) !important;
    margin-top:5px;
    min-width:0;
  }
  body.xpro-editorial-a main section[data-page="erfahrung"] .exp-hero-aside .exp-line {
    width:56px;
    height:2px;
    background:#bdd8e4;
    margin:0 0 27px;
  }
  body.xpro-editorial-a main section[data-page="erfahrung"] .exp-hero-aside h2,
  body.xpro-editorial-a main section[data-page="erfahrung"] .exp-hero-aside p,
  body.xpro-editorial-a main section[data-page="erfahrung"] .exp-hero-aside .exp-hero-foot {
    max-width:100%;
    overflow-wrap:break-word;
  }
}
@media (max-width:480px) {
  body.xpro-editorial-a main section[data-page="erfahrung"] .exp-hero-aside {
    padding-left:20px !important;
    margin-top:0;
  }
  body.xpro-editorial-a main section[data-page="erfahrung"] .exp-hero-aside h2 {
    font-size:clamp(1.55rem,7vw,1.85rem);
    line-height:1.23;
  }
  body.xpro-editorial-a main section[data-page="erfahrung"] .exp-hero-grid {gap:25px;}
}
/* Legal pages: preserve V131 editorial typography, but prevent sprawling text
   and display long privacy paragraphs with calm, readable measure on mobile. */
body.xpro-editorial-a main.xpro-legal-route .xpro-legal-body {overflow-wrap:break-word;}
body.xpro-editorial-a main.xpro-legal-route .xpro-legal-body ul {padding-left:0;list-style:none;}
body.xpro-editorial-a main.xpro-legal-route .xpro-legal-body li {position:relative;padding-left:22px;}
body.xpro-editorial-a main.xpro-legal-route .xpro-legal-body li:before {content:'–';position:absolute;left:0;color:#5f9ab7;}