/* ============================================================================
 * media_queries.css
 * ============================================================================
 * author: mikabo
 * http://www.mikabo.com
 * ============================================================================
 * Copyright (c) 2014, mikabo
 * All rights reserved.
 * ============================================================================
 */

/* iPad in portrait & landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {

	.wrapper_top_nav {
	   display: none;
	}
    .slide_area {
        max-width: 100%;
    }

    /*.news .wrapper_description {

        margin-left: 20px;
        margin-right: 20px;
    }*/

    .news .wrapper_scroller,
    .news .wrapper_description {

        max-width: 100%;
    }
}
/****** **************************************************************************/

/* iPad in landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

    .slide_area {

        max-width: 100%;
        padding-left: 20px;
    }

    ul#menu-main-menu li {

        padding-right: 36px;
    }

    .wrapper_headerbox .leftcol {
        float: none;
        width: 100%;
    }

    .wrapper_headerbox .rightcol {
        float: none;
        width: 100%;
    }

    .wrapper_headerbox .rightcol .wrapper_navi_main {
        margin-top: 16px;
        margin-left: 34px;
        float: none;
    }

    .logo_sky {
        margin-top: 22px;
        width: 246px;
        margin-left: auto;
        margin-right: auto;
    }

    .wrapper_top_nav {
        display: block;
        position: absolute;
        width: 768px;
    }

    .wrapper_top_nav .imprint {
        display: block;
        position: absolute;
        /*left: -214px;*/
        left: auto;
        right: -214px;
        top: -55px;
    }

    .wrapper_top_nav .gdpr {
        display: block;
        position: absolute;
        left: auto;
        right: -140px;
        top: -55px;
    }

    /*.wrapper_headerbox .rightcol .wrapper_navi_main {
        margin-top: 54px;
    }

     .wrapper_top_nav {
        display: block;
    }

    .wrapper_top_nav .imprint {
        display: block;
        position: absolute;
        left: 54px;
        top: 0px;
    }*/

    .wrapper_years {
        top: 118px;
    }

    /*** VITA ***/
    .wrapper_vita_description {
        top: 170px;
        height: 150px;
    }

    #wrapper_vita_image {
        top: 320px;
    }

    /*** FILM ***/
    .film .wrapper_description_detail {
        margin-left: 86px;
    }

    /*** FERNSEHEN ***/
    .wrapper_fernsehen_description .sizer {
        padding-bottom: 34px;
    }

    /*** GALERIE ***/
    .galerie .wrapper_description {
        margin-top: 104px;
        margin-left: 90px;
        width: 336px;
        height: 300px;
    }

    .galerie .wrapper_intro_thumbs {
        margin-top: 24px;
        margin-left: 34px;
    }

    .wrapper_slide_thumbs {
        margin-top: 22px;
        width: 900px;
        width: 628px;
        margin-left: 240px;
        margin-right: none;
    }

    .galerie .wrapper_thumb,
    .galerie .thumb,
    .galerie .overlay {
        width: 140px;
        height:140px;
    }

    .galerie .wrapper_slide_thumbs .wrapper_thumb,
    .galerie .wrapper_slide_thumbs .wrapper_thumb img,
    .galerie .wrapper_slide_thumbs .wrapper_thumb .overlay {
        width: 120px;
        height: 120px;
    }

	.galerie .wrapper_thumb {
		margin-right: 10px;
		margin-bottom: 10px;
	}



    /*** AWARDS ***/
    .awards .wrapper_years {
        top: 138px;
    }

    .wrapper_awards_description {
        top: 220px;
    }

    /*** NEWS ***/
    .news .wrapper_description {
        margin-top: 14px;
        /*width: 480px;*/
    }

    /*** KONTAKT ***/
    .kontakt .wrapper_description {
        float: left;
        margin-top: 8px;
        margin-left: 300px;
        width: 720px;
    }

    .kontakt .wrapper_description .sizer {
        padding-top: 24px;
        padding-bottom: 30px;
        padding-right: 60px;
    }

    .kontakt h1 {
        margin-bottom: 10px;
    }

    .markenbotschafter .wrapper_description {
        width: 380px;
    }

}
/****** **************************************************************************/


/* iPad in portrait */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

    .slide_area {

        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    ul#menu-main-menu li {

        padding-right: 22px;
    }

    .wrapper_headerbox .leftcol {
        float: none;
        width: 100%;
    }

    .wrapper_headerbox .rightcol {
        float: none;
        width: 100%;
    }

    .wrapper_headerbox .rightcol .wrapper_navi_main {
        margin-top: 16px;
        margin-left: 34px;
        float: none;
    }

    .logo_sky {
        margin-top: 22px;
        width: 246px;
        margin-left: auto;
        margin-right: auto;
    }

    .wrapper_top_nav {
        display: block;
        position: absolute;
        width: 768px;
    }

    .wrapper_top_nav .imprint {
        position: absolute;
        right: 20px;
        top: -54px;
        float: none;
    }

    .wrapper_top_nav .gdpr {
        position: absolute;
        right: 90px;
        top: -54px;
        float: none;
    }

    /*** VITA ***/
    .vita .wrapper_years,
    .vita #wrapper_vita_image {
        left: 276px;
    }

    .vita .wrapper_vita_description {
        left: 266px;
    }

    /*** FILM ***/
    .film .wrapper_description {
        float: none;
        margin-top: 34px;
        margin-left: auto;
        margin-right: auto;
        width: 586px;
        height: 230px;
    }

    .film .wrapper_cover_set {
        float: none;
        width: 500px;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    .film .wrapper_cover_set img {
        width: 500px;
    }

    .film .wrapper_cover_detail {
        margin-left: 80px;
        margin-top: 202px;
    }
    .film .wrapper_cover_detail img {
        width: 220px;
    }

    .film .wrapper_description_detail {
        float: left;
        margin-top: 202px;
        margin-left: 14px;
        width: 360px;
        min-height: 218px;
    }

    /*** FERNSEHEN ***/
    .fernsehen .wrapper_years {
        left: 314px;
    }

    .wrapper_fernsehen_description {
        left: 294px;
    }

    /*** GALERIE ***/
    .galerie .wrapper_description {
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 46px;
        width: 676px;
        height: 189px;
    }

    .galerie .wrapper_intro_thumbs {
        float: none;
        margin-top: 36px;
        margin-left: 134px;
        width: 560px;
        height: 560px;
    }

    .wrapper_slide_thumbs {
        margin-top: 150px;
        width: 570px;
        margin-left: 120px;
        margin-right: none;
    }

    .galerie .wrapper_slide_thumbs .wrapper_thumb,
    .galerie .wrapper_slide_thumbs .wrapper_thumb img,
    .galerie .wrapper_slide_thumbs .wrapper_thumb .overlay {
        width: 124px;
        height: 124px;
    }

	.galerie .wrapper_thumb {
		margin-right: 12px;
		margin-bottom: 12px;
	}


	/*** LITERATUR ***/
    .literatur .wrapper_description {
        float: none;
        margin-top: 34px;
        margin-left: auto;
        margin-right: auto;
        width: 586px;
        height: 236px;
    }

    .literatur .wrapper_cover_set {
        float: none;
        width: 500px;
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto;
    }

    .literatur .wrapper_cover_set img {
        width: 500px;
    }

    .literatur .wrapper_cover_detail {
        margin-left: 80px;
        margin-top: 202px;
    }
    .literatur .wrapper_cover_detail img {
        width: 220px;
    }

    .literatur .wrapper_description_detail {
        float: left;
        margin-top: 202px;
        margin-left: 14px;
        width: 360px;
        min-height: 234px;
    }

    .literatur .wrapper_description_detail .wrapper_scroller {
        height: 200px;
    }

    .audiojs {
    	width: 350px;
    }
    .audiojs .scrubber {
    	width: 160px;
    }

    /*** AWARDS ***/
    .awards .wrapper_years {
        left: 312px;
    }

    .wrapper_awards_description {
        left: 292px;
    }

    .kontakt .wrapper_description {
        float: left;
        margin-top: 54px;
        margin-left: 312px;
        width: 448px;
    }

    .datenschutz .wrapper_description {
        width: 726px;
    }

    .datenschutz .wrapper_scroller {
        width: 696px;
    }
}




/****** **************************************************************************/