/* GGS Krahnenburgstraße – Custom Template Styles
   Ergänzt Foundation 6 (vendor/foundation/foundation.min.css)
   Farbpalette: Türkis/Cyan (#90cece, #ddf0f0) mit Blau-Hover (#0000CC)
*/

/* ── Header-Hintergründe (responsiv) ─────────────────────────── */

.ggsheaderl {
    background-image: url("../images/ggs-bg-large.jpg");
    height: 128px;
    text-align: right;
}
.ggsheaderl img { height: 128px; }

.ggsheaderm {
    background-image: url("../images/ggs-bg-medium.jpg");
    height: 96px;
    text-align: right;
}
.ggsheaderm img { height: 96px; }

.ggsheaders {
    background-image: url("../images/ggs-bg-small.jpg");
    height: 64px;
    text-align: right;
}
.ggsheaders img { height: 64px; }

/* ── Navigation ───────────────────────────────────────────────── */

.nopadding { padding: 0 !important; }

.top-bar li a:hover {
    color: #0000CC;
    background-color: #80aeae;
}

/* ── Typografie ───────────────────────────────────────────────── */

p {
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    text-align: justify;
}

h1 {
    border-bottom: 4px dotted #90cece;
    border-right: 4px dotted #90cece;
    font-variant: small-caps;
}

/* ── Hilfsklassen ─────────────────────────────────────────────── */

.fullwidth { width: 100%; }

/* ── Footer ───────────────────────────────────────────────────── */

.footer {
    padding: 2ex 0;
    margin-top: 3ex;
    border: none;
    background: linear-gradient(#90cece, #ddf0f0);
    font-size: 90%;
    white-space: nowrap;
}

.footer h5 {
    border-bottom: 3px solid cyan;
    font-weight: bolder;
}

.footer h6 { font-weight: bold; }

/* ── Tabellen ─────────────────────────────────────────────────── */

td, th { vertical-align: top; }

table.unformatted { width: auto; }

table.unformatted tr,
table.unformatted tr:nth-child(even),
table.unformatted tr:nth-child(odd) { background-color: white; }

table.unformatted td,
table.unformatted th,
table.unformatted tbody td,
table.unformatted tbody th {
    padding: 0 1ex;
    text-align: left;
}

/* OGS-Terminliste */
tr.open    { background-color: #99FF99 !important; }
tr.closed  { background-color: #FF9999 !important; }
tr.notgruppe { background-color: #FFFF99 !important; }
table.ogstermine td.date { width: 10em; }

/* ── No-JS-Fallback (Foundation-Breakpoints) ──────────────────── */

@media screen and (max-width: 39.9375em) {
    .no-js .top-bar { display: none; }
}
@media screen and (min-width: 40em) {
    .no-js .title-bar { display: none; }
}