/* Allgemeine Elemente */

    #lead { text-align: left; }
    #subnav { z-index: 0; margin-top: 0; display: none; }
    #subnav .hf-tabber { margin-bottom: 40px !important; }


    /* Abstände */

    .hf-content-raster {
      margin-bottom: 40px;
    }

    .hf-mask-block-icon + .hf-mask-block-icon,
    .aktivthemen #maincontent > div + div {
      margin-top: 40px;
    }

    #main > .hf-wrapper,
    #main > #maincontent {
      margin-top: 60px !important;
      padding-top: 0 !important;
    }

    #main > .hf-wrapper + #maincontent {
      margin-top: 0 !important;
      padding-top: 0;
    }

    .hf-faq-news-list-content {
      margin-top: 0;
    }

    @media screen and (max-width: 980px) {
      #main > .hf-wrapper,
      #main > #maincontent {
        margin-top: 0 !important;
        padding-top: 0 !important;
      }
    }

    @media screen and (max-width: 980px) {
      #main {
        margin-top: 100px !important;
      }
    }

    /* Accordeon */

    .accordion-item-l-1 header {
      padding: 26px 54px 26px 39px;
      text-wrap: balance;
    }

    .accordion-item-l-1 > .ce-bodytext .ce-bodytext {
      display: block;
      padding-top: 0;
      padding-bottom: 0;
      cursor: none;
    }

    @media screen and (max-width: 768px) {
      .accordion-item-l-1 {
        padding: 16px 20px 16px 20px;
      }
    }

    @media (max-width: 560px) {
      .accordion-item-l-1 header svg {
          display: block !important;
      }
    }


    /* Tags, Links & Buttons */

    .news a[class*="-link-button"] {
      margin-top: 20px;
    }

    .active-back-link {
      margin-top: -40px;
      margin-bottom: 40px;
    }

    .active-back-link .icon-Close {
      margin-left: -5px;
    }

    audio {
      width: 100%;
    }

    h2, p.lead {
      font-size: 36px;
      line-height: 1.15em;
      margin-top: 4px;
      margin-bottom: 20px !important;
      text-wrap: balance;
    }
    .headerimage p.lead {
      font-size: 28px;
      line-height: 1.429em;
    }
    @media screen and (max-width: 980px) {
      .active-back-link {
        margin-top: -20px;
      }
      h1 {
        font-size: 36px;
        text-wrap: balance;
      }
      h3 {
        font-size: 22px !important;
      }
      h2, p.lead {
        font-size: 24px !important;
        margin-top: 2px;
        margin-bottom: 20px !important;
      }
      .accordion-item-l-1 .accordion-toggler {
        width: 1.5em;
      }

      .articletype-0 .accordion-toggler {
        width: 1.3em;
      }
    }


    /* Tabellen */

    .table-design-default,
    .table-design-unittable {
      border-bottom: 1px solid #F4F1ED;
    }

    .table-design-default td,
    .table-design-unittable td {
      padding-left: 5px;
      padding-right: 5px;
    }

    .table-design-default td,
    .table-design-default th,
    .table-design-unittable td,
    .table-design-unittable th {
      border-bottom: none;
    }

    .table-design-default tr:nth-child(even),
    .table-design-unittable tr:nth-child(even) {
      background-color: #F4F1ED;
    }

    .aktivthemen .table-overflow:not(:has(table tr:first-child td p)) {
      margin-top: 0;
    }

    .aktivthemen table tr:first-child td:not(:has(p)) {
      padding-top: 0;
      padding-bottom: 8px;
    }

    @media screen and (max-width: 768px) {
      .table-design-unittable tbody {
        display: block;
      }
      .table-design-default tr,
      .table-design-unittable tr {
        padding-left: 5px;
        padding-right: 5px;
      }
      .table-design-default td,
      .table-design-unittable td {
        padding-left: 0;
        padding-right: 0;
      }
      .aktivthemen .table-design-unittable tr:first-child:not(:has(> td > p)) {
        display: none;
      }
    }


    /* Footer */

    #sitefooter h4 {
      margin-bottom: 0;
    }

    #sitefooter p + p {
      margin-top: 0;
    }

    #sitefooter a {
      line-height: inherit !important;
    }

    #sitefooter .col {
      margin-bottom: 20px;
    }


    /* Zusätzliche Klassen */
    @media (min-width: 480px) {
      .twocolumn-bodytext .ce-bodytext,
      .threecolumn-bodytext .ce-bodytext {
        column-count: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
      }
    }
    @media (min-width: 768px) {
      .threecolumn-bodytext .ce-bodytext {
        column-count: 3;
      }
    }
    @media screen and (max-width: 980px) {
      #headercontent .ce-bodytext > * {
        text-align: left;
      }
    }