@charset "UTF-8";

@font-face {
  font-family: 'Lato';
  src: url('../fonts/Lato/Lato-Regular.ttf') format('truetype');;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Lato bold';
  src: url('../fonts/Lato/Lato-Bold.ttf') format('truetype');;
  font-weight: 700;
  font-style: normal;
}

body { background: #ededed; font-family: "Lato", Arial, sans-serif; font-weight: 400; color: #224888; }
b, strong { font-family: "Lato bold", Arial, sans-serif; font-weight: 700; }
.csc-default ul li { list-style-image: url(../img/bkg-ul-li.gif); margin-left: 15px; }
.csc-default .shariff .orientation-horizontal li {margin-left:0;}
ul.slides li, ul.flex-direction-nav li, .biglayer ul li, .subnav ul li  { list-style-image: none !important; margin-left: 0; }
img, object, embed { /*width: 100%;*/ }

p {
    font-family: "Lato";
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    padding-bottom: 13px;
}
aside P {color: #919191;}
aside {margin-top:-10px;}

.fab:before, .fas:before { font-family: 'FontAwesome'; padding: 0 10px; }

.scrollAuto { overflow: auto; }

h1, h2, h3, h4, h5, h6 { font-family: "Lato", Arial, sans-serif; font-weight: Normal; color: #003370; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #003370; }
.shortie_item h3 a { color: white; } 

h1 { font-size: 30px; font-weight:700; padding-top:20px; padding-bottom:20px; margin-bottom:25px; border-bottom:5px solid #e5f1f9;}
h2 { font-size: 26px; font-weight:700; padding-top:10px; padding-bottom:10px; margin-top: 25px; margin-bottom: 25px; border-bottom: 5px solid #e5f1f9;}
h3 { font-size: 22px; font-weight:700; text-transform:none; padding-bottom:10px; margin-bottom:10px; border-bottom:3px solid #e5f1f9;}
h4 { font-size: 18px; font-weight:700; text-transform: none;padding-bottom:10px; margin-bottom:15px; border-bottom:3px solid #e5f1f9; }
h5 { color: #ff6319; font-size: 18px; font-weight:700; text-transform:none;padding-bottom:10px; margin-bottom:10px; border-bottom:none;}
h6 { color: #ff6319; font-size: 18px; font-weight:700; text-transform:none;padding-bottom:10px; margin-bottom:10px; border-bottom:none; }

.biglayer h5 { font-size: 16px; padding-top: 0; padding-bottom: 0; margin-top: 20px; border-bottom:5px solid #e5f1f9; }
.biglayer h5 a { font-weight: 700 !important; }

table tr:first-child td { border-top: none; }
table tr td:first-child { font-weight: normal; }
.csc-default .row { margin-bottom: 25px; }
.csc-default .row .row,
#shorties.csc-default .row { margin-bottom: 0; }

/* Firefox Fix: */
#content [class^="csc-textpic"] {max-width:100%;}

.link-outlined, .link-button, .link-download { display: inline-block; color: #ff6218; border: 1px solid #ff6218; padding: 8px 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; font-family: "Lato bold", Arial, sans-serif; font-weight: 700; margin-bottom: 4px; }
.link-button, .link-button:hover, .link-outlined:hover { background: #ff6218; color: white; }
.link-button:hover { background: #0079c8; border: 1px solid #0079c8; }

#HFS.jena #HFSQuery, .jena .summary { box-shadow: none !important; }
#HFS.jena { min-width: 280px !important; }

/*
.flx-box {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.flx-box .columns {
  flex: 1;
}
.flx-box .columns:nth-child(1) {
  background: #ccc;
  order: 1;
}
.flx-box .columns:nth-child(2) {
  background: #eee;
  order: 0;
}
*/

.row.flx-box {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left,  #ebf7fd 0%, #ebf7fd 23.5%, #ffffff 23.5%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ebf7fd), color-stop(23.5%,#ebf7fd), color-stop(23.5%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #ebf7fd 0%,#ebf7fd 23.5%,#ffffff 23.5%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ebf7fd 0%,#ebf7fd 23.5%,#ffffff 23.5%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ebf7fd 0%,#ebf7fd 23.5%,#ffffff 23.5%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right,  #ebf7fd 0%,#ebf7fd 23.5%,#ffffff 23.5%,#ffffff 100%); /* W3C */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf7fd', endColorstr='#ffffff',GradientType=1 ); */ /* IE6-9 */
}

.ie8 .row.flx-box .flx-box-rgt, 
.ie9 .row.flx-box .flx-box-rgt { border-left: 3px solid #ebf7fd; }
.ie8 .row.flx-box .columns.flx-box-rgt, 
.ie9 .row.flx-box .columns.flx-box-rgt {
  margin-left: 0;
  padding-left: 2%;
}

.content_margin {background:#ffffff;max-width:1600px;margin:0 auto;position:relative;}
.teaser-lightblue { background: #e5f1f9; padding: 0 15px;}
.teaser-lightblue tbody tr, .teaser-lightblue tbody tr:nth-child(even)  {background-color: #e5f1f9;}

.ico-darkblue { background-color: #003370; }
.ico-lightblue { background-color: #0079c8; }
.ico-yellow { background-color: rgb(253,218,0); }
.ico-orange { background-color: #ff6319; }

.dspl_table {display:table;width:100%;}
.dspl_tablecell {display:table-cell;vertical-align:middle;}

#topnav UL {display:block;width:100%;margin:0 auto;text-align:right;}
#topnav LI {display:inline-block;text-align:right;padding:0 0 0 16px;color:#999;font-size:12px;text-transform:uppercase;}
#topnav LI A {display:block;color:#003473;padding:4px 0 0 0;}

.header {padding-bottom:15px !important;position:relative;}
#logo IMG {display:none;}
#logo {width:220px; min-width:220px; height:65px; background: transparent url(../img/logo_jnv_HD.png) no-repeat; background-size:220px 65px;}
#logo A {display:block;width:100%;height:100%;}
#search {padding:5px 0 0 50px;}
#phone {font-size:30px;text-align:right;padding-top:0px;width:260px;}
#phone .fa {font-size:32px;display:inline-block;}
#phone SPAN {font-size:14px;display:block;line-height:100%}
#info {text-align:right;width:180px;padding-top:5px;}
#info A {display:inline-block;margin:0 0 0 15px;width:35px;}
#info A img {width:100%;max-width:100%;height:auto;}
/*
#info .zug {background: url(../img/zug-piktogramm.png) center center; background-size: cover;}
#info .ast {background-position:0 0px;}
#info .tram {background: url(../img/tram-piktogramm.png) center center; background-size: cover;}
#info .bus {background: url(../img/bus-piktogramm.png) center center; background-size: cover;}
*/

#mainnav { z-index: 980; }
#mainnav .content_margin {background:#0079c8;min-height:34px;}
#mainnav UL {width:100%;margin:0 auto;position:relative;}
#mainnav LI {text-align:center;padding:0;}
#mainnav UL LI:hover .dropdown { border-left:3px solid #0079c8; border-right:3px solid #0079c8; border-bottom:3px solid #0079c8; border-top:1px solid #0079c8; border-radius: 0 0 4px 4px; margin-top: -1px; }
.gumby-no-touch .navbar ul li:hover .dropdown, .gumby-touch .navbar ul li.active .dropdown { background: white; min-height: auto; }
#mainnav UL LI:hover .dropdown .dropdown {border-top:3px solid #0079c8;}

#mainnav LI:hover .dropdown.biglayer {left: 0;max-width: 1000px;padding:20px;background:white;max-height:92vh;overflow:auto;}
#mainnav .mean-nav LI:hover .dropdown.biglayer { overflow:visible; }
#mainnav LI .dropdown.biglayer > .csc-default {}
#mainnav LI .dropdown ul > li {max-width:none;}
#mainnav LI LI {text-align:left;}
#mainnav LI A {color:white;text-transform:uppercase;text-shadow:0 0 1px #222;font-weight:700;padding:7px 4px;margin-top:0px;}
#mainnav LI.home-link A .fa.fa-home { font-size: 20px;}
#mainnav LI:hover > A {background:white; padding:11px 1px 4px 1px; margin-top:-10px; border-top:3px solid #0079c8; border-left:3px solid #0079c8; border-right:3px solid #0079c8; /*border-bottom:1px solid white;*/ border-radius: 4px 4px 0 0; color:#0079c8; text-shadow:none;}
#mainnav LI.home-link:hover > A {padding:8px 1px 7px 1px; margin-top:-4px;}
#mainnav LI LI:hover > A { background:#e5f1f9; padding:10px 4px 10px 15px;margin-top:inherit;border:none;border-radius:inherit;color:#0079c8;text-shadow:none;}
#mainnav LI LI A {color:#224888;text-transform:inherit;text-shadow:none;white-space:normal; padding: 10px 4px 10px 15px; font-weight: 400;}
#mainnav LI .dropdown UL .dropdown {top: -3px; }
#mainnav LI .dropdown UL .dropdown UL {overflow:visible; }
#mainnav A.current {color: #ff6218 !important;}
#mainnav LI.business {padding-left: 15%;width: 35%;}
#mainnav LI.business > A {color:#b2d6ec;}
#search_switcher {position:absolute;right:20px; top:3px;z-index:999999;color:white;font-size:24px;text-shadow:0 0 1px #222;width:auto;background:transparent;display:none;}

.dropdown.biglayer p { padding-left: 15px; }
.dropdown.biglayer li.sitemap-item, .dropdown li { border-bottom: 1px solid #e5f1f9; }
.dropdown.biglayer li.sitemap-item:last-child, .dropdown li:last-child { border-bottom: none; }
.dropdown.biglayer li.sitemap-item .link { font-family: "Lato bold", Arial, sans-serif; font-weight: 700; }

/*.navbar li .dropdown ul > li a { padding: 7px 20px; }*/

.sitemap-item .link {float:right;width:calc(79% - 15px);margin-top:4px;}
.sitemap-item.last {clear:left;/*float:none;*/}
.sitemap-item .subtitle {display:block;color:#000;font-size:12px;line-height:18px;font-weight:400;width:calc(79% - 15px);float:right;padding-right:15px;}

.flx-box-rgt .sitemap-item { display: block; float: left; width: 100%; }
.flx-box-rgt .sitemap-item .link {width:82%;}
.flx-box-rgt .sitemap-item .subtitle {width:82%;}

.sitemap-outerwrap {position:relative;}
.sitemap-outerwrap .icon {display:block;position:absolute;top:4px;margin-right:16px;width:35px;height:35px;background: transparent url(../img/picto_sprites.png) no-repeat;background-size:203px 35px;}
.sitemap-outerwrap .icon.zug {background-position:0px 0px;}
.sitemap-outerwrap .icon.ast {background-position:0 0px;}
.sitemap-outerwrap .icon.tram {background-position:-56px 0px;}
.sitemap-outerwrap .icon.bus {background-position:-112px 0px;}
.sitemap-innerwrap {margin-left:51px;}
.sitemap-innerwrap H5 A {float:none !important;padding-left:0;}

.biglayer .sitemap-item .link {float:left;width:100%;margin-top:0;float:none;}
.biglayer .sitemap-item .subtitle {float:none;width:100%;}

.sitemap-item .icon {display:inline-block;float:left;margin:5px 10px 0 15px;width:35px;height:35px;color:black;font-size:18px;line-height:35px;font-weight:700;text-align:center;}
.sitemap-item .icon:after {display:block;text-align:center;background:white;}
/* TRAM */
.sitemap-item .line_201:after {content:'1';background:#f6e100;}
.sitemap-item .line_202:after {content:'2';background:#a88439;color:white;}
.sitemap-item .line_203:after {content:'3';background:#f39b9a;}
.sitemap-item .line_204:after {content:'4';background:#e3000b;color:white;}
.sitemap-item .line_205:after {content:'5';background:#e72d77;}
.sitemap-item .line_233:after {content:'33';background:#fed100;}
.sitemap-item .line_234:after {content:'34';background:#cab089;}
.sitemap-item .line_235:after {content:'35';background:#ef9f00;}
.sitemap-item .line_299:after {content:'SEV';background: #941680 url(../img/picto_sprites.png) no-repeat;background-size:203px 35px;background-position:-168px 0px;color:white;border-radius:35px;text-indent:-9999px;}

.sitemap-item .line_17201:after {content:'1';background:rgb(226,77,51);color:white;}
.sitemap-item .line_17202:after {content:'2';background:rgb(250,183,29);color:white;}
.sitemap-item .line_17203:after {content:'3';background:rgb(127,95,0);color:white;}
.sitemap-item .line_17204:after {content:'4';background:rgb(219,8,18);color:white;}
.sitemap-item .line_17205:after {content:'5';background:rgb(106,47,117);color:white;}

/* BUS */
.sitemap-item .line_310:after {content:'10';background:#003b7c;color:white;border-radius:35px;}
.sitemap-item .line_311:after {content:'11';background:#181716;color:white;border-radius:35px;}
.sitemap-item .line_312:after {content:'12';background:#c366a5;color:white;border-radius:35px;}
.sitemap-item .line_313:after {content:'13';background:#00963E;color:white;border-radius:35px;}
.sitemap-item .line_314:after {content:'14';background:#90a652;color:white;border-radius:35px;}
.sitemap-item .line_315:after {content:'15';background:#0075b8;color:white;border-radius:35px;}
.sitemap-item .line_316:after {content:'16';background:#6abe99;border-radius:35px;}
.sitemap-item .line_317:after {content:'17';background:#8bb9e1;border-radius:35px;}
.sitemap-item .line_318:after {content:'18';background:#00963e;color:white;border-radius:35px;}
.sitemap-item .line_328:after {content:'28';background:#79b530;color:white;border-radius:35px;}
.sitemap-item .line_341:after {content:'41';background:#C5D76A;border-radius:35px;}
.sitemap-item .line_342:after {content:'42';background:#a0003e;color:white;border-radius:35px;}
.sitemap-item .line_343:after {content:'43';background:#81d0f5;border-radius:35px;}
.sitemap-item .line_344:after {content:'44';background:#006e98;color:white;border-radius:35px;}
.sitemap-item .line_347:after {content:'47';background:#2e2382;color:white;border-radius:35px;}
.sitemap-item .line_348:after {content:'48';background:#d6d287;border-radius:35px;}

.sitemap-item .line_17310:after {content:'10';background:rgb(91,197,242);color:white;border-radius:35px;}
.sitemap-item .line_17311:after {content:'11';background:rgb(49,39,131);color:white;border-radius:35px;}
.sitemap-item .line_17312:after {content:'12';background:rgb(0,151,190);color:white;border-radius:35px;}
.sitemap-item .line_17314:after {content:'14';background:rgb(0,155,86);color:white;border-radius:35px;}
.sitemap-item .line_17315:after {content:'15';background:rgb(0,134,122);color:white;border-radius:35px;}
.sitemap-item .line_17316:after {content:'16';background:rgb(108,190,153);color:white;border-radius:35px;}
.sitemap-item .line_17318:after {content:'18';background:rgb(0,150,64);color:white;border-radius:35px;}
.sitemap-item .line_17341:after {content:'41';background:rgb(203,80,127);color:white;border-radius:35px;}
.sitemap-item .line_17342:after {content:'42';background:rgb(161,4,64);color:white;border-radius:35px;}
.sitemap-item .line_17343:after {content:'43';background:rgb(140,203,214);color:white;border-radius:35px;}
.sitemap-item .line_17344:after {content:'44';background:rgb(0,111,153);color:white;border-radius:35px;}
.sitemap-item .line_17347:after {content:'47';background:rgb(49,39,131);color:white;border-radius:35px;}
.sitemap-item .line_17348:after {content:'48';background:rgb(194,198,94);color:white;border-radius:35px;}


.sitemap-item .line_410:after {content:'48';background:#009992;color:white;}
.sitemap-item .line_411, .sitemap-item .line_412 {background:transparent;}
.sitemap-item .line_411:after {content:' ';}
.sitemap-item .line_412:after {content:' ';}


.subnav {background: #ebf7fd; padding-top: 0; }
.subnav ul, .subnav ol { margin-bottom: 0; }
.subnav .header_icon {display:block;float:left;margin:19px 14px 0 15px;width:35px;height:35px;background: transparent url(../img/picto_sprites.png) no-repeat;background-size:203px 35px;}
.subnav .header_icon.zug {background-position:0px 0px;}
.subnav .header_icon.ast {/*background-position:-168px 0px;*/background-position:0px 0px;}
.subnav .header_icon.tram {background-position:-56px 0px;}
.subnav .header_icon.bus {background-position:-112px 0px;}

.subnav .sitemap-item.last {margin-bottom:20px;}
.subnav LI {font-weight:400;/*font-size:16px;*/color:#ff6218;}
.subnav LI A {font-weight:400;font-size: 14px;display: block; /*float: left;*/}
.subnav LI A:hover {color:#0079c8;}
.subnav LI A.current {color:#ff6218;}
/*.subnav .sitemap-item {margin-bottom:5px;margin-top:0;padding-top:0;border-bottom: 1px solid white;}*/
.sitemap-item {margin-bottom:5px;margin-top:0;padding-top:0;border-bottom: 1px solid white;list-style-image:none !important; margin-left:0px !important;}
.subnav H5 {font-size:16px;margin:0 -20px;padding:25px 20px 24px 20px;border-color:white;}

.submenu LI {border-bottom:1px solid white;padding:15px;}
.submenu LI.last {border:none;}

.subnav li, .subnav dt, .subnav dd { margin-bottom: 0;}

.subnav li.active { background: #cce4f4; }
.subnav li.active a, .subnav dd.active a { background: none; padding: 0; text-shadow: none; color:#ff6218; }
.subnav li.active li a {color:#003370;}
.subnav ul ul { margin: 15px 0 5px 0; }
.subnav ul li.active ul li.last { padding-bottom: 0; }
.submenu LI.active ul { border-top:1px solid white; }



#sidenav UL {position:fixed;right:0px;/*top:50%;*/ top: 150px;height:467px;/*margin-top:-215px;*/width:37px;z-index:99;}
#sidenav LI {float:left;margin:0 0 1px 0;padding:0;}
#sidenav LI A {background:transparent url(../img/sprite_sidenavi_HD.png) no-repeat 0 0; background-size:74px 467px; width:37px;display:block;text-indent:-200px;overflow:hidden;margin-left:0;}
#sidenav LI.wetter A {height:136px;background-position: 0 -331px;}
#sidenav LI.wetter A.handle { background-position: 0px -331px !important; background-size: 74px 467px !important; top:-3px !important; left:-40px !important;}
#sidenav LI.kontakt A {height:118px;background-position: 0 -212px;}
#sidenav LI.tarife A {height:105px;background-position: 0 -106px;}
#sidenav LI.linien A {height:105px;background-position: 0 0;}
/* EN */
#sidenav LI.weather A {height:136px;background-position: -37px -331px;}
#sidenav LI.weather A.handle { background-position: -37px -331px !important; background-size: 74px 467px !important; top:-3px !important; left:-40px !important; }
#sidenav LI.contact A {height:118px;background-position: -37px -212px;}
#sidenav LI.tickets A {height:105px;background-position: -37px -106px;}
#sidenav LI.routes A {height:105px;background-position: -37px 0;}

/* SlideOutTab */
.slide-out-div { padding: 0px 15px 15px; width: 330px; line-height: 20px; background: none repeat scroll 0% 0% #FFF; z-index: 8; font-size: 0.875rem; border: 3px solid #0079C8; }
.tx-aw-weather .default .icons { width:40px !important; height:40px !important; margin-left: 10px; }
.tx-aw-weather .default .icons.inline { display: inline-block; }
.current_temperature { font-size: 18px; font-family: "Lato bold", Arial, sans-serif; font-weight: 700; display: inline-block; padding-top: 10px; }
.weather_description { display: inline-block; padding-top: 13px; }
.weather { background-color:#E5F1F9; padding:10px; margin-bottom: 20px; min-width:unset; }
#sidenav h3 { margin-bottom:0px; }
.forecast { min-width:unset; }
.forecast .columns { border-right: 1px solid #DDD; }
.forecast .columns:last-child { border:none; }


UL.pathmenu {margin-top:-5px;}
UL.pathmenu LI {display: inline-block;line-height: 100%;margin: 0;padding: 0 0 10px 5px;font-size:12px;}
UL.pathmenu LI A {color: #224888;}
UL.pathmenu .rootline_spacer {margin-left:8px;}
UL.pathmenu .rootline_spacer_newstitle {margin-left:2px;margin-right:6px;}

#shorties {position:absolute;bottom:0;z-index:99;width:100%;}
#shorties .four.columns {position:relative;width:33.33%;margin-left:0;}
#shorties .pull_four.four.columns {margin-left:-66.66%;}
#shorties .push_eight:first-child {margin-left:66.66%;}
#shorties a {color: #ffffff; }
.shortie_item {background: #0079c8; background: rgba(0, 121, 210, 0.9);padding: 0 16px;min-height:64px;}
#shorties .shortie_item {position:absolute;bottom:0;}
.shortie_item.darker {background: #003473;background: rgba(0, 52, 115, 0.9); }
.shortie_item H3, .shortie_item P {color:white;}
.shortie_item H3 {border-bottom: 3px solid #3997d4;margin-bottom:13px;text-transform:none;font-size:20px;font-weight:400;}
.shortie_item.darker H3 {border-bottom: 3px solid #245187;}

.shortie_item { min-height: 150px !important; }

/* #shorties .drawer.active#drawer_auskunft, #shorties .drawer.active#drawer_haltestellenmonitor { bottom: 64px; }
.drawer#drawer_auskunft, .drawer#drawer_haltestellenmonitor {max-height:64px !important; min-height:64px !important;}*/
.drawer.active#drawer_auskunft, .drawer.active#drawer_haltestellenmonitor {max-height:290px !important;}
.drawer#drawer_auskunft H3 A, .drawer#drawer_haltestellenmonitor H3 A, .shortie_item H3 A {color:white;}
.drawer#drawer_auskunft .fa, .drawer#drawer_haltestellenmonitor .fa, .shortie_item .fa {display:block;float:right;}
.drawer#drawer_auskunft .fa-angle-down, .drawer#drawer_haltestellenmonitor .fa-angle-down {display:none;}
.drawer.active#drawer_auskunft .fa-angle-up, .drawer.active#drawer_haltestellenmonitor .fa-angle-up {display:none;}
.drawer.active#drawer_auskunft .fa-angle-down, .drawer.active#drawer_haltestellenmonitor .fa-angle-down {display:block;}

#drawer_auskunft form input[type="submit"], .shortie_item form input[type="submit"] { cursor: pointer; color: white; font-size: 14px; font-weight: 600; background: #ff6218; -webkit-appearance: none; }

.content_inner {border-top: 15px solid #cce4f4;}
.ticker + .content_margin .content_inner {border-top:0;}
.ticker {background: #ff6218;padding: 2px;color:white;}
.row.spacer:after, .spacer .row:after {content: "";display:block;background: transparent url(../img/bg_shadow.png) no-repeat center bottom;width:1205px;height:30px;margin-left:-102px;}
.spacer .row .row:after {background-image:none;height:auto;width:auto;margin-left:auto;}
.border-bottom > .row {padding-bottom:13px;border-bottom:5px solid #e5f1f9;}
.row.content_inner:before {content: "";display:block;background: transparent url(../img/bg_shadow.png) no-repeat center top;transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);width:1205px;height:14px;margin-left:-102px;}

.teaserslider {position:relative;padding-bottom:30px;}
.teaserslider P {display:inline;padding-right:5px;}
.teaserslider .flex-control-nav {right:0;bottom:0;width:auto;padding-right:0;}
.teaserslider .flex-control-paging li a {border-color:#ccc;}
.teaserslider .flex-control-paging li a.flex-active {background-color: #ccc;}

.footer_logos {padding-top:16px;}
.footer_logos .row {border-top:5px solid #e5f1f9;padding-top: 30px;border-bottom:15px solid #e5f1f9;}
.footer_logos A {display:inline-block;vertical-align:middle;}
.footer_logos A IMG {display:none;}
.footer_logos .logo_jenalichtstadt {height:36px;width:180px;background:url(../img/logo_jenalichtstadt_HD.png) no-repeat left top;background-size:180px 36px;margin-left:-10px;}
.footer_logos .logo_swj_gruppe {height:54px;width:96px;background:url(../img/logo_swj_gruppe_HD.png) no-repeat left top;background-size:96px 54px;/*margin-right:7%;*/}
.footer_logos .logo_vmt, #info .logo_vmt {height:63px;width:150px;background:url(../img/logo_vmt_HD.png) no-repeat left top;background-size:150px 63px;margin-left:5px;}
.footer_logos .logo_notinsel {/*height:54px;width:55px;background:url(../img/logo_notinsel_HD.png) no-repeat left top;*/ height:64px;width:63px;background:url(../img/logo_notinsel_2017.jpg) no-repeat left top; background-size:63px 64px;margin-top:-6px;}
.footer_logos .siegel_tsga {height:54px;width:47px;background:url(../img/logo_tsga.png) no-repeat left top; background-size:47px 54px;}
.footer_logos .logo_efre {height:51px;width:290px;background:url(../img/efre-eu_500x88.jpg) no-repeat left top;background-size:290px 51px;}
.footer_logos ul{display:table;width:calc(100% + 30px);/*border-spacing: 10px;*/border-collapse: separate;margin-left:-30px;}
.footer_logos ul > li{display:table-cell;padding-left:30px;}
.blue {background:#003473;border-bottom:1px solid white;text-align:right;}
.blue .row {background:#003473 url("../img/swj-bereiche.png") no-repeat right center;background-size:445px 11px;height: 40px;}
.footer .content_margin {background:#0079c8;}
.copyright {border-top: 5px solid #3997d4;padding:10px 0;color:#fff;}
#footernav UL {display:block;width:100%;margin:0 auto;text-align:right;}
#footernav LI {display:inline-block;text-align:right;padding:0 0 0 16px;}
#footernav LI A {display:block;color:#fff;padding:4px 0;}
UL.sitemap {padding:25px 0 0 0;}
UL.sitemap LI {display:block;padding:0 0 25px 0;text-transform:uppercase;font-weight:700;}
UL.sitemap LI A {display:block;color:#fff;padding:15px 0;line-height:130%;}
UL.sitemap LI.footer-txt-content > A { display: none; }
UL.sitemap LI p.bodytext a {display:inline-block;margin-right: 5px;}
UL.sitemap LI p.bodytext.socialnav a {opacity: 0.7;}
UL.sitemap LI p.bodytext.socialnav a:hover {opacity: 1;}
UL.sitemap LI UL {margin:0;border-top: 5px solid #3997D4;padding-top:6px;}
UL.sitemap LI LI {display:block;padding:0;text-transform:none;font-weight:normal;clear:left;}
/*UL.sitemap LI LI:before {content: "-";float:left;color:white;margin-right:3px;}*/
UL.sitemap LI LI A {padding:3px 0;}
UL.sitemap H5 {font-size:14px;color:white;text-transform:uppercase;border-bottom: 5px solid #3997D4;margin-bottom:10px;padding:15px 0;font-weight:700;} 
UL.sitemap P {color:white;text-transform:none;}

.tx-macinasearchbox-pi1 {border:1px solid #b2c2d5;width:250px;margin:auto;background:#fff;}
.tx-macinasearchbox-pi1 #tx-indexedsearch-searchbox-sword {border:none;background:transparent; padding:8px;outline:none;width:200px;font-size:11px;}
.tx-macinasearchbox-pi1 .submit {border:none;background:transparent url(../img/bg_search.png) no-repeat center center; background-size:14px 15px;padding:8px;outline:none;width:40px;text-indent:-200px;}

.iconteaser_item {padding-bottom:30px;}
.iconteaser_item .icon {background:#0079c8;width:67px;height:67px;border-radius:67px;text-align:center;color:#fff;font-size:30px;line-height:67px;float:left;margin-left: 5px;}
.iconteaser_item .text {margin-left:85px;}
.iconteaser_item H3 {padding-top:20px;}
.iconteaser_item P {display:inline;padding-right:5px;}

.subnav > .csc-default {margin:0 20px;clear: both;}

/* Indexed Search */
.tx-indexedsearch-searchbox FIELDSET {border:none;padding:0;margin:0;}
.tx-indexedsearch-searchbox LEGEND {display:none;}
.tx-indexedsearch-searchbox input[type="text"] {width:99.5%;}
.tx-indexedsearch-searchbox input[type="submit"] {
    background-color: #ff6319;
    border: 1px solid #ec6f00;
    border-radius: 4px;
    box-shadow: 0 1px 1px #ff884f inset;
    color: white;
    cursor: pointer;
    font-family: "Lato",Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0;
    padding: 8px 40px;
    text-align: center;
    transition-duration: 0.3s;
    width: auto;
}
.tx-indexedsearch-redMarkup {color:#0079c8;}
#tx-indexedsearch-searchbox-sword { padding: 8px; font-size: 100%; }
.tx-indexedsearch-browsebox ul.browsebox { margin-bottom: 20px; }
.tx-indexedsearch .tx-indexedsearch-browsebox LI { 
  list-style: none; 
  padding: 6px;
  background: #F8F8F8 none repeat scroll 0% 0%;
  border: 1px solid #FFF;
  box-shadow: 0px 0px 1px #999;
  margin: 2px;  
  display: inline-block;
}
.tx-indexedsearch .tx-indexedsearch-browsebox li.tx-indexedsearch-browselist-currentPage { 
  font-weight: bold;
  background: #F4F4F4 none repeat scroll 0% 0%;
  border: 1px solid #EDEDED;
  box-shadow: 0px 0px 10px #BEBEBE inset;
  padding: 7px;
}
.tx-indexedsearch .tx-indexedsearch-browsebox LI a { color: #646464; }
.tx-indexedsearch .tx-indexedsearch-browsebox LI a:hover { color: #224888; }

/* Forms */

#content .tx-powermail { width: 95%; }
#content fieldset.powermail_fieldset { margin: 0; }

#content input[type="text"],
#content input[type="tel"],
#content input[type="number"],
#content input[type="email"], 
#content input[type="datetime-local"],
#content select,
#content textarea {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) inset;
    font-family: "Lato",Arial,Helvetica,Lucida Grande,sans-serif;
    /*font-size: 0.8125rem;*/
    font-weight: 400;
    /*padding: 6px;*/
    transition-duration: 0.3s;
}

#content .powermail_fieldwrap { display: block; }
#content .powermail_fieldwrap.layout1, #content .powermail_fieldwrap.layout2 { width: 49.2%; clear: none; float: left; }
#content .powermail_fieldwrap.layout1 { clear: both; }
#content .powermail_fieldwrap.layout2 { float: right; }
#content select { height: 40px; padding: 0 8px; }

#content input[type="text"]:hover {
    border: 1px solid #ff6319 !important;
    transition-duration: 0.3s;
}
#content input[type="text"]:focus {
    background: none repeat scroll 0 0 white;
    border: 1px solid transparent;
    color: #003370;
}
:-moz-placeholder {color: #919090;}
*::-moz-placeholder {color: #919090;}

/* DateTime Picker by Powermail */
.xdsoft_datetimepicker{box-shadow:0px 5px 15px -5px rgba(0,0,0,0.506);background:white;border-bottom:1px solid #bbb;border-left:1px solid #bbb;border-right:1px solid #bbb;border-top:1px solid #bbb;color:#333333;font-family:"Helvetica Neue", "Helvetica", "Arial", sans-serif;padding:8px;padding-left:0px;padding-top:2px;position:absolute;z-index:9999;-moz-box-sizing:border-box;box-sizing:border-box;display:none}.xdsoft_datetimepicker iframe{position:absolute;left:0;top:0;width:75px;height:210px;background:transparent;border:none}.xdsoft_datetimepicker button{border:none !important}.xdsoft_noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.xdsoft_noselect::selection{background:transparent}.xdsoft_noselect::-moz-selection{background:transparent}.xdsoft_datetimepicker.xdsoft_inline{display:inline-block;position:static;box-shadow:none}.xdsoft_datetimepicker *{-moz-box-sizing:border-box;box-sizing:border-box;padding:0px;margin:0px}.xdsoft_datetimepicker .xdsoft_datepicker,.xdsoft_datetimepicker .xdsoft_timepicker{display:none}.xdsoft_datetimepicker .xdsoft_datepicker.active,.xdsoft_datetimepicker .xdsoft_timepicker.active{display:block}.xdsoft_datetimepicker .xdsoft_datepicker{width:224px;float:left;margin-left:8px}.xdsoft_datetimepicker .xdsoft_timepicker{width:58px;float:left;text-align:center;margin-left:8px;margin-top:0px}.xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker{margin-top:8px;margin-bottom:3px}.xdsoft_datetimepicker .xdsoft_mounthpicker{position:relative;text-align:center}.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_today_button{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==")}.xdsoft_datetimepicker .xdsoft_prev{float:left;background-position:-20px 0px}.xdsoft_datetimepicker .xdsoft_today_button{float:left;background-position:-70px 0px;margin-left:5px}.xdsoft_datetimepicker .xdsoft_next{float:right;background-position:0px 0px}.xdsoft_datetimepicker .xdsoft_next,.xdsoft_datetimepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_today_button{background-color:transparent;background-repeat:no-repeat;border:0px none currentColor;cursor:pointer;display:block;height:30px;opacity:0.5;outline:medium none currentColor;overflow:hidden;padding:0px;position:relative;text-indent:100%;white-space:nowrap;width:20px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{float:none;background-position:-40px -15px;height:15px;width:30px;display:block;margin-left:14px;margin-top:7px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{background-position:-40px 0px;margin-bottom:7px;margin-top:0px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{height:151px;overflow:hidden;border-bottom:1px solid #eee}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div{background:white;border-top:1px solid #eee;color:#444;font-size:12px;text-align:center;border-collapse:collapse;cursor:pointer;border-bottom-width:0px;height:25px;line-height:25px}.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child{border-top-width:0px}.xdsoft_datetimepicker .xdsoft_today_button:hover,.xdsoft_datetimepicker .xdsoft_next:hover,.xdsoft_datetimepicker .xdsoft_prev:hover{opacity:1}.xdsoft_datetimepicker .xdsoft_label{display:inline;position:relative;z-index:9999;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff;float:left;width:182px;text-align:center;cursor:pointer}.xdsoft_datetimepicker .xdsoft_label:hover{text-decoration:underline}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select{border:1px solid #ccc;position:absolute;right:0px;top:30px;z-index:101;display:none;background:#fff;max-height:160px;overflow-y:hidden}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect{right:-7px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect{right:2px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover{color:#fff;background:#A94442}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option{padding:2px 10px 2px 5px}.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current{background:#1E5799;box-shadow:#1E5799 0px 1px 3px 0px inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_month{width:90px;text-align:right}.xdsoft_datetimepicker .xdsoft_calendar{clear:both}.xdsoft_datetimepicker .xdsoft_year{width:56px}.xdsoft_datetimepicker .xdsoft_calendar table{border-collapse:collapse;width:100%}.xdsoft_datetimepicker .xdsoft_calendar td>div{padding-right:5px}.xdsoft_datetimepicker .xdsoft_calendar th{height:25px}.xdsoft_datetimepicker .xdsoft_calendar td,.xdsoft_datetimepicker .xdsoft_calendar th{width:14.2857142%;background:#F5F5F5;border:1px solid #DDDDDD;color:#666666;font-size:12px;text-align:right;padding:0px;border-collapse:collapse;cursor:pointer;height:25px}.xdsoft_datetimepicker .xdsoft_calendar th{background:#F1F1F1}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{color:#1E5799}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current{background:#1E5799;box-shadow:#1E5799 0px 1px 3px 0px inset;color:#fff;font-weight:700}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,.xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled{opacity:0.5}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{opacity:0.2}.xdsoft_datetimepicker .xdsoft_calendar td:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover{color:#fff !important;background:#A94442 !important;box-shadow:none !important}.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{color:inherit  !important;background:inherit !important;box-shadow:inherit !important}.xdsoft_datetimepicker .xdsoft_calendar th{font-weight:700;text-align:center;color:#999;cursor:default}.xdsoft_datetimepicker .xdsoft_copyright{color:#ccc !important;font-size:10px;clear:both;float:none;margin-left:8px}.xdsoft_datetimepicker .xdsoft_copyright a{color:#eee !important}.xdsoft_datetimepicker .xdsoft_copyright a:hover{color:#aaa !important}.xdsoft_time_box{position:relative;border:1px solid #ccc}.xdsoft_scrollbar>.xdsoft_scroller{background:#ccc !important;height:20px;border-radius:3px}.xdsoft_scrollbar{position:absolute;width:7px;right:0px;top:0px;bottom:0px;cursor:pointer}.xdsoft_scroller_box{position:relative}

/* Form Fahrplanauskunft im Drawer */
.display_inline_block { display: inline-block; }
.drawer form label, .shortie_item form label { color: white; }
.drawer form input, .shortie_item form input { 
    color: #3997D4;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #3997D4;
    border-radius: 4px;
    /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.25) inset;*/
    font-family: "Lato",Arial,Helvetica,Lucida Grande,sans-serif;
    /*font-size: 0.8125rem;*/
    font-weight: 400;
    padding: 7px 6px 6px 6px;
    transition-duration: 0.3s;
    font-size: 14px;
}
.drawer form input[type="submit"], #route_search_from, #route_search_to, #route_search_date, .shortie_item form input[type="submit"] { width: 100%; }
.drawer form input[type="radio"], .shortie_item form input[type="radio"] { background: transparent; }
#route_search_time { width:100%; float:left; }
#route_search_date { margin-bottom:5px; }

/* Fontresizer */
.tx-fontsizer-pi1 A {display:inline !important;}

/* Calendar */
.event-list-container {
    padding: 10px 0;
}
.tx-cal-controller input[type="text"] {padding:6px;}

.tx-cal-controller input[type="submit"] {
    border: 0;
    padding: 6px;
    color: white;
    font-family: "Lato bold", Arial, sans-serif;
    font-weight: 700;
    cursor: pointer;
    background: rgb(30,87,153);
    background: #ff6319;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.tx-cal-controller HR {border:0;border-bottom: 1px dotted #E6E6E6;}
.event-list-item {
    border-bottom: 1px dotted #E6E6E6;
    margin-bottom: 25px !important;
    padding: 0 0 15px 0;
}
.event-list-item .event-list-date, .event-list-item .event-list-organizer {
    color: #919191;
}
.event-list-item .event-list-cat {
    color: #919191;
    padding-left: 0;
}
.event-list-item img {
    border: medium none;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    float: left;
    margin: 0 15px 10px 0;
}
.event-list-item imgcaption {
    padding: 3px 3px 0 0;
}
.event-list-container H2 {
    font-size: 1.8rem;
  font-family: "Lato bold", Arial, sans-serif;
    font-weight: 700;
    margin: 0;
    padding: 0 0 10px;
    border:none;
}
.event-list-container H2 a {
    color: #003370;
}
.nevent-list-container H2 a:hover {
    color: #FF6319;
}
.event-list-container HR.clearer, .event-list-item HR.clearer {
    border: medium none;
    clear: right;
    height: 1px;
    margin: 0;
    padding: 0;
}
.event-list-container HR.clearer, .event-list-item HR.clearer {
    clear: both;
}
.event-footer A {
    background: url("../img/bkg-top10-arrow.png") no-repeat scroll right 6px rgba(0, 0, 0, 0);
    padding-right: 8px;
}
.event-list-morelink {
    color: #FF6319 !important;
    font-size: 12px;
    font-weight: normal;
}
#tx_cal_controller_organizer_ids, #tx_cal_controller_category_ids {
    width: 100%;
}

.anchor {padding-top:40px;margin-top:-45px;}

/* Kiwi-Accordion */
.ka-panel {position:relative;z-index:1;}
.ka-panel.anchor {z-index:0;}
.ka-handler {background:#f3fafe;padding:10px;border-radius:4px;border-bottom:1px solid #cce4f4;margin:0 0 5px 0;}
.ka-content {padding:10px;}
.ka-handler h1, .ka-handler  h2, .ka-handler h3, .ka-handler h4, .ka-handler h5, .ka-handler h6 {cursor: pointer; color: #003370; font-size: 17px; /*border-bottom: 1px solid #e5f1f9;*/ border:0;margin:0;padding:0;}
.ka-panel.close .ka-handler h1, .ka-panel.close .ka-handler h2, .ka-panel.close .ka-handler h3, .ka-panel.close .ka-handler h4, .ka-panel.close .ka-handler h5, .ka-panel.close .ka-handler h6 {
    background: url('../img/bkg-acc-open.png') no-repeat scroll right center transparent;
    padding-right: 30px;
}
.ka-panel.open .ka-handler h1, .ka-panel.open .ka-handler h2, .ka-panel.open .ka-handler h3, .ka-panel.open .ka-handler h4, .ka-panel.open .ka-handler h5, .ka-panel.open .ka-handler h6 {
    background: url('../img/bkg-acc-close.png') no-repeat scroll right center transparent;
}
.ka-panel.open .ka-handler {background:#ebf7fd;}

/* TABS */
/* HORIZONTAL TABS */
.tabs { }
.tabs.pill .tab-nav { border: none; margin-bottom: -5px;}
.tabs.pill .tab-nav > li { }
.tabs.pill .tab-nav > li:first-child { }
.tabs.pill .tab-nav > li > a { font-size: 16px; color: #ff6319; background: rgb(249,252,253); background: none; border-bottom: 1px solid #e5e5e5; }
.tabs.pill .tab-nav > li.active > a { color: #3085d6; background: white; border: 1px solid #e5e5e5; border-width: 1px 1px 0 1px;}
.tabs.pill .tab-nav > li:last-child > a { }
.tabs.pill .tab-content.active { background: white; padding: 10px 0 0 0; border: 1px solid #e5e5e5; border-width: 0 1px 1px 1px; }

/* VERTICAL TABS */
.vertical.tabs { padding: 0; }
.vertical.tabs .tab-nav { margin-top: -1px; }
.vertical.tabs .tab-nav li { margin: 0 !important; height: 55px; line-height: 55px; background: none; border: none;}
.tabs.vertical .tab-nav > li { margin-bottom: 0; }
.vertical.tabs .tab-nav li a  { height: 55px; line-height: 65px; background: none !important; border: none; font-size: 24px; }
.vertical {
  width: 102% !important; 
background-image: url(../img/bkg-vertical-tabs-li.png), url(../img/bkg-shadow-50-50.png);
background-position: 6px top, center bottom; 
background-repeat: repeat-y, no-repeat;
border: none !important;
margin-bottom: 25px;
}
.vertical.tabs h5 { border:none; }
.vertical.tabs .tab-nav li.active { background: none; margin-right: -2px; }
.vertical.tabs .tab-nav li.active > a { color: #3085d6; font-family: "Lato bold", Arial, sans-serif; font-weight: 700; margin-right: -2px; border: none !important;  }

.tabs.vertical .tab-content { background: #fcfcfc; background: none; border-left: none; padding: 0 0 10px 15px; border-bottom: 1px solid #f1f1f1; }
.tabs.vertical .tab-content h5 { color: #ff6319; font-weight: 400; text-transform: uppercase; }

.tab-content img { width: auto; }


.ie8 IMG {max-width:inherit;}
.ie8 .row.content_inner:before {background-image:none;}


#linienplan H1 {border:0;margin:0;padding-bottom:0;}
#linienplan .title {border-bottom: 5px solid #e5f1f9;display:table;height:100%;}
#linienplan .title .columns {display:table-cell;}
#linienplan .routing {display:block;line-height:43px;padding-bottom:5px;margin-top:-5px;}
#linienplan .popup {background: #ff6218;margin:5px 0 15px 0; padding:16px;color:#fff;}
#linienplan .popup H2 {color:#fff;border:none;font-size:18px;margin:0;}
#linienplan .popup A {color:#fff;border-color:#fff;}
#linienplan div.csc-textpic {overflow:visible;}
#linienplan div.csc-textpic-imagewrap {margin:0 -16px -11px -16px;}
#linienplan div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin-bottom:0;}

#linienplan .tabs {position:relative;}
#linienplan .tab-nav, #linienplan .routing-nav {display: table;width: 100%;border:none;margin:0;}
#linienplan .tab-nav {border-bottom:12px solid #fff;}
#linienplan .tab-nav LI, #linienplan .routing-nav LI {display:table-cell !important;/*width: 50% !important;*/font-size:16px;/*margin: 0 2% 0 0;*/padding:0;}
#linienplan .tab-nav > li.active > a, #linienplan .routing-nav > li.active > a {height:inherit;line-height:inherit;color:#224888;}
#linienplan .tab-nav > li > a, #linienplan .routing-nav > li > a {/*background:#a6d0ec;*/border:none;height:inherit;line-height:inherit;text-shadow:inherit;padding:16px;color:#fff;display:block;width:auto;font-weight: 600;}
#linienplan .tab-nav > li > a.toggle { padding:10px; }
#linienplan .routing-nav > li:first-child > a {padding-right:25px;}
#linienplan .routing-nav > li:last-child > a {padding-left:25px;}
#linienplan .tab-nav > LI A {background:#fff;/*color:#c9ddeb;*/color:#a9c7e1;border-bottom:4px solid #d9f0fb;border-top:4px solid #fff;border-right:2px solid #d9f0fb;}
#linienplan .routing-nav {border-top:2px solid #ebf7fd;}
#linienplan .routing-nav li:first-child {border-left:2px solid #ebf7fd;}
#linienplan .routing-nav li:last-child {border-right:2px solid #ebf7fd;}
#linienplan .routing-nav > LI A {background:#0079c8;border:0;color:#fff;}

#linienplan .tab-nav > LI:last-child A {border-right:0;border-left:2px solid #d9f0fb;}
#linienplan .tab-nav > LI.active A {color:#224888;/*border-top:4px solid #d9f0fb;*/border-bottom:4px solid #fff;}
#linienplan .routing-nav > LI.active A {background:#fff;border:0;box-shadow:none;cursor:default;}

#linienplan #toggler {/*position:absolute;left:50%;margin-left:-25px;margin-top:4px;background:#0079c8;width:50px;height:50px;text-align:center;color:#fff;border-left:1px solid white;border-right:1px solid white;box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.3) inset;*/}
#linienplan #toggler .fa {font-size:24px;/*line-height:50px;*/}
#linienplan .tab-content, #linienplan .routing-tab-content {padding:0;}
#linienplan .routing-tab-content {display:none;}
#linienplan .routing-tab-content.active {display:block;}
#linienplan .routing-tab-content {background:#fff;padding-top:30px;}
#linienplan .arrow-down {z-index:9;position:absolute;left:50%;margin-left:-20px; width:0px; height:0px; border-left:20px solid transparent; border-right:20px solid transparent; border-top:20px solid #d9f0fb;}
#linienplan .downloads {background:#ebf7fd;margin-bottom:12px;}
#linienplan .download-pdf {display:inline-block;line-height:70px;padding:0 18px;color:#224888;font-weight:600;font-size:16px;}
#linienplan .download-pdf:before {font: normal normal normal 14px/1 FontAwesome;content: "\f1c1";padding-right:10px;font-size:30px;}
#linienplan .download:before, .download:before {font: normal normal normal 14px/1 FontAwesome;content: "\f1c1";padding-right:5px;}
#linienplan .six.columns:last-child {margin-left:1%;border-left:1px solid #fff;}
#linienplan .timetable-tab1, #linienplan .timetable-tab2 {display:none;margin-top:0;}
#linienplan .timetable-tab1.active, #linienplan .timetable-tab2.active {display:block;overflow:auto;cursor:move;}
#linienplan table thead {background:transparent;color:#224888;}
#linienplan table tbody tr:nth-child(even) {background:transparent;}
#linienplan table tbody tr:nth-child(odd) {background:#e8f3fa;}
#linienplan table thead th, #linienplan table tbody td {border-top:none;padding:15px 10px 15px 16px;}
#linienplan table thead th:first-child, #linienplan table tbody td:first-child {/*min-width:230px;*//*white-space: nowrap;*/}
#linienplan table thead th:nth-child(2n), #linienplan table tbody td:nth-child(2n) {width:50px;white-space:nowrap;text-align:right;}
#linienplan table thead th:last-child, #linienplan table tbody td:last-child {width:100px;white-space: nowrap;text-align:left;}
#linienplan table img {width:20px;height:20px;margin-right:5px;vertical-align:middle;display:inline;}
#linienplan table tbody td:last-child img:last-child {margin-right:0;}
#linienplan .routing-map IMG {display:block;}


#linienplan .tab-nav LI { width: 50%; }
#linienplan .tab-nav > LI {border-bottom:2px solid #d9f0fb;border-left:2px solid #fff;border-right:2px solid #fff; }
#linienplan .tab-nav > LI.active {border-bottom:2px solid #fff; }
#linienplan .tab-nav > LI:first-child.active {border-left:2px solid #d9f0fb;border-right:2px solid #d9f0fb;border-top:2px solid #d9f0fb;}
#linienplan .tab-nav > LI:last-child.active {border-left:2px solid #d9f0fb;border-right:2px solid #d9f0fb;border-top:2px solid #d9f0fb;}
#linienplan .tab-nav > LI > a { border: none; }
#linienplan .tab-nav > LI:last-child A { border-left: none; }


#linienplan .tabs {  }
.routing-nav { display: table; width: 100%; margin:0; padding: 0;}
.routing-nav li { display: table-cell; background: #0079c8; float: none; box-shadow: 0 -2px 5px rgba(0,0,0,0.3) inset; border-left: 1px solid white; vertical-align: middle; }
.routing-nav li:first-child { border: none; }
.routing-nav li.active { background:#fff; box-shadow: none; }
.routing-nav li a { background:none; float: left; display: block; width: 100% !important; }
.routing-nav #toggler { text-align: center; }

.timetable-tab1.active, 
.timetable-tab2.active { border-left: 2px solid #ebf7fd; border-right: 2px solid #ebf7fd; }
.timetable-tab1.active table, 
.timetable-tab2.active table { border-bottom: 2px solid #ebf7fd; }

/* TABLES =============================================== */
   
   table { border: none; margin-bottom: 0 !important; }
   table thead {  }
   table thead sub { font-size: 11px !important; }
   table thead tr th,
   table tbody tr td { font-size: 14px; line-height: 22px; }
   table tbody tr td sub { font-size: 11px; font-weight: 400; }
   
   table tbody tr.even,
   table tbody tr.alt { background: none; }
   table tbody tr:nth-child(even) { background: #c8e7f2; background: rgba( 242, 250, 253, .5); }
   table.angebote tr td:first-child { font-weight: normal; }

   .tx-indexedsearch-res table tbody tr:nth-child(even) { background: #FAFAFA; }

    table img { width: auto !important; height: auto;}


/* TIMELINE STYLES */

.panel {
    background-color: #fff;
    /*border: 1px solid transparent;*/
    border: 2px solid #e5f1f9;
    /* border-radius: 8px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); */
    margin-bottom: 0;
}

.tl-icon i { height: 36px; width: 34px; line-height: 34px;}

.timeline {
  list-style: none;
  position: relative;
  max-width: 1200px;
  padding: 20px 0;
  margin: 0 auto;
  overflow: hidden;
}

.timeline:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    background-color: #e5f1f9;
    height: 100%;
    width: 2px;
    border-radius: 2px;
    display: block;
}

.timeline .timeline-row {
    padding-left: 50%;
    position: relative;
    z-index: 8;
}

.timeline .timeline-row .timeline-time {
  position: absolute;
  right: 50%;
  top: 35px;
  text-align: right;
  margin-right: 30px;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 600; 
  color: #003370;
}

.timeline .timeline-row .timeline-time small {
        display: block;
        color: white;
        text-transform: uppercase;
        opacity: 0.75;
        font-size: 11px;
        font-weight: 400;
}

.timeline .timeline-row .timeline-icon {
    background-color: #e5f1f9;
    border-radius: 50%;
    color: white;
    font-size: 14px;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    overflow: hidden;
    padding: 3px;
    position: absolute;
    text-align: center;
    top: 30px;
    width: 40px;
    z-index: 100;
}
      
.timeline .timeline-row .timeline-icon > div {
        border-radius: 50%;
        /*line-height: 33px;*/
        font-size: 16px;
}
    .timeline .timeline-row .timeline-content {
      margin-left: 40px;
      position: relative;
      background-color: white;
      color: #333333; }

.timeline .timeline-row .timeline-content:after {
        content: "";
        position: absolute;
        top: 48px;
        left: -39px;
        height: 2px;
        width: 40px;
        background-color: #e5f1f9;
        z-index: -1;
}

      .timeline .timeline-row .timeline-content .panel-body {
        padding: 0;
        position: relative;
        /*z-index: 10;*/ }
      .timeline .timeline-row .timeline-content h2 {
        font-size: 22px;
        margin-bottom: 12px;
        margin-top: 0;
        line-height: 1.2; }
      .timeline .timeline-row .timeline-content p {
        margin-bottom: 15px; }
      .timeline .timeline-row .timeline-content img {
        margin-bottom: 0; }
      .timeline .timeline-row .timeline-content blockquote {
        border-color: #eeeeee; }
        .timeline .timeline-row .timeline-content blockquote footer, .timeline .timeline-row .timeline-content blockquote small, .timeline .timeline-row .timeline-content blockquote .small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse footer, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse small, .timeline .timeline-row .timeline-content blockquote.blockquote-reverse .small {
          color: #999999; }
      .timeline .timeline-row .timeline-content .video-container {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        margin-bottom: 15px;
        overflow: hidden; }
        .timeline .timeline-row .timeline-content .video-container iframe, .timeline .timeline-row .timeline-content .video-container object, .timeline .timeline-row .timeline-content .video-container embed {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
    .timeline .timeline-row:nth-child(odd) {
      padding-left: 0;
      padding-right: 50%; }
      .timeline .timeline-row:nth-child(odd) .timeline-time {
        right: auto;
        left: 50%;
        text-align: left;
        margin-right: 0;
        margin-left: 30px; }
      .timeline .timeline-row:nth-child(odd) .timeline-content {
        margin-right: 40px;
        margin-left: 0; }
        .timeline .timeline-row:nth-child(odd) .timeline-content:after {
          left: auto;
          right: -39px; }
  .timeline.animated .timeline-row .timeline-content {
    opacity: 0;
    left: 20px;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s; }
  .timeline.animated .timeline-row:nth-child(odd) .timeline-content {
    left: -20px; }
  .timeline.animated .timeline-row.active .timeline-content {
    opacity: 1;
    left: 0; }
  .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
    left: 0; }

@media (max-width: 1200px) {
  .timeline {
    padding: 15px 10px; }
    .timeline:after {
      left: 28px; }
    .timeline .timeline-row {
      padding-left: 0;
      margin-bottom: 16px; }
      .timeline .timeline-row .timeline-time {
        position: relative;
        right: auto;
        top: 0;
        text-align: left;
        margin: 0 0 6px 56px; }
        .timeline .timeline-row .timeline-time strong {
          display: inline-block;
          margin-right: 10px; }
      .timeline .timeline-row .timeline-icon {
        /*top: 52px;*/
        left: -2px;
        margin-left: 0; }
      .timeline .timeline-row .timeline-content {
        margin-left: 56px;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
        position: relative; }
        .timeline .timeline-row .timeline-content:after {
          right: auto !important;
          left: -36px !important;
          top: 24px; }
      .timeline .timeline-row:nth-child(odd) {
        padding-right: 0; }
        .timeline .timeline-row:nth-child(odd) .timeline-time {
          position: relative;
          right: auto;
          left: auto;
          top: 0;
          text-align: left;
          margin: 0 0 6px 56px; }
        .timeline .timeline-row:nth-child(odd) .timeline-content {
          margin-right: 0;
          margin-left: 55px; }
    .timeline.animated .timeline-row:nth-child(odd) .timeline-content {
      left: 20px; }
    .timeline.animated .timeline-row.active:nth-child(odd) .timeline-content {
      left: 0; } 
}

.bg-info {
    background-color: #5bc0de;
}
.timeline-content h2 { font-family: "Lato bold", Arial, sans-serif; font-weight: 700; padding: 15px 15px 0 15px; border-bottom: none; }
.timeline-content .panel-body { padding: 0; }
.timeline-content .panel-body-content { padding: 0;  }
.timeline-content .panel-body-content img { width: 100%; max-width: 100%; height: auto; }
.timeline-content .panel-body-content .tl-content, .timeline-content .panel-body-content .tl-link { padding: 15px 15px 15px 15px; }


/* CSS STYLED CONTENT */
.csc-textpic-left img { width: 100%; }
.csc-space-before-extra-small{margin-top:5px;}
.csc-space-before-small{margin-top:10px;}
.csc-space-before-medium{margin-top:20px;}
.csc-space-before-large{margin-top:30px;}
.csc-space-before-extra-large{margin-top:40px;}
.csc-space-after-extra-small{margin-bottom:5px;}
.csc-space-after-small{margin-bottom:10px;}
.csc-space-after-medium{margin-bottom:20px;}
.csc-space-after-large{margin-bottom:30px;}
.csc-space-after-extra-large{margin-bottom:40px;}

/* Haltestellenmonitor */
#stopName { 
  width: 100%;
  color: #3997D4;
  background: #FFF none repeat scroll 0px 0px;
  border: 1px solid #3997D4;
  border-radius: 4px;
  font-family: "Lato",Arial,Helvetica,Lucida Grande,sans-serif;
  font-weight: 400;
  padding: 6px;
  transition-duration: 0.3s;
  font-size: 14px;
  height: 32px;
}
#monitoringResult th.header { 
    /*background-image: url(../img/small.gif);*/ 
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    margin-left: -1px;
    padding-bottom:10px; 
} 

#monitoringResult th.header:after {
  content: "\f107";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 10px;
}

#monitoringResult th.header.headerSortDown:after {
  color: #FF6218;
}

#monitoringResult th.header.headerSortUp:after {
  content: "\f106";
  color: #FF6218;
}

.info { color: #FF6218; }

#monitoringResult thead th, #monitoringResult tbody td, #monitoringResult tr td { vertical-align: middle; }

.monitor_icon {display:inline-block; width:35px; height:35px; background: transparent url(../img/picto_sprites.png) no-repeat; background-size:203px 35px; padding-left:50px; padding-top:7px; font-weight: bold; }
.monitor_icon.zug {background-position:0px 0px;}
.monitor_icon.ast {/*background-position:-168px 0px;*/background-position:0px 0px;}
.monitor_icon.tram {background-position:-56px 0px;}
.monitor_icon.bus {background-position:-112px 0px;}


ul.social-link { width: auto; float: right; margin: 0; padding: 0; margin-top: 36px; color: #919191; font-size: 11px; }
ul.social-link li { display: inline; float: left; vertical-align: bottom; margin-left: 10px;}
ul.social-link li:first-child { padding-top: 12px; }
ul.social-link li a { cursor: pointer; color: #0079c8; font-size: 14px; }
UL.sitemap LI div p a { display: inline-block; opacity: 0.7; }
UL.sitemap LI div p a:hover { opacity: 1; }
UL.sitemap LI div p a em, UL.sitemap LI div p a i { margin-right: 10px; }

/* FLEXSLIDER */
.flex-control-paging li a {
    height: 8px;
    width: 8px;
}

/* NEWS */
.news-header-list-date { display: block; float: left; }
.news-header-list-title { display: block; margin-left: 80px; }
.news-header-list-container { margin-bottom: 8px; }

.shariff {padding-top:20px;margin-top:30px;border-top: 1px solid #e5f1f9;}

/* MEDIA Queries ========== */

@media only screen and (max-width: 1023px) {
#sidenav {display:none;}
}

@media only screen and (max-width: 1204px) {
.row.spacer:after, .spacer .row:after, .row.content_inner:before {width:100%;margin-left:0;background:none;}
}

@media only screen and (max-width: 1000px) {
.row {padding-left: 20px; padding-right: 20px;}
.blue {padding-right:20px;}
#search {padding-left:20px;}
.tx-macinasearchbox-pi1 {width:200px;}
.tx-macinasearchbox-pi1 .input {width:150px;}
}

@media only screen and (max-width: 959px) {
.footer_logos ul > li{display:block;width:50%;float:left;box-sizing:border-box;text-align:center;padding-bottom:20px;}
.footer_logos ul > li:nth-child(odd){clear:left;}
}
@media only screen and (max-width: 870px) {
#info {display:none;}
}

@media only screen and (max-width: 801px) {
.row .six.columns.jnv-date-date { width: 69% !important; float: left; }
.row .three.columns.jnv-date-time { width: 30% !important; float: right; }
.row .three.columns.jnv-abfahrt-label { width: 29% !important; float: left; padding-top: 20px; }
.row .three.columns.jnv-abfahrt-check { width: 69% !important; float: right; padding-top: 20px; }
.row .three.columns.jnv-ankunft-label { width: 29% !important; float: left; clear: both; padding: 10px 0; }
.row .three.columns.jnv-ankunft-check { width: 69% !important; float: right; padding: 10px 0; }
ul.social-link { margin-top: 13px; }
#linienplan .six.columns:last-child {margin-left:0;}
#linienplan .download-pdf {line-height:50px;}
.subnav {display:none;}
.row.flx-box { background: none; } 

.row .two.columns.noSwitch { width: 20% !important; float: left; }
.row .four.columns.noSwitch.fourColumns { width: 20% !important; float: left; }
.row .two.columns.noSwitch.text-right,
.row .six.columns.noSwitch.text-right { text-align: center; }
.downloads .six.columns { width: 50% !important; float: left !important; }

.mean-nav .navbar ul li .dropdown { width: 100%; max-width: 100%; }

}

@media only screen and (max-width: 768px) {
#search {display:none;position:absolute; bottom:-30px;right:50px;z-index:999999;color:white;}
#phone {width:auto;}
#search_switcher {display:block;}

#shorties {bottom:auto;position:relative;margin-top:-15%;}
.shortie_item {position:relative;}
.subnav {display:none;}
.print-link {display:none !important;}
.row.flx-box { background: none; }
}

@media only screen and (max-width: 768px) {
.footer_logos a { /*margin-bottom: 20px; */}
/*.footer_logos .columns:last-child {margin-top:-50px;}*/
#topnav ul { padding: 5px 0; margin-bottom: 10px; border-bottom: 5px solid #e5f1f9; }
#topnav ul li .contrast-link { display: none; }
/*#topnav ul li:first-child { display: none; }*/
#phone { font-size: 20px; }
#phone em { display: none !important; }
#phone a { color: #224888; }

#shorties { margin-top: 0; }

#drawer_auskunft.drawer.active, #drawer_haltestellenmonitor.drawer.active {
    max-height: 800px !important;
}
#shorties .shortie_item {
    position: relative;
}
.drawer.active {
    height: auto;
    max-height: 800px;
}
.shortie_item {
    position: relative;
}
.shortie_item {
    min-height: auto !important;
}
#shorties .drawer { max-height: 800px; }
#drawer_auskunft form input[type="submit"] { padding-top: 15px; padding-bottom: 15px; font-size: 16px; }

.row .two.columns.noSwitch { width: 20% !important; float: left; }
.row .four.columns.noSwitch.fourColumns { width: 20% !important; float: left; }
.row .two.columns.noSwitch.text-right,
.row .six.columns.noSwitch.text-right { text-align: center; }

}

@media only screen and (max-width: 667px) {
  #content .tx-powermail { width: 100%; }
  .flx-box-rgt .sitemap-item .link, .flx-box-rgt .sitemap-item .subtitle {width:92%;}
  .row .two.columns.noSwitch { width: 20% !important; float: left; }
  .row .four.columns.noSwitch.fourColumns { width: 20% !important; float: left; }
  .row .two.columns.noSwitch.text-right,
  .row .six.columns.noSwitch.text-right { text-align: center; } 

  .noSwitch { min-height: 90px; text-align: center; vertical-align: middle; }
  .row .two.columns.noSwitch, .row .four.columns.noSwitch.fourColumns { width: 50% !important; float: left; }

  #linienplan .download-pdf::before { font-size: 20px; }

  h1 { padding-top: 0; }
}

@media only screen and (max-width: 568px) {
/* --------------------------------------------------- */
  #content .content_margin .csc-textpic-imagewrap IMG {max-width:180px;}
  #content .content_margin .csc-textpic-below .csc-textpic-imagewrap IMG,
  #content .content_margin .csc-textpic-above .csc-textpic-imagewrap IMG {max-width:inherit;}
  #content .content_margin div.csc-textpic-intext-left .csc-textpic-imagewrap,
  #content .content_margin div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
  #content .content_margin div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {float:none;}
  #content .content_margin div.csc-textpic-intext-right .csc-textpic-imagewrap, #content .content_margin div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {margin-left:0;}
  #content .content_margin .csc-textpic-intext-left-nowrap .csc-textpic-text {margin-left:0;}
  #content .content_margin .csc-textpic-intext-right-nowrap .csc-textpic-text {margin-right:0;}
  .flx-box-rgt .sitemap-item .link, .flx-box-rgt .sitemap-item .subtitle {width:90%;}

/*
  .routing-nav { display: block; }
  .routing-nav li { display: block; float: left; width: 100%; border-left: 2px solid #ebf7fd; border-right: 2px solid #ebf7fd !important; border-bottom: 1px solid white !important; margin-left: 0 !important;}
  .routing-nav li:active { border-left: 2px solid #ebf7fd; border-right: 2px solid #ebf7fd; }
  .routing-nav li.timetable-tab2.text-right { text-align: left; }
  .routing-nav li.timetable-tab2.text-right a { padding-left: 18px !important; }
*/

.footer_logos ul > li{width:100%;float:none;}
.footer_logos ul > li:last-child{padding-bottom:0;}

/* --------------------------------------------------- */
}


@media only screen and (max-width: 480px) {
#logo {background-position: 0 5px; background-size:200px 59px;height: 64px;min-width: 200px;width: 200px;}
#phone {font-size:20px;}
#footernav UL {text-align:left;}
#footernav LI {padding: 0 16px 0 0;text-align: left;}
.blue .row {background-size:100% auto;width: auto;margin-left: 20px;height: 30px;}
.footer_logos .logo_swj_gruppe {background-size:70px 39px;height: 39px;width: 70px;margin-right:0;}
.footer_logos .logo_jenalichtstadt {background-size:140px 28px;height: 28px;width: 140px;}
#linienplan .tab-nav LI, #linienplan .routing-nav LI {font-size:14px;}
  #content .content_margin .csc-textpic-imagewrap IMG {max-width:160px;}
  #content .content_margin .csc-textpic-intext-left-nowrap .csc-textpic-text {margin-left:0;}
  #content .content_margin .csc-textpic-intext-right-nowrap .csc-textpic-text {margin-right:0;}
.flex-direction-nav,.flex-control-nav {display:none;}
.flx-box-rgt .sitemap-item .link, .flx-box-rgt .sitemap-item .subtitle {width:88%;}

body .row { padding-left: 20px !important; padding-right: 20px !important; }
.sitemap.row, .copyright.row, .mean-nav .row, .row .row { padding-left: 0 !important; padding-right: 0 !important; }
.copyright.row { padding-top: 20px; padding-bottom: 20px; }
#HFS .tpButtonHolder input[type="submit"], #HFS .tpButtonHolder input[type="button"] { line-height: 40px !important; font-weight: 700 !important; font-size: 16px !important; font-family: "Lato", Arial, sans-serif; }

#linienplan .routing-nav > li:first-child, #linienplan .routing-nav > li:last-child { width: 40%; }
#linienplan .routing-nav > li.timetable-toggle { width: 20%; }
#linienplan .routing-nav > li:first-child > a,
#linienplan .routing-nav > li:last-child > a { padding: 10px; font-size: 12px; }
#linienplan .routing-nav > li.timetable-toggle a#toggler { padding: 10px; }

#linienplan .tab-nav > li > a { padding: 12px 16px; }

}

@media only screen and (max-width: 430px) {
.footer_logos .columns:last-child {margin-top:inherit;}
.footer_logos .columns {text-align:center;}
/*.footer_logos .columns:first-child {margin-bottom:10px;}*/
.flx-box-rgt .sitemap-item .link, .flx-box-rgt .sitemap-item .subtitle {width:82%;}
#linienplan .download-pdf { font-size:14px; }
}

@media only screen and (max-width: 320px) {
#logo {background-position: center 5px; min-width: 100%; width: 100%; height:64px; }
#phone {text-align:center;margin-top:15px; }
#footernav LI A, #topnav LI A {font-size:11px;line-height:11px;}
.dspl_table, .dspl_tablecell {display:block;}
#phone em { display: none; }
#content .content_margin .csc-textpic-imagewrap IMG {max-width:100px;}
#content .content_margin .csc-textpic-intext-left-nowrap .csc-textpic-text {margin-left:0;}
#content .content_margin .csc-textpic-intext-right-nowrap .csc-textpic-text {margin-right:0;}
.iconteaser_item H3 { font-size: 18px; }
.iconteaser_item .icon { margin-left: 0px; }
.iconteaser_item .text { margin-left: 80px; }

.noSwitch { min-height: 70px; }
.row .two.columns.noSwitch { width: 100% !important; }
.row .four.columns.noSwitch.fourColumns { width: 100% !important; }

#HFS.jena, .hafas-content > section { min-width: 280px !important; }

#linienplan .download-pdf { font-size: 12px; padding: 0 10px; }

}

.show-on-all-phones { display: none; }
@media only screen and (max-width: 768px) {
   .show-on-all-phones { display: block; }
   .dont-show-on-phones { display: none; }
}

/* RETINA Displays ========== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
   .blue .row { background-image: url(../img/swj-bereiche_HD.png); }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 320px) {
  .blue .row { background-size: 290px 7px; height:18px;overflow:hidden; }
}


@media only screen and (max-width: 800px) { 
  body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; }
  .container { min-width: 0; margin-left: 0; margin-right: 0; }
  .row { width: 100%; min-width: 0; margin-left: 0; margin-right: 0; }
  .row .row .column, .row .row .columns { padding: 0; }
  .row .centered { margin-left: 0 !important; }
  .column, .columns { width: auto !important; float: none; margin-left: 0; margin-right: 0; }
  .column:last-child, .columns:last-child { margin-right: 0; float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  [class*="column"]:before { display: table; }
  [class*="column"]:after { display: table; clear: both; }
  [class^="push_"], [class*="push_"], [class^="pull_"], [class*="pull_"] { margin-left: 0 !important; } 
  #HFS.jena #HFSResult table.ajaxMapConnection td.mapConMOT img, #HFS.jena #HFSResult .resultTable td.productsIcon img, #HFS.jena #HFS.sq_results .productBit img, #HFS.jena #HFSResult .resultTable .connectionProducts .productBit img { width: 28px; height: 28px; }
}

/* HAFAS-Routenplaner */
@media only screen and (max-width: 599px) {
  .hafas-content { margin-left: -20px; margin-right: -20px; }
  body .row { padding-left: 20px !important; padding-right: 20px !important; }
}

/*
@media screen {
#cookie-request {position:relative;width:100%;background:white;z-index:888;box-shadow: 0 0 10px #000;display:none;}
#cookie-request .content {padding:15px 50px 10px 50px;text-align:center;}
#cookie-request P {padding:0;margin:0;font-size:12px;}
}
*/

/* COOKIE HINT START */
@media screen {
 #cookie-request {position:relative;width:100%;background:white;z-index:888;box-shadow: 0 0 10px #000;display:none;}
 #cookie-request .content {padding:10px 50px 10px 50px;text-align:center;}
 #cookie-request P {padding:0;margin:0;font-size:13px;}
}

@media screen and (max-width: 767px) {
 #cookie-request .content {padding:5px 10px 5px 15px;}
 #cookie-request P {font-size:12px;line-height:1.2em;}
}

.uk-button.uk-button-custom { background-color: #ff6319; padding: 10px; line-height: 1.4em; color: white; display: inline-block; text-align: center; }
.uk-text-left { text-align: left!important; }
.uk-text-right { text-align: right!important; }
.uk-grid { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.uk-flex { display: flex; }
.uk-flex-middle { align-items: center; }
.uk-width-1-5 { width: 20%; }
.uk-width-4-5 { width: 80%; }
/* COOKIE HINT END */