/* FeMi – responsive WKDB 234×90: Originalwidget links, nur auf breiten Bildschirmen.
   Auf Smartphone/Tablet erscheint ausschließlich die vom Betreiber gelieferte Bildvorlage
   im normalen Seitenfluss. Keine 2 Widgets, keine Überlagerung rechts. */
/* Desktop: das ORIGINAL-WKDB-Widget bleibt 234 x 90 (keine Skalierung des Quellcodes).
   Nur seine sichtbare Darstellung wird auf 90% verkleinert und tiefer links fixiert. */
.femi-wkdb-floating{
  position:fixed;top:auto;bottom:clamp(22px,12vh,120px);left:12px;
  z-index:1550;width:211px;height:81px;min-height:0;margin:0;padding:0;
  overflow:hidden;isolation:isolate;box-sizing:border-box;
  background:#fff;border:1px solid #e1ebe5;border-radius:12px;
  box-shadow:0 5px 18px rgba(3,46,30,.16);
}
.femi-wkdb-floating #wkdb-widget{
  position:absolute;top:0;left:0;z-index:1;
  display:block;width:234px;height:90px;min-height:90px;
  margin:0;padding:0;overflow:hidden;box-sizing:border-box;
  transform:scale(.9);transform-origin:top left;
}
.femi-wkdb-floating .femi-wkdb-float-fallback{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:1px;position:absolute;inset:0;z-index:2;
  color:#063f2d;background:#fff;overflow:hidden;
}
.femi-wkdb-float-fallback img{display:block;width:195px;height:auto;max-height:57px;object-fit:contain}
.femi-wkdb-float-fallback small{font:650 10px/1.2 system-ui,sans-serif;text-align:center}
.femi-wkdb-floating.has-official-widget .femi-wkdb-float-fallback{display:none}
/* Der Link bleibt AUCH beim geladenen externen Siegel aktiv, weil die vorherige
   Verlinkung lediglich Teil des ausgeblendeten Fallbacks war. */
.femi-wkdb-floating .femi-wkdb-click-area{
  display:block;position:absolute;inset:0;z-index:5;
  cursor:pointer;background:transparent;text-decoration:none;
}
.femi-wkdb-floating .femi-wkdb-click-area:focus-visible{
  outline:3px solid #ee6900;outline-offset:-3px;border-radius:10px;
}
@media(max-height:650px) and (min-width:1101px){
  .femi-wkdb-floating{bottom:18px}
}
/* Static linked official artwork; no external service contact merely from displaying it. */
.femi-wkdb-inline{display:none;box-sizing:border-box;width:min(100%,1260px);margin:0 auto;
  padding:18px 10px 22px;text-align:center}
.femi-wkdb-inline-link{display:block;box-sizing:border-box;width:min(100%,620px);margin:0 auto;
  border-radius:15px;overflow:hidden;background:#fff;border:1px solid #f3c6a6;
  box-shadow:0 7px 22px #063f2d18;text-decoration:none;transition:box-shadow .15s ease}
.femi-wkdb-inline-link:focus-visible{outline:3px solid #063f2d;outline-offset:3px}
@media (hover:hover){.femi-wkdb-inline-link:hover{box-shadow:0 11px 26px #063f2d2b}}
.femi-wkdb-inline-link img{display:block;width:100%;height:auto;aspect-ratio:2048 / 546;object-fit:contain}
.femi-wkdb-inline-hint{display:block;margin-top:6px;color:#596b61;
  font:650 12px/1.4 system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
/* Breite 1100px ist absichtlich konservativ: keinen schwebenden Banner über Text auf Tablets. */
@media(max-width:1100px){
  .femi-wkdb-floating{display:none!important}
  .femi-wkdb-inline{display:block}
}
@media(max-width:600px){
  .femi-wkdb-inline{padding:12px 10px 18px}
  .femi-wkdb-inline-link{width:100%;border-radius:10px;border-width:1px}
  .femi-wkdb-inline-hint{font-size:12px}
}
@media print{.femi-wkdb-floating,.femi-wkdb-inline{display:none!important}}

/* On narrow screens social links form one compact dock at the BOTTOM, not a tall
   strip covering the text. All five icons remain individually accessible. */
@media(max-width:760px){
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}
  #femi-social-dock-20261008{
    position:fixed;left:50%;right:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px));
    transform:translateX(-50%);flex-direction:row;align-items:center;justify-content:center;
    gap:6px;width:max-content;max-width:calc(100vw - 16px);flex-wrap:nowrap;padding:5px;background:rgba(255,255,255,.94);
    border:1px solid #edf1ed;border-radius:99px;box-shadow:0 4px 23px #00271f40;
    backdrop-filter:blur(9px)
  }
  #femi-social-dock-20261008 .femi-dock-btn,
  #femi-social-dock-20261008 .femi-dock-review-11880{
    width:46px;min-width:46px;height:46px;padding:0;flex:0 0 46px;
    border-radius:50%;justify-content:center;box-shadow:none;transform:none!important
  }
  #femi-social-dock-20261008 .femi-dock-review-11880 .femi-11880-logo{
    width:39px!important;max-width:39px!important;max-height:31px!important;height:auto!important
  }
  #femi-social-dock-20261008 .femi-dock-btn:focus-visible{outline:3px solid #ee6900;outline-offset:2px}
}
@media(max-width:345px){
  #femi-social-dock-20261008{gap:4px;padding:5px}
  #femi-social-dock-20261008 .femi-dock-btn,
  #femi-social-dock-20261008 .femi-dock-review-11880{
    width:44px;min-width:44px;height:44px;flex-basis:44px
  }
}

/* 11880-Button V6: immer opak, gleiche Pill-Groesse wie Google/Instagram.
   Die vorherige Originaldatei (300 x 148) ragte aus dem 48px-Button heraus. */
@media(min-width:761px){
  #femi-social-dock-20261008 .femi-dock-review-11880{
    width:185px;min-width:185px;max-width:185px;height:48px;min-height:48px;
    padding:2px 9px;border:2px solid #e5ece7;background:#fff!important;
    justify-content:center;align-items:center;overflow:hidden;
  }
  #femi-social-dock-20261008 .femi-dock-review-11880 picture{
    width:100%;height:100%;display:flex;justify-content:center;align-items:center;
  }
  #femi-social-dock-20261008 .femi-dock-review-11880 img.femi-11880-logo{
    display:block!important;width:140px!important;max-width:140px!important;
    max-height:40px!important;height:auto!important;object-fit:contain!important;
    opacity:1!important;filter:none!important;
  }
}
@media(max-width:760px){
  #femi-social-dock-20261008 .femi-dock-review-11880{
    background:#fff!important;border-color:#e5ece7!important;overflow:hidden;
  }
  #femi-social-dock-20261008 .femi-dock-review-11880 picture{
    display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  }
  #femi-social-dock-20261008 .femi-dock-review-11880 img.femi-11880-logo{
    display:block!important;width:39px!important;max-width:39px!important;
    height:auto!important;max-height:31px!important;object-fit:contain!important;
    opacity:1!important;filter:none!important;
  }
}