/* source-sans-3-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v19-latin-regular.woff2') format('woff2');}

/* source-sans-3-500 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/source-sans-3-v19-latin-500.woff2') format('woff2'); 
}

/* source-sans-3-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-3-v19-latin-600.woff2') format('woff2'); 
}

/* source-sans-3-600 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v19-latin-700.woff2') format('woff2'); 
}



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


/* ============================================================
   GDPR Placeholder (Maps) – Fettik (contact-map)
   ============================================================ */

/* 1) Wrapper, in dem der Placeholder liegen soll */
.contact-map{
  position: relative;
  overflow: hidden;
  border-radius: 12px;
  min-height: 450px; /* passt zu deinem iframe height="450" */
}

/* Mobile-Höhe */
@media (max-width: 768px){
  .contact-map{
    min-height: 320px;
  }
}

/* 2) Placeholder immer als Overlay innerhalb des Wrappers */
.contact-map .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) */
.contact-map .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 */
.contact-map iframe{
  display: block;
  width: 100%;
  height: 450px;
}
@media (max-width: 768px){
  .contact-map iframe{
    height: 320px;
  }
}

/* ============================================================
   HOTFIX: Quote Mobile – Linien symmetrisch (oben/unten gleich)
   ============================================================ */
@media (max-width: 768px){
  .quote{
    text-align: center; /* Quote bleibt zentriert am Handy */
  }

  .quote__line{
    width: 40px;
    margin: 16px auto;  /* ✅ oben = unten, links/rechts zentriert */
  }

  .quote blockquote{
    font-size: clamp(1.1rem, 4.2vw, 1.35rem);
    line-height: 1.55;
  }
}