#livecam,.livecam-menu-wrapper{display:-webkit-flex;display:-ms-flexbox}
.livecam-menu-wrapper{color:#FFF;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;background-color:#db6daa;padding:5px 15px 10px;margin:0 16.66%;margin-top:30px}
.livecam-menu-wrapper .news-menu{margin:0 10px;font-size:20px}
.livecam-menu-wrapper .news-menu span{padding-left:30px}
.livecam-menu-wrapper .news-menu span.active{font-weight:700}
@media (max-width:1500px){.livecam-menu-wrapper{margin:0 8.33%;margin-top:30px}
}
@media (max-width:1024px){.livecam-menu-wrapper{margin:0;background-color:#333;color:#d34996;padding:0 18px}
.livecam-menu-wrapper div.headline{font-size:26px}
}
#livecam{background:url(/img/bg.jpg) no-repeat;background-color:#f9f;box-shadow:inset 0 0 0 5000px rgba(0,0,0,.8);background-size:contain;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;padding:0 16.66%}
#livecam .top-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
#livecam .top-wrapper .offline,#livecam .top-wrapper .online{width:45%;color:#FFF;margin-top:50px}
#livecam .top-wrapper .offline .teaser,#livecam .top-wrapper .online .teaser{font-size:26px;margin:50px 0 25px}
#livecam .top-wrapper .offline .teaser span,#livecam .top-wrapper .online .teaser span{display:block}
#livecam .top-wrapper .offline .action>div,#livecam .top-wrapper .online .action>div{font-size:18px;margin:15px 100px}
#livecam .top-wrapper .offline .action>a,#livecam .top-wrapper .online .action>a{font-size:36px;font-weight:300}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){#livecam .top-wrapper .offline .action>div,#livecam .top-wrapper .online .action>div{margin:30px 0}
#livecam .top-wrapper .offline .action>a,#livecam .top-wrapper .online .action>a{font-size:26px}
}
#livecam .top-wrapper .offline .indicator,#livecam .top-wrapper .online .indicator{width:290px;padding:5px;font-size:41px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
#livecam .top-wrapper .offline .indicator span,#livecam .top-wrapper .online .indicator span{font-weight:700}
#livecam .top-wrapper .offline .indicator i,#livecam .top-wrapper .online .indicator i{font-size:25px}
#livecam .top-wrapper .offline a,#livecam .top-wrapper .online a{font-size:33px;padding:24px 40px}
#livecam .top-wrapper .offline .teaser div>span{display:inline;font-weight:500}
#livecam .top-wrapper .offline .indicator{color:#FFF;border:2px solid #d14a97}
#livecam .top-wrapper .offline .indicator span{font-weight:700;color:#d14a97}
#livecam .top-wrapper .offline .indicator i{color:#d14a97}
#livecam .top-wrapper .online{color:#FFF}
#livecam .top-wrapper .online .teaser span{color:#58b275}
#livecam .top-wrapper .online .indicator{width:290px;padding:5px;border:2px solid #60bc7b;font-size:41px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
#livecam .top-wrapper .online .indicator span{color:#5bae7a;font-weight:700}
#livecam .top-wrapper .online .indicator i{font-size:25px;color:#5bae7a}
#livecam .top-wrapper .livecam-picture{position:relative;width:40%;margin:3vw;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2}
#livecam .top-wrapper .livecam-picture div{position:absolute;width:94.1%;height:14.5vw;top:13.64%;right:-12.5%;background-repeat:no-repeat;background-size:cover}
#livecam .top-wrapper .livecam-picture .webcam_badge{position:absolute;top:13vw;left:3%;width:30%}
#livecam .top-wrapper .livecam-picture img{width:130%;max-width:none}
#livecam .top-wrapper .cam-pic{background-image:url(/img/monitor.png)}
#livecam .webcamplan{position:relative;text-align:left;margin:30px 0;background:#FFF;width:100%}
#livecam .webcamplan .title{font-size:40px;padding:15px 25px;color:#FFF;background:#000}
#livecam .webcamplan .subtitle{font-size:30px;color:#000;background:#FFF;padding:30px 25px}
#livecam .webcamplan table{margin:0 25px;overflow:hidden;color:#333}
#livecam .webcamplan table tr th{border:none;font-size:30px;font-weight:300}
.modal #livecam .webcamplan table tr th,.panel-body #livecam .webcamplan table tr th{background-color:#E1409E}
#livecam .webcamplan table tr td{padding:15px 8px 50px;border:none;font-size:20px}
@media (max-width:600px){#livecam .webcamplan table tr td{padding-right:0}
}
#livecam .webcamplan table tr td div{font-weight:300;margin:2px 0}
#livecam .webcamplan table tr .actday{background:#f88bc5}
@media (max-width:1500px){#livecam{padding:0 8.33%}
#livecam .top-wrapper .livecam-picture{margin-right:100px}
#livecam .top-wrapper .livecam-picture div{top:13%;height:19vw}
#livecam .top-wrapper .livecam-picture .webcam_badge{top:16vw}
}
@media (max-width:1024px){#livecam{padding:0 20px;box-shadow:none;background:0 0;background-color:#000;-webkit-flex-flow:column wrap;-ms-flex-flow:column wrap;flex-flow:column wrap}
#livecam .top-wrapper{-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
#livecam .top-wrapper .offline,#livecam .top-wrapper .online{width:100%}
#livecam .top-wrapper .offline .indicator,#livecam .top-wrapper .online .indicator{width:auto;max-width:300px;margin:0 auto}
#livecam .top-wrapper .offline .teaser>div i,#livecam .top-wrapper .online .teaser>div i{display:none}
#livecam .top-wrapper .offline .teaser,#livecam .top-wrapper .online .teaser{width:75%;text-align:center;margin:50px auto 25px}
#livecam .top-wrapper .offline a,#livecam .top-wrapper .online a{margin-top:50px;width:100%;font-size:28px;padding:24px 40px;max-width:800px;margin:50px auto;display:block}
#livecam .top-wrapper .livecam-picture{margin:0;-webkit-order:-1;-ms-flex-order:-1;order:-1;width:100%;margin-top:50px}
#livecam .top-wrapper .livecam-picture div{height:40vw;width:71.1%;right:14.5%}
#livecam .top-wrapper .livecam-picture .webcam_badge{top:37vw;width:20%;left:5%}
#livecam .top-wrapper .livecam-picture img{width:100%}
#livecam .webcamplan{width:calc(100% + 40px);margin:30px -20px 0}
#livecam .webcamplan .title{color:#d34996;padding:15px;background-color:#FFF}
#livecam .webcamplan table{margin-left:0}
#livecam span.minutes{display:none}
}
@media (max-width:425px){#livecam{padding:0 20px;box-shadow:none}
#livecam .top-wrapper{padding-top:30px}
#livecam .top-wrapper .offline .indicator,#livecam .top-wrapper .online .indicator{max-width:none}
#livecam .top-wrapper .offline .teaser,#livecam .top-wrapper .online .teaser{margin:20px 0;text-align:left;font-size:20px;width:100%}
#livecam .top-wrapper .offline .teaser>div,#livecam .top-wrapper .online .teaser>div{font-size:20px}
#livecam .top-wrapper .offline .teaser>div span,#livecam .top-wrapper .online .teaser>div span{font-weight:inherit}
#livecam .top-wrapper .offline a,#livecam .top-wrapper .online a{padding:15px;font-size:20px;width:100%}
#livecam .top-wrapper .livecam-picture div{height:39vw}
#livecam .top-wrapper .livecam-picture .webcam_badge{top:35vw}
#livecam .webcamplan .title{font-size:20px;color:#d34996;padding:15px;background-color:#FFF}
#livecam .webcamplan .subtitle{font-size:14px;padding:0 15px 15px}
#livecam .webcamplan table{margin:0}
#livecam .webcamplan table tr th{font-size:20px}
#livecam .webcamplan table tr td{padding:5px;font-size:12px}
#livecam .webcamplan table tr td div .minutes{display:none}
}
.video-preview-button{font-size:19px;position:absolute;z-index:888;bottom:20px;left:15px;margin:auto;padding:5px 10px;color:#FFF;display:-webkit-flex;display:-ms-flexbox;display:flex}
.video-preview-button .preview-time{background-color:#62bc7c;padding:2px 5px;line-height:30px}
.video-preview-button .play-icon{background-color:#FFF;color:#62bc7c;padding-left:11px;padding-right:11px;vertical-align:middle;line-height:32px}
.video-preview-button:hover{cursor:pointer;background-color:#007514}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){.video-preview-button{display:none}
}
.nav-items .livecam{border-bottom:7px solid #d34996;margin-top:7px}
nav.mobile #mobile-menu-list div.livecam a{color:#d34996}
.page-track{color:#FFF}
.page-track .offline,.page-track.offline .online{display:none}
.page-track.offline .offline{display:block}
.offline,.online{margin-top:10px}
.cam-pic{border:6px solid #353535;border-radius:12px;max-width:425px;margin:auto}
.cam-pic>img{width:100%;border-radius:6px}