@font-face{
    font-family:"DIN Next LT W04 Regular";
    src:url("../../fonts/1448933/bbb280b3-b74d-49f2-908d-0395516a3dc8.eot?#iefix");
    src:url("../../fonts/1448933/bbb280b3-b74d-49f2-908d-0395516a3dc8.eot?#iefix") format("eot"),url("../../fonts/1448933/95d17c42-537a-4cbf-a8c1-60fcc6edf28f.woff2") format("woff2"),url("../../fonts/1448933/3097f8f0-50b7-4d8d-8745-6281850a1b05.woff") format("woff"),url("../../fonts/1448933/ac4b95cb-49c4-493a-a895-471d763cea38.ttf") format("truetype"),url("../../fonts/1448933/239a6552-f940-4e58-abe7-34dea8cf9fb6.svg#239a6552-f940-4e58-abe7-34dea8cf9fb6") format("svg");
}
@font-face{
    font-family:"DIN Next LT W04 Bold";
    src:url("../../fonts/1448941/435ec954-73b2-4a0c-89ed-0c36d79ee595.eot?#iefix");
    src:url("../../fonts/1448941/435ec954-73b2-4a0c-89ed-0c36d79ee595.eot?#iefix") format("eot"),url("../../fonts/1448941/7e3bc38e-72f2-4d0b-8e96-4c466b57b052.woff2") format("woff2"),url("../../fonts/1448941/8283248b-29aa-4d91-8920-841505269e68.woff") format("woff"),url("../../fonts/1448941/929bfe48-8086-4796-820d-ff0222f68dd0.ttf") format("truetype"),url("../../fonts/1448941/e347011e-4195-4ce4-8d0e-ddd49960ca09.svg#e347011e-4195-4ce4-8d0e-ddd49960ca09") format("svg");
}
* { margin: 0; padding: 0; }



.clear { clear: both; }
body {
    margin: 0;
    padding: 0;
}
/*.fullscreen { width: 100%; height: 100%; }*/
.fullscreen {
    width: 1880px;
    height: 1040px;
    padding: 20px;
    margin: 0;
    font-family:"DIN Next LT W04 Regular";
    background: #ffffff;
}

.fullscreen .portrait {
    width: 1080px;
    height: 1880px;
    padding: 20px;
    margin: 0;
    font-family:"DIN Next LT W04 Regular";
    background: #ffffff;
}
.fullscreen .content { }
.fullscreen .content .content-left { float: left; width: 1355px; min-height: 500px; background: #fff; }
.fullscreen .page .content .content-left { width: 1040px; min-height: 500px;}
.fullscreen .content .content-right { float:right; width: 505px; height: 1040px; overflow: hidden; background-color: #005ca9; padding: 0; color: #fff; }

/* departure */
#screenwrapper {}
#screenwrapper .screen-head { border-top: 3px solid #056bb3; padding: 5px 0; height: 88px;}
#screenwrapper .screen-head .mcol-01 { float: left; margin-right:30px; margin-top: 15px; }
#screenwrapper .screen-head .txt { float: left; color: #000; margin-top: 10px; }
#screenwrapper .screen-head .txt .headline { font-family: "DIN Next LT W04 Bold"; font-size: 36px; display: block; }
#screenwrapper .screen-head .txt .time-item { font-family: "DIN Next LT W04 Bold"; font-size: 24px; display: block; }
#screenwrapper .screen-head .txt .time-item .light { font-family: "DIN Next LT W04 Regular"; font-size: 24px; margin-left: 15px; }
.mIcon { background: url(../../img/departure_sprite.png) -180px 0 no-repeat; }
.mIcon.bus { background-position: 0px 0; width: 55px; height: 55px; display: block; }
.mIcon.mLogo { background-position: 0px -249px; width: 136px; height: 36px; float: right; margin: 30px 0 0 0; }
#screenwrapper table {}
#screenwrapper table tr.tIcons td { background: #056bb3; height: 50px; line-height: 50px; padding: 0 10px; }
#screenwrapper table tr.tHead td { background: #bbd4f0; height: 50px; line-height: 50px; padding: 0 10px; font-size: 32px;}
#screenwrapper table tr.tIcons span.mIcon { display: inline-block; }
#screenwrapper table tr.tIcons span.time { line-height: 50px; margin-top: 10px; margin-right: 27px; width: 29px; height: 29px; background-position: 0px -63px; display: inline-block; }
#screenwrapper table tr.tIcons span.mIcon.line { width: 42px; height: 11px; background-position: 0px -101px; background-color: transparent; display: inline-block; }
#screenwrapper table tr.tIcons span.mIcon.direction { width: 48px; height: 17px; background-position: 0px -143px; }
#screenwrapper table tr.tIcons span.mIcon.stop { width: 50px; height: 17px; background-position: 0px -203px;  }
#screenwrapper .content-left .time-info span.addInfo { font-family: "DIN Next LT W04 Regular";  font-size: 10px;}
#screenwrapper .content-left td {border-right: 3px solid #fff; height: 50px; }
#screenwrapper .content-left td.time {border-right: 0; width: 140px; text-align: right !important;  font-size: 72px; }
#screenwrapper .content-left td.addTime { width: 50px; }
#screenwrapper .content-left td.line-info { width: 135px; }
#screenwrapper .content-left td.route-info { width: auto; }
#screenwrapper .content-left td.busstop {border-right: 0; width: 135px; }
#screenwrapper .content-left table.departure {
    background: #fff;
    width: 100%;
}
#screenwrapper .content-left table.departure tr.odd td, #screenwrapper .content-left table.departure tr.odd th { background: #e9eff4; }
#screenwrapper .content-left table.departure tr.even td { background: #fff; }
#screenwrapper .content-left table.departure tr th { padding: 10px; text-align: center; color: #000000; font-family: "DIN Next LT W04 Bold"; font-size: 16px; }
#screenwrapper .content-left table.departure tr th.route-info { text-align: left; }
#screenwrapper .content-left table.departure tr th.line-info { text-align: left; }
#screenwrapper .content-left table.departure tr td { padding: 5px 10px; text-align: center; color: #000000; font-family: "DIN Next LT W04 Regular";  font-size: 32px; }
#screenwrapper .content-left table.departure tr.tHead td { font-size: 32px; }
#screenwrapper .content-left table.departure tr.tHead td.time { padding-right: 27px; }
#screenwrapper .content-left table.departure tr td.addTime { text-align: left; padding: 5px 10px 5px 0;}
#screenwrapper .content-left table.departure tr td.route-info { text-align: left; }
#screenwrapper .content-left td.addTime span.in-time { color: #55cd4c; }
#screenwrapper .content-left td.addTime span.plus { color: #cd1719; }
#screenwrapper .content-left td.line-info .line { background-color: #929395; display: inline-block; min-width: 60px; padding: 6px; border-radius: 4px; }
#screenwrapper .content-left td.line-info .line span { white-space: nowrap; display: block; min-width: 56px; font-family: "DIN Next LT W04 Regular", Verdana; color: #fff; font-size: 30px; font-weight: 700; padding: 0px; text-align: right; margin-right: 0px;  }
#screenwrapper .content-left td.route-info span { display: block; }
#screenwrapper .content-left td.route-info span.delay { color: #cd1719; }
#screenwrapper .img_center { position: absolute; left: 50%; top: 50%; margin-left: -200px; margin-top: -72px; }
.content-right .slider {  }
.content-right .slider .slide01 { width: 505px; }
.content-right .slider .slide01 .sContent {  padding: 40px 40px 10px 40px; }
.content-right .slider .slide02 { width: 505px;  }
.content-right .slider .slide02 img { width: 100%; height: auto;  }
.content-right .slider .slide01 .wHead { height: 65px; margin-bottom: 15px; }
.content-right .slider .slide01 .wHead .mIcon.weather { margin-right: 10px; display: inline-block; width: 55px; height: 55px; background-position: -4px -301px; float: left; }
.content-right .slider .slide01 .wHead .right { }
.content-right .slider .slide01 .wHead .headline { font-family: "DIN Next LT W04 Bold"; font-size: 24px; }
.content-right .slider .slide01 .wHead .subheader { font-size: 24px; }
.content-right .slider .slide01 .desc { font-size: 20px; margin-bottom: 20px; }
.content-right .slider .slide01 .desc h2 { font-size: 32px; font-family: "DIN Next LT W04 Bold"; margin: 0 0 10px; }
.content-right .slider .slide01 .desc .image-wrapper { margin: 20px 0; height: auto; overflow: hidden; }
.content-right .slider .slide01 .desc .image-wrapper img { width: 100%; height: auto; }
.forecast { background: #fff; border: 8px solid #bbd4f0; }
.forecast .wItem { float: left; width: 197px; }
.forecast .wItem .inner { background: #fff; padding: 10px; }
.forecast .wItem .img-wrapper { text-align: center; }
.forecast .wItem img.fc { width: 110px; height: auto;}
.forecast .wItem .icon-row { height: 50px; line-height: 50px; padding: 0px 10px 0; }
.forecast .wItem .icon-row .left { float: left; width: 32px; margin-top: 9px; }
.forecast .wItem .icon-row .right { float: right; margin-top: 5px; width: 40px;}
.forecast .wItem#wItem1 { margin-right: 15px; }
.forecast .wItem .outer { font-size: 20px; margin-top: 10px; }
.forecast .wItem .wInfo { color: #000; text-align: center; width: 100%; font-size: 20px; }
.forecast .wItem .wTemp { float: left; color: #000; font-size: 18px; }
.forecast .wItem .wSun { float: right; color: #000; font-size: 18px;  }
.footerInfo { color: #fff; font-size: 18px; margin-top: 30px; }
.footerInfo .gs_logo { margin-bottom: 10px; width: 250px; height: auto; }
.footerInfo p { font-size: 20px; }

.events {}
.slide02 .footerInfo { padding: 15px 35px; }
.events .event-item { width: 395px; height: auto; margin-left: 35px; padding: 20px; background: #fff; margin-bottom: 20px; color: #000; }
.events .event-item h3.event-title { margin-bottom: 20px; }
.events .event-item .event-img { float: left; width: 150px; }
.events .event-item .event-desc { float: right; width: 215px; }
.events .event-item .event-detail { margin-bottom: 5px; }
.events .event-item .event-img img { width: 150px; height: auto;  }
.content-right .slider .events .wHead { height: 65px; margin-bottom: 15px; padding: 20px 0 0 35px;  }
.content-right .slider .events .wHead .headline { font-family: "DIN Next LT W04 Bold"; font-size: 24px; }
.content-right .slider .events .wHead .subheader { font-size: 24px; }
.content-right .slider .events .wHead .mIcon.events { margin-right: 10px; display: inline-block; width: 55px; height: 55px; background-position: -4px -362px; float: left; }
.content-right .event-desc { padding: 10px; }
.content-right .event-desc h3 { margin-bottom: 10px; }


#screenwrapper.style-large1 table tr.tHead td { font-size: 38px !important;}

.marquee {
    max-width: 100vw; /* iOS braucht das */
    white-space: nowrap;
    overflow: hidden;
    background: #005ca9;
    /* hier evtl. noch font-size, color usw. */
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 10s linear infinite;
    font-size: 52px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
}


/* Make it move */
@keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}


/* video */
.content-right video {
    width: 100%;
    height: auto;
}

.displayswitch .img_center {
    left: 50%;
    top: 50%;
    margin: 100px auto;
    text-align: center;
    position: absolute;
    transform: translate(-50%, -50%);
}
.displayswitch .img_center img {
    margin-bottom: 50px;
}

.showAdvertising{
    padding: 0!important;
}