﻿

.event_head { clear:both }
.event_head > div:first-child { float:left;color:#A9ADB0;font-size:27px;font-family: 'Atlas Medium';padding-bottom:29px }
.event_head > div:first-child div { font-size:94px;color:black;line-height:80px;padding-bottom:8px }
.event_head > div:last-child { float:right;text-align:right;color:#BC8A5B;font-size:27px;text-transform:uppercase }
.event_head > div:last-child div { font-size:61px;font-family: 'Atlas Medium';color:black;padding-bottom:9px }
.events { clear:both }

.ProgramMedien { padding-top:30px }
.ProgramMedien h4 { border-bottom:solid 1px #989898;margin-bottom:5px;font-size:20px;padding-left:10px }
.medien_item_video { width:33.3%;float:left;  }
.medien_item_video > a > h4 { margin:0px;padding:16px 8px 6px 0px;font-weight:normal;font-size:20px;line-height:27px; }
.medien_item_video > a { padding-right:6px;display:block;height:220px;overflow:hidden;font-size:14px; }
.medien_item_video:nth-child(4) > a { padding-right:0px; }
.medien_item_video > a > div:first-child .play, .medien_item_video > a > div:first-child { width:100%;height:200px;background-position:center center }

.item2 { padding-right:60px;padding-bottom:30px }
.event_item:first-child .item1 > div { margin-right:18px; }
.event_item:nth-child(2) .item1 > div { margin-left:18px; }
.item1 > div > img { width:100%; }
.item1 > div > h3 { font-size:40px;font-family: 'Atlas Medium';margin-top:35px;margin-bottom:4px; }
.item1 .divZeit { float:right;position:relative;top:-76px;background-color:white;width:216px;margin-left:50px;margin-bottom:20px;font-size:18px }
.item1 .zeit { text-align:center;font-size:35px;font-family: 'Atlas Light';padding:19px 0px }
.btn_ticket { background-color:#BC9A5C; width:154px; color:white; padding:14px 0px 14px 62px; display:block;margin-top:38px;background-image:url('../grafik/buttons/ico_ticket.png');background-position:10px 5px; background-repeat:no-repeat;}
.btn_mail { background-color:#BC9A5C; width:154px; color:white; padding:14px 0px 14px 0px; display:block;margin-top:38px;text-align:center;width:216px;}
.eventstd { display:block;color:#BC9A5C;margin-top:20px;width:181px;padding:14px 0px 14px 35px;background-image:url('../grafik/buttons/ico_kalender.png');background-position:-8px 5px; background-repeat:no-repeat }
a.aPDF:first-child { margin-top:30px; }
.ort { font-size:29px; }
.event_social { margin:24px 0px }
.tbl_musiker {font-family: 'Atlas Regular';margin-bottom:45px;font-size:18px;margin-top:40px }
.tbl_musiker td { padding-right:20px;padding-bottom:5px;}

.item2 > h4 { font-size:27px;font-family: 'Atlas Regular'; }

.event1 .item1 {
    width:50%;
    float:left
}
.event1 .item2 {
    margin-left:50%
}

.event2 .event_item {
    width:50%;
    float:left
}


@media screen and (max-width: 1450px)   {
.medien_item_video { width:50%;  }

.event_head > div:first-child { font-size:24px; }
.event_head > div:first-child div { font-size:80px;line-height:70px; }
.event_head > div:last-child { font-size:24px;}
.event_head > div:last-child div { font-size:51px; }


.item1 > div > h3 { font-size:32px; }
.item1 .divZeit { top:-56px;width:186px;margin-bottom:10px;font-size:15px }
.item1 .zeit { font-size:27px;padding:12px 0px }
.btn_ticket { width:124px; margin-top:32px;padding-top:16px}
.eventstd { width:161px;padding-top:16px }
a.aPDF:first-child { margin-top:30px; }
.ort { font-size:25px; }
.item2 > h4 { font-size:24px; }

}


@media screen and (max-width: 1010px)   {
    .event1 .item1 {
        width:100%;
        float:none;
    }
    .event1 .item2 {
        margin-left:0px
    }
    
    .event2 .event_item {
        width:100%;
        float:none
    }
    .item1 > div { margin-right:0px }
    .event_item:first-child .item1 > div { margin-right:0px; }
    .event_item:nth-child(2) .item1 > div { margin-left:0px; }
}



@media screen and (max-width: 750px)   {
.item2 { padding-right:0px; }
.event_head > div:last-child div { font-size:40px }
.event_head > div:first-child { font-size:20px; float:none  }
.event_head > div:first-child div { font-size:70px;line-height:60px; display: inline-block; padding-right: 10px; color:#A9ADB0 }
.event_head > div:last-child { font-size:20px;padding-bottom:10px;float:none;text-align:left }
.item1 > div > h3 { font-size:27px;}
}


@media screen and (max-width: 540px)   {
.item1 > div > h3 { clear:both;margin-top:0px}
.eventstd { float: right; margin-top: 5px;}
.btn_ticket { float: right; margin-top: 0px; }
.item1 .zeit { float: left;font-size:24px  }
.item1 .divZeit { position:static;top:0px;width:100% }
.event_head > div:first-child div { font-size:40px;line-height:40px;}
.event_head > div:first-child { padding-bottom:10px  }
}

