/* =======================================
   Print CSS – angepasst an neues Layout
   ======================================= */

html,
body,
div,
p,
br,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
a,
img,
li,
form,
dl,
dt,
dd,
figure,
figcaption,
blockquote,
section,
article,
nav,
header,
footer,
main {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

html,
body {
  font-family: Verdana, Tahoma, sans-serif;
  background: #fff !important;
  color: #000 !important;
  font-size: 11pt;
  line-height: 1.45;
  text-align: left;
}

/* =======================================
   Grundlayout
   ======================================= */
#container,
#containerContent,
#centerText {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  background: #fff !important;
  color: #000 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

#container {
  padding: 0 !important;
}

/* altes linkes Menü komplett ausblenden */
#leftNavigation,
nav,
.skip-link,
.heroButtons,
#fullWidthLogos,
#footerMetaLinks,
#fuss,
#siHeadInner nav,
.menu,
.navigation,
#navigation {
  display: none !important;
}

/* =======================================
   Header
   ======================================= */
#siHead {
  background: none !important;
  color: #000 !important;
  margin: 0 0 12pt 0 !important;
  padding: 0 0 8pt 0 !important;
  border-bottom: 1px solid #999;
}

#siHeadInner {
  padding: 0 !important;
  margin: 0 !important;
}

/* =======================================
   Typografie
   ======================================= */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000 !important;
  page-break-after: avoid;
  break-after: avoid;
  line-height: 1.2;
  margin: 0 0 10pt 0;
}

h1 {
  font-size: 20pt;
}

h2 {
  font-size: 15pt;
  margin-top: 18pt;
}

h3 {
  font-size: 13pt;
  margin-top: 14pt;
}

p,
li,
dd,
dt {
  color: #000 !important;
  line-height: 1.45;
  margin: 0 0 10pt 0;
}

ul,
ol {
  margin: 0 0 12pt 20pt;
}

a,
a:visited {
  color: #000 !important;
  text-decoration: underline;
}

/* URLs optional mitdrucken */
a[href^="http"]:after {
  content: " (" attr(href) ")";
  font-size: 9pt;
  word-break: break-all;
}

/* =======================================
   Hero
   ======================================= */
.heroWrap {
  display: block !important;
  margin: 0 0 18pt 0 !important;
  padding: 0 !important;
  background: none !important;
  border-radius: 0 !important;
}

.heroText,
.heroImage {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
}

.heroLogo {
  margin: 0 0 10pt 0 !important;
}

.heroLogo img {
  max-width: 140pt !important;
  height: auto !important;
}

.heroKicker {
  color: #555 !important;
  font-size: 10pt;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0 0 6pt 0;
}

.heroTitel {
  font-size: 20pt !important;
  color: #000 !important;
  margin: 0 0 10pt 0 !important;
  max-width: none !important;
}

.heroIntro {
  max-width: none !important;
  margin: 0 0 12pt 0 !important;
  font-size: 11pt;
  color: #000 !important;
}

.heroImage {
  margin-top: 12pt;
}

.heroImage img {
  width: 100% !important;
  max-width: 420pt !important;
  height: auto !important;
  border-radius: 0 !important;
  page-break-inside: avoid;
  break-inside: avoid;
}

/* =======================================
   Fakten / Karten
   ======================================= */
.factsGrid {
  display: block !important;
  margin: 12pt 0 18pt 0 !important;
}

.factCard,
.kitaList li,
#imtext {
  display: block !important;
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #bbb !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 10pt 12pt !important;
  margin: 0 0 10pt 0 !important;
  min-height: 0 !important;
  page-break-inside: avoid;
  break-inside: avoid;
}

.factCardWide {
  grid-column: auto !important;
}

.factLabel,
.kitaList strong {
  display: block !important;
  color: #555 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 9pt !important;
  margin: 0 0 4pt 0 !important;
}

.factCard p,
.factText,
.factText p,
.kitaList p {
  margin: 0 !important;
  font-size: 11pt !important;
  font-weight: 700;
  line-height: 1.4;
  color: #000 !important;
}

/* alte Listendarstellung auf Druck vereinfachen */
.kitaList {
  list-style: none;
  margin: 12pt 0 18pt 0 !important;
  padding: 0 !important;
}

/* =======================================
   Fließtext
   ======================================= */
#imtext {
  font-family: Verdana, Tahoma, sans-serif !important;
  max-width: none !important;
  margin-top: 18pt !important;
  padding: 0 !important;
  border: 0 !important;
}

#imtext h2,
#imtext h3 {
  margin-top: 16pt !important;
}

/* =======================================
   Bilder
   ======================================= */
img {
  max-width: 100% !important;
  height: auto !important;
  page-break-inside: avoid;
  break-inside: avoid;
}

/* =======================================
   Hilfsklassen
   ======================================= */
.killFloat {
  clear: both;
}

p.lastNurJetzt {
  margin-bottom: 18pt !important;
}

/* =======================================
   Seitenränder
   ======================================= */
@page {
  margin: 2cm;
}