﻿.program_menu { clear:both;display:none }
.program_menu > div { display:inline-block;float:right;margin-bottom:20px }
.program_menu .pulldown { font-family: 'Atlas Regular';font-size:18px;margin-top:5px;width:100px;margin-left:30px; background:url('../grafik/buttons/ico_medien_jahr_dropdown_pfeil_schwarz.png') no-repeat right center; cursor:pointer;text-align:left; }
.program_menu .pulldownitems { position:absolute;display:none;margin-left:20px;border:solid 1px black;border-top-width:0px;z-index:102;background-color:white }
.program_menu .pulldownitems a { display:block;width:100px;color:black;padding:2px 10px;text-align:left}
.program_menu .pulldownitems a:first-child { padding-top:8px }
.program_menu .pulldownitems a:last-child { padding-bottom:8px }


#aktuelles_tbl { display:table;width:100%;min-height:400px;clear:both }
#aktuelles_tbl > div { display:table-row }
#aktuelles_tbl > div:first-child { height:60% }
#aktuelles_tbl > div > div, #aktuelles_tbl > div > a { display:table-cell;width:50%;background-position:center center;background-size:cover;vertical-align:top }
#aktuelles_tbl > div > div:first-child, #aktuelles_tbl > div > a { border-right:solid 10px white; }
#aktuelles_tbl > div:first-child > div, #aktuelles_tbl > div:first-child > a { border-bottom:solid 10px white; }
#aktuelles_tbl > div > a { vertical-align:bottom;color:black; }
#aktuelles_tbl > div > a > div { background-color:white;margin:0px 25% 14px 14px;padding:17px 10px 15px 36px;}
#aktuelles_tbl > div > div h4 { font-size:21px;font-family: 'Atlas Regular';  }
#aktuelles_tbl > div > a  h4 { font-size:25px;font-family: 'Atlas Regular';  }
#aktuelles_tbl > div > a .news_date { font-size:18px;margin-top:10px}
#aktuelles_tbl > div > div .news_date { font-size:14px;margin-top:5px}
#aktuelles_tbl > div > div .news_text { font-size:16px;margin-top:5px}

#aktuelles_tbl > div > div img  {  max-width:100%;margin-bottom:12px;max-height:230px  }

#aktuelles_tbl > div > div > a  { float:left;width:50%;color:black;display:block;  }
#aktuelles_tbl > div > div > a:nth-child(3) { clear:both; }
#aktuelles_tbl > div > div > a > div  { background-color:#F1F1F1;border:solid 1px #E8E8E8;margin-right:10px;padding-bottom:10px /*padding:10px;*/  }
#aktuelles_tbl > div > div > a > div > div, #aktuelles_tbl > div > div > a > div > h4 { padding:0px 10px  }
#aktuelles_tbl > div:first-child > div > a > div  { margin-bottom:10px; min-height:330px; }
#aktuelles_tbl > div:first-child > div > a:nth-child(3) > div, #aktuelles_tbl > div:first-child > div > a:nth-child(4) > div  { margin-bottom:0px;  }
#aktuelles_tbl > div > div > a:nth-child(2n) > div  { margin-right:0px;  }

.news { clear:both;padding-bottom:20px }
.news > div:first-child { float:left;width:50% }
.news > div:last-child { margin-left:50%;padding-left:50px }
.news h1 { color:#BC8A5B;padding-top:100px }
.news > div:first-child > img { max-width:100%;}
.news h2 { margin-top:0px }
.news .content li { padding-bottom:5px }

#body_divVideos iframe {
    max-width:800px;
    height:450px;
    margin-bottom:20px;
}

.aPDF { border-top:solid 1px #989898;color:#035797;padding:17px 0px 18px 56px;background:url('../grafik/buttons/ico_pdf.png') 0px 13px no-repeat;display:block;margin:0px 0px 0px 0px;font-size:18px;max-width:100%;overflow:hidden }
a.aPDF:last-child { border-bottom:solid 1px #989898; }


.programm_tbl { display:table;width:100%;min-height:400px;clear:both }
.programm_tbl > div { display:table-row }
.programm_tbl > div:first-child { height:60% }
.programm_tbl > div > div { display:table-cell;;width:20%; }
.programm_tbl > div > div > div { padding-right:10px }
.programm_tbl > div > div:last-child > div { padding-right:0px }
.programm_tbl .tag { color:#A9ADB0;font-size:22px }
.programm_tbl .tag div { font-size:66px;font-family: 'Atlas Medium'; }
.programm_tbl h3 a { font-size:35px;color:#BC8A5B;margin-top:8px;display:block }
.programm_tbl h4 { font-size:22px;font-family: 'Atlas Light'; }
.programm_tbl .divTag { /*height:320px;*/height:264px;overflow:hidden }
.programm_tbl .divIntro { padding:10px 0px }
.programm_tbl .divIntro p { padding:0px;margin:0px 0px 5px 0px; }
.divKonzert { display:table;width:100%;min-height:600px }
.divKonzert > div { display:table-row }
.divKonzert > div > a { display:table-cell;vertical-align:bottom;background-position:center center;background-size:cover;margin-bottom:10px;color:black;height:200px }
.divKonzert > div > div { display:table-cell;height:10px }
.divKonzert > div:last-child { display:none }
.divKonzert > div > a > div { float:right;width:240px;padding:10px;background-color:white }
.divKonzert > div > a > div > div:first-child { font-family: 'Atlas Regular';font-size:17px;padding-bottom:1px }

.content h3 { font-family: 'Atlas Light';font-size:24px;margin-top:8px }
.content_bild > div { position:relative;height:100% }
.content_bild > div > div { position: absolute;bottom: 0;text-align:right }
.content_bild > div > div h3 { text-transform:uppercase;font-size:32px }
.content_bild > div > div h4 { text-transform:none;font-size:20px;font-family: 'Atlas Light';margin-bottom:10px  }
.content_bild > div > div a { margin-top:10px;display:block;font-family: 'Atlas Regular';  }
.content_bild { background-image:url('../grafik/Allgemein/img_content_vc_logo.png');background-repeat:no-repeat;background-position:right 50px;background-size:contain;height:800px}

.tblmobile { display:none }
.tblmobile .divKonzert > div > a { height:350px }
.tblmobile .tag { display:none }
#programm_menu { clear:both; width:100%;display:none }
#programm_menu > div { float:left;width:23.3%;max-width:150px;margin-right:5px;border-bottom:solid 5px #A9ADB0;padding-bottom:10px;cursor:pointer;text-align:center }
#programm_menu > div.sel { color:#BC8A5B;border-bottom:solid 5px #BC8A5B }
#programm_menu .tag div { font-size:56px;font-family: 'Atlas Medium'; }
#programm_menu .tag { color:#A9ADB0;font-size:20px }


@media screen and (max-width: 1600px)   {
    #body_divVideos iframe { height:400px; }
     
}

@media screen and (max-width: 1300px)   {
       #aktuelles_tbl > div:first-child > div > a > div  { min-height:250px; }
    #body_divVideos iframe { height:350px; }
    .programm_tbl .tag div { font-size:46px;display:inline;padding-right:8px }
    .programm_tbl h3 a { font-size:20px; }
    .programm_tbl .tag { font-size:20px }
    .programm_tbl h4 { font-size:20px; }
    .programm_tbl .divTag { height:250px; }
    .programm_tbl .divIntro p { margin:0px 0px 5px 0px;font-size:14px; }
    /*.programm_tbl .divIntro { height:70px; }*/
}


@media screen and (max-width: 1120px)   {
    .programm_tbl h3 a { font-size:24px }
    .programm_tbl h4 { font-size:18px }
     #aktuelles_tbl > div:first-child > div > a > div  { min-height:200px; }

}



@media screen and (max-width: 1050px)   {
    .tbldesc { display:none }
    #programm_menu { display:block }
    .tblmobile { display:block }
    .tblmobile > div > div { display:none }
    .tblmobile > div > div:first-child { display:table-cell }
    .programm_tbl h3 a { font-size:30px }
    .programm_tbl .divTag { height:170px;padding-top:10px }
}


@media screen and (max-width: 900px)   {
    #aktuelles_tbl { display:block;width:100%;min-height:auto }
    #aktuelles_tbl > div { display:block }
    #aktuelles_tbl > div > div { display:block }


}



/*@media screen and (max-height: 1100px)   {
#aktuelles_tbl > div > div img  {  max-height:180px  }
}*/


@media screen and (max-height: 1000px)  {
#aktuelles_tbl > div:first-child { height:50% }
#aktuelles_tbl > div > div img  {  max-height:220px  }
#aktuelles_tbl > div > div h4 { font-size:18px;  }
#aktuelles_tbl > div > div .news_text { font-size:14px;}
}

@media screen and (max-height: 870px)   {
/*#aktuelles_tbl > div > div img  {  max-height:120px  }*/
     
}



/*@media screen and (max-height: 1000px)   {
.programm_tbl .tag { font-size:20px }
.programm_tbl .tag div { font-size:50px; }
.programm_tbl h3 a { font-size:28px; }
.programm_tbl h4 { font-size:20px; }
.programm_tbl .divIntro p { margin-bottom:5px; }
.programm_tbl .divTag { height:190px; }
}



@media screen and (max-height: 930px)   {
.programm_tbl .tag { font-size:17px }
.programm_tbl .tag div { font-size:30px; }
.programm_tbl h3 a { font-size:23px; }
.programm_tbl h4 { font-size:17px; }
.programm_tbl .divIntro p { margin-bottom:1px;font-size:15px }
.programm_tbl .divTag { height:145px; }
.programm_tbl .divIntro { height:65px; }
}*/



@media screen and (max-width: 1300px)   {
.news > div:first-child { float:left;width:40% }
.news > div:last-child { margin-left:40%; }
.content_item > div:first-child { float:left;width:50% }
.content_item > div:last-child { margin-left:50%; }
.divKonzert > div > a > div { width:190px;font-size:15px;padding:8px }
}

@media screen and (max-width: 1150px)   {
.content_bild > div > div h3 { font-size:24px }
.content_bild > div > div h4 { font-size:18px }
}

@media screen and (max-width: 900px)   {
#aktuelles_tbl > div:first-child { height:auto }
#aktuelles_tbl > div > a { display:block;width:auto;padding-top:200px;border-width:0px }
#aktuelles_tbl > div:first-child > div, #aktuelles_tbl > div:first-child > a, #aktuelles_tbl > div > div { width:100%; }
#aktuelles_tbl > div:first-child > div > a:nth-child(3) > div, #aktuelles_tbl > div:first-child > div > a:nth-child(4) > div, #aktuelles_tbl > div > div > a:nth-child(2n) > div {margin-bottom:10px}
#aktuelles_tbl > div:first-child > div > a > div  { min-height:330px; }
.divKonzert > div > a > div { width:80% } 
/*.programm_tbl .divIntro { height:120px }
.programm_tbl h3 a { font-size:20px }
.programm_tbl h4 { font-size:14px }*/
.divKonzert { height:350px;font-size:13px}
.content_item > div:last-child { margin-left:60%}
.content_item > div:first-child { width:60% }
.divKonzert > div > a > div { font-size:14px; }
}


@media screen and (max-width: 760px) {
    .news > div:first-child { float:none;width:100% }
    .content_item > div:first-child { float:none;width:100% }
    .news > div:last-child { margin-left:0px }
    .content_bild { background-image:none }
    .content_bild h2, .news h2 { position:absolute;top:120px;right:0px;margin-left:8px }
    .content_item > div:last-child { margin-left:0px;height:auto }
    .content_bild > div > div { position:static;padding:30px 0px;text-align:left }
    .news > div:last-child { padding-left:0px }
    .news > div:first-child { margin-top:67px }
    .news h1 { padding-top:30px }
    .content_item h1 { margin-top:120px }
}

@media screen and (max-width: 520px) {
    #aktuelles_tbl > div > a > div {
        margin-right: 10px;
    }
    #aktuelles_tbl > div > div > a { width:100%;float:none; }
    #aktuelles_tbl > div > div > a > div { margin-right:0px }
    #aktuelles_tbl > div:first-child > div > a > div  { min-height:0px; }

    #programm_menu .tag div { font-size: 46px; }
    #programm_menu .tag { font-size:17px }
    .programm_tbl .divTag { height:auto;padding-bottom:5px}
    .content_bild h2, .news h2 { right:10px; }
}

@media screen and (max-width: 400px) {
    .content_bild h2, .news h2 { top:90px; }
}