/*
************************************************************
Styles:     flix//theme
Copyright:  (c) interaktiv manufaktur
Website:    www.interaktiv-manufaktur.de
************************************************************
*/
@media only screen and (max-width: 600px) {
    .event-time {
        max-width: 20.23%;
        -ms-flex-preferred-size: 20.23%;
        flex-basis: 20.23%
    }

    #headline {
        font-size: 28px;
        line-height: 45px
    }

    .instagram-main .instagram-post {
        width: 135.5px;
        flex-basis: 135.5px;
        height: 135.5px;
        max-width: 135.5px;
        margin: auto;
        margin-bottom: 45px;
    }

    .instagram-main .instagram-post .image {
        width: 135.5px;
        height: 135.5px;
    }
}

/* NOTE - This Style transformes only specific components from 320px.css  */
/* starting body tag increases the level without important */
@media only screen and (max-width: 480px) {

    .texteditor-children-main {
        background-size: 30%;
    }

    #flashlight-container {
        height: 300px !important
    }

    .navigation-container {
        height: 50px !important;
        top: 0;
        bottom: auto;
        width: 100%
    }

    .navigation-container.navigation-open {
        height: 100% !important
    }

    #menu-button {
        top: 14px;
        left: 14px;
        margin: 0
    }

    #page-canvas {
        padding-left: 0;
        overflow: visible
    }

    #main-canvas, #content-canvas, #detail-container, .contentbox {
        overflow: hidden
    }

    .contentbox {
        padding-left: 2%;
        padding-right: 2%
    }

    .artist-list-main .content .tabs .artist-tab .image img {
        max-width: 320px
    }

    .event-list-container {
        max-width: 100%
    }

    .event-list-container .trigger-container span, .event-item .introtext h3 {
        font-size: 16px !important;
        line-height: 24px !important
    }

    .event-time {
        max-width: 19.23%;
        -ms-flex-preferred-size: 20.23%;
        flex-basis: 20.23%
    }

    .event-item .introtext {
        max-width: 70.55%
    }

    .event-item .trigger {
        right: 0
    }

    .event-item .content {
        max-width: 100%;
        margin-left: 0
    }

    h2 {
        margin-top: 20px;
        font-size: 30px;
    }

}