@media (min-width: 768px){
    body{
        font-size:18px;

    }


    h3.heading-normal{
        font-size:80px;
        line-height:100px;
    }

    .bahn-special{
        width:70%;
    }

    .bahn-special table td:first-child{
        width:25%;
    }

    .button-more.digital{
        font-size:40px;
    }
    
    .sponsor-list ol{
        margin-left:20%;
        counter-reset: item;

    }


    .normal-sponsoren .sponsoren-logo{
        max-width:33%;
    }

    .premium-sponsoren .sponsoren-logo{
        max-width:50%;
    }

    .haupt-sponsoren .sponsoren-logo{
        max-width:50%;
    }

    body[data-pageid="48"] .video-js-box{
         text-align: center;
        width:100%;
        display:block;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:40px;
    }
    body[data-pageid="48"] .video-js-box video{
         width:720px;
         height:auto;
          margin-left:-60px;
    }
    
    
    #get_connected .video-js-box{
        text-align: center;
        width:94%;
        display:block;
        margin-left:auto;
        margin-right:auto;
        margin-top:350px;
    }

    #get_connected .video-js-box video{
        width:720px;
        margin-left:-10px;
        height:auto;
        margin-top:-80px;
    }


    .navbar-brand{
        height:80px;
        width:76px;
        padding:0;
        padding-top:8px;
        padding-left:8px;
        position:relative;
        float:right;
        right:104px;
        top:8px;
    }

    .navbar-brand img{
        width:60px;
        height:auto;
    }
    
    .logo-language-english-container{
        width:80px;
        height:80px;
        top:5px;
        right:220px;
    }
    .logo-language-english-container a{
         width:80px;
        height:80px;
                                           
    }

    .navbar-default{
        background:none;    
        border:0;

        top:15px;
        right:15px; 
    }

    .navbar-default .navbar-toggle{
        width: 80px;
        height: 80px;
    }

    .navbar-default .navbar-toggle .icon-bar{
        top: 37px;
        left: 12px;
        right: 12px;
        height: 4px;
        width:56px;
    }
    .navbar-default .navbar-toggle span::before {
        top: -20px;

    }

    .navbar-default .navbar-toggle span::after {
        bottom: -20px;
    }

    .navbar-header{
        min-height:100px;
        height:100px;

    }

    .nav.navbar-nav{
        width:90%;
        padding-top:50px;
        padding-bottom:50px;
        margin-left:1%;
    }

    .nav.navbar-nav > li > a{
        font-size:40px;
        line-height:50px;
    }

    .background-image-normal{
        background-size: cover;
    }


    #overview.parallaxParent{
        height:100vH;
    }

    #overview.parallaxParent .hintergrund{
        height:200%;
        top:-100%;
    }
    .heading-big{
        font-size:180px;
        line-height: 180px;
        top:-80px;
    }

    .heading-big-sub{
        line-height:27px;
        font-size:27px;
        margin-top:-34px;
        padding-left:8px;
    }

    .dark-bg.header-div{
        font-size:20px;
        width:50%;
        top:440px;
    }
    #logos-header img{

        width:auto;
        height:auto;

    }
    #logos-header{
        right:30px;
        top:520px;
        width:300px;
        min-height:250px;
    }

    .white-bg.header-div{
        width:40%;
        font-size:48px;
        margin-top:80px;
    }

    .buko.banner{
        position:relative;
        margin-top:-80px;
        z-index:5000;
    }

    .banner.buko img{
        margin-left: 0;
        width:400px;
        height:auto;
    }
    .background-image-normal{
        padding-top:100px;
        min-height:400px;
        padding-bottom:80px;
    }

    .heading-animated{
        font-size:80px;
        line-height:100px;
    }

    .section-content{
        padding-top:40px;
        padding-bottom:40px;
    }

    .background-image-normal.light-brown{
        background-size:auto;
        min-height:500px;
    }

    .animation-box{
        min-height:280px;
        width:300px;
        padding:5px 8px;
    }

    .animation-box h3{
        font-size:60px;
    }

    .line .hori-line{
        margin-left:21px;
    }

    /*GETIN*/
    #start-tl{
        right:0%;
        background:url('../img/animation-start/Kreisl.png') no-repeat;

        background-size:50%;
        background-position: 0px 40px;


    }

    /*sponsoring*/
    #start-tr{

        left:0%;
        background:url('../img/animation-start/Linien_Sponsoren.png') no-repeat;
        background-size:70%;
        background-position: top right;
    }


    /*booking*/
    #start-br{
        background:url('../img/animation-start/Bett.png') no-repeat;
        background-size:80%;
        background-position: 0px 40px;
        left:20%;


    }
    /*inside*/
    #start-bl{
        right:0%;
        bottom:0;
        background:url('../img/animation-start/Pfeil.png') no-repeat;
        background-size:50%;
        background-position: 0 0px;

    }

    .hintergrund-tv img{
        margin-top:17%;
    }
    #stay_connected .text-l4you{
        margin-top:10px;
        font-size:28px;
    }
    .sound-farbig{
        left:0px;
        top:-20px;
        width:452px;
        height: 250px;
        background-size:50%;
    }

    .sound{
        top:-10px;
        left:450px;
        width:142px;
        height: 197px;
        background-size:70%;
    }

    .stecker{
        top:260px;
        left:inherit;
        width:900px;
        height: 23px;
    }

    .radio{
        left:50%;
        top:60px; 
        background-size:70%;
    }


    .hintergrund-strahlen{
        top:0;
    }


    .link-l4you h1 a,
    #stay_connected .link-l4you h1 a{
        font-size:60px;
    }
    .link-l4you:hover h1 a,
    #stay_connected .link-l4you:hover h1 a{
        color:#4f4f4f;
    }
    #skyline{
        height:900px;
    }

    #scene-footer{
        width:50%;
        left:3%;
        display:block;
        height:400px;
    }

    .baum-links{
        width:97px;
        height:90px;
        background-size:70%;
    }

    .kirche{
        width:93px;
        height:265px;
        left:80px;
        background-size:70%;
    }

    .hotelturm{
        width:255px;
        height:438px;
        left:130px;
        background-size:70%;
    }
    .rathaus{
        width:237px;
        height:261px;
        left:350px;
        background-size:70%;
    }
    .baum-rechts{
        width:95px;
        height:88px;
        left:550px;
        background-size:70%;
    }

    .wolke-medium{
        width:74px;
        height:57px;
        left:160px;
        top:40px;
        background-size:70%;
    }
    .wolke-gross{
        width:106px;
        height:81px;
        left:380px;
        top:30px;
        background-size:70%;
    }

    .wolke-klein{
        width:42px;
        height:33px;
        left:500px;
        top:75px;
        background-size:70%;
    }

    #fakten.parallaxParent{
        height:100vh;
    }

    #fakten.parallaxParent .hintergrund{
        height:150%;
        top:-70%;
    }

    #fakten ul li{
        font-size:20px;
        font-weight:300;
    }

    .masonry {

        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }

    .masonry-item div{
        padding:10px;

    }

    .masonry-item div h4{
        padding-bottom:0px;
        font-size:16px;
        line-height:16px;
    }

    .background-image-normal-top{
        padding-top:140px;
        background-size: 20%;
    }

    h4.sub-headline{

        font-size:28px;
        padding-left:200px;
    }

    h4.text-headline{

        font-size:28px;

    }

    .news-img-wrap{
        float:left;
        padding-right:10px;
        padding-bottom:20px;
        padding-left:0;
        padding-top:0;
        width:auto;

    }
    .news-img-wrap img{
        max-height:150px;
    }

    /*Booking*/
    body[data-pageid="8"] .background-image-normal-top{

        background-position:85% 35%;

    }

    /*Sponsoring*/
    body[data-pageid="10"] .background-image-normal-top{

        background-position:0% 15%;

    }

    /*getin*/
    body[data-pageid="7"] .background-image-normal-top{
        background-position:40% 54%;
    }

    /*inside*/
    body[data-pageid="6"] .background-image-normal-top{
        background-position: 84% 16%;
        background-size: 26%;
    }

    body[data-pageid="7"] .background-image-normal-top .heading-l4you{
        padding-left:20%;

    }


    #programm{
        min-height:760px;
        padding-top:60px;

        position:relative;
        overflow:hidden;
    }

    .hintergrund-tv img{
        width:30%;
    }


    .konf{
        width:33%;
    }

    .col-md-6.sitemap ul{

        padding-top:20px;
        padding-bottom:0px;
        float:left;

    }

    .col-md-6.sitemap ul li{
        width:auto;
    }

    .col-md-6.sitemap-20 ul{
        float:right;
    }

    #mapl4you #map {
        width:72%;
        height:650px;
    }
    #mapl4you .overlay-l4you {
        width:30%;
        position:absolute;
        padding-top:40px;
        right:0;
        height:650px;
    }
    
    iframe.aux-mapp{
        width:100%;
        height:700px;
    }
    #programm{
        min-height:inherit;
        padding-top:0px;
        padding-left:30px;
        padding-right:30px;
        padding-bottom:60px;
    }
    td.table-minwidth{
    min-width:180px;
}

}

@media (min-width: 992px) {

    .phaupt-sponsoren .sponsoren-logo{
        max-width:33.33%;
    }

    .premium-sponsoren .sponsoren-logo{
        max-width:25%;
    }
    .premium-sponsoren .sponsoren-logo img{
        width:70%;
    }

    .normal-sponsoren .sponsoren-logo img{
        width:80%;
    }

    .normal-sponsoren .sponsoren-logo{
        max-width:18%;
    }

    .small-sponsoren .sponsoren-logo img{
        width:80%;
    }

    .small-sponsoren .sponsoren-logo{
        max-width:18%;
    }

}

@media (min-width: 1200px) {
    body{
        font-size:20px;
    }

    
     body[data-pageid="48"] .video-js-box{
         text-align: center;
        width:100%;
         display:inline-block;
        margin-left:auto;
        margin-right:auto;
        
    }
    body[data-pageid="48"] .video-js-box video{
         width:1170px;
        height:659px;
          margin-left:auto;
          margin-bottom:40px;
    }
    

    #get_connected .video-js-box{
        text-align: center;

        display:inline-block;
        /*w=600*/
        margin-left:-10px;
        margin-top:350px;
    }

    #get_connected .video-js-box video{
        width:1170px;
        height:659px;
        margin-top:-280px;
    }

    .heading-big{
        font-size:200px;
        line-height: 200px;
        top:-80px;
    }

    .heading-big-sub{
        line-height:27px;
        font-size:27px;
        margin-top:-34px;
        padding-left:8px;
    }

    .dark-bg.header-div{
        font-size:28px;
        width:50%;
        top:440px;
    }

    .white-bg.header-div{
        width:40%;
        font-size:48px;
        margin-top:80px;
    }

    #logos-header{
        right:30px;
        top:520px;
        width:300px;
        min-height:250px;
    }

    #logos-header img{
        margin-bottom:5px;
        width:250px;
        height:auto;
    }


    .banner.buko img{
        height:100px;
        width:auto;
    }

    .animation-box{
        min-height:280px;
        width:400px;
        padding:5px 8px;
    }

    .animation-box h3{
        font-size:80px;
    }

    .line .hori-line{
        margin-left:29px;
    }

    .heading-big-sub{
        line-height:30px;
        font-size:30px;
    }

    /*Sponsoring*/
    body[data-pageid="10"] .background-image-normal-top{
        padding-top:80px;
        background-position:0% 30%;
        background-size: 26%;
    }
    /*Booking*/
    body[data-pageid="8"] .background-image-normal-top{
        padding-top:80px;
        background-position:75% 35%;
        background-size: 16%;
    }

    /*getin*/
    body[data-pageid="7"] .background-image-normal-top{
        padding-top:80px;
        background-position:46% 50%;
        background-size: 16%;
    }

    /*inside*/
    body[data-pageid="6"] .background-image-normal-top{
        background-position: 70% 16%;
        background-size: 16%;
    }

    .hintergrund-tv img{
        margin-top:0;
    }


    .masonry-item div{
        padding:40px;

    }

    .masonry-item div h4{
        font-size:28px;
        padding-bottom:20px;
    }

    #scene-footer{
        width:50%;
        left:30%;
        display:block;
        height:400px;
    }

    .hintergrund-tv img{
        margin-top:4%;
    }

    .sound-farbig{
        left:80px;
        top:40px;
        width:452px;
        height: 250px;
        background-size:70%;
    }

    .sound{
        top:-10px;
        left:660px;
        background-size:70%;
        width:142px;
        height: 197px;
    }
    .stecker{
        top:260px;
        left:inherit;
        width:900px;
        height: 23px;
    }
    .radio{
        left:50%;
        top:60px; 
        background-size:70%;
    }


    .link-l4you h1 a,
    #stay_connected .link-l4you h1 a{
        font-size:80px;
    }
    .link-l4you:hover h1 a,
    #stay_connected .link-l4you:hover h1 a{
        color:#4f4f4f;
    }

    #stay_connected .text-l4you{
        margin-top:10px;
        font-size:28px;
    }
    .konf{
        width:33%;
    }

}