@font-face {
  font-family: museosans;
  src: url(MuseoSans_300.otf);
}
@font-face {
  font-family: museosansbold;
  src: url(MuseoSans_700.otf);
}

* {
  font-family:museosans;
/*  font-size:10pt; */
  font-size:max(16px,1.5vw);
  color:rgb(66,71,83);
}
body {
  margin:0;
  border:0;
  padding:0;
  text-size-adjust:none;
}
#zentrierer {
  box-sizing:border-box;
  width:100vw;
  background-color:white;
  padding:30px;
}
@keyframes oszill {
  0% {
    background-position:0px center;
  }
  100% {
    background-position:1793px center;
  }
}
h1{
  background-image:url(QuerchorallenHeader2.jpg);
  padding:30px;
  border:0;
  margin:0;
  color:white;
/*  font-size:30pt; */
  font-size:3em;
/*  font-weight:bold; */
  font-family:museosansbold;
  animation-name:oszill;
  animation-duration:40s;
  animation-iteration-count:infinite;
  animation-timing-function:linear;
}
h1 img {
  vertical-align:middle;
  height:130px;
  max-width:calc(100vw - 120px);
}
#menue{
  display:block;
  padding-top:2px;
  padding-bottom:2px;
  border-bottom:1px solid rgb(200,200,200);
}
#menue #menueoeffner {
  display:none;
}
#menue a{
  display:inline-block;
  padding:4px 8px 4px 8px;
  border-right:1px solid rgb(200,200,200);
  color:rgb(26,125,239);
  text-decoration:none;
}
#menue a.aktiv{
  color:rgb(0,0,0);
}
#menue a.erst {
  padding-left:0;
  border-left:none;
}
#menue a:hover,
#menue a:active{
  text-decoration:underline;
}
@media all and (max-width: 51em) {
  #menue {
    display:inline-block;
    float:right;
    text-align:right;
    border-bottom:0;
  }
  #menue #menueoeffner {
    display:block;
    font-size:2em;
  }
  #menue a{
    display:none;
    border:0;
  }
  #menue.geoeffnet {
    border:1px solid rgb(200,200,200);
    padding:0.5em;
    background-color:white;
  }
  #menue.geoeffnet a {
    display:block;
    text-align:center;
  }
}
h2{
  margin:30pt 0 10pt 0;
  color:rgb(26,125,239);
/*  font-size:14pt; */
  font-size:1.4em;
/*  font-weight:bold; */
  font-family:museosansbold;
  border-bottom:1px solid rgb(200,200,200);
}
h2.ohneinhalt {
  border-bottom:0;
}
.datei {
  margin-bottom:10px;
  margin-top:10px;
  position:relative;
  display:inline-block;
}
.datei img {
  max-width:100%;
}
a.auftrittelink,
a.auftrittelink:hover {
  text-decoration:none;
}
.auftrittelink {
  font-size:min(2em,2.5ch);
  font-family:sans-serif;
  color:black;
  display:inline-block;
  text-align:center;
  padding:0.5ch;
  padding-top:calc(0.4ch + 5ch - 2em);
  border:10px solid black;
  border-radius:100%;
  width:9ch;
  height:9ch;
  box-sizing:border-box;
  margin-left:12vw;
}
.datei .auftrittelink {
  position:absolute;
  right:1ch;
  bottom:1ch;
  color:white;
  border-color:white;
  z-index:10;
}
.kurz{
  
}
a.weiterlesen{
  color:rgb(26,125,239);
  text-decoration:none;
  display:inline-block;
}
a.weiterlesen:hover,
a.weiterlesen:active{
  text-decoration:underline;
}
.lang{
  
}
a{
  color:rgb(26,125,239);
  text-decoration:none;
}
a:hover,
a:active{
  text-decoration:underline;
}
.knopf{
  display:inline-block;
  border:1px solid black;
  background:rgb(220,220,220);
  color:rgb(13,63,120);
  padding:2px;
  margin:2px;
}