/* pt-sans – self hosted */
@font-face{
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/pt-sans-v18-latin-regular.woff2") format("woff2");
}
@font-face{
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/pt-sans-v18-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;
}


.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;
  }
}


/* =========================================================
   BUSFINDER – wie page-content, nur breiter
   ========================================================= */

body.page-content.busfinder:not(.view-featured) #maincontent {
  --content-max: 1440px !important;
}


body.page-content.busfinder:not(.view-featured) #maincontent .com-content-article__body {
  background: #fff;
  box-shadow: none !important;
  padding: clamp(24px,4vw,60px);
  margin-block: clamp(40px,6vw,80px);
}

body.page-id-135.page-content.busfinder:not(.view-featured) #maincontent .page-header h1,
body.page-id-136.page-content.busfinder:not(.view-featured) #maincontent .page-header h1{
  max-width: 1400px !important;
  padding-inline:0 !important;
}

body.pageid-135.page-content:not(.view-featured) 
#maincontent .page-header h1,
body.pageid-135.page-content:not(.view-featured) 
#maincontent .page-header h2,
body.pageid-136.page-content:not(.view-featured) 
#maincontent .page-header h1,
body.pageid-136.page-content:not(.view-featured) 
#maincontent .page-header h2 {
  max-width: 1400px;
}


body.busfinder #maincontent .notice  {
	font-size:16px;