@charset "UTF-8";

/* Pages in the new style (contact, imprint, privacy, leadership): bold blue heading with a blue bottom line, white content without border */
#thwDoubleCol.plain-page div.thwueberschrift { left: 0; width: auto; margin: 0 16px; padding: 20px; background: none; border: 0;
  border-bottom: 4px solid #039; color: #039; text-align: left; }
#thwDoubleCol.plain-page .thwueberschrift h2 { margin: 0; font-size: 30px; line-height: 1; font-weight: bold; letter-spacing: 0.5px; }
#thwDoubleCol.plain-page div.inhalt { float: none; box-sizing: border-box; width: auto; margin: 16px 16px 0; padding: 20px; border: 0; background-color: #fff; }

/* Section heading with a yellow bar, shared by contact, imprint and privacy (inside .contact or .plain-text) */
.page-title { position: relative; margin: 32px 0 16px; padding: 0 0 0 26px; font-size: 24px; line-height: 1; font-weight: bold;
  color: #202020; background: none; border: 0; text-align: left; }
.page-title::before { /* yellow bar, as high as the capital letters */
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 8px; background: #ffe600; }

@container (max-width: 420px) {
  .page-title { font-size: 20px; padding-left: 22px; }
}

/* Text pages (imprint, privacy): style of the contact page, without cards */
.plain-text { container-type: inline-size; font-family: Calibri, "Droid Sans", Arial, sans-serif; font-size: 16px; line-height: 1.5;
  color: #202020; text-align: left; overflow-wrap: anywhere; }
.plain-text > :first-child { margin-top: 0; }
.plain-text h3 { margin: 20px 0 6px; font-size: 18px; line-height: 1.3; font-weight: bold; color: #202020; }
.plain-text p, .plain-text address, .plain-text ul { margin: 0 0 12px; }
.plain-text address { font-style: normal; }
.plain-text ul { padding-left: 24px; }
.plain-text li { margin-bottom: 4px; }
.plain-text a { color: #039; }