/* Complianz consent banner + blocked-content placeholders in the blog's look:
   white, Open Sans light, square corners, green accent (#529f00).
   The banner stylesheet is injected by complianz.min.js after this file, so
   the variables are set on the banner element itself (beats :root) and the
   rules are scoped under the container id. */

#cmplz-cookiebanner-container .cmplz-cookiebanner {
  --cmplz_banner_width: 440px;
  --cmplz_banner_border_radius: 0;
  --cmplz_text_color: #373737;
  --cmplz_hyperlink_color: #529f00;
  --cmplz_title_font_size: 14px;
  --cmplz_text_font_size: 13px;
  --cmplz_link_font_size: 12px;
  --cmplz_button_font_size: 13px;
  --cmplz_button_border_radius: 0;
  --cmplz_button_accept_background_color: #529f00;
  --cmplz_button_accept_border_color: #529f00;
  --cmplz_button_accept_text_color: #fff;
  --cmplz_button_deny_background_color: #fff;
  --cmplz_button_deny_border_color: #ccc;
  --cmplz_button_deny_text_color: #373737;
  --cmplz_button_settings_background_color: #fff;
  --cmplz_button_settings_border_color: #fff;
  --cmplz_button_settings_text_color: #888;
  --cmplz_slider_active_color: #529f00;
  --cmplz_category_header_always_active_color: #529f00;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  border-top: 3px solid #529f00;
  box-shadow: 0 2px 18px rgba(0, 0, 0, .15);
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-title {
  justify-self: start;
  grid-column-start: 1;
  grid-column-end: 3;
  font-weight: 600;
  letter-spacing: .02em;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-divider-header {
  display: none;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
  min-height: 38px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  letter-spacing: .02em;
  transition: background-color .15s, color .15s, border-color .15s;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
  background-color: #3f7a00;
  border-color: #3f7a00;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover {
  border-color: #529f00;
  color: #529f00;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {
  text-decoration: underline;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover,
#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover {
  color: #529f00;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category {
  background-color: #f7f7f7;
}

#cmplz-cookiebanner-container .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title {
  font-weight: 600;
}

/* "Einstellungen" tab that reopens the banner after a choice was made */
#cmplz-manage-consent .cmplz-manage-consent {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  color: #373737;
  border-radius: 0;
  border-top: 2px solid #529f00;
}

/* Placeholder notice on blocked YouTube / SoundCloud / Spotify / map embeds */
body .cmplz-blocked-content-container .cmplz-blocked-content-notice,
body .cmplz-wp-video .cmplz-blocked-content-notice,
body .sew-consent-blocked .cmplz-blocked-content-notice {
  max-width: 340px;
  width: calc(100% - 32px);
  padding: 14px 20px;
  background-color: rgba(255, 255, 255, .96);
  color: #373737;
  border: 0;
  border-top: 3px solid #529f00;
  border-radius: 0;
  box-shadow: 0 2px 14px rgba(0, 0, 0, .18);
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.5;
  cursor: pointer;
  transition: background-color .15s, color .15s;
}

body .sew-consent-blocked .cmplz-blocked-content-notice:hover,
body .sew-consent-blocked .cmplz-blocked-content-notice:focus,
body .cmplz-blocked-content-container .cmplz-blocked-content-notice:hover,
body .cmplz-blocked-content-container .cmplz-blocked-content-notice:focus,
body .cmplz-wp-video .cmplz-blocked-content-notice:hover,
body .cmplz-wp-video .cmplz-blocked-content-notice:focus {
  background-color: #529f00;
  color: #fff;
}

body .cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,
body .cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a {
  color: #529f00;
}

body .cmplz-blocked-content-container .cmplz-blocked-content-notice:hover .cmplz-links a,
body .cmplz-wp-video .cmplz-blocked-content-notice:hover .cmplz-links a {
  color: #fff;
}

/* Name the service on the placeholder instead of the generic
   "Marketing-Cookies" sentence. Complianz only fills in {service} in its
   clean-cookies mode, so the button text is hidden and rebuilt from
   data-service. */
body .cmplz-blocked-content-notice[data-service] {
  font-size: 0;
  line-height: 0;
}

body .cmplz-blocked-content-notice[data-service]::before {
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  content: "Externen Inhalt laden";
}

body .cmplz-blocked-content-notice[data-service]::after {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.5;
  content: "Mit dem Klick stimmst du zu, dass Daten an den Anbieter übertragen werden.";
}

body .cmplz-blocked-content-notice[data-service="youtube"]::before { content: "YouTube-Video laden"; }
body .cmplz-blocked-content-notice[data-service="youtube"]::after { content: "Mit dem Klick stimmst du zu, dass Daten an YouTube (Google) übertragen werden."; }
body .cmplz-blocked-content-notice[data-service="vimeo"]::before { content: "Vimeo-Video laden"; }
body .cmplz-blocked-content-notice[data-service="vimeo"]::after { content: "Mit dem Klick stimmst du zu, dass Daten an Vimeo übertragen werden."; }
body .cmplz-blocked-content-notice[data-service="soundcloud"]::before { content: "SoundCloud-Player laden"; }
body .cmplz-blocked-content-notice[data-service="soundcloud"]::after { content: "Mit dem Klick stimmst du zu, dass Daten an SoundCloud übertragen werden."; }
body .cmplz-blocked-content-notice[data-service="spotify"]::before { content: "Spotify-Player laden"; }
body .cmplz-blocked-content-notice[data-service="spotify"]::after { content: "Mit dem Klick stimmst du zu, dass Daten an Spotify übertragen werden."; }
body .cmplz-blocked-content-notice[data-service="google-maps"]::before { content: "Google-Maps-Karte laden"; }
body .cmplz-blocked-content-notice[data-service="google-maps"]::after { content: "Mit dem Klick stimmst du zu, dass Daten an Google übertragen werden."; }
body .cmplz-blocked-content-notice[data-service="instagram"]::before { content: "Instagram-Beitrag laden"; }
body .cmplz-blocked-content-notice[data-service="instagram"]::after { content: "Mit dem Klick stimmst du zu, dass Daten an Instagram (Meta) übertragen werden."; }
body .cmplz-blocked-content-notice[data-service="bandcamp" i]::before { content: "Bandcamp-Player laden"; }
body .cmplz-blocked-content-notice[data-service="bandcamp" i]::after { content: "Mit dem Klick stimmst du zu, dass Daten an Bandcamp übertragen werden."; }
body .cmplz-blocked-content-notice[data-service="3d-karte"]::before { content: "3D-Karte laden"; }
body .cmplz-blocked-content-notice[data-service="3d-karte"]::after { content: "Mit dem Klick stimmst du zu, dass Daten an Esri, Mapterhorn und unpkg übertragen werden."; }

/* Map placeholder added by cmplz-blog.js (Complianz itself only hides the
   notice outside its own containers) */
.vacation3d-map.sew-consent-blocked {
  position: relative;
}

body .sew-consent-blocked .cmplz-blocked-content-notice {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 98;
  text-align: center;
}