/**
* VVM Templates
*
* Responsive stylesheet - layout "vvm"
*
* @copyright       Copyright 2016, Verkehrsunternehmens-Verbund Mainfranken GmbH - VVM
* @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
*                  YAML-CDL (http://www.yaml.de/license.html)
* @link            http://www.vvm-info.de/
* @version         1.1.5
*/

@media screen and (min-width: 480px) {
	/* 2016-07-22 Patch for unclickable links */
	.level2 .header-image {
		position: absolute;
	}
}

@media only screen and (max-width: 984px) and (min-width: 768px) {

	body .ym-wrapper {
		min-width: 1024px !important;
	}
	.megamenu_container .megamenu > li.indent {
		margin-left: 245px;
	}
	.megamenu_container .megamenu > li.megamenu_right {
		display: none;
		visibility: hidden;
	}

}

@media screen and (max-width: 770px) {
	#mb_popup{
		display: block;
	}
	
}
@media screen and (max-width: 760px) {

	/* Hide and show elements */
	.weather_wrapper, .megamenu, nav.main .gradient {
		display: none;
		visibility: hidden;
	}


	/* Container */
	body {
		margin: 0;
	}
	body > * .ym-wrapper,
	nav.main .ym-wrapper, main .ym-wrapper, nav.sitemap .ym-wrapper, footer .ym-wrapper {
		border: none;
	}
	.ym-grid .vbox, .ym-grid .cbox, .ym-grid .ibox {
		margin-bottom: 1em;
	}
	.ym-g38, .ym-g62 {
		width: 100%;
	}


	/* Logo */
	.logo {
		background: none;
	}
	a.logo {
		background-size: auto 62px;
	}


	/* Navigation */
	.megamenu {
		position: relative;
		background: black;
	}
	li.indent {
		margin-left: 0;
	}
	nav.main.noimage .ym-wrapper {
		height: auto;
	}


	/* Tabs */
	ul.ui-tabs-nav li {
		border-right: none;
		line-height: 2.5em;		
		width: 100%;
	}
	.vbox .ui-tabs-nav .ui-corner-top:first-child, 
	.ui-tabs-nav .ui-corner-top:first-child {
		padding-left: 0;
	}
	ul.ui-tabs-nav li {
		padding: 10px 0;
	}
	.ym-cbox ul li:before, .result-list ul li:before {
		margin-left: 0;
	}


	/* Content */
	.vbox .ym-gbox .content-wrapper {
		position: relative;
	}
	.vbox .content-wrapper ul li {
		width: 100%;
		margin: 0;
		padding: 1em 0;
	}
	.vbox .content-wrapper ul li:first-child {
		margin: 0;
	}
	.teaser .ym-gbox {
		max-width: 100%;
	}
	.result-list-toggle-top {
		margin-left: -15px;
    }
	.qbox.upper {
		margin-top: 1em;
	}
	#journey_planner .ym-gl, 
	#journey_planner .ym-gr, 
	#contact_form .ym-gl, 
	#contact_form .ym-gr, 
	.panel .ym-gl, 
	.panel .ym-gr, 
	.panel .twocol .ym-gl, .panel .twocol .ym-gr, .twocol .ym-gl, .twocol .ym-gr, .panel .threecol .ym-gl, .panel .threecol .ym-gr, .threecol .ym-gl, .threecol .ym-gr {
		padding: 10px 0;
	}
	.result-list img.left, img.alignleft {
		margin: 0 0 10px 0;
		width: 100%;
		height: auto;
	}
	.level3 .header-image, .level2 .header-image {
		margin-top: 0;
	}
	.ruler .ym-gl {
		border-right: none;
	}
	.level2 .header-image {
		width: 100%;
		left: 0;
	}
	#fahrgastinformation{
		position: static;
	}


	/* bxSlider */
	ul.bxslider	img {
		width: 100%;
		padding: 10px 0;
	}
	ul.bxslider	li {
		margin-left: 0;
	}


	/* Spacer */
	.leftspace1, .leftspace2, .leftspace3, .leftspace4, .leftspace5, .leftspace6, .leftspace7, .leftspace8, .leftspace9 {
		margin-left: 0px;
		width: 100%;
	}


	/* Sitemap */
	nav.sitemap .ym-gl:first-of-type {
		border-right: none;
	}
	nav.sitemap .ym-gl:first-of-type a {
		display: block;
	}
	nav.sitemap .ym-gl, nav.sitemap .ym-gr {
		padding: 1em 0;
		border-bottom: 1px solid rgb(255,255,255);
	}
	nav.sitemap ul {
	}
	nav.sitemap li {
		float: left;
	}
	nav.sitemap ul li:after {
		content: "\00a0\2013\00a0";
	}
	nav.sitemap ul li:last-child:after {
		content: "";
	}

	/* Preisrechner */
	#price_calculator .calc {
		display: block;
		background: url('../images/preisrechner_zick_zack2.png') no-repeat left 16px;
		width: 220px;
		height: 150px;
		margin: 0 auto;
	}

}


@media screen and (max-width: 480px) {

}