@media (max-width: 1800px) /* 1800px */ {
  .js .a5-search-close  {
    right:0.8rem;
  }
}

@media (max-width: 1560px) /* 1560px */ {

  body.js .a5-main-navigation {
    gap: 1.1111111rem;
  }

  .js .a5-sub-menu {
    grid-column-gap: 2.22222rem;
    grid-row-gap: 2.22222rem;
  }

}

@media (max-width: 1390px) /* 1390px */ {

  .js .a5-header-start-col img {
    width: inherit;
  }
  .a5-header .a5-wrapper-lg {
    display: grid;
    padding:1.6667rem 1.1111111rem;
  }
  .a5-header-start-col,
  .a5-header-end-col {
    justify-content: flex-start;
  }
  .a5-header-start-col img {
    width: auto;
    height: 2.7778rem;
  }
  body.js .a5-sub-menu-bg {
    top: 8.6667rem;
  }
  .a5-sub-header {
    transform: none;
    position: absolute;
    top:1.1111111rem;
    right:1.1111111rem;
  }

  .js .a5-sub-menu {
    grid-column-gap: 1.111111rem;
    grid-row-gap: 1.111111rem;
  }

  /* Page */

  .a5-main-content,
  .a5-additional-content {
    padding:2rem 13.63636%;
  }

  /* Events */

  .a5-post-context {
    padding: .5rem 13.63636%;
  }

}

@media (max-width: 1320px) /* 1320px */ {
  .a5-grid-col-2,
  .a5-grid-col-3 {
    grid-column-gap: 1.1111111rem;
    grid-row-gap: 1.1111111rem;
  }
  .a5-post-wrapper {
    gap: 1.1111111rem;
  }
}

@media (max-width: 1200px) /* 1200px */{
  .a5-slider-item {
    flex-wrap: wrap;
  }
  .a5-slider-item a {
    position: relative;
    left: 0;
    top: inherit;
    width: 100%;
    max-width: 100%;
    padding-bottom: 4.44444rem;
  }
}

@media (max-width: 1024px) /* 1024px */{
  .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    right:-15px;
  }
  .a5-languageswitch-wrapper,
  .a5-main-navigation {
    display: block;
    text-align: left;
    width:100%;
    margin-top:1.6667rem;
  }
  .js .a5-languageswitch-wrapper,
  .js .a5-main-navigation {
    display: none;
  }
  .a5-header .a5-wrapper-lg {
    grid-gap: 0;
  }
  .a5-header .a5-wrapper-lg {
    padding: 1.1111111rem;
  }
  .a5-header-start-col img {
    max-width: 10rem;
    height: auto;
  }
  .a5-sub-header {
    position: inherit;
  }

  .js .a5-search-close  {
    top:-1.5rem;
    width:1.6667rem;
    height:1.6667rem;
    padding: .1rem;
  }
  .js .a5-search-close img {
    width: 100%;
  }

  /* Navigation */

  .a5-main-navigation {
    display: block;
    padding-left:0;
  }
  .a5-main-navigation li > a {
    margin: 1.111111rem 0px 0.55566rem 0px;
  }
  .js .a5-main-navigation li > a {
    margin: inherit;
  }
  .a5-main-navigation > li > a {
    width: 100%;
    display: block;
  }
  .a5-main-nav-toggle-btn {
    background-image:  url("../img/mainmenu_open.png");
    background: url("../img/mainmenu_open.svg");
    z-index: 20;
    background-size: 80%;
    background-position: center center;
    background-repeat: no-repeat;
    border: 0;
    text-indent: 1.6667rem;
  }
  .a5-main-nav-toggle-btn:focus,
  .a5-main-nav-toggle-btn:hover {
    background-image:  url("../img/mainmenu_open_hover.png");
    background: url("../img/mainmenu_open_hover.svg");
    z-index: 20;
    background-size: 80%;
    background-position: center center;
    background-repeat: no-repeat;
    border: 0;
    text-indent: 1.6667rem;
  }
  .js .a5-main-nav-toggle-btn {
    display: block;
  }
  .a5-main-nav-open .a5-main-nav-toggle-btn {
    background-image:  url("../img/btn_close.png");
    background: url("../img/btn_close.svg");
    background-size: 1.444rem 1.444rem;
    background-repeat: no-repeat;
    background-position: center;
  }
  .a5-header-end-col {
    display: block;
  }
  .js .a5-main-navigation > li {
    display: block;
    width: 100%;
    clear: both;
  }
  .js .a5-submenu-btn {
    background-image:  url("../img/submenu_arrow_down_mobile.png");
    background: url("../img/submenu_arrow_down_mobile.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    float: none;
    position: absolute;
    right:.5rem;
    top: 0.5rem;
    width: 1.6667rem;
    height: 1.6667rem;
    z-index: 10;
  }
  .js .a5-submenu-open .a5-submenu-btn {
    background-image:  url("../img/submenu_arrow_up_mobile.png");
    background: url("../img/submenu_arrow_up_mobile.svg");
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .js .a5-submenu-open > a {
    border-bottom:1px solid rgba(255, 255, 255, .2);
    margin:0 0 0.5555555rem 0;
  }
  .js .a5-submenu-open ul {
    margin:0.5555555rem 0 0.5555555rem 0;
  }
  .js .a5-main-navigation {
    background:#29235C;
    padding:1.1111111rem;
  }
  .js .a5-main-navigation > li:first-child {
    border-top:1px solid #fff;
  }
  .js .a5-main-navigation > li {
    border-bottom:1px solid #fff;
    position: relative;
  }
  .js .a5-main-navigation > li > a {
   transform: translate(0rem, 0rem);
   color:#fff;
   font-weight: 500;
   text-transform: uppercase;
   padding:0.9444rem 0px;
   float: none;
  }
  .js .a5-sub-menu li a strong {
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
  }
  .a5-header .a5-social-links {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  body.a5-main-nav-open .a5-header .a5-social-links-wrapper {
    display: flex;
  }
  body.a5-main-nav-open .a5-main-navigation {
    display: block;
    top:0rem;
    left:0rem;
    right:0rem;
    padding-top: 4.4444rem;
    z-index: 10;
  }
  body.a5-main-nav-open .a5-header-end-col {
    position: absolute;
    background: #29235C;
    left:0;
    right:0;
    top:0;
  }
  body.a5-main-nav-open .a5-sub-header {
    right: inherit;
    top: inherit;
  }
  body.a5-main-nav-open .a5-search-toggle-wrapper,
  body.a5-main-nav-open .a5-leichtesprache-wrapper {
    display: none;
  }
  .js .a5-sub-menu li p,
  .a5-submenu-open .a5-menu-headline {
    display: none;
  }
  .js .a5-submenu-open .a5-sub-menu {
    display: block;
    padding: 0;
  }
  .js .a5-sub-menu li a {
    padding: 0.5555555rem 0px;
    background: transparent;
  }
  .js .a5-sub-menu li a:hover {
    color:#fff;
    text-decoration: underline;
  }
  .js .a5-sub-menu li a:focus {
    background: #fff;
    text-decoration: underline;
    outline-offset: 2px;
    padding-left: 0.8rem;
  }
  .js .a5-sub-menu li a:focus:hover {
    color:#29235C   ;
  }
  .js .a5-sub-menu-bg {
    position: relative;
    top:inherit !important;
    left:inherit;
    padding: 0;
  }
  .a5-sub-header {
    transform: none;
    font-size: 0.8888888888888888em;
  }
  body.a5-main-nav-open .a5-languageswitch-wrapper {
    display: block;
    position: absolute;
    color:#fff;
    z-index: 30;
    left:1.1111111rem;
    top:1.1111111rem;
    text-align: inherit;
    margin-top:inherit;
    width: auto;
  }
  .a5-leichtesprache-wrapper {
    position: absolute;
    top: 1.3889rem;
    right: 5.5556rem;
  }
  .a5-leichtesprache-link {
    background-size: 1.5rem;
    width: 1.6667rem;
    height: 1.6667rem;
    overflow: hidden;
    text-indent: -5rem;
    padding-left: 0;
  }
  .a5-leichtesprache-link:focus,
  .a5-leichtesprache-link:hover {
    background-size: 1.5rem;
  }
  .a5-search-toggle-wrapper {
    position: absolute;
    top: 1.3889rem;
    right: 3.3333rem;
  }
  .a5-search-toggle  {
    background-color: transparent;
    background-size: 1.5rem;
    border:0px;
    width: 1.6667rem;
    height: 1.6667rem;
    overflow: hidden;
    text-indent: -5rem;
  }
  .a5-search-toggle:focus,
  .a5-search-toggle:hover {
    background-size: 1.5rem;
  }
  .a5-main-nav-open .a5-languageswitch-wrapper a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Ellipse_7' data-name='Ellipse 7' fill='none' stroke='%23fff' stroke-width='3'%3E%3Ccircle cx='12' cy='12' r='12' stroke='none'/%3E%3Ccircle cx='12' cy='12' r='10.5' fill='none'/%3E%3C/g%3E%3Cpath id='Icon_metro-earth' data-name='Icon metro-earth' d='M12.571,1.928a10,10,0,1,0,10,10,10,10,0,0,0-10-10Zm0,18.75a8.721,8.721,0,0,1-3.462-.712l4.554-5.123a.625.625,0,0,0,.158-.415V12.553a.625.625,0,0,0-.625-.625c-2.207,0-4.535-2.294-4.558-2.317A.625.625,0,0,0,8.2,9.428H5.7a.625.625,0,0,0-.625.625V13.8a.625.625,0,0,0,.346.559l2.154,1.077v3.67A8.755,8.755,0,0,1,4.663,8.178H6.946a.625.625,0,0,0,.442-.183l2.5-2.5a.625.625,0,0,0,.183-.442V3.541a8.775,8.775,0,0,1,6.334.52c-.081.068-.16.14-.235.216a3.75,3.75,0,0,0,2.649,6.4q.093,0,.186,0a14.677,14.677,0,0,1-.164,7.272.623.623,0,0,0-.016.1,8.723,8.723,0,0,1-6.253,2.63Z' transform='translate(-0.57 0.072)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left 0.2778rem center;
    padding: 0.2778rem 0.2778rem 0.2778rem 1.9444rem;
    -webkit-font-smoothing: antialiased;
    line-height: inherit;
    display: block;
    margin-top:.3rem;
    width: 90px;
    color:#fff;
  }
  .a5-main-nav-open .a5-languageswitch-wrapper a:hover,
  .a5-main-nav-open .a5-languageswitch-wrapper a:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg id='Ellipse_7' data-name='Ellipse 7' fill='%2329235c' stroke='%2329235c' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='12' stroke='none'/%3E%3Ccircle cx='12' cy='12' r='11' fill='none'/%3E%3C/g%3E%3Cpath id='Icon_metro-earth' data-name='Icon metro-earth' d='M12.571,1.928a10,10,0,1,0,10,10A10,10,0,0,0,12.571,1.928Zm0,18.75a8.721,8.721,0,0,1-3.462-.712l4.554-5.123a.625.625,0,0,0,.158-.415V12.553a.625.625,0,0,0-.625-.625c-2.207,0-4.535-2.294-4.558-2.317A.625.625,0,0,0,8.2,9.428H5.7a.625.625,0,0,0-.625.625V13.8a.625.625,0,0,0,.346.559l2.154,1.077v3.67A8.755,8.755,0,0,1,4.663,8.178H6.946a.625.625,0,0,0,.442-.183l2.5-2.5a.625.625,0,0,0,.183-.442V3.541a8.775,8.775,0,0,1,6.334.52c-.081.068-.16.14-.235.216a3.75,3.75,0,0,0,2.649,6.4q.093,0,.186,0a14.677,14.677,0,0,1-.164,7.272.623.623,0,0,0-.016.1,8.723,8.723,0,0,1-6.253,2.63Z' transform='translate(-0.57 0.072)' fill='%23fff' stroke='%2329235c' stroke-width='1'/%3E%3C/svg%3E%0A") !important;
    background: #fff;
    background-repeat: no-repeat;
    background-position: left 0.2778rem center;
    color:#29235C;
    outline:none;
  }

  .a5-grid-col-2 {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 1.6667rem;
    grid-row-gap: 1.6667rem;
  }
  .a5-grid-col-3 {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1.6667rem;
    grid-row-gap: 1.6667rem;
  }

  .a5-button-wrapper.a5-ajax-controls {
    grid-column: 1/3;
  }

  /* Post */

  .a5-post-sidebar {
    max-width: 100%;
    padding-top:0;
  }
  .a5-post-wrapper {
    flex-wrap: wrap;
  }
  .a5-related-posts {
    display: flex;
    gap: 1.1111111rem;
  }
  .a5-related-post-item {
    flex:1;
  }
  .a5-employee-item {
    max-width: 100%;
  }
  .a5-employee-item img {
    float: right;
    max-width: 200px;
    margin:1rem 0rem 1rem 1rem;
  }

  /* Event */

  .a5-event-overview {
    gap: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 1rem auto;
  }

  .a5-event-overview li {
    padding: 0.5rem 0 0.5rem 2rem;
    display: flex;
    align-items: center;
    flex: 1;
    background-size: 1rem auto;
  }
  /* Footer */

  .a5-footer .a5-wrapper {
    padding:2.2222222rem 1.1111111rem 1.1111111rem;
  }
  .a5-footer-image {
    min-height: 4.4444444rem;
  }
  .a5-footer-image:before {
    right: 0.5556rem;
    bottom: 0.8333rem;
    height: 2.7778rem;
    width: 4.1667rem;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .a5-footer .a5-column-wrapper {
    gap: 2.2222222rem;
  }
  .a5-footer-navigation-wrapper {
    border:0;
    padding:1.1111111rem 0px 1.1111111rem 0;
  }
  .a5-footer-navigation-wrapper .a5-column-wrapper {
    display: block;
  }
  .js .a5-footer-toggle {
    display: block;
  }
  ul.a5-help-navigation {
    display: block;
    border-bottom:1px solid #fff;
    padding:1.1111111rem 0;
    margin-bottom:1.1111111rem;
  }
  .js ul.a5-help-navigation {
    display: none;
  }
  .js.a5-footer-navigation-open ul.a5-help-navigation {
    display: block;
  }
  ul.a5-help-navigation li {
    margin: 0.5556rem 0;
  }

}

@media (max-width: 800px) /* 800px */ {
  .a5-column-wrapper .a5-col {
      flex: inherit;
      width: 100%;
  }
  .a5-grid-col-3 {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1.6667rem;
    grid-row-gap: 1.6667rem;
  }
  .a5-related-posts {
    flex-wrap: wrap;
  }
  .a5-related-post-item {
    flex:100%;
    margin-bottom: 0;
  }
  .a5-post-wrapper {
    gap: 1.6667rem;
  }

  .a5-info-detail-wrapper ul {
    display: block;
  }
  .a5-info-detail-wrapper ul li {
    margin-bottom: 10px;
  }
  .a5-info-detail-wrapper a {
    display: block;
  }

  /* Filter */
  .a5-filter-option-wrapper {
    background: #fff;
    padding: 1.777777rem 1.1111111rem 4.777777rem 1.11111rem;
    margin-top: 1.6667rem;
    display: none;
  }
  body .searchandfilter > ul {
    max-width: 100%;
    display: block;
  }
  .search-filter-reset {
    text-align: left !important;
    float: left;
  }
  .a5-option-icon {
    margin: 0;
  }
  .a5-selection-label {
    right:0px !important;
    left:inherit;
    top:0px !important
  }
  .sf-field-post_type ul li .sf-input-checkbox {
    width: 100%;
    top:0px;
  }
  .searchandfilter ul li li  {
    margin-bottom: 20px;
  }
  .sf-field-reset .a5-option-label {
   position: absolute;
   top: 13px;
   left: 70px;
  }
  .sf-level-0 label {
    position: absolute;
    left:70px;
    top:13px;
  }
  .sf-field-post_type ul  {
    display: block !important;
    max-width: 100%;
  }
}


@media (max-width: 640px) /* 640px */{

  .a5-grid-col-3 {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 1.1111111rem;
    grid-row-gap: 2.222222rem;
  }
  .a5-button-wrapper.a5-ajax-controls {
    grid-column: 1/2;
    margin-top: 1rem;
  }


  /* Page */
  .a5-main-content,
  .a5-additional-content  {
    padding:1.5rem 1.666666rem;
  }
  .a5-additional-content h3 {
    margin-top: .5rem;
  }
  .a5-additional-content ul li  {
    font-size: 1rem;
  }
  /* Post */
  .single-post .a5-post-context {
    padding: .5rem 1.666666rem;
  }
  .a5-post-content {
    padding: 1.5rem 1.666666rem;
  }

  /* Events */
  .a5-post-context {
    padding: .5rem 1.666666rem;
  }
  .a5-contact-person {
    display: block;
  }
  .a5-contact-person-info {
    padding:1.666666rem;
  }
  .a5-event-overview {
    font-size: 1rem;
  }


}


@media (max-width: 600px) /* 600px */{
  .a5-filter-option {
    gap:2.22222222222222223rem
  }
  .a5-filter {
    padding: 6.5211% 0 8.2254% 0;
  }
  .a5-filter-toggle-btn {
    font-size:1rem;
  }
  .a5-filter p {
    margin-bottom: 8.3478%;
  }
  .a5-button-wrapper.a5-ajax-controls {

  }
  .a5-breadcrumb ul {
    display: block;
  }
  .a5-breadcrumb ul li {
    margin-bottom: .5rem;
  }

  /* Typo */

  main h1 {
    font-size: 1.6rem;
  }
  main h2 {
    font-size: 1.3rem;
  }
  main h3 {
    font-size: 1.1rem;
  }

  /* Podcast Player*/

  .a5-podcast-player-spacer {
    display: block;
  }
  .podlove-web-player iframe {
    position: absolute;
    left:0px;
    width: 100%;
  }

  .a5-selection-label {
    display: block;
    font-size: .9em;
    border:0;
    left:60px;
    right:inherit !important;
  }
  .a5-option-label,
  .searchandfilter li[data-sf-field-input-type=checkbox] label {
    opacity: 0;
  }
  .sf-field-post_type ul li .sf-input-checkbox {
    width:100% !important;
    z-index: 10;
  }

}


@media (max-width: 500px) /* 500px */{
  .a5-slider {
    margin:0
  }
  .a5-wrapper.a5-slider-wrapper {
    padding: 0px;
  }
  .a5-slider-item {
    max-height: inherit;
    display: inherit;
  }
  .a5-slider-item strong {
    font-size: 1.1111111111111112em;
    font-weight: 600;
  }
  .a5-slider-item img {
    line-height: 0;
    display: block;
    max-height: 4.444444rem;
    object-fit: cover;
    width: 100%;
  }
  .a5-slider-item a {
    display: block;
    position: relative;
    left:0;
    max-width: 100%;
    width: 100%;
  }
}