/* body { font-size:100%; background-image:url(grund.gif); background-attachment:fixed; } */
body { font-family:'Strait';color:#fff;font-size:100%;background-color: #111c3b;max-width: 68em;margin: auto;padding: 0.7em; }
* {box-sizing: border-box}
@media screen and (max-width: 64em) {body {font-size: 94.1%; }}
@media screen and (max-width: 61em) {body {font-size: 89.7%; }}
@media screen and (max-width: 58em) {body {font-size: 85.3%; }}
@media screen and (max-width: 55em) {body {font-size: 80.9%; }}
@media screen and (max-width: 52em) {body {font-size: 76.5%; }}
@media screen and (max-width: 49em) {body {font-size: 72.1%; }}
@media screen and (max-width: 46em) {body {font-size: 67.6%; }}
@media screen and (max-width: 43em) {body {font-size: 63.2%; }}
@media screen and (max-width: 40em) {body {font-size: 58.8%; }}
@media screen and (max-width: 37em) {body {font-size: 54.4%; }}
@media screen and (max-width: 34em) {body {font-size: 50.0%; }}
@media screen and (max-width: 31em) {body {font-size: 45.6%; }}
@media screen and (max-width: 28em) {body {font-size: 41.2%; }}
/* @media screen and (max-width: 25em) {body {font-size: 36.8%; }}
@media screen and (max-width: 22em) {body {font-size: 32.4%; }}
@media screen and (max-width: 19em) {body {font-size: 27.9%; }} */


/* statt die Fonts von Google zu holen, besser lokal hosten */
@font-face {
  font-family: "Strait";
  font-display: swap;
  src: url(Strait-Regular.woff2) format("woff2");
}


h1 { font-size:5.9em;text-align:center;line-height:1.5em;margin-top:0.1em;margin-bottom:0.3em; }
h2 { font-size:2.2em;text-align:center;padding:0.8em;margin-bottom:-0.4em; }
h3 { font-size:1.7em;text-align:center;line-height:1.5em;margin-top:0.3em;margin-bottom:0.1em; }
p { font-size:1.7em;text-align:center;margin-top:0.0em;margin-bottom:0.5em; }
div.bu {font-size: 1.7em;text-align:center;width: 100%;padding: 0.5em 0.7em;font-weight:500; }
.avatar {
    vertical-align: middle;
    max-width: 1.1em;
    height: auto;
    border-radius: 50%;
}
.qr-code {
    vertical-align: middle;
    max-width: 7.0em;
    height: auto;
}
.mySlides {display: none}
img {vertical-align: middle;}
/* Slideshow / Carousel container */
.slideshow-container {
  max-width: 42.0em;
  position: relative;
  margin: auto;
}
/* Next & previous buttons */
.prev, .next {
  color: #111c3b;
  background-color: #fff;
  cursor: pointer;
  position: absolute;
  margin-top: -3.0em;
  top: 9.1em;
  width: auto;
  padding: 0.10em;
  font-size: 4.0em;
  font-weight:bold;
  transition: 0.6s ease;
  border-radius: 0 0.15em 0.15em 0;
  user-select: none;
}
/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 0.2em 0 0 0.2em;
}
/* Number text (1/3 etc) */
.numbertext {
  color: #111c3b;
  background-color: #fff;
  font-size: 2.0em;
  font-weight:bold;
  padding: 0.3em 0.3em;
  position: absolute;
  top: 0;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.0s;
  animation-name: fade;
  animation-duration: 1.0s;
}
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive-video {
position: relative;
/* padding-bottom: 56.25%; */
padding-bottom: 75.00%;
padding-top: 0px;
height: 0;
overflow: hidden;
}

#myBtn {
  display: none;
  position: fixed;
  top: 0.8em;
  right: 0.8em;
  z-index: 99;
  font-size: 1.5em;
  border: none;
  outline: none;
  background-color: #eee;
  color: #111c3b;
  cursor: pointer;
  padding: 0.3em;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #ffeb01;
}

a:link,a:visited { color:#ffeb01;text-decoration:underline; }
a:active { color:#111c3b;background-color:#ffeb01;text-decoration:none; }
p a:hover { color:#111c3b;text-decoration:none;background-color:#ffeb01; }
div.bu a:hover { color:#111c3b;text-decoration:none;background-color:#ffeb01; }