/*
Theme Name: GAG Relaunch
Theme URI: https://untertage.com
Author: GAG e.V.
Description: Nachbau des bisherigen untertage.com-Designs (Joomla-Template "sheesham") als schlankes Klassik-Theme ohne eigene JavaScript-Dateien.
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: gag-relaunch
*/

/* ---------- Grundlagen ---------- */
html { height: 100%; }
body {
  margin: 0; padding: 0; min-height: 100%; min-width: 1000px;
  color: #000;
  background: #fff url('assets/img/sheesham-background.jpg') repeat fixed top center;
  font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {
  margin: 0; padding: 0;
  list-style-image: url('assets/img/arrow.png');
}
ul { list-style-type: none; }
ol { list-style-position: inside; }
img { border: 0; }
form { margin: 0; padding: 0; }
table { font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border: none; }
#main { position: relative; width: 100%; }
.cleared { display: block; clear: both; float: none; margin: 0; padding: 0; border: 0; font-size: 0; height: 0; overflow: hidden; }

/* ---------- Kopfbereich (Bildstreifen) ---------- */
.site-header { width: 990px; margin: 0 auto; }
.site-header img { display: block; border: 0; }
.hdr-row { display: flex; width: 990px; }
.hdr-row a { display: block; }
.hs .h { display: none; }
.hs:hover .n { display: none; }
.hs:hover .h { display: block; }

/* ---------- Seitenblatt ---------- */
.sheet {
  position: relative; width: 990px; margin: 15px auto 0;
  box-shadow: 3px 3px 10px #000;
}
.sheet-body {
  position: relative; padding: 4px;
  background: #fff url('assets/img/inpagebg.jpg') no-repeat top left;
}
.layout { display: table; position: relative; table-layout: fixed; border-collapse: collapse; width: 100%; margin: 0 auto; }
.layout-row { display: table-row; }
.cell { display: table-cell; vertical-align: top; text-align: left; padding-top: 80px; }
.cell.sidebar1 { width: 230px; padding-top: 0; }
.cell.sidebar2 { width: 200px; }

/* ---------- Bloecke / Seitenleisten ---------- */
.block { position: relative; min-width: 1px; min-height: 1px; margin: 10px; }
.blockheader { margin-bottom: 0; position: relative; height: 26px; }
.blockheader h3 {
  position: relative; height: 20px; line-height: 20px; margin: 0;
  padding: 0 10px 0 5px; white-space: nowrap;
  font-size: 11px; font-weight: bold; color: #fff; background-color: #4f616f;
}
.blockcontent-body { position: relative; padding: 5px; color: #000; font-size: 13px; }
.blockcontent-body ul li {
  line-height: 125%; color: #000; padding: 0 0 0 2px;
  list-style-position: inside;
}
.blockcontent-body a, .blockcontent-body a:link { color: #000; text-decoration: none; font-size: 13px; }
.blockcontent-body a:visited { color: #333; }
.blockcontent-body a:hover { color: #ff6600; }
.blockcontent-body ul + ul { margin-top: 16px; }

.search input[type="search"], .search input[type="text"] {
  box-sizing: border-box; width: 95%; border: 1px solid #ccc; margin: 5px 0; padding: 2px 3px;
  font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: #fff;
}
.banner { text-align: center; }
.banner img { display: block; margin: 0 auto; max-width: 100%; height: auto; }

/* ---------- Brotkrumen ---------- */
.breadcrumbs { padding-top: 15px; padding-bottom: 38px; }
.breadcrumbs li { line-height: 125%; height: 16.25px; }
.breadcrumbs a, .breadcrumbs a:link { color: #ff6600; text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }

/* ---------- Artikel ---------- */
.post { position: relative; min-width: 23px; min-height: 23px; margin: 0; }
.post-body { position: relative; padding: 11px; }
.postcontent { display: inline; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
.postcontent p { margin: 12px 0; }
.postcontent a, .postcontent a:link { text-decoration: none; color: #000; }
.postcontent a:visited { color: #9B8D56; }
.postcontent a:hover { text-decoration: underline; color: #000; }
.postcontent h1, .postcontent h2, .postcontent h3, .postcontent h4, .postcontent h5, .postcontent h6 { font-weight: bold; color: #333; }
.postcontent h1 { font-size: 32px; margin: 21px 0; }
.postcontent h2 { font-size: 24px; margin: 19px 0; }
.postcontent h3 { font-size: 19px; margin: 19px 0; }
.postcontent h4 { font-size: 16px; margin: 20px 0; }
.postcontent h5 { font-size: 13px; margin: 26px 0; }
.postcontent h6 { font-size: 11px; margin: 35px 0; }
.post ol, .post ul { margin: 1em 0 1em 2em; padding: 0; }
.post li { font-size: 13px; color: #000; padding: 0; }
.post li ol, .post li ul { margin: .5em 0 .5em 2em; }
.postcontent img { border: 0; margin: 7px; }
.postcontent table { border-collapse: collapse; margin: 1px; border: 0; }
.postcontent th, .postcontent td { padding: 2px; border: 0; vertical-align: top; text-align: left; }
.postcontent blockquote { font-style: italic; margin: 10px 10px 10px 50px; padding: 0 0 0 28px; overflow: auto; clear: both; }

h2.postheader {
  margin: .2em 0; padding: 0; text-align: left;
  font: bold 16px Arial, Helvetica, sans-serif; color: #343932;
}
h2.postheader a, h2.postheader a:link, h2.postheader a:visited { font-size: 24px; text-decoration: none; color: #000; }
h2.postheader a:hover { color: #b19b6a; }
.postheadericons { padding: 1px; font-size: 11px; color: #FF8D3A; }
.postfooter { margin-top: 12px; font-size: 11px; color: #666; }
.postfooter a { color: #FF8D3A; text-decoration: none; }
.postfooter a:hover { text-decoration: underline; }
.post-sep { border: 0; border-top: 1px solid #ddd; margin: 22px 0 14px; height: 0; }
.contentheading { font-size: 19px; color: #98B4F1; margin: 0 0 14px; }
.pagination { margin: 20px 0; text-align: center; }
.pagination .page-numbers { display: inline-block; padding: 2px 6px; color: #000; text-decoration: none; }
.pagination .current { font-weight: bold; color: #ff6600; }

/* ---------- Fuss ---------- */
.footer { position: relative; margin: 0; width: 100%; }
.footer-body { position: relative; padding: 5px; }
.footer-text { min-height: 33px; padding: 0 10px; text-align: center; color: #999; font-size: 11px; }
.footer-text p { padding: 0; margin: 0; text-align: center; color: #999; }
.footer-text a { color: #5974A6; text-decoration: none; }
.footer-text a:hover { text-decoration: underline; }

/* ---------- Schmale Bildschirme (Desktop-Ansicht bleibt unveraendert) ---------- */
@media (max-width: 1010px) {
  body { min-width: 0; background-attachment: scroll; }
  .site-header, .sheet { width: auto; max-width: 990px; margin-left: auto; margin-right: auto; }
  .site-header img.hdr-top { width: 100%; height: auto; }
  .hdr-row { width: 100%; }
  .hdr-row img { width: 100%; height: auto; }
  .hdr-row > img:nth-child(1) { flex: 0 0 3.74%; }
  .hdr-row > a:nth-child(2) { flex: 0 0 10%; }
  .hdr-row > img:nth-child(3) { flex: 0 0 1.11%; }
  .hdr-row > a:nth-child(4) { flex: 0 0 4.44%; }
  .hdr-row > img:nth-child(5) { flex: 0 0 .81%; }
  .hdr-row > a:nth-child(6) { flex: 0 0 6.67%; }
  .hdr-row > img:nth-child(7) { flex: 1 1 auto; }
  .layout, .layout-row, .cell { display: block; width: auto; }
  .cell.sidebar1, .cell.sidebar2 { width: auto; padding-top: 10px; }
  .cell { padding-top: 10px; }
  .breadcrumbs { padding-top: 10px; }
  .breadcrumbs ul { margin-left: 20px; }
  .postcontent img { max-width: 100%; height: auto; }
}


/* ---------- Kontaktformular ---------- */
.gag-form p { margin: 10px 0; }
.gag-form label { display: block; margin-bottom: 3px; font-weight: bold; }
.gag-form input[type="text"], .gag-form input[type="email"], .gag-form textarea {
  box-sizing: border-box; width: 100%; max-width: 480px; border: 1px solid #ccc; padding: 4px 6px;
  font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: #fff;
}
.gag-form textarea { height: 170px; }
.gag-form .gag-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.gag-form .gag-check label { display: inline; font-weight: normal; }
.gag-form button {
  padding: 6px 18px; border: 1px solid #4f616f; background: #4f616f; color: #fff;
  font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; cursor: pointer;
}
.gag-form button:hover { background: #ff6600; border-color: #ff6600; }
.gag-ok { border: 1px solid #7a9a5a; background: #f1f7ea; padding: 8px 12px; margin: 12px 0; }
.gag-err { border: 1px solid #c33; background: #fbeeee; padding: 8px 12px; margin: 12px 0; color: #900; }


/* ---------- Literaturverzeichnis ---------- */
.gag-filter { box-sizing: border-box; width: 60%; max-width: 360px; border: 1px solid #ccc; margin: 6px 0 10px; padding: 3px 5px; font: 13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: #fff; }
.page .postcontent ul li { margin-bottom: 3px; }