/* Bubblemakers-Verlinkung: Logokachel in Menueleiste + Burgermenue, Logo rechts
   in der Schlusszeile der Fusszeile. Ziel ist immer
   https://www.funnydivers.com/bubblemakers/ . Eigene Datei, damit Aenderungen
   keinen ?v=-Bump in den Seiten-CSS brauchen. Muss VOR touch-desktop.css stehen. */

.fd-bm img{display:block;width:auto;max-width:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),filter .35s ease;}
.fd-bm:hover img,.fd-bm:focus-visible img{transform:scale(1.08) rotate(-3deg);filter:drop-shadow(0 0 10px rgba(120,220,255,.55));}
.fd-bm:focus-visible{outline:2px solid #7fe3ff;outline-offset:3px;}

/* Menueleiste (Desktop) */
.top-nav a.fd-bm-nav{display:inline-flex;align-items:center;padding:3px 10px;margin-inline-start:6px;border-radius:14px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);}
.top-nav a.fd-bm-nav:hover{background:rgba(255,255,255,.16);}
.fd-bm-nav img{height:30px;}
/* 1101-1300px: Platz fuer die Kachel schaffen, sonst bricht "Jetzt buchen" um */
@media (min-width:1101px) and (max-width:1300px){ .top-nav{gap:0;} .top-nav a{padding:8px 9px;} .top-nav a.fd-bm-nav{padding:3px 6px;margin-inline-start:4px;} .fd-bm-nav img{height:26px;} .top-right>.btn-primary{white-space:nowrap;} }
@media (min-width:1101px) and (max-width:1200px){ .top-nav a{padding:8px 6px;font-size:13px;} .top-right>.btn-primary{padding-left:18px;padding-right:18px;} }

/* Burgermenue */
.mnav-links a.fd-bm-mnav{gap:14px;margin-top:10px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font-size:14px;font-weight:600;color:rgba(255,255,255,.8);}
.mnav-links a.fd-bm-mnav:hover{background:rgba(255,255,255,.12);}
.fd-bm-mnav img{height:44px;flex:none;}

/* Fusszeile: Schlusszeile rechts */
footer .fd-legal-links{position:relative;}
footer .fd-bm-foot{position:absolute;right:28px;top:50%;transform:translateY(-50%);line-height:0;}
.fd-bm-foot img{height:40px;}
.fd-bm-foot:hover img{animation:fd-bm-bob 1.4s ease-in-out infinite;}
@keyframes fd-bm-bob{0%,100%{transform:scale(1.08) rotate(-3deg) translateY(0);}50%{transform:scale(1.08) rotate(2deg) translateY(-4px);}}
/* schwebende Kontaktblasen sitzen fest unten rechts - Logo davon freihalten */
@media (min-width:961px) and (max-width:1400px){ footer .fd-bm-foot{right:96px;} }
@media (max-width:960px){ footer .fd-bm-foot{position:static;transform:none;display:block;width:max-content;margin:18px auto 0;} }

/* Wortmarken in Kacheln/Ueberschriften, die jetzt verlinkt sind */
a .bm-wort img{transition:transform .35s cubic-bezier(.34,1.56,.64,1);}
a:hover .bm-wort img{transform:scale(1.05) rotate(-2deg);}

@media (prefers-reduced-motion:reduce){ .fd-bm img,a .bm-wort img{transition:none;} .fd-bm-foot:hover img{animation:none;} }
.fd-reduced-motion .fd-bm img,.fd-reduced-motion a .bm-wort img{transition:none;}
.fd-reduced-motion .fd-bm-foot:hover img{animation:none;}