


@media screen and (max-width: 780px) {
	div.box.bild h2, div.box.text h2 {
		margin-bottom: 0.5vw;
	}
	div.box.bild p, div.box.text p {
		margin-top: 0.5vw;
	}
	div.box p {
		overflow: hidden;
		font-size: 15px;
	}
	
	
	
	#fpl-menu .fpl-menu-bttn {
		font-size:70%;
	}
	
	
	.fpl-submenu .fpl-submenu-bttn, 
	.fpl-submenu .fpl-submenu-bttn-lnp {
		font-size:70%;
	}
	
	
	table.fpl_linie col.fptab_zone,
	table.fpl_linie tr.fpl_tage th.lio:nth-of-type(2),
	table.fpl_linie tr.fpl_merkmale th.fpl_zone,
	table.fpl_linie td.fpl_zone {
		display:none;
	}

	
}




@media screen and (max-width: 700px) {
	.grid div.box p {
		font-size: 14px;
	}
	
	div#fpl_wrap div.fpl_head div.fpl_dat div.txt,
	.fpl-topbar .aha-feld {
     
		margin-left: 10%; 

	}

	div.fpl_wrap div.fpl_head div.fpl_tage a {
	  	font-size: 14px;
		width:auto;
		padding:0 10%;
	}
	
	div.fpl_wrap div.fpl_head div.fpl_zeiten a {
	   
	  padding: 0 2%; 
	  font-size: 70%; 
	}
	
	
	div.fpl_wrap table.fpl_aushang th:first-child {
	  padding-right: 0;
		width:0;
	}
	
	div.fpl_wrap table.fpl_aushang td:first-child {
	  width:0;
	}
	
	div.fpl_wrap table.fpl_aushang col.fpl_aushang_first,
	div.fpl_wrap table.fpl_aushang td:first-child, 
	div.fpl_wrap table.fpl_aushang th:first-child {
	  width:2px;
	}
 
	td.abf_ziel span {
		line-height:normal;
	}
	td.abf_ziel span.ri_an {
		display:none;
	}
	
	table.fpl_linie col.fptab_ust,
	table.fpl_linie col.fptab_zone,
	table.fpl_linie tr.fpl_tage th.lio:first-child,
	table.fpl_linie tr.fpl_tage th.lio:nth-of-type(2),
	table.fpl_linie tr.fpl_merkmale th.lio:first-child,
	table.fpl_linie tr.fpl_merkmale th.fpl_zone,
	table.fpl_linie td.fpl_ust,
	table.fpl_linie td.fpl_zone {
		display:none;
	}

}


@media screen and (max-width: 680px) {
	.grid div.box p {
		display: none;
	}
	.grid div.box.news div div.copy p {
		display: inherit;
	}
	
	#fpl-menu .fpl-menu-bttn {
		/*font-size:65%;*/
		
	}
	
	#fpl-menu .fpl-menu-bttn.fpl_m_ver,
	#fpl-menu .fpl-menu-bttn.fpl_m_hst,
	#fpl-menu .fpl-menu-bttn.fpl_m_fpl,
	#fpl-menu .fpl-menu-bttn.fpl_m_net {
  		background-image:none;
	}
	
}


@media screen and (max-width: 620px) {
	/* Tarif */
	.tar-header .tar-logo, .tar-header .tar-headline {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	form.fpl-verb {
  		 
 	 	padding: 5px;
  		max-width: 330px; 
	}
	
	div.form_row label, 
	div.form_row input:not([type="checkbox"]):not([type="radio"]), 
	div.form_row textarea, 
	div.form_row a, 
	div.form_row span {
		float: none;
		display: block;
	}
	
	
	span.aha-input.ankunftabfahrt span {
		float:left;
	}
	
	form.fpl-verb div.form_row  {
	  margin-bottom: 5px;
	}
	
	div.form_row span.form_txt {
		text-align:left;
		margin:0;
		padding-bottom:0;
		padding-left:35px;
		width:calc(100% - 40px);
		font-size:80%;
	}
	
	span.aha-input  { 
		width: calc(100% - 35px - 35px - 2px - 2px );
	}
	
	span.aha-input.ankunftabfahrt { 
		width: calc(100% - 2px - 2px );
	}
	
	
	
	input:not([type="checkbox"]):not([type="radio"]) {
		margin-left: 0;
		margin-right: 0; 
	}
	
	div#content div.formrahmen h2.ticket {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		text-align: center;
	}
	
	div#content div.formrahmen h2 {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		text-align: center;
		font-weight: 600;
	}
	
	div.fpl-erg-bttn {
		width: calc(100% - 0.625em - 0.625em);
		margin-left: 0;
	}
	
	/*
	span.aha-delete {
		position:absolute;
		left:-999px;
		margin-left: -999px;
	} */
	
	.fpl-tar-tickets .fpl-tar-ticket {
		width: calc(100% - 12px - 40px - 12px);
	}
	
	.form-hinweis, 
	.form-text {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	
	div.form_row label.checkbox_only {
		padding-left: 0;
		width: 100%;
	}
	
	div.form_row label.checkbox_only input, 
	div.form_row label.checkbox_only span {
		float: left;
	}
	
	#konform div.form_row label {
		line-height: 1em;
	}
	
	div.form_row input:not([type="checkbox"]):not([type="radio"])#plz,
	div.form_row input:not([type="checkbox"]):not([type="radio"])#ort {
		/* display:inline; */
	}
	
	input:not([type="checkbox"]):not([type="radio"])#ort {
		width: calc(100% - 0.625em - 0.625em - 0.625em - 0.625em - 3.125em - 3px  );
	}
	
	/*
	#konform div.form_row label input:not([type="checkbox"]):not([type="radio"]), 
	#konform div.form_row label textarea {
		width: -moz-calc(100% - 1.25em);
		width: -webkit-calc(100% - 1.25em);
		width: calc(100% - 1.25em);
		margin-bottom: 0.3em;
	}
	*/
	
	#konform div.form_row label input.zeit, 
	#konform div.form_row label input.datum {
		width: 80px;
		margin-top: 1px;
	}
	
	span.group_inp {
		width: 100%;
	}
	
	span.group_inp input#plz,
	span.group_inp input#ort {
		float:left;
	}
	
	div.box.cont div.form_row a.addort {
		margin-left: 0;
	}
	
	#konform input.submitbutton {
		width: 100%;
		margin-left: 0;
	}
	
	div#footer div#siteinfo div#links div.container div.col.kontakt, 
	div#footer div#siteinfo div#links div.container div.col.verkehrsgebiet {
		width: 100%;
		float: none;
	}
	
	div#footer div#siteinfo div#links div.col.verkehrsgebiet a {
		background-position: left 50px;
		height: 316px;
		margin-top: 20px;
	}
	
	
	input.fpl-datum, input.fpl-uhrzeit {
  		width: calc(100% - 80px);
	}
	
	.hst_nearby_wrap a {
	  float: none;
	  width: 98%;
		margin:2% 0 5% 0;
		height:32px;
	}
		
}


@media screen and (max-width: 600px) {
	/* div.box a div.copy h2 { font-size: 3.5vw; }
	div.box.bild.text h2 { margin-bottom:1vw; } */
	div.feedback div.inner div.feedbttn div.feeda, div.feedback div.inner div.feedbttn div.feedc {
		width: 25%;
	}
	div.feedback div.inner div.feedbttn div.feedb {
		width: -moz-calc(50% - 18px);
		width: -webkit-calc(50% - 18px);
		width: calc(50% - 18px);
	}
	div.feedback div.feedform div.feedbttn div.feedsend, div.feedback div.feedform div.feedbttn div.feedclose {
		width: -moz-calc(50% - 4.5px);
		width: -webkit-calc(50% - 4.5px);
		width: calc(50% - 4.5px);
	}
}


@media screen and (max-width: 570px) {
	div#footer div#infolinks div.cont, div#telebttn div.cont, div#footer div#siteinfo, div#footer div#bottom {
		max-width: 570px;
	}
	div.mietfz div.flotte a {
		width: -moz-calc(50% - 1px);
		width: -webkit-calc(50% - 1px);
		width: calc(50% - 1px);
		height: auto;
	}
	div.mietfz div.flotte a img {
		width: 100%;
		height: auto;
	}
	div.mietfz div.flotte a.oldtimer {
		width: -moz-calc(100% - 1px);
		width: -webkit-calc(100% - 1px);
		width: calc(100% - 1px);
		height: auto;
	}
	div.mietfz div.flotte a.oldtimer img {
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 524px) {
	div.box a div.copy h2 {
		font-size: 4.375vw;
	}
	div.box.bild.text h2 .sub {
		font-size: 3vw;
	}
	/*NEWS*/
	div.box.news div div.copy .datum {
		display: none;
	}
	div.box.news div div.copy h2 {
		font-size: 4.375vw;
	}
	div.box.news div div.copy p {
		font-size: 3vw;
	}
	div.form_row span.fpl-bttn-cal, div.form_row span.fpl-bttn-now {
		visibility: hidden;
	}
	div#telebttn div.cont a.telefon {
		padding-left: 8%;
		width: 92%;
	}
	/* Formular Suche */
	span.form_txt {
		display: block;
		width: 100%;
	}
 
	
	#fpl-menu .fpl-menu-bttn {
		/* font-size:60%; */
	}
	
	
}


@media screen and (max-width: 420px) {
	div#telebttn div.cont a.telefon {
		font-size: 100%;
	}
	
	#fpl-menu .fpl-menu-bttn {
		/* font-size:50%; */
		background-size:auto 40%;
		background-repeat: no-repeat;
		background-position: 6px center;
	}
	
}


@media screen and (max-width: 380px) {
	#mobi-menu div#mobsu-btn, #mobi-menu div#mobstoe-btn {
		margin-right: 0;
	}
	div.box a.icon h2 {
		font-size: 125%;
	}
}


@media screen and (max-width: 320px) {
	div#wrap {
		max-width: 270px;
	}
	div#footer div#infolinks div.cont, div#footer div#siteinfo, div#footer div#bottom {
		width: 270px;
	}
	div.box {
		margin: 5px 15px;
	}
	div#telebttn div.cont a.telefon {
		font-size: 80%;
	}
}