/*
   SAGEN.at – Kapitel Wallfahrt
   Eigenstaendiges Stylesheet, Referenzfassung Wallfahrt, August 2026
   Version: 20260824-3 (Hemmaberg-Vollbreite + Titelabstand)

   Ziel:
   - SAGEN.at-CI im Kapitel Wallfahrt erhalten
   - keine zweite Stylesheet-Abhaengigkeit fuer Wallfahrtsseiten
   - neues responsives Wallfahrtslayout mit Schnellueberblick
*/

/* --- SAGEN.at-Grundstil fuer das Kapitel Wallfahrt ---------------------- */

body.wallfahrt-seite {
  --wf-seitenrand: 32px;
  background: #ffffff;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
}

body.wallfahrt-seite .textNormal,
body.wallfahrt-seite .textNormal:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  color: #000000;
  text-decoration: none;
}

body.wallfahrt-seite a.textNormalUnterstrichen,
body.wallfahrt-seite a.textNormalUnterstrichen:link,
body.wallfahrt-seite a.textNormalUnterstrichen:visited,
body.wallfahrt-seite a.textNormalUnterstrichen:hover,
body.wallfahrt-seite a.textNormalUnterstrichen:active,
body.wallfahrt-seite a.textNormalUnterstrichen:focus {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  color: #000000;
  text-decoration: underline;
}

body.wallfahrt-seite a.textNormalUnterstrichen:hover,
body.wallfahrt-seite a.textNormalUnterstrichen:focus {
  color: #990000;
}

body.wallfahrt-seite .textNormalFett {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
}

body.wallfahrt-seite .textNormalFettUnterstrichen,
body.wallfahrt-seite a.textNormalFettUnterstrichen {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
}

body.wallfahrt-seite .textNormalRotFett,
body.wallfahrt-seite .textNormalRotFettUnterstrichen {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #990000;
}

body.wallfahrt-seite .textNormalRotFettUnterstrichen {
  text-decoration: underline;
}

body.wallfahrt-seite .textKlein,
body.wallfahrt-seite .textKlein:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  line-height: 16px;
  color: #000000;
  text-decoration: none;
}

body.wallfahrt-seite a.textKleinUnterstrichen,
body.wallfahrt-seite a.textKleinUnterstrichen:link,
body.wallfahrt-seite a.textKleinUnterstrichen:visited,
body.wallfahrt-seite a.textKleinUnterstrichen:hover,
body.wallfahrt-seite a.textKleinUnterstrichen:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  line-height: 16px;
  color: #000000;
  text-decoration: underline;
}

body.wallfahrt-seite a.textKleinUnterstrichen:hover {
  color: #990000;
}

body.wallfahrt-seite .ueberschriftKursiv {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
  color: #990000;
  text-decoration: none;
}

/*
   _post.php erzeugt die sichtbare Hauptueberschrift selbst als .main_title.
   Diese Regel ist absichtlich spezifischer als die spaeter im _post.php
   stehende allgemeine .main_title-Regel.
*/
body.wallfahrt-seite #main_div {
  padding-top: 26px;
}

body.wallfahrt-seite .main_title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: normal !important;
  line-height: 1.35;
  color: #990000;
  text-decoration: none;
  text-align: center;
  margin: 0 0 18px 0;
  padding: 0;
}

/* Navigation/Brotkrumen in der vertrauten kleinen SAGEN.at-Darstellung */
body.wallfahrt-seite .main_links,
body.wallfahrt-seite .main_links:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
}

body.wallfahrt-seite .main_links a,
body.wallfahrt-seite .main_links a:link,
body.wallfahrt-seite .main_links a:visited,
body.wallfahrt-seite .main_links a:hover,
body.wallfahrt-seite .main_links a:active {
  font-size: 10px;
  line-height: 16px;
  font-weight: normal;
  color: #000000;
  text-decoration: underline;
}

body.wallfahrt-seite .main_links a:hover {
  color: #990000;
}

/* --- Neue Seitenbreite --------------------------------------------------- */

body.wallfahrt-seite #main_div,
body.wallfahrt-seite .main_links {
  width: calc(100% - 32px);
  max-width: 1180px;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
}

body.wallfahrt-seite #main_div {
  line-height: 1.48;
}

/* --- Schnellueberblick --------------------------------------------------- */

body.wallfahrt-seite .wf-quick {
  width: 100%;
  margin: 16px 0 28px 0;
  padding: 15px 18px 16px 18px;
  background-color: #fffafa;
  border: 1px solid #eee2e2;
  border-left: 5px solid #a74b4b;
  box-sizing: border-box;
}

body.wallfahrt-seite .wf-quick-title {
  margin: 0 0 9px 0;
  font-weight: bold;
  color: #8f2020;
}

body.wallfahrt-seite .wf-quick-subtitle {
  margin: 14px 0 6px 0;
  padding-top: 9px;
  border-top: 1px solid #f0e4e4;
  font-weight: bold;
  color: #8f2020;
}

body.wallfahrt-seite .wf-quick table {
  width: 100%;
  border-collapse: collapse;
}

body.wallfahrt-seite .wf-quick td {
  display: table-cell;
  vertical-align: top;
  padding: 3px 0;
  color: #000000;
}

body.wallfahrt-seite .wf-quick-label {
  width: 145px;
  padding-right: 12px !important;
  font-weight: bold;
}

/* --- Lage, Sprungnavigation, Bilder ------------------------------------- */

body.wallfahrt-seite .wf-info,
body.wallfahrt-seite .wf-jump,
body.wallfahrt-seite .wf-footer {
  width: 100%;
  border-collapse: collapse;
}

body.wallfahrt-seite .wf-info td,
body.wallfahrt-seite .wf-jump td {
  display: table-cell;
  vertical-align: top;
  padding: 4px 3px;
}

body.wallfahrt-seite .wf-bullet {
  width: 20px;
  text-align: right;
  white-space: nowrap;
}

body.wallfahrt-seite .wf-jump a.textNormalUnterstrichen,
body.wallfahrt-seite .wf-jump a.textNormalUnterstrichen:link,
body.wallfahrt-seite .wf-jump a.textNormalUnterstrichen:visited,
body.wallfahrt-seite .wf-jump a.textNormalUnterstrichen:hover,
body.wallfahrt-seite .wf-jump a.textNormalUnterstrichen:active,
body.wallfahrt-seite .wf-jump a.textNormalUnterstrichen:focus {
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: bold !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  position: static !important;
  text-decoration: underline;
}

body.wallfahrt-seite .wf-jump a.textNormalUnterstrichen:hover,
body.wallfahrt-seite .wf-jump a.textNormalUnterstrichen:focus {
  color: #8f2020 !important;
  background: transparent !important;
}

#bilddokumentation,
#ausfuehrliche-beschreibung {
  scroll-margin-top: 18px;
}

/* --- Hauptteile ---------------------------------------------------------- */

body.wallfahrt-seite .wf-section {
  margin-top: 28px;
}

body.wallfahrt-seite .wf-section-title {
  margin: 26px 0 12px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.35;
  font-weight: bold;
  color: #000000;
}

body.wallfahrt-seite .wf-bildblock {
  margin: 0 0 24px 0;
}

body.wallfahrt-seite .wf-bildbeschreibung {
  margin: 0 0 8px 0;
}

body.wallfahrt-seite .wf-bildpunkt {
  display: inline-block;
  width: 20px;
  margin-right: 3px;
  text-align: right;
}

/*
   Nur das Foto verlaesst die normale Lesebreite.
   Ohne Tabelle/Tabellenzelle kann der Block sauber bis maximal 2000 px
   bzw. bis knapp an den Browserrand wachsen. Die Breite wird aus der
   tatsaechlichen Breite des Textkoerpers und des Viewports berechnet.
*/
body.wallfahrt-seite .wf-bild-vollbreit {
  --wf-fotobreite: min(2000px, calc(100vw - var(--wf-seitenrand)));
  width: var(--wf-fotobreite);
  max-width: none;
  margin: 8px 0 8px calc((100% - var(--wf-fotobreite)) / 2);
  padding: 0;
  text-align: center;
  box-sizing: border-box;
}

body.wallfahrt-seite .wf-bild-vollbreit img {
  display: block;
  width: auto;
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto;
}

body.wallfahrt-seite .wf-bildlegende {
  margin: 6px 0 0 23px;
}

body.wallfahrt-seite .wf-article img {
  max-width: 100%;
  height: auto;
}

body.wallfahrt-seite .wf-article {
  line-height: 1.48;
}

body.wallfahrt-seite .wf-article p {
  margin-top: 0;
  margin-bottom: 13px;
}

body.wallfahrt-seite .wf-article h3 {
  margin: 22px 0 8px 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.35;
  font-weight: bold;
  color: #000000;
}

body.wallfahrt-seite .wf-offen {
  color: #666666;
  font-style: italic;
}

/* --- Mobil --------------------------------------------------------------- */

@media only screen and (max-width: 700px) {
  body.wallfahrt-seite {
    --wf-seitenrand: 18px;
  }

  body.wallfahrt-seite #main_div,
  body.wallfahrt-seite .main_links {
    width: calc(100% - 18px);
  }

  body.wallfahrt-seite .wf-quick {
    padding: 12px 13px 13px 13px;
  }

  body.wallfahrt-seite .wf-quick-label {
    width: 105px;
  }

  body.wallfahrt-seite #main_div .wf-quick table,
  body.wallfahrt-seite #main_div .wf-quick tbody,
  body.wallfahrt-seite #main_div .wf-quick tr,
  body.wallfahrt-seite #main_div .wf-info,
  body.wallfahrt-seite #main_div .wf-info tbody,
  body.wallfahrt-seite #main_div .wf-info tr,
  body.wallfahrt-seite #main_div .wf-jump,
  body.wallfahrt-seite #main_div .wf-jump tbody,
  body.wallfahrt-seite #main_div .wf-jump tr,
  body.wallfahrt-seite #main_div .wf-footer,
  body.wallfahrt-seite #main_div .wf-footer tbody,
  body.wallfahrt-seite #main_div .wf-footer tr {
    display: table !important;
    width: 100%;
  }

  body.wallfahrt-seite #main_div .wf-quick td,
  body.wallfahrt-seite #main_div .wf-info td,
  body.wallfahrt-seite #main_div .wf-jump td,
  body.wallfahrt-seite #main_div .wf-footer td {
    display: table-cell !important;
  }
}