/* 03 mirrors the compact image-and-CTA entry used on 02. */
.begleitung-landing{
  position:relative;
  isolation:isolate;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:stretch;
  width:100%;
  max-width:none!important;
  min-height:calc(100svh - 87px);
  margin:0;
  padding:0;
  overflow:hidden;
  background-image:linear-gradient(0deg,rgba(7,8,9,.74) 0%,rgba(7,8,9,.42) 31%,rgba(7,8,9,.12) 68%,rgba(7,8,9,.08) 100%),url('begleitung-strategieprozess.jpg');
  background-size:cover;
  background-position:center 62%;
}
.begleitung-landing .begleitung-kasten{position:relative;z-index:1;width:100%;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.begleitung-landing .begleitung-kasten-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;width:100%;padding:clamp(42px,5.5vw,78px) 5%}
.begleitung-landing .begleitung-text-col{max-width:900px}
.begleitung-landing .eyebrow{margin:0 0 10px;color:#b8bec7;font-size:10px}
.begleitung-landing h1{max-width:34ch;margin:0 0 10px;color:#f4f3ef;font:700 clamp(26px,2.5vw,38px)/1.2 Sora,Arial,sans-serif;letter-spacing:-.035em;text-shadow:0 2px 20px rgba(0,0,0,.38)}
.begleitung-landing .lead{max-width:78ch;margin:0;color:#d2d5da;font-size:15px;line-height:1.6;text-shadow:0 1px 14px rgba(0,0,0,.45)}
.begleitung-landing .begleitung-ctas{display:flex;flex-direction:column;gap:10px;width:220px}
.begleitung-landing .begleitung-ctas .btn{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 16px;border-radius:4px;text-decoration:none;font:600 12px Sora,Arial,sans-serif;transition:background .2s,color .2s,border-color .2s}
.begleitung-landing .begleitung-ctas .secondary{border:1px solid rgba(242,241,237,.58);background:transparent;color:#f2f1ed}
.begleitung-landing .begleitung-ctas .primary{border:1px solid #f2f1ed;background:#f2f1ed;color:#0a0a0b}
.begleitung-landing .begleitung-ctas .secondary:hover,.begleitung-landing .begleitung-ctas .secondary:focus-visible{border-color:#8fbeff;color:#8fbeff}
.begleitung-landing .begleitung-ctas .primary:hover,.begleitung-landing .begleitung-ctas .primary:focus-visible{border-color:#8fbeff;background:#8fbeff}
/* Schwarzes Fade verbindet das Foto weich mit der folgenden Sektion,
   ohne die Person im Bild am oberen und mittleren Rand abzudunkeln. */
.begleitung-landing::after{
  content:"";
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  bottom:0;
  height:clamp(120px,16vh,220px);
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(10,10,11,0) 0%,rgba(10,10,11,.28) 38%,#0a0a0b 100%);
}
@media(max-width:900px){
  .begleitung-landing{min-height:calc(100svh - 65px);background-position:58% 62%}
  .begleitung-landing .begleitung-kasten-inner{display:block;padding:24px}
  .begleitung-landing .begleitung-ctas{flex-direction:row;width:auto;margin-top:22px}
  .begleitung-landing .begleitung-ctas .btn{width:auto;min-width:170px}
}
@media(max-width:560px){
  .begleitung-landing{min-height:720px}
  .begleitung-landing h1{font-size:25px}
  .begleitung-landing .lead{font-size:13px}
  .begleitung-landing .begleitung-ctas{display:grid;grid-template-columns:1fr;width:100%}
  .begleitung-landing .begleitung-ctas .btn{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){.begleitung-landing .begleitung-ctas .btn{transition:none}}