@charset "UTF-8";/* pt-sans – self hosted */
@font-face {src: url('https://www.fossilienwelt.at/templates/fossilienwelt-v6/fonts/pt-sans-v18-latin-regular.woff2') format('woff2'); font-family: PT Sans; font-style: normal; font-weight: 400; font-display: swap}
@font-face {src: url('https://www.fossilienwelt.at/templates/fossilienwelt-v6/fonts/pt-sans-v18-latin-700.woff2') format('woff2'); font-family: PT Sans; font-style: normal; font-weight: 700; font-display: swap}

/* ============================================================
   FRONTEND-EDIT Ansicht – Begrenzung auf 1280px
   Gilt nur für Artikelbearbeitung im Frontend (view=form)
   ============================================================ */
body.view-form #maincontent {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  box-sizing: border-box;
}

.cc-custom-revoke {
  z-index: 100;
  position: fixed;
  display: inline-block;
  bottom: 10px;
  left: 10px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  font-weight: normal;}


/* ============================================================
   GDPR Placeholder (Maps) – universal
   ============================================================ */

/* 1) Wrapper, in dem der Placeholder liegen soll */
.contact-form,
.content-box-media.media-block--igallery{
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}

/* Kontakt: Höhe kommt vom iframe – optional absichern */
.contact-form{
  min-height: 650px;
}

/* Startseite: wenn GDPR den iframe ersetzt, braucht es eine Höhe */
.content-box-media.media-block--igallery{
  min-height: 650px;
}

/* Mobile-Höhe */
@media (max-width: 768px) {
  .contact-form,
  .content-box-media.media-block--igallery{
    min-height: 320px;
  }
}

/* 2) Placeholder immer als Overlay innerhalb des Wrappers */
.contact-form .gdprlock-placeholder,
.content-box-media.media-block--igallery > .gdprlock-placeholder{
  position: absolute !important;
  inset: 0 !important;
  z-index: 10 !important;

  display: flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;

  background: rgba(0,0,0,.45) !important;
  color: #fff !important;
  padding: 1.25rem 1.5rem;
}

/* 3) Textbox schöner (nicht so breit) */
.gdprlock-placeholder .gdprlock-placeholder-text{
  max-width: 420px;
  font-size: .95rem;
  line-height: 1.45;
  padding: 1rem 1.25rem;
  background: rgba(0,0,0,.35);
  border-radius: 10px;
}

/* 4) iFrame sauber darstellen (Kontaktseite) */
.contact-form iframe{
  display: block;
  width: 100%;
  height: 650px;
}
@media (max-width: 768px) {
  .contact-form iframe{
    height: 320px;
  }
}
