/**
 * basisweb.css
 * 
 * CSS 3
 *
 * @author         Chris Wiese  <c.wiese@basisweb.de>
 * @copyright      2017 basisweb Chris Wiese (http://basisweb.de)
 *
 * @file           basisweb.css
 * @lastchange     19.02.2018
 * @encoding       UTF-8
 *
 *
 * Inhaltsverzeichnis
 * ------------------
 *
 * 1. Allgemein
 * 2. Header & Navigation
 * 3. Footer 
 * 4. Formulare
 * 5. News (Startseite)
 * 6. VBN-Planer
 * 7. Buttons Nützliches
 * 8. Haltestellen
 * 9. You Are Here
 * 10. Breadcrumb
 * 11. Media Queries
 *
 */

a.submit:focus, .submit  {color:#fff;}

/**
 *
 * Allgemein
 *
 */
 

body {
	/*font-size: 18px;*/
	/*font-size: 17px;*/
	font-size:1.15rem;
	line-height: 1;
	font-family: Signika, Arial, Helvetica, Sans-Serif;
}

#extranotice {/*margin-left:25.3%!important;*/ margin-left:26.4%!important; color:#d8272c;}
#vln_pupilsnotice, .notices {/*margin-left:25.3%!important;*/ margin-left:26.4%!important; margin-top:10px;}

main {
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
	/*z-index:-1000;*/
}

.custom {
	position: relative;
	height: auto;
}

header+.custom {
	/*z-index: 0;*/
	z-index: 1000;
}

#content-sub {
	padding-top: 15px;
}

#btn-suche {
	position: relative;
	top: 35px;
	cursor: pointer;
}

p {
	line-height: 1.7;
}



h1, h6 {
	color: #d8272c!important;
	font-weight: bold;
}



h3 {
	font-size:22px;
	color:#0168B3!important;
	font-weight: bold;
}

h5 {
	color: #1c1c1c;
	margin-bottom: 25px;
	font-size: 14px;
	text-transform: uppercase;
}

h6 {
	font-size:17px!important;
}

a {
	color: #0168B3;
}

a:hover {
	text-decoration: none;
	color:#d8272c;
}

.mb20 {
	padding-bottom:20px!important;
}

.mr0 {
	margin-right:0!important;
	margin-top:0!important;
	margin-bottom:20px!important;
	border-bottom: 1px solid #ddd;
}

.hidden-sm {
	display: none;
}

.hide-md {
	display: none;
}

.mg20 {
	margin-bottom: 20px;
}

.tp-bullets{
	display: none!important;
}

figcaption.caption {
	font-size:0.7em;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
	padding-right:25px!important;
}

div.gesellschafter div p:first-child{
	float: right;
}

div.tarif-error {
	border: 2px solid #d8272c;
	padding: 15px 15px 0 15px;
	margin-left: 2px;
	margin-right: 2px;
}

.trenner {
	padding-top:25px;	
	border-bottom:1px solid #cccccc;
}

div.Linien p {
	float:left;
}

div.Linien h6 {
	margin-bottom:20px;
}

div.regio {
	background-color:#dbeaf4;
}

div.Linien p:nth-of-type(1) {
    width:4%;
	margin-left:5px;
    text-align:right;
}

div.Linien p:nth-of-type(2) {
    width:7%;
    margin-left:7px;
}

div.Linien p:nth-of-type(3) {
    width:14%;
}

div.Linien p:nth-of-type(4) {
    width:59%;
}

div.Linien p:nth-of-type(5) {
    width:14%;
}

.link {
	color: #e5031d;
	font-weight: 600;
	font-size:20px;
	margin-right:5px;	
}

.tarif-info {
	line-height: 1.7;
}

.tp-bannertimer {
	display: none;
}

.ce_headline {
	margin-bottom:30px;
}

.row {
	margin-top:18px;
	margin-bottom:18px;
	line-height:1.7;
}

ul, #navbar-footer ul {
	list-style-type:none
}

ul li, #navbar-footer ul li {
	margin:0;
}

.row ul {
	list-style-type:disc;
}

.row ul li {
	margin: 0 0 0 15px;
}

.preise img {

	width:55%!important;

}


/**
 *
 * Header & Navigation
 *
 */

header nav.mod_navigation {
	background: #0168B3;
	color: #ffffff;
	padding: 0;
	line-height: 1.0;
	/*-webkit-box-shadow: inset 0px 10px 5px -7px rgba(50, 50, 50, 0.75), -1px 4px 4px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 10px 5px -7px rgba(50, 50, 50, 0.75), -1px 4px 4px 0px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 10px 5px -7px rgba(50, 50, 50, 0.75), -1px 4px 4px 0px rgba(0, 0, 0, 0.5);*/
	position: relative;
	z-index: 100;

}

header nav.subnavigation {
	position: relative;
	z-index: 100000;
}

header nav.subnavigation,
header nav.subnavigation nav {
	background: #fdfdfd;
	color: #666666;
	padding: 0;
	line-height: 1.0;
}

header nav.mod_navigation.subnavigation {
	background: #f2f2f2;
	color: #666666;
	padding: 0;
	line-height: 1.0;
	-webkit-box-shadow: inset 0px 10px 5px -7px rgba(50, 50, 50, 0.75), -1px 4px 4px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 10px 5px -7px rgba(50, 50, 50, 0.75), -1px 4px 4px 0px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 10px 5px -7px rgba(50, 50, 50, 0.75), -1px 4px 4px 0px rgba(0, 0, 0, 0.5);
}

footer nav.servicenavigation,
footer nav.servicenavigation nav {
	background: #d8272c;
	color: #ffffff;
	padding: 10px 0;
	line-height: 1.0;
}

footer nav.footernavigation,
footer nav.footernavigation nav {
	background: #444444;
	color: #ffffff;
	padding: 20px 0px;
	line-height: 1.0;
}

footer.navbar li {
	border: 0;
}

.xs-subnavi {
	display: none;
}

.mobile-titel {
	height: 100%;
}

.searchSubmit {
	cursor: pointer;
}

header .navbar {
	padding: 0;
}

header .mod_navigation {
	/*margin-bottom: 50px;*/
}

header .mod_navigation.subnavigation {
	padding-top: 15px;
	padding-bottom: 15px;
	display: none;
}

header .subnavigation ul {
	/*margin-top: 20px;
	margin-bottom: 20px;*/
}

header .block {
	overflow: inherit;
}

header nav li {
	text-transform: uppercase;
	font-weight: 600;
	padding: 18px 30px 15px 30px;
	border-right: 2px solid #ffffff;
	cursor: pointer;
}

header nav.subnavigation li {
	text-transform: none;
}

header nav.subnavigation li {
	text-transform: none;
	/*font-weight: 600;*/
	padding: 10px 30px;
	border-right: 0;
}

header nav li a,
header nav li a:visited {
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 1px;
}



header nav li.trail a:after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	/*left:30px;*/
	width: 0;
	height: 0;
	border-color: #ffffff transparent transparent transparent;
	/*border color should be same as div div background color*/
	border-style: solid;
	border-width: 10px;
	z-index: 1000;
	display:none;
}

header nav.subnavigation li a {
	color: #111111;
	text-transform: none!important;
	font-weight: 400!important;
}

header nav li a:hover,
header nav li:hover a,
header nav li.active a,
header nav li.trail a {
	/*color: #e5031d; - Barrierefrei Kontrast 15052025*/
	color:#d8272c;
	text-decoration: none;
}

header nav li.active,
header nav li.trail,
header nav li:hover {
	background: #ffffff;
	color: #e5031d;
	/*-webkit-box-shadow: 4px 2px 3px -2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 2px 3px -2px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 2px 3px -2px rgba(0, 0, 0, 0.5);*/
}

header nav li.trailSubnavi {
	background: #ffffff;
	color: #e5031d;
	/*-webkit-box-shadow: 4px 2px 3px -2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 2px 3px -2px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 2px 3px -2px rgba(0, 0, 0, 0.5);*/
}

header nav li.trailSubnavi a {
	color: #e5031d;
}

header .subnavi {
	background: #fdfdfd;
	display: none;
}

header nav.subnavigation li.active,
header nav.subnavigation li:hover {
	color: #e5031d;
	box-shadow: none;
	background: none;
}

header nav.subnavigation ul,
footer nav.footernavigation ul {
	-webkit-box-orient: vertical!important;
	-webkit-box-direction: normal!important;
	-webkit-flex-direction: column!important;
	-ms-flex-direction: column!important;
	flex-direction: column!important;
}

header nav.subnavigation li.col-submenu-1 {
	list-style: none;
}

header nav.subnavigation li.col-submenu-2,
header nav.subnavigation li.col-submenu-3,
header nav.subnavigation li.col-submenu-4 {
	border-left: 1px solid #999;
	list-style: none;
}

header .search-icon {
	font-size: 20px;
	margin-left: 10px;
}

header ::-webkit-input-placeholder {
	font-style: italic;
}

header :-moz-placeholder {
	font-style: italic;
}

header ::-moz-placeholder {
	font-style: italic;
}

header :-ms-input-placeholder {
	font-style: italic;
}

header .logo-servicenummer {
	margin-bottom: 15px;
	margin-top: 15px;
}

header .logo-servicenummer img {
	width: 140px;
}

header .servicenummer {
	font-size: 30px;
	font-weight: 600;
	/*padding-top: 20px;*/
	margin-left:-25px;
}

header .fluechtlinge {
	padding-top: 25px;
	font-size: 16px;
}

header .fluechtlinge a {
	color: #0168B3;
	font-weight: 400;
}

header .fluechtlinge a:hover {
	color: #e5031d;

}

header .fluechtlinge i {
	color: #e5031d;
	font-weight: 600;
}

.titelbild {
	/*height: 500px;*/
	/* Demonstration */
	border: 1px solid #e1e1e1;
	
	margin:0!important;
}

ul.xs-subnavi a, ul.xs-subnavi span {
	font-weight: 400!important;
}

.popUpSubnavi:hover ul.xs-subnavi a {
	color: #000!important;
}

ul.xs-subnavi li:hover {
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
	background-color: #e5031d!important;
	color: #fff!important;
}

.popUpSubnavi:hover ul.xs-subnavi li:hover a,
ul.xs-subnavi li:hover a:hover {
	color: #fff!important;
}

/* Hambuger Menu */
.fa-bars {
	color: #d8272c!important;
}




/**
 *
 * Footer
 *
 */

footer .navbar {
	padding-left: 0!important;
}

footer .navbar-nav li a,
footer .navbar-nav li a:visited {}

footer .navbar-nav li a:hover {
	text-decoration: underline;
}

footer .navbar-nav li {
	padding: 5px 30px;
	padding-left: 0;
}

footer .navbar-nav li.first {
	padding-left: 0px!important;
}

footer .navbar-nav li.last {
	border-right: 0!important;
}

footer .footernavigation li.footernavi-first {
	text-transform: uppercase;
	color: red!important;
	font-size: 1.0em;
	padding-bottom: 15px;
}

footer .footernavigation li {
	text-transform: initial;
	/*font-size: 0.8em;*/
	font-weight: 400;
}

footer .footernavigation li a {
	color: #dedede!important;
}

footer .footernavigation li.footernavi-first a,
footer .servicenavigation li a {
	color: #ffffff!important;
}

footer .footer-adresse {
	background: #222222;
	color: #ffffff;
	padding: 25px 0 50px 0;
	line-height: 1.5em;
}

footer .footer-adresse .row {
	margin-left: 0px;
}

#navbar-footer ul {
	list-style-type:none
}

#navbar-footer ul li {
	margin:0;
}





/**
 *
 * Formulare
 *
 */

.ce_form {
		width: 100%;
}

.form-control {
	font-size: 12px;
	border-radius: 0;
}

.bwform .formbody {
	margin-left: 16px;
}

.bwform label {
	vertical-align: top;
	margin-bottom: 0;
	width: 100%;
}

.bwform fieldset.checkbox_container {
	padding-left: 25%;
}


fieldset.checkbox_container span label {
	width: 60%;
}


.bwform input,
.bwform select,
.bwform textarea {
	width: 90%;
	margin-bottom: 10px;
	margin-right: 20px;
	padding: 5px;
}

.bwform p.error {
	color: #d8272c;
	display: inline;
}



.bwform input.error {
	border: 1px solid #ff4d4d;
}

.mybreadcrumb {font-size:14px; color: #666; font-weight:normal;}

.planer_switch {display:none;}

input, textarea, select {
	border:1px solid #888888!important;
	color: #999999;
}

.btn {
	background-color:transparent!important;
	border:0!important;
}

button.btn {
	background-color:#0168b3!important;
	cursor:pointer;
	font-weight:bold;
	border-radius:4px!important;
	color:#ffffff;
}

button.btn:hover {
	background:#e5031d!important;
	color:#ffffff!important;
}

.btn-secondary {
	margin-top:-2px;
}

div.mod_newsreader h1, div.mod_newsreader p.info, div.mod_newsreader p.back  {
	padding-left:15px!important;
}

div.mod_newsreader .ce_text h1 {

	margin-left:0!important;
	padding-left:0!important;

}

input.umfragekurz {

	width:200px!important;

}

.umfrage_checkbox fieldset {

	padding-left:0!important;
	margin-left:0!important;
	/*width:25%!important;*/

}

.umfrage_checkbox fieldset legend {

	font-size:17px!important;
	width: 25%;
	float: left;
}

.umfrage_checkbox fieldset span {

	display:block!important;

}

.umfrage_checkbox_height legend {
	height: 150px;
}

.umfrage_start {

	width:450px;
	font-size:24px;
	padding:15px 0;
	font-family: Signika, Arial, Helvetica, sans-serif!important;

}

#dialog-message p {

	font-size:17px;
	margin:20px;
	font-family: Signika, Arial, Helvetica, sans-serif!important;
}

#dialog-message h2 {

	font-family: Signika, Arial, Helvetica, sans-serif!important;
	margin:20px;
	
}



/**
 *
 * News (Startseite) 
 *
 */

#news-startseite {
	background: #ddd;
	padding-top: 25px;
	padding-bottom: 25px;
}

#news-startseite .container {
	padding-left: 15px;
	padding-right: 0;
}

#news-startseite .newsblock-container {
	/*padding-right: 25px;*/
	padding-left: 0;
	padding-bottom: 25px;
	float: left;
}

#news-startseite .newsblock {
	background: #fff;
	color: #5d5d5d;
	border-right: 50px solid #0168B3;
	height: 200px;
}

#news-startseite .newsblock .bghider {
	height: 100%;
	background: #ffffff;
	padding: 15px 25px;
}

#news-startseite .newsblock h2, #news-startseite .newsblock h4 {
	color: #0168B3;
	font-size: 20px;
}

#news-startseite .newsblock p {
	margin-bottom: 0;
}

#news-startseite .newsblock p.more {
	position: absolute;
	bottom: 45px;
}

#news-startseite .newsblock.featured {
	color: #fff;
	border-right: 50px solid transparent;
	background: repeating-linear-gradient( 135deg, #ffffff, #ffffff 10px, #ed1c24 10px, #ed1c24 20px);
}

#news-startseite .newsblock.featured .bghider {
	height: 100%;
	background: #d8272c;
	padding: 15px 25px;
}

#news-startseite .newsblock h2,
#news-startseite .newsblock a {
	color: #0168B3;
}


#news-startseite .newsblock.featured h2,
#news-startseite .newsblock.featured a {
	color: #ffffff;
}


/* NEWSBLOCK 16102023 */
main .custom {background:#ddd!important;}
#news-startseite .inside {width:80%; max-width:1140px; margin:0 auto!important;}
.mod_newslist.container {width:48.5%!important; margin-right:2.99%!important; float:left!important;}

.newsblock-container {float:none!important;}
.newsblock-container.col-md-6 {max-width:100%!important;}
#baustellennews {margin-right:0!important;}

#news-startseite #baustellennews .newsblock-container .newsblock .bghider {background-color:#ffc921!important; width: calc(100% - 50px)}
#news-startseite #baustellennews .newsblock-container .newsblock {background: repeating-linear-gradient( 135deg, #ffc921, #ffc921 12px, #111 12px, #111 24px); border:0!important;}
#baustellennews h2, #baustellennews a, #baustellennews p {color:#111!important;}

/* NEWS ENDE */




.highlight {
	color: #d8272c;
}

nav .hidesearch {
	display: none;
}

.shadow_button {
	-webkit-filter: drop-shadow(3px 3px 3px #ccc);
	filter: drop-shadow(3px 3px 3px #ccc);
}

.scale_motion {
	-webkit-transition: -webkit-transform 2s ease;
	transition: -webkit-transform 2s ease;
	transition: transform 2s ease;
	transition: transform 2s ease, -webkit-transform 2s ease;
}

.scale_motion:hover {
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
}

.mod_newsreader {

	margin-top:25px;

}





/**
 *
 * VBN-Planer 
 *
 */

#planer_mobile {
	width: 100%;
	background-color: #E2001A;
	display: none;
}

#vbn-fahrplaner {
	position: absolute;
	top: 0px;
	right: 12%;
	background-color: #e2051b;
	background-color: rgba(226,5,27,0.9);
}

.vbn-planer {
	position: absolute;
	top: 250px;
	right: 200px;
	z-index: 10;
	/*-webkit-box-shadow: inset 0px 10px 5px -7px rgba(50, 50, 50, 0.75), -1px 4px 4px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 10px 5px -7px rgba(50, 50, 50, 0.75), -1px 4px 4px 0px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 10px 5px -7px rgba(50, 50, 50, 0.75), -1px 4px 4px 0px rgba(0, 0, 0, 0.5);*/
}

#vbn-fahrplaner_mobile {
	background-color:#e2001a;
}


#suggestion {
	/*border: 5px solid green;*/
	border:none!important;
	position: relative!important;
	top: 0px!important;
	left: 0px!important;
	float:left;
	color: #333!important;
	z-index:999;
	line-height:14px;
	
}


/**
 *
 * Buttons Nützliches
 *
 */

.button-one {
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}

.button-one img {
	display: block;
	padding-bottom: 10px;
}

.button-one .ueberbutton, .ueberbutton_start {
	background-color: #fff;
	background-color: hsla(0, 0%, 100%, 0.92);
	position: relative;
	top: -10px;
	color: #d8272c;
	font-size: 20px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -70px;
	padding: 7px 0 0px 10px;
	line-height: 20px;
	z-index: 100;
}

.ueberbutton_start {
	top:85px;
}

.ueberbutton p, .ueberbutton_start p {
	color: #000;
	font-size: 14px;
	padding-bottom: 7px;
}

.ueberbutton a, .ueberbutton_start a {
	color: #d8272c;
}





/**
 *
 * Haltestellen
 *
 */

.haltestellen{
	color:#ffffff!important;
	background-color: #d8272c!important;
	background-color: hsla(358, 85%, 52%, 0.8)!important;	
}

.haltestellen p, .haltestellen a{
	color:#ffffff!important;
}






/**
 *
 * You Are Here
 *
 */

.youarehere {
	background: #ffffff;
	background-color: hsla(0, 0%, 100%, 0.9);	
	padding:10px 0 10px 20px;
	line-height: 40px;
	border-top-right-radius:40px;
	min-height:130px!important;
	width: 35%;
	max-width:400px!important;
	position: absolute;
	top: 10%;
	left: 10%;
}

.youarehere .pageinstruction {
	font-size: 18px!important;
}

.youarehere .pagetitle {
	color: #d8272c;
	font-weight: 600;
	font-size: 40px!important;
}





/**
 *
 * Breadcrumb
 *
 */


.mybreadcrumb div{
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	padding-top: 15px;
}

.formbody div {
	margin-top:10px!important;
}

.verkehrslage {

	background-color:#d8272c;
	padding:25px;
	color:#ffffff;
	margin-bottom:40px;

}

.verkehrslage p {

	margin:0;

}

.verkehrslage a {

	color:#ffffff;
	text-decoration:underline!important;
	

}

.verkehrslage p:nth-child(1) {
    width:100%!important;
	text-align:left!important;
}
	





/**
 *
 * Media Queries
 *
 */


/**
 *
 * Displays <= 1024px
 *
 */

@media (max-width: 1024px) {
	#btn-suche {
		margin-top: 0;
	}

	.search-icon {
		display: block;
	}
	
	#vbn-fahrplaner {}
	.vbn-planer {}
	#planer_mobile {}
	
}






/**
 *
 * Displays <= 576px
 *
 */

@media (max-width: 576px) {

	.suche .col-4,
	.suche .col-8,
	.suche .col-12,
	.col-12,
	.col-sm-12 {
		padding-left:0;
		padding-right:0;
	}

	h1, h5 {
		font-size:18px;
		margin-top: 15px;	
	}

	h4 {	
		font-size:1.2rem;
	}
	

	form .col-sm-4, form .col-sm-3 {
		padding-left:0!important;
	}

	header .container {
		max-width:100%;	
	}
	
	footer nav.servicenavigation,
	footer nav.servicenavigation nav {
		padding: 10px 0px 10px 8px!important;
	}	

	.hide-md {
		display: block;
	}

	body {
		font-size:15px!important;
	}
	
	
	header {
		padding-bottom:0px;
	}

	header .row {
		margin-top: 0;
		margin-bottom: 0;
	}

	.hidden-sm {
		display: block;
	}

	.fixHeaderHeight {
		border: none!important;
	}

	.custom {
		border: none!important;
	}

	.mybreadcrumb div{
		padding-top: 15px;
	}

	.custom-slider {
		height: 100%!important;
		border: none!important;
	}

	.youarehere, .fluechtlinge {
		display: none;
	}

	.mybreadcrumb {
		display: block;
	}
	
	#news-startseite .newsblock h2 {
		font-size:17px;
	}
	
	#news-startseite .newsblock.featured, #news-startseite .newsblock {
		border-right-width:20px;
	}

	.servicenummer {
		display: none;
	}

	header .mod_navigation {
		/*top: -25px;*/
	}

	div.custom2 {
		top: -50px;
	}

	.servnummer {
		font-weight: 400!important;
		font-size: 15px!important;
	}

	.navbar-toggler {
		top: -60px!important;
	}

	footer .navbar-nav li {
		border: 0;
		padding: 5px 0;
	}

	.xs-subnavi {
		display: block;
	}

	.xs-subnavi li {
		text-transform: initial;
	}

	.xs-subnavi li {
		padding: 8px 30px 8px 30px;
	}

	.row {
		margin-left: 0;
		margin-bottom:0!important;
		margin-top: 0!important;
	}
	
	#news-startseite .container {
		padding-left: 30px;
	}
	
	.footernavi-first {
		padding-bottom: 0px;
		margin-top: 15px;
	}
	
	.vbn-planer {
		position: initial;
		padding-top: 15px;
		width: 100%!important;
	}
	#rev_slider_1,
	.rev_slider_wrapper,
	#rev_slider_1_forcefullwidth {
		display: none!important;
	}
	
	header .fluechtlinge {
		padding-top: 5px;
		font-size: 16px!important;
		line-height:30px!important;
	}
	
	header .fluechtlinge a {
		display: block;
	}
	
	header .fluechtlinge a i,
	header .fluechtlinge a img {
		display: none;
	}
	
	header .navbar-toggler {
		/*margin-top: 25px!important;*/
	}
	
	.search-icon-a {
		display: none!important;
	}
	
	header nav.mod_navigation {
		-webkit-box-shadow: none!important;
		-moz-box-shadow: none!important;
		box-shadow: none!important;
	}
	
	.navbar-toggler {
		font-size:25px;
	}

	.newsblock p {
		line-height: 1.2;
	}
	
	.ml15 {
	
		margin-left:15px;
	
	}
	
	.preise img {

	width:100%!important;

	}
	
	.verkehrslage {

	margin-left:-25px;
	margin-bottom:25px;

}


	

	div.mod_newsreader h1, div.mod_newsreader p.info, div.mod_newsreader p.back  {
	padding-left:0px!important;
	}

	

} /* <= 576px */






/**
 *
 * Displays <= 835px
 *
 */

@media (max-width: 835px) {
	#btn-suche {
		top:5px;
	}
} /* <= 835px */





/**
 *
 * Displays <= 991px
 *
 */

@media (max-width: 991px) {
	.servicenummer,
	.fluechtlinge {
		text-align: left!important;
	}
	.navbar-toggler {
		top: -80px;
	}


	header #searchfield {
		display: none;
	}
	header .search-icon-a {
		display: block;
		margin-left: 15px;
	}
	#vbn-fahrplaner {
		height: auto;
	}
	
	header nav li {font-size:14px!important;}
	
	header nav li.trailSubnavi ul.xs-subnavi li {
		color: #333;
	}
	
	header nav li.trailSubnavi ul.xs-subnavi li.active  {
		color: #e5031d;
		box-shadow: none;
	}
	
	h4 {font-size:20px;}
	
	.newsblock p {
	
		font-size:15px;
		line-height:1.4;
	
	}
	
	.newsblock h2 {
	
		font-size:17px!important;
	
	}
	
	.ueberbutton_start p {
	
		font-size:12px;
	
	}
	
	.button-one .ueberbutton, .ueberbutton_start {
	
	font-size:15px;
	
	}
	
	.button-one .ueberbutton p, .ueberbutton_start p {
	
	font-size:12px;
	
	}
	
	/* NEWSBLOCK NEU 16102023*/
	
	#news-startseite .inside {width:70%; max-width:none;}
	.mod_newslist.container {width:100%!important; margin-right:0!important;}




} /* <= 991px */






/**
 *
 * Displays <= 767px
 *
 */

@media (max-width: 767px) {

	.bwform fieldset.checkbox_container {
		padding-left: 0%;
	}

	.xs-subnavi {
		display: block;
	}

	.xs-subnavi li {
		text-transform: initial;
	}

	.xs-subnavi li {
		padding: 8px 30px 8px 30px;
	}

	header .logo-servicenummer {
	
		width:90%;
	
	}

	header .fluechtlinge {
	
		padding-top:20px;	
	
	}

	.hide-md {
		
		display: block;
	
	}
	
	header {
	
		border-bottom: solid 13px #0168B3;		
		
	}
	
	header .navbar-toggler {
		margin-top: 5px;
	}
	
	.col-6.col-12 {
		max-width: 50%;
	}

	.servicenummer {

		font-size: 18px!important;
		text-align: left!important;
		/*margin-top: 10px;*/
		padding-top: 0!important;
	}
	.fluechtlinge {
		/*display: none;*/
		font-size: 16px!important;
	}
	header nav li {
		border-right: 0;
	}
	.vbn-planer {
		position: initial;
		padding-top: 15px;
		width: 100%!important;
	}
	.hidesearch {
		display: block!important;
	}
	li.trail a:after {
		display: none!important;
		border: none!important;
	}
	#rev_slider_1,
	.rev_slider_wrapper,
	#rev_slider_1_forcefullwidth {
		display: none!important;
	}
	
	header .fluechtlinge a {
		display: block;
	}
	header .fluechtlinge a i,
	header .fluechtlinge a img {
		display: none;
	}
	
	.navbar-toggler {
	
		font-size:30px;
	
	}

	.search-icon {
		display: none;
	}

	.mybreadcrumb {display: block;}
	.youarehere {display: none;}
	.startseite .custom-slider {display: none;}
	
	.planer_switch {display:inherit;}
	
	.startseite .titel {display: block;}
	
	
	div.Linien p:nth-child(1) {
		width:10%;
		text-align:left!important;
		margin-left:0!important;
	}
	
	div.Linien p:nth-child(2) {
		width:30%!important;
		margin-left:0!important;
	}
	
	div.Linien p:nth-child(3) {
		width:50%!important;
		margin-left:5%;
	}
	
	div.Linien p:nth-child(4) {
		width:50%!important;
		margin-left:45%;
		float:none;
	}
	
	div.Linien p:nth-child(5) {
		width:50%!important;
		margin-left:45%;
		float:none;
	}
	
	.ce_headline {
	
		font-size:20px;
	
	}
	
	.pr0 {
	
		padding-right:0px!important;
	
	}
	
	.preise img {

	width:80%!important;

}

.verkehrslage p:nth-child(1) {
    width:100%!important;
	text-align:left!important;
	}
	
/*Umfrage */

.umfrage_checkbox fieldset legend {

	width:100%;

}

/*.bwform input,*/ .bwform select, .checkbox, .radio {

	width:auto!important;

}

.umfrage_checkbox_height legend {

	height:auto;

}

.submit {

	margin-left:-14px;

}	

fieldset.checkbox_container span label {

	width:80%;

}

.bekannt label {

	width:auto!important;

}

/*umfrage start*/
	

.umfrage_start {

	width:100%;
	font-size:20px;
	padding:10px 0;
	font-family: Signika, Arial, Helvetica, sans-serif!important;

}

#dialog-message p {

	font-size:14px;
}

#dialog-message h2 {

	font-size:20px!important;
	
}
	
	
	
}

.ui-dialog-buttonpane {
	display: none!important;
}

.ui-widget-header {
	background:#fff!important;;
	border:0!important;
	/*display: none!important;*/
}


/**
 *
 * Displays >= 768px (Tablets)
 */

@media (min-width: 768px) {

	header .servicenummer {	
		font-size:26px;
	}

	.mybreadcrumb {display: none;}
	
	.container {width:97%!important;}

	.mobile-titel {display:none;}
	header nav li {padding: 18px 17px 15px 17px;}
	.startseite .titel {display: none;}
	
	.bwform label {
		width: 26%;
	}

	.bwform input,
	.bwform select,
	.bwform textarea {
		width: 50%;
	}

	.bwform input[type="checkbox"] {
		width: 25px;
	}

	.bwform input[type="radio"] {
		width: 15px;
	}

	.bwform input.error {
		/*margin-left: 25.1%;*/
	}

	.bwform div.widget-submit {
		margin-left: 24.1%;
	}
	
} /* >= 768px */



/**
 *
 * Displays >= 992px (Notebook)
 *
 */
@media (min-width: 992px) {
	.container {width:97%!important;}
	.mybreadcrumb {display: none;}	
	.startseite .titel {display: none;}
	
} /* >= 992px */




/**
 *
 * Displays >= 1200px (Desktop)
 *
 */

@media (min-width: 1200px) {
	.container {width:1140px!important;}
	.mybreadcrumb {display: none;}
	.startseite .titel {display: none;}	
} /* >= 1200px */

/**
 *
 * Displays >= 835px - 768px (IPad)
 *
 */
 
@media (min-width: 768px) and 
  (max-width: 835px) {
  
  #btn-suche {
  
  	margin-top:29px;
  
  }
  
  
  
  }
  
  @media (max-width: 576px) {
  
  .verkehrslage_2 p {
 padding-left:45px!important;
}
  
  }




p.info {

	display:none;

}

.mod_newsreader img {

margin-right:30px!important;

}




.widget-explanation {

	margin-left:25.5%;

}

.ticketbestellung_start {

width:22.5%!important;
padding-bottom:15px;
margin-left:auto;
margin-right:auto;


}

.min17 {
	margin-left:-17px!important;
}

@media (max-width: 757px) {
  
.ticketbestellung_start {

width:45%!important;
max-width:45%!important;

}
}

@media (max-width: 767px) {
  

#extranotice, #vln_pupilsnotice, .notices {margin-left:0!important;}
.blankticket, .pendler {display:none;}
.col-12 {padding-left:15px!important;}

.pendlermobil .submit {margin-left:0px!important;}

}

.bwform hr {margin-left:0px;width:75%;margin:30px 0;}

.nopadding {padding-left:0!important; padding-right:0!important;}

#article-229 .col-12 {padding-left:0!important; padding-right:0!important;}

.klima {color:#689b18!important;}
.price_year {font-weight:300!important; font-style:italic!important;}

.klima_news {color: #fff; border-right: 50px solid transparent; background: repeating-linear-gradient( 135deg, #ffffff, #ffffff 10px, #7ab51d 10px, #7ab51d 20px)!important;}
.klima_news .bghider {background:#7ab51d!important;}

.mod_newsreader .klima_news {border-right:0!important; background:#ffffff!important; color:#292b2c!important;}
.mod_newsreader .klima_news .bghider {background:#fff!important;}

.umfrage_2022 span {float:left; margin-right:20px!important;}
.umfrage_2022 span label {width:5%;}
.umfrage_2022 span input {margin-right:1px;}
.umfrage_2022 .umfrage_checkbox_height legend {height:auto!important;}
.bwform h2 {color:#0168B3; font-weight:bold; font-size:20px;}
.angebot_2022 span label {width:auto;}

.klimaabo-2023 h1 {color:#7ab51d!important; margin:20px 0;}
.klimaabo-2023 h2 {color:#009ee0; font-weight:600; margin:40px 0; font-size:1.5rem;}
.klimaabo_wrapper {width: 100%; height: auto; display: flex; margin-top: 50px;}
.klimaabo_left {width: 65%; float: left; background-color: #7ab51d; color: #fff; display: -webkit-inline-box;}
.klimaabo_right {width: 35%; float: left; background-color: #009ee0; color: #fff; display: -webkit-inline-box;}
.klimaabo_wrapper .textwrapper {margin:25px 35px; font-size:1.3em;}
.klimaabo_wrapper .textwrapper h3 {margin-top:0; color:#fff!important; font-size:1.5em;}
.klimaabo_wrapper .textwrapper .small {font-size:0.7em; margin-bottom:5px;}
.klimaabo_wrapper .textwrapper .big {font-size:1.5em; margin-top:-5px; margin-bottom:22px; font-weight:bold;}

.bwform select {background-color:#f4f8fe; color:#111111;}
#article-247 input.btn-primary {margin-left:calc(26% + 5px); font-weight: bold; border-radius: 4px !important; margin-top:40px;}
#article-247 input.btn-primary:hover {background:#d8272c; cursor:pointer;}
a.anmeldelinkbusschule {padding:30px 50px!important; color:#ffffff!important; font-size:1.6em!important; background:#0067b2!important; border-radius: 4px !important;}
a.anmeldelinkbusschule:hover {background:#e52520!important;}

@media (max-width: 767px) {  

#article-247 input.btn-primary {margin-left:0!important;}

}

.busschule b, .busschule strong {color:#0067b2}

a.klimaaboantrag {color:#d8272c; background:#ffffff; padding:15px 25px; text-decoration:none; font-size:0.9em; border-radius:5px;}
a.klimaaboantrag:hover {color:#ffffff; background:#d8272c;}
.Klimainteresse {padding:15px 25px; border:2px solid #fff;}

.button-one-klima {
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}

.button-one-klima img {
	display: block;
	padding-bottom: 10px;
}

.button-one-klima .ueberbutton {
	background-color: #fff;
	background-color: hsla(0, 0%, 100%, 0);
	position: relative;
	top: -10px;
	color: #d8272c;
	font-size: 20px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -70px;
	padding: 9px 0 0px 0px;
	line-height: 20px;
	z-index: 100;
	text-align:center;
}

.button-one-klima .ueberbutton a {
	font-size: 1.1em;
}

.eingabefeld_zahl input {width:100px!important;}

.dsgvo_gruppenfahrten {padding-left:0!important; margin-top:30px;}
.dsgvo_gruppenfahrten fieldset.checkbox_container span label {width:92%!important;}
.send_gruppe {margin-left:-10px!important; margin-top:30px;}

@media (max-width:1200px) {

#news-startseite .inside {width:87%; max-width:none;}

}

@media (max-width:991px) {

#news-startseite .inside {width:70%; max-width:none;}
	
}

@media (max-width:768px) {
	
#news-startseite .inside {width:90%; max-width:none;}

}

/* UMFRAGE 2024 */ 

.umfrage2024 .bg_2024 {background-color:#eff1f7; padding:20px; margin:20px 0;}
.umfrage2024 .bg_2024_container {background-color:#fff; padding:20px; margin:20px 0;}
.umfrage2024 fieldset.checkbox_container {padding-left:26%!important;}
.umfrage2024 .bwform label {padding-left:25.7%!important;}
.umfrage2024 input[type="checkbox"] {height:20px!important; width:20px!important; margin-right:12px;!important;}
.umfrage2024 .checkbox_container {margin-top:0px;}
.umfrage2024 .checkbox_container span {display:block;}
#ctrl_383 {margin-bottom:40px;}

.emw main {background-color:#3db5b0; color:#ffffff; padding-top:50px;}
.emw #article-235 {background:#f1f5fb; padding:35px; border-radius: 25px; border:8px solid #004494; color:#3c3a3b}
.startseite #article-274, .emw #article-273 {background:#1c96bf; padding:35px; border-radius: 25px; border:8px solid #bd318a; color:#fff}
#emw-vln-2024 {background:#31b9b5; padding:35px; border-radius: 15px; border:6px solid #e189a6; color:#fff}
.emw h2, .emw h1 {font-weight:400; font-size:1.6em; color:#3c3a3b!important;text-transform:uppercase;}
.emw h1 {font-size:2.2em; font-weight:bold; text-transform:none;}
.emw .titelbild {border:0!important;}
.emw .ueber-emw h1, .emw .ueber-emw h2 {color:#fff!important;}
.emw .button_umfrage {background:#ca4f8d; padding:10px 20px; color:#fff; border:#ddd solid 3px; font-weight:bold; font-size:1.6em; transition: 0.5s all;}
.emw .button_umfrage:hover {background-color:#57b74c}

.emw-umfrage2024-start {border-radius: 15px; width:70%; background:#ca4f8d; padding:20px 0; color:#fff; border:#57b74c solid 6px; font-weight:bold; font-size:1.6em; transition: 0.5s all; text-align:center; display:block; margin:40px auto 65px auto;}
.emw-umfrage2024-start:hover, .emw-umfrage2024-start:focus {background-color:#57b74c; color:#fff;}

.emw_start_rechts, .emw_start_links {float:left!important;}
.emw_start_links {margin-right:25px;}
.emw_start_rechts {width:80%; font-size:1.2em;line-height:1.4em;}
.emw_start_rechts h2 {color:#fff; font-size:1.4em; font-weight:bold;}
#article-274 h1, #article-276 h1 {display:none;}
.emw_start_link {background:#ca4f8d; padding:10px 20px; color:#fff; border:#ddd solid 3px; font-weight:bold; font-size:1.2em; transition: 0.5s all; margin-top:25px;}
.emw_start_link:hover, .emw_start_link:focus {background-color:#57b74c; color:#fff;}

@media (max-width:768px) {
	
.umfrage2024.bwform label {margin-right:20px!important;}
#lbl_383_0, #lbl_383_1, #lbl_383_2, #lbl_372_0, #lbl_372_1, #lbl_372_2, #lbl_372_3, #lbl_372_4 {width:20%!important;}
.umfrage2024.bwform input {margin-right:10px;!important;}
.umfrage2024 fieldset.checkbox_container {padding-left:0!important;}
#lbl_374_0 {width:80%!important;}

}

/* BARRIEREARM 14052025 */

a:focus,
button:focus {
  outline: 3px dotted #ffcc00; 
  outline-offset: 2px;
}
nav li a:focus {color:#fff!important; text-decoration:none!important;}
nav li.active a:focus {color: #e5031d!important;}
footer a {color:#fff!important;}
.ueberbutton_start a, .ueberbutton a {color:#d8272c;}
.verkehrslage, footer nav.servicenavigation, footer nav.servicenavigation nav {background:#d8272c;}
footer .footernavigation li.footernavi-first {color:#fff!important;}
.klima {color:#39794d!important;}
.haltestellen {background-color: hsla(358, 68%, 40%, 1) !important;}

header nav li a:hover,
header nav li:hover a,
header nav li.active a,
header nav li.trail a {
	color:#d8272c!important;;
}
header nav li.active a {font-weight:bold;}

.mod_newslist h2, #contentStartseite h5, #contentStartseite h4, #article-42 h6, #contentStartseite h7, #contentStartseite h1 {text-transform:uppercase!important; color:#111!important; font-size:1.2rem!important; font-weight:bold!important;}
.mod_newslist h2 {margin-bottom:20px;}
.mod_newslist h3 {font-weight:400!important;}
#contentStartseite h1, #contentStartseite h5 {text-transform:inherit!important; font-weight:400!important; font-size:1.4rem!important;}
.ueberbutton_start {font-size:1.5rem; width:100%; top:88px;}
.ueberbutton_start p {font-size:1.2rem; margin-top:6px;}
/*.button-one .ueberbutton {font-size:1.5rem; width:100%;}
.button-one .ueberbutton p {font-size:1rem; margin-top:6px;}*/
.newsblock-container p {line-height:1.4em!important;}

h1 {margin-top:12px!important;}