﻿#header { position:absolute; top:0em; left:0em;   }
#header > div {padding:0px 20px   }

#fp-nav.left { display:none; }
.fp-tableCell { vertical-align:top; }
.fp-tableCell > div { padding-top:143px; }

.start_bg { background-repeat:no-repeat;background-size:cover;background-color:black;background-position:top right }
.start_top { min-height:300px;display:none;background-repeat:no-repeat;background-size:cover;color:white; }
.start_top:first-child { display:block }
.start_btm { display:table;width:100%; }
.start_btm > div { display:table-row }
.start_btm > div > div { display:table-cell;width:20%; }
.start_btm > div > div > div { margin-left:5px;background-image:url('../grafik/repeat/rpt_start_header_grauer_pixel.png');height:60px;padding:10px 0px 10px 15%;cursor:pointer;font-size:27px }
.start_btm > div > div > div h4 { font-size:19px;color:#BC8A5B;font-family:'Avenir Next LT W01 Demi'; }
.start_btm > div > div > div.sel { background-image:url('../grafik/repeat/rpt_start_header_goldener_pixel.png');color:white }
.start_btm > div > div > div.sel h4 { color:white; }
.start_btm > div > div:first-child > div { margin-left:0px; }

.start_top > div { margin-left:130px;text-shadow: 1px 0.5px #000000;   }
.start_top .dauer { padding-top:103px;font-size:79px;line-height:1.12em; }
.start_top .datum { font-size:27px;margin-top:93px }
.start_top .titel { font-size:40px;font-family:'Avenir Next Cyr W00 Medium';margin-top:7px;margin-bottom:7px }
.start_top .ort { font-size:27px; }
.start_top a {  color:#BC8A5B;font-size:21px;padding-top:40px;display:block }

.start_container { background-image:url('../grafik/allgemein/img_start_header_vc_logo.png');background-size:contain;background-repeat:no-repeat;background-position:top right }

#aktuelles_tbl { min-height:auto }

.section:last-child > div { text-align:center;background-color:#EBEBEB }
.footer h3 { font-size:27px;margin-top:50px;font-family:'Avenir Next LT W01 Demi'; }
.footer h4 { font-size:20px;margin-top:2px;font-family:'Avenir Next Cyr W00 Medium';color:#A9ADB0 }
.footer a { font-size:20px;display:block;color:#BC8A5B;margin-top:20px }
.footer .social a { display:inline-block;margin-right:10px }
.footer .social a:last-child { margin-right:0px }
.footer > div { font-size:20px;margin-top:17px;}
.footer div div { display:inline-block;padding-right:20px;border-right:solid 1px #A9ADB0;line-height:20px;margin-right:20px}
.footer div div:last-child { padding-right:0px;border-right:solid 0px black;margin-right:0px}
.footer .sponsors h4 { margin-top:60px;color:black;font-family:'Avenir Next LT W01 Bold'; }
.footer .sponsors a { display:inline-block;margin-right:20px }
.footer .sponsors a:last-child { margin-right:0px }

.gewinnspiel { position:absolute;top:50%;right:0px;margin-top:-60px }
.gewinnspiel h3 { font-family: 'Avenir Next LT W01 Demi';font-size:30px }
.gewinnspiel > div { padding:10px 30px;background-color:white; }
.gewinnspiel > a { padding:10px 30px;background-color:#BC9A5C;display:block;color:white;font-family: 'Avenir Next LT W01 Demi';font-size:24px;z-index:99;background-image:url('../grafik/buttons/ico_pfeil.png');background-position:center right 20px;background-repeat:no-repeat }

.wichtigeInfos { position:absolute;margin-top:-160px;left:114px;display:block;background-image:url("../grafik/repeat/rpt_start_header_goldener_pixel.png");color:white;padding:20px;font-family:"AvenirNextLTW01-Regular";font-size:22px;border-radius:20px; }

@media screen and (max-width: 1550px)   {
    .start_top > div { margin-left:30px  }
    .start_bg { background-position:top center }
    .start_container { background-position:bottom right }
    .wichtigeInfos { left:auto;right:300px}
}
@media screen and (max-width: 1100px) and (min-height:1000px)   {
    .start_container { background-size:50% }
}

@media screen and (max-width: 1280px)   {
    .gewinnspiel { width:300px;margin-top:-160px }
}

@media screen and (max-height: 950px)   {
    .start_top .dauer { padding-top:73px;font-size:69px;  }
    .start_top .datum { font-size:22px;margin-top:53px }
    .start_top .titel { font-size:30px;margin-top:5px;margin-bottom:5px }
    .start_top .ort { font-size:22px; }
    .start_top a {  font-size:18px;padding-top:30px; }
    .wichtigeInfos { margin-top:-160px;}
}

@media screen and (max-height: 800px) and (min-width: 1000px)   {
    .start_top .dauer { padding-top:30px;font-size:30px;  }
    .start_top .datum { font-size:19px;margin-top:23px }
    .start_top .titel { font-size:22px; }
    .start_top .ort { font-size:19px; }
    .start_top a {  font-size:15px;padding-top:20px; }
}


@media screen and (max-width: 1300px)   {
    #header > div {padding:0px 10px   }
    .fp-tableCell > div { padding-top:120px; }
    .start_btm > div > div > div { font-size:23px }
    .start_btm > div > div > div h4 { font-size:17px; }
}

@media screen and (max-width: 1000px)   {
    .start_top .dauer { padding-top:63px;font-size:60px;  }
    .start_top .datum { font-size:20px;margin-top:43px }
    .start_top .titel { font-size:30px;margin-top:5px;margin-bottom:5px }
    .start_top .ort { font-size:22px; }
    .start_top a {  font-size:18px;padding-top:30px; }
    .start_container { background-size:50% }
    .start_btm > div > div > div { font-size:20px }
    .start_btm > div > div > div h4 { font-size:16px; }
    .gewinnspiel h3 { font-size:20px }
    .gewinnspiel > a { font-size:18px; }
    .gewinnspiel { top:150px;margin-top:0px }
}


@media screen and (min-width: 900px) and (max-height:800px)  {
    #aktuelles_tbl > div:last-child { display:none }
}




@media only screen and (max-width: 900px) {
    #header { position:static   }
    .fp-tableCell > div { padding-top:0px; }

    .fp-section,
    .fp-slide,
    .fp-tableCell {
        height: auto !important;
        padding-bottom:20px
    }

    
    .fp-responsive .fp-auto-height-responsive.fp-section,
    .fp-responsive .fp-auto-height-responsive .fp-slide,
    .fp-responsive .fp-auto-height-responsive .fp-tableCell {
        height: auto !important;
    }

}




@media only screen and (max-width: 750px) {
.footer h3 { font-size:23px; }
.footer h4 { font-size:18px; }
.footer a { font-size:18px }
.footer > div { font-size:16px;}
.footer div div { margin-right:10px;padding-right:10px }

.wichtigeInfos { left:20px;right:auto; margin-top:-90px}
.start_btm { position:relative;top:10px }
.start_btm > div > div > div { height:0px;overflow:hidden;padding:0px;background-color:#808080;background-image:none;overflow:hidden;font-size:1px;padding-top:5px }
.start_btm > div > div > div h4 { display:none }
.start_btm > div > div > div.sel { background-color:#BC8A5B }
.kuenstler_info { margin-top:261px;color:black;  }
.start_bg { margin-bottom:200px }
.start_top .kuenstler_info { text-shadow:none;margin-left:0px   }
.kuenstler_info .datum { font-family:'Avenir Next Cyr W00 Medium'; }
.kuenstler_info .titel { color:#BC8A5B }
.kuenstler_info .ort { color:#808080 }
.kuenstler_info a { padding-top:10px }
.gewinnspiel { top:auto;margin-top:-20px;bottom:250px;width:250px }
}



@media only screen and (max-width: 620px) {
    .start_top .dauer { font-size:40px;  }
    .kuenstler_info { margin-top:330px;  }
    .wichtigeInfos { font-size:18px;padding:15px;margin-top:-80px}
    .gewinnspiel > div { font-size:13px;padding-left:10px }
    .gewinnspiel h3,  .gewinnspiel > a { font-size:16px }
}


@media only screen and (max-width: 417px) {
    .start_top .kuenstler_info { margin-top:165px;  }
}



@media only screen and (max-width: 450px) and (min-width: 400px) and (min-height: 700px) {
    .start_top .kuenstler_info { margin-top:330px;  }
}

@media only screen and (max-width: 460px) {

.footer div div { margin-right:0px;padding-right:0px;display:block;border-width:0px }
}

