/* accessibility */
.accessibility-toolbar {margin-left:auto; display:flex; gap:32px;}
.accessibility-toolbar button {padding:0; background:none; border:none; cursor:pointer; font-size:24px}

.high-contrast #main,
.high-contrast .fusion-footer  {filter: grayscale(120%) contrast(100%);background-color: #fff !important;color: #000 !important;}
.high-contrast img  {filter:grayscale(100%) !important}

/* Orange wave */
.orange-wave:after {content:""; position:absolute; height:175px; top:100%; left:0; right:0; background:url(../media/orange-wave.svg); background-position: center;background-repeat: repeat-x;}
.orange-wave-2:after {content:""; position:absolute; height:65px; bottom:100%; left:0; right:0; background:url(../media/orange-wave-2.svg); background-position: center;background-repeat: repeat-x;}
.grey-wave:after {content:""; position:absolute; height:120px; bottom:100%; left:0; right:0; background:url(../media/grey-wave.svg); background-position: center;background-repeat: repeat-x;}

/* max-width */
.max-width-540 {max-width:540px;}

/* Swiper */
#wrapper .swiper {overflow:hidden; position:relative;}
.shortcode-wrapper {display: flex;position: relative;width: 100%;flex-direction: column;}

.swiper-navigation-wrapper .swiper-navigation {background:green; width:80px; height:80px; position:absolute; z-index: 2; display:flex; align-items: center; justify-content:center; background:var(--awb-color2); cursor:pointer}
.swiper-navigation-wrapper .swiper-navigation:after {content:""; font-family:var(--fontAwesome); color:#fff; font-size:32px;}

.swiper-navigation-wrapper .swiper-navigation.prev {left:0; top:0; bottom:0; margin: auto 0; mask-image: url(../media/navigation-prev.svg); mask-size:100% 100%}
.swiper-navigation-wrapper .swiper-navigation.prev:after {content:"\f053";}
.swiper-navigation-wrapper .swiper-navigation.next {right:0; top:0; bottom:0; margin: auto 0;  mask-image: url(../media/navigation-next.svg); mask-size:100% 100%}
.swiper-navigation-wrapper .swiper-navigation.next:after {content:"\f054";}

#wrapper .posts-wrapper.hitte-tips {margin-left:112px; margin-right:112px; width:auto; --sx-slide-spacing:24px}
#wrapper .posts-wrapper.hitte-tips .single {flex-direction: column; gap:16px; display:flex; padding:10px;}
#wrapper .posts-wrapper.hitte-tips .single .post-image {box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); border-radius:8px;}
#wrapper .posts-wrapper.hitte-tips .single .post-image img {border-radius:8px;}
#wrapper .posts-wrapper.hitte-tips .single h3 {margin:0px; font-size:24px;}

#wrapper .posts-wrapper.hitte-tips .single .post-content {display:flex; flex-direction: column; gap:16px;}
#wrapper .posts-wrapper.hitte-tips .single .post-content p {margin-bottom:12px; line-height:1.2;}

@media screen and (max-width: 800px) {

  #main .fusion-fullwidth {
      --awb-padding-top: 64px;
      --awb-padding-bottom: 32px;
      
      --sx-slides-per-view:1;
      --sx-space-between: 16px;
  }

  .swiper-navigation-wrapper .swiper-navigation {width:32px; height:32px;}
  .swiper-navigation-wrapper .swiper-navigation:after {font-size:16px;}
  #wrapper .posts-wrapper.hitte-tips {margin-left:32px; margin-right:32px;}
  .swiper-navigation-wrapper .swiper-navigation.prev {left:-8px;}
  .swiper-navigation-wrapper .swiper-navigation.next {right:-8px;}

  #main .intro-text {font-size:18px !important}

  .logo-wrapper {max-width:100px !important; margin-top:10px;}

}