/*
************************************************************
Styles:     flix//theme
Project:    flix-Base - Main CSS
Autor:      Yannik Boost
Copyright:  (c) 2015 interaktiv manufaktur
Website:    www.interaktiv-manufaktur.de
************************************************************
*/
@media only screen and (max-width: 760px) {


    /*****************************************************************
    *********** Document
    ******************************************************************/
    /*****************************************************************
    *********** Allgemeine Selectoren
    ******************************************************************/
    /*****************************************************************
    *********** Header
    ******************************************************************/
    /*****************************************************************
    *********** Footer
    ******************************************************************/
    /*****************************************************************
    *********** Content
    ******************************************************************/
    /*****************************************************************
    *********** Seitenelemente
    ******************************************************************/
    #info-canvas {
        width: 100%;
        margin: 25px 0px;
    }

    #content-canvas {
        width: 100% !important;
    }


    .event-filter-items-level1 {
        display: none;
    }

    .event-filter-items-mobile {
        display: block!important;
    }



    .text-image-main .left-column .text, .text-image-main .right-column .text {
        box-sizing: border-box;
        padding: 15px 0px;
        max-width: 100%;
        position: relative;
        transform: translateY(0%);
        top: 0px;
    }

    .text-image-main .left-column {
        width: 100%;
        float: none;
        height: auto;
        overflow: hidden;
    }

    .text-image-main .right-column {
        width: 100% !important;
        overflow: hidden;
        float: none;
        height: auto;
    }

    .text-image-main .left-column .text {
        padding: 25px 40px !important;
        text-align: left;
    }

    #pageElement-452 .right-column {
        width: 100% !important;
    }

    .header-text {
        display: none !important;
    }

    #logo img {
        width: 60px;
    }


    #head-canvas {
        padding: 0px;
    }

    #nav2-canvas {
        width: 100%;
        margin-bottom: 10px;
    }

    .teaser-info{
        width: 50%;
    }

}


@media only screen and (max-width: 580px) {
    #logo{
        height: 50px !important;
        padding-left: 0px !important;
        margin-left: 30px;
    }
    .events-list .grouplist .item .col.label{
        width: 100%;
        border-top: solid 3px #FBF7C9;
    }
}