/* all browsers */

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/* default for portrait or landscape */

body, html { height:100%; }
body { position:relative; min-width:360px; margin: 0px auto 0px auto; left:0px; padding:0px; color:#000000; background:#ffffff; }
body, html, p, div, span { font-size:13px; font-family: Arial, Helvetica, sans-serif; line-height:2vw; }

a:link { text-decoration:none; color:#000000; }
a:visited { text-decoration:none; color:#555555; }
a:hover { text-decoration:underline; color:#2c2e82; }
a:focus { text-decoration:underline; color:#2c2e82; }

h1 { font-size:3vw; margin:1vw; line-height:110%; color:#ffffff; }
h2 { font-size:3vw; margin:1vw; }
h3 { font-size:1.9vw; margin:1vw; line-height:110%; color:#ffffff; }
h4 { font-size:1.9vw; margin:1.5vw 0px 1.5vw 0px; line-height:110%; color:#000000; }
ul { overflow:hidden; padding:0px 0px 0px 2vw; margin:0px; font-size:1.7vw; line-height:115%; }
li { margin-bottom:1vw; }

.overLay { z-index:10; position:fixed; display:none; top:0px; left:0px; width:100%; padding:2%; background-color: rgba(255, 255, 255, 0.8); border:none; }
.BLU100 { display:block; clear:both; overflow:hidden; text-align:center; width:100%; min-width:360px; padding:0px; margin:0px; background:#2c2e82; }
.DJS25 { float:left; text-align:center; width:25%; min-width:90px; padding:0px; margin:0px; background:#ffffff; }
.DJS50 { float:left; text-align:left; width:50%; min-width:180px; padding:0px; margin:0px; background:#ffffff; }
.DACONTENT { text-align:left; padding:0px; margin:0px 2vw 0px 2vw; }
.CNTHEADLINE { text-align:center; margin-top:7vw; margin-bottom:3vw; }
.IOSLINEFIX { padding:0px; margin:0px; font-size:1.7vw; line-height:120%; }
.DISCLAIMER { padding:1vw; font-size:1.6vw; line-height:2vw; text-align:center; background:#cccccc; }
.PLACEHOLDER { width:100%; padding:0px; margin:0px; border-width:0px; }

@media screen and (max-width: 530px) {
  body, html, p, div, span { font-size:9px; }
  h1, h2 { font-size:15px; }
  h3, h4 { font-size:10px; }
  ul, .IOSLINEFIX { font-size:9px; }
  .DISCLAIMER { font-size:8px; }
}

@media screen and (max-width: 480px) {
  .PEERPIC1 { background: url('bilder/DJ-Peer-Meyer-1-100px.png'); }
  .PEERPIC1a { background: url('bilder/DJ-Peer-Meyer-1a-100px.png'); }
  .PEERPIC1b { background: url('bilder/DJ-Peer-Meyer-1b-100px.png'); }
  .PEERPIC1c { background: url('bilder/DJ-Peer-Meyer-1c-100px.png'); }
  .PEERPIC2 { background: url('bilder/DJ-Peer-Meyer-2-100px.png'); }
  .PEERPIC3 { background: url('bilder/DJ-Peer-Meyer-3-100px.png'); }
  .PEERPIC4 { background: url('bilder/DJ-Peer-Meyer-4-100px.png'); }
  .PEERPIC5 { background: url('bilder/DJ-Peer-Meyer-5-100px.png'); }
}

@media screen and (min-width: 481px) and (max-width: 600px) {
  .PEERPIC1 { background: url('bilder/DJ-Peer-Meyer-1-150px.png'); }
  .PEERPIC1a { background: url('bilder/DJ-Peer-Meyer-1a-150px.png'); }
  .PEERPIC1b { background: url('bilder/DJ-Peer-Meyer-1b-150px.png'); }
  .PEERPIC1c { background: url('bilder/DJ-Peer-Meyer-1c-150px.png'); }
  .PEERPIC2 { background: url('bilder/DJ-Peer-Meyer-2-150px.png'); }
  .PEERPIC3 { background: url('bilder/DJ-Peer-Meyer-3-150px.png'); }
  .PEERPIC4 { background: url('bilder/DJ-Peer-Meyer-4-150px.png'); }
  .PEERPIC5 { background: url('bilder/DJ-Peer-Meyer-5-150px.png'); }
}

@media screen and (min-width: 601px) and (max-width: 800px) {
  .PEERPIC1 { background: url('bilder/DJ-Peer-Meyer-1-200px.png'); }
  .PEERPIC1a { background: url('bilder/DJ-Peer-Meyer-1a-200px.png'); }
  .PEERPIC1b { background: url('bilder/DJ-Peer-Meyer-1b-200px.png'); }
  .PEERPIC1c { background: url('bilder/DJ-Peer-Meyer-1c-200px.png'); }
  .PEERPIC2 { background: url('bilder/DJ-Peer-Meyer-2-200px.png'); }
  .PEERPIC3 { background: url('bilder/DJ-Peer-Meyer-3-200px.png'); }
  .PEERPIC4 { background: url('bilder/DJ-Peer-Meyer-4-200px.png'); }
  .PEERPIC5 { background: url('bilder/DJ-Peer-Meyer-5-200px.png'); }
}

@media screen and (min-width: 801px) and (max-width: 1600px) {
  .PEERPIC1 { background: url('bilder/DJ-Peer-Meyer-1-400px.png'); }
  .PEERPIC1a { background: url('bilder/DJ-Peer-Meyer-1a-400px.png'); }
  .PEERPIC1b { background: url('bilder/DJ-Peer-Meyer-1b-400px.png'); }
  .PEERPIC1c { background: url('bilder/DJ-Peer-Meyer-1c-400px.png'); }
  .PEERPIC2 { background: url('bilder/DJ-Peer-Meyer-2-400px.png'); }
  .PEERPIC3 { background: url('bilder/DJ-Peer-Meyer-3-400px.png'); }
  .PEERPIC4 { background: url('bilder/DJ-Peer-Meyer-4-400px.png'); }
  .PEERPIC5 { background: url('bilder/DJ-Peer-Meyer-5-400px.png'); }
}

@media screen and (min-width: 1601px) and (max-width: 2400px) {
  .PEERPIC1 { background: url('bilder/DJ-Peer-Meyer-1-600px.png'); }
  .PEERPIC1a { background: url('bilder/DJ-Peer-Meyer-1a-600px.png'); }
  .PEERPIC1b { background: url('bilder/DJ-Peer-Meyer-1b-600px.png'); }
  .PEERPIC1c { background: url('bilder/DJ-Peer-Meyer-1c-600px.png'); }
  .PEERPIC2 { background: url('bilder/DJ-Peer-Meyer-2-600px.png'); }
  .PEERPIC3 { background: url('bilder/DJ-Peer-Meyer-3-600px.png'); }
  .PEERPIC4 { background: url('bilder/DJ-Peer-Meyer-4-600px.png'); }
  .PEERPIC5 { background: url('bilder/DJ-Peer-Meyer-5-600px.png'); }
}

@media screen and (min-width: 2401px) {
  .PEERPIC1 { background: url('bilder/DJ-Peer-Meyer-1.png'); }
  .PEERPIC1a { background: url('bilder/DJ-Peer-Meyer-1a.png'); }
  .PEERPIC1b { background: url('bilder/DJ-Peer-Meyer-1b.png'); }
  .PEERPIC1c { background: url('bilder/DJ-Peer-Meyer-1c.png'); }
  .PEERPIC2 { background: url('bilder/DJ-Peer-Meyer-2.png'); }
  .PEERPIC3 { background: url('bilder/DJ-Peer-Meyer-3.png'); }
  .PEERPIC4 { background: url('bilder/DJ-Peer-Meyer-4.png'); }
  .PEERPIC5 { background: url('bilder/DJ-Peer-Meyer-5.png'); }
}

.PEERPIC1, .PEERPIC1a, .PEERPIC1b, .PEERPIC1c, .PEERPIC2, .PEERPIC3, .PEERPIC4, .PEERPIC5 { overflow:hidden; width:100%; padding:0px; border-width:0px; background-size:100% 100%; }