/* ----------------------------- */
/* Grundwerte / sanfter Schatten */
/* ----------------------------- */
:root{
  --fb-blue: #1877F2;
  --card-bg: #FFE600; /* #F6F9FF; */
  --shadow: 0 6px 20px rgba(0,20,100,.12), 0 2px 6px rgba(0,20,100,.08);
}

/* -------------------------------------- */
/* Zentrieren + List-Marker zuverlässig weg */
/* -------------------------------------- */
.kachel .social-center{
  display: grid;
  place-items: center;          /* zentriert */
  margin: .5rem 0 1rem;
}

/* Falls der Block in einer <li> steckt, Marker ausblenden */
.kachel li::marker{ content: ""; }
.kachel li{ list-style: none; }

/* -------------------------- */
/* Nur das kleine Logo-Widget */
/* -------------------------- */
.kachel .fb-logo-only{
  width: 160px;          /* vorher 96px */
  aspect-ratio: 1/1;
  border-radius: 14px;
  background: var(--card-bg);
  box-shadow: var(--shadow);
  overflow: hidden;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}

@media (min-width:641px){
  .kachel .fb-logo-only{ width: 240px }   /* vorher 112px */
}

@media (min-width:1025px){
  .kachel .fb-logo-only{ width: 300px }   /* vorher 128px */
}

.kachel .fb-logo-only:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0,20,100,.18), 0 3px 10px rgba(0,20,100,.10);
}
.kachel .fb-logo-only:focus-visible{
  outline: 3px solid var(--fb-blue);
  outline-offset: 3px;
  border-radius: 16px;
}

.kachel .fb-media,
.kachel .fb-media img{
  display: block;
  width: 100%;
  height: 100%;
}

.kachel .fb-media img{ object-fit: cover }