/*----------Grid----------*/
*{
    box-sizing: border-box;
}
.wrapper{
    max-width: 1140px;
    margin: auto;
    position: relative;
}
.row{
    width: 100%;
    min-height: 10px;
    margin-top: 80px;
    float: left;
}
.row.no-margin{
    margin-top: 0;
}
.row.no_margin{
    margin: 0;
    padding: 0;
}
.row:first-child{
    margin-top: 0;
}
.row:before,
.row:after{
    display: table;
    content: "";
    line-height: 0;
}
#seite .row:after{
    clear: both;
}
.col1,.col2,.col2_10,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12{
    margin-right: 2.6%;
    min-height: 1px;
    float: left;
    position: relative;
}
.col1:last-child,.col2:last-child,.col2_10:last-child,.col3:last-child,.col4:last-child,.col5:last-child,.col6:last-child,.col7:last-child,.col8:last-child,.col9:last-child,.col10:last-child,.col11:last-child,.col12:last-child{
    margin-right: 0;
}
.col1{width:5.95%;}
.col2{width:14.5%;}
.col2_10{width:17.92%;}
.col3{width:23.05%;}
.col4{width:31.6%;}
.col5{width:40.15%;}
.col6{width:48.7%;}
.col7{width:57.25%;}
.col8{width:65.8%;}
.col9{width:74.35%;}
.col10{width:82.9%;}
.col11{width:91.45%;}
.col12{width:100%;}

/*----------Tablet----------*/
@media (max-width: 768px) {
    .row{
        margin-top: 40px;
    }
    .wrapper{
        padding: 0 15px;
    }
    /*----------Übersicht----------*/
    #fes_uebersicht .header .cyber h1 {
        font-size: 42px;
        text-shadow: 2px 2px 0 #53bfd1;
    }
    #fes_uebersicht .header h2{
        font-size: 12px;
        letter-spacing: 3px;
        margin-bottom: 40px;
    }
    #fes_uebersicht .gruende .anmelden,
    #fes_uebersicht .header .anmelden{
        padding: 15px 25px;
        font-size: 16px;
        text-align: center;
        max-width: 95%;
    }
    #fes_uebersicht .gruende .anmelden:hover,
    #fes_uebersicht .header .anmelden:hover{
        padding: 15px 25px;
    }
    #fes_uebersicht .einleitung{
        margin-top: 60px;
    }
    #fes_uebersicht .einleitung .text h2{
        font-size: 22px;
    }
    #fes_uebersicht .einleitung .text p{
        font-size: 14px;
        letter-spacing: 0;
    }
    #fes_uebersicht .gruende h2{
        font-size: 22px;
    }
    #fes_uebersicht .gruende .col3{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
    }
    #fes_uebersicht .gruende .col3:nth-child(2n){
        margin-right: 0;
    }
    #fes_uebersicht .grund span{
        font-size: 14px;
        letter-spacing: 0;
    }
    #fes_uebersicht .grund{
        padding: 15px;
        height: 156px;
    }
    #fes_uebersicht .header .titel_image {
        width: 95%;
        height: 67px;
        margin: 50px auto 0 auto;
    }
    #fes_uebersicht .einleitung .sticker{
        display: none;
    }
    #fes_uebersicht .einleitung .countdown .quer span{
        font-size: 16px;
    }
    #fes_uebersicht .einleitung .countdown{
        padding: 25px 20px;
        min-width: 310px;
    }
    #fes_uebersicht .einleitung.low{
        margin-top: 30px;
    }
    #fes_uebersicht .row.features h2{
        font-size: 22px;
    }
    #fes_uebersicht .row.features .col3{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 20px;
    }
    #fes_uebersicht .row.features .col3:nth-child(2n){
        margin-right: 0;
    }
    #fes_uebersicht .row.features .caption{
        font-size: 14px;
        margin-top: 15px;
        padding: 0 10px;
    }
    #fes_uebersicht .events h2{
        font-size: 22px;
        margin-bottom: 10px;
    }
    #fes_uebersicht .row.tell_a_friend .col2{
        display: none;
    }
    #fes_uebersicht .row.tell_a_friend .col8{
        width: 100%;
        margin: 0;
    }
    .row.tell_a_friend .box{
        padding: 25px;
    }
    .row.tell_a_friend .sm_icons a.icon{
        margin-right: 8px;
        margin-bottom: 5px;
    }
    .row.ansprechpartner .col3{
        display: none;
    }
    .row.ansprechpartner .col6{
        width: 100%;
        margin: 0;
    }
    .ansprechpartner .box h3{
        font-size: 18px;
    }
    .ansprechpartner .box p{
        font-size: 16px;
    }
    .footer .links a{
        margin-right: 25px;
    }
    .row.social_media h3{
        font-size: 18px;
    }
    #fes_uebersicht .einleitung .video_buehne{
        background-image: url("/res/images/countdown_bg_768.jpg");
    }
    #fes_uebersicht .einleitung .left{
        width: 100%;
        padding: 0;
    }
    #fes_uebersicht .einleitung .right{
        display: none;
    }
    #fes_uebersicht .einleitung .left ul li{
        font-size: 14px;
    }
    .eventview.mobile .page .event{
        font-size: 16px;
    }
    .eventview.mobile .page,
    .eventview.mobile .page_row{
        height: 430px;
    }
    .eventview .page{
        top: 430px;
    }
    .row.einleitung.neu .col1{
        display: none;
    }
    .row.einleitung.neu .col10{
        width: 100%;
        margin: 0;
    }
    .row.anmeldung .col3{
        display: none;
    }
    .row.anmeldung .col6{
        width: 100%;
        margin: 0;
    }
    .anmeldung .box{
        padding: 20px;
    }
    /*----------Festival----------*/
    #festival .header .cyber h1 {
        font-size: 30px;
        text-shadow: 2px 2px 0 #53bfd1;
    }
    #festival  .header .titel_image {
        width: 95%;
        height: 50px;
        margin: 50px auto 0 auto;
    }
    #festival .header span {
        font-size: 14px;
        letter-spacing: 1.2px;
        margin: 25px 0;
    }
    #festival .header .video{
        display: none;
    }
    #festival .header .col6{
        width: 100%;
    }
    #festival .header h3 {
        margin-bottom: 25px;
    }
    #festival .header h2.italic.bold{
        margin: 25px 0 0 0;
    }
    #festival .header {
        padding-bottom: 25px;
    }

    #festival #center_anker{
        width: 100%;
    }
    #festival #center_anker .desktop{
        display: none;
    }
    #festival #center_anker .mobile{
        display: block !important;
    }
    #festival .anker_row .anker_div a{
        font-size: 12px;
    }

    #festival #intro_row .col5{
        width: 100%;
        margin: 0 0 30px 0;
    }
    #festival #intro_row .col7{
        width: 100%;
        margin: 0;
    }
    #festival .intro h2{
        margin-top: 0;
        font-size: 22px;
    }
    #festival .vortraege h2.italic{
        margin-top: 0;
        font-size: 24px;
    }
    #festival .eins_zu_eins h2.italic{
        margin-top: 20px;
        font-size: 24px;
    }

    #festival .row.timetable .col2{
        display: none;
    }
    #festival .row.timetable .col8{
        width: 100%;
        margin: 0;
    }
    #festival .timetable h2{
        font-size: 30px;
    }

    #festival .row.faqs .col2{
        display: none;
    }
    #festival .row.faqs .col8{
        width: 100%;
        margin: 0;
    }
    #festival .row.faqs .ui-accordion-header{
        padding-right: 40px;
    }

    #festival .faqs h2{
        font-size: 30px;
    }

    .row.tell_a_friend .col2{
        display: none;
    }
    .row.tell_a_friend .col8{
        width: 100%;
        margin: 0;
    }

    .fb_filter .fach_filter .fb {
        line-height: 40px;
        font-size: 12px;
    }
    #festival .line_up h2 {
        font-size: 30px;
        margin-top: 0;
    }
    #festival .line_up p {
        letter-spacing: 0.2px;
        font-size: 14px;
    }
    #festival .line_up .hs {
        margin-right: 2.6%;
        width: 48.7%;
    }
    #festival .line_up .hs:nth-child(5n){
        margin-right: 2.6%;
    }
    #festival .line_up .hs:nth-child(2n){
        margin-right: 0;
    }
    #festival .row.intro .col4{
        width: 100%;
        margin: 0;
    }
    #festival .row.intro .col8{
        width: 100%;
        margin: 30px 0 30px 0;
    }
    #festival .countdown{
        min-width: 330px;
    }
    #festival .row.hs_vortraege .col2,
    #festival .hs_berater_wall .col2{
        display: none;
    }
    #festival .row.hs_vortraege .vortag_prev .col2{
        display: block;
    }
    #festival .row.hs_vortraege .col8,
    #festival .hs_berater_wall .col8{
        width: 100%;
        margin: 0;
    }
    #festival .hs_berater_wall .col3{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 30px;
        font-size: 14px;
    }
    #festival .hs_berater_wall .col3:nth-child(2n){
        margin-right: 0;
    }
    #festival .row.info_form .col3{
        display: none;
    }
    #festival .row.info_form .col6{
        width: 100%;
        margin: 0;
    }
    #festival .row.weitere_infos .col4{
        width: 80%;
        margin: 0 10% 20px 10%;
    }
    #festival .row.info_form .form .row.checkboxen label{
        text-indent: -20px;
        margin-left: 20px;
    }

    #festival .eins_zu_eins .owl-nav .owl-prev,
    #festival .imp_slider .owl-nav .owl-prev,
    #festival .fb_slider .owl-nav .owl-prev,
    #festival .vortraege .owl-nav .owl-prev{
        left: 10px;
        opacity: 0.4;
    }
    #festival .eins_zu_eins .owl-nav .owl-next,
    #festival .imp_slider .owl-nav .owl-next,
    #festival .fb_slider .owl-nav .owl-next,
    #festival .vortraege .owl-nav .owl-next {
        right: 10px;
        opacity: 0.4;
    }
    #festival .line_up .fb_slider .fb{
        padding: 20px 40px;
    }

}

/*----------Mobile----------*/
@media (max-width: 500px) {
    .eventview.mobile .page .event{
        font-size: 12px;
    }
    #fes_uebersicht .header .titel_image {
        height: 32px;
    }
    #fes_uebersicht .events .image .events_image{
        width: 95%;
    }
    #fes_uebersicht .einleitung .video_buehne{
        background-image: url("/res/images/countdown_bg_500.jpg");
    }
    .eventview.mobile .page,
    .eventview.mobile .page_row{
        height: 370px;
    }
    .eventview .page{
        top: 370px;
    }
}