/* LICHTPUNKT / Mitteldeutschland 1.5.12 – Layout-Feinschliff.
 * Deutschland 1.6.9 dient als Gestaltungsreferenz.
 * Keine Aenderungen an regionalen Farben, Texten, Seitenlinks und Funktionen.
 */

/* 1) Einstieg: Icon und Kartentitel sicher in EINER Zeile, statt Icon ueber Titel.
 * Die zusaetzliche innere Rasterhuelle schuetzt gegen fremde Flex-Regeln. */
body.home .sarkom-home-needs .sarkom-card.sarkom-home-need{
  display:block;
  min-width:0;
  padding:17px 13px;
}
body.home .sarkom-home-needs .sarkom-home-need-row{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:start;
  width:100%;
  min-width:0;
  height:100%;
}
body.home .sarkom-home-needs .sarkom-home-need-icon{
  grid-column:1;
  width:34px;
  height:34px;
  min-width:34px;
  flex:none;
  font-size:21px;
  line-height:1;
  align-self:start;
}
body.home .sarkom-home-needs .sarkom-home-need-body{
  grid-column:2;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-self:stretch;
}
body.home .sarkom-home-needs .sarkom-home-need h3{
  margin:3px 0 8px;
  font-size:18px;
  line-height:1.27;
}
body.home .sarkom-home-needs .sarkom-home-need p{
  margin:0 0 9px;
  min-height:0;
  font-size:14px;
  line-height:1.5;
}
body.home .sarkom-home-needs .sarkom-home-need a{
  margin-top:auto;
  font-size:14px;
}

/* 2) Hauptmenue: Schriftskalierung wie auf Deutschland 1.6.9 (16px). */
.sarkom-header .sarkom-nav,
.sarkom-header .sarkom-nav a{
  font-size:16px;
  line-height:1.4;
  font-weight:700;
}
.sarkom-header .sarkom-region-links{
  font-size:14px;
  line-height:1.4;
}
@media (min-width:981px){
  .sarkom-header .sarkom-nav ul{
    gap:clamp(10px,1.3vw,18px);
    flex-wrap:wrap;
    justify-content:flex-end;
    row-gap:5px;
  }
}
@media (max-width:980px){
  .sarkom-header .sarkom-nav a{
    font-size:16px;
    line-height:1.45;
  }
}
@media (max-width:600px){
  .sarkom-header .sarkom-region-links{font-size:12px}
}

/* 3) Footer: kleinere Abstaende zwischen Aufruf, Spalten, Partnern und Abschluss.
 * Desktop und Mobil bleiben responsiv. */
.sarkom-footer .sarkom-footer-wave{height:62px}
.sarkom-footer .sarkom-footer-cta{
  gap:24px;
  padding-top:36px;
  padding-bottom:36px;
}
.sarkom-footer .sarkom-footer-main{
  gap:clamp(20px,2.3vw,32px);
  padding-top:32px;
  padding-bottom:27px;
}
.sarkom-footer .sarkom-footer-brand .sarkom-footer-mark{margin-bottom:10px}
.sarkom-footer .sarkom-footer-brand .sarkom-footer-dots{margin-top:13px}
.sarkom-footer .sarkom-footer-col strong{margin-bottom:11px}
.sarkom-footer .sarkom-footer-col p{gap:7px}
.sarkom-footer .sarkom-footer-partners{
  padding-top:0;
  padding-bottom:28px;
}
.sarkom-footer .sarkom-partner-heading{
  gap:20px;
  padding-top:23px;
  padding-bottom:17px;
}
.sarkom-footer .sarkom-partner{
  min-width:0;
  min-height:97px;
  padding:14px 13px;
  gap:12px;
  border-radius:11px;
  align-items:center;
}
.sarkom-footer .sarkom-partner-grid{gap:14px}
.sarkom-footer .sarkom-footer-bottom{
  gap:12px;
  padding-top:15px;
}

/* 4) Partner-Logos: Begrenzung der Original-Bildgroesse ohne Verzerrung.
 * Gilt fuer alle vier Partner und fuer PNG, JPG, WEBP sowie transparente Logos. */
.sarkom-footer .sarkom-partner img.sarkom-partner-logo{
  display:block;
  flex:0 0 86px;
  width:86px !important;
  max-width:86px !important;
  height:64px !important;
  max-height:64px !important;
  padding:4px;
  background:#fff;
  border-radius:7px;
  object-fit:contain;
  object-position:center;
}
.sarkom-footer .sarkom-partner > span:last-child{
  flex:1;
  min-width:0;
  overflow-wrap:anywhere;
}
@media(max-width:900px){
  .sarkom-footer .sarkom-footer-main{gap:20px}
  .sarkom-footer .sarkom-footer-cta{padding-top:30px;padding-bottom:29px}
}
@media(max-width:680px){
  .sarkom-footer .sarkom-footer-wave{height:45px}
  .sarkom-footer .sarkom-footer-cta{gap:16px}
  .sarkom-footer .sarkom-footer-main{padding-top:25px;padding-bottom:23px}
  .sarkom-footer .sarkom-partner-heading{padding-top:20px;padding-bottom:15px}
  .sarkom-footer .sarkom-partner{min-height:0}
  .sarkom-footer .sarkom-partner img.sarkom-partner-logo{
    flex-basis:72px;
    width:72px !important;
    max-width:72px !important;
    height:56px !important;
    max-height:56px !important;
  }
}