/*
   SAGEN.at – Kapitel Klöster und Stifte
   Eigenständiges Stylesheet, Referenzfassung Oktober 2026
   Version: 20261008-2

   Ziel:
   - SAGEN.at-CI beibehalten
   - breite, responsive Darstellung wie im Kapitel Wallfahrt
   - rötlicher Schnellüberblick
   - eigenständig für Kloster-/Stiftsseiten nutzbar
*/

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

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

body.kloster-seite a.textNormalUnterstrichen,
body.kloster-seite a.textNormalUnterstrichen:link,
body.kloster-seite a.textNormalUnterstrichen:visited,
body.kloster-seite a.textNormalUnterstrichen:hover,
body.kloster-seite a.textNormalUnterstrichen:active,
body.kloster-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.kloster-seite a.textNormalUnterstrichen:hover,
body.kloster-seite a.textNormalUnterstrichen:focus { color:#990000; }

body.kloster-seite .textNormalFett { font-weight:bold; color:#000000; }
body.kloster-seite .textNormalRotFett { font-weight:bold; color:#990000; }

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

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

/* _post.php erzeugt die sichtbare Hauptueberschrift als .main_title. */
body.kloster-seite #main_div { padding-top:26px; }
body.kloster-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;
}

/* breite Seitenanlage
   _post.php entfernt die aeussere Quelltabelle (.ks-source-shell) und setzt
   den Inhalt in #main_div. Deshalb muss die Server-Ausgabe wie bei der
   Wallfahrt direkt ueber #main_div und .main_links verbreitert werden.
   .ks-source-shell bleibt zusaetzlich fuer die lokale Direktansicht erhalten. */
body.kloster-seite #main_div,
body.kloster-seite .main_links {
  width: calc(100% - 32px);
  max-width: 1180px;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box;
}
body.kloster-seite #main_div {
  line-height:1.48;
}
body.kloster-seite .ks-source-shell {
  width: calc(100% - var(--ks-seitenrand));
  max-width: 1180px;
  margin-left:auto;
  margin-right:auto;
  box-sizing:border-box;
}
body.kloster-seite .ks-source-shell > tbody > tr > td:last-child,
body.kloster-seite .ks-source-shell > tr > td:last-child { min-width:0; }

body.kloster-seite table { max-width:100%; }
body.kloster-seite img { max-width:100%; height:auto; }

/* Schnellüberblick */
body.kloster-seite .ks-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.kloster-seite .ks-quick-title {
  margin:0 0 9px 0;
  font-weight:bold;
  color:#8f2020;
}
body.kloster-seite .ks-quick-subtitle {
  margin:14px 0 6px 0;
  padding-top:9px;
  border-top:1px solid #f0e4e4;
  font-weight:bold;
  color:#8f2020;
}
body.kloster-seite .ks-quick table { width:100%; border-collapse:collapse; }
body.kloster-seite .ks-quick td {
  display:table-cell;
  vertical-align:top;
  padding:3px 0;
  color:#000000;
}
body.kloster-seite .ks-quick-label {
  width:145px;
  padding-right:12px !important;
  font-weight:bold;
}

/* Lage und Sprungnavigation */
body.kloster-seite .ks-info,
body.kloster-seite .ks-jump,
body.kloster-seite .ks-footer { width:100%; border-collapse:collapse; }
body.kloster-seite .ks-info td,
body.kloster-seite .ks-jump td { display:table-cell; vertical-align:top; padding:4px 3px; }
body.kloster-seite .ks-bullet { width:20px; text-align:right; white-space:nowrap; }
body.kloster-seite .ks-jump a.textNormalUnterstrichen { font-weight:bold; }

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

/* Hauptteile */
body.kloster-seite .ks-section { margin-top:28px; }
body.kloster-seite .ks-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;
  background:transparent;
  border:0;
  padding:0;
}
body.kloster-seite .ks-bildblock { margin:0 0 24px 0; }
body.kloster-seite .ks-bildlegende { margin:6px 0 0 23px; }
body.kloster-seite .ks-article { line-height:1.48; }
body.kloster-seite .ks-article p { margin-top:0; margin-bottom:13px; }
body.kloster-seite .ks-article h2 {
  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.kloster-seite .ks-article img { max-width:100%; height:auto; }

@media only screen and (max-width:700px) {
  body.kloster-seite { --ks-seitenrand:18px; margin:0; padding:8px; }
  body.kloster-seite #main_div,
  body.kloster-seite .main_links { width:calc(100% - 18px); }
  body.kloster-seite .ks-source-shell { width:calc(100% - 18px); }
  body.kloster-seite .ks-quick { padding:12px 13px 13px 13px; }
  body.kloster-seite .ks-quick-label { width:105px; }
  body.kloster-seite .ks-quick table,
  body.kloster-seite .ks-quick tbody,
  body.kloster-seite .ks-quick tr,
  body.kloster-seite .ks-info,
  body.kloster-seite .ks-info tbody,
  body.kloster-seite .ks-info tr,
  body.kloster-seite .ks-jump,
  body.kloster-seite .ks-jump tbody,
  body.kloster-seite .ks-jump tr,
  body.kloster-seite .ks-footer,
  body.kloster-seite .ks-footer tbody,
  body.kloster-seite .ks-footer tr {
    display:table !important;
    width:100%;
  }
  body.kloster-seite .ks-quick td,
  body.kloster-seite .ks-info td,
  body.kloster-seite .ks-jump td,
  body.kloster-seite .ks-footer td { display:table-cell !important; }
}