/* site-general.css, schladming.at, 2021-06-10, gerald petter */

/* Schriften

  font-family: 'Roboto', sans-serif; 
  font-family: 'Roboto Condensed', sans-serif; 
  
*/

/* Breakpoints

  600px
  900px
  1200px
  1500px
  1800px
  2100px
  
*/

:root {
  
  --fontSansSerif: 'Roboto', sans-serif; 
  --fontHeading: 'Roboto Condensed', sans-serif;
  --fontHandwriting: 'Courgette', cursive;
  --letterSpacing: .7px;
  
  --lightest: rgb(255, 255, 255);
  --lightGrey: rgb(246, 246, 246);
  --lightestTrans: rgba(255, 255, 255, .3);
  --lightestTransLow: rgba(255, 255, 255, .9);
  --light: rgb(206, 211, 213);
  --grey: rgb(234, 233, 233); /* #2d2825 10% deckkraft */
  --colorLight: rgb(226, 126, 129); /* #d6474b 70% deckkraft */
  /* --color: rgb(214, 71, 75); */
  --color: rgb(180, 15, 25);
  --dark: rgb(170, 170, 170);
  --darkGrey: rgb(121, 117, 114);
  --darkest: rgb(45, 40, 37);
  
  --white: rgb(255, 255, 255);
  --greyLighter: rgb(246, 246, 246);
  --greyLight: rgb(230, 230, 230);
  --color: rgb(180, 15, 25);
  --black: rgb(51, 51, 51);
  
  --hDist: 4vw; /* horizontal distance between content and window */
  --lr: 4%;
  --lrContent: 4%;
  --lrContentText: 4%;
  --tb: 40px;
  --vDist: 10px;
  --paddingInside: 20px;
  --lsCondensed: .7px;
  
  --gapS: .6rem; /* vertical gap */
  --gapXXS: calc(var(--gapS)/4);
  --gapXS: calc(var(--gapS)/2); 
  --gapM: calc(var(--gapS)*2); 
  --gapL: calc(var(--gapS)*3);
  --gapXL: calc(var(--gapS)*4); 
  --gapXXL: calc(var(--gapS)*5); 
  
  --widthMenu: 220px; 
  --menuBackgroundWidth: 220px;
  --menuNewsflashWidth: 170px;
  
}
  @media screen and (min-width: 400px) {
    :root {
      --widthMenu: 260px;
    }
  }
  @media screen and (min-width: 900px) {
    :root {
      --lr: 4%;
      --lrContent: 6%;
      --lrContentText: 8%;
      --tb: 40px
    }
  }
    @media screen and (min-width: 1200px) {
      :root {
        --lrContent: 8%;
        --lrContentText: 12%;
        --menuBackgroundWidth: 280px;
      }
    }
      @media screen and (min-width: 1500px) {
        :root {
          --lr: 4%;
          --lrContent: 10%;
          --lrContentText: 20%;
          --tb: 50px;
          --vDist: 25px;
          --menuBackgroundWidth: 300px;
          --gapS: .8rem;
        }
      }
        @media screen and (min-width: 1800px) {
          :root {
            --lr: 6%;
            --paddingInside: 30px;
            --lrContent: 12%;
            --lrContentText: 24%;
          }
        }
          @media screen and (min-width: 2100px) {
            :root {
              --lr: 8%;
              --tb: 60px
            }
          }

@counter-style smiley {
  system: cyclic;
  symbols: "\1F642";
  suffix: " ";
}

@counter-style check-mark {
  system: cyclic;
  symbols: "\2714"; 
  suffix: " ";
}

/* Body ==================================================================== */
body {
  font-family: 'Roboto', sans-serif; 
  color: var(--darkest);
  font-size: 16px;
}
  @media screen and (min-width: 1800px) {
    body {
      font-size: 18px;
    }
  }
    @media screen and (min-width: 2100px) {
      body {
        font-size: 20px;
      }
    }
  
h1, h2, h3, h4, h5, h6, .com-finder__search-legend {
  font-family: 'Roboto Condensed', sans-serif; 
  letter-spacing: var(--lsCondensed);
  text-transform: uppercase;
  font-weight: 700;
}

nav ul {
  list-style: none;
}

@media screen and (min-width: 900px) {
  a:focus {
    border-bottom: 1px solid var(--grey);
  }
}

/* Arrow Up */
#arrowTop {
  border: solid 2px var(--light);
}

#arrowTop:hover {
  border: solid 2px var(--color);
}

#arrowTop a {
  border-color: var(--light);
}

#arrowTop:hover a {
  border-color: var(--color);
}

.hidden {
  display: none;
}

@media screen and (min-width: 900px) {
  .col-2 {
    column-count: 2;
    column-gap: 80px;
  }
}

/* Header ================================================================== */
#top-bar {
  background-color: var(--color);
  color: var(--lightest);
  width: 100%;
  z-index: 1;
  transition: background-color .2s linear;
}
  
/* Benutzermenü */
.menu-user {
  display: none;
  position: absolute;
  top: 16px;
  right: var(--lr);
  list-style: none;
}
  @media screen and (min-width: 1200px) {
    .menu-user {
      display: block;
      z-index: 10;
    }
  }
  
.menu-user li {
  display: inline-block;
}

.menu-user .item-119, 
.menu-user .item-144, 
.menu-user .item-160, 
.menu-user .item-161,
.menu-user .item-255 { /* Menüeintrag, damit Suchergebnisseite, Archiv, Daenschutz und Impressum funktioniert. */
  display: none;
}

.menu-user a {
  color: transparent;
  text-decoration: none;
}

.menu-user a:hover {
  color: var(--light);
}

/* Verlinkung Top Bar */
.custom-top-bar {
}

.custom-top-bar ul {
  padding: .5em var(--lr);
  list-style: none;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif; 
  letter-spacing: var(--lsCondensed);
  font-weight: 700;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: center;
}

.custom-top-bar li {
  display: inline-block;
  border: 1px solid var(--lightestTrans);
  border-radius: 3px;
  padding: .3em .8em;
  transition: all .4s linear;
  margin: 0;
  font-size: .75em;
  display: flex;
}
  @media screen and (min-width: 400px) {
    .custom-top-bar li {
      font-size: .9em;
      padding: .4em .9em;
    }
  }
  
.custom-top-bar li:hover {
  background-color: var(--lightestTransLow);
}

.custom-top-bar a {
  color: var(--lightest);
  text-decoration: none;
  transition: all .4s linear;
  align-self: center;
}

.custom-top-bar li:hover a {
  color: var(--color);
}

.custom-top-bar li a:focus {
  background-color: var(--grey);
}

/* Logo, Suche, Social Media ~~~~~~~~~~~~~~~~~~ */
#logo-search-sm {
  position: sticky !important;
    top: 0 !important;
    z-index: 1000;
    width: 100%;
    background-color: var(--lightest);
    transition: none;
}

@media screen and (min-width: 900px) {
  #logo-search-sm.top {
    background-color: transparent;
  }
}

/* Logo */
.custom-logo {
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 6px;
  text-align: center;
}
  @media screen and (min-width: 900px) {
    .custom-logo {
      padding-top: 18px;
    }
    .top .custom-logo {
      background-color: var(--white);
    }
  }
    @media screen and (min-width: 1200px) {
      .custom-logo {
        padding-top: 5px;
      }
    }
    


.custom-logo img {
  height: 38px;
  transition: height .2s linear;
}
  @media screen and (min-width: 400px) {
    .custom-logo img {
      width: auto;
      height: auto;
    }
  }
    @media screen and (min-width: 900px) {
      .custom-logo img {
        height: 74px;
      }
    }
      @media screen and (min-width: 1200px) {
        .custom-logo img {
          height: 94px;
        }
      }
    
@media screen and (min-width: 900px) {
  .top .custom-logo img {
    height: 30px;
  }
}

/* Suche */
search {
  display: none;
}
  @media screen and (min-width: 900px) {
    search {
      display: block;
      position: absolute;
      top: 58px;
      left: var(--lr);
    }
  }
    @media screen and (min-width: 1500px) {
      search {
        left: calc(var(--lr) + 5%);
      }
    }
            
@media screen and (min-width: 900px) {
  .top search {
    display: none;
  }
}

search label.visually-hidden {
  display: none;
}

search .js-finder-search-query, .com-finder__search input {
  padding: 4px 26px 4px 10px;
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: var(--letterSpacing);
  text-transform: uppercase;
  font-size: .9rem;
  border: 1px solid var(--dark);
  display: none;
}
  @media screen and (min-width: 900px) {
    search .js-finder-search-query {
      display: inline-block;
    }
  }
  
.com-finder__search input {
  display: inline-block;
}

search input.inputbox:focus {
  outline: 1px solid var(--color);
}

search .mod-finder button, .com-finder__search button {
  display: none;
  background-color: var(--grey);
  border-radius: 4px;
  padding: 6px 8px;
  font-size: .9em;
  cursor: pointer;
  margin-left: 10px;
  transition: .2s;
}
  @media screen and (min-width: 900px) {
    search .mod-finder button {
      display: inline-block;
      overflow: hidden;
      width: 30px;
      white-space: nowrap;
    }
  }
    @media screen and (min-width: 1200px) {
      search .mod-finder button {
        display: inline-block;
        overflow: auto;
        width: auto;
      }
    }
  
@media screen and (min-width: 900px) {
  search .icon-search {
    margin-right: 10px;
  }
}
  @media screen and (min-width: 1200px) {
    search .icon-search {
      margin-right: 0;
    }
  }

.com-finder__search button {
  display: inline-block;
}

search .mod-finder button:hover, .com-finder__search button:hover {
  background-color: var(--color);
  color: var(--lightest);
}

/* Social Media */
.custom-sm {
  position: absolute;
  top: 10px;
  right: var(--lr);
}
  @media screen and (min-width: 400px) {
    .custom-sm {
      top: 21px;
    }
  }
    @media screen and (min-width: 900px) {
      .custom-sm {
        top: 58px;
      }
    }
      @media screen and (min-width: 1500px) {
        .custom-sm {
          right: calc(var(--lr) + 5%);
        }
      }
            
@media screen and (min-width: 900px) {
  .top .custom-sm {
    display: none;
  }
}

.custom-sm a:hover::after {
  content: '';
  display: block;
  width: 24px;
  height: 28px;
  background-image: url('../images/icon-facebook_hover.svg');
  position: absolute;
  top: 0;
  left: 0;
}

/* Hauptmenü ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Hamburgermenü */
.menu-toggle {
  position: relative;
  display: block;
  z-index: 1002;
  width: 28px;
  height: 44px;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
  @media screen and (min-width: 400px) {
    .menu-toggle button {
      top: 38px;
    }
  }

.menu-toggle[aria-expanded=true] .menu-toggle__line {
  background-color: var(--black);
}

.menu-toggle__line {
  position: absolute;
  left: 0px;
  top: 25px;
  width: 28px;
  height: 2px;
  background: var(--black);
  transition: transform 250ms ease, opacity 200ms ease;
}

.menu-toggle__line:nth-child(1) {
    transform: translateY(-8px);
}

.menu-toggle__line:nth-child(2) {
    transform: translateY(0);
}

.menu-toggle__line:nth-child(3) {
    transform: translateY(8px);
}

.menu-toggle[aria-expanded="true"]
.menu-toggle__line:nth-child(1) {
    transform: rotate(45deg);
}

.menu-toggle[aria-expanded="true"]
.menu-toggle__line:nth-child(2) {
    opacity: 0;
}

.menu-toggle[aria-expanded="true"]
.menu-toggle__line:nth-child(3) {
    transform: rotate(-45deg);
}

@media (min-width: 900px) {
  .menu-toggle,
  .menu-backdrop {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .menu-toggle__line {
    transition: none;
  }
}

/* Hauptmenü */
.site-navigation {
  position: absolute;
  top: 0px;
  left: var(--lr);
}
  @media screen and (min-width: 400px) {
    .site-navigation {
      top: 8px;
    }
  }
    @media screen and (min-width: 900px) {
      .site-navigation {
        position: static;
        padding-top: 18px;
        text-align: center;
        border-top: 1px solid var(--darkGrey);
        background-color: var(--lightest);
      }
      .site-navigation::before {
        content: '';
        display: block;
        position: relative;
        width: 40%;
        top: -19px;
        left: 30%;
        height: 1px;
        background-color: var(--lightest);
      }
    }
      
@media screen and (min-width: 900px) {
  .top .site-navigation {
    border-top: none;
    padding-top: 9px;
    background-color: transparent;
  }
  .top .site-navigation::before {
    content: none;
  }
}

/* Screenreader-Text ausblenden, ohne ihn für Screenreader zu entfernen */
.site-navigation .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* Menü allgemein */
.site-navigation__content {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  height: 100dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
  z-index: 1000;
  padding: 6rem 0 1.5rem;
  background: var(--white);
  color: #222;
}
  @media screen and (min-width: 900px) { 
    .site-navigation__content {
      display: block;
      position: relative;
      height: auto;
      padding: 30px var(--hDist) 0;
      background: transparent;
      overflow: visible;
      transition: transform .2s ease;
      transform-origin: top;
      padding-top: 0;
      border-top: none;
    }
  }

@media screen and (min-width: 900px) { 
  .top .site-navigation__content {
    padding-top: 10px; 
    transform: translateY(-10px);
    transform-origin: top;
    transition: transform .2s ease;
    background-color: var(--white);
  }
}

.site-navigation__content.is-open {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.site-navigation__content.is-open::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: calc(var(--lr) - 6px);
  width: 40px;
  height: 100vh;
  background-color: rgb(247, 247, 248);
}

.site-navigation__content.is-open::after {
  content: "";
  width: 100%;
  height: 50px;
  display: block;
  position: fixed;
  bottom: 20px;
  right: 0;
  opacity: .5;
  background-image: url(../images/logo-schladming.png);
  background-repeat: no-repeat;
  background-position: bottom 0 right 5dvw;
  background-size: 120px;
  z-index: -1;
}

.site-navigation__content .nav-item {
  font-size: 1.1rem;
  margin-top: var(--gapM);
  position: relative;
}
  @media screen and (min-width: 900px) {
    .site-navigation__content .nav-item {
      margin-top: 0;
      position: static;
    }
  }
  
.site-navigation__content a {
  text-decoration: none;
  color: var(--black);
  transition: .2s;
}

.site-navigation__content a:hover,
.site-navigation__content .mod-menu .nav-item a:hover {
  color: var(--color);
}

.site-navigation__content a[href="#"], .site-navigation__content ul a[href="#"]:hover{
  text-decoration: none;
  color: rgb(0, 0, 0);
  cursor: default;
}

.site-navigation__content .mod-menu > .nav-item a.external::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-image: url('../images/icon-external-link.svg');
  background-size: 15px;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
  left: 4px;
}

.site-navigation__content .mod-menu > .nav-item a.external:hover::after {
  background-image: url('../images/icon-external-link_hover.svg');
}

/* Erste Menüebene */
.site-navigation__content > .mod-menu {
  width: var(--widthMenu);
  background-image: linear-gradient(to right, transparent 0 20%, rgb(255, 255, 255) 20% 100%);
}
  @media screen and (min-width: 900px) {
    .site-navigation__content > .mod-menu {
      width: auto;
      display: flex;
      justify-content: center;
      gap: var(--gapS);
      background-image: none;
    }
  }
    @media screen and (min-width: 1000px) {
      .site-navigation__content > .mod-menu {
        gap: var(--gapM);
      }
    }
  
@media screen and (min-width: 900px) {
  .item-101 {
    display: none;
  }
}

@media screen and (min-width: 900px) {
  .site-navigation__content .mod-menu > .nav-item {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 900px) {
  .site-navigation__content .mod-menu > .nav-item > a,
  .site-navigation__content .mod-menu > .nav-item > button > .mod-menu__heading {
    white-space: nowrap;
  }  
}

.site-navigation__content .mod-menu > .nav-item > button {
  position: relative;
  width: 100%;
}

.site-navigation__content a,
.site-navigation__content .mod-menu > .nav-item button > .mod-menu__heading {
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: var(--letterSpacing);
  text-transform: uppercase;
}
  @media screen and (min-width: 900px) {
    .site-navigation__content a,
    .site-navigation__content .mod-menu > .nav-item button > .mod-menu__heading {
      text-align: left;
    }
  }
  
.site-navigation__content .mod-menu__toggle-sub .icon-chevron-down {
  cursor: pointer;
  position: absolute;
  right: 0;
}
  @media screen and (min-width: 900px) {
    .site-navigation__content .mod-menu__toggle-sub .icon-chevron-down {
      position: relative;
      margin-left: var(--gapXS);
      top: -1px;
      right: auto;
      display: none;
    }
  }
  
/* Dreieck unter Links erste Menüebene */
@media screen and (min-width: 900px) {
  .site-navigation__content > .mod-menu > .nav-item > .mod-menu__toggle-sub[aria-expanded=true]::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 15px solid var(--darkGrey);
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 200;
  }
  .site-navigation__content > .mod-menu > .nav-item > .mod-menu__toggle-sub[aria-expanded=true]::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 0px;
    border-top: 15px solid var(--white);
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    top: auto;
    bottom: -24px;
    left: 50%;
    z-index: 201;
    transform: rotate(0) translateX(-50%);
    padding: 0;
  }
}
  @media screen and (min-width: 2100px) {
    .site-navigation__content > .mod-menu > .nav-item > .mod-menu__toggle-sub[aria-expanded=true]::before {
      bottom: -24px;
    }
    .site-navigation__content > .mod-menu > .nav-item > .mod-menu__toggle-sub[aria-expanded=true]::after {
      bottom: -23px;
    }
  }
  
/* Zweite Menüebene */
.site-navigation__content .mod-menu > .nav-item > .mod-menu__sub {
  text-transform: none;
  background-color: var(--greyLighter);
  padding: .1em var(--gapS) var(--gapS);
  margin-top: var(--gapS);
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
  @media screen and (min-width: 900px) {
    .site-navigation__content .mod-menu > .nav-item > .mod-menu__sub {
      display: none;
      background-color: var(--white);
      margin: 0;
      width: calc(100vw - 2*var(--lr));
      min-height: 400px;
      position: absolute;
      top: 30px;
      left: 50%;
      transform: translateX(-50%);
      background-image: url('../images/schladming-star.png'), linear-gradient(to right, var(--grey) 0, var(--grey) var(--menuBackgroundWidth), var(--lightest) var(--menuBackgroundWidth), var(--lightest) 100%);
      background-position: 10px 10px, left top;
      background-repeat: no-repeat, no-repeat;  
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows: max-content;
      column-gap: 20px;
      row-gap: var(--gapM);
      padding-top: 21px;
      padding-left: calc(var(--menuBackgroundWidth) + var(--gapM));
      padding-right: var(--menuNewsflashWidth);
      padding-bottom: 120px;
    }
    :where(.site-navigation__content .mod-menu > .nav-item > .mod-menu__sub[aria-hidden="false"]) {
      display: grid !important;
    }
  }
    @media screen and (min-width: 1200px) {
      .site-navigation__content .mod-menu > .nav-item > .mod-menu__sub {
        min-height: 370px;
        padding-top: 51px;
        width: 85vw;
      }
    }
      @media screen and (min-width: 1500px) {
        .site-navigation__content .mod-menu > .nav-item > .mod-menu__sub {
          font-size: 1.1em;
          padding-left: calc(var(--menuBackgroundWidth) + var(--gapXL));
          padding-top: 44px;
          padding-bottom: 110px;
          min-height: 380px;
          width: 70vw;
        }
      }
        @media screen and (min-width: 1800px) {
          .site-navigation__content .mod-menu > .nav-item > .mod-menu__sub {
            min-height: 520px;
            max-height: 600px;
            padding-bottom: 160px;
            width: 60vw;
          }
        }
        
@media screen and (min-width: 900px) {
  .top .site-navigation__content .mod-menu > .nav-item > .mod-menu__sub {
    top: 40px;
  }
}

@media screen and (min-width: 900px) {
  .site-navigation__content .mod-menu > .nav-item > .mod-menu__sub:after,
  .site-navigation__content .mod-menu > .nav-item:focus-within > .mod-menu__sub:after{
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--darkGrey);
  }
}
  
.site-navigation__content .mod-menu .mod-menu__sub .nav-item {
  font-size: .9em;
  margin-top: var(--gapS);
  margin-left: auto;
  margin-right: auto;
  width: var(--widthMenu);
}
  @media screen and (min-width: 900px) {
    .site-navigation__content .mod-menu .mod-menu__sub .nav-item {
      font-size: 0.9rem;
      margin: 0;
      width: auto;
      text-align: left;
     }
  }
    
@media screen and (min-width: 900px) {
  .site-navigation__content .item-380 { /* damit Schulmenü mehr Platz hat */
    grid-area: 1 / 2 / span 8 / -1;
  }
}

/* Dritte Menüebene */
@media screen and (min-width: 900px) {
  .site-navigation__content .mod-menu .mod-menu__sub .mod-menu__sub {
    padding-left: .2em;
    display: block;
    position: static;
  }
  .site-navigation__content .mod-menu .mod-menu__sub .mod-menu__sub.show-menu {
    display: block;
  }
}
  @media screen and (min-width: 1000px) {
    .site-navigation__content .mod-menu .mod-menu__sub .mod-menu__sub {
      padding-left: 1em;
    }
  }
  
@media screen and (min-width: 900px) {
  .site-navigation__content .mod-menu .mod-menu__sub .mod-menu__sub .nav-item {
    margin-top: var(--gapXS);
  }
}
  @media screen and (min-width: 1200px) {
    .site-navigation__content .mod-menu .mod-menu__sub .mod-menu__sub .nav-item {
      margin-top: var(--gapS);
    }
  }

@media screen and (min-width: 900px) {
  .site-navigation__content .mod-menu .mod-menu__sub .mod-menu__sub a {
    text-transform: none;
  }
}

/* Zusätzliche Module im Menü */
.site-navigation .item-115,
.site-navigation .item-116,
.site-navigation .item-117,
.site-navigation .item-120,
.site-navigation .item-121,
.site-navigation .item-122,
.site-navigation .item-123,
.site-navigation .item-124,
.site-navigation .item-125,
.site-navigation .item-315,
.site-navigation .item-330,
.site-navigation .item-331,
.site-navigation .item-360,
.site-navigation .item-361,
.site-navigation .item-362,
.site-navigation .item-389,
.site-navigation .item-390,
.site-navigation .item-391
 {
  display: none;
}
  @media screen and (min-width: 900px) {
    .site-navigation .item-115,
    .site-navigation .item-116,
    .site-navigation .item-117,
    .site-navigation .item-120,
    .site-navigation .item-121,
    .site-navigation .item-122,
    .site-navigation .item-123,
    .site-navigation .item-124,
    .site-navigation .item-125,
    .site-navigation .item-315,
    .site-navigation .item-330,
    .site-navigation .item-331,
    .site-navigation .item-360,
    .site-navigation .item-361,
    .site-navigation .item-362,
    .site-navigation .item-389,
    .site-navigation .item-390,
    .site-navigation .item-391    {
      display: block;
    }
  }

/* Häufig gesucht */
.site-navigation__content .mod-menu .mod-menu__sub .item-115,
.site-navigation__content .mod-menu .mod-menu__sub .item-116,
.site-navigation__content .mod-menu .mod-menu__sub .item-117,
.site-navigation__content .mod-menu .mod-menu__sub .item-315,
.site-navigation__content .mod-menu .mod-menu__sub .item-362,
.site-navigation__content .mod-menu .mod-menu__sub .item-391 {
  display: none;
  position: absolute;
  top: 20px;
  left: 50px;
  width: calc(var(--menuBackgroundWidth) - 50px);
  z-index: 1;
  padding-left: 0;
  list-style: none;
}
  @media screen and (min-width: 900px) {
    .site-navigation__content .mod-menu .mod-menu__sub .item-115,
    .site-navigation__content .mod-menu .mod-menu__sub .item-116,
    .site-navigation__content .mod-menu .mod-menu__sub .item-117,
    .site-navigation__content .mod-menu .mod-menu__sub .item-315,
    .site-navigation__content .mod-menu .mod-menu__sub .item-362,
    .site-navigation__content .mod-menu .mod-menu__sub .item-391 {
      display: block;
    }
  }
    @media screen and (min-width: 1200px) {
      .site-navigation__content .mod-menu .mod-menu__sub .item-115,
      .site-navigation__content .mod-menu .mod-menu__sub .item-116,
      .site-navigation__content .mod-menu .mod-menu__sub .item-117,
      .site-navigation__content .mod-menu .mod-menu__sub .item-315,
      .site-navigation__content .mod-menu .mod-menu__sub .item-362,
      .site-navigation__content .mod-menu .mod-menu__sub .item-391 {
        left: 60px;
        top: 40px;
        width: calc(var(--menuBackgroundWidth) - 60px);
      }
    }
    
@media screen and (min-width: 1200px) {
  .site-navigation__content .haeufig-gesucht h3 {
    font-size: 1.4em;
  }
}
  @media screen and (min-width: 1200px) {
    .site-navigation__content .haeufig-gesucht h3 {
      font-size: 1.6em;
    }
  }

@media screen and (min-width: 900px) {
  .site-navigation__content .haeufig-gesucht li {
    padding-left: 0;
    white-space: normal;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
  @media screen and (min-width: 1500px) {
    .site-navigation__content .haeufig-gesucht li:first-of-type {
      padding-top: 15px;
    }
  }
    @media screen and (min-width: 1800px) {
      .site-navigation__content .haeufig-gesucht li:first-of-type {
        padding-top: 20px;
      }
    }
    
/* Menübeitrag - Newsflash */
.site-navigation__content .mod-menu .mod-menu__sub .item-120,
.site-navigation__content .mod-menu .mod-menu__sub .item-122,
.site-navigation__content .mod-menu .mod-menu__sub .item-123,
.site-navigation__content .mod-menu .mod-menu__sub .item-330,
.site-navigation__content .mod-menu .mod-menu__sub .item-360,
.site-navigation__content .mod-menu .mod-menu__sub .item-389 {
  display: none;
  position: absolute;
  top: 20px;
  left: auto;
  right: 0;
  width: calc(var(--menuNewsflashWidth) - var(--gapM));
  z-index: 1;
}
  @media screen and (min-width: 900px) {
    .site-navigation__content .mod-menu .mod-menu__sub .item-120,
    .site-navigation__content .mod-menu .mod-menu__sub .item-122,
    .site-navigation__content .mod-menu .mod-menu__sub .item-123,
    .site-navigation__content .mod-menu .mod-menu__sub .item-330,
    .site-navigation__content .mod-menu .mod-menu__sub .item-360,
    .site-navigation__content .mod-menu .mod-menu__sub .item-389 {
      display: block;
      padding-left: 0;
    }
  }
    @media screen and (min-width: 1200px) {
      .site-navigation__content .mod-menu .mod-menu__sub .item-120,
      .site-navigation__content .mod-menu .mod-menu__sub .item-122,
      .site-navigation__content .mod-menu .mod-menu__sub .item-123,
      .site-navigation__content .mod-menu .mod-menu__sub .item-330,
      .site-navigation__content .mod-menu .mod-menu__sub .item-360,
      .site-navigation__content .mod-menu .mod-menu__sub .item-389 {
        top: 40px;
      }
    }
      @media screen and (min-width: 1800px) {
        .site-navigation__content .mod-menu .mod-menu__sub .item-120,
        .site-navigation__content .mod-menu .mod-menu__sub .item-122,
        .site-navigation__content .mod-menu .mod-menu__sub .item-123,
        .site-navigation__content .mod-menu .mod-menu__sub .item-330,
        .site-navigation__content .mod-menu .mod-menu__sub .item-360,
        .site-navigation__content .mod-menu .mod-menu__sub .item-389 {
          left: 70%;
          width: calc(30% - 50px);
          top: 40px;
        }
      }
    
@media screen and (min-width: 900px) {
  .site-navigation__content .newsflash ul {
    list-style: none;
  }
}
  
.site-navigation__content .newsflash .newsflash-date {
  display: none;
}

.site-navigation__content .newsflash .newsflash-text {
  margin-top: var(--paddingInside);
}

.site-navigation__content .newsflash .moduletable-splide .newsflash-text {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.site-navigation__content .newsflash .newsflash-title {
  font-size: 1.3em;
}
  @media screen and (min-width: 1800px) {
    .site-navigation__content .newsflash .newsflash-title {
      font-size: 1.6em;
    }
  }

.site-navigation__content .newsflash .newsflash-text p {
  margin-top: 10px;
}

.site-navigation__content .newsflash-menu .splide__list {
  width: auto;
}

.site-navigation__content .newsflash-menu .splide__list li {
  padding: 0;
  white-space: normal;
}

.site-navigation__content .newsflash-menu a {
  display: inline !important;
}

/* Menükontakt und Öffnungszeiten */
.site-navigation__content .mod-menu .mod-menu__sub .item-121,
.site-navigation__content .mod-menu .mod-menu__sub .item-124,
.site-navigation__content .mod-menu .mod-menu__sub .item-125,
.site-navigation__content .mod-menu .mod-menu__sub .item-331,
.site-navigation__content .mod-menu .mod-menu__sub .item-361,
.site-navigation__content .mod-menu .mod-menu__sub .item-390 {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  padding: 20px 0 0;
  display: none;
}
  @media screen and (min-width: 900px) {
    .site-navigation__content .mod-menu .mod-menu__sub .item-121,
    .site-navigation__content .mod-menu .mod-menu__sub .item-124,
    .site-navigation__content .mod-menu .mod-menu__sub .item-125,
    .site-navigation__content .mod-menu .mod-menu__sub .item-331,
    .site-navigation__content .mod-menu .mod-menu__sub .item-361,
    .site-navigation__content .mod-menu .mod-menu__sub .item-390 {
      display: block;
    }
  }
    @media screen and (min-width: 1800px) {
      .site-navigation__content .mod-menu .mod-menu__sub .item-121,
      .site-navigation__content .mod-menu .mod-menu__sub .item-124,
      .site-navigation__content .mod-menu .mod-menu__sub .item-125,
      .site-navigation__content .mod-menu .mod-menu__sub .item-331,
      .site-navigation__content .mod-menu .mod-menu__sub .item-361,
      .site-navigation__content .mod-menu .mod-menu__sub .item-390 {
        bottom: 40px;
        padding: 30px 0 0;
      }
    }
    
@media screen and (min-width: 900px) {
  .site-navigation__content .contact::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50px;
    width: calc(100% - 100px);
    height: 1px;
    background-color: var(--light);
  }
}

@media screen and (min-width: 900px) {
  .site-navigation__content .contact .custom-contact-menu {
    display: grid;
    grid-template-columns: var(--menuBackgroundWidth) auto 25%;
  }
}
  @media screen and (min-width: 1800px) {
    .site-navigation__content .contact .custom-contact-menu {
      grid-template-columns: var(--menuBackgroundWidth) auto 30%;
    }
  }

@media screen and (min-width: 900px) {
  .site-navigation__content .contact .custom-contact-menu > p:nth-child(1) {
    white-space: normal;
    padding-left: 50px;
  }
}

@media screen and (min-width: 900px) {
  .site-navigation__content .contact .custom-contact-menu > p:nth-child(2) {
    width: 50%;
    padding-left: var(--gapM);
  }
}
  @media screen and (min-width: 1500px) {
    .site-navigation__content .contact .custom-contact-menu > p:nth-child(2) {
      padding-left: var(--gapXL);
    }
  }
    @media screen and (min-width: 1800px) {
      .site-navigation__content .contact .custom-contact-menu > p:nth-child(2) {
        width: 45%;
      }
    }
    
@media screen and (min-width: 900px) {
  .site-navigation__content .contact .custom-contact-menu > p:last-child {
    white-space: normal;
    padding-right: 50px;
  }
}
  @media screen and (min-width: 1800px) {
    .site-navigation__content .contact .custom-contact-menu > p:last-child {
      white-space: normal;
      width: 30%;
      padding-right: 50px;
    }
  }

/* Main ================================================================== */
main {
  text-align: center;
}
  @media screen and (min-width: 400px) {
    main {
    }
  }
    @media screen and (min-width: 900px) {
      main {
        text-align: left;
      }
    }
    
.site-start main {
  text-align: center;
}
      
.com-dpcalendar-calendar {
  padding-left: var(--lrContentText);
  padding-right: var(--lrContentText);
}

/* Links */
main a {
  color: var(--darkest);
}

main a:hover {
  color: var(--color);
}

/* Überschriften */
main h1, .com-finder__search-legend {
  font-size: 2.0em;
  padding-left: var(--lr);
  padding-right: var(--lr);
}
  @media screen and (min-width: 600px) {
    main h1, .com-finder__search-legend {
      font-size: 3.25em;
    }
  }
    @media screen and (min-width: 900px) {
      main h1, .com-finder__search-legend {
        text-align: center;
      }
    }
      @media screen and (min-width: 1500px) {
        main h1, .com-finder__search-legend {
          font-size: 3.8rem;
        }
      }
      
.com-content-article h1, .blog h1, .com-content-archive h1, .com-content-category h1, .search-default h1, .com-dpcalendar-calendar h1, .com-finder__search-legend {
  padding-left: var(--lrContentText);
  padding-right: var(--lrContentText);
  margin-top: calc(var(--vDist) * 6);
}

.com-finder__search-legend {
  margin: auto;
}
      
main h2 {
  font-size: 1.7em;
  margin-top: var(--tb);
  padding-left: var(--lr);
  padding-right: var(--lr);
  color: var(--darkGrey);
}
  @media screen and (min-width: 600px) {
    main h2 {
      font-size: 3.0em;
    }
  }
    @media screen and (min-width: 900px) {
      main h2 {
        text-align: center;
      }
    }
      @media screen and (min-width: 1500px) {
        main h2 {
          margin-top: calc(var(--tb) * 2);
          font-size: 2.9rem;
        }
      }

.com-content-article h2 {
  padding-left: var(--lrContentText);
  padding-right: var(--lrContentText);
  hyphens: auto;
}
        
.site-start main h2 {
  margin-top: 0;
}

main h3 {
  font-size: 1.4em;
}
  @media screen and (min-width: 600px) {
    main h3 {
      font-size: 1.9em;
    }
  }
    @media screen and (min-width: 900px) {
      main h3 {
        text-align: center;
      }
    }
      @media screen and (min-width: 1500px) {
        main h3 {
          font-size: 2.2em;
        }
      }
 
.category-desc h3, .com-content-article h3 {
  margin-top: calc(var(--tb) * 1.5);
  padding-left: var(--lrContentText);
  padding-right: var(--lrContentText);
}
        
.com-content-article ul + h3 {
  margin-top: calc(var(--tb) / 2);
}

main h4 {
  font-size: 1.2rem;
  margin-top: var(--tb);
}
  @media screen and (min-width: 900px) {
    main h4 {
      text-align: center;
    }
  }

@media screen and (min-width: 1500px) {
  .com-content-article h4 {
    padding-left: var(--lrContentText);
    padding-right: var(--lrContentText);
  }
}

main h5 {
  margin-top: calc(var(--tb));
  font-weight: 700;
}
  @media screen and (min-width: 900px) {
    main h5 {
      text-align: center;
    }
  }
  
/* Bereiche */
main p {
  margin-top: calc(var(--tb) / 2);
  font-size: .95em;
  text-align: center;
  line-height: 1.3;
}
  
.com-content-article p {
  padding-left: var(--lrContentText);
  padding-right: var(--lrContentText);
  line-height: 1.4em;
}

.com-content-article table p {
  margin: 0;
  padding: 0;
}

.com-content-article__body > :first-child {
  margin-top: calc(var(--vDist) * 2);
}

.site-start main p {
  text-align: left;  
}
  
.site-start main p {
  margin-left: 0;
  margin-right: 0;
}

main .caption, figcaption {
  margin-top: calc(var(--tb) / 4);
  font-size: .8em;
}

main .readmore, main .readmore a {
  text-transform: uppercase;
  font-weight: 400;
  color: var(--darkest);
  font-family: 'Roboto Condensed', sans-serif; 
  letter-spacing: var(--lsCondensed);
}

main .readmore:hover, main .readmore a:hover {
  color: var(--color);
}

main .video, main video {
  aspect-ratio: 1.7777 / 1;
  max-width: 960px;
}
  @media screen and (min-width: 900px) {
    main .video, main video {
      margin-top: 0;
    }
  }
  
/* Iframes */
main .video iframe, main .video video {
  width: 100% !important;
  max-width: 960px !important;
  height: 100% !important;
}

/* Listen */
main ul {
  padding-top: calc(var(--tb) / 2);
  padding-left: var(--lr);
  padding-right: var(--lr);
  text-align: left;
  list-style-type: disc;
}

main ul.smiley {
  list-style-type: smiley;
}

main ul.check-mark {
  list-style-type: check-mark;
}

.site-team ul {
  list-style: none;
}

.com-content-article ul, 
.com-content-article ol,
.blog-item ul, .blog-item ol {
  font-size: .95em;
  margin-top: calc(var(--tb) / 2);
  padding-top: 0;
  padding-left: calc(var(--paddingInside) + 15px);
  padding-right: calc(var(--paddingInside) + 15px);
}

.com-content-article ul, 
.com-content-article ol {
  padding-left: var(--lrContent);
  padding-right: var(--lrContent);
  list-style-type: none;
}
  @media screen and (min-width: 900px) {
    .com-content-article ul, 
    .com-content-article ol {
      text-align: center;
    }
    .com-content-article ul.smiley, .com-content-article ul.check-mark {
      text-align: left;
      margin-left: auto;
      margin-right: auto;
      width: 60%;
    }
  }
  
.com-content-article ul.list--small, 
.com-content-article ol.list--small {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  list-style-type: disc;
}

.site-stadtnachrichten .com-content-article ul, 
.site-stadtnachrichten .com-content-article ol,
.site-formulare .com-content-article ul, 
.site-formulare .com-content-article ol,
.item-page-fakten ul, 
.item-page-fakten ol {
  margin-top: 0;
  padding-top: calc(var(--tb) / 2);
  padding-left: var(--lrContent);
  padding-right: var(--lrContent);
  list-style: none;
}

.com-content-article ul ul, .com-content-article ol ol {
  margin-top: calc(var(--tb) / 8);
}

main li {
  margin-top: .5em;
}

main li:first-child {
  margin-top: 0;
}

/* Tabellen */
main table {
  padding-top: calc(var(--tb) / 2);
  padding-left: var(--lr);
  padding-right: var(--lr);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  border-spacing: 1px;
}
  @media screen and (min-width: 900px) {
    main table {
      border-spacing: 10px 0;
    }
  }
  
.com-content-category__table caption {
  display: none;
}

main table th, main table td {
  padding: 2px;
  hyphens: auto;
}
  @media screen and (min-width: 900px) {
    main table th, main table td {
      padding: 15px;
    }
  }
  
main table th {
  font-weight: 700;
  text-transform: uppercase;
  background-color: var(--grey);
}

main table th.no-background, .com-content-category__table th {
  background-color: transparent;
}

main table td {
  vertical-align: middle;
}

main table th:first-of-type, main table td:first-of-type {
  text-align: left;
}

main table tr:nth-child(2n-1) td {
  background-color: var(--grey);
}

main table .sum td {
  background-color: var(--colorLight);
}

/* Kategorie-Blog */
.blog .category-desc {
  padding-left: var(--lrContentText);
  padding-right: var(--lrContentText);
}

.site-blog-text-only .category-desc h2 {
  margin-top: calc(var(--vDist) / 2);
}

.site-blog-text-only .category-desc h2 + p {
  margin-top: calc(var(--vDist) * 2);
}

.blog .blog-items {
  margin-top: calc(var(--tb) * 2);
  display: grid;
  grid-template-columns: 1fr;
  justify-content: stretch;
  column-gap: 40px;
  row-gap: 40px;
  padding-left: var(--lr);
  padding-right: var(--lr);
}
  @media screen and (min-width: 900px) {
    .blog .blog-items {
      grid-template-columns: 1fr 1fr;
      column-gap: 20px;
      row-gap: 40px;
    }
  }
    @media screen and (min-width: 1200px) {
      .blog .blog-items {
        grid-template-columns: 1fr 1fr 1fr;
      }
    }
      @media screen and (min-width: 1500px) {
        .blog .blog-items {
          margin-top: calc(var(--tb) * 3);
          column-gap: 30px;
          row-gap: 60px;
        }
      }
        @media screen and (min-width: 1800px) {
          .blog .blog-items {
            column-gap: 50px;
            row-gap: 100px;
          }
        }

.site-blog-text-only .blog .blog-items {
  padding-left: var(--lrContent);
  padding-right: var(--lrContent);
}
  @media screen and (min-width: 900px) {
    .site-blog-text-only .blog .blog-items {
      column-gap: 40px;
      row-gap: 30px;
    }
  }
    @media screen and (min-width: 1500px) {
      .site-blog-text-only .blog .blog-items {
        column-gap: 40px;
        row-gap: 30px;
      }
    }
      @media screen and (min-width: 1800px) {
        .site-blog-text-only .blog .blog-items {
          column-gap: 60px;
          row-gap: 50px;
        }
      }

.site-blog-text-only .blog-item {
  margin: 0;
  padding: var(--paddingInside);
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgb(160, 160, 160);
}

.blog .blog-item .item-content {
  text-align: left;
}

.blog .blog-item h2, .blog-featured .blog-item h2, .blog .blog-item h3, .blog-featured .blog-item h3 {
  font-size: 2.4rem;
  margin-top: calc(var(--tb) / 2);
  margin-left: 0;
  margin-right: 0;
  hyphens: auto;
  padding-left: var(--paddingInside);
  padding-right: var(--paddingInside);
  color: var(--darkest);
}
  @media screen and (min-width: 900px) {
    .blog .blog-item h2, .blog-featured .blog-item h2, .blog .blog-item h3, .blog-featured .blog-item h3 {
      text-align: left;
    }
  }
  
.blog .blog-item .page-header + h2, 
.blog .blog-item .page-header + h3,
.blog-featured .blog-item h3 {
  font-size: 1.3rem;
}

.blog-featured .blog-item h3 {
  font-size: 1.3em;
}
  @media screen and (min-width: 900px) {
    .blog-featured .blog-item h3 {
      padding: 0;
    }
  }
  
.blog .blog-item h2 + h3, .blog-featured .page-header + h3 {
  margin-top: 0;
}

.site-blog-text-only .blog-item h2, .site-blog-text-only .blog-item h3 {
  margin-top: 0;
  padding: 0;
  font-size: 1.8em;
}

.blog .blog-item h2 a {
  color: var(--darkest);
  text-decoration: none;
}

.blog .blog-item h2 a:hover {
  text-decoration: underline;
}

.blog .blog-item .article-info {
  margin-top: calc(var(--tb) / 4);
  padding-left: var(--paddingInside);
}

.blog .blog-item .gemeinderatssitzung .article-info {
  display: none;
}

.blog .blog-item p {
  position: relative;
  text-align: left;
  padding-left: var(--paddingInside);
  padding-right: var(--paddingInside);
}

@media screen and (min-width: 900px) {
  .blog-featured .blog-item p {
    padding: 0;
  }
}

.site-blog-text-only .blog-item p {
  padding-left: 0;
  padding-right: 0;
}

.blog .blog-items .gemeinderatssitzung .video {
  padding: 0;
}

/* Bilder */
.blog-featured .item-image {
  max-width: 700px;
  margin: 0 auto;
  aspect-ratio: 7 / 4;
}
  @media screen and (min-width: 900px) {
    .blog-featured .item-image {
      max-width: 400px;
      float: left;
      padding-right: calc(var(--tb) / 2);
    }
  }
    @media screen and (min-width: 1200px) {
      .blog-featured .item-image {
        max-width: 500px;
      }
    }
    
.blog .item-image img, .blog-featured .item-image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 7 / 4;
  object-fit: cover;
}

.site-blog-text-only .blog-item .item-image {
  display: none;
}

.com-content-article .images.mixed {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 20px;
  max-width: 100%;
}
  @media screen and (min-width: 1200px) {
    .com-content-article .images.mixed {
      gap: 20px 50px;
    }
  }
  
.com-content-article .images.mixed li {
  text-align: center;
}

.com-content-article .images.mixed li {
  height: 220px !important;
  padding-bottom: 40px;
}
  @media screen and (min-width: 900px) {
    .com-content-article .images.mixed li {
      height: 280px !important;
    }
  }
    @media screen and (min-width: 1500px) {
      .com-content-article .images.mixed li {
        height: 350px !important;
      }
    }
    
.com-content-article .images.mixed img {
  height: 100% !important;
  width: auto;
}

.com-content-article .images.mixed p {
  padding-left: 0;
  padding-right: 0;
}
  
.com-content-article .main__image--large {
  width: 100%;
  max-width: 600px;
}

/* Beitrag ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.com-content-article .video {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.com-content-article .article-info {
  display: none;
}

.com-content-article figure, .com-content-article .iframe {
  text-align: center;
  margin-top: calc(var(--vDist) * 2);
  padding-left: var(--lr);
  padding-right: var(--lr);
}

.com-content-article figure .team {
  display: inline-block
}

.com-content-article img {
  max-width: 100%;
  height: auto !important;
}

.com-content-article .images {
  display: grid;
  justify-items: center;
  grid-template-columns: 1fr;
  row-gap: var(--tb);
  padding: 0 var(--lr);
  margin-top: calc(var(--vDist) * 2);
  margin-bottom: calc(var(--vDist) * 2);
  list-style: none;
}
  @media screen and (min-width: 900px) {
    .com-content-article .images {
      grid-template-columns: 1fr 1fr;
      column-gap: 50px;
    }
  }
    @media screen and (min-width: 1500px) {
      .com-content-article .images {
        grid-template-columns: 1fr 1fr 1fr;
        row-gap: calc(var(--tb) * 2);
        margin-bottom: calc(var(--tb) * 2);
      }
    }
    
.com-content-article .images li {
  margin-top: 0;
}

.com-content-article .images img {
  width: 100%;
  max-width: 560px;
}

/* SIGE */
.com-content-article .sige {
  display: block;
  text-align: center;
  margin: 20px var(--lr);
  padding: 0;
  width: auto !important;
}

.com-content-article .sige_cont_0 {
  width: auto !important;
  height: auto !important;
  float: none;
  text-align: center;
}

.com-content-article .sige_thumb img {
  height: 200px !important;
  width: auto;
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
}
  @media screen and (min-width: 1200px) {
    .com-content-article .sige_thumb img {
      height: 300px !important;
    }
  }
    @media screen and (min-width: 1800px) {
      .com-content-article .sige_thumb img {
        height: 340px !important;
      }
    }
      @media screen and (min-width: 2100px) {
        .com-content-article .sige_thumb img {
          height: 400px !important;
        }
      }
/* macht probleme .com-content-article .sige {
  clear: none !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 var(--lr);
  margin-top: calc(var(--vDist) * 2);
  margin-bottom: calc(var(--vDist) * 2);
}
  @media screen and (min-width: 1200px) {
    .com-content-article .sige {
      gap: 30px;
    }
  }
    @media screen and (min-width: 1500px) {
      .com-content-article .sige {
        gap: 40px;
      }
    }
       @media screen and (min-width: 1500px) {
        .com-content-article .sige {
          gap: 50px;
        }
      }
      
.sige_cont_0 {
  float: none !important;
  width: auto !important;
  height: auto !important;
  text-align: center;
  max-width: 700px;
  aspect-ratio: 3 / 2;
}
  @media screen and (min-width: 600px) {
    .sige_cont_0 {
      max-width: 48%;
    }
  }
    @media screen and (min-width: 900px) {
      .sige_cont_0 {
        max-width: 31%;
      }
    }

.mixed .sige_cont_0 {
  height: 220px !important;
  aspect-ratio: auto;
}
  @media screen and (min-width: 900px) {
    .mixed .sige_cont_0 {
      height: 280px !important;
    }
  }
    @media screen and (min-width: 1500px) {
      .mixed .sige_cont_0 {
        height: 350px !important;
      }
    }
    
.sige_thumb {
  float: none !important;
  background: none !important;
  margin: 0 !important;
  display: inline !important;
}

.sige_thumb img {
  background-color: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100%;
  height: auto !important;
  object-fit: cover;
  object-position: center;
  aspect-ratio: 3 / 2;
}
  @media screen and (min-width: 500px) {
    .sige_thumb img {
      height: 100% !important;
    }
  }

.mixed .sige_thumb img {
  aspect-ratio: auto;
  height: 100% !important;
}

/* Footer ==================================================================================== */
footer {
  margin-top: calc(var(--tb) * 2);
}

/* Oneliner */
.custom-oneliner img {
  max-width: 100%;
}

/* Nebenmenü Footer */
@media screen and (min-width: 900px) {
  #menu-contact {
    display: grid;
    grid-template-columns: 3fr 1fr;
    column-gap: var(--lr);
    margin-top: calc(var(--tb) / 2);
    margin-left: calc(var(--lr) + var(--paddingInside));
    margin-right: calc(var(--lr) + var(--paddingInside));
  }
}
  @media screen and (min-width: 1500px) {
    #menu-contact {
      margin-left: calc(var(--lr) + 30px + var(--paddingInside));
      margin-right: calc(var(--lr) + 30px + var(--paddingInside));
    }
  }

.menu-footer {
  display: none;
}

/* Screenreader-Text ausblenden, ohne ihn für Screenreader zu entfernen */
.menu-footer .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.menu-footer .item-101,
.menu-footer .search-in-menu {
  display: none;
}

.menu-footer .mod-menu__sub .divider {
  display: none;
}

@media screen and (min-width: 900px) {
  .menu-footer {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: var(--lr);
  }
}

.menu-footer > li,
.menu-footer .mod-menu__heading {
  font-family: 'Roboto Condensed', sans-serif; 
  letter-spacing: var(--lsCondensed);
  font-weight: 700;
  margin-top: calc(var(--tb) / 2);
  text-transform: uppercase;
  list-style: none;
  font-size: 1.0rem;
}

.menu-footer > li:first-of-type {
  margin-top: 0;
}

@media (min-width: 900px) {

  /* Untermenüs sichtbar halten */
  .menu-footer .mod-menu__sub[aria-hidden="true"] {
      display: block;
  }

  /* Pfeile ausblenden, wenn nicht benötigt */
  .menu-footer .mod-menu__toggle-sub .icon-chevron-down {
      display: none;
  }

}

.menu-footer .mod-menu__sub li {
  font-family: 'Roboto', sans-serif; 
  font-weight: 400;
  letter-spacing: normal;
  font-size: 1em;
  list-style: none;
  text-transform: none;
  margin-top: calc(var(--tb) / 8);
}

.menu-footer .menu-level-2 > ul {
  display: none;
}

@media (min-width: 900px) {
  .menu-footer .mod-menu__sub .mod-menu__sub {
    margin-left: .4em;
  }
}

@media (min-width: 900px) {
  .menu-footer .mod-menu__sub .mod-menu__sub .mod-menu__heading {
    display: none;
  }
}

.menu-footer a {
  text-decoration: none;
  color: var(--darkest);
}

.menu-footer a:hover {
  color: var(--color);
}

/* Kontakt */
.custom-kontakt {
  width: 290px;
  margin-top: var(--tb);
  margin-left: auto;
  margin-right: auto;
  font-size: 1.1em;
  line-height: 1.4;
}
  @media screen and (min-width: 600px) {
    .custom-kontakt {
      width: 100%;
      display: flex;
      justify-content: center;
    }
  }
    @media screen and (min-width: 900px) {
      .custom-kontakt {
        width: 290px;
        display: block;
        margin: 0;
      }
    }
      @media screen and (min-width: 1500px) {
        .custom-kontakt {
          width: 465px;
        }
      }
    
.custom-kontakt img {
  width: 100%;
  max-width: 451px;
}
  
.custom-kontakt p {
  margin-top: calc(var(--tb) / 2);
}
  @media screen and (min-width: 600px) {
    .custom-kontakt p {
      margin-top: 0;
    }
  }
    @media screen and (min-width: 900px) {
      .custom-kontakt p {
        margin-top: calc(var(--tb) / 2);
      }
    }
  
@media screen and (min-width: 600px) {
  .custom-kontakt > p:first-child {
    width: 290px;
    float: left;
    padding-right: var(--lr);
  }
}
  @media screen and (min-width: 900px) {
    .custom-kontakt > p:first-child {
      width: auto;
      float: none;
      padding-right: 0;
    }
  }

.custom-kontakt > div {
  margin-left: 72px;
}
  @media screen and (min-width: 600px) {
    .custom-kontakt > div {
      margin-left: 0px;
    }
  }
    @media screen and (min-width: 900px) {
      .custom-kontakt > div {
        margin-left: 72px;
      }
    }
      @media screen and (min-width: 1500px) {
        .custom-kontakt > div {
          margin-left: 118px;
        }
    }
    
.custom-kontakt ul {
  list-style: none;
  margin-top: calc(var(--tb) / 2);
}

.custom-kontakt a {
  color: var(--darkest);
  text-decoration: none;
}

.custom-kontakt a:hover {
  color: var(--color);
  text-decoration: underline;
}

/* Logos */
#bottom-bar {
  margin-top: calc(var(--tb) * 2);
  margin-bottom: 110px;
}
  @media screen and (min-width: 600px) {
    #bottom-bar {
      clear: both;
    }
  }
  
#bottom-bar h2 {
  margin-left: calc(var(--lr) + var(--paddingInside));
  margin-right: calc(var(--lr) + var(--paddingInside));
}
  @media screen and (min-width: 1500px) {
    #bottom-bar h2 {
      margin-left: calc(var(--lr) + 30px + var(--paddingInside));
      margin-right: calc(var(--lr) + 30px + var(--paddingInside));
    }
  }
  
.logos div {
  margin-top: var(--vDist);
  background-color: var(--grey);
  padding: var(--tb) calc(var(--lr) + 20px + var(--paddingInside)) !important;
}
  @media screen and (min-width: 1500px) {
    .logos div {
      padding: var(--tb) calc(var(--lr) + 30px + var(--paddingInside)) !important;
    }
  }

.logos ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--tb) calc(var(--lr) / 2);
  position: relative;
}
  @media screen and (min-width: 1800px) {
    .logos ul {
      flex-wrap: nowrap;
    }
  }
  
.logos ul li {
  margin-left: auto;
  margin-right: auto;
  min-width: 200px;
  text-align: center;
}
  @media screen and (min-width: 1800px) {
    .logos ul li {
      min-width: 0;
    }
  }
  
.logos img {
  max-width: 200px;
  max-height: 80px;
  filter: grayscale(0%);
}
  @media screen and (min-width: 1800px) {
    .logos img {
      width: 100%;
      max-width: none;
    }
  }
  
.logos a:hover img {
  filter: grayscale(100%);
}