@charset "UTF-8";
#content {
  /* Archiv, Liste auf Detaiseite, Liste Forum
   - Überschriftsbalken nachbilden
   */
  /*
     .news-single {
      &.news-class-8 {
      padding-bottom: $abstand-gross;
      .news-header {
        padding-bottom: 0;
        margin-bottom: $abstand-gross;
      }
  }
  }
  */ }
  #content .news,
  #content .news-list-view {
    position: relative; }
  #content .news-list-group-outer {
    margin-bottom: 5.625rem; }
  #content .news-class-2 .news-list-group-outer,
  #content .news-class-11 .news-list-group-outer {
    background-color: #003F4F; }
  #content .news-titel {
    hyphens: auto; }
  #content .news-list-group {
    position: relative;
    border-bottom: 1px solid transparent;
    max-width: 940px;
    margin: 0 3.125rem 6.875rem 3.125rem;
    max-width: 940px;
    margin: 0 3.125rem 0 3.125rem;
    margin-bottom: 6.875rem; }
    @media (min-width: 1040px) {
      #content .news-list-group {
        margin: 0 auto 0 auto; } }
    @media (min-width: 1040px) {
      #content .news-list-group {
        margin: 0 auto 0 auto; } }
    @media (min-width: 1040px) {
      #content .news-list-group {
        margin-bottom: 0; } }
    #content .news-list-group .news-list-group-inner {
      position: relative; }
      @media (min-width: 769px) {
        #content .news-list-group .news-list-group-inner {
          display: flex;
          flex-wrap: wrap;
          margin: 0 -0.625rem;
          justify-content: flex-start; } }
    #content .news-list-group .article {
      position: relative;
      margin: 0 0 1.25rem 0; }
      #content .news-list-group .article.article-thumb {
        display: flex; }
      #content .news-list-group .article .news-detail-view {
        background-color: #FFCA4E;
        padding: 1.25rem;
        line-height: 1em; }
        #content .news-list-group .article .news-detail-view a {
          text-decoration: none; }
        #content .news-list-group .article .news-detail-view .news-titel {
          margin-top: 1.5em;
          font-weight: 600; }
        #content .news-list-group .article .news-detail-view .news-thumb {
          position: relative;
          margin: -1.25rem -1.25rem 1.25rem -1.25rem; }
          #content .news-list-group .article .news-detail-view .news-thumb img {
            width: 100%;
            height: auto; }
      @media (min-width: 769px) {
        #content .news-list-group .article {
          flex-shrink: 0;
          width: 50%;
          padding: 0 0.625rem;
          width: 33.3333%;
          hyphens: auto; } }
      @media (min-width: 1040px) {
        #content .news-list-group .article {
          hyphens: none; } }
    #content .news-list-group .news-list-group-between {
      position: realtive;
      max-width: 620px; }
      @media (min-width: 769px) {
        #content .news-list-group .news-list-group-between .article {
          flex-shrink: 0;
          width: 50%;
          padding: 0 0.625rem;
          hyphens: auto; } }
      @media (min-width: 1040px) {
        #content .news-list-group .news-list-group-between .article {
          hyphens: none; } }
  #content .news-class-4 .news-list-group-outer,
  #content .news-class-5 .news-list-group-outer,
  #content .news-class-7 .news-list-group-outer {
    margin-bottom: 0; }
  #content .news-class-4 .news-list-group .article .news-detail-view,
  #content .news-class-5 .news-list-group .article .news-detail-view,
  #content .news-class-7 .news-list-group .article .news-detail-view {
    padding: 0; }
  #content .news-class-4 .news-list-group .article .news-titel,
  #content .news-class-5 .news-list-group .article .news-titel,
  #content .news-class-7 .news-list-group .article .news-titel {
    margin-top: 0;
    padding: 1.25rem; }
  #content .news-class-4 .news-list-group .article .news-zusatz,
  #content .news-class-5 .news-list-group .article .news-zusatz,
  #content .news-class-7 .news-list-group .article .news-zusatz {
    background-color: #FFFFFF;
    padding: 1.25rem;
    font-weight: 600; }
  #content .news-class-5 .news-list-group-outer {
    margin-bottom: 2.5rem; }
  #content .news-class-5 .news-list-group .article .news-titel {
    background-color: #007F9F;
    color: #FFFFFF; }
  #content .news-class-7 .news-list-group-outer:last-child {
    margin-bottom: 5.625rem; }
  #content .news-class-8 {
    margin-bottom: 6.875rem; }
  #content .news-jahr-titel,
  #content .news-shortlist-titel,
  #content .news-forumlist-titel {
    display: flex;
    height: 6.875rem;
    align-items: center;
    justify-content: center;
    color: #FFFFFF; }
    @media (min-width: 769px) {
      #content .news-jahr-titel,
      #content .news-shortlist-titel,
      #content .news-forumlist-titel {
        width: 100%;
        flex-shrink: 0; } }
  #content .news-class-5 .news-forumlist-titel,
  #content .news-class-6 .news-forumlist-titel {
    color: #000000; }
  #content .news-class-7 .news-list-group-outer:last-child {
    margin-bottom: 4.375rem; }
  #content .news-class-7 .news-list-group-outer .news-jahr-titel {
    color: #000000; }
  #content .news-class-7 .news-list-group-outer a.actbutton {
    border-color: #007F9F; }
  #content .news-class-7 .news-list-group-outer .news-list-group .article .news-titel {
    background-color: #007F9F;
    color: #FFFFFF; }
  #content .news-class-7 .news-list-group-outer:first-child {
    background-color: #003F4F; }
    #content .news-class-7 .news-list-group-outer:first-child .news-jahr-titel {
      color: #FFFFFF; }
    #content .news-class-7 .news-list-group-outer:first-child a.actbutton {
      border-color: #FFCA4E; }
    #content .news-class-7 .news-list-group-outer:first-child .news-list-group .article .news-titel {
      background-color: #FFCA4E;
      color: #000000; }
  #content .abstand-gross {
    margin-bottom: 6.875rem; }
  #content .news-single .news-header {
    background-color: #FFCA4E;
    padding: 1.25rem 0;
    line-height: 1em; }
    #content .news-single .news-header .news-titel {
      margin-top: 1.5em; }
      #content .news-single .news-header .news-titel h1 {
        max-width: 750px;
        font-size: 1.5rem;
        line-height: 1em;
        margin-bottom: 0;
        font-family: "Lyon Text Web", Times New Roman, serif;
        font-style: normal;
        font-weight: 400;
        letter-spacing: 0; }
  #content .news-single .news-header-inner,
  #content .news-single .news-content {
    max-width: 940px;
    margin: 0 3.125rem 0 3.125rem; }
    @media (min-width: 1040px) {
      #content .news-single .news-header-inner,
      #content .news-single .news-content {
        margin: 0 auto 0 auto; } }
    #content .news-single .news-header-inner .mediaelement,
    #content .news-single .news-content .mediaelement {
      margin-bottom: 1.5em; }
    #content .news-single .news-header-inner .img-gallery,
    #content .news-single .news-content .img-gallery {
      margin-bottom: 6.875rem; }
      #content .news-single .news-header-inner .img-gallery .mediaelement,
      #content .news-single .news-content .img-gallery .mediaelement {
        margin-bottom: 0; }
    #content .news-single .news-header-inner .news-img-caption,
    #content .news-single .news-content .news-img-caption {
      font-family: "reader-bold", sans-serif, Arial, Helvetica, sans-serif;
      font-weight: normal;
      font-size: 1.125rem;
      line-height: 1.3;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: 0.1em;
      letter-spacing: 0;
      padding-top: 0.625rem; }
    #content .news-single .news-header-inner img,
    #content .news-single .news-content img {
      max-width: 100%;
      width: 100%;
      height: auto; }
  #content .news-single .news-content {
    padding-top: 1.25rem; }
  #content .trenner-btn-wrap {
    text-align: center;
    margin-top: -2rem; }
    #content .trenner-btn-wrap .trenner-btn {
      min-height: 6.875rem; }
      #content .trenner-btn-wrap .trenner-btn h3 {
        display: inline-block;
        color: #000000;
        background-color: #35EBBF;
        border: 5px solid #FFFFFF; }
        #content .trenner-btn-wrap .trenner-btn h3 span {
          display: inline-block;
          padding: 1.1rem 3rem 0.9rem; }
        #content .trenner-btn-wrap .trenner-btn h3 a {
          background-color: #35EBBF;
          color: #000000;
          text-decoration: none;
          display: inline-block; }
          #content .trenner-btn-wrap .trenner-btn h3 a:hover {
            background-color: #38C1A1; }
  #content .news-shortlist {
    background-color: #003F4F; }
  #content .news-class-10 .news-shortlist {
    padding-bottom: 5.625rem; }
    #content .news-class-10 .news-shortlist .news-list-group-outer {
      margin-bottom: 0; }
  #content .news-class-4 {
    background-color: #003F4F; }
  #content a.actbutton {
    font-family: "reader-bold", sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.3;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.1em;
    letter-spacing: 0;
    margin-top: 1.25rem;
    text-decoration: none;
    display: inline-block;
    color: #000000;
    background-color: #FFFFFF;
    padding: 0.65rem 1rem 0.5rem;
    border: 5px solid #FFCA4E; }
    #content a.actbutton:hover {
      text-decoration: none; }
    #content a.actbutton.agenturbt {
      margin-top: 0;
      margin: 0 auto;
      display: inline-block;
      width: auto; }
      @media (min-width: 769px) {
        #content a.actbutton.agenturbt {
          text-align: center;
          width: 100%; } }
  #content .news-class-5 a.actbutton {
    border-color: #007F9F; }
  #content .news-class-9a .news-list-group .news-list-group-between {
    margin-left: auto;
    margin-right: 0; }
  #content .news-single.news-class-6 .news-header, #content .news-single.news-class-8 .news-header, #content .news-single.news-class-10 .news-header {
    min-height: 180px;
    padding-top: 12.25rem;
    background-repeat: no-repeat;
    background-position: 50% 1rem;
    background-size: auto 100px; }
    @media (min-width: 520px) {
      #content .news-single.news-class-6 .news-header, #content .news-single.news-class-8 .news-header, #content .news-single.news-class-10 .news-header {
        padding-top: 9.25rem; } }
    @media (min-width: 769px) {
      #content .news-single.news-class-6 .news-header, #content .news-single.news-class-8 .news-header, #content .news-single.news-class-10 .news-header {
        padding-top: 1.25rem;
        background-position: right 0.5rem top 1rem;
        background-size: 120px auto; } }
    @media (min-width: 1040px) {
      #content .news-single.news-class-6 .news-header, #content .news-single.news-class-8 .news-header, #content .news-single.news-class-10 .news-header {
        background-position: right 0 top 1rem;
        background-size: 150px auto; } }
    @media (min-width: 1200px) {
      #content .news-single.news-class-6 .news-header, #content .news-single.news-class-8 .news-header, #content .news-single.news-class-10 .news-header {
        background-position: left calc(50% + 500px) top 1rem; } }
    #content .news-single.news-class-6 .news-header .news-titel, #content .news-single.news-class-8 .news-header .news-titel, #content .news-single.news-class-10 .news-header .news-titel {
      margin-top: 0; }
      #content .news-single.news-class-6 .news-header .news-titel h1, #content .news-single.news-class-8 .news-header .news-titel h1, #content .news-single.news-class-10 .news-header .news-titel h1 {
        font-size: 2.7rem;
        font-family: "Lyon Text Web", Times New Roman, serif;
        font-weight: 600;
        max-width: none; }
        @media (min-width: 769px) {
          #content .news-single.news-class-6 .news-header .news-titel h1, #content .news-single.news-class-8 .news-header .news-titel h1, #content .news-single.news-class-10 .news-header .news-titel h1 {
            font-size: 3.6rem;
            padding-right: 120px;
            max-width: 90%; } }
        @media (min-width: 1040px) {
          #content .news-single.news-class-6 .news-header .news-titel h1, #content .news-single.news-class-8 .news-header .news-titel h1, #content .news-single.news-class-10 .news-header .news-titel h1 {
            padding-right: 120px;
            font-size: 4.5rem; } }
        @media (min-width: 1200px) {
          #content .news-single.news-class-6 .news-header .news-titel h1, #content .news-single.news-class-8 .news-header .news-titel h1, #content .news-single.news-class-10 .news-header .news-titel h1 {
            padding-right: 0; } }
  #content .news-single.news-class-6 .news-header.padding-gross, #content .news-single.news-class-8 .news-header.padding-gross, #content .news-single.news-class-10 .news-header.padding-gross {
    padding-bottom: 6.875rem; }
  #content .news-single.news-class-6 .forum-infos, #content .news-single.news-class-8 .forum-infos, #content .news-single.news-class-10 .forum-infos {
    font-family: "reader-bold", sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.3;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.1em;
    text-align: center;
    margin-bottom: 3.125rem; }
  #content .news-single.news-class-6 .vermb-autoren, #content .news-single.news-class-8 .vermb-autoren, #content .news-single.news-class-10 .vermb-autoren {
    font-family: "reader-bold", sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.3;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.1em;
    margin-top: 3.125rem; }
  #content .news-details {
    position: relative; }
  #content .news-2spaltig {
    display: flex;
    position: relative;
    flex-wrap: wrap; }
    #content .news-2spaltig > div {
      flex: 0 0 100%;
      position: relative; }
      @media (min-width: 1040px) {
        #content .news-2spaltig > div {
          flex: 0 0 50%; }
          #content .news-2spaltig > div.news-2spaltig-left {
            padding-right: 0.625rem; }
          #content .news-2spaltig > div.news-2spaltig-right {
            padding-left: 0.625rem; } }

.gallery-navigation {
  position: absolute;
  bottom: 0;
  width: 100%; }
  .gallery-navigation ul {
    transition: bottom 0.5s; }

* {
  border: 0;
  margin: 0;
  padding: 0;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

html,
body {
  font-size: 70%;
  line-height: 1.3333;
  font-family: "Lyon Text Web", Times New Roman, serif;
  font-style: normal;
  font-weight: 400;
  color: #000000; }
  @media (min-width: 520px) {
    html,
    body {
      font-size: 100%; } }

/*** Haupt Layout Definition    ***/
html,
body,
#page {
  /* needed for proper layout */
  height: 100%; }

#page {
  position: relative;
  display: -ms-flex-box;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.page > header {
  flex: 0 0 auto;
  position: fixed;
  width: 100%;
  height: 80px;
  transition: 0.3s;
  padding: 3.125rem 3.125rem 0 3.125rem;
  display: flex;
  z-index: 51;
  background-color: #FFFFFF; }
  @media (min-width: 520px) {
    .page > header {
      height: 120px; } }
  @media (min-width: 1040px) {
    .page > header {
      height: 140px; } }
  .page > header .homelink-wrap {
    position: relative;
    flex: 1 0 120px; }
  .page > header #homelink {
    z-index: 300;
    position: relative;
    display: flex;
    height: 100%;
    width: 100%; }
    .page > header #homelink svg {
      width: 100%;
      height: 100%; }
      .page > header #homelink svg #claim {
        display: none; }
        @media (min-width: 520px) {
          .page > header #homelink svg #claim {
            display: inline; } }
    .page > header #homelink.aktiv {
      position: relative; }
      @media (min-width: 520px) {
        .page > header #homelink.aktiv {
          z-index: 50; } }
      .page > header #homelink.aktiv svg rect,
      .page > header #homelink.aktiv svg path {
        fill: #FFFFFF; }
        @media (min-width: 520px) {
          .page > header #homelink.aktiv svg rect,
          .page > header #homelink.aktiv svg path {
            fill: black !important; } }
  .page > header.klein {
    height: 70px;
    padding: 0.78125rem 3.125rem 0.78125rem 3.125rem; }
    @media (min-width: 520px) {
      .page > header.klein {
        height: 70px; } }
    @media (min-width: 1040px) {
      .page > header.klein {
        height: 70px; } }
    .page > header.klein #homelink {
      height: 80%; }
      @media (min-width: 520px) {
        .page > header.klein #homelink {
          height: 100%; } }
  .page > header #sprachmenu {
    list-style: none;
    font-family: "reader-bold", sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.3;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.1em;
    font-size: 4rem;
    margin-top: -0.7rem;
    margin-right: 2rem;
    position: relative;
    z-index: 122;
    display: none;
    color: #FFFFFF; }
    .page > header #sprachmenu.aktiv {
      display: block; }
    @media (min-width: 520px) {
      .page > header #sprachmenu {
        margin-top: 0.5rem;
        font-size: 3rem;
        flex: 0 0 auto;
        display: block;
        margin-right: 3rem;
        line-height: 1em;
        margin-top: -0.05em;
        color: #000000; } }
    @media (min-width: 769px) {
      .page > header #sprachmenu {
        margin-right: 6rem; } }
    .page > header #sprachmenu a {
      text-decoration: none;
      color: #FFFFFF; }
      @media (min-width: 520px) {
        .page > header #sprachmenu a {
          color: #000000; } }

main {
  flex: 1 0 auto;
  position: relative;
  position: relative; }

footer {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
  background-color: #007F9F;
  padding: 3.125rem 3.125rem 0 3.125rem;
  z-index: 35; }
  footer a {
    color: #FFFFFF;
    text-decoration: none; }
    footer a:hover, footer a:focus {
      text-decoration: underline; }
  footer .footer-bar-top {
    font-family: "reader-bold", sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.3;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.1em;
    color: #FFFFFF; }
    @media (min-width: 769px) {
      footer .footer-bar-top {
        display: flex;
        justify-content: space-between; } }
    footer .footer-bar-top ul {
      list-style: none; }
      footer .footer-bar-top ul li {
        margin-bottom: 0.625rem; }
    footer .footer-bar-top .footer-block {
      margin-bottom: 1.5em; }
      @media (min-width: 769px) {
        footer .footer-bar-top .footer-block {
          flex: 1 1 auto; } }
      @media (min-width: 1040px) {
        footer .footer-bar-top .footer-block {
          flex: 0 0 300px; } }
  footer .footer-bar-bottom {
    display: flex;
    height: 6.875rem;
    align-items: center;
    justify-content: center; }
    footer .footer-bar-bottom a {
      flex: 0 0 2rem;
      text-decoration: none !important;
      margin: 0 1.25rem; }
      @media (min-width: 520px) {
        footer .footer-bar-bottom a {
          margin: 0 5rem; } }
      footer .footer-bar-bottom a img {
        width: 100%;
        height: auto; }
  footer .footer-bar-last {
    color: #000000;
    font-family: "reader-bold", sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.3;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.1em;
    line-height: 1;
    background-color: #FFFFFF;
    text-align: center;
    margin-left: -3.125rem;
    margin-right: -3.125rem;
    height: 6.875rem;
    display: flex;
    justify-content: center;
    align-items: center; }

#page {
  font-size: 1.4rem;
  line-height: 2rem; }

#content {
  padding-top: 100px;
  /***  tabellen ***/ }
  @media (min-width: 520px) {
    #content {
      padding-top: 140px; } }
  @media (min-width: 769px) {
    #content {
      padding-top: 150px; } }
  @media (min-width: 1040px) {
    #content {
      padding-top: 160px; } }
  #content b,
  #content strong {
    font-weight: 700; }
  #content h1,
  #content h2,
  #content h3 {
    font-family: "reader-bold", sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.3;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.1em; }
  #content .text-right {
    text-align: right; }
    @media (max-width: 600px) {
      #content .text-right {
        text-align: left; } }
  #content a {
    color: black;
    text-decoration: underline;
    text-decoration-color: #003F4F; }
    #content a:hover, #content a:active {
      text-decoration-color: #35EBBF; }
    #content a.button {
      font-family: "reader-bold", sans-serif, Arial, Helvetica, sans-serif;
      font-weight: normal;
      font-size: 1.125rem;
      line-height: 1.3;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: 0.1em;
      font-weight: 400;
      text-decoration: none;
      display: inline-block;
      color: #000000;
      background-color: #35EBBF;
      padding: 1.1rem 3rem 0.9rem;
      border: 0; }
      #content a.button:hover {
        background-color: #38C1A1; }
  #content p {
    margin-bottom: 1.5em; }
    #content p.abstand-gross {
      margin-bottom: 6.875rem; }
    #content p.abstand-mittel {
      margin-bottom: 3.125rem; }
    #content p.abstand-kein {
      margin-bottom: 0; }
    #content p.event-highlight {
      padding: 10px 3.125rem;
      border: 5px solid #35EBBF;
      margin-left: -3.125rem;
      margin-right: -3.125rem;
      font-size: 1.4rem;
      line-height: 2rem; }
    #content p.schrift-gross {
      font-size: 2.25rem;
      line-height: 1.33; }
  #content .schrift-klein {
    font-size: 1.4rem;
    line-height: 2rem; }
  #content.schrift-gross {
    font-size: 2.25rem;
    line-height: 1.33; }
  #content .schrift-gross {
    font-size: 2.25rem;
    line-height: 1.33; }
  #content .schrift-klein {
    font-size: 1.4rem;
    line-height: 2rem; }
  #content ul {
    list-style: none;
    border: 0;
    margin-bottom: 1.5em; }
    #content ul li {
      padding-left: 1.375rem;
      position: relative;
      margin-bottom: 0.5em; }
      #content ul li:last-child {
        margin-bottom: 0; }
      #content ul li:before {
        content: "–";
        position: absolute;
        top: 0;
        left: 3px; }
    #content ul.list-gross li {
      margin-bottom: 1.5em; }
      #content ul.list-gross li:last-child {
        margin-bottom: 0; }
    #content ul.list-datum {
      font-size: 1.4rem;
      line-height: 2rem; }
      #content ul.list-datum li {
        margin-bottom: 3.125rem;
        padding-left: 0; }
        #content ul.list-datum li:before {
          display: none; }
        #content ul.list-datum li:last-child {
          margin-bottom: 0; }
    #content ul.slick-dots {
      position: relative;
      bottom: 0;
      display: block;
      width: 100%;
      padding: 0;
      margin: 0;
      list-style: none;
      text-align: center;
      font-size: 0;
      line-height: 0; }
      #content ul.slick-dots > li:only-child {
        display: none; }
      #content ul.slick-dots li {
        padding-left: 0;
        margin-bottom: 0; }
        #content ul.slick-dots li:before {
          display: none; }
        #content ul.slick-dots li button {
          opacity: 1;
          border: 1px solid #FFFFFF;
          background-color: transparent;
          border-radius: 50%; }
          #content ul.slick-dots li button:before {
            display: none; }
        #content ul.slick-dots li.slick-active button:before {
          display: block;
          background-color: #FFFFFF;
          width: 12px;
          height: 12px;
          top: 3px;
          left: 3px;
          border: 1px solid #FFFFFF;
          border-radius: 50%;
          content: "";
          font-size: 0;
          line-height: 0;
          color: transparent;
          opacity: 1; }
  #content .cezitat-list-wrap {
    color: #FFFFFF;
    text-align: center; }
    #content .cezitat-list-wrap .cezitat {
      padding-bottom: 3.4375rem; }
  #content .cezitat-autor {
    display: flex;
    justify-content: center; }
    #content .cezitat-autor h3 {
      margin-top: 0.8rem; }
  #content .padding-gross {
    padding-bottom: 6.875rem; }
  #content table {
    border-collapse: collapse;
    border-spacing: 0;
    width: auto;
    height: auto;
    width: 100%;
    height: auto;
    margin-bottom: 6.875rem;
    break-inside: avoid-column;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto; }
    #content table caption {
      text-align: left; }
    #content table thead,
    #content table th {
      font-weight: 400; }
    #content table td,
    #content table th {
      padding: 0 20px;
      width: 50%;
      height: auto;
      vertical-align: top;
      text-align: left;
      font-size: 1.4rem;
      line-height: 2rem; }
      #content table td.unsichtbar,
      #content table th.unsichtbar {
        display: none;
        background-color: red; }
    #content table tr td:last-child,
    #content table tr th:last-child {
      padding-right: 0; }
    #content table tr td:first-child,
    #content table tr th:first-child {
      padding-left: 0; }
    @media (max-width: 600px) {
      #content table td,
      #content table th {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0; } }

.hinweis-container {
  position: absolute;
  top: 50px;
  right: 70px;
  width: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #35EBBF;
  border-radius: 100px;
  border: 4px solid white;
  z-index: 105;
  display: flex;
  width: 100px;
  height: 100px;
  border-radius: 50px; }
  @media (min-width: 520px) {
    .hinweis-container {
      top: 90px;
      right: 170px;
      width: 120px;
      height: 120px;
      border-radius: 60px;
      right: 110px;
      transition: transform 0.8s;
      -moz-transition: transform 0.8s;
      -webkit-transition: transform 0.8s;
      -o-transition: transform 0.8s;
      -ms-transition: transform 0.8s; }
      .hinweis-container:hover {
        transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -webkit-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2); } }
  @media screen and (min-width: 600px) {
    .hinweis-container {
      right: 150px; } }
  @media (min-width: 769px) {
    .hinweis-container {
      width: 150px;
      height: 150px;
      border-radius: 75px;
      top: 75px;
      right: 200px; } }
  @media (min-width: 1040px) {
    .hinweis-container {
      width: 200px;
      height: 200px;
      border-radius: 100px;
      top: 60px;
      right: 250px; } }
  .hinweis-container .hinweis-inner {
    text-align: center;
    font-family: "reader-bold", sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.3;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.1em;
    font-size: 1.2rem;
    line-height: 1.1;
    width: 80%; }
    @media (min-width: 520px) {
      .hinweis-container .hinweis-inner {
        font-size: 1rem; } }
    @media (min-width: 769px) {
      .hinweis-container .hinweis-inner {
        font-size: 1.2rem; } }
    @media (min-width: 1040px) {
      .hinweis-container .hinweis-inner {
        font-size: 1.6rem; } }
    .hinweis-container .hinweis-inner a {
      text-decoration: none !important; }

.tx-powermail {
  position: relative;
  font-family: "Lyon Text Web", Times New Roman, serif;
  font-size: 1.4rem;
  line-height: 2rem;
  /* The container */
  /* Create a custom radio button */
  /* On mouse-over, add a grey background color */
  /* When the radio button is checked, add a blue background */
  /* Create the indicator (the dot/circle - hidden when not checked) */
  /* Show the indicator (dot/circle) when checked */
  /* Style the indicator (dot/circle) */
  /*   .radio-innerwrap {
                display: block;
    
                @media (min-width:  1200px) {
                    display: inline;
                }
    
            }*/ }
  .tx-powermail .powermail_create {
    margin-bottom: 8.875rem; }
  .tx-powermail span.mandatory {
    display: none; }
  .tx-powermail .powermail_fieldwrap {
    margin-bottom: 2.5rem; }
    @media (min-width: 520px) {
      .tx-powermail .powermail_fieldwrap {
        margin-bottom: 1.25rem; } }
    .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio, .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check {
      margin-bottom: 0.95rem; }
      .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio label p, .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check label p {
        margin-bottom: 0 !important; }
    @media (min-width: 769px) {
      .tx-powermail .powermail_fieldwrap {
        display: flex; } }
    .tx-powermail .powermail_fieldwrap > label {
      padding-bottom: 0.7em;
      display: block; }
      @media (min-width: 769px) {
        .tx-powermail .powermail_fieldwrap > label {
          flex: 0 0 30%;
          padding-bottom: 0; } }
    .tx-powermail .powermail_fieldwrap > .powermail_field {
      position: relative; }
      .tx-powermail .powermail_fieldwrap > .powermail_field input,
      .tx-powermail .powermail_fieldwrap > .powermail_field textarea,
      .tx-powermail .powermail_fieldwrap > .powermail_field select {
        width: 100%; }
      @media (min-width: 769px) {
        .tx-powermail .powermail_fieldwrap > .powermail_field {
          flex: 0 0 70%; } }
    .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_submit {
      margin-bottom: 0; }
      .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_submit > .powermail_field {
        flex: 0 0 100%;
        width: 100%;
        text-align: center; }
    .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field, .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field {
      display: flex;
      flex-wrap: wrap; }
      .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .radio,
      .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .checkbox, .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .radio,
      .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .checkbox {
        flex: 0 0 50%;
        margin-bottom: 1.2em; }
        @media (min-width: 520px) {
          .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .radio,
          .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .checkbox, .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .radio,
          .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .checkbox {
            margin-bottom: 0.3rem; } }
        @media (min-width: 1040px) {
          .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .radio,
          .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_radio .powermail_field .checkbox, .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .radio,
          .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_check .powermail_field .checkbox {
            flex: 0 0 30%; } }
    .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_html, .tx-powermail .powermail_fieldwrap.datenschutz {
      justify-content: flex-end; }
      .tx-powermail .powermail_fieldwrap.powermail_fieldwrap_type_html .powermail_field .checkbox, .tx-powermail .powermail_fieldwrap.datenschutz .powermail_field .checkbox {
        flex: 0 0 100%;
        width: 100%; }
  .tx-powermail input,
  .tx-powermail textarea,
  .tx-powermail select {
    border-bottom: 1px solid #003F4F;
    font-family: "Lyon Text Web", Times New Roman, serif;
    font-size: 1.4rem;
    line-height: 2rem;
    padding: 0em 0.3em;
    outline: none;
    color: #000000; }
  .tx-powermail textarea {
    border-bottom: 1px solid transparent;
    height: 8em;
    padding: 0;
    background-attachment: local;
    background-image: linear-gradient(to right, white 0px, transparent 0px), linear-gradient(to left, white 0px, transparent 0px), repeating-linear-gradient(white, white 1.3em, #003F4F 1.33em, #003F4F 1.33em, white 1.3em);
    overflow: hidden;
    resize: none; }
  .tx-powermail input[type="submit"] {
    color: #000000;
    background-color: #35EBBF;
    padding: 1.1rem 3rem 0.9rem;
    border: 5px solid #FFFFFF;
    margin: 0;
    width: auto !important;
    cursor: pointer;
    font-family: "reader-bold", sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.3;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.1em; }
    .tx-powermail input[type="submit"]:hover {
      background-color: #38C1A1; }
  .tx-powermail .radio label,
  .tx-powermail .checkbox label {
    display: block;
    position: relative;
    float: none;
    width: auto;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .tx-powermail .radio input,
  .tx-powermail .checkbox input {
    position: absolute;
    opacity: 0;
    top: 0px;
    left: 0px;
    z-index: 5000;
    cursor: pointer; }
  .tx-powermail label a {
    display: inline-block;
    position: relative;
    z-index: 5555; }
  .tx-powermail .checkmark {
    position: absolute;
    top: -5px;
    left: 0;
    height: 26px;
    width: 26px;
    background-color: #FFFFFF;
    border: 1px solid #003F4F;
    border-radius: 50%; }
    @media (min-width: 520px) {
      .tx-powermail .checkmark {
        top: 0px; } }
  .tx-powermail .checkbox .checkmark {
    border-radius: 0; }
  .tx-powermail .radio input:hover ~ .checkmark:after {
    display: block; }
  .tx-powermail .checkbox:hover input ~ .checkmark {
    background-color: rgba(0, 127, 159, 0.5); }
  .tx-powermail .checkmark:after {
    content: "";
    position: absolute;
    top: 6px;
    display: none; }
  .tx-powermail .radio input:checked ~ .checkmark:after {
    display: block; }
  .tx-powermail .checkbox input:checked ~ .checkmark:after {
    display: block; }
  .tx-powermail .radio .checkmark:after {
    top: 4px;
    left: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #007F9F; }
  .tx-powermail .checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #000000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .tx-powermail input[type="checkbox"] {
    width: auto;
    margin-top: 0.4em;
    margin-right: 0.3125rem; }
  .tx-powermail .input-wrap label {
    display: inline-block;
    width: auto;
    float: none; }
  .tx-powermail .error,
  .tx-powermail .parsley-error {
    color: red; }
    .tx-powermail .error a,
    .tx-powermail .parsley-error a {
      color: red !important; }
  .tx-powermail .radio.parsley-error label,
  .tx-powermail .checkbox.parsley-error label {
    opacity: 0.8; }
  .tx-powermail input.parsley-error {
    border-color: red;
    background-color: rgba(255, 0, 0, 0.2); }
  .tx-powermail .powermail_message_error {
    list-style: none;
    color: red; }
    .tx-powermail .powermail_message_error li {
      padding-left: 0 !important; }
      .tx-powermail .powermail_message_error li:before {
        display: none; }
  .tx-powermail .parsley-errors-list {
    display: none; }
  .tx-powermail fieldset,
  .tx-powermail legend {
    padding: 0; }
  .tx-powermail legend {
    font-style: italic;
    margin-bottom: 3.125rem; }
  .tx-powermail fieldset {
    margin-bottom: 3.125rem; }
    .tx-powermail fieldset.ohneabstand {
      margin-bottom: 0; }
    .tx-powermail fieldset.ohneabstand-nolabel {
      margin-bottom: 0; }
      .tx-powermail fieldset.ohneabstand-nolabel legend {
        display: none; }
    .tx-powermail fieldset.adresse legend,
    .tx-powermail fieldset.adresse label {
      display: none; }
    .tx-powermail fieldset.adresse .fieldset-innerwrap {
      display: flex;
      flex-wrap: wrap; }
      .tx-powermail fieldset.adresse .fieldset-innerwrap > .legend-group {
        line-height: 1em; }
        @media (min-width: 769px) {
          .tx-powermail fieldset.adresse .fieldset-innerwrap > .legend-group {
            flex: 0 0 30%;
            display: flex; } }
      .tx-powermail fieldset.adresse .fieldset-innerwrap > .field-group {
        position: relative;
        flex-direction: row;
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        justify-content: space-between; }
        @media (min-width: 769px) {
          .tx-powermail fieldset.adresse .fieldset-innerwrap > .field-group {
            flex: 0 0 70%; } }
        .tx-powermail fieldset.adresse .fieldset-innerwrap > .field-group .col-2 {
          flex: 0 0 65%;
          position: relative; }
        .tx-powermail fieldset.adresse .fieldset-innerwrap > .field-group .col-1 {
          flex: 0 0 32%;
          position: relative; }
        .tx-powermail fieldset.adresse .fieldset-innerwrap > .field-group .powermail_field {
          flex: 0 0 100%;
          width: 100%; }

.content-anker {
  position: absolute;
  top: -60px;
  height: 1px;
  text-decoration: none !important; }

.frame {
  z-index: 5;
  /*
    .ce-bodytext {
        *  {
           &:last-child {
            margin-bottom: 0 !important;
           }
        }
    }
*/ }
  .frame:before {
    content: "";
    display: block;
    padding-top: 90px;
    /* header height + empty space */
    margin-top: -90px;
    /* header height to degrees padding’s space */
    pointer-events: none; }
  .frame .ce-innerwrap > header {
    display: flex;
    height: 6.875rem;
    align-items: center;
    justify-content: center; }
  .frame p:last-child,
  .frame ul:last-child,
  .frame div:last-child {
    /*  
                &:not(.abstand-mittel,.abstand-gross)
                 {
                margin-bottom: 0 !important;
            }
              */ }

#content .frame {
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  position: relative; }

#content .frame-default .ce-innerwrap {
  max-width: 940px;
  margin: 0 3.125rem 6.875rem 3.125rem; }
  @media (min-width: 1040px) {
    #content .frame-default .ce-innerwrap {
      margin: 0 auto 6.875rem auto; } }

#content .frame-default.frame-list-news_pi1 {
  border-bottom: 0; }
  #content .frame-default.frame-list-news_pi1 > .ce-innerwrap {
    margin: 0;
    width: 100%;
    max-width: 100%; }

#content .frame-list-powermail_pi1 {
  border-bottom: 0; }
  #content .frame-list-powermail_pi1 .ce-innerwrap {
    margin-bottom: 0;
    z-index: 20;
    position: relative; }

#content .frame-type-ceelement_cezitat {
  background-color: #007F9F;
  z-index: 10; }
  #content .frame-type-ceelement_cezitat .ce-innerwrap {
    margin-top: 6.875rem;
    margin-bottom: 1.71875rem; }

#content .frame-type-ceelement_startblock .ce-innerwrap {
  max-width: 100%;
  margin: 0 0 0 0;
  background-color: #FFCA4E; }

#content .frame-type-ceelement_startblock .img-container {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 200px; }
  @media (min-width: 520px) {
    #content .frame-type-ceelement_startblock .img-container {
      height: 300px; } }
  @media (min-width: 1040px) {
    #content .frame-type-ceelement_startblock .img-container {
      height: 500px; } }
  #content .frame-type-ceelement_startblock .img-container img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 100%; }

#content .frame-type-ceelement_startblock .text-container,
#content .frame-type-ceelement_startblock .logo-container-inner {
  max-width: 940px;
  padding-bottom: 0.625rem;
  margin: 0 3.125rem 0 3.125rem; }
  @media (min-width: 1040px) {
    #content .frame-type-ceelement_startblock .text-container,
    #content .frame-type-ceelement_startblock .logo-container-inner {
      margin: 0 auto 0 auto; } }

#content .frame-type-ceelement_startlogos .ce-innerwrap {
  width: auto;
  max-width: 100%;
  margin: 0 3.125rem 3.125rem 3.125rem; }

#content .frame-type-ceelement_startlogos .logo-wrapper {
  margin: 0 auto;
  position: relative; }

#content .frame-type-ceelement_startlogos img {
  width: 100%;
  padding: 0 12%;
  height: auto; }
  #content .frame-type-ceelement_startlogos img figure {
    display: block; }

#content .slick-next {
  background-image: url(../images/Pfeil-rechts.png);
  background-repeat: no-repeat; }
  #content .slick-next:before {
    content: ''; }

#content .slick-prev {
  background-image: url(../images/Pfeil-links.png);
  background-repeat: no-repeat; }
  #content .slick-prev:before {
    content: ''; }

#content .slick-prev, #content .slick-next {
  top: calc(50% - 12px); }

#content .frame-type-ceelement_trenner {
  border-top: 1px solid #003F4F !important;
  border-bottom: 1px solid #003F4F !important;
  z-index: 20;
  background-color: #003F4F;
  height: 6.875rem;
  position: relative;
  margin: 0 0 0 0;
  background-repeat: repeat; }
  #content .frame-type-ceelement_trenner .ce-innerwrap {
    width: 100%;
    max-width: 100%;
    margin: 0 0 0 0; }
  #content .frame-type-ceelement_trenner.abstand-gross-oben {
    margin-top: 6.875rem; }
  #content .frame-type-ceelement_trenner.frame-layout-1 {
    background-color: transparent;
    background-image: url(../images/contentbgs/trenner/fuesse.svg); }
  #content .frame-type-ceelement_trenner.frame-layout-2 {
    background-color: transparent;
    background-image: url(../images/contentbgs/trenner/streifen.svg); }
  #content .frame-type-ceelement_trenner.frame-layout-3 {
    background-color: transparent;
    background-image: url(../images/contentbgs/trenner/wasser.svg); }
  #content .frame-type-ceelement_trenner.frame-layout-4 {
    background-color: #FFFFFF;
    border-top: 1px solid #FFFFFF !important;
    border-bottom: 1px solid #FFFFFF !important; }
  #content .frame-type-ceelement_trenner.frame-powermail-abschluss {
    margin-top: -2rem;
    z-index: 10; }
  #content .frame-type-ceelement_trenner h3 {
    display: inline-block;
    color: #000000;
    background-color: #35EBBF;
    border: 5px solid #FFFFFF; }
    #content .frame-type-ceelement_trenner h3 span {
      display: inline-block;
      padding: 1.1rem 3rem 0.9rem; }
    #content .frame-type-ceelement_trenner h3 a {
      background-color: #35EBBF;
      color: #000000;
      text-decoration: none;
      display: inline-block; }
      #content .frame-type-ceelement_trenner h3 a:hover {
        background-color: #38C1A1; }
  #content .frame-type-ceelement_trenner .trenner {
    text-align: center;
    margin-top: -2rem; }
    #content .frame-type-ceelement_trenner .trenner:before {
      content: "";
      display: none;
      padding-top: 0;
      /* header height + empty space */
      margin-top: 0;
      /* header height to degrees padding’s space */ }

#content .frame-type-ceelement_text.frame-layout-1 {
  background-color: #FFCA4E; }

#content .frame-type-ceelement_textpic .img-inner {
  margin: auto;
  width: 100%;
  /*
        @media (min-width: 520px) {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }
        @media (min-width:  1040px) {
            padding-right:  5.5rem;  //88px;
        }
*/ }
  #content .frame-type-ceelement_textpic .img-inner a {
    text-decoration: none; }
  #content .frame-type-ceelement_textpic .img-inner figure {
    margin-bottom: 6.875rem;
    overflow: hidden;
    /*
                @media (min-width: 520px) {
                    width: 45%;
                }
                  &:last-child {
                      margin: 0 auto;
                      margin-bottom: $balkenHeight;
                  }
                  margin-bottom: $balkenHeight;
            img {
                width: 100%;
                height:auto;
                margin-bottom: 2.7375rem;
            }
*/ }
    @media (min-width: 520px) {
      #content .frame-type-ceelement_textpic .img-inner figure {
        display: flex; } }
    #content .frame-type-ceelement_textpic .img-inner figure picture {
      flex: 0 0 25%; }
    #content .frame-type-ceelement_textpic .img-inner figure img {
      width: 60%;
      height: auto; }
      @media (min-width: 520px) {
        #content .frame-type-ceelement_textpic .img-inner figure img {
          width: 90%; } }
    #content .frame-type-ceelement_textpic .img-inner figure figcaption {
      flex: 75%;
      font-size: 1.4rem;
      line-height: 2rem; }
      #content .frame-type-ceelement_textpic .img-inner figure figcaption h2.pictitel {
        font-family: "reader-bold", sans-serif, Arial, Helvetica, sans-serif;
        font-weight: normal;
        font-size: 1.125rem;
        line-height: 1.3;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: 0.1em;
        font-size: 3.2rem;
        letter-spacing: 0;
        font-weight: 400;
        color: #E29E00; }
        @media (min-width: 520px) {
          #content .frame-type-ceelement_textpic .img-inner figure figcaption h2.pictitel {
            font-size: 2.8rem; } }
        @media (min-width: 769px) {
          #content .frame-type-ceelement_textpic .img-inner figure figcaption h2.pictitel {
            font-size: 4.5rem; } }

#content .frame-type-ceelement_textpic.frame-layout-9 figure img {
  height: 100px;
  width: auto;
  display: block;
  margin: 0 auto; }

@media (min-width: 520px) {
  #content .frame-type-ceelement_textpic.frame-layout-9 figure img {
    width: 90%;
    height: auto;
    margin: 0; }
  #content .frame-type-ceelement_textpic.frame-layout-9 figure picture {
    flex: 1 1 auto;
    width: calc(33% + 0.625rem); }
  #content .frame-type-ceelement_textpic.frame-layout-9 figure figcaption {
    flex: 1 1 auto;
    width: calc(66% - 0.625rem); } }

#content .frame-type-ceelement_cepersonen .cepersonen-list-wrap,
#content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap {
  margin: auto; }
  @media (min-width: 520px) {
    #content .frame-type-ceelement_cepersonen .cepersonen-list-wrap,
    #content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -0.625rem;
      justify-content: center; } }
  #content .frame-type-ceelement_cepersonen .cepersonen-list-wrap figure,
  #content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap figure {
    margin: 0 0 3.125rem 0; }
    @media (min-width: 520px) {
      #content .frame-type-ceelement_cepersonen .cepersonen-list-wrap figure,
      #content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap figure {
        flex-shrink: 0;
        width: 50%;
        padding: 0 0.625rem; } }
    @media (min-width: 769px) {
      #content .frame-type-ceelement_cepersonen .cepersonen-list-wrap figure,
      #content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap figure {
        width: 33.3333%; } }
    @media (min-width: 1040px) {
      #content .frame-type-ceelement_cepersonen .cepersonen-list-wrap figure,
      #content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap figure {
        width: 25%; } }
    #content .frame-type-ceelement_cepersonen .cepersonen-list-wrap figure img,
    #content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap figure img {
      width: 100%;
      height: auto;
      margin-bottom: 0.625rem; }
    #content .frame-type-ceelement_cepersonen .cepersonen-list-wrap figure figcaption,
    #content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap figure figcaption {
      font-family: "reader-bold", sans-serif, Arial, Helvetica, sans-serif;
      font-weight: normal;
      font-size: 1.125rem;
      line-height: 1.3;
      font-style: normal;
      font-stretch: normal;
      letter-spacing: 0.1em; }
      #content .frame-type-ceelement_cepersonen .cepersonen-list-wrap figure figcaption h3,
      #content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap figure figcaption h3 {
        font-size: 1.4rem;
        line-height: 2rem;
        font-family: "Lyon Text Web", Times New Roman, serif;
        font-weight: 700;
        margin-bottom: 0.625rem; }

#content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap .cepersonen-geschaeftstelle-left {
  flex: 0 0 50%; }
  #content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap .cepersonen-geschaeftstelle-left figure {
    margin: 0 auto; }
    @media (min-width: 520px) {
      #content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap .cepersonen-geschaeftstelle-left figure {
        margin: 0 auto;
        flex-shrink: 0;
        width: 100%;
        padding: 0 0.625rem; } }
    @media (min-width: 769px) {
      #content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap .cepersonen-geschaeftstelle-left figure {
        width: 66.6666%;
        margin: 0 0; } }
    @media (min-width: 1040px) {
      #content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap .cepersonen-geschaeftstelle-left figure {
        width: 50%; } }

#content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap .cepersonen-geschaeftstelle-right {
  flex: 0 0 100%; }
  @media (min-width: 769px) {
    #content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap .cepersonen-geschaeftstelle-right {
      flex: 0 0 50%; } }
  #content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap .cepersonen-geschaeftstelle-right .geschaeftstelle-map {
    height: 30rem; }
  #content .frame-type-ceelement_cepersonen .cepersonen-geschaeftstelle-wrap .cepersonen-geschaeftstelle-right .geschaeftstelle-beschrieb {
    margin-top: 1.3rem;
    font-family: "reader-bold", sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.125rem;
    line-height: 1.3;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.1em; }

#content .frame-type-ceelement_pics .img-inner {
  margin: auto; }
  @media (min-width: 520px) {
    #content .frame-type-ceelement_pics .img-inner {
      display: flex;
      flex-wrap: wrap;
      margin: 0 -0.625rem;
      justify-content: center; } }
  #content .frame-type-ceelement_pics .img-inner figure {
    margin: 0 0 0 0; }
    @media (min-width: 520px) {
      #content .frame-type-ceelement_pics .img-inner figure {
        flex-shrink: 0;
        width: 50%;
        padding: 0 0.625rem; } }
    @media (min-width: 769px) {
      #content .frame-type-ceelement_pics .img-inner figure {
        width: 33.3333%; } }
    @media (min-width: 1040px) {
      #content .frame-type-ceelement_pics .img-inner figure {
        width: 25%; } }
    #content .frame-type-ceelement_pics .img-inner figure img {
      width: 100%;
      height: auto; }

#content .frame-type-ceelement_video .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
  overflow: hidden; }
  #content .frame-type-ceelement_video .video-container iframe,
  #content .frame-type-ceelement_video .video-container object,
  #content .frame-type-ceelement_video .video-container embed,
  #content .frame-type-ceelement_video .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.cc-window.cc-banner.cc-color-override--2143120560 {
  /*
    font-family: $schrift-familie-lyontext;
    font-weight: 400;
    font-size:2.25rem; // 36px
    line-height:1.33;   // 48px
    font-stretch: normal;
*/
  font-family: "Lyon Text Web", Times New Roman, serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  font-stretch: normal;
  font-size: 1.4rem;
  line-height: 2rem;
  color: #FFFFFF;
  background-color: #003F4F !important; }
  .cc-window.cc-banner.cc-color-override--2143120560 a.cc-link {
    color: #FFFFFF;
    opacity: 1; }
  .cc-window.cc-banner.cc-color-override--2143120560 a.cc-btn {
    display: inline-block;
    color: #FFFFFF;
    background-color: #35EBBF;
    padding: 0.4rem 2rem;
    text-decoration: none;
    font-weight: 400;
    font-size: inherit;
    border: 0; }

#content .breadcrumb-wrap {
  max-width: 940px;
  margin: 0 3.125rem 0 3.125rem;
  margin-top: 4rem; }
  @media (min-width: 1040px) {
    #content .breadcrumb-wrap {
      margin: 0 auto 0 auto;
      margin-top: 4rem; } }

#content ul#breadcrumb {
  list-style: none;
  font-size: 0.8rem;
  line-height: 1em;
  font-family: "reader-bold", sans-serif, Arial, Helvetica, sans-serif;
  margin-bottom: 1.05rem; }
  #content ul#breadcrumb li {
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0;
    color: #007F9F; }
    #content ul#breadcrumb li:before {
      content: "";
      display: none; }
    #content ul#breadcrumb li:after {
      content: " \003E ";
      position: relative;
      display: inline-block;
      margin: 0 0.3em 0 0.3em; }
    #content ul#breadcrumb li a {
      color: #007F9F;
      text-decoration: none;
      border-bottom: none; }
      #content ul#breadcrumb li a:hover {
        color: #007F9F;
        border-bottom: none; }
  #content ul#breadcrumb li:last-child:after {
    display: none; }

#navi-main-bg {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 110; }

#navi-main {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 520px;
  min-width: 320px;
  padding-top: 70px;
  background-color: black;
  font-family: "reader-bold", sans-serif, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.125rem;
  line-height: 1.3;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0.1em; }
  @media ((min-width: 520px)) {
    #navi-main {
      width: 60%; } }
  @media (min-width: 520px) {
    #navi-main {
      padding-top: 90px; } }
  @media (min-width: 1040px) {
    #navi-main {
      padding-top: 110px; } }
  #navi-main ul {
    list-style: none;
    margin: 3.125rem;
    text-align: center; }
    #navi-main ul li {
      margin-bottom: 1.5em; }
      #navi-main ul li:las-child {
        margin-bottom: 0; }
      #navi-main ul li.presselink-wrap {
        margin-top: 3em; }
  #navi-main a {
    color: #FFFFFF;
    text-decoration: none; }
    #navi-main a:hover, #navi-main a:focus {
      text-decoration: underline; }
  #navi-main .sm-mobile {
    margin: 3.125rem 3.125rem 0.78125rem 3.125rem;
    display: flex;
    justify-content: center; }
    #navi-main .sm-mobile a {
      text-decoration: none !important;
      flex: 0 0 2.5rem;
      margin: 0 3.125rem; }
      #navi-main .sm-mobile a img {
        width: 100%;
        height: auto; }

#hamburger {
  position: relative;
  width: 45px;
  flex: 0 0 45px;
  height: auto;
  overflow: hidden;
  z-index: 120; }
  #hamburger svg {
    width: 100%;
    height: auto; }
  #hamburger.aktiv svg rect {
    fill: #FFFFFF; }

.slick-dotted.slick-slider {
  margin-bottom: 0; }

.slick-prev::before,
.slick-next::before {
  font-size: 20px;
  line-height: 1;
  color: black;
  font-family: Arial; }

.slick-prev,
.slick-next {
  background: transparent; }

.mediaelement-image img {
  width: 100%;
  height: auto; }

@media print {
  /*
    @page {  
        size:210mm 297mm ; 
        margin: 20mm 20mm 20mm 20mm;
    }  
*/
  html,
  body {
    font-size: 70%;
    line-height: 1.3333;
    font-family: "Lyon Text Web", Times New Roman, serif;
    font-style: normal;
    font-weight: 400;
    color: #000000; }
  html,
  body,
  #page {
    height: auto; }
  body {
    overflow: visible !important; }
  #page,
  footer,
  main,
  #page > header {
    display: block;
    height: auto;
    overflow: visible;
    position: relative; }
  .page > header #homelink svg {
    height: auto;
    width: 25%; }
  #content {
    padding-top: 50px; }
  footer {
    background-color: transparent;
    color: #000000; }
    footer .footer-bar-top {
      color: #000000; }
      footer .footer-bar-top a {
        color: #000000; }
  #sprachmenu,
  #hamburger,
  .frame-type-ceelement_trenner,
  .footer-bar-bottom {
    display: none !important; }
  .footer-block {
    display: none; }
    .footer-block:first-child {
      display: block; } }

/*# sourceMappingURL=main.css.map */