/* ees template additions on top of the former Purity III "ees" theme CSS (which is kept unchanged). */

/* Mobile menu: the theme styles .t3-navbar-collapse for Bootstrap's collapse plugin (.collapse / .in). */
.t3-navbar-collapse.in { display: block; }

/* Error page */
.error-page .t3-mainbody { padding-top: 40px; padding-bottom: 80px; min-height: 60vh; }
.ees-error-code { font-size: 72px; line-height: 1; font-weight: 300; color: #2e8c41; margin: 0 0 10px; }
.ees-error h1 { margin-top: 0; }

/* Below desktop width: images never wider than their column (the 1140 px service-page headers forced phones
   to zoom out), and the pagination row wraps. Desktop (≥1200 px) keeps the original rendering. */
@media (max-width: 1199px) {
	.t3-content img, .t3-sl img, .slideshow img { max-width: 100%; height: auto; }
	.t3-content .pagination { display: flex; flex-wrap: wrap; }
	/* long German compounds (Lexikon terms, article titles): hyphenate (html lang de-at), break only as a last resort */
	.t3-content h1, .t3-content h2, .t3-content h3, .glossary-group-items a { -webkit-hyphens: auto; hyphens: auto; overflow-wrap: break-word; }
}

/* Blog list on phones/tablets: the title header (display:flex) sat next to the full-width floated intro image
   and collapsed to 0 px, pushing titles off-screen (also on the old template). */
@media (max-width: 991px) {
	.blog-item .article-header { clear: both; }
}

/* ---- Barrierefreiheit (switch "a11y": html.ees-a11y). No new colours: outlines use the current text colour. */
.ees-skip { position: absolute; left: -9999px; top: 0; z-index: 2000; padding: 8px 14px; background: #fff; }
.ees-skip:focus { left: 8px; top: 8px; }
.ees-a11y a:focus-visible, .ees-a11y button:focus-visible, .ees-a11y input:focus-visible,
.ees-a11y select:focus-visible, .ees-a11y textarea:focus-visible, .ees-a11y .navbar-toggle:focus-visible {
	outline: 2px solid currentColor; outline-offset: 2px;
}
.ees-a11y #t3-content:focus { outline: none; }
.ees-carousel-pause { position: absolute; left: -9999px; }
.ees-carousel-pause:focus { left: 12px; top: 12px; z-index: 20; }

/* ---- Kontaktformular: spam trap, invisible for people and screen readers */
.ees-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }

/* ---- footer menus: links aligned with the column heading (the theme's pill padding indented them) */
.t3-footer .module-ct > .nav-pills > li > a { padding-left: 0; padding-right: 0; }

/* ---- Lexikon on small phones: one term per line instead of two squeezed columns */
@media (max-width: 479px) {
	.glossary-group-items .row > li { width: 100%; float: none; }
}
/* ees: footer menus */