.personal-mobile-story{display:none}
/* Lock only while this modal is open; the document keeps its layout and position. */
html.personal-story-open,html.personal-story-open body{overflow:hidden!important;overscroll-behavior:none}
@media(max-width:720px), (pointer:coarse) and (max-width:1024px) and (max-height:500px){
 html body.editorial-site #main #ueber-uns{background:#fff!important;padding:32px 0 56px!important}
 html body.editorial-site #ueber-uns .p-personal-layout{display:flex!important;flex-direction:column!important;gap:0!important}
 html body.editorial-site #ueber-uns .p-personal-copy{display:contents!important}
 html body.editorial-site #ueber-uns .p-portrait{order:0!important;width:calc(100% + 24px)!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;align-self:flex-start!important;border:0!important;box-shadow:none!important}
 html body.editorial-site #ueber-uns .p-portrait::before,
 html body.editorial-site #ueber-uns .p-portrait::after{display:none!important}
 html body.editorial-site #ueber-uns .p-portrait img{display:block!important;aspect-ratio:5/4!important;width:100%!important;height:auto!important;object-fit:cover!important;object-position:50% 34%!important;clip-path:none!important;border-radius:0!important}
 html body.editorial-site #ueber-uns .p-portrait figcaption{display:none!important}
 html body.editorial-site #ueber-uns .p-portrait figcaption span{display:none!important}
 html body.editorial-site #ueber-uns .p-portrait figcaption strong{font-size:13px!important;font-weight:400!important;line-height:1.5!important;letter-spacing:0!important;color:#52646c!important}
 html body.editorial-site #main #ueber-uns h2{order:1!important;position:relative!important;z-index:2!important;left:0!important;transform:none!important;width:92%!important;max-width:16ch!important;margin:-34px 0 20px!important;margin-left:0!important;padding:22px 16px 0 0!important;background:#fff!important;font-size:clamp(32px,9.1vw,39px)!important;line-height:1.08!important;letter-spacing:-.05em!important;text-align:left!important;box-sizing:border-box!important}
 html body.editorial-site #ueber-uns h2 br{display:none!important}
 html body.editorial-site #ueber-uns .p-personal-body{display:none!important}
 html body.editorial-site #ueber-uns .personal-mobile-story{display:block;order:2;width:92%;max-width:100%;min-width:0;padding-right:16px;box-sizing:border-box;overflow-wrap:break-word}
 html body.editorial-site #ueber-uns .personal-mobile-story p{margin:0;color:#344e59;font-size:16px;line-height:1.65}
 html body.editorial-site #ueber-uns .personal-mobile-story p+p{margin-top:14px;color:#52646c;font-size:15px;line-height:1.65}
 html body.editorial-site #ueber-uns .personal-mobile-signature{display:block;margin-top:22px;color:#102e3b;font-size:14px;line-height:1.5;font-weight:700;letter-spacing:-.02em}
 /* Personal story: one distinct statement, then our answer and optional depth. */
 html body.editorial-site #ueber-uns .personal-mobile-story{width:100%;padding-right:8px}
 html body.editorial-site #ueber-uns .personal-mobile-story .personal-opening-context{font-size:15px;line-height:1.6;color:#52646c;text-wrap:pretty}
 html body.editorial-site #ueber-uns .personal-mobile-story .personal-opening-statement{
  margin:12px 0 14px;font-size:clamp(28px,7.6vw,33px);line-height:1.14;
  letter-spacing:-.04em;color:#102e3b;text-wrap:balance;
 }
 html body.editorial-site #ueber-uns .personal-mobile-story .personal-opening-statement strong{font-weight:400;color:#a46c27}
 html body.editorial-site #ueber-uns .personal-mobile-story .personal-opening-tail{margin:0;font-size:15px;line-height:1.6;color:#52646c;text-wrap:pretty}
 html body.editorial-site #ueber-uns .personal-mobile-story .personal-response{margin:26px 0 0;font-size:16px;line-height:1.6;color:#344e59;text-wrap:pretty}
 html body.editorial-site #ueber-uns .personal-mobile-story .personal-response strong{font-weight:700;color:#102e3b}
 html body.editorial-site #ueber-uns .personal-story-more{
  display:inline-flex;align-items:center;min-height:44px;margin:16px 0 0;padding:8px 0;
  border:0;border-radius:0;background:none;box-shadow:none;color:#102e3b;
  font:600 15px/1.4 Manrope,Arial,sans-serif;text-decoration:underline;
  text-decoration-color:#bd8e4a;text-underline-offset:6px;cursor:pointer;
 }
 html body.editorial-site #ueber-uns .personal-story-more::before,
 html body.editorial-site #ueber-uns .personal-story-more::after{display:none!important}
 html body.editorial-site #ueber-uns .personal-story-more:focus{
  outline:none!important;box-shadow:none!important;background:none!important;
 }
 html body.editorial-site #ueber-uns .personal-story-more{-webkit-tap-highlight-color:transparent}
 html body.editorial-site #ueber-uns .personal-story-more:focus-visible{
  text-decoration-thickness:2px;text-decoration-color:#102e3b;
 }
 html body.editorial-site #ueber-uns .personal-mobile-signature{margin-top:12px;font-size:16px;font-weight:600}
 html body.editorial-site #personal-story-dialog{
  box-sizing:border-box!important;position:fixed!important;inset:0!important;margin:auto!important;
  width:calc(100% - 32px)!important;max-width:480px!important;height:fit-content!important;
  max-height:calc(100dvh - 32px)!important;padding:58px 24px 28px!important;
  border:0!important;border-radius:8px!important;background:#fffdfa!important;
  color:#102e3b!important;box-shadow:0 24px 70px #102e3b40!important;
  overflow:auto!important;overscroll-behavior:contain;transform:none!important;
 }
 #personal-story-dialog::backdrop{background:rgba(7,26,37,.58)}
 #personal-story-dialog .personal-story-kicker{display:block;margin-bottom:14px;color:#926b34;font-size:12px;line-height:1.4}
 html body.editorial-site #personal-story-dialog h2{margin:0 0 22px;font-size:30px;line-height:1.1;letter-spacing:-.04em;text-wrap:balance}
 html body.editorial-site #personal-story-dialog h3{margin:26px 0 12px;font-size:20px;line-height:1.3;letter-spacing:-.025em}
 html body.editorial-site #personal-story-dialog p{margin:0;font-size:16px;line-height:1.65;color:#52646c;text-wrap:pretty}
 html body.editorial-site #personal-story-dialog strong{font-weight:600;color:#102e3b}
 #personal-story-dialog h2:focus{outline:none}
}