/*
 * Nachbesserungen fuer die statische Fassung.
 * Getrennt vom Theme-Stylesheet, damit nachvollziehbar bleibt,
 * was gegenueber dem Original geaendert wurde.
 */

/* --- Mehr Luft am Rand fuer Fliesstext -----------------------------
   Auf schmalen Fenstern klebten Text und Ueberschriften mit 22px am
   Rand. Das Polster kommt auf die Textelemente selbst, nicht auf den
   Container, damit Bilder und Slider randbuendig bleiben duerfen.
   Ab 768px uebernimmt wieder das Theme, das dort von sich aus
   reichlich Rand laesst. */

@media only screen and (max-width: 767px) {
  .entry-content > p,
  .entry-content > h1,
  .entry-content > h2,
  .entry-content > h3,
  .entry-content > h4,
  .entry-content > h5,
  .entry-content > h6,
  .entry-content > ul,
  .entry-content > ol,
  .entry-content > blockquote,
  .entry-content > .wp-block-quote,
  .entry-content > .tbf-archivhinweis,
  .entry-content > .wp-block-group > .wp-block-group__inner-container > p,
  .entry-content > .wp-block-group > .wp-block-group__inner-container > h2,
  .entry-content > .wp-block-group > .wp-block-group__inner-container > h3,
  .entry-summary > p,
  .entry-content .wp-block-column > p,
  .entry-content .wp-block-column > h2,
  .entry-content .wp-block-column > h3,
  .entry-content figcaption,
  .entry-content .wp-block-image figcaption {
    box-sizing: border-box;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }

  /* Das Theme setzt fuer grosse Zitate ausdruecklich padding:0
     (.entry .entry-content .wp-block-quote.is-style-large), deshalb
     hier mit genug Spezifitaet dagegenhalten. */
  .entry .entry-content > blockquote.wp-block-quote,
  .entry .entry-content > blockquote.wp-block-quote.is-large,
  .entry .entry-content > blockquote.wp-block-quote.is-style-large {
    box-sizing: border-box;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}

@media only screen and (max-width: 480px) {
  .entry-content > p,
  .entry-content > h1,
  .entry-content > h2,
  .entry-content > h3,
  .entry-content > h4,
  .entry-content > h5,
  .entry-content > h6,
  .entry-content > ul,
  .entry-content > ol,
  .entry-content > blockquote,
  .entry-content > .wp-block-quote,
  .entry-content > .tbf-archivhinweis,
  .entry-content figcaption,
  .entry .entry-content > blockquote.wp-block-quote,
  .entry .entry-content > blockquote.wp-block-quote.is-large,
  .entry .entry-content > blockquote.wp-block-quote.is-style-large {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
  }
}

/* --- Volle Breite fuer Karte und Portraet-Galerie -------------------
   Beide standen vor der Reparatur der Seitenstruktur ausserhalb des
   Textcontainers und damit ueber die ganze Breite. Diesen Zustand
   stellen die negativen Aussenabstaende wieder her, waehrend der
   Fliesstext eingerueckt bleibt. */

.entry .entry-content > .tbr-karte-wrapper,
.entry .entry-content > .widerstand-slider,
.entry .entry-content > .wp-block-achtvier-block-achtvier-guten-slider {
  max-width: none;
  width: auto;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

body {
  overflow-x: hidden;
}