/********** timetable form autocomplete *******/

#mdv_locs {
    border: 1px solid #d9d9d9;
    background-color: #fff;
    width: 300px !important;
    max-height: 522px !important;
    overflow-x: hidden;
	overflow-y: auto;
	z-index: 2;
}
#mdv_locs li {
    color: #575757;
    padding: 8px;
    border-bottom: 1px solid #d9d9d9;
   /* line-height: 1.42857143;
    font-size: .875em;*/
}

.mdv_sug-icon {
  font-size: 23px;
}
.loc::before, .stop::before, .poi::before, .address::before, .street::before, .singlehouse::before {
    float: left;
    font-size: 23px;
    padding: 0px 10px 0px 10px;
    color: rgb(0,105,190);
}
.loc:hover::before, .stop:hover::before, .poi:hover::before, .address:hover::before, .street:hover::before, .singlehouse:hover::before {
    color: #fff;
}

.loc::before {
    font-family: FontAwesome;
    content: '\f041';
    padding-right: 14px;
}
.stop::before {
    font-family: fahrplanauskunft;
	content: 'I';
    padding-top: 3px;
	padding-left: 6px;
}
.poi::before {
    font-family: FontAwesome;
    content: '\f19c';
    font-size: 20px;
    padding-left: 6px;
	padding-right: 9px;
}
.address::before, .street::before, .singlehouse::before {
    font-family: FontAwesome;
    content: '\f015';
    padding-left: 5px;
    padding-right: 11px;
}

#mdv_locs li:hover {
    color: #fff;
    background-color: rgb(0,105,190);
	cursor: pointer;
}

/* en version */

.lang-en .ui-widget-header {
	background-color: rgb(0,105,190);
}

a.headerimg {
	display: block;
}

/********** from smartphones to tablets **********/

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

	/*----------------- header -----------------------*/

	.site_header{
		width: 100%;
		position: fixed;
		z-index: 2;
		height: 4.4rem;
	}

	.menue_container {
		margin: 0%;
		position: relative;
		width: 100%;
		background: #fff;
		height: 4.4rem;
		box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.6);
		-webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.6);
	}

	#headerimg{
		width: 100%;
		background-color: #fff;
	}

	/*------ logo ------*/

	a.logolink {display: block;}

	img.logo{
		position: absolute;
		top: 0;
		left: 3%;
		width: auto;
		height: 90%;
		z-index: 20;
	}

	a #logo {
		position: absolute;
		top: 0;
		left: 1%;
		width: 14em;
		height: 100%;
		z-index: 10;
		background: URL('../img/logo-vrt-2021-quer.jpg');
		/* background-size: 100% auto; */
		background-size: contain;
		background-repeat: no-repeat;
	}

	.site_header.sticky a #logo{
		top: 0;
		left: 1%;
		width: 14em;
		height: 100%;
		background: URL('../img/logo-vrt-2021-quer.jpg');
		background-size: contain;
		background-repeat: no-repeat;
	}

	.site_header.sticky .menue_container {padding-top: 0rem;}

	.site_header .menue_container,
	.site_header.sticky .menue_container {
		transition-property: all;
		transition-duration: 0.5s;
		-webkit-transition-property: all;
		-webkit-transition-duration: 0.5s;
		-moz-transition-property: all;
		-moz-transition-duration: 0.5s;
		-o-transition-property: all;
		-o-transition-duration: 0.5s;
		z-index: 2;
	}

	/*----------------- menue top --------------------*/

	#more_button {
		position: absolute;
		top: 1rem;
		/*right: 12rem;*/
		right: 1rem;
		background: #FFFFFF;
		font-size: 1.2em;
		line-height: 17.6px;
		/*width: 65px;
		height: 55px;*/
		width: 40px;
		height: 40px;
		text-decoration: none;
		text-align: center;
		cursor: pointer;
		display: block;
		font-weight: normal;
		z-index: 15;
	}

	#menue_top {
		position: absolute;
		top: 1rem;
		/*right: 12rem;*/
		right: 1rem;
		/*width: 65px;
		height: 55px;*/
		width: 40px;
		height: 40px;
		z-index: 10;
	}

	#menue_top:hover,
	#menue_top.active {
		width: 100%;
		height: 4.4rem;
		top: 0;
		left: 0;
	}

	#more_button img {
	    /*display: block;
		margin: 9% auto 0% auto;*/
		width: 40px;
	}

	#more_button span {
		position: absolute;
		bottom: 8px;
		left: 0;
		width: 100%;
		line-height: 1em;
		font-size: 1rem;
    }
	/*
	#menue_top .menue a.nav .nav_icon,
	#menue_top .menue .nav.nav_container .nav_link_container .nav_icon {
		display: block;
		width: 32px;
		top: 3px;
		left: 15px;
		margin: 0 auto 4px auto;
		position: absolute;
	}
	*/

	#menue_top .menue { width: 100%; }

	#menue_top:hover .menue .nav,
	#menue_top.active .menue .nav { display: block; }

	/*#menue_top:hover .menue .nav.mobile { display: none; }*/

	#menue_top:hover .menue,
	#menue_top.active .menue {
		padding-top: 29px;
		margin-top: 40px;
		padding-bottom: 90px;
	}

	#menue_top .menue .nav {
		display: none;
		width: 100%;
		position: relative;
		right: auto;
		top: auto;
		margin-right: 0;
	}

	#menue_top .menue a.nav,
	#menue_top .menue .nav.nav_container .nav_link_container{
		background: #FFFFFF;
		font-size: 1rem;
		/* line-height: 17.6px; */
		width: 100%;
		/* height: 28px; */
		text-align: left;
		text-decoration: none;
	}

	#menue_top .menue .nav.nav_container .nav_link_container .nav_inner{
		background: #FFFFFF;
		color: #505050;
		font-size: 20px;
		line-height: 17.6px;
		width: 97%;
		text-align: left;
		text-decoration: none;
		padding: 10px 0px;
		padding-left: 3%;
		border-top: 1px solid rgb(0,105,190);
	}

	#menue_top .menue .nav.nav_container:last-child .nav_link_container .nav_inner{
	    border-top: 1px solid rgb(0,105,190) !important;
	}

	#menue_top .menue .nav_container .nav_subentries .nav_sub {
		background: #fff;
		color: #505050;
		font-size: 1.1rem;
		/* line-height: 17.6px; */
		width: 85%;
		/* height: 28px; */
		text-decoration: none;
		padding: 7px 10%;
		font-weight: normal;
		/*margin: 0% auto 0% auto;*/
		/*z-index: 5;*/
		display: none;
	}
	#menue_top .menue .nav_link_container:hover .nav_subentries .nav_sub {
		display: block;
		/*z-index: 15;*/
	}

	#menue_top .nav.nav_container .nav_subentries {
		position: relative;
		width: 100%;
		background: none;
		float: left;
		bottom: auto;
		/*top: 15px;*/
		top: 0;
		left: auto;
		padding: 0;
		z-index: 10;
	}
	/*
	#menue_top .nav.nav_container .nav_subentries {
		background: none;
		float: left;
		position: absolute;
		bottom: auto;
		top: 15px;
		left: auto;
		right: 1%;
		width: 37%;
		padding: 0;
		z-index: 10;
	}
	*/
	.subbgr_1,
	.subbgr_2,
	.subbgr_3,
	.subbgr_4,
	.subbgr_5 {display: none;}

	#menue_top .menue .nav.nav_container .nav_link_container:hover .nav_subentries .nav_sub {padding-top: 8px;}

	#menue_top .menue .nav_container:hover .nav_subentries,
	#menue_top .menue .nav_container .nav_subentries.active {
		display: block;
		margin-top: 0;
	}

	div#subentries_4,
	#menue_top .nav_inner.logout {
		border-bottom: 1px solid rgb(0,105,190);
	}

	#mobilelang_switch .nav_link_container.single a {
		background: #FFFFFF;
		color: #505050;
		font-size: 20px;
		line-height: 17.6px;
		width: 97%;
		text-align: center;
		text-decoration: none;
		padding: 10px 0px;
		padding-left: 3%;
	}

	#mobilelang_switch .img_lang_wrap {
		width: 40px;
		margin: 4px auto 0 auto;
	}

	#mobilelang_switch .single {border-bottom: 1px solid rgb(0,105,190);}

	/*
	#menue_top .nav.nav_container .nav_link_container:after {
		content: '';
		border: 4px solid transparent;
		border-left: 5px solid #004a6e;
		border-right: none;
		position: absolute;
		right: 10px;
		top: 39%;
		width: 0px;
		height: 0px;
	}
	*/
	/*
	#menue_top .nav.nav_container .nav_link_container:hover:after {
		border: none;
		border-left: none;
		border-right: none;
		position: absolute;
		right: 10px;
		top: 39%;
		width: 0px;
		height: 0px;
	}
	*/
	/*--- menue ---*/
	/*
	.site_header #menue_top.openSub a.nav,
	.site_header #menue_top.openSub .nav.nav_container .nav_link_container {
		width: 60%;
	}

	.site_header #menue_top .nav_container .nav_subentries.showSub {
		display: block;
	}
	*/
	
	/*---------- language switcher -------------*/
	
	#lang_switch {
		display: none;
	}
	
	/*---------- social media buttons ------------*/

	#desk_buttons {
		position: absolute;
		right: 2%;
		/*margin-top: 1.25rem;*/
		margin-top: 1rem;
		z-index: 16;
	}

	#desk_buttons img {width: 40px;}

	#desk_buttons .link_fb {margin: 0px 10px 10px 10px;}


	/*---------- dummy buttons ------------*/

	#desk_buttons {display: none;}

	#mobilesearch {
		position: absolute;
		right: 4.5rem;
		/*margin-top: 1.25rem;*/
		top: 1rem;
		z-index: 16;
	}

	#mobilesearch img {width: 40px;}
	/*
	#dummy_lang_search .link_search {
		margin: 0px 7px 10px 10px;
	}
	*/

	/*--------- side-tab-box fahrplanauskunft-baustellen ---------*/

	#side-tab-box {
		position: absolute;
		width: 100%;
		height: auto;
		background-color: #fff;
		top: 12rem;
		right: 0rem;
		border: solid rgb(0,105,190);
		border-width: 1px 0px 1px 1px;
		z-index: 0;
	}

	#side-tab-box #tabs,
	#side-tab-box #tabs ul,
	#side-tab-box #tabs ul li {
		margin: 0;
		padding: 0;
	}

	#side-tab-box #tabs ul li {width: 50%;}

	#side-tab-box #tabs ul li a {font-size: 1.6rem;}

	#side-tab-box #tabs ul li a:focus {outline: none;}

	#side-tab-box ul li.ui-tabs-tab:first-child,
	#side-tab-box #tabs-1 {
		background-color: rgb(0,105,190);
		/*background-color: rgb(0,130,190);*/
	}

	#side-tab-box ul li:first-child a {
		padding: 0.9em 3.2em 0.9em 2.7em;
		/*padding: 7% 21.5%;*/
	}

	#side-tab-box ul li:last-child a {
		padding: 0.5em 2.8em;
		/*padding: 4% 18%;*/
	}

	#side-tab-box ul li a[href="#tabs-1"] {
		color: #ffffff;
	}

	#side-tab-box ul li a[href="#tabs-2"] img {
		width: 50px;
		height: 50px;
		margin: 0 10px 0 0;
	}

	#side-tab-box ul li a[href="#tabs-2"] span {
		font-size: 1.6rem;
		line-height: 1.6rem;
		color: #505050;
	}

	#side-tab-box ul li a[href="#tabs-1"] img,
	#side-tab-box ul li a[href="#tabs-1"] span,
	#side-tab-box ul li a[href="#tabs-2"] img,
	#side-tab-box ul li a[href="#tabs-2"] span {
		float: left;
	}
	/*
	#side-tab-box #form_timetable label {
		font-size: 1.4rem;
		color: #fff;
	}
	*/

	#tabs > div {
		padding: 5% 10%;
	}

	.ui-widget-header {
		border: none !important;
		background: none;
		font-weight: normal;
	}

	/* form fahrplanauskunft tab */

	input, select {
		height: 3rem;
		margin-bottom: 15px;
		font-size: 1.2rem;
	}

	form label {
		font-size: 1.4rem;
		float: left;
	}

	form input {padding-left: 5px;}

	form .form_row {width: 100%;}

	form .twoinrow,
	form .quarter {width: 50%;}

	form .spaced .space {
		width: 10%;
		height: 1em;
	}

	form .fourinrow {width: 25%;}

	form .block label {
		width: 95%;
		margin-bottom: 5px;
	}

	form .block input {
		width: 98%;
		border: none;
	}

	form input[type="radio"] {width: 25%;}

	form input[type="submit"],
	form input[type="reset"]{
		width: 99%;
		/*background-color: #72b518;*/
		background-color: #96be32;
		text-decoration: none;
		text-align: center;
		cursor: pointer;
		border: none;
		font-size: 1.6rem;
		color: #fff;
		padding: 0;
		border-radius: 0;
		text-shadow: 1px 1px 1px #789B21;
	}

	/*------ login button -------*/
	
	#login {
		margin-left: 20px;
		margin-top: 10px;
		cursor: pointer;
		width: 35px;
	}

	#login img { width: 80%; }
	
	/* adjustements */

	#form_timetable input[type="radio"] {margin-top: 30px;}

	#form_timetable .spaced .quarter,
	#form_timetable .spaced .twoinrow {width: 45%;}

	#form_timetable label {color: #fff;}

	#switch_button {
		width: 8%;
		height: 45px;
		cursor: pointer;
		background: URL('../img/icon-switch.png') no-repeat;
		background-size: 100% auto;
		margin: 2.1rem 1% 1% 1%;
	}

	#switch_button:hover {background-color: #72b518;}

	/*
	#switch_button img {
		width: 80%;
		margin: 10% 10%;
	}
	*/

	#form_timetable .spaced .quarter.date {width: 60%;}

	#form_timetable .spaced .quarter.time {width: 36%;}

	#form_timetable #date {
		width: 100%;
		background: URL('../img/icon-calendar.png') no-repeat;
		background-color: #fff;
		background-size: 25%;
		background-position: 5px;
	}

	#form_timetable #date {
		width: 60%;
		padding-left: 35%;
	}

	#form_timetable #time {width: 94%;}

	#form_timetable label[for="dep"],
	#form_timetable label[for="arr"] {margin: 40px 5% 0% 0%;}

	#form_timetable .add_links {margin-top: 15px;}
	/*
	#form_timetable .add_links input[type="submit"] {
		text-decoration: none;
		background-color: #96be32;
		border: none;
		color: #fff;
		font-size: 1.2em;
		text-align: left;
		width: 50%;
		height: 1.4em;
		padding: 0;
		margin-bottom: 10px;
		text-shadow: none;
		text-align: center;
		text-shadow: 1px 1px 1px #789B21;
	}
	*/

	#form_timetable .add_links input[type="submit"],
	#form_timetable .add_links input[type="button"] {
		text-decoration: none;
		background-color: rgb(0,105,190);
		border: none;
		color: #fff;
		font-size: 1.2em;
		text-align: left;
		width: 50%;
		height: 1.4em;
		padding: 0;
		margin-bottom: 10px;
		text-shadow: none;
	}

	/* baustellen & umleitungen tab */

	#side-tab-box #tabs-2 a {
		width: 100%;
		background-color: #72b518;
		text-decoration: none;
		text-align: center;
		cursor: pointer;
		border: none;
		font-size: 1.6rem;
		color: #fff;
		padding: 0;
		padding: 0.5rem 0rem;
	}

	#side-tab-box #tabs-2 ul.roadworks_teasers li {
		width: 100%;
		list-style: none;
		padding: 10px 0;
		border-bottom: 1px solid rgb(0,105,190);
	}

	#side-tab-box #tabs-2 ul.roadworks_teasers li:first-child {padding-top: 0;}
	#side-tab-box #tabs-2 ul.roadworks_teasers li:last-child {border: none;}

	#side-tab-box #tabs ul.roadworks_teasers .date {
		width: 20%;
		float: left;
		text-align: left;
	}

	#side-tab-box #tabs ul.roadworks_teasers .desc {
		width: 70%;
		float: right;
		text-align: left;
	}

	#side-tab-box #tabs ul.roadworks_teasers li a {
		list-style: none;
		width: 100%;
		color: rgb(0,105,190);
		font-size: 1.2em;
		padding: 0;
		background-color: #fff;
	}

	/* sticky side-tab-box animation */

	#side-tab-box {right: -46rem;}

	#side-tab-box,
	#btns-side-tab-box	{
		transition-property: all;
		transition-duration: 0.5s;
		-webkit-transition-property: all;
		-webkit-transition-duration: 0.5s;
		-moz-transition-property: all;
		-moz-transition-duration: 0.5s;
		-o-transition-property: all;
		-o-transition-duration: 0.5s;
	}

	#btns-side-tab-box {
		position: absolute;
		width: auto;
		height: auto;
		background-color: #fff;
		top: 12rem;
		right: -6rem;
		/*border: solid rgb(0,105,190);*/
		border: solid #e5f0f7;
		border-width: 1px 0px 1px 1px;
	}

	#side-tab-box.active,
	#btns-side-tab-box.active {
		right: 0rem;
	}

	#btns-side-tab-box .timetable-btn,
	#btns-side-tab-box .roadworks-btn {cursor: pointer;}

	/*
	#btns-side-tab-box .timetable-btn img,
	#btns-side-tab-box .roadworks-btn img {
		padding: 0.2rem;
	}
	*/

	#btns-side-tab-box .timetable-btn {background-color: rgb(0,105,190);}

	#btns-side-tab-box {width: 40px !important;}

	/*
	#close_side_tab_box {
		width: 3%;
		float: left;
		line-height: 1.8rem;
		position: relative;
		text-decoration: none;
		text-align: center;
		font-style: normal;
		font-size: 2.25rem;
		cursor: pointer;
		color: rgb(0,105,190);
		padding: 230px 0;
	}

	#tabs {
		width: 97%;
		float: left;
	}
	*/
}


@media screen and (max-width: 750px) {
	
	#headerimg {
		width: 100%;
		height: 80px;
	}
	
	.nonmobile {
		display: none;
	}
	
	#menue_top .menue .nav.nav_container .nav_link_container .nav_inner {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
	#menue_top .menue .nav.nav_container .nav_link_container:hover .nav_subentries .nav_sub {
		padding-top: 6px;
	}

	#side-tab-box.active {top: 4.3rem;}

	#side-tab-box #tabs ul li a {
		font-size: 1.6em;
		width: 100%;
	}

	#side-tab-box ul li a[href="#tabs-1"] span,
	#side-tab-box ul li a[href="#tabs-2"] span {
		font-size: 1em;
		line-height: 1em;
	}

	#side-tab-box ul li a[href="#tabs-2"] span {color: #505050;}

	#side-tab-box ul li:first-child a {
		/*padding: 0.75em 0;*/
		text-align: center;
	}

	#side-tab-box ul li:first-child a[href="#tabs-1"] {
		width: 62% !important;
		padding: 0.4em 18% 0.4em 18%;
	}

	#side-tab-box ul li:last-child a[href="#tabs-2"] {
		width: 62% !important;
		/*padding: 0.5em 18%;*/
		padding: 0.4em 18% 0em 18%;
	}

	#side-tab-box ul li a[href="#tabs-1"] img,
	#side-tab-box ul li a[href="#tabs-2"] img {
		width: 22%;
		height: auto;
		margin: 0 2% 0 0;
	}

	#form_timetable .spaced .twoinrow {width: 100%;}

	#switch_button {
		width: 45px;
		margin: 0 0 0 45%;
	}

	/*form label {font-size: 1.4em;}*/
	form label {font-size: 1.2em;}

	/*#tabs > div {padding: 4% 7%;}*/
	#tabs > div {padding: 1% 7%;}
	

	form input[type="radio"] {width: 30px;}

	input, select {
		height: 2.2rem;
		margin-bottom: 10px;
		/*font-size: 1.2rem;*/
		font-size: 1.2em;
	}
	/*
	#switch_button {
		width: 45px;
		margin: 0px auto 0 auto;
		position: relative;
		float: none;
		top: 70px;
	}
	*/
	#switch_button {
		/*
		width: 35px;
		height: 35px;
		*/
		width: 34px;
		height: 34px;
		margin: 0px auto 0 auto;
		position: relative;
		float: none;
		/*top: 65px;*/
		top: 59px;
	}
	
	#form_timetable input[type="radio"] {
		position: absolute;
		visibility: hidden;
	}

	#form_timetable label[for="dep"],
	#form_timetable label[for="arr"] {margin: 15px 5% 0% 0%;}

	#form_timetable input[type="radio"] {
		margin-top: 10px;
		margin-bottom: 0;
	}

	#form_timetable label[for="dep"],
	#form_timetable label[for="arr"] {
		width: 100%;
		display: block;
		position: relative;
		cursor: pointer;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#form_timetable label[for="dep"] span,
	#form_timetable label[for="arr"] span{
		height: 2rem;
		width: 100%;
		border: 1px solid #fff;
		line-height: 2rem;
		font-size: 0.9em !important;
	}
	
	#form_timetable input[type="radio"]:checked ~ span {
		background-color: #fff;
		color: #505050;
	}
	
	#form_timetable .form_row.spaced .adjust {
		width: 99%;
	}
	
	
	#form_timetable .add_links input[type="submit"],
	#form_timetable .add_links input[type="button"] {
		width: 99%;
	}

	#form_timetable #date {background-size: 12%;}

	#form_timetable #time {text-align: center;}

	#side-tab-box #tabs-2 a,
	form input[type="submit"],
	form input[type="reset"] {
		font-size: 1.4em;
	}

	#side-tab-box #tabs ul.roadworks_teasers .date,
	#side-tab-box #tabs ul.roadworks_teasers .desc {
		width: 100%;
		float: none;
	}

	#side-tab-box #tabs ul.roadworks_teasers .date {
		font-weight: bold;
		color: #505050;
	}

	#btns-side-tab-box {top: 8rem;}

	/* interactive button */

	#side-tab-box {
		top: -46rem;
		right: 0;
	}

	#close_side_tab_box {display: none;}

	#close_top_side_tab_box{
		width: 100%;
		float: left;
		line-height: 1rem;
		position: relative;
		text-decoration: none;
		text-align: center;
		font-style: normal;
		font-size: 2.25rem;
		cursor: pointer;
		color: rgb(0,105,190);
		background-color: #e5f0f7;
		padding-top: 10px;
	}
	
	/* traffic info banners */

	#trafficBanner .banner.inHeaderImg {
		display: none;
	}
	
	#trafficBanner .banner {
		position: relative;
		width: 100%;
		background-color: rgb(207,0,39);
		border-bottom: 2px solid #fff;
	}

	#trafficBanner .banner a {
		width: 100%;
		color: #fff;
		text-decoration: none;
		margin: 5px auto;
	}

	#trafficBanner .banner .link_img {
		width: 30px;
		float: left;
		margin: 0 5%;
	}
	
	#trafficBanner .banner .link_right {
		float: left;
		width: 80%;
	}
	
	#trafficBanner .banner .link_title {
		margin-top: 5px;
		font-size: 1.25em;
	}
}

@media screen and (max-width: 650px) {
	#side-tab-box ul li a[href="#tabs-2"] img {
		width: 24%;
		height: auto;
		margin: 0 2% 0 0;
	}

	form .spaced .space {height: 0;}
}

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

	#side-tab-box #tabs ul li a {
		/*font-size: 1.4em;*/
		font-size: 1.3em;
		width: 100%;
	}

	form .block label {margin-bottom: 0;}

	#side-tab-box ul li a[href="#tabs-1"] img,
	#side-tab-box ul li a[href="#tabs-2"] img {
		width: 24%;
		height: auto;
		margin: 0 2% 0 0;
	}

	#switch_button {
		width: 29px;
		height: 29px;
		/*top: 60px;*/
		top: 54px;
	}
	
	#form_timetable .add_links {
		margin-top: 0px;
	}
}

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

	#more_button,
	#menue_top	{right: 1rem;}
	
	#menue_top .menue .nav.nav_container .nav_link_container .nav_inner{
		padding-top: 7px;
		padding-bottom: 7px;
	}
	
	#menue_top .menue .nav.nav_container .nav_link_container:hover .nav_subentries .nav_sub {
		padding-top: 5px;
	}
	
	#desk_buttons .link_fb {margin: 0px 5px 5px 5px;}

	#side-tab-box ul li:first-child a[href="#tabs-1"] {
		width: 70% !important;
		padding: 0.4em 15% 0em 15%;
	}

	#side-tab-box ul li:last-child a[href="#tabs-2"] {
		width: 70% !important;
		/*padding: 0.2em 15%;*/
		padding: 0.4em 15% 0em 15%;
	}
}

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

	#side-tab-box ul li:first-child a[href="#tabs-1"] {
		width: 82% !important;
		padding: 0.4em 1% 0em 15%;
	}

	#side-tab-box ul li:last-child a[href="#tabs-2"] {
		width: 82% !important;
		/*padding: 0.5em 8%;*/
		padding: 0.4em 1% 0em 15%;
	}
}

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

}

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

	#side-tab-box ul li:first-child a[href="#tabs-1"]{
		width: 80% !important;
		padding: 0.4em 5% 0.4em 15%;
	}
	#side-tab-box ul li:last-child a[href="#tabs-2"] {
		width: 90% !important;
		padding: 0.4em 5% 0em 5%;
	}
}

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

	a #logo {
		top: 3px;
		width: 13em;
	}

	.site_header.sticky a #logo {
		top: 3px;
		width: 13em;
	}
}


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

	body { font-size: 75%; }

	a #logo,
	.site_header.sticky a #logo	{
		top: 5px;
		width: 13em;
		/*height: 85%;*/
		height: 60px;
	}

	#more_button,
	#menue_top {
		right: 1rem;
		width: 35px;
		height: 35px;
	}

	#btns-side-tab-box,
	#more_button img {width: 35px;}

	/*
	#side-tab-box ul li a[href="#tabs-2"] img {
		display: none;
	}
	*/
	#side-tab-box ul li:last-child a[href="#tabs-2"] {
		width: 73% !important;
		padding: 0.5em 15%;
	}

	#side-tab-box #tabs ul li a { font-size: 1.2em; }

	input, select { height: 1.8rem; }

	#form_timetable label[for="dep"],
	#form_timetable label[for="arr"] { margin: 3px 5% 0% 0%; }
	
	#form_timetable label[for="dep"] span,
	#form_timetable label[for="arr"] span{
		height: 1.6rem;
		line-height: 1.6rem;
	}

	#form_timetable label[for="dep"], 
	#form_timetable label[for="arr"] {
		margin-bottom: 5px;
	}
	
	#form_timetable input[type="radio"] { margin-top: 0; }

	#side-tab-box ul li:first-child a { padding: 0.6em 0; }

	#side-tab-box ul li:first-child a[href="#tabs-1"] { padding: 0.2em 7% 0.2em 12%; }
	#side-tab-box ul li:last-child a[href="#tabs-2"] { padding: 0.2em 9% 0.2em 17%; }

	form .block label { margin-bottom: 0; }
	form input[type="radio"] { width: 25px; }

	#switch_button {
		width: 26px;
		height: 26px;
		margin: 0px auto 0 auto;
		position: relative;
		float: none;
		/*top: 50px;*/
		top: 45px;
	}

	/*-------- extra buttons -------*/

	#mobilesearch { right: 4rem; }
	#mobilesearch img { width: 35px; }

	#btns-side-tab-box {width: 35px !important;}
}

@media screen and (min-width: 750px) {

/*--------- side-tab-box fahrplanauskunft-baustellen ---------*/

	#side-tab-box {
		position: absolute;
		/*width: 44rem;*/
		width: 45rem;
		height: auto;
		background-color: #fff;
		top: 10.8rem;
		right: 0rem;
		border: solid rgb(0,105,190);
		border-width: 1px 0px 1px 1px;
		z-index: -1;
	}

	#side-tab-box #tabs,
	#side-tab-box #tabs ul,
	#side-tab-box #tabs ul li {
		margin: 0;
		padding: 0;
	}

	#side-tab-box #tabs ul li {
		width: 50%;
	}

	#side-tab-box #tabs ul li a {
		font-size: 1.6rem;
	}

	#side-tab-box #tabs ul li a:focus {
		outline: none;
	}

	#side-tab-box ul li.ui-tabs-tab:first-child,
	#side-tab-box #tabs-1 {
		background-color: rgb(0,105,190);
		/*background-color: rgb(0,130,190);*/
	}

	#side-tab-box ul li:first-child a {
		/*padding: 0.9em 3.2em 0.9em 2.7em;*/
		padding: 0.5em 30% 0.5em 20%;
	}

	#side-tab-box ul li:last-child a {
		/*padding: 0.5em 2.8em;*/
		    padding: 0.5em 20%;
		/*padding: 4% 18%;*/
	}

	#side-tab-box ul li a[href="#tabs-1"] {
		color: #ffffff;
	}

	#side-tab-box ul li a[href="#tabs-1"] img,
	#side-tab-box ul li a[href="#tabs-2"] img {
		width: 50px;
		height: 50px;
		margin: 0 10px 0 0;
	}

	#side-tab-box ul li a[href="#tabs-1"] span,
	#side-tab-box ul li a[href="#tabs-2"] span {
		font-size: 1.6rem;
		line-height: 1.6rem;
	}

	#side-tab-box ul li a[href="#tabs-2"] span { color: #505050; }

	#side-tab-box ul li a[href="#tabs-2"] img,
	#side-tab-box ul li a[href="#tabs-2"] span {
		float: left;
	}
	/*
	#side-tab-box #form_timetable label {
		font-size: 1.4rem;
		color: #fff;
	}
	*/

	#tabs > div {
		padding: 5% 10%;
	}

	.ui-widget-header {
		border: none !important;
		background: none;
		font-weight: normal;
	}

	/* form fahrplanauskunft tab */

	input, select {
		height: 3rem;
		margin-bottom: 15px;
		font-size: 1.2rem;
	}

	form label {
		font-size: 1.4rem;
		float: left;
	}

	form input {padding-left: 5px;}

	form .form_row {width: 100%;}

	form .twoinrow,
	form .quarter {width: 50%;}

	form .spaced .space {
		width: 10%;
		height: 1em;
	}

	form .fourinrow {width: 25%;}

	form .block label {
		width: 95%;
		margin-bottom: 5px;
	}

	form .block input {
		width: 98%;
		border: none;
	}
	
	form .single.block {
		width: 101%;
	}
	/*
	form input[type="radio"] {width: 25%;}
	*/
	form input[type="submit"],
	form input[type="reset"] {
		width: 100%;
		background-color: #72b518;
		text-decoration: none;
		text-align: center;
		cursor: pointer;
		border: none;
		font-size: 1.6rem;
		color: #fff;
		padding: 0;
	}

	/* adjustements */
	
	/*
	#form_timetable input[type="radio"] {margin-top: 30px;}
	*/
	
	#form_timetable input[type="radio"] {
		position: absolute;
		visibility: hidden;
	}
	
	#form_timetable .spaced .quarter,
	#form_timetable .spaced .twoinrow {width: 45%;}

	#form_timetable label {color: #fff;}

	#switch_button {
		width: 8%;
		height: 45px;
		cursor: pointer;
		background: URL('../img/icon-switch.png') no-repeat;
		background-size: 100% auto;
		margin: 2.1rem 1% 1% 1%;
	}

	#switch_button:hover {background-color: #72b518;}

	/*
	#switch_button img {
		width: 80%;
		margin: 10% 10%;
	}
	*/

	#form_timetable .spaced .quarter.date {width: 60%;}

	#form_timetable .spaced .quarter.time {width: 36%;}

	#form_timetable #date {
		width: 100%;
		background: URL('../img/icon-calendar.png') no-repeat;
		background-color: #fff;
		background-size: 25%;
		background-position: 5px;
	}

	#form_timetable #date {
		width: 60%;
		padding-left: 35%;
	}

	#form_timetable #time {width: 94%;}
	/*
	#form_timetable label[for="dep"],
	#form_timetable label[for="arr"] {margin: 40px 5% 0% 0%;}
	*/
	#form_timetable label[for="dep"],
	#form_timetable label[for="arr"] {
		width: 100%;
		display: block;
		position: relative;
		cursor: pointer;
		text-align: center;
		margin-top: 32px;
	}
	
	#form_timetable label[for="dep"] span,
	#form_timetable label[for="arr"] span{
		height: 2.8rem;
		width: 100%;
		border: 1px solid #fff;
		line-height: 2.8rem;
	}
	
	#form_timetable input[type="radio"]:checked ~ span {
		background-color: #fff;
		color: #505050;
	}
	
	#form_timetable .add_links {margin-top: 15px;}

	/*
	#form_timetable .add_links input[type="submit"] {
		text-decoration: none;
		background-color: rgb(0,105,190);
		border: none;
		color: #fff;
		font-size: 1.2rem;
		text-align: left;
		width: 50%;
		height: 1.4em;
		padding: 0;
		margin-bottom: 10px;
	}
	*/

	#form_timetable .add_links input[type="submit"],
	#form_timetable .add_links input[type="button"] {
		text-decoration: none;
		background-color: rgb(0,105,190);
		border: none;
		color: #fff;
		font-size: 1.2rem;
		text-align: left;
		width: 100%;
		height: 1.4em;
		padding: 0;
		margin-bottom: 10px;
		text-shadow: none;
	}


	/* baustellen & umleitungen tab */

	#side-tab-box #tabs-2 a {
		width: 100%;
		background-color: #72b518;
		text-decoration: none;
		text-align: center;
		cursor: pointer;
		border: none;
		font-size: 1.6rem;
		color: #fff;
		padding: 0;
		padding: 0.5rem 0rem;
	}

	#side-tab-box #tabs-2 ul.roadworks_teasers {
		min-height: 290px;
	}

	#side-tab-box #tabs-2 ul.roadworks_teasers li {
		width: 100%;
		list-style: none;
		padding: 10px 0;
		border-bottom: 1px solid rgb(0,105,190);
	}

	#side-tab-box #tabs-2 ul.roadworks_teasers li:first-child {padding-top: 0;}
	#side-tab-box #tabs-2 ul.roadworks_teasers li:last-child {border: none;}

	#side-tab-box #tabs ul.roadworks_teasers .date {
		width: 20%;
		float: left;
		text-align: left;
		/*font-weight: bold;
		color: #505050;*/
	}

	#side-tab-box #tabs ul.roadworks_teasers .desc {
		width: 70%;
		float: right;
		text-align: left;
	}

	#side-tab-box #tabs ul.roadworks_teasers li a {
		list-style: none;
		width: 100%;
		color: rgb(0,105,190);
		font-size: 1.2rem;
		padding: 0;
		background-color: #fff;
	}

	/* sticky side-tab-box animation */

	#side-tab-box {
		right: -46rem;
		/*background-color: #e5f0f7;*/
	}

	#tabs {background-color: #fff;}

	#side-tab-box,
	#btns-side-tab-box	{
		transition-property: right;
		transition-duration: 0.5s;
		-webkit-transition-property: right;
		-webkit-transition-duration: 0.5s;
		-moz-transition-property: right;
		-moz-transition-duration: 0.5s;
		-o-transition-property: right;
		-o-transition-duration: 0.5s;
	}

	#btns-side-tab-box {
		position: absolute;
		width: auto;
		height: auto;
		background-color: #fff;
		top: 12rem;
		right: -6rem;
		border: solid rgb(0,105,190);
		border-width: 1px 0px 1px 1px;
		z-index: -1;
	}

	#side-tab-box.active,
	#btns-side-tab-box.active {
		right: 0rem;
	}

	#btns-side-tab-box .timetable-btn,
	#btns-side-tab-box .roadworks-btn {
		cursor: pointer;
	}
	/*
	#btns-side-tab-box .timetable-btn img,
	#btns-side-tab-box .roadworks-btn img {
		padding: 0.2rem;
	}
	*/
	#btns-side-tab-box .timetable-btn {
		background-color: rgb(0,105,190);
	}
	/*
	#close_side_tab_box {
		width: 30px;
		line-height: 1.8rem;
		position: absolute;
		left: 0;
		top: 6.2em;
		text-decoration: none;
		text-align: center;
		padding: 10px 0px;
		font-style: normal;
		font-size: 2.25rem;
		cursor: pointer;
		color: #72b518;
		background-color: #fff;
	}
	*/

	#tabs {
		width: 97%;
		float: left;
	}

	#close_side_tab_box {
		width: 3%;
		float: left;
		line-height: 1.8rem;
		position: relative;
		/*left: 0;
		top: 6.2em;*/
		text-decoration: none;
		text-align: center;
		font-style: normal;
		font-size: 2.25rem;
		cursor: pointer;
		color: rgb(0,105,190);
		padding: 230px 0;
		background-color: #e5f0f7;
	}

	#close_top_side_tab_box{ display: none;}
	
	
	/* traffic info banners */
	
	#trafficBanner .banner.inContent {
		display: none;
	}
	
	#trafficBanner {
		position: absolute;
		left: 0;
		bottom: 0;
		background-color: rgb(207,0,39);
	}
	
	#trafficBanner .banner.inHeaderImg {
		position: relative;
		float: left;
		padding: 10px;
	}

	#trafficBanner .banner a {
		color: #fff;
		text-decoration: none;
		padding: 10px;
		border: 1px solid #fff;
	}

	#trafficBanner .banner.inHeaderImg .link_img {
		text-align: center;
	}
	
	#trafficBanner .banner.inHeaderImg .link_img img {
		width: 40px;
	}

	#trafficBanner .banner .link_title {
		font-size: 1.25em;
	}
}

@media screen and (min-width: 750px) and (max-width: 1023px) {
	#side-tab-box {
		top: 5.8rem;
	}
	#form_timetable .add_links {margin-top: 25px;}
}

/********** from tablets to desktop **********/

@media screen and (min-width: 1024px) {

	/*----------------- header -----------------------*/

	.site_header {
		width: 100%;
		position: fixed;
		z-index: 1;
	}

	#headerimg {
		width: 100%;
		background-color: #fff;
	}

	/*------ logo ------*/

	a.logolink { display: block; }

	img.logo {
		position: absolute;
		top: 0;
		left: 3%;
		width: auto;
		height: 87%;
		z-index: 10;
	}
	/*
	a.logolink {
		width: auto;
		height: 87%;
	}*/

	a #logo {
		position: absolute;
		top: 0;
		left: 3%;
		/*
		width: 22.2em;
		height: 90%;
		*/
		width: 18em;
		height: 60%;
		z-index: 10;
		background: URL('../img/logo-vrt-2021-quer.jpg');
		background-size: contain;
		background-repeat: no-repeat;
	}

	.site_header.sticky a #logo {
		position: absolute;
		top: 0;
		left: 3%;
		width: 12em;
		height: 90%;
		z-index: 10;
		background: URL('../img/logo-vrt-2021-quer.jpg');
		background-size: contain;
		background-repeat: no-repeat;
	}

	/*----------------- menue top ---------------------*/

	#more_button { display: none; }

	.menue_container {
		margin: 0%;
		position: relative;
		width: 100%;
		padding-top: 4.5rem;
		background: #fff;
		height: 4.5rem;
		box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.6);
		-webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.6);
	}

	#menue_top {
		margin: 0 auto 0 auto;
		width: 900px;
	}

	#menue_top .menue {
		position: absolute;
		margin-top: 20px;
		width: 900px;
		/*width: 50%;*/
	}
	
	.lang-en #menue_top,
	.lang-en #menue_top .menue {
		width: 700px;
	}

	#menue_top .menue .nav_container .nav_subentries {
		position: absolute;
		bottom: auto;
		top: 35px;
		left: 0;
		right: auto;
		width: 20rem;
		height: 0; /* hides drop down menu */
		max-height: 0px;
		padding: 0;
		z-index: 5;
	}

	#menue_top .menue .nav.nav_container .nav_link_container .nav_inner {
		color: #505050;
		line-height: 30px;
		width: 100%;
		height: 35px;
		float: left;
		text-decoration: none;
		text-align: center;
		position: relative;
		z-index: 10;
	}

	#menue_top .menue .nav_container .nav_subentries .nav_sub {
		color: #505050;
		font-size: 1.2rem;
		line-height: 1.2rem;
		width: 96%;
		padding: 0.75rem 0;
		text-decoration: none;
		text-align: left;
		font-weight: normal;
		margin: 0% auto 0% auto;
		border-top-color: #E1C150;
		z-index: 5;
		display: none;
	}

	#menue_top .menue .nav_container .nav_subentries .nav_sub.hasbreak {
		padding-top: 0;
		height: 36px;
		font-size: 0.9em;
		line-height: 1em;
	}

	#menue_top .menue .nav.nav_container .nav_link_container:hover .nav_subentries .nav_sub {
		display:block;
	}

	#menue_top .menue .nav_container .nav_subentries .nav_sub:hover {
		color: rgb(0,105,190);
	}

	#menue_top .menue .nav_container .nav_subentries .nav_sub.long,
	#menue_top .menue .nav_container .nav_subentries .nav_sub.hasbreak:hover {
		font-size: 0.9em;
		line-height: 1em;
	}

	#menue_top .menue a.nav > span.longer{
		bottom: 4px;
		font-size: 0.88em;
	}

	/* interactive menu */

	#menue_top .menue a.nav.active,
	#menue_top .menue .nav.nav_container .nav_link_container.active {
		line-height: 17.6px;
		display: block;
		color: rgb(0,105,190);
	}

	#menue_top .menue .nav.nav_container .nav_link_container.active .nav_inner{
		color: rgb(0,105,190);
		border-bottom: 1px solid rgb(0,105,190);
	}

	#menue_top .menue .nav.nav_container .nav_link_container:hover {
		color: rgb(0,105,190);
		z-index: 6;
	}

	#menue_top .menue .nav.nav_container .nav_link_container:hover .nav_inner {
		color: rgb(0,105,190);
		border-bottom: 1px solid rgb(0,105,190);
	}
	/*
	#menue_top .menue .nav.nav_container .nav_link_container.single:hover .nav_inner {
		border-radius: 10px 10px 10px 10px;
	}

	#menue_top .menue .nav.nav_container .nav_link_container:hover,
	#menue_top .menue a.nav:hover{
		border-radius: 10px 10px 0 0;
		background-color: #fff;
		color: rgb(0,105,190);
	}
	*/
	#menue_top .subbgr_1,
	#menue_top .subbgr_2,
	#menue_top .subbgr_3,
	#menue_top .subbgr_4,
	#menue_top .subbgr_5 {
		display: none;
		position: fixed;
		width: 100%;
		background-color: #fff;
		left: 0;
		top: 0;
		z-index: -1;
		padding-top: 4.5rem;
		box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.6);
		-moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.6);
		-webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.6);
	}

	#menue_top .subbgr_1 { height: 17.5rem; }
	/*#menue_top .subbgr_2 { height: 23rem; }*/
	#menue_top .subbgr_2 { height: 22.5rem; }
	#menue_top .subbgr_3 {
		/*height: 20rem;*/
		height: 23rem;
	}
	#menue_top .subbgr_4 { height: 20rem; }
	#menue_top .subbgr_5 { 
		height: 14.5rem;
		/* height: 12.5rem; */
		/* height: 17.5rem; */
	}
	
	/* en version */
	
	.lang-en #menue_top .subbgr_1 { height: 12rem; }
	.lang-en #menue_top .subbgr_2 { height: 18.5rem; }
	.lang-en #menue_top .subbgr_3 { height: 12rem; }
	.lang-en #menue_top .subbgr_4 { height: 20rem; }
	
	/**/

	#menue_top .menue .nav.nav_container .nav_link_container:hover #subentries_1 .subbgr_1,
	#menue_top .menue .nav.nav_container .nav_link_container:hover #subentries_2 .subbgr_2,
	#menue_top .menue .nav.nav_container .nav_link_container:hover #subentries_3 .subbgr_3,
	#menue_top .menue .nav.nav_container .nav_link_container:hover #subentries_4 .subbgr_4,
	#menue_top .menue .nav.nav_container .nav_link_container:hover #subentries_5 .subbgr_5 {
		display: block;
	}

	#menue_top .menue .nav_container:hover .nav_subentries,
	#menue_top .menue .nav_container .nav_subentries.active {
		/*display: block;*/
		height:auto;
		max-height:200px;
		transition-property: all;
		transition-duration: 0.5s;
		-webkit-transition-property: all;
		-webkit-transition-duration: 0.5s;
		-moz-transition-property: all;
		-moz-transition-duration: 0.5s;
		-o-transition-property: all;
		-o-transition-duration: 0.5s;
	}

	#menue_top .menue a.nav {
		color: #fff;
		font-size: 1.2em;
		line-height: 30px;
		margin: 0px 20px 0px 0px;
		text-decoration: none;
		text-align: center;
		position: relative;
		font-weight: normal;
		z-index: 10;
	}

	#menue_top .menue .nav.nav_container .nav_link_container {
		position: relative;
		font-size: 1.6em;
		margin: 0% 4.5% 0% 0%;
		float: left;
		text-decoration: none;
		text-align: left;
		z-index: 10;
		padding: 0 5px 0 5px;
		/*border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		border-left: 1px solid #fff;*/
		transition-property: font-size, margin;
		transition-duration: 0.7s;
		-webkit-transition-property: font-size, margin;
		-webkit-transition-duration: 0.7s;
		-moz-transition-property: font-size, margin;
		-moz-transition-duration: 0.7s;
		-o-transition-property: font-size, margin;
		-o-transition-duration: 0.7s;
	}

	#menue_top .nav_container:last-child .nav_link_container {
		margin: 0;
	}

	
	/*---------- language switcher --------------*/
	
	/*
	#desklang {
		position: absolute;
		right: 9em;
		width: 45px;
		z-index: 6;
	}
	*/
	
	#lang_switch {
		position: absolute;
		top: 1.5em;
		right: 2em;
		z-index: 6;
	}
	
	#lang_switch a {
		font-size: 1.25em;
		line-height: 1.7em;
		height: 1.7em;
		text-align: center;
		width: 5.1em;
		border: 1px solid rgb(0,105,190);
		color: #505050;
		background-color: #fff;
		text-decoration: none;
	}
	
	#lang_switch a:hover {
		color: #fff;
		background-color: rgb(0,105,190);
	}
	
	#lang_switch {
		transition-property: all;
		transition-duration: 0.5s;
		-webkit-transition-property: all;
		-webkit-transition-duration: 0.5s;
		-moz-transition-property: all;
		-moz-transition-duration: 0.5s;
		-o-transition-property: all;
		-o-transition-duration: 0.5s;
	}
	
	/*---------- social media buttons ------------*/

	#desk_buttons {
		position: absolute;
		right: 2em;
		margin-top: 0;
		z-index: 6;
		bottom: 1em;
	}

	#desk_buttons img {
		width: 45px;
		transition-property: all;
		transition-duration: 0.7s;
		-webkit-transition-property: all;
		-webkit-transition-duration: 0.7s;
		-moz-transition-property: all;
		-moz-transition-duration: 0.7s;
		-o-transition-property: all;
		-o-transition-duration: 0.7s;
	}

	#desk_buttons .link_fb {
		margin: 0px 10px 10px 10px;
	}

	/*---------- dummy buttons ------------*/
	#mobilelang_switch,
	#mobilesearch {
		display: none;
	}


	/*--------------- login box -----------------*/

	#login {
		margin-left: 20px;
		margin-top: 10px;
		cursor: pointer;
		width: 35px;
	}

	#login img { width: 80%; }
	/*
	#loginSlide {
		height: 160px;
		position: absolute;
		top: 47px;
		right: -135px;
		width: 190px;
		z-index: -1;
		padding-right: 30px;
		background: none repeat scroll 0 0 rgb(0,105,190);
		box-shadow: 4px 4px 4px -2px rgba(0, 0, 0, 0.8);
	}

	#loginform {
		margin-left: 15px;
	}

	#CloseButton {
		background: url("../img/close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
		float: right;
		height: 15px;
		position: absolute;
		right: 15px;
		top: 10px;
		width: 15px;
		cursor: pointer;
	}

	#loginform label {
		color: #fff;
	}

	#loginform input {
		margin-bottom: 5px;
	}

	#loginform input[type='submit'] {
		background-color: #80c1df;
		color: #ffffff;
		padding: 1px 12px;
		text-align: center;
		text-decoration: none;
		width: 165px;
		cursor: pointer;
		border: 5px solid #80c1df;
		font-size: 15px;
		font-weight: bold;
		margin-top: 10px;
	}
	*/
	/*--------- sticky header animation ---------*/

	.site_header.sticky .menue_container,
	.site_header.sticky #menue_top .menue .nav.nav_container .nav_link_container:hover #subentries_1 .subbgr_1,
	.site_header.sticky #menue_top .menue .nav.nav_container .nav_link_container:hover #subentries_2 .subbgr_2,
	.site_header.sticky #menue_top .menue .nav.nav_container .nav_link_container:hover #subentries_3 .subbgr_3,
	.site_header.sticky #menue_top .menue .nav.nav_container .nav_link_container:hover #subentries_4 .subbgr_4,
	.site_header.sticky #menue_top .menue .nav.nav_container .nav_link_container:hover #subentries_5 .subbgr_5{
		padding-top: 0rem;
	}
	/*
	.site_header.sticky #desk_buttons	{
		margin-top: 1rem;
	}

	.site_header.sticky #desk_buttons img	{
		width: 40px;
	}
	*/
	
	.site_header.sticky #desk_buttons	{
		/*display: none;*/
		/*bottom: 0;*/
		bottom: 0.25em;
	}
	
	
	.site_header.sticky #lang_switch {
		top: -3em;
		transition-property: all;
		transition-duration: 0.5s;
		-webkit-transition-property: all;
		-webkit-transition-duration: 0.5s;
		-moz-transition-property: all;
		-moz-transition-duration: 0.5s;
		-o-transition-property: all;
		-o-transition-duration: 0.5s;
	}
	
	.site_header.sticky #desk_buttons img {
		width: 35px;
		transition-property: all;
		transition-duration: 0.5s;
		-webkit-transition-property: all;
		-webkit-transition-duration: 0.5s;
		-moz-transition-property: all;
		-moz-transition-duration: 0.5s;
		-o-transition-property: all;
		-o-transition-duration: 0.5s;
	}

	.site_header .menue_container,
	.site_header.sticky .menue_container,
	.site_header.sticky #lang_switch,
	.site_header.sticky #desk_buttons {
    	z-index: 0;
		transition-property: all;
		transition-duration: 0.5s;
		-webkit-transition-property: all;
		-webkit-transition-duration: 0.5s;
		-moz-transition-property: all;
		-moz-transition-duration: 0.5s;
		-o-transition-property: all;
		-o-transition-duration: 0.5s;
	}	
	
	#logo {
    	z-index: 0;
		transition-property: all;
		transition-duration: 0.5s;
		-webkit-transition-property: all;
		-webkit-transition-duration: 0.5s;
		-moz-transition-property: all;
		-moz-transition-duration: 0.5s;
		-o-transition-property: all;
		-o-transition-duration: 0.5s;
	}
	
	.site_header.sticky #desk_buttons {
		z-index: 6;
	}
	/*
	.site_header.sticky #menue_top .menue {
		margin-top: 35px;
	}
	*/
	.site_header.sticky #menue_top .menue .nav.nav_container .nav_link_container .nav_inner {
		height: 35px;
	}

	.site_header.sticky #menue_top .menue .nav_container .nav_subentries {
		top: 35px;
	}
	/*
	.site_header.sticky .searchContainer{
		display: none;
	}
	*/
	/*
	#headerimg.sticky {
		padding-top: 70px;
		transition-property: all;
		transition-duration: 0.5s;
		-webkit-transition-property: all;
		-webkit-transition-duration: 0.5s;
		-moz-transition-property: all;
		-moz-transition-duration: 0.5s;
		-o-transition-property: all;
		-o-transition-duration: 0.5s;
	}
	*/


}


/*
@media screen and (max-width: 1790px) {


	img.logo{
		top: 1rem;
		left: 2%;
		height: 80%;
	}

	.site_header.sticky img.logo{
		top: 0;
		left: 2%;
		height: 90%;
	}

	#menue_top {
		width: 50%;
	}

	#menue_top,
	#menue_top .menue{
		width: 800px;
	}
}
*/

@media screen and (min-width: 1024px) and (max-width: 1249px) {

	body {
		font-size: 85%;
	}

	img.logo {
		left: 1%;
		height: auto;
		width: 20%;
	}

	.site_header.sticky img.logo {
		top: 0;
		height: 90%;
		width: auto;
	}
	
	#logo {
		transition-property: all;
		transition-duration: 1s;
		-webkit-transition-property: all;
		-webkit-transition-duration: 1s;
		-moz-transition-property: all;
		-moz-transition-duration: 1s;
		-o-transition-property: all;
		-o-transition-duration: 1s;
	}

	.site_header.sticky a #logo {
		position: absolute;
		top: 0;
		left: 1%;
	    width: 14em;
		height: 90%;
		z-index: 10;
		background: URL('../img/logo-vrt-2021-quer.jpg');
		background-size: contain;
		background-repeat: no-repeat;
		transition-property: width;
		transition-duration: 0.2s;
		-webkit-transition-property: width;
		-webkit-transition-duration: 0.2s;
		-moz-transition-property: width;
		-moz-transition-duration: 0.2s;
		-o-transition-property: width;
		-o-transition-duration: 0.2s;
	}

	.site_header.sticky #menue_top .menue .nav.nav_container .nav_link_container {
		font-size: 1.4em;
		margin: 0% 2% 0% 0%;
		transition-property: font-size, margin;
		transition-duration: 0.2s;
		-webkit-transition-property: font-size, margin;
		-webkit-transition-duration: 0.2s;
		-moz-transition-property: font-size, margin;
		-moz-transition-duration: 0.2s;
		-o-transition-property: font-size, margin;
		-o-transition-duration: 0.2s;
	}

	.site_header.sticky #menue_top,
	.site_header.sticky #menue_top .menue {
		width: 600px;
		transition-property: width;
		transition-duration: 0.2s;
		-webkit-transition-property: width;
		-webkit-transition-duration: 0.2s;
		-moz-transition-property: width;
		-moz-transition-duration: 0.2s;
		-o-transition-property: width;
		-o-transition-duration: 0.2s;
	}
	/*
	#menue_top .menue .nav.nav_container .nav_link_container {
		font-size: 1.4em;
	}
	*/
	#menue_top,
	#menue_top .menue {
		width: 800px;
		transition-property: width;
		transition-duration: 0.5s;
		-webkit-transition-property: width;
		-webkit-transition-duration: 0.5s;
		-moz-transition-property: width;
		-moz-transition-duration: 0.5s;
		-o-transition-property: width;
		-o-transition-duration: 0.5s;
	}
	
	.lang-en #menue_top,
	.lang-en #menue_top .menue {
		width: 600px;
	}
	
	#menue_top .menue .nav_container .nav_subentries .nav_sub {
		color: #505050;
		font-size: 0.8em;
	}
	
	/*----- language switcher -----*/
	
	#lang_switch {
		top: 1.9em;
	}
	
	#lang_switch a{
		font-size: 1.45em;
		height: 1.7em;
		line-height: 1.7em;
	}
}

@media screen and (min-width: 1250px) and (max-width: 1649px) {
    body {
		font-size: 85%;
	}

	img.logo {
		left: 1%;
		height: auto;
		width: 20%;
	}

	.site_header.sticky img.logo {
		top: 0;
		height: 90%;
		width: auto;
	}

	.site_header.sticky a #logo {
		position: absolute;
		top: 0;
		left: 1%;
		width: 14em;
		height: 90%;
		z-index: 10;
		background: URL('../img/logo-vrt-2021-quer.jpg');
		background-size: contain;
		background-repeat: no-repeat;
	}
	/*
	#menue_top .menue .nav.nav_container .nav_link_container {
		font-size: 1.4em;
	}
	*/
	#menue_top,
	#menue_top .menue {
		width: 800px;
	}
	
	.lang-en #menue_top,
	.lang-en #menue_top .menue {
		width: 600px;
	}

	#menue_top .menue .nav_container .nav_subentries .nav_sub {
		color: #505050;
		font-size: 0.8em;
	}
	
	/*----- language switcher -----*/
	
	#lang_switch {
		top: 1.9em;
	}
	
	#lang_switch a{
		font-size: 1.45em;
		height: 1.7em;
		line-height: 1.7em;
	}
}

@media screen and (min-width: 1650px) and (max-width: 1889px) {

	body{
		font-size: 85%;
	}

	img.logo {
		top: 0.5rem;
		left: 2%;
		height: 90%;
	}

	.site_header.sticky img.logo {
		top: 0;
		height: 95%;
	}

	a #logo{
		position: absolute;
		top: 0;
		left: 3%;
		width: 22.2em;
		height: 90%;
	}

	.site_header.sticky a #logo {
		position: absolute;
		top: 0;
		left: 3%;
		width: 14em;
		height: 90%;
		z-index: 10;
		background: URL('../img/logo-vrt-2021-quer.jpg');
		background-size: contain;
		background-repeat: no-repeat;
	}

	/*
	#menue_top .menue .nav.nav_container .nav_link_container {
		font-size: 1.4em;
	}
	*/
	#menue_top,
	#menue_top .menue,
	.searchContainer,
	#searchbox	{
		width: 800px;
	}
	
	.lang-en #menue_top,
	.lang-en #menue_top .menue,
	.lang-en .searchContainer,
	.lang-en #searchbox	{
		width: 600px;
	}
	

	.searchContainer #searchbox #searchinput {
		width: 74.2%;
	}
	
	/*----- language switcher -----*/
	
	#lang_switch {
		top: 1.9em;
	}
	
	#lang_switch a{
		font-size: 1.45em;
		height: 1.7em;
		line-height: 1.7em;
	}
}

@media screen and (min-width: 1890px) {
	a #logo{
		width: 22.2em;
		height: 90%;
	}
}








/* OLD CSS */
/*
#loginform input[type='submit']:hover {
    background-color: #fff;
	color: rgb(0,105,190);
}

.shadowed {
	box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.6);
}
*/
/*----------- media queries -----------*/

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

	/*img {max-width: 80%;}*/


	/*
	img.logo {
		position: absolute;
		top: 60px;
		right: 40px;
		width: 340px;
	}
	*/
	/*
	#menue_top .menue a.nav > span,
	#menue_top .menue a.nav > span.longer,
	#menue_top .menue .nav.nav_container .nav_link_container > span,
	#menue_top .menue .nav.nav_container .nav_link_container .nav_inner > span {
		font-size: 1rem;
	}
	*/
	/*
	#headerimg{
		background: URL('../img/header_small.png') no-repeat;
		background-position: right top;
		position: absolute;
		z-index: 2;
		top: -90px;
		width: 100%;
		height: 380px;
	}
	*/
}
/*
@media screen and (max-width: 1300px) {
	.menue_container {
		background: URL('../img/menu-bar-tab.png');
		background-position: center top;
	}
}
*/
/*
@media screen and (max-width: 1449px) {

	h1.title {
		left: 145px !important;
		bottom: 317px !important;
		font-size: 22px !important;
	}

	#lutz{
		bottom: 95px !important;
		width: 230px !important;
		height: 240px !important;
	}

	#foot{
		width: 390px !important;
		height: 136px !important;
		left: -50px !important;
	}

	#balloon {
		bottom: 240px !important;
		left: 122px !important;
		width: 155px !important;
		height: 145px !important;
	}

	.footer_container .kontakt {
		font-size: 16px !important;
		padding: 2px 0px 7px 49px !important;
	}

}

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

	#telbox,
	#telicon,
	#warped{
		display: none;
	}
}
*/