@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(roboto-100-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(roboto-100-italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(roboto-300-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(roboto-300-italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(roboto-400-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(roboto-400-italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(roboto-500-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(roboto-500-italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(roboto-700-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(roboto-700-italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(roboto-900-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(roboto-900-italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(roboto-100-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(roboto-100-italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(roboto-300-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(roboto-300-italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(roboto-400-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(roboto-400-italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(roboto-500-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(roboto-500-italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(roboto-700-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(roboto-700-italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(roboto-900-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(roboto-900-italic.woff2) format('woff2');
}


body {
    background: rgba(0,0,0,0.1);
    font-family: sans-serif;
    text-align: left;
    padding-top: 84px;
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 100vh;
}

[data-id="simon"] img {
    width: 50%;
    margin: 0 auto;
    display: block;
}

html, body {
  overflow-x: hidden;
}


.swiper {
    margin: 0 auto;
    position: relative;
    width: 100vw;
    height: calc(100vh - 90px);
}

body.loading {
    opacity: 0.5;
    pointer-events: none;
}

iframe.holfuy {
    width: 580px;
    display: block;
    border: 0px;
    height: 250px;
    margin-bottom: 20px;
}

iframe.iframezoliweather {
    width: 100%;
    display: block;
    border: 0px;
    height: 415px;
    margin-bottom: 20px; 
}

.unit {
    padding-top: 10px;
    padding-bottom: 10px;
    background: white;
    margin-bottom: 20px;
    text-align: center;
}

iframe.holfuySmall {
    width: 580px;
    display: block;
    border: 0px;
    height: 150px;
}


iframe.parapente {
    width: 580px;
    display: block;
    border: 0px;
    height: 460px;
    margin-bottom: 20px;
    background: white;
}

img {
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    margin: 0 auto;
}


h2 {
    margin: 0px;
    margin-bottom: 10px;
    font-size: 17px;
    text-align: left;
    margin-left: 20px;
    padding-left: 20px;
}
sup {
    margin-left: 20px;
}

.menu {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    background: white;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
    display: flex;
    justify-content: center;
    text-align: center;
    z-index: 100;
}

.menuitem {
    flex-basis: 100%;
    max-width: 100px;
    line-height: 80px;
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px solid lightgrey;
    cursor: pointer;
    transition: 0.2s ease all;
    outline: 0px;
    font-size: 18px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.menuitem:hover {
    background: rgba(88, 202, 254, 0.100);
}
.menuitem.clicked {
    background: rgba(95, 152, 255, 1);
    color: white;
}
.menuitem.active {
    background: rgba(0, 91, 255, 1.000);
    color: white;
}

.menuitem:active,
.menuitem:focus {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.tab {
    background: white;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
.tab * {
    margin-left: auto;
    margin-right: auto;
    
} 

iframe {
    pointer-events: none !important;
    touch-action: none;
}

.refresh {
    height: 100%;
    flex-basis: 60px;
    background: url('../images/reload.svg');
    background-position: center center;
    height: 80px;
    background-size: 25px;
    background-repeat: no-repeat;

    cursor: pointer;
    flex-shrink: 0;
    flex-grow: 0;
}

.csc-header {
    color: #005bff;
}

#dhv_content {
    max-width: 600px;
    width: 100%;
    padding-top: 20px;
}
#dhv_content > p {
    padding-left: 20px;
}

#dhv_content h1 {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px;
}
#dhv_content .wetter-grau h1 {
    color: #5a5a5a;
}

#dhv_content > div {
    padding: 20px;
    background: white;
    margin-bottom: 10px;
    margin-top: 10px;
}
#dhv_content > div.wetter-grau {
    background: #e5e4e5;
}

[data-id="dhv"] p {
    margin: 0px;
    line-height: 140%;
    font-size: 13px;
}

.csc-header-n1 {
    display: none;
}

small {
    color: grey;
}

span.wetter-gruen {
    color: #009a3b;
}

/* @media (min-width: 900px) {
	.menuitem {
        line-height: 60px;
        font-size: 18px;
        flex-basis: 170px;
    }
    .refresh {
        height: 60px;
    }

    img {
        max-width: 100%;
    }
} */

.swiper-pagination {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.swiper-slide-shadow-left,
.swiper-slide-shadow-right {
    display: none;
}

.linkboxes {
  display: flex;
  gap: 20px;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  flex-wrap: wrap;
}

.linkboxes a {
  display: flex;
  justify-content: center;
  vertical-align: center;
  background: #005bfe;
  color: white;
  flex-basis: calc(50%);
  height: 50px;
  line-height: 50px;
  text-decoration: none;
}

.linkboxes a[href="#"] {
  pointer-events: none;
  opacity: 0.5;
}

img[referrerpolicy="no-referrer-when-downgrade"] {
  height: 1px !important;
}

.swiper-wrapper {
  display: flex;
  scroll-snap-type: x mandatory;
  scroll-snap-align: center;
  overflow-x: scroll;
  box-sizing: border-box;
}

.swiper-slide {
  flex-shrink: 0;
  flex-grow: 0;
  width: calc(100vw - 10px);
  height: calc(100vh - 85px);
  scroll-snap-align: center;
  margin-left: 10px;
  margin-right: 10px;
}

.swiper-slide-inner {
  max-width: 600px;
}

iframe.map {
  width: 100%;
  height: calc(100vh - 100px);
  border: 0px;
  outline: 0px;
  pointer-events: all !important;
}

.paraglideable {
  padding-top: 10px;
  padding-bottom: 10px;
}

.paraglideable table {
  width: 100%;
  border-collapse: collapse;
  color: white;
 
  text-align: center;
}

.paraglideable table td {
  padding-top: 5px;
  padding-bottom: 5px;
}

.paraglideable h2 {
  width: 100%;
  display: flex;

  font-size: 12px;
  margin-bottom: 3px;
  text-align: left;
  margin-left: 0px;
  padding-left: 0px;
}

.paraglideable h2 span {
  display: block;
  flex-basis: 100%;
}

.paraglideable h2 span:nth-child(1) {
  text-align: left;
}

.paraglideable h2 span:nth-child(2) {
  font-weight: normal;
  text-align: right;
}

.currentLawis {
  margin-top: 10px;
  font-size: 13px;
}

.utcwrapper h2 {
  text-align: center;
  padding-left: 0px;
}

.utctime {
  position: relative;
  background-color: #333;
  border: 2px solid #fff;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 28px;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  text-shadow: 0 3px 0 rgba(0, 0, 0, 0.5);
  width: 200px;
  letter-spacing: 1px;
}

.bassanostations {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

.bassanostations img {
  height: 180px;
  width: auto;
}

.wetter-rot {
  background: rgb(240, 116, 56); 
}
.dhvIframe iframe {
  border: 0px;
  width: 100%;
  height: 10000px;
  position: absolute;
  top: -1150px;
  overflow: hidden;
  pointer-events: all !important;
}

.dhvIframe {
  position: relative;
  width: 460px;
  padding-bottom: 50px;
}

.dhvIframe .section-title {
  margin-top: 20px;
  padding-left: 0px;
}

.dhvIframe  button {
  -webkit-appearance: none;
  font-weight: bold;
  color: #0142b9;
  border: 0px;
  outline: 0px;
  background: none;
  padding: 0px;
  margin: 0px;
  font-size: 20px;
}

.thumbs-up h3 {
  color: #88bf28;
}
.thumbs-down h3 {
  color: #f5564f;
}

.dhvIframe h2 {
  font-size: 20px;
}

.dhvIframe h3.ac-title {
  margin-bottom: 10px;
  margin-top: 50px;
  font-size: 22px;
  color: #003dad;

}

.dhvIframe .accordion-container:nth-child(1) .accordion-header:before {
  content: '🇩🇪';
  display: inline-block;
  padding-right: 5px;
}
.dhvIframe .accordion-container:nth-child(2) .accordion-header:before {
  content: '🇦🇹';
  display: inline-block;
  padding-right: 5px;
}
.dhvIframe .accordion-container:nth-child(3) .accordion-header:before {
  content: '🇮🇹';
  display: inline-block;
  padding-right: 5px;
}


.dhvIframe .accordion-container:nth-child(2) {
  background: rgba(0,0,0,0.033);
  padding: 20px;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 50px;
  border-radius: 4px;
}

.dhvIframe .accordion-body p {
  margin-bottom: 10px;
  position: relative;
}


.dhvIframe div {
  position: relative;
}

.dhvIframe p.thumbs-up:before {
  content: '';
  width: 5px;
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -12px;
  background: #88bf28;
}

.dhvIframe p.thumbs-down:before {
  content: '';
  width: 5px;
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: -12px;
  background: #f5574f;
}

.thumbs-up.dhv-empty,
.thumbs-down.dhv-empty {
  display: none;
}

.dhvIframe h3 {
  border-top: 1px solid rgba(0,0,0,0.1);
  margin-top: 10px;
  padding-top: 20px;
  margin-bottom: 10px;
  font-size: 16px;
}
.dhvIframe h3.accordion-header {
  border-top: 0px;
}
.dhvIframe .accordion-container:nth-child(2) h3.accordion-header {
  margin-top: 0px;
}


p.dhv-empty {
  border-top: 1px solid rgba(0,0,0,0.1);
  height: 0px;
  margin-bottom: 0px !important;
  margin-top: 20px;
  padding-bottom: 10px;
  display: block;
  display: none;
}