/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 11 2026 | 21:41:51 */
.hz-maja{--pink:#d00150;--pink-d:#a8003f;--pink-t:#fde8ef;--navy:#002f6c;--navy-t:#f0f4fb;--txt:#4a4a4a;--muted:#5b6578;--white:#ffffff;--f-head:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;--f-body:"Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--hive-w:110px;--hive-top:104px}
.hz-maja .hz-bubble{font-family:var(--f-body);color:var(--txt);text-align:left}
.hz-maja .hz-bubble p{color:var(--txt)}
.hz-maja [hidden]{display:none!important}
.hz-maja .hz-bubble .more{color:var(--pink)}
.hz-maja button{font:inherit;text-transform:none;letter-spacing:normal}
.hz-maja .hz-hive:hover,.hz-maja .hz-hive:focus{background:none}
.hz-maja .hz-x:hover,.hz-maja .hz-x:focus{background:var(--pink-t);color:var(--pink)}/* Gras: an den Seiten bei den Blumen dicht und hoch, in der Mitte nur ein niedriger Saum */
.hz-maja .hz-grass{position:fixed;left:0;right:0;bottom:0;width:100%;height:46px;z-index:80;pointer-events:none;overflow:visible;margin-bottom:env(safe-area-inset-bottom,0px)}
.hz-maja .hz-grass g{transform-box:fill-box;transform-origin:50% 100%}
.hz-maja .hz-grass .g1{fill:#2f7d47;animation:hz-grass 4.2s ease-in-out infinite alternate}
.hz-maja .hz-grass .g2{fill:#3f9b5a;animation:hz-grass 3.4s ease-in-out -1.3s infinite alternate}
.hz-maja .hz-grass .g3{fill:#5bb36f;animation:hz-grass 5s ease-in-out -2.6s infinite alternate}
@keyframes hz-grass{from{transform:skewX(-4deg)}to{transform:skewX(4deg)}}
@media (prefers-reduced-motion:reduce){
.hz-maja .hz-grass g{animation:none}}
/* ---------- Blumenwiese ---------- */
/* fix am unteren Bildschirmrand: links drei, rechts zwei Blumen, die Mitte bleibt frei für den Text */
.hz-maja .hz-meadow{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;align-items:flex-end;gap:6px;pointer-events:none;
  padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));padding-bottom:env(safe-area-inset-bottom,0px)}
.hz-maja .hz-flower:nth-child(5){margin-right:auto}
.hz-maja .hz-flower{display:block;width:calc(var(--h) * .28);height:calc(var(--h) * .56);margin-bottom:-6px;transform-origin:50% 100%;animation:hz-idle 5s ease-in-out infinite alternate}
.hz-maja .hz-flower:nth-child(2n){animation-delay:-2.2s}
.hz-maja .hz-flower:nth-child(3n){animation-delay:-3.7s}
.hz-maja .hz-flower svg{width:100%;height:100%;display:block;overflow:visible}
.hz-maja .hz-flower.sway{animation:hz-sway 1.1s ease-in-out infinite alternate}
@keyframes hz-idle{from{transform:rotate(-2deg)}to{transform:rotate(2deg)}}
@keyframes hz-sway{from{transform:rotate(-6deg)}to{transform:rotate(5deg)}}
@media (max-width:760px){
.hz-maja .hz-flower:nth-child(n+6){display:none}
.hz-maja .hz-flower:nth-child(5){margin-right:0}
.hz-maja .hz-meadow{gap:2px}
.hz-maja .hz-flower{width:calc(var(--h) * .22);height:calc(var(--h) * .44)}}
@media (prefers-reduced-motion:reduce){
.hz-maja .hz-flower,.hz-maja .hz-flower.sway{animation:none}}

/* ---------- Bienenstock ---------- */
.hz-maja .hz-hive{position:fixed;z-index:99;overflow:visible;top:calc(var(--hive-top) + env(safe-area-inset-top,0px));right:calc(18px + env(safe-area-inset-right,0px));
  width:var(--hive-w);aspect-ratio:120/150;padding:0;border:0;background:none;cursor:pointer;transform-origin:50% 4%;
  filter:drop-shadow(0 14px 18px rgba(0,47,108,.18))}
.hz-maja .hz-hive svg{display:block;width:100%;height:100%;overflow:visible}
.hz-maja .hz-hive:focus-visible{outline:3px solid var(--pink);outline-offset:4px;border-radius:24px}
.hz-maja .hz-hive.wiggle{animation:hz-wiggle .9s ease-in-out}
@keyframes hz-wiggle{0%,100%{transform:rotate(0)}20%{transform:rotate(-5deg)}45%{transform:rotate(4deg)}70%{transform:rotate(-2deg)}}

/* ---------- Biene ---------- */
.hz-maja .hz-beelayer{position:fixed;inset:0;z-index:98;pointer-events:none;overflow:hidden}
.hz-maja .hz-trail{position:absolute;inset:0;pointer-events:none}
.hz-maja .hz-bee{position:absolute;left:0;top:0;width:56px;height:46px;margin:-23px 0 0 -28px;pointer-events:auto;cursor:pointer;
  touch-action:none;will-change:transform;-webkit-tap-highlight-color:transparent}
.hz-maja .hz-bee::before{content:"";position:absolute;inset:-12px;border-radius:50%}/* größere Trefferfläche */
.hz-maja .hz-bee svg{width:100%;height:100%;display:block;overflow:visible}
.hz-maja .hz-bee .wings{transform-origin:28px 22px;transform:scaleY(.72)}
.hz-maja .hz-bee.is-flying .wings{animation:hz-flap .07s linear infinite alternate}
.hz-maja .hz-bee.is-walking .legs{animation:hz-step .28s ease-in-out infinite alternate;transform-origin:28px 38px}
.hz-maja .hz-bee[hidden]{display:none!important}
@keyframes hz-flap{from{transform:scaleY(1)}to{transform:scaleY(.35)}}
@keyframes hz-step{from{transform:skewX(-14deg)}to{transform:skewX(14deg)}}

/* ---------- Sprechblase ---------- */
.hz-maja .hz-bubble{position:fixed;z-index:99;top:calc(var(--hive-top) + var(--hive-w)*1.25 + 18px + env(safe-area-inset-top,0px));
  right:calc(16px + env(safe-area-inset-right,0px));width:min(360px,calc(100vw - 32px));background:var(--white);border-radius:24px;
  padding:22px 24px 20px;box-shadow:0 30px 70px -28px rgba(0,47,108,.5),0 0 0 1px rgba(208,1,80,.15);
  animation:hz-pop .35s cubic-bezier(.2,1.4,.4,1)}
.hz-maja .hz-bubble::before{content:"";position:absolute;top:-12px;right:calc(var(--hive-w)/2 - 10px);width:24px;height:24px;background:var(--white);
  right:var(--tail,calc(var(--hive-w)/2 - 10px));transform:rotate(45deg);border-radius:5px;box-shadow:-1px -1px 0 0 rgba(208,1,80,.15)}
@keyframes hz-pop{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}
.hz-maja .hz-bubble .eb{display:inline-block;background:var(--pink-t);color:var(--pink);font-weight:700;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;padding:5px 11px;border-radius:999px;margin-bottom:8px}
.hz-maja .hz-bubble .hz-bh{font-family:var(--f-head);font-weight:800;color:var(--navy);font-size:20px;line-height:1.25;letter-spacing:-.01em;margin:0 36px 8px 0;text-wrap:balance}
.hz-maja .hz-bubble p{font-size:14.5px;line-height:1.6;margin:0 0 10px}
.hz-maja .hz-bubble .src{font-size:12.5px;color:var(--muted);margin:0 0 12px}
.hz-maja .hz-bubble .more{font-weight:700;font-size:14.5px;text-decoration:none}
.hz-maja .hz-bubble .more:hover{color:var(--pink-d);text-decoration:underline}
.hz-maja .hz-acts{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.hz-maja .hz-free{border:0;background:var(--navy-t);color:var(--navy);font-family:var(--f-body);font-weight:700;font-size:13px;padding:8px 14px;border-radius:999px;cursor:pointer}
.hz-maja .hz-free:hover{background:var(--pink-t);color:var(--pink)}
.hz-maja .hz-x{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:0;background:var(--navy-t);color:var(--navy);
  font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center}
.hz-maja .hz-x:hover{background:var(--pink-t);color:var(--pink)}
@media (max-width:760px){
.hz-maja{--hive-w:78px;--hive-top:92px}
.hz-maja .hz-bee{width:44px;height:36px;margin:-18px 0 0 -22px}}
@media (prefers-reduced-motion:reduce){
.hz-maja .hz-bubble{animation:none}
.hz-maja .hz-hive.wiggle{animation:none}
.hz-maja .hz-bee .wings,.hz-maja .hz-bee .legs{animation:none!important}}