/* Homepage spacing and portrait refinement, 9 September 2026. */
#zielgruppen,#ablauf {
  padding: 80px 6%;
}
#zielgruppen .layout-inner,#ablauf .layout-inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}
#zielgruppen h2,#ablauf h2 {max-width: 760px;}
#zielgruppen .seo-grid {gap: 24px; margin-top: 40px;}
#zielgruppen .seo-card {padding: 30px;}
#zielgruppen .seo-card p {max-width: 32ch;}
#ablauf .seo-steps {
  padding: 0;
  margin: 40px 0 0;
  list-style: none;
  counter-reset: step;
  gap: 32px 48px;
}
#ablauf .seo-steps li {
  counter-increment: step;
  padding: 24px 0 0;
  border-top: 1px solid #c9bcaa;
}
#ablauf .seo-steps li::before {
  content: "0" counter(step);
  display: block;
  margin-bottom: 14px;
  color: #a95629;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .08em;
}
#ablauf .seo-steps p {max-width: 45ch; margin-bottom: 0;}
#ueber-mich.about {
  display: grid;
  grid-template-columns: minmax(0,200px) minmax(0,640px);
  justify-content: center;
  align-items: center;
  gap: 64px;
  padding: 72px 6%;
  min-height: 0;
}
#ueber-mich.about > img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: center 30%;
  border-radius: 14px;
}
#ueber-mich.about > div {padding: 0; min-width: 0;}
#ueber-mich h2 {font-size: clamp(2.2rem,3.6vw,3.5rem); line-height: 1.08;}
#ueber-mich .plain-link {display: inline-block; margin: 10px 0 0;}
@media(max-width:1100px) {
  #zielgruppen .seo-grid {grid-template-columns: 1fr; gap: 18px;}
  #zielgruppen .seo-card {padding: 28px;}
  #zielgruppen .seo-card p {max-width: 65ch;}
  #ueber-mich.about {grid-template-columns: 160px minmax(0,560px);gap: 36px;}
  #ueber-mich.about > img {height: 200px;}
}
@media(max-width:600px) {
  #zielgruppen,#ablauf {padding: 52px 24px;}
  #zielgruppen .seo-grid,#ablauf .seo-steps {margin-top: 28px;}
  #zielgruppen .seo-card {padding: 24px;}
  #ablauf .seo-steps {grid-template-columns: 1fr;gap: 28px;}
  #ueber-mich.about {padding: 48px 24px;grid-template-columns: 96px minmax(0,1fr);gap: 0 22px;align-items: start;}
  #ueber-mich.about > img {height: 120px;grid-column: 1;grid-row: 1 / span 2;}
  #ueber-mich.about > div {display: contents;}
  #ueber-mich .eyebrow {grid-column: 2;margin-bottom: 12px;}
  #ueber-mich h2 {grid-column: 2;font-size: 2rem;margin: 0 0 24px;}
  #ueber-mich p:not(.eyebrow),#ueber-mich .plain-link {grid-column: 1 / -1;}
  #ueber-mich p:not(.eyebrow) {margin: 12px 0 0;}
  #ueber-mich .plain-link {justify-self: start;margin-top: 20px;}
}

.reference-example{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin:0 auto;max-width:1080px}
.reference-preview{display:block;padding:44px 36px;background:#121514;color:#faf8f5;border:1px solid #43433b;border-radius:14px;text-decoration:none;min-height:300px}
.reference-preview small{color:#d48a5a;letter-spacing:.12em}.reference-preview strong{display:block;font:2.7rem/1.15 Cormorant,serif;margin:30px 0}.reference-preview span{font-size:.85rem;color:#c3cbc5}

.reference-example + .reference-example{margin-top:80px;padding-top:72px;border-top:1px solid #d6caba}
.reference-preview-light{position:relative;overflow:hidden;background:linear-gradient(145deg,#f8f5ee 0%,#edf3ec 100%);color:#294536;border-color:#c4d2c6}
.reference-preview-light::after{content:"";position:absolute;right:-55px;bottom:-75px;width:230px;height:230px;border:1px solid rgba(103,135,111,.45);border-radius:70% 30% 65% 35%;transform:rotate(18deg)}
.reference-preview-light small{color:#997244}.reference-preview-light span{color:#617268}.reference-preview-light strong{position:relative;z-index:1}
@media(min-width:851px) and (max-width:1180px){header .top-cta{display:none}header nav{gap:1.1rem}}
@media(max-width:700px){.reference-example{grid-template-columns:1fr;gap:28px}.reference-example + .reference-example{margin-top:52px;padding-top:48px}.reference-preview{padding:32px 24px;min-height:240px}}