/*
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
*/

/* 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;
}

/* Footer 5% dunkler pro Kategorie */
body.category-deutschland .ehp-footer {
  background-color: var(--color-deutschland) !important;
  filter: brightness(95%);
}
body.category-daenemark .ehp-footer {
  background-color: var(--color-daenemark) !important;
  filter: brightness(95%);
}
body.category-niederlande .ehp-footer {
  background-color: var(--color-niederlande) !important;
  filter: brightness(95%);
}
body.category-schweden .ehp-footer {
  background-color: var(--color-schweden) !important;
  filter: brightness(95%);
}
body.category-frankreich .ehp-footer {
  background-color: var(--color-frankreich) !important;
  filter: brightness(95%);
}
body.category-schweiz .ehp-footer {
  background-color: var(--color-schweiz) !important;
  filter: brightness(95%);
}

/* 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;padding: 0px 3px 0px 3px;
  border: 2px solid #000;
  box-shadow: 8px 5px 0px 1px rgb(204,204,253);}

.header-deutschland .elementor-heading-title,
.header-deutschland .elementor-widget-container > * {
  background: var(--color-deutschland);
  color: #000;
  display: inline;
  padding: 0px 3px 0px 3px;
  border: 2px solid #000;
  box-shadow: 8px 5px 0px 1px rgb(204,204,253);}

.header-schweiz .elementor-heading-title,
.header-schweiz .elementor-widget-container > * {
  background: var(--color-schweiz);
  display: inline;
  padding: 0px 3px 0px 3px;
  border: 2px solid #000;
  box-shadow: 8px 5px 0px 1px rgb(204,204,253);
}

.header-frankreich .elementor-heading-title,
.header-frankreich .elementor-widget-container > * {
  background: var(--color-frankreich);
  display: inline;
  padding: 0px 3px 0px 3px;
  border: 2px solid #000;
  box-shadow: 8px 5px 0px 1px rgb(204,204,253);
}

.header-schweden .elementor-heading-title,
.header-schweden .elementor-widget-container > * {
  background: var(--color-schweden);
  display: inline;
  padding: 0px 3px 0px 3px;
  border: 2px solid #000;
  box-shadow: 8px 5px 0px 1px rgb(204,204,253);
}

.header-niederlande .elementor-heading-title,
.header-niederlande .elementor-widget-container > * {
  background: var(--color-niederlande);
  display: inline;
  padding: 0px 3px 0px 3px;
  border: 2px solid #000;
  box-shadow: 8px 5px 0px 1px rgb(204,204,253);
}

/* 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);
}

/* Hintergrund Bild Lightbox*/
.elementor-lightbox-image {
    background: #F9F7F4 !important;
}

/*Hintergrund Prunkte*/
body.page-id-41,
body.page-id-83,
body.page-id-800,
body.page-id-37,
body.page-id-2464,
body.page-id-5434,
body.page-id-5436,
body.page-id-5432,
body.postid-6824,
body.postid-7174,
body.postid-7184,
body.page-id-2444 {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2' cy='2' r='1' fill='black' /%3E%3C/svg%3E");
	background-repeat: repeat;
}

figure.wp-caption .widget-image-caption.wp-caption-text {
  font-family: "Work Sans", sans-serif;
  font-weight: 500;
  font-size: 10px;
  line-height: 1,1;
  text-align: left;
  margin-top: 5px;
}

/* Den Complianz Cookie-Platzhalter-Button stylen */
.cmplz-blocked-content-container button.cmplz-accept-category {
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 500 !important;
    background-color: #FFFF82 !important;
    color: #000000 !important;
    border: 1px solid #000000 !important;
	border-radius: 0;
    text-transform: none; 
    padding: 10px 20px;
}