@font-face {
    font-family: 'djb_get_digitalregular';
    src: url('../fonts/djb_get_digital-webfont.eot');
    src: url('../fonts/djb_get_digital-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/djb_get_digital-webfont.woff2') format('woff2'),
        url('../fonts/djb_get_digital-webfont.woff') format('woff'),
        url('../fonts/djb_get_digital-webfont.ttf') format('truetype'),
        url('../fonts/djb_get_digital-webfont.svg#djb_get_digitalregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
    font-size:16px;
    font-family:'Open Sans';
    font-weight:300;
}

a{
    color:#000;
    font-weight:400;
}

a:hover,
a:focus,
a:active{
    color:#000;
    text-decoration:underline;
}

#get_connected .video-js-box{
    margin-top:100px;
   
   
}

#get_connected .video-js-box video{
    width:90%;
    height:auto;
    margin-top:-50px;
    margin-left:15px;
}

body[data-pageid="48"] .video-js-box{
    margin-top:50px;
   margin-bottom:50px;
   
}

body[data-pageid="48"] .video-js-box video{
    width:100%;
    height:auto;
    margin-top:-50px;
    margin-left:0px;
}

.heading-big{
    font-size:100px;
    color:#fff;
    position:relative;
    line-height:100px;
    padding:0;
    top:-40px;
    display:inline;
    text-transform: uppercase;
}
.heading-big-sub{
    color:#fff; 
    padding:0;
    position: relative;
    top:-80px;
    padding-left:6px;
    line-height:15px;
    font-size:15px;
}
.center-text{
    text-align:center;
} 
.white-text{
    color:#fff;
}

.heading-normal{
    font-size:100px;
    color:#f1e4cd;
    line-height:100px;
    text-align:center;
    padding:0;
    padding-bottom:40px;

}

h3.heading-normal{
    font-size:38px;
    line-height:50px;
}

.black-color{
    color:#333;
}


.light-brown{
    background-color:#f1e4cd;
}

.digital{
    font-family: 'djb_get_digitalregular';
}

.heading-normal.digital a{
    color:#f1e4cd;
    text-decoration:none;
}

.heading-normal.digital:hover a{
    color:#f1e4cd;
    text-decoration:none;
    padding:10px 40px;
    border:2px solid #f1e4cd;
}

h1.center{
    text-align:center;
}
.white-bg.header-div{
    background-color:#fff;
    position:absolute;
    color:#333;
    text-align:right;
    width:80%;
    font-size:38px;
    left:0;
    top:240px;

    font-weight:bold;
    padding-right:10px;
}

.dark-bg.header-div{
    background-color:rgba(0,0,0,0.4);
    position:absolute;
    z-index:12;
    color:#fff;
    right:0;
    width:100%;
    font-size:16px;

   top:340px;
    padding:10px 6px;
}

.background-image-normal{
    padding-top:100px;
    background-size: cover;
    min-height:240px;
    background-position:center center;
    background-repeat: no-repeat;
    padding-bottom:40px;
}
.padding-40-bottom{
    padding-bottom:60px;
    padding-top:40px;
}
.center-img-big{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    text-align: center;
    width:100%;
}
.padding-40-bottom img,
.center-img-big img{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    text-align: center;
    
}

.center-img-big img{
    width:50%;
}

.col-md-6.padding-40-bottom img{
    max-width:300px;
}
.col-md-6.padding-40-bottom.waf img{
    max-width:400px;
}

#logos-header{
        position:absolute;
        display:block;
        right:0px;
        top:420px;
        width:100%;
        min-height:250px;
        background-color:transparent;
        text-align:center;
    }
    
    #logos-header img{
        position:relative;
        width:80%;
        height:auto;
        margin-left:auto;
        margin-right: auto;
    }

.background-image-normal-top{
    background-position:70% 0%;
    background-repeat: no-repeat;
    background-size: 90%;
    padding-top:40px;
    padding-bottom:40px;
}



/*Sponsoring*/
body[data-pageid="10"] .background-image-normal-top{
   
    background-position:0% 2%;
    background-size: 66%;
}
/*Booking*/
body[data-pageid="8"] .background-image-normal-top{
   
    background-position:50% 14%;
    background-size: 46%;
}

/*getin*/
body[data-pageid="7"] .background-image-normal-top{
   
    background-position:-30% 36%;
    background-size: 46%;
}

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

.small-sponsoren,       
.normal-sponsoren,    
.premium-sponsoren,
.haupt-sponsoren{
    width:100%;
    display:block;
    position:relative;
    text-align:center;
    padding-bottom:40px;
   
}

.small-sponsoren .sponsoren-logo,
.normal-sponsoren .sponsoren-logo,
.premium-sponsoren .sponsoren-logo,
.haupt-sponsoren .sponsoren-logo{
    background:#fff;
    display:inline-block;
    position:relative;
    margin:10px;
    max-width:33.33%;
}
.premium-sponsoren .sponsoren-logo{
    max-width:25%;
}
.premium-sponsoren .sponsoren-logo img{
    width:100%;
    height:auto;
}

.normal-sponsoren .sponsoren-logo img{
    width:100%;
    height:auto;
}

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

.small-sponsoren .sponsoren-logo img{
    width:100%;
     height:auto;
}

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

.heading-l4you{
    padding-left:10px;
    padding-right:10px;
}

#start.background-image-normal{
    min-height:800px;
    padding-top:140px;
    overflow:hidden;
}



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

.background-image-normal.footer{
    background-size: cover;
    min-height:350px;
    padding-bottom:0;
}

.navbar-brand{
    background-color:rgba(255,255,255,0.4);
    height:60px;
    width:60px;
    padding:0;
    padding-top:3px;
    padding-left:5px;
    position:relative;
    float:right;
    right:90px;
    top:8px;
}

.navbar-brand img{
    width:50px;
    height:auto;
}

.logo-language-english-container{
    height:60px;
    width:60px;
    padding:0;
    padding-top:3px;
    padding-left:5px;
    position:absolute;
    display:inline-block;
    float:none;
    right:170px;
    top:6px;
}

.logo-language-english-container a{
    background:url('../img/english-lang.png') no-repeat center;
    width:60px;
    height:60px;
    position:relative;
    display:block;
    background-size:100%;
}



.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover{
    background-color:rgba(255,255,255,1);
}

.navbar-default {
    background-color:transparent;
    border: none;

}

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

    top:0px;
    right:0px; 
}



.navbar-collapse{
    background:#000; 
}


.navbar-collapse.collapse{
    display: none!important;
    height: 0!important;
    padding-bottom: 0;
    overflow: hidden!important;
}
.navbar-toggle.collapsed{
    display:block!important;   

}

/*TOGGLE BUTTON*/
.navbar-default .navbar-toggle{
    display:block!important;
    border:none;
    border-radius:0;
    background:#000;  
    position:absolute;
    right:0px;
    top:0;
    padding:0;
    width: 60px;
    height: 60px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align:center;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    background-color: rgba(0,0,0,0.8);


}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:focus{
    background:#000;    
    border-radius:0;

}

.navbar-default .navbar-toggle .icon-bar{
    display: block;
    position: absolute;
    margin:0;
    top: 28px;
    left: 12px;
    right: 12px;
    height: 4px;
    width:36px;
    background: white;
    -webkit-transition: background 0s 0.3s;
    transition: background 0s 0.3s;
}

.navbar-default .navbar-toggle span::before,
.navbar-default .navbar-toggle span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    content: "";
    -webkit-transition-duration: 0.3s, 0.3s;
    transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
}

.navbar-default .navbar-toggle span::before {
    top: -14px;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}

.navbar-default .navbar-toggle span::after {
    bottom: -14px;
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.navbar-default .navbar-toggle.is-active {
    background-color: #cb0032;
}

.navbar-default .navbar-toggle.is-active span {
    background: none;
}

.navbar-default .navbar-toggle.is-active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navbar-default .navbar-toggle.is-active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navbar-default .navbar-toggle.is-active span::before,
.navbar-default .navbar-toggle.is-active span::after {
    -webkit-transition-delay: 0s, 0.3s;
    transition-delay: 0s, 0.3s;
}


.navbar-collapse.collapse.in{
    display:block!important;    
    height:auto!important;
    overflow:visible!important;
}
.navbar-nav>li,.navbar-header{
    float:none; 
}

.navbar-fixed-top{

}
.navbar-header{
    min-height:70px;
    height:70px;

}
.nav.navbar-nav{
    width:100%;
    padding-top:20px;
    padding-bottom:20px;
    border:none;
    margin-left:1%;
    overflow: visible;

}
.nav.navbar-nav > li{
    width:100%;

    display:block;
}
.nav.navbar-nav > li > a{
    color:#fff;
    font-size:30px;
    line-height:40px;

    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    display:block;

}

.nav.navbar-nav > li > a:hover{
    background-color:rgba(255,255,255,0.4);
    color:#000;
    -webkit-transform: translate(3%);

    transform: translate(3%);
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height:inherit;
    border:none;
}
.buko.banner{
    position:relative;
    margin-top:0px;
    z-index:200;
    display:inline-block;
    text-align:center;
}
.buko.banner a{
    position:relative;
    display:inline-block;
   
}

.buko.banner img{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width:96%;
    height:auto;
}
.center-image.start{
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    display:block;
    text-align:center;
}
.center-image.start img{
    position:relative;
    padding-top:20px;
    padding-bottom:20px;
    width:250px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}

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

h4.sub-headline{
    text-align:center;
    font-size:24px;
    padding:0;
    margin:0;
    padding-left:100px;
    margin-top:-18px;
    margin-bottom:40px;
}

h4.text-headline{

    font-size:24px;

}

.col-md-6.sitemap ul{
    list-style: none;
    padding-top:0px;
    padding-bottom:0px;
    
    color:#333;
}

.col-md-6.sitemap-1 ul{
    margin-left:0;
    padding-left:0;
    float:left;
    text-align:left;
}

.col-md-6.sitemap ul li{
    float:left;
    padding:3px 5px;
    width:100%;
}
.col-md-6.sitemap ul li a{
    color:#333;
    font-weight:300;
}

.col-md-6.sitemap-20 ul{
    float:left;
    margin:0;
    padding:0;
}

#get_connected{
    padding-top:80px;

}
#get_connected .text-l4you{
    padding-top:20px;
    text-align:center;
}


.copyright{
    text-align:center;
    padding-bottom:10px;
    font-size:12px;
}
.parallaxParent{
    height:1260px;
    overflow: hidden;
    padding:0;
    position: relative;
    display:block;
    width:100%;

}

.parallaxParent .hintergrund{
    height:1300px;
    position: relative;
    background-size:cover;

}
#overview.parallaxParent{
     height:1000px;
}
#overview .parallaxParent .hintergrund{
     height:1000px;
}


#fakten.parallaxParent{
    height:100vh;
}

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

#fakten{
    color:#fff;

}
#fakten.parallaxParent h1{
    margin-top:360px;
}

#fakten ul{
    padding:0;
    padding-left:15px;


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

#fakten .link-l4you h1{
    margin-top:40px;
}

a.box-link{
    position:absolute;
    display:block;
    text-decoration:none;
}


.animation-box{
    color:#fff;
    min-height:280px;
    width:99%;
    display:block;
    padding:5px 8px;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;

}

.animation-box:hover{

}
.animation-box h3{
    font-family: 'djb_get_digitalregular';
    color:#e3cda7;
    font-size:60px;
    text-align:right;
    padding-bottom:10px;
}



.animation-box:hover h3 span{
    
  
}

.animation-box h3 span{
    color:#fff;
    position:relative;
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.animation-box div{
    position:relative; 
    display:block;
    background-color:rgba(0,0,0,0.3);
    padding:15px;
    margin-top:20px;
    font-weight:300;
    z-index:10;
}
.animation-box h1{
    font-family: 'djb_get_digitalregular';
    color:#fff;
    font-size:50px;
}


.animation-box div a{
    line-height:24px;
    float:right;
    font-size:24px;
    color:#fff;

}


/*GET LINE ACTION*/
.line{
    width:0px;
    position:absolute;
    display:block;
    height:35px;
    margin-top:-10px;
    margin-left:20px;
    margin-bottom:0px;
    right:5%;


}

.animation-box:hover .line{

    animation: linie 0.5s forwards;

}
.animation-box:hover .hori-line-45{


    animation: dude 0.5s 0.5s forwards;

}

.line .hori-line{
    height:2px;
    width:auto;
    margin-left:23px;
    position:relative;
    display:block;
    background-color:#fff;
}
@keyframes linie {
    0% {
        width:0;
        right:5%;
    }

    100% {
        right: 5%;
        width:75%;
    }
}

@keyframes dude {
    0% {
        transform:rotate(0deg);
        top:0px;
        width:40px;
    }

    45% {
        transform:rotate(180deg);
        width:40px;
    }
    90% {
        transform:rotate(45deg);

    }
    100% {
        top:14px;
        width:40px;
        transform:rotate(-45deg);
    }
}

.line .hori-line-45{

    height:2px;
    z-index: 100;
    right: 88%;
    width:0px;
    top:0px;
    margin-left:0;
    position:absolute;
    display:block;
    background-color:#fff;

}
.animated-line{
    position:relative;
    margin-top:-20px;
    margin-left:auto;
    margin-right:auto;
    display:block;

    width:300px;
    height:40px;
}

.animated-line .first{
    height:2px;
    position:relative;
    display:block;
    width:270px;
    margin-left:30px;
    top:10px;
    background-color:#000;
}
.animated-line .second{
    height:2px;
    position:relative;
    display:block;
    width:36px;
    top:20px;
    left:1px;
    background-color:#000;
    transform:rotate(-45deg);
}


/*GETIN*/
#start-tl{
    right:0%;
    top:2%;
}

/*sponsoring*/
#start-tr{
    top:240px;
    left:0%;
}


/*booking*/
#start-br{
    
    left:0%;
    bottom:230px;
}
/*inside*/
#start-bl{
    right:0%;
    bottom:0;
   
}





/*animation radio*/
#stay_connected{
    background-color:#f1e4cd;
}

body[data-pageid="1"] #stay_connected{
        background-color:#fff;
}

#foerderer{
    background-color:#f1e4cd;
}

.link-l4you h1,
#stay_connected .link-l4you h1{
    text-align:center;
    padding-top:20px;
    padding-bottom:40px;

}
.link-l4you h1 a,
#stay_connected .link-l4you h1 a{
    text-align:center;
    font-family: 'djb_get_digitalregular';
    border:2px solid #fff;
    padding:4px 8px;
    text-decoration: none;
    color:#333;
    font-size:32px;
}
.link-l4you h1 a:hover,
#stay_connected .link-l4you h1 a:hover{
 border:2px solid #6f4317;
}

#stay_connected .text-l4you{
    text-align:center;
    margin-top:-100px;
    
    text-transform: uppercase;
    font-size:20px;
}

#scene-inside{
    position:relative;
    margin-top:40px;
    min-height:400px;
    display:block;
    overflow:hidden;
}

.radio{
    position:relative;
    background:url('../img/animation-radio/radio1.png') no-repeat center center;
    left:50%;
    top:20px;
    margin-left:-172px;
    width:344px;
    height: 324px;
    z-index:11;
    background-size:40%;
}

.sound-farbig{
    position:absolute;
    background:url('../img/animation-radio/sound-farbig.png') no-repeat center center;
    background-size:90%;
    left:0px;
    top:10px;
    z-index:10;
    width:180.8px;
    height: 100px;
    visibility:hidden;
}
.sound{
    position:absolute;
    background:url('../img/animation-radio/sound.png') no-repeat center center;
    background-size:90%;
    top:70px;
    left:230px;
    z-index:10;
    width:56.8px;
    height: 78.8px;
    visibility:hidden;
}

.stecker{
    position:absolute;
    background:url('../img/animation-radio/stecker.png') no-repeat left center;
    background-size:90%;
    top:220px;
    left:inherit;

    z-index:10;
    width:360px;
    height: 9.2px;
}



/*animation footer*/
#skyline{
    position: relative;
    height:800px;
    margin: 0 auto;
    overflow:hidden;
    background-position: center 0px;
    background-repeat: no-repeat;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    will-change : background-position;
}

#skyline .text-l4you{
    color:#fff;
   
    padding:20px;
}

#skyline .text-l4you a{
    color:#fff;
}


#scene-footer{
    position:absolute;
    bottom:0;
    width:100%;
    left:0%;
    display:block;
    height:300px;
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
    -ms-perspective: 500px;
    perspective: 500px;
}

.text-element,
.wolke-medium,
.wolke-klein,
.wolke-gross,
.hotelturm,
.kirche,
.rathaus,
.baum-rechts,
.baum-links{
    position:absolute;
    display:block;

    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-transform: rotateX(-89deg);
    -moz-transform: rotateX(-89deg);
    -ms-transform: rotateX(-89deg);
    -o-transform: rotateX(-89deg);
    transform: rotateX(-89deg);
    visibility: hidden;
    opacity: 0;
}
.text-element{
    color:#fff;
    font-size:18px;
    left:-700px;
    top:0px;
    font-weight:300;
}
.baum-links{
    background:url('../img/animation-footer/baum-links.png') no-repeat center bottom;
    width:97px;
    height:90px;
    background-size:40%;
    left:-25px;
    bottom:-2px;
}
.kirche{
    background:url('../img/animation-footer/kirche.png') no-repeat center bottom;
    width:93px;
    height:265px;
    bottom:-2px;
    left:19px;
    background-size:40%;
}

.hotelturm{
    background:url('../img/animation-footer/hotelturm.png') no-repeat center bottom;
    width:255px;
    height:438px;
    bottom:-2px;
    left:15px;
    background-size:40%;
}
.rathaus{
    background:url('../img/animation-footer/rathaus.png') no-repeat center bottom;
    width:237px;
    height:261px;
    bottom:-4px;
    left:130px;
    background-size:40%;
}
.baum-rechts{
    background:url('../img/animation-footer/baum-rechts.png') no-repeat center bottom;
    width:95px;
    height:88px;
    left:250px;
    bottom:-2px;
    background-size:40%;
}

.wolke-medium{
    background:url('../img/animation-footer/wolke-medium.png') no-repeat center bottom;
    width:74px;
    height:57px;
    left:60px;
    top:40px;
    background-size:40%;
}
.wolke-gross{
    background:url('../img/animation-footer/wolke-gross.png') no-repeat center bottom;
    width:106px;
    height:81px;
    left:140px;
    top:30px;
    background-size:40%;
}

.wolke-klein{
    background:url('../img/animation-footer/wolke-klein.png') no-repeat center bottom;
    width:42px;
    height:33px;
    left:250px;
    top:75px;
    background-size:40%;
}



.dark-bg-news{
    background-color:rgba(0,0,0,0.3);
    margin-bottom:20px;
    color:#fff;
}

.dark-bg-news a{
    color:#fff;
}
a.right-more{
    text-align:right;
    float:right;
}


.heading-animated{
    color:#e3cda7;
    font-size:60px;
    line-height:80px;
    text-transform: inherit;
    display:block;
    text-align:center;
}


.white-color{
    color:#e3cda7;
}

.black-color{
    color:#000;
}

.navbar-nav li a .black-color{
    color:#e3cda7;
}

.social-media{
    text-align:center;
}
.icon {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin: 4px;
    width: 80px;
    height: 80px;
    font-size: 0;
    text-indent: -9999px;
}

.icon-nudge {
    position: relative;
    background: url("../img/icons.png") no-repeat;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    background-size:432px 86.4px;
}

.icon-nudge::after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    content: "";
    -webkit-transition: height 0.2s;
    transition: height 0.2s;
}

.icon-nudge:hover::after {
    height: 8px;
}
/* facebook */
.icon-nudge.facebook {
    background-color: #3b5998;
    background-position: 0 0;
    
  
}

.icon-nudge.facebook:hover {
    background-position: 0 -8px;
}

.icon-nudge.facebook::after {
    background-color: #1e2e4f;
}

/* twitter */
.icon-nudge.twitter {
    background-color: #4099ff;
    background-position: -96px 0;
}

.icon-nudge.twitter:hover {
    background-position: -96px -8px;
}

.icon-nudge.twitter::after {
    background-color: #0065d9;
}

/* google plus */
.icon-nudge.googleplus {
    background-color: #d34836;
    background-position: -192px 0;
}

.icon-nudge.googleplus:hover {
    background-position: -192px -8px;
}

.icon-nudge.googleplus::after {
    background-color: #86291d;
}

/* github */
.icon-nudge.github {
    background-color: #333333;
    background-position: -288px 0;
}

.icon-nudge.github:hover {
    background-position: -288px -8px;
}

.icon-nudge.github::after {
    background-color: #4d4d4d;
}

/* rss */
.icon-nudge.rss {
    background-color: #024489;
    background-position: -343px 0;
}

.icon-nudge.rss:hover {
    background-position: -343px -8px;
}

.icon-nudge.rss::after {
    background-color: #1e2e4f;
}

.hotel{
    background-color:#fbf8f3;
    padding:10px;
    font-size:14px;

}
.hotel:nth-child(even){
    background-color:#fbf8f3;
}

.hotel:nth-child(odd){
    background-color:#f2e8d7;
}

.hotel img{
    padding-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    position: relative;
}

.hotel div{
    min-height:220px;
}

.masonry {
    margin:  0;
    padding: 0;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
    font-size: .85em;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    background-color:#000;
}
.masonry .row{
    margin:0;
    padding:0;
}
.masonry-item {
    display: inline-block;
    position:relative;

    padding: 0;
    margin: 0;
    margin-bottom:-5px;
    width: 100%;
    box-sizing: border-box;
    cursor: zoom-in;

}
.masonry-item img{
    width:100%;
    height:auto;
}
.masonry-item div{
    display:block;
    position:absolute;
    height:100%;
    overflow:auto;
    border:1px solid #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    background-color:rgba(0,0,0,0.6);
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
    top:0;
    color:#fff;
    padding:10px;
}
.masonry-item:hover  div{
    -webkit-transform: scale(1);
    transform: scale(1);
}
.masonry-item div h4{
    text-align:center;
    text-transform: uppercase;
    font-weight:bold;
    font-size:18px;
    padding-bottom:0px;
}

.hintergrund-tv{
    position:relative;
    display:block;
    width:100%;


    text-align:center;
    z-index:12;
}
#programm{
    min-height:360px;
    padding-top:0px;
    padding:0;
    position:relative;
    overflow:hidden;
}
.hintergrund-tv img{
    width:40%;
    position:relative;
    top:60px;
    height:auto;
    margin-left:35%;
    margin-right:auto;
}

.hintergrund-strahlen{
    position:absolute;
    display:block;
    top:0px;
    text-align:center;
    width:100%;
    z-index:5;
}
.hintergrund-strahlen img{
    position:relative;
    /*width:662px;
    height:auto;*/
    margin-left:auto;
    margin-right:auto;

}

h3.pdf-programm{

    position:absolute;
    left:50%;
    margin-left:-85px;
    font-size:28px;
    text-align:center;
    word-break: break-all;
    margin-top:180px;
    z-index:20;
    width:120px;
}

.section.map{
    z-index:-1;
   padding-left:0;
   padding-right:0;
}
#mapl4you{
    min-height:600px;
    display:block;
    position:relative;
    padding:0;
    margin:0;
    width:100%;
    z-index:1;
    overflow:hidden;
    background:transparent;
}
#active-Standort{
    padding-top:20px;
     font-size:16px;
}


#mapl4you #myCenterZoom{
    z-index:40;
    position:absolute;
    cursor:pointer;
    box-shadow:1px 1px 3px #ccc;
    font-size:11px;
    left:104px;
    padding:8px 8px;
    top:10px;
    background:#fff;
}
#mapl4you #map{
    z-index:30;
    float:left;
    width:100%;
    height:650px;
    display:block;
 }
    
#mapl4you .overlay-l4you{
    position:relative;
    float:left;
    width:100%;
    min-height:250px;
    display:block;
    height: auto;
    color:#fff;
    padding:20px;
    padding-right:40px;
    padding-top:20px;
    margin-right:-20px;
    background:#525252;
     z-index:100;
}
#active-Standort .description{
    position:relative;
    display:block;
    width:100%;
    max-height:350px;
    overflow:auto;
    padding:5px;
    padding-top:10px;
    padding-bottom:10px;
}


#mapl4you .overlay-l4you a{
    color:#fff;
}


body[data-pageid="10"] h3.pdf-programm{
    position: relative;
    left:inherit;
    width:100%;
    margin:0;
    text-align:center;
    word-break: normal;
    padding-top:40px;
    padding-bottom:40px;
}

 h3.pdf-programm a{
    color:#111;
    display:block;
    height:120px;
    background: url(../img/icon_pdf.png) no-repeat center bottom;
    background-size: 70px 70px;
    text-decoration:none;
}

#scroll-to-top {
    position: fixed;
    right: 10px;
    bottom: 15px;
    z-index: 95;
    /* transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
    display:block;
}

#scroll-to-top a {
    color: #fff;
    line-height:36px;
    font-size:22px;
    background-color: rgba(0, 0, 0, 0.5);
    width:40px;
    height:40px;
    border-radius: 20px;
    padding:0;

}
#scroll-to-top a:hover,
#scroll-to-top a:active,
#scroll-to-top a:focus {
    background-color: rgba(255, 255, 255, 0.6);
    color: #000;
}

.arrow-wrap {
  position:absolute;
  z-index:100;
  left:50%;
  top:inherit;
  margin-top:-5em;
  margin-left:-5em;
  background:#111;
  width:10em;
  height:10em;
  padding:4em 2em;
  border-radius:50%;
  font-size:0.5em;
  display:block;
}

.arrow {
  float:left;
  position:relative;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 3em 3em 0 3em;
  border-color: #ffffff transparent transparent transparent;
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg);
}

.arrow:after {
  content:'';
  position:absolute;
  top:-3.2em;
  left:-3em;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 3em 3em 0 3em;
  border-color: #111 transparent transparent transparent;
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg);
}
@-webkit-keyframes arrows {
    0% { top:0; }
    10% { top:12%; }
    20% { top:0; }
    30% { top:12%; }
    40% { top:-12%; }
    50% { top:12%; }
    60% { top:0; }
    70% { top:12%; }
    80% { top:-12%; }
    90% { top:12%; }
    100% { top:0; }
  }

@keyframes arrows {
    0% { top:0; }
    10% { top:12%; }
    20% { top:0; }
    30% { top:12%; }
    40% { top:-12%; }
    50% { top:12%; }
    60% { top:0; }
    70% { top:12%; }
    80% { top:-12%; }
    90% { top:12%; }
    100% { top:0; }
  }
  
  .arrow-wrap .arrow {
    animation: arrows 2.8s 0.4s;
    animation-delay: 3s;
    
    -webkit-animation: arrows 2.8s 0.4s;
    -webkit-animation-delay: 3s;
  }
  
  /*NEWS*/
  
  .mediaelement-image{
    float:left;
    margin:10px;
    width:auto;
    height:auto;
    background-color:transparent;
}

.news-img-wrap{
    float:none;
    padding-right:10px;
    padding-bottom:0px;
    padding-left:10px;
    padding-top:20px;
    width:100%;
    text-align:center;
}

.news-img-wrap img{
    max-height:auto;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    width:100%;
    height:auto;
}
.news-text-wrap a{
    font-weight:400;
    color:#000;
}
  
  .news-related.news-related-links{
     border:none;
}
.news-related.news-related-links ul{
    list-style: none;
    padding:0;
    border:none;
}

ul.prev-next{
    list-style:none;
    float:left;
    width:100%;
     margin:0;
     padding:0;
     padding-top:30px;
    
}

.prev-next li a{
    color:#000;
}

.prev-next li.next{
   display:block;
    width:50%;
    float:right;
     text-align:right;
    white-space: nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
}

.prev-next li.previous{
   width:50%;
   display:block;
   float:left;
   white-space: nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
}

a.backlink-news{
    font-size:24px;
    font-weight:300;
    color:#000;
    padding:0;
}

a.backlink-news:hover,
a.backlink-news:focus{
    color:#111;
}

.konf{
    display:block;
    position:relative;
    float:left;
    width:100%;
    padding-bottom:10px;
}




.bahn-special{
    padding:20px;
    position:relative;
    display:inline-block;
    width:98%;
    text-align:left;
    margin-top:30px;
    margin-bottom:20px;
    margin-left:auto;
    margin-right:auto;
    background-color:#f1e4cd;
}

.bahn-special table{
    width:100%;
    margin-top:20px;
}

.bahn-special table td:first-child{
    width:40%;
}
.bahn-extern-script{
    position:relative;
    display:inline-block;
    width:100%;
    text-align:center;
    padding-bottom:40px;
}

.logo-center{
    position:relative;
    display:inline-block;
    width:100%;
    text-align:center;
    padding-top:40px;
    padding-bottom:40px;
}

.logo-center img{
    margin-left:auto;
    margin-right:auto;
}

.sponsor-list{
    position:relative;
    display:inline-block;
    width:90%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    padding-bottom:60px;
}

.sponsor-list ol{
    margin-left:0;
    counter-reset: item;
    
}

.sponsor-list ol li{
    text-align:left;
    margin-top:20px;
    display:block;
    margin-bottom:20px;
    font-weight:bold;
}
.sponsor-list ol li::before {
  display: inline-block;
  content: counter(item) " ";
  counter-increment: item;
  width: 2em;
  height:2em;
  line-height:1.7em;
  margin-left: -2em;
  border-radius: 1em;
  text-align:center;
  border:2px solid #000;
  margin-right:20px;
}
#liste_foerderer{
    padding-top:0;
}

.button-outter{
   position:relative;
   width:100%;
   display:inline-block;
   text-align:center;
   padding-top:40px;
   
}

.button-more{
    position:relative;
   padding:10px 20px;
   background-color:#333;
   color:#fff;
   font-size:22px;
   display:inline-block;
   text-align:center;
   margin-bottom:40px;
}

.button-more.digital{
    margin-bottom:0px;
    background:transparent;
    font-size:30px;
}

.button-more a{
    color:#fff;
    text-decoration: none;
}

.button-more.digital a{
    color:#333;
}