/* Reduce size of Block Editor buttons | #27375862-hc (KN) */
.wp-block-button__link { padding: 0.1em 0.5em; }

.site-content>.page-header .container{ display:none; }


#primary, #secondary { margin-top: 0; }

.banner.slider-one .entry-header{ background:none; }

/* Treff­sicher: Seite 6688 + Termine-Abschnitt */
body.page-id-6688 #termine li.list-group-item,
body.page-id-6688 #termine > li.list-group-item,
article#post-6688 #termine li.list-group-item,
#post-6688 #termine li.list-group-item,
#termine > li.list-group-item{
  display:none !important;
}


/* Breadcrumbs ausblenden */
#breadcrumbs,
#breadcrumb,
.breadcrumbs,
.breadcrumb,
.breadcrumb-trail,
.woocommerce-breadcrumb,
.rank-math-breadcrumb,
.yoast-breadcrumb,
.aioseo-breadcrumbs,
.seopress-breadcrumbs,
.bcn_display,
nav[aria-label*="breadcrumb" i],
nav[aria-label*="breadcrumbs" i],
[itemtype*="schema.org/BreadcrumbList" i],
[itemtype*="BreadcrumbList" i]{
  display:none !important;
}
/* 1) GLOBAL: Headings etwas kleiner + keine Silbentrennung (Content-only) */
:where(main, .site-content, .entry-content, .wp-site-blocks, .wp-block-post-content)
:where(h1,h2,h3,h4,h5,h6,.wp-block-heading,.entry-title){
  hyphens: none !important;
  -webkit-hyphens: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

:where(main, .site-content, .entry-content, .wp-site-blocks, .wp-block-post-content)
:where(h1,.entry-title){
  font-size: clamp(30px, 2.6vw, 42px) !important;
  line-height: 1.06 !important;
  letter-spacing: -0.03em;
}

:where(main, .site-content, .entry-content, .wp-site-blocks, .wp-block-post-content)
:where(h2,.wp-block-heading){
  font-size: clamp(23px, 2.0vw, 32px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em;
}

:where(main, .site-content, .entry-content, .wp-site-blocks, .wp-block-post-content)
h3{
  font-size: clamp(19px, 1.6vw, 25px) !important;
  line-height: 1.18 !important;
}

@media (max-width: 680px){
  :where(main, .site-content, .entry-content, .wp-site-blocks, .wp-block-post-content)
  :where(h1,.entry-title){
    font-size: clamp(26px, 7vw, 34px) !important;
  }

  :where(main, .site-content, .entry-content, .wp-site-blocks, .wp-block-post-content)
  :where(h2,.wp-block-heading){
    font-size: clamp(21px, 5.8vw, 28px) !important;
  }
}
/* 2) GLOBAL: Desktop breiter + weniger Rand */
@media (min-width: 1024px){
  :root{
    --wp--style--global--content-size: 1320px !important;
    --wp--style--global--wide-size: 1560px !important;
  }

  /* kleiner Innenrand im Content */
  .wp-site-blocks,
  main,
  .site-content{
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box;
  }
}
/* =========================================================
   HOTFIX HEADER: Menü wieder sichtbar + Logo kleiner
   (Block-Theme safe)
   ========================================================= */

/* 1) WICHTIG: Kein globales Padding auf .wp-site-blocks (betrifft Header!)
      Falls du irgendwo .wp-site-blocks gepadded hast: hier neutralisieren */


/* Stattdessen: nur im Content ein kleiner Rand */
main, .site-content{
  padding-left: 16px !important;
  padding-right: 16px !important;
  box-sizing: border-box;
}

/* 2) Header/Nav sichtbar machen (falls es durch Layout/Styles kollabiert) */
header .wp-block-navigation,
header nav,
#masthead nav,
.site-header nav{
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Navigation-Container nicht „zusammendrücken“ */
header .wp-block-navigation__responsive-container,
header .wp-block-navigation__responsive-container-content{
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
  overflow: visible !important;
}

/* 3) Logo begrenzen (damit es nicht riesig wird) */
header .wp-block-site-logo img,
header .custom-logo{
  max-height: 64px !important;
  width: auto !important;
}

/* optional: Site Title nicht übergroß */
header .wp-block-site-title,
header .site-title{
  font-size: 24px !important;
  line-height: 1.1 !important;
}
/* 1) Mobile: Content darf nicht künstlich schmal sein */
@media (max-width: 768px){

  /* häufige Theme-Container */
  .container,
  .site-content,
  .content-area,
  .entry-content,
  .wp-site-blocks,
  .wp-block-group__inner-container,
  .wp-block-post-content,
  .wp-block-template-part,
  .wp-block-cover__inner-container{
    width: 100% !important;
    max-width: 100% !important;
  }

  /* falls ein Wrapper seitlich zu viel “Gutter” macht */
  .site-content,
  .content-area,
  .entry-content,
  .wp-site-blocks{
    padding-left: 1px !important;
    padding-right: 1px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media (max-width: 768px){
  body,
  #page,
  .site,
  .site-inner,
  .wrap,
  .page-wrap{
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
  }
}
/* MOBILE: weniger Rand / mehr Breite */
@media (max-width: 768px){

  /* Standard: Content-Bereich auf volle Breite */
  body,
  #page,
  .site,
  .site-content,
  .content-area,
  .entry-content,
  .wp-site-blocks,
  .wp-block-post-content{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* Der eigentliche “zu viel Rand”-Übeltäter: Padding am Content */
  .site-content,
  .content-area,
  .entry-content,
  .wp-site-blocks,
  .wp-block-post-content{
    padding-left: 1px !important;   /* <- hier kleiner/größer machen */
    padding-right: 1px !important;  /* <- hier kleiner/größer machen */
  }

  /* Gutenberg/Block-Theme Container */
  .wp-block-group__inner-container{
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* Blossom Pro Travel – Mobile: Content wirklich breit + wenig Rand */
@media (max-width: 768px){

  /* Der zentrale Blossom-Container */
  .site-content > .container,
  .site-content .container,
  .page .site-content > .container,
  .single .site-content > .container,
  .archive .site-content > .container{
    max-width: none !important;  /* <- wichtiger als 100% */
    width: 100% !important;
    padding-left: 1px !important;
    padding-right: 1px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Hauptspalte */
  #primary,
  .content-area{
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* Blossom Pro Travel – Mobile: Boxed Layout / äußere Wrapper neutralisieren */
@media (max-width: 768px){

  /* äußere Theme-Wrapper, die oft zentrieren + Rand erzeugen */
  #page,
  .site,
  .site-content,
  .wrapper,
  .wrap,
  .container-wrap,
  .page-wrap,
  .site-inner{
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* falls irgendwo noch fixed max-width auf Content sitzt */
  #content,
  .content,
  .content-wrapper,
  .content-area{
    max-width: none !important;
    width: 100% !important;
  }
}
/* Nur Desktop/Tablet: falls du das wirklich für den Header brauchst */
@media (min-width: 769px){
  .wp-site-blocks{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* Desktop/Tablet: Footer bekommt wieder Seitenabstand */
@media (min-width: 769px){
  footer{
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
  }
}
/* === Footer immer volle Browserbreite, auch wenn Seiten-Wrapper "boxed" ist === */
@media (min-width: 769px){
  footer,
  #colophon,
  .site-footer{
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }

  /* Inhalt im Footer wieder schön begrenzen + Seitenabstand */
  footer .container,
  #colophon .container,
  .site-footer .container{
    max-width: 1320px !important;   /* passt zu deinem --content-size */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}
/* FIX: Footer-Container immer gleich breit (Desktop) */
@media (min-width: 769px){
  .footer-t > .container{
    width: 100% !important;
    max-width: 1320px !important;   /* nimm hier deine Wunschbreite */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
  }
}
@media (min-width: 769px){
  .footer-t{
    width: 100% !important;
    max-width: none !important;
  }
}
/* === Footer darf nie "boxed" schrumpfen (Desktop/Tablet) === */
@media (min-width: 769px){

  /* 1) Footer-Section aus jedem boxed Wrapper "rausziehen" */
  .footer-t{
    width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
  }

  /* 2) Inhalt im Footer wieder sauber begrenzen + Seitenabstand */
  .footer-t .container{
    width: 100% !important;
    max-width: 1320px !important;   /* ggf. 1200/1140 wenn du’s schmaler willst */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
  }

  /* 3) Falls das Grid selbst irgendwo eine Breite abkriegt */
  .footer-t .grid{
    width: 100% !important;
    max-width: none !important;
  }
}
/* Footer immer volle Viewport-Breite – unabhängig vom Seiten-Template */
@media (min-width: 769px){

  /* 1) Den gesamten Footer aus dem boxed Wrapper “rausziehen” */
  footer#colophon.site-footer{
    position: relative !important;
    left: 50% !important;
    width: 100vw !important;
    max-width: none !important;
    margin-left: -50vw !important;
    margin-right: 0 !important;
  }

  /* 2) Innen wieder einen sauberen Container herstellen */
  footer#colophon .container{
    width: 100% !important;
    max-width: 1320px !important;   /* ggf. 1200, wenn du’s schmaler willst */
    margin: 0 auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
  }
}
/* FIX: Footer-Schriftgröße überall normalisieren */
@media (min-width: 769px){

  /* Basis im Footer */
  footer#colophon{
    font-size: 16px !important;     /* ggf. 17px/18px wenn du’s größer willst */
    line-height: 1.5 !important;
  }

  /* Links/Listen/Text im Footer nicht kleiner erben lassen */
  footer#colophon a,
  footer#colophon li,
  footer#colophon p,
  footer#colophon span{
    font-size: 1em !important;
  }

  /* Überschriften im Footer (LINKS/OFFERINGS/…) */
  footer#colophon h1,
  footer#colophon h2,
  footer#colophon h3,
  footer#colophon h4{
    font-size: 0.95em !important;   /* bei Bedarf anpassen */
    letter-spacing: 0.04em;         /* optional */
  }
}
/* GLOBAL: Footer-Schriftgrößen sinnvoll für Mobile + Desktop */
footer#colophon{
  font-size: 16px !important;   /* Desktop-Basis */
  line-height: 1.5 !important;
}

footer#colophon a,
footer#colophon li,
footer#colophon p,
footer#colophon span{
  font-size: 1em !important;
}

footer#colophon h1,
footer#colophon h2,
footer#colophon h3,
footer#colophon h4{
  font-size: 0.95em !important;
  letter-spacing: 0.04em;
}

/* Mobile: minimal kleiner (passt meist besser) */
@media (max-width: 768px){
  footer#colophon{
    font-size: 15px !important;
    line-height: 1.55 !important;
  }

  footer#colophon h1,
  footer#colophon h2,
  footer#colophon h3,
  footer#colophon h4{
    font-size: 1em !important; /* Footer-Titel auf Mobile etwas besser lesbar */
  }
}
/* GLOBAL: Footer überall gleiche Schrift + Gewicht */
footer#colophon,
footer#colophon *{
  font-family: inherit !important;        /* nutzt deine Site-Schrift */
  font-synthesis: none;                   /* verhindert Fake-Bold */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Footer-Text überall gleich "kräftig" */
footer#colophon{
  font-weight: 600 !important;            /* 600 = semibold (meist schön), alternativ 700 */
}

/* Links/Listen/Text im Footer erzwingen */
footer#colophon a,
footer#colophon li,
footer#colophon p,
footer#colophon span{
  font-weight: inherit !important;        /* übernimmt 600 vom Footer */
}

/* Footer-Überschriften (LINKS/OFFERINGS/…) extra bold */
footer#colophon h1,
footer#colophon h2,
footer#colophon h3,
footer#colophon h4,
footer#colophon .widget-title{
  font-weight: 700 !important;
}
/* GLOBAL: Footer-Farbe überall identisch (Text + Links) */
footer#colophon{
  color: rgba(255,255,255,.85) !important;   /* Haupttext */
}

/* alle Textelemente im Footer erben exakt diese Farbe */
footer#colophon p,
footer#colophon li,
footer#colophon span,
footer#colophon div,
footer#colophon small,
footer#colophon strong,
footer#colophon em{
  color: inherit !important;
  opacity: 1 !important;                      /* verhindert "grau" durch opacity */
}

/* Links (inkl. visited) */
footer#colophon a,
footer#colophon a:visited{
  color: rgba(255,255,255,.90) !important;
  opacity: 1 !important;
}

/* Hover/Focus */
footer#colophon a:hover,
footer#colophon a:focus{
  color: #ffffff !important;
}

/* Footer-Headings (LINKS / OFFERINGS / …) */
footer#colophon h1,
footer#colophon h2,
footer#colophon h3,
footer#colophon h4,
footer#colophon .widget-title{
  color: #ffffff !important;
  opacity: 1 !important;
}
/* FIX: Topline blockiert Navigation */
.topline,
.site-topline,
.header-topline {
  z-index: 5 !important;
}

/* Hauptnavigation & Dropdowns IMMER darüber */
header,
.site-header,
.main-navigation,
.nav,
.sub-menu,
.menu,
.dropdown-menu {
  position: relative;
  z-index: 50 !important;
}
.main-navigation ul ul,
.nav ul ul {
  z-index: 100 !important;
}
/* =========================================
   FIX: Custom HTML Topline blockiert Menü
   Theme: Blossom Pro Travel
   ========================================= */

/* 1. Topline IMMER unter Navigation */
.custom-html-widget,
.widget_custom_html,
.topline,
.announcement,
.notice,
.notice-bar {
  position: relative !important;
  z-index: 1 !important;
}

/* 2. Header + Navigation IMMER darüber */
.site-header,
.header,
.header-main,
.main-navigation,
.primary-navigation,
.menu,
.menu-item,
.sub-menu {
  position: relative;
  z-index: 999 !important;
}

/* 3. Dropdowns explizit über alles */
.main-navigation ul ul,
.primary-navigation ul ul,
.menu ul ul {
  position: absolute;
  z-index: 1000 !important;
}
/* Nur Landingpages mit .intouch-landing */
.intouch-landing .small{font-size:14px; line-height:1.7;}
@media (max-width:520px){
  .intouch-landing .small{font-size:15px;}
}