html, body {height:100%; margin:0; padding:0; background:#163547; font-family:'source_sans_proregular', sans-serif; font-weight:normal; font-size:16px; color:#232323; line-height:16px;}


  /* Verwendete Schriftarten */
  @font-face {
    font-family: 'playfair_displayregular';
    src: url('webfonts/playfairdisplay-regular-webfont.eot');
    src: url('webfonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('webfonts/playfairdisplay-regular-webfont.woff') format('woff'),
         url('webfonts/playfairdisplay-regular-webfont.ttf') format('truetype'),
         url('webfonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'source_sans_proregular';
    src: url('webfonts/sourcesanspro-regular-webfont.eot');
    src: url('webfonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('webfonts/sourcesanspro-regular-webfont.woff') format('woff'),
         url('webfonts/sourcesanspro-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'source_sans_prosemibold';
    src: url('webfonts/sourcesanspro-semibold-webfont.eot');
    src: url('webfonts/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('webfonts/sourcesanspro-semibold-webfont.woff') format('woff'),
         url('webfonts/sourcesanspro-semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'dosissemibold';
    src: url('webfonts/dosis-semibold-webfont.eot');
    src: url('webfonts/dosis-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/dosis-semibold-webfont.woff2') format('woff2'),
         url('webfonts/dosis-semibold-webfont.woff') format('woff'),
         url('webfonts/dosis-semibold-webfont.ttf') format('truetype'),
         url('webfonts/dosis-semibold-webfont.svg#dosissemibold') format('svg');
    font-weight: normal;
    font-style: normal;
  }

.background {background-image:url("images/virtualien-markt_bg.jpg"); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; text-align:center;}
.header {width: 100%; background-image:url("images/virtualien-markt-header.jpg"); background-size:cover; resize:both; margin:0; padding:0;}
.content, .imprint {background:#eeeeee;}
.content h1, .imprint h1 {font-family:'playfair_displayregular', serif; font-size: 2.0rem; color:#163547; line-height:2.2rem; margin:2.0rem 0 1.0rem 0; padding:0;}
.content h2, .imprint h2 {font-family:'playfair_displayregular', serif; font-size: 1.7rem; color:#163547; line-height:1.9rem; margin:2.0rem 0 1.0rem 0; padding:0;}
.content h3, .imprint h3 {font-family:'source_sans_prosemibold', sans-serif; font-size: 1.5rem; color:#3f677d; line-height:1.6rem; margin:1.0rem 0 1.0rem 0; padding:0;}
.content h4, .imprint h4 {font-family:'source_sans_prosemibold', sans-serif; font-size: 1.3rem; color:#2E7E8B; line-height:1.4rem; margin:1.0rem 0 0.5rem 0;  padding:0;}
.content p, .imprint p {font-family:'source_sans_proregular', sans-serif; font-size: 1.1rem; line-height:1.5rem; margin:0 0 0.75rem 0; padding:0;}
.content ul {font-family:'source_sans_proregular', sans-serif; font-size: 1.1rem; line-height:1.5rem; margin:0 0 0.75rem 2.0rem; padding:0;}
.content a, .imprint a {font-family:'source_sans_prosemibold', sans-serif; color:#163547;}
.content a:hover, .imprint a:hover {color:#2E7E8B;}
.navigation a, .navigation-start a {font-family:'playfair_displayregular', serif; color:#a9d8d9; text-decoration:none;}
.navigation a:hover, .navigation-start a:hover {color:#ffffff;}


@media only screen and (min-width:20.0rem) {
   .background {height: 67.5rem;}
   .title {width:100%; height:5.0rem; text-align:center; margin:0 auto; padding:0 auto;}
   .header-title {width:100%; text-align:left; padding: 1.0rem 0 0 1.0rem;}
   .apps {width:300px; text-align:center; margin:0 auto;}
   .title img {width:18.0rem; margin:2.0rem auto 2.0rem auto;}
   .header-title img {width:15.0rem; margin:1.0rem auto 1.5rem auto;}
   .apps img {margin:1rem 0; vertical-align:middle;}
   .navigation {width:100%; text-align:left; padding: 0 0 1.0rem 2.75rem;}
   .navigation-start {width:100%; text-align:center; padding:1.0rem 0 1.0rem 0;}
   .navigation a {font-size: 1.2rem; margin:0 2.0rem 0 0; padding:0;}
   .navigation-start a {font-size: 1.2rem; margin:0 1.0rem; padding:0;}
   .imprint {padding:3.0rem 2.75rem;}
   .content {padding:1.5rem 1.0rem;}
}

@media only screen and (min-width:30.0rem) {
   .background {height: 62.0rem;}
   .title {height:6.0rem;}
   .header-title {padding: 1.5rem 0 0 1.5rem;}
   .apps {width:30.0rem;}
   .title img {width:28.0rem; }
   .header-title img {width:20.0rem; margin:2.0rem auto;}
   .apps img {margin: 1.5rem 1.25rem;}
   .navigation {padding: 0 0 1.5rem 6.25rem;}
   .navigation-start {padding:2.0rem 0 2.0rem 0;}
   .navigation a {font-size: 1.4rem; margin:0 1.5; padding:0;}
   .navigation-start a {font-size: 1.4rem; margin:0 2.0rem; padding:0;}
}

@media only screen and (min-width:40.0rem) {
   .background {height: 54.0rem;}
   .title {height:6.5rem;}
   .header-title {padding: 1.5rem 0 1.5rem 0;}
   .apps {width:40.0rem;}
   .title img {width:36.0rem; }
   .header-title img {width:20.0rem; margin:2.0rem auto;}
   .apps img {margin: 1.75rem 1.5rem;}
   .navigation-start {padding:2.0rem 0 2.0rem 0;}
   .navigation a {font-size: 1.5rem; margin:0 2.0; padding:0;}
   .navigation-start a {font-size: 1.5rem; margin:0 2.0rem; padding:0;}
}

@media only screen and (min-width:64.0rem) {
   .background {height: 35.5rem; padding:3.0rem 0;}
   .title {height:7.5rem;}
   .header-title {padding: 1.5rem 0 1.5rem 0;}
   .apps {width:60.0rem;}
   .title img {width:42.0rem; }
   .header-title img {width:20.0rem; margin:2.0rem auto;}
   .apps img {margin: 2.0rem 1.75rem;}
   .navigation-start {padding:2.0rem 0 2.0rem 0;}
   .navigation a {font-size: 1.7rem; margin:0 2.0; padding:0;}
   .navigation-start a {font-size: 1.7rem; margin:0 2.0rem; padding:0;}
}

@media only screen and (min-width:75.0rem) {
   .background {height: 36.5rem;}
   .title {height:7.5rem;}
   .header-title {padding: 1.5rem 0 1.5rem 0;}
   .apps {width:74.0rem;}
   .header-title img {width:20.0rem; margin:2.0rem auto;}
   .apps img {margin: 2.25rem 2.5rem;}
   .navigation-start {padding:2.0rem 0 2.0rem 0;}
   .navigation a {font-size: 1.7rem; margin:0 2.0; padding:0;}
   .navigation-start a {font-size: 1.7rem; margin:0 2.0rem; padding:0;}
}