/*
 * "Über uns" /team/ (Seite 214820) im Uebersichtsdesign -- [gs_ueber_uns]
 * (golfstunde-page 0.18.0, includes/ueber-uns.php). Konzept golfstunde-magazin-
 * ueber-uns-wireframes-2026-09-26.txt (Fassung 2), Klickdummy magazin-ueber-uns-
 * klickdummy.html -- dieses CSS ist das des freigegebenen Klickdummys (ausser
 * A-UU15: Gruenderfoto im Originalformat statt 4:3). Nur auf Seite 214820.
 * Farben, H1, Einleitung, Zwischentitel und Knopf kommen aus dem Abschnitt
 * .gs-ue von golfstunde.css; hier nur die vier Bloecke.
 */
/* Abschnitt #2 bringt 50 px Innenabstand unten mit -- ohne das 90 px bis zum Fuss */
.gs-ue.gs-uu{margin-bottom:0;}
.gs-uu__zahlen{margin:-6px 0 34px;font-size:16px;line-height:1.5;color:var(--ue-text2);}
.gs-uu__zahlen span{white-space:nowrap;}
.gs-uu__zahlen span:not(:last-child)::after{content:"\00a0·";}
.gs-uu .gs-ue__zwischentitel{margin:0 0 14px;}
.gs-uu ul{list-style:none;margin:0;padding:0;}
.gs-uu li{margin:0;padding:0;}
.gs-uu li::before,.gs-uu li::marker{content:none;}
/* Porträts kommen aus get_avatar() mit "avatar photo" -- fremde .avatar-Regel
   (150 px, Rahmen, float) steht live hinter den Plugin-CSS, s. autor.css 0.17.3 */
.gs-uu .gs-uu__bild{display:block;flex:none;border:0;border-radius:50%;background:none;float:none;object-fit:cover;margin:0;padding:0;box-shadow:none;}

/* Gruender */
.gs-uu__gruender{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:36px;align-items:start;margin:0 0 48px;}
/* Originalformat (A-UU15): das Gruenderfoto ist 1000 x 613, 4:3 haette die Seiten beschnitten */
.gs-uu .gs-uu__foto{display:block;width:100%;max-width:100%;height:auto;border-radius:12px;margin:0;float:none;}
.gs-uu__geschichte{max-width:62ch;}
.gs-uu__geschichte p{margin:0 0 .8em;}
.gs-uu .gs-uu__hallo{font-family:Roboto,system-ui,sans-serif;font-size:24px;font-weight:700;line-height:1.3;color:var(--ue-dark);text-transform:none;letter-spacing:0;margin:0 0 10px;}
.gs-uu__knopfzeile{margin:18px 0 0!important;}

/* Team: vier Karten, ganze Karte ist der Link */
.gs-uu__team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0 0 48px!important;}
.gs-uu .gs-uu__person{display:flex;flex-direction:column;align-items:center;text-align:center;height:100%;padding:24px 14px 20px;border:1.5px solid #d9ddd6;border-radius:12px;background:#fff;color:var(--ue-text);transition:border-color .15s,background-color .15s;}
/* Hover-Flaeche (0.18.1): hellpetrol + Petrol-Rand, ohne Unterstrich (Oxygens a:hover) und ohne roten Namen */
.gs-uu .gs-uu__person:hover,.gs-uu .gs-uu__person:focus-visible{background:var(--ue-hover);border-color:var(--ue-link);text-decoration:none;}
.gs-uu .gs-uu__person .gs-uu__bild{width:120px;height:120px;margin:0 0 14px;}
.gs-uu__name{font-size:21px;font-weight:700;line-height:1.3;color:var(--ue-dark);}
.gs-uu__rolle{margin:4px 0 0;font-size:15px;font-weight:600;line-height:1.3;letter-spacing:.07em;text-transform:uppercase;color:var(--ue-accent);}
.gs-uu__anzahl{margin:6px 0 0;font-size:16px;line-height:1.4;color:var(--ue-text2);}

/* Angebot und Autoren: Zeilenkarten mit Pfeil */
.gs-uu__angebot,.gs-uu__autoren{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.gs-uu__angebot{margin:0 0 48px!important;}
.gs-uu .gs-uu__zeile,.gs-uu .gs-uu__autor{display:flex;align-items:center;gap:14px;height:100%;min-height:72px;padding:12px 14px 12px 18px;border:1.5px solid #d9ddd6;border-radius:12px;background:#fff;color:var(--ue-text);transition:border-color .15s,background-color .15s;}
.gs-uu .gs-uu__autor{padding-left:12px;}
.gs-uu .gs-uu__zeile:hover,.gs-uu .gs-uu__zeile:focus-visible,.gs-uu .gs-uu__autor:hover,.gs-uu .gs-uu__autor:focus-visible{background:var(--ue-hover);border-color:var(--ue-link);text-decoration:none;}
.gs-uu__zeiletext,.gs-uu__autortext{display:flex;flex-direction:column;min-width:0;flex:1;}
.gs-uu__zeiletitel,.gs-uu__autorname{font-size:21px;font-weight:700;line-height:1.3;color:var(--ue-dark);overflow-wrap:anywhere;}
.gs-uu__zeileunter{margin:2px 0 0;font-size:16px;line-height:1.4;color:var(--ue-text2);}
.gs-uu__autor .gs-uu__anzahl{margin:0;}
.gs-uu .gs-uu__autor .gs-uu__bild{width:56px;height:56px;}
.gs-uu__pfeil{flex:none;width:22px;height:22px;margin-left:auto;fill:none;stroke:var(--ue-text2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.gs-uu .gs-uu__zeile:focus-visible,.gs-uu .gs-uu__autor:focus-visible,.gs-uu .gs-uu__person:focus-visible,.gs-uu .gs-uu__mehr:focus-visible{outline:2px solid var(--ue-link);outline-offset:2px;}

/* Umschalter "Alle 46 zeigen" (A-UU7): Zweitknopf, umrandet */
.gs-uu__autoren.is-zu li[data-mehr]{display:none;}
.gs-uu__mehrzeile{margin:22px 0 0;text-align:center;}
.gs-uu .gs-uu__mehr{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border:1.5px solid var(--ue-dark);border-radius:10px;background:#fff;color:var(--ue-dark);font:500 20px/1.2 Roboto,system-ui,sans-serif;cursor:pointer;}
/* umrandeter Knopf: dieselbe Hover-Flaeche wie Karten und Chips (0.18.1) */
.gs-uu .gs-uu__mehr:hover{background:var(--ue-hover);border-color:var(--ue-link);color:var(--ue-dark);}
.gs-uu .gs-uu__mehr[hidden]{display:none;}

@media (max-width:1000px){
  .gs-uu__team{grid-template-columns:repeat(2,minmax(0,1fr));}
  .gs-uu__angebot,.gs-uu__autoren{grid-template-columns:repeat(2,minmax(0,1fr));}
  /* Tablet: neben einem 4:3-Foto wird die Textspalte zu schmal und laeuft weit unter das Foto -> untereinander */
  .gs-uu__gruender{grid-template-columns:minmax(0,1fr);gap:22px;}
  .gs-uu .gs-uu__foto{max-width:520px;}
}
@media (max-width:640px){
  .gs-uu__zahlen{margin-bottom:28px;}
  .gs-uu__gruender{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:40px;}
  .gs-uu .gs-uu__hallo{font-size:22px;}
  .gs-uu__team{gap:12px;margin-bottom:40px!important;}
  .gs-uu .gs-uu__person{padding:18px 8px 16px;}
  .gs-uu .gs-uu__person .gs-uu__bild{width:96px;height:96px;margin-bottom:12px;}
  .gs-uu__name{font-size:19px;}
  .gs-uu__rolle{font-size:14px;letter-spacing:.04em;}
  .gs-uu__angebot,.gs-uu__autoren{grid-template-columns:minmax(0,1fr);gap:10px;}
  .gs-uu__angebot{margin-bottom:40px!important;}
  .gs-uu .gs-uu__mehr{width:100%;}
}