/* WhatsApp-Button (unten rechts) – Werte aus dem Original gemessen */
@font-face {
  font-family: "qlwapp-whatsapp";
  src: url("../fonts/qlwapp-whatsapp.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.qlwapp__container {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 9999999;
  display: flex;
  flex-direction: column;
  font-size: 18px;
  pointer-events: none;
}

.qlwapp__button {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 40px;
  padding: 8px 24px;
  margin: 24px 20px 24px 0;
  border-radius: 50px;
  color: #fff;
  background-color: #25d366;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .06), 0 2px 32px 0 rgba(0, 0, 0, .16);
  white-space: nowrap;
  pointer-events: all;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}

.qlwapp__button:hover,
.qlwapp__button:focus,
.qlwapp__button:active {
  color: #fff;
  background-color: #25d366;
  outline: none;
}

.qlwapp__icon {
  display: flex;
  align-items: baseline;
  margin: 0;
  font-family: "qlwapp-whatsapp";
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.qlwapp__icon::before { content: "\e900"; }

/* ---------- Cookie-Hinweis (dezent) ---------- */
.cookie-banner {
  position: fixed; left: 20px; bottom: 20px; z-index: 9999998;
  width: 340px; max-width: calc(100vw - 40px); padding: 16px 18px;
  background: #fff; color: #333; border-radius: 10px;
  box-shadow: 0 2px 16px rgba(0, 0, 0, .18);
  font: 400 13px/1.5 "Montserrat", sans-serif;
  transition: opacity .35s ease, transform .35s ease;
}
.cookie-banner.is-hidden { opacity: 0; transform: translateY(10px); pointer-events: none; }
.cookie-banner p { margin: 0 0 12px; }
.cookie-banner a { color: #0071BC; text-decoration: underline; }
.cookie-banner__actions { display: flex; gap: 8px; justify-content: flex-end; }
.cookie-banner__btn {
  padding: 8px 14px; font: 600 13px/1 "Montserrat", sans-serif; color: #fff; background: #0071BC;
  border: 1px solid #0071BC; border-radius: 6px; cursor: pointer; transition: background .2s, color .2s;
}
.cookie-banner__btn:hover { background: #005a96; border-color: #005a96; }
.cookie-banner__btn--ghost { color: #555; background: transparent; border-color: #ccc; }
.cookie-banner__btn--ghost:hover { color: #222; background: #f2f2f2; border-color: #bbb; }
@media (max-width: 600px) { .cookie-banner { left: 12px; right: 12px; bottom: 92px; width: auto; max-width: none; } }