/* Über uns / Kontakt – mobile-first, kompakt auf Handy, größer ab 640 px */
.co-page{--co-ink:#1c241a;--co-mute:#4f5a4d;--co-line:rgba(40,70,25,.18);--co-card:#fff;--co-acc:#3d760d;--co-btn:#9eeb47;--co-btn-ink:#071000;padding:5rem 0 3rem;color:var(--co-ink);font-size:.92rem;line-height:1.6}
html.dark .co-page{--co-ink:#f4f4f5;--co-mute:#a1a1aa;--co-line:rgba(255,255,255,.12);--co-card:rgba(255,255,255,.04);--co-acc:#9eeb47}
.co-wrap{width:min(100% - 2rem,60rem);margin-inline:auto}
.co-crumbs{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1.1rem;color:var(--co-mute);font-size:.72rem}
.co-crumbs a{color:inherit;text-decoration:none}.co-crumbs a:hover{color:var(--co-acc)}
.co-kicker{margin:0 0 .5rem;color:var(--co-acc);font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.co-page h1{margin:0 0 .9rem;font-size:clamp(1.45rem,6.2vw,3rem);font-weight:800;line-height:1.18;letter-spacing:-.02em;text-wrap:balance}
.co-page h1 em{font-style:normal;color:var(--co-acc)}
.co-page h2{margin:0 0 .7rem;font-size:1.08rem;font-weight:800;line-height:1.3}
.co-lead{max-width:46rem;margin:0 0 .8rem;color:var(--co-mute);font-size:.95rem;line-height:1.65}
.co-sec{margin-top:2rem}
.co-note{color:var(--co-mute);font-size:.8rem;line-height:1.6}
.co-page a.co-val,.co-dl a,.co-note a{color:inherit;text-underline-offset:3px}.co-note a{text-decoration:underline}.co-dl a{text-decoration:none}
.co-dl a:hover,.co-note a:hover,.co-page a.co-val:hover{color:var(--co-acc)}
.co-grid{display:grid;gap:.6rem;grid-template-columns:1fr}
.co-card{padding:.8rem .95rem;border:1px solid var(--co-line);border-radius:.85rem;background:var(--co-card)}
.co-card small{display:block;margin-bottom:.25rem;color:var(--co-mute);font-size:.6rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.co-card b,.co-page a.co-val{display:block;color:var(--co-ink);font-size:.95rem;font-weight:700;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}
.co-card p{margin:.25rem 0 0;color:var(--co-mute);font-size:.78rem;line-height:1.5}
.co-person{display:flex;align-items:center;gap:.8rem;max-width:30rem}
.co-person img{flex:none;width:3.5rem;height:3.5rem;border:2px solid #9eeb47;border-radius:50%;object-fit:cover;object-position:top}
.co-person p{margin:.15rem 0 0}
.co-dl{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:.4rem .95rem .55rem;border:1px solid var(--co-line);border-radius:.85rem;background:var(--co-card)}
.co-dl dt{margin-top:.65rem;color:var(--co-mute);font-size:.6rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.co-dl dd{margin:.1rem 0 0;font-size:.92rem;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.co-list{display:grid;gap:.4rem;grid-template-columns:1fr;margin:0;padding:0;list-style:none}
.co-list a{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:42px;padding:.45rem .85rem;border:1px solid var(--co-line);border-radius:.7rem;background:var(--co-card);color:var(--co-ink);font-size:.88rem;font-weight:600;text-decoration:none;transition:border-color .2s,color .2s}
.co-list a::after{content:"→";color:var(--co-acc)}.co-list a:hover{border-color:var(--co-acc);color:var(--co-acc)}
.co-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.co-chips li{display:block}
.co-chips a{min-height:40px;padding:.35rem .85rem;border-radius:999px;font-size:.82rem;gap:.4rem}
.co-chips a::after{content:"↗";font-size:.85em}
.co-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1.1rem}
.co-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:46px;padding:0 1.2rem;border:1px solid var(--co-line);border-radius:999px;color:var(--co-ink);font-size:.7rem;font-weight:800;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:transform .25s,border-color .2s,background .2s}
.co-btn:hover{transform:translateY(-2px);border-color:var(--co-acc)}
.co-btn-p,.co-btn-p:hover{border-color:var(--co-btn);background:var(--co-btn);color:var(--co-btn-ink)}.co-btn-p:hover{background:#b6f26e}
.co-legal{display:flex;flex-wrap:wrap;gap:.1rem 1.1rem;font-size:.8rem}
.co-legal a{display:inline-flex;align-items:center;min-height:40px;color:var(--co-mute);text-decoration:underline;text-underline-offset:3px}.co-legal a:hover{color:var(--co-acc)}
.co-page :focus-visible{outline:2px solid var(--co-acc);outline-offset:3px;border-radius:.4rem}

@media (min-width:640px){
  .co-page{padding:6.5rem 0 5rem;font-size:1rem;line-height:1.7}
  .co-wrap{width:min(100% - 2.5rem,60rem)}
  .co-crumbs{margin-bottom:1.75rem;font-size:.8rem}
  .co-kicker{margin-bottom:.75rem;font-size:.7rem;letter-spacing:.2em}
  .co-page h1{margin-bottom:1.25rem}
  .co-page h2{margin-bottom:1rem;font-size:1.35rem}
  .co-lead{margin-bottom:1.1rem;font-size:1.05rem;line-height:1.75}
  .co-sec{margin-top:3.25rem}
  .co-note{font-size:.85rem}
  .co-grid{gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
  .co-card{padding:1.1rem 1.25rem;border-radius:1rem}
  .co-card small{margin-bottom:.35rem;font-size:.66rem;letter-spacing:.16em}
  .co-card b,.co-page a.co-val{font-size:1.02rem}
  .co-card p{margin-top:.35rem;font-size:.85rem}
  .co-person{gap:1rem}.co-person img{width:5rem;height:5rem}
  .co-dl{grid-template-columns:minmax(9rem,14rem) 1fr;gap:.65rem 1.25rem;padding:1.1rem 1.25rem;border-radius:1rem}
  .co-dl dt{margin-top:0;font-size:.82rem;letter-spacing:0;text-transform:none;font-weight:700}
  .co-dl dd{margin:0;font-size:1rem}
  .co-list{gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
  .co-list a{min-height:48px;padding:.6rem 1rem;border-radius:.8rem;font-size:.95rem}
  .co-chips{display:flex;gap:.5rem}.co-chips a{min-height:44px;padding:.4rem 1.1rem;font-size:.9rem}
  .co-actions{flex-direction:row;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
  .co-btn{width:auto;min-height:48px;padding:0 1.4rem;font-size:.76rem}
  .co-legal{gap:.4rem 1.25rem;font-size:.85rem}
}
@media (prefers-reduced-motion:reduce){.co-btn,.co-list a{transition:none}.co-btn:hover{transform:none}}