/* {{{Menü */
.menuPic {
    height: 5em;
    margin: -3.5em 0 0 0;
}

/* }}} */

/* {{{ Startseite: Bilderwechsel */

.rotateBg {
/*  background-image:url(../bilder/home/Hintergrund_Startseite/IMG_3001.JPG);*/
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  height:auto;
  animation-name: Schule;
  animation-duration:50s;
  animation-iteration-count:infinite;
  animation-timing-function:ease-in-out;
}

@keyframes Schule {
  0% {
    background-image:url(../bilder/home/Hintergrund_Startseite/IMG_3001.JPG);
  }
  20% {
    background-image:url(../bilder/home/Hintergrund_Startseite/IMG_3003.JPG);
  }
  40% {
    background-image:url(../bilder/home/Hintergrund_Startseite/IMG_2989.JPG);
  }
  60% {
    background-image:url(../bilder/home/Hintergrund_Startseite/IMG_2985.JPG);
  }
  80% {
    background-image:url(../bilder/home/Hintergrund_Startseite/IMG_2987.JPG);
  }
  100% {
    background-image:url(../bilder/home/Hintergrund_Startseite/IMG_2983.JPG);
  }
}

/* }}} */

/* {{{ Startseite: Positionierung Zusatzbilder */

article .zusatzbild_a {
  position: relative;
  z-index: 1;
  top: 1em;
  left: 0em;
  width: 20em;
  border: 0.15em solid white;
  border-radius: 1em;
}

article .zusatzbild_b {
  position: relative;
  z-index: 1;
  top: 1em;
  left: 0em;
  width: 10em;
  border: 0.15em solid white;
  border-radius: 1em;
}

/*@media (max-width: 28em) {
  article .zusatzbild, .zusatzbild2 {
    display: none;
    top: 1em;
    left: 1em;
    width: 9em;
    clear: none;
    float: left;
  }
}*/

/*}}}*/

/* {{{ AGs */

.agbild {
    max-width: 90vw;
    margin: 1em 0.5em 1em 0.5em;
}

/* }}} */

/* {{{Radsport */

#radsport_button {
  position: relative;
  z-index: 2;
  top: -1.6em;
  right: -16em;
  width: 6em;
}
@media (min-width: 39em) {
  #radsport_button {
    top: -3em;
    left: -2em;
  }
}

.sponsorenfoto {
  max-height: 5em;
  max-width: 90vw;
}

/* }}} */

/* {{{ Bibliothek */
article .bilderBib {
  width:90%;
  margin: 0.5em 0 0.9em 1.1em;
}
/*}}}*/

/* {{{ News */
news img.newspicl {
  opacity: 1;
  background-color: white;
  max-width: 10em;
  max-height: 5em;
  float: left;
  margin: 0.2em 0.4em 0.1em 0;
}

news img.newspicr {
  opacity: 1;
  background-color: white;
  max-width: 8em;
  float: right;
  margin: 0.2em 0 0.1em 0.4em;
}
/*}}}*/

/* {{{ Videos */

article video { 
  max-width:95vw; 
  padding: 0.5em 0 0.5em 0;
}
article .videosize_full {
    wid:h: 100%;
    height: 14em;
}
article .videosize_half {
    width: 100%;
    height: 13em;
}
@media (min-width: 39em) {
  article video { 
    padding: 0.5em 0 2em 0;
  }
  article .videosize_full {
    width: 100%;
    height: 38em;
  }
  article .videosize_half {
    width: 49%;
    height: 18em;
  }
}

/* }}} */

article figure.steuerbord, figure.backbord {
  font-family: helvetica;
  font-size: 90%;
  color: grey;
}

article .backbord {
  padding: 0.5em 1em 1em 0;
  float: left; 
}

article .steuerbord {
  padding: 0.5em 0 1em 1em;
  float: right; 
}

figcaption {
  text-align: left;
}

article img.steuerbord {
  padding: 0.5em 0 0 1em;
}
@media (min-width: 39em) {
  article img.steuerbord {
    margin: 0.2em 0 0.2em 0.4em;
  }
}
article img.backbord {
  padding: 0.5em 1em 0 0;
}
@media (min-width: 39em) {
  article img.backbord {
    margin: 0.2em 0.4em 0.2em 0;
  }
}

article img.kleinbild {
  max-width: 8em;
  max-height: 12em;
}
@media (min-width: 39em) {
  article .kleinbild {
    max-width: 12vw;
  }
}

article img.mittelbild {
    max-width: 14em;
	max-height: 22em;
}
@media (min-width: 39em) {
  article img.mittelbild {
    max-width: 20em;
  }
}

article img.grossbild {
  max-width: 95vw;
  margin: 0 0 0.5em 0;
}
@media (min-width: 39em) {
  article img.grossbild {
    max-width: 92vw;
    margin: 0 0 1em 0;
  }
}
@media (min-width: 65em) {
  article img.grossbild {
    max-width: 46em;
    margin: 0 0 1em 0;
  }
}
@media (min-width: 85em) {
  article img.grossbild {
    max-width: 50em;
    margin: 0 0 1em 0;
  }
}

article .hide4mobiles {
  display: none;
}
@media (min-width: 39em) {
  article .hide4mobiles {
    display: inline;
  }
}

article .show4mobiles {
  display: inline;
}
@media (min-width: 39em) {
  article .show4mobiles {
    display: none;
  }
}



/* vim:set lines=64 columns=90: */