/* einspaltig beginnend mit 2-Boxen Breite --------------------------------------- */


@media screen and (max-width: 896px) { 
	div#wrap {
		width: 100%;
		max-width: 670px;
		position: relative;
	}
	div#navbar {
		height: 80px;
	}
	div#topnav {
		width: 100%;
		max-width: 670px;
	}
	div.hdinner div#hd2 {
		margin-top: 80px;
		border-bottom: 1.5vw solid #fff;
	}
	/* 83,33% verkleinern */
	div#topnav div#logo {
		top: 6px;
		width: 268px;
		height: 67px;
		left: -60px;
		background-size: 58%;
		background-image: none;
	}
	img.logo {
		width: 110.83%px;
		height: 35px;
	}
	div#footer div#infolinks div.cont, div#telebttn div.cont, div#footer div#siteinfo, div#footer div#bottom {
		width: 94%;
		margin: 30px 3%;
	}
	#mobi-menu {
		display: block;
		width: auto;
	}
	#mobnav-btn, #mobsu-btn, #mobstoe-btn {
		display: block;
	}
	div.stoerungen div.inner div.cont {
		position: absolute;
		z-index: 9999;
		display: none;
		left: -9999px;
	}
	div#hdfpl {
		position: absolute;
		z-index: 2000;
		top: 0;
		width: 100%;
		border-bottom: 2px solid #9EC419;
		width: -moz-calc(100% + 30px);
		width: -webkit-calc(100% + 30px);
		width: calc(100% + 30px);
		height: auto;
		display: none;
	}
	div#hdfpl.xactive {
		display: block;
	}
	div#hdfpl div.verbform {
		height: auto;
	}
	div#hdfpl form.fpl-verb div.form_row label.fpl-hst {
		display: inline-block;
		float: none;
		width: 100%;
		margin-right: 0;
	}
	div#hdfpl form.fpl-verb input.submitbutton {
		float: none;
		margin-left: 65px;
	}
	div#hdfpl form.fpl-verb div.form_row label.hstto span.txt {
		width: 65px;
		margin-right: 0;
	}
	div#hdfpl form.fpl-verb div.form_row label.hstfrom {
		margin-bottom: 15px;
		padding-bottom: 5px;
	}
	form.fpl-verb div.form_block_rgt {
		display: none;
	}
	form.fpl-verb div.form_block_lft {
		width: 100%;
		margin-bottom: 15px;
		padding-bottom: 5px;
	}
	form.fpl-verb div.close {
		display: none;
	}
	div#topimg {
		top: 40px;
	}
	div#toplogo {
		bottom: -130px;
	}
	div#footer div#infolinks div.cont, div#telebttn div.cont, div#footer div#siteinfo div#links, div#footer div#siteinfo div#links div.container {
		max-width: 670px;
		margin: 0 auto;
	}
	div#footer div#siteinfo {
		margin-bottom: 38px;
	}
	div#footer div#siteinfo div#links div.col {
		float: none;
		position: relative;
		width: 100%;
		padding: 0;
	}
	div#footer div#siteinfo div#links div.container div.col {
		float: left;
	}
	div#footer div#siteinfo div#links div h6 {
		border-bottom: 1px solid #ededed;
		font-size: 125%;
		line-height: 50px;
		padding: 0;
		margin: 0;
		text-align: left;
		text-transform: none;
	}
	div#footer div#siteinfo div#links div.container {
		margin-top: 60px;
		width: 100%;
	}
	/* div#footer div#siteinfo div#links div.container div.col.kontakt { position:relative; width:94%; padding:0 3%;} */
	div#footer div#siteinfo div#links div.container div.col.kontakt h6 {
		margin: 0;
		border: 0;
	}
	div#footer div#siteinfo div#links div.container div h6 {
		border: 0;
	}
	div#footer div#siteinfo a {
		box-sizing: border-box;
		color: #666;
		font-size: 112.5%;
		font-weight: 300;
		line-height: 40px;
		padding-left: 36px;
		padding-right: 0;
		background-image: none;
		width: -moz-calc(100% - 36px);
		width: -webkit-calc(100% - 36px);
		width: calc(100% - 36px);
	}
	div#footer div#bottom {
		border: none;
		max-width: 670px;
		margin: 0 auto;
		height: auto;
		padding-top: 30px;
		padding-bottom: 60px;
	}
	div#footer div#bottom div.lft, div#footer div#bottom div.rgt {
		float: none;
	}
	div#footer div#bottom div.lft {
		display: none;
	}
	div#footer div#bottom div.rgt a {
		display: block;
		margin: 0;
		border-bottom: 1px solid #ededed;
		font-size: 125%;
		line-height: 50px;
		background: transparent url("../../img/sym/arr_rgt_gy3.png") no-repeat scroll right 50%;
	}
	div#footer div#bottom div.rgt a:link, div#footer div#bottom div.rgt a:visited, div#footer div#bottom div.rgt a:active {
		color: #808080;
		text-decoration: none;
	}
	div#footer div#bottom div.rgt a:hover {
		color: #000;
		text-decoration: underline;
	}
	.mobi-arrow {
		display: block;
		padding: 20px;
		background: transparent url('../img/sym/arr_btm_gy3.png') center center no-repeat;
		position: absolute;
		top: 8px;
		right: 10px;
		cursor: pointer;
	}
	.mobi-open .mobi-arrow {
		background: transparent url('../img/sym/arr_top_gy3.png') center center no-repeat;
	}
	div#footer div#infolinks div.cont ul li {
		float: none;
	}
	div#footer div#infolinks div.cont {
		position: relative;
	}
	div#footer div#infolinks div.cont h6 {
		/* border-bottom: 1px solid #ededed; */
		font-size: 125%;
		line-height: 50px;
		padding: 0;
		margin: 0;
		text-align: left;
		text-transform: none;
	}
	div#footer div#infolinks div.cont ul li a.info {
		line-height: 200%;
		padding-left: 36px;
	}
	div#topnav ul#main {
		padding-top: 40px;
		background-color: #fff;
		border-bottom: 2px solid #9EC419;
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: calc(100% - 30px);
		margin: 0 15px 0 15px;
		display: none;
	}
	div#topnav ul#main.xactive {
		display: block !important;
		padding-top: 80px;
	}
	div#topnav ul#main li {
		line-height: none;
		float: none !important;
		display: block !important;
		width: 100% !important;
		height: auto;
	}
	/*
	 div#topnav ul#main.xactive li:first-child{
        display: none!important;
    }
	*/
	.dropdown_1column, .dropdown_2columns, .dropdown_3columns, .dropdown_4columns, .dropdown_5columns {
		float: none;
		position: static !important;
		margin: 0;
		left: 0;
		padding: 0;
	}
	.col_1, .col_2, .col_3, .col_4, .col_5 {
		display: block;
		float: none;
		width: 100%;
	}
	div#topnav ul#main li a {
		float: none !important;
	}
	div#topnav ul#main li a.metop {
		text-align: left;
		padding: 0;
		border-top: 1px solid #fff;
		line-height: 50px;
		background-color: #fff;
		font-size: 150%;
		text-transform: none;
		border-bottom: 1px solid #EDEDED;
		margin: 0 3% 0 3%;
	}
	div#topnav ul#main li a.metop.mehome {
		display: none;
	}
	div#topnav ul#main li ul {
		float: none;
		line-height: none;
		margin: 0;
		padding: 0;
	}
	div#topnav ul#main li ul div {
		float: none;
		line-height: none;
		margin: 0;
		padding: 0;
	}
	div#topnav ul#main li a.memu {
		font-size: 100%;
		text-align: left;
		padding: 0;
		margin: 0;
	}
	div#topnav ul#main li a.memu {
		line-height: 40px;
		padding-left: 36px;
		color: #666;
		font-size: 112.5%;
		font-weight: 300;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.dropdown {
		position: static !important;
		display: none !important;
	}
	.mobi-open .dropdown {
		position: relative !important;
		display: block !important;
		width: 100%;
		line-height: none;
	}
	.mobi-open .dropdown {
		float: none;
		width: 100%;
	}
	div#header div.hdinner, div#header div#hdfpl {
		width: -moz-calc(100% - 30px);
		width: -webkit-calc(100% - 30px);
		width: calc(100% - 30px);
		margin: 0 15px 0 15px;
	}
	div#content {
		margin: 0;
		position: relative;
		width: 100%;
	}
	/*
	div#content div.col1.lft,
	div#content.col_20 div.col1.lft,
	div#content div.col1,
	div#content div.col2,
	div#content div.col3,
	div#content div.col4,
	div#content div.col5 {width: 100%; }
	
	div.subnav.bttmstyle.box.b10,
	.cnt_20 .mid .box.b30  {
		width: -moz-calc(100% - 30px);
    	width: -webkit-calc(100% - 30px);
   	 	width: calc(100% - 30px);
	  }
	  
	  
	 .cnt_30 .mid .box.b20 {
		width: -moz-calc(100% - 90px);
    	width: -webkit-calc(100% - 90px);
   	 	width: calc(100% - 90px);
	  } 
	  
	
	div.box.b10,
	div.box.b11,
	div.box.b12,
	div.box.b13,
	div.box.b14
	 { 
		width: -moz-calc(100% - 30px);
    	width: -webkit-calc(100% - 30px);
   	 	width: calc(100% - 30px);
		
	}
	
	div.box.b20,
	div.box.b21,
	div.box.b22,
	div.box.b23,
	div.box.b24
	 { 
		width: -moz-calc(100% - 30px);
    	width: -webkit-calc(100% - 30px);
   	 	width: calc(100% - 30px);
		
	}
	
	div.box.b30,
	div.box.b31,
	div.box.b32,
	div.box.b33 { 
		width: -moz-calc(100% - 30px);
    	width: -webkit-calc(100% - 30px);
   	 	width: calc(100% - 30px);
		
	}
	
	div.box.b40,
	div.box.b41,
	div.box.b42 { 
		width: -moz-calc(100% - 30px);
    	width: -webkit-calc(100% - 30px);
   	 	width: calc(100% - 30px);
		
	}
	
	.col2 .box.b20,
	.col3 .box.b30,
	.col4 .box.b40 { 
		width: -moz-calc(100% - 30px);
    	width: -webkit-calc(100% - 30px);
   	 	width: calc(100% - 30px);
		
	}
	
	*/
	div.box.text, div.box.bild, div.box.icon, div.box.overlay {
		height: 20vw;
	}
	div.box a.icon {
		background-position: 3.5vw center;
		background-repeat: no-repeat;
		background-repeat: no-repeat;
		background-size: 12vw 12vw;
	}
	div#footer div#siteinfo div#links {
		width: auto;
	}
	.cnt_30 .rgt.raussen {
		width: auto;
		margin-left: 0;
	}
	div#telebttn div.cont a.telefon {
		float: left;
		width: 100%;
	}
	div.box a.icon h2 {
		padding-left: 23vw;
		line-height: 20vw;
		margin: 0;
		max-height: 20vw;
		overflow: hidden;
	}
	/* div.box.bild.text {height:28%; } */
	div.box.bild.text img, div.box.bild.overlay img {
		float: left;
		height: 100%;
		width: auto;
	}
	div.box.bild.overlay div.overlay {
		position: static;
		float: right;
		width: -moz-calc(100% - 20vw);
		width: -webkit-calc(100% - 20vw);
		width: calc(100% - 20vw);
	}
	div.box.bild.overlay div.overlay h2 {
		line-height: 20vw;
		margin: 0 0 0 20px;
	}
	div.box.b41 a.picleft img, div.box.b41 a.picright img {
		float: left;
		height: 100%;
		width: auto;
		margin-left: -20vw;
	}
	div.box.b22.bild img {
		margin-left: -20vw;
	}
	div.box.bild.text div.copy {
		float: left;
		width: -moz-calc(100% - 16px - 20vw);
		width: -webkit-calc(100% - 16px - 20vw);
		width: calc(100% - 16px - 20vw);
	}
	div#map3 {
		width: 100%;
		height: 50vw;
	}
	div.box h2 .sub {
		margin-top: 1%;
	}
	div.box.bild h2, div.box.text h2 {
		margin-bottom: 1vw;
	}
	div.box.bild p, div.box.text p {
		margin-top: 1vw;
	}
	div.box.bild p .sec, div.box.text p .sec {
		display: none;
	}
	/* Fahrplan */
	div.xtc {
		overflow-y: scroll;
	}
	div#fpl_wrap table.fpl_linie td.fpl_hst {
		font-size: 12px;
	}
	div#fpl_wrap table.fpl_linie td {
		height: auto;
	}
	div#fpl_wrap table.fpl_linie td.fpl_ust {
		min-width: 30px;
	}
	div#fpl_wrap table.fpl_linie td.fpl_zone {
		min-width: 30px;
	}
	div#fpl_wrap table.fpl_linie td.fpl_hst {
		min-width: 183px;
	}
	div#fpl_wrap table.fpl_linie td.fpl_poi {
		min-width: 10px;
	}
	div#fpl_wrap table.fpl_aushang col.fpl_aushang_first, div#fpl_wrap table.fpl_aushang tr td:first-child, div#fpl_wrap table.fpl_aushang tr th:first-child {
		display: none;
	}
	div#fpl_wrap table.fpl_aushang tr td:nth-child(2) {
		min-width: 35px;
	}
	div#fpl_wrap table.fpl_aushang tr td:nth-child(3) {
		min-width: 30px;
	}
	div#fpl_wrap table.fpl_aushang tr td:nth-child(4) {
		min-width: 60px;
	}
	div#fpl_wrap table.fpl_aushang tr td:nth-child(5) {
		min-width: 60px;
	}
	div#fpl_wrap table.fpl_aushang tr td:nth-child(6) {
		padding: 1px;
		min-width: 240px;
	}
	div#fpl_wrap table.fpl_aushang td, div#fpl_wrap table.fpl_aushang th {
		font-size: 12px;
	}
	div#fpl_wrap div.fpl_head div.fpl_tage a {
		width: 96px;
	}
	div#fpl_wrap div.fpl_head div.fpl_dat div.fpl_linnr {
		/* display: none; */
	}
	
	.fpl_druck,
	.fpl_pdf,
	div#fpl_wrap div.fpl_head div.fpl_dat div.fpl_links{
		display: none;
	}

	.fpl-tt-theme-linnr {
		width: 100%;
	}
	.fpl-tt-theme-linnr .tooltipster-content {
		padding: 0 15px;
	}
	div.fpl_linien_tooltip div.fpl_linie_nummern {
		padding: 20px;
	}
	div#fpl_wrap div.datum, div.zeichenerklaerung {
		padding: 30px;
		width: -moz-calc(100% - 60px);
		width: -webkit-calc(100% - 60px);
		width: calc(100% - 60px);
	}
	div.zeichenerklaerung div.zelft, div.zeichenerklaerung div.zergt {
		width: 100%;
		padding: 30px 0 0 0;
		border: 0;
		margin: 30px 0 0 0;
		border-top: 1px solid #e9e9e9;
	}
	div.zeichenerklaerung div.alf_text {
		width: 100%;
	}
	div.zeichenerklaerung div.alf_text div.lft {}
	div.zeichenerklaerung div.alf_text div.rgt {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	div.zeichenerklaerung span.fpl_anmerkung {
		display: inline-block;
		width: 100%;
	}
	div.zeichenerklaerung span.fpl_anmerkung span.funo {
		display: inline-block;
		width: 20px;
		margin: 3px;
	}
	div.zeichenerklaerung span.fpl_anmerkung span:nth-child(2) {
		display: inline-block;
		width: 12px;
	}
	div.zeichenerklaerung span.fpl_anmerkung span.txt {
		display: inline-block;
		width: -moz-calc(100% - 38px);
		width: -webkit-calc(100% - 38px);
		width: calc(100% - 38px);
	}
	div#fpl_wrap div.fpl_head div.fpl_tage, div#fpl_wrap div.fpl_head div.fpl_zeiten {
		padding-left: 0px;
	}
	div#fpl_wrap div.fpl_head div.fpl_zeiten a {
		padding: 0 5px;
		font-size: 12px;
	}
	div#fpl_wrap div.fpl_head div.fpl_zeiten a:first-child {
		margin-left: 0;
	}
	
	
	/* ---------------- */
	a.fp_linie {
		
		width:100%; 
		padding:0;
		margin:2% 0 3% 0; 
		
	}
	
	div#fpl_wrap div.fpl_head div.fpl_dat div.txt,
	.fpl-topbar .aha-feld {
     
		margin-left: 20%; 

	}
	
	
	/* VERB neu */
	.fpl-erg-details .fpl-erg-aban .abfahrt, 
	.fpl-erg-details .fpl-erg-aban .ankunft  {
	  	float:none;
	  	width: 80px;
		line-height:25px;
		
		font-size:110%;

	}
	
	.fpl-erg-details .fpl-erg-aban {
		width:80px; 
	}
	
	.fpl-erg-details .fpl-erg-info .linien  {
  		line-height:25px;
		text-align:left;
		float:none;
	}
	
	.fpl-erg-details .fpl-erg-info .details {
  		line-height:25px;
		float:none;
		font-size:80%;
	}
	
	span.fpl_aha_linie, a.fpl_aha_linie, a.fpl_aha_linie:link, a.fpl_aha_linie:active, a.fpl_aha_linie:visited {
	  display: inline-block;
	  height: 20px;
	  width: 20px;
	  font-size:80%;
	  line-height: 20px; 
	  border-radius: 20px; 
	}

}