/* Lumaps Haupt-Website - Grundlayout
   Design-Kit: Off-White #FDFCF8, Near-Black #0B0B0B,
   Akzente Lavendel #C8B6E2 + Minze #9FD8C4 */

/* Lokale Schriften (kein externer Aufruf, Datenschutz) */
@font-face {
  font-family: "Playfair Display";
  src: url("/Design%20Files/fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf") format("truetype-variations"),
       url("/Design%20Files/fonts/Playfair_Display/static/PlayfairDisplay-Regular.ttf") format("truetype");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Playfair Display";
  src: url("/Design%20Files/fonts/Playfair_Display/PlayfairDisplay-Italic-VariableFont_wght.ttf") format("truetype-variations"),
       url("/Design%20Files/fonts/Playfair_Display/static/PlayfairDisplay-Italic.ttf") format("truetype");
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Quicksand";
  src: url("/Design%20Files/fonts/Quicksand/Quicksand-VariableFont_wght.ttf") format("truetype-variations"),
       url("/Design%20Files/fonts/Quicksand/static/Quicksand-Regular.ttf") format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --off-white: #FDFCF8;
  --near-black: #0B0B0B;
  --lavendel: #C8B6E2;
  --minze: #9FD8C4;
  --font-titel: "Playfair Display", serif;
  --font-text: "Quicksand", sans-serif;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

body {
  overflow: hidden;
  background: var(--off-white);
  font-family: var(--font-text);
  color: var(--near-black);
}

#map {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

/* Login-Knopf oben rechts */
.login-link {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--off-white);
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  transition: box-shadow 0.2s, background 0.2s;
}

.login-link:hover {
  background: var(--lavendel);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

.login-link svg {
  width: 24px;
  height: 24px;
  fill: var(--near-black);
}

/* Info-Anzeige (Betrieb) als Vollbild-Overlay mit iframe */
.ort-overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  background: var(--off-white);
}

.ort-overlay-hidden {
  display: none;
}

.ort-iframe {
  width: 100%;
  height: 100%;
  border: none;
}