﻿
.medienitem { margin-bottom:10px;display:none;margin-top:50px;background-color:#BC9A5C;height:340px}
.medienitem > a:nth-child(3) { height:340px;width:600px;background-repeat:no-repeat;background-size:cover;display:block;float:left;position:relative;left:-41px;background-position:center }
.medienitem > a:first-child {  float:left;padding-top:7px;padding-left:4px;position:relative;left:-50px;top:140px }
.medienitem > a:nth-child(2) {  float:right;padding-top:7px;padding-right:4px;position:relative;left:50px;top:140px }
.medienitem h3 {  color:white;font-size:22px;font-weight:normal;margin:0px;padding:10px 0px; }
.medienitem div {  padding-top:60px;font-size:14px;color:white }
div.medienitem:first-child { display:block}


div.play { height:268px }

.personname h1 { color:#000;padding-top:0px;text-align:right;font-family: 'Atlas Medium';font-size:60px;text-transform:uppercase }
.personname h3 { color:#BC8A5B;padding-top:0px;text-transform:uppercase;font-size:30px;margin-bottom:10px }
.personname, .divSocial { text-align:right; }
.divSocial { margin-top:10px }
.news > div:first-child { position:absolute }
.news > div:last-child > div:first-child { height:64px }
.back { margin-bottom:0px }

.agenda { margin-top:20px;width:100% }
.agenda > a { float:left;width:50%;height:240px;color:black }
.agenda > a > div:first-child { float:left;width:100px;text-align:center;color:#A9ADB0;font-size:20px }
.agenda > a > div:last-child { margin-left:110px; }
.agenda > a > div:first-child > div { font-size:66px;font-family: 'Atlas Medium';line-height:64px }
.agenda > a > div:last-child > div:nth-child(2) { color:#BC8A5B;font-size:27px;margin:5px 0px; }
.agenda > div { font-size:23px;font-family: 'Atlas Light';margin-bottom:20px;margin-top:20px }


@media screen and (max-width: 1900px)   {
.agenda > a > div:last-child > div:nth-child(2) { font-size:23px;}
.agenda > a > div:first-child > div {font-size:56px;}
.agenda > a { height:200px}
}

@media screen and (max-height: 930px)   {
.personname h1 { font-size:50px }
.personname h3 { font-size:25px; }
.agenda > a > div > div { font-size:15px }
.agenda > a > div:last-child > div:nth-child(2) { font-size:21px; }
.agenda > a > div:first-child > div { font-size:56px;line-height:54px }
}


@media screen and (max-width: 1800px)   {
.medienitem > a:nth-child(3) { height:300px;width:500px; }
div.play { height:240px }
.medienitem { height:300px}
.medienitem h3 { font-size: 21px;}
}


@media screen and (max-width: 1700px)   {
.medienitem > a:nth-child(3) { height:250px;width:400px; }
div.play { height:210px }
.medienitem { height:250px}
.medienitem h3 { font-size: 20px;}
.medienitem div {  padding-top:40px; }
}


@media screen and (max-width: 1450px)   {
.medienitem > a:nth-child(3) { height:200px;width:300px; }
div.play { height:170px }
.medienitem { height:200px}
.medienitem div {  padding-top:30px; }
.medienitem > a:first-child, .medienitem > a:nth-child(2) {     top: 80px; }
}

@media screen and (max-width: 1000px)   {
    .news > div:first-child { position:static;margin-right:20px }
    .news > div:last-child { margin-left:0px }
    .medienitem { width:90% }
    .agenda { clear:both;padding-top:10px }
}

@media screen and (max-width: 760px) {
    .news > div:last-child > div:first-child { height:10px }
}


@media screen and (max-width: 650px)   {
    .agenda > a { width:100%;margin-bottom:20px;height:auto;margin-bottom:30px }
    .personname h1 { font-size:40px }
}
