@charset "utf-8";
/**
* Regeln für besondere Bereiche
*
* @section Navigation
*/

@font-face {
    font-family: 'DroidSansRegular';
    src: url('DroidSans-webfont.eot');
    src: url('DroidSans-webfont.eot?iefix') format('eot'),
         url('DroidSans-webfont.woff') format('woff'),
         url('DroidSans-webfont.ttf') format('truetype'),
         url('DroidSans-webfont.svg#webfontvPbqv93l') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('DroidSans-Bold-webfont.eot');
    src: url('DroidSans-Bold-webfont.eot?iefix') format('eot'),
         url('DroidSans-Bold-webfont.woff') format('woff'),
         url('DroidSans-Bold-webfont.ttf') format('truetype'),
         url('DroidSans-Bold-webfont.svg#webfontz5VfsPqy') format('svg');
    font-weight: normal;
    font-style: normal;

}

htlm, body, div {
  margin:0;
  padding:0;
  font-family: 'DroidSansRegular';
  font-size: 100%;
}

body{
  background:#fff;
  /*font-size:34px;*/
  color: black;
  line-height: 1.2;
}

#container {
display: table;
}
#left, #right {
height: 44vh;
margin-top: 5vh
}
#left {
/*background: yellow;*/
width: 95vw;
text-align: center;
}

#right {
/*background: fuchsia;*/
width: 92vw;
padding: 0 4vw;
}

img.logo {
    width: auto;
    height: 35vh;
    margin-bottom: 3vw;
}

span a {
    color: black;
    text-decoration: none;
    /*font-size: 26px;*/
    margin-right: 0.8vw;
}

a:hover {
    color: grey;
    text-decoration: underline;
}
.navi {
    padding-bottom: 10px;
}
.subtitle {
    font-size: 1em;
}
.stichwort {
    margin-right: 1vw;
    }

/*@media (orientation: portrait) { /* Formate für hochformatige Ausgabemedien */
@media (min-width: 1024px) and (orientation:landscape) { /* Breite beträgt mindestens 1024px */

  body{
    background:#fff;
  	font-family: 'DroidSansRegular', Arial, sans-serif;
    font-size: 1.2vw;
  	color: black;
  	line-height: 1.2rem;
    line-height: 1.6vw;
  }
  span a {
      font-size: 0.9vw;
  }
  img.logo {
      width: 14vw;
      height: auto;
  }
  #left, #right {
  height: 80vh;
  display: table-cell;
  vertical-align: bottom;
  }
  #left {
  /*background: yellow;*/
  width: 39vw;
  text-align: center;
  }

  #right {
  /*background: fuchsia;*/
  width: 56vw;
  padding-right: 3vw;
  }

  #scroller {
    height: 50vh;
    overflow-y: scroll;
    margin-bottom: 2vw;
}
 }