/*
Theme Name:     Hello Biz Child
Theme URI:      https://elementor.com/products/hello-biz/
Description:    Child Theme für Hello Biz
Author:         Dein Name
Author URI:     https://deine-website.de/
Template:       hello-biz
Version:        1.0.0
*/

/* Logo anpassen*/
.ehp-header__site-logo {
    height: 2em !important;      /* Setzt die Höhe auf 2x Schriftgröße */
    width: auto !important;      /* Seitenverhältnis bleibt erhalten */
    max-height: none !important; /* Kein Limit nach oben */
    display: inline-block;       /* Für saubere Ausrichtung */
    vertical-align: middle;      /* Zentriert zum Text */
}

/* Karten Logo anpassen */
.map-wrapper .map-logo-link {
  height: 42px !important;
  width: auto !important;
  max-height: none !important;
  position: absolute;
  top: 10px;
  left: 20px;
  z-index: 9999;
  display: block;
  background: transparent;
  border-radius: 0px;
  box-shadow: 0 4px 14px rgba(0,0,0,0.08);
  transition: background 0.5s;
}


/* Bild: normale Animationen */
.map-wrapper .map-logo-img {
  height: 42px;
  width: auto;
  display: block;
  transition:
    transform 0.33s cubic-bezier(.4,2,.6,1),
    filter 0.33s cubic-bezier(.4,2,.6,1);
}

/* Nur das Bild wird invertiert und gezoomt! */
.map-wrapper .map-logo-link:hover .map-logo-img {
  transform: scale(1.15) rotate(0.3deg);
  filter: invert(1);
}

/* Optional: Schatten beim Hover verstärken (am <a>) */
.map-wrapper .map-logo-link:hover {
  box-shadow: 0 8px 28px rgba(0,0,0,0.18);
}


/* Karten Umschalter deaktivieren*/
#wpgmza_map_1 .gm-style-mtc {
    display: none !important;
}


/* Hintergrundfarbe anpassen fuer Systemseiten*/
:root {
  --color-daenemark:   #F7A7A7;
  --color-deutschland: #C9DFB9;
  --color-frankreich:  #A7BCF7;
  --color-schweiz:     #CDA7F7;
  --color-niederlande: #FFC265;
  --color-schweden:	   #FFE693;
}

/* Hintergrundfarbe anpassen fuer Systemseiten*/
body.category-deutschland {
    background-color: var(--color-deutschland)!important;
}
body.category-daenemark {
    background-color: var(--color-daenemark)!important;
}
body.category-niederlande {
    background-color: var(--color-niederlande)!important;
}
body.category-schweden {
    background-color: var(--color-schweden)!important;
}
body.category-frankreich {
    background-color: var(--color-frankreich)!important;
}
body.category-schweiz {
    background-color: var(--color-schweiz)!important;
}

/* Ueberschriften farbig hinterlegen im Systemkatlog*/

.header-daenemark .elementor-heading-title,
.header-daenemark .elementor-widget-container > * {
  background: var(--color-daenemark);
  color: #000;
  padding: 0.2em 0.2em;
  border-radius: 0px;
  display: inline;
}

.header-deutschland .elementor-heading-title,
.header-deutschland .elementor-widget-container > * {
  background: var(--color-deutschland);
  color: #000;
  padding: 0.2em 0.2em;
  border-radius: 0px;
  display: inline;
}

.header-schweiz .elementor-heading-title,
.header-schweiz .elementor-widget-container > * {
  background: var(--color-schweiz);
  color: #000;
  padding: 0.2em 0.2em;
  border-radius: 0px;
  display: inline;
}

.header-frankreich .elementor-heading-title,
.header-frankreich .elementor-widget-container > * {
  background: var(--color-frankreich);
  color: #000;
  padding: 0.2em 0.2em;
  border-radius: 0px;
  display: inline;
}

.header-schweden .elementor-heading-title,
.header-schweden .elementor-widget-container > * {
  background: var(--color-schweden);
  color: #000;
  padding: 0.2em 0.2em;
  border-radius: 0px;
  display: inline;
}

.header-niederlande .elementor-heading-title,
.header-niederlande .elementor-widget-container > * {
  background: var(--color-niederlande);
  color: #000;
  padding: 0.2em 0.2em;
  border-radius: 0px;
  display: inline;
}

/* Kategorieabhängige Hover-Farbe + Schatten */
.elementor-post.category-daenemark:hover,
.elementor-post.category-daenemark:focus-within {
  background: var(--color-daenemark) !important;
  box-shadow: 0 8px 32px 0 rgba(60,40,80,0.12), 0 1.5px 8px 0 rgba(80,40,60,0.05);
}
.elementor-post.category-deutschland:hover,
.elementor-post.category-deutschland:focus-within {
  background: var(--color-deutschland) !important;
  box-shadow: 0 8px 32px 0 rgba(60,40,80,0.12), 0 1.5px 8px 0 rgba(80,40,60,0.05);
}
.elementor-post.category-frankreich:hover,
.elementor-post.category-frankreich:focus-within {
  background: var(--color-frankreich) !important;
  box-shadow: 0 8px 32px 0 rgba(60,40,80,0.12), 0 1.5px 8px 0 rgba(80,40,60,0.05);
}
.elementor-post.category-schweiz:hover,
.elementor-post.category-schweiz:focus-within {
  background: var(--color-schweiz) !important;
  box-shadow: 0 8px 32px 0 rgba(60,40,80,0.12), 0 1.5px 8px 0 rgba(80,40,60,0.05);
}
.elementor-post.category-niederlande:hover,
.elementor-post.category-niederlande:focus-within {
  background: var(--color-niederlande) !important;
  box-shadow: 0 8px 32px 0 rgba(60,40,80,0.12), 0 1.5px 8px 0 rgba(80,40,60,0.05);
}
.elementor-post.category-schweden:hover,
.elementor-post.category-schweden:focus-within {
  background: var(--color-schweden) !important;
  box-shadow: 0 8px 32px 0 rgba(60,40,80,0.12), 0 1.5px 8px 0 rgba(80,40,60,0.05);
}

/* Smooth Transition */
.elementor-post.category-daenemark,
.elementor-post.category-deutschland,
.elementor-post.category-frankreich,
.elementor-post.category-schweiz,
.elementor-post.category-niederlande,
.elementor-post.category-schweden {
  transition:
    background 0.25s cubic-bezier(.4,2,.6,1),
    box-shadow 0.23s cubic-bezier(.4,2,.6,1);
}
/* Hintergrund der Startseite*/
body.page-id-31 {
   background-image: url('https://spielwiese.mywld.de/wp-content/uploads/2025/06/Plattenkatalog-scaled.jpg') !important;
   background-size: 100% auto !important;
   background-repeat: no-repeat !important;
   background-position: top left !important;
   background-attachment: fixed !important;
}

/* Hintergrund der Systemseite*/
body.page-id-41 {
   background-image: url('https://spielwiese.mywld.de/wp-content/uploads/2025/06/Larsen_Nielsen-1-scaled.jpg') !important;
   background-size: 100% auto !important;
   background-repeat: no-repeat !important;
   background-position: top left !important;
   background-attachment: fixed !important;
}