html {}
body {
	font-family: 'Myriad Pro';
    font-weight: normal;
    font-style: normal;
	text-align:center;	
	font-size:16px;
	color:#0D3E64;
}
.attention {background-color:#FECC16;padding:10px 20px!important;}
.tipp {background-color:#DBF1FF;padding:10px 20px!important;}
.font_serifen {font-size:3rem;line-height:3rem;font-weight:normal;padding-left:80px;}
.korrektur {color:red;}
/* Einstellung der Breite */
#top_nav > ul, #header > .inside, .custom > #menue, #footer .breiten_container, #main .breiten_container {max-width:85.375rem;margin:0 auto;}
#news_stadtverkehr {
	background-image:url('../layout/news_background.webp');
	padding-top: 60px; 
	margin-top: 0px;
	background-color: rgba(255,255,255,0.5);
    background-blend-mode: overlay;
}

/* Allgemeine Grundeinstellungen */
*:focus {outline: none;}
ul {margin:0;padding:0;}
p, h1, h2, h3, h4, h5, h6 {font-weight:normal;margin:10px 0;}
h1 {font-size:3rem;line-height:3.5rem;font-weight:normal;padding-top:10px;}
h1 {font-size:4.5rem;line-height:5rem;font-weight:normal;padding-top:80px;}
h2 {font-size:2.3rem;line-height:2.8rem;font-weight:normal;}
h3 {font-size:1.6rem;line-height:2.1rem;font-weight:normal;color:#0A75BB;}
h4 {font-size:1.75rem;line-height:2.25rem;font-weight:normal;}
p, #main li {font-size:1.1rem;line-height:1.5rem;}
select, input, textarea { font-size: 100%;}
.widget-text input {box-shadow: none!important;}
.mod_article {margin:0 0 50px 0;}
.zum_archiv p {margin-left:28px;}
.ohne_margin {margin:0!important;}
.p_rechts_30 {padding-right:30px;}
.runde_ecken {padding-top:20px;}
.runde_ecken img {border-radius:20px;}
.news_leseseite_img figure {margin-top:100px;margin-left:90px;margin-bottom:90px;width:370px;}
.news_leseseite_img img {border-radius:20px}
#main li {margin-left:15px;list-style-type:none;padding-left:10px;list-style-type:"-";font-weight:normal;margin-bottom:5px;}
::marker {font-size:1.3rem;}
.presse #main li {margin-left:0px;list-style-type:none;padding-left:0px;margin-bottom:0.5rem;}
.scriptfont {font-family: 'Easy_Speech_free';font-size:2.5rem;margin-top:60px;padding-left:10px;}
.center {text-align:center;}
.gelb {color:#FECC16;}
.hellblau {color:#DBF1FF;}
.blau {color:#0A75BB;}
a, .dunkelblau {color:#0D3E64;}
.highlight {background-color:#FECC16;padding:0 3px;}
.mit_blauer_linie {border-bottom:1px solid #0A75BB;padding-bottom:10px;}

/* Hintergründe der Backgroundflächen */
.bg, .bg2 {background-color: rgba(219,241,255);}
.bg2 {margin:0!important;}
.bg .breiten_container{
	background-repeat:no-repeat;
	background-position:right center;
	background-size:75%;
	background-color:rgba(219,241,255);
	background-blend-mode: overlay;
}

/* mega menu layout */
.mod_navigation.dropdown {
  overflow:visible
}
.mod_navigation li.mm_container>a,
.mod_navigation li.mm_container>span,
.mod_navigation li.mm_container>strong {
  position:relative
}
.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>a:after,
.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover>strong:after,
.mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>a:after,
.mod_navigation li.mm_container.mm_container_onClickOnly.mm_isActive>strong:after {
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-3px;
  height:3px;
  background-color:#F4F2F0;
  z-index:110
}
.mod_navigation li.mm_container .mm_dropdown {
  visibility:hidden;
  position:absolute;
  left:0;
  right:0;
  z-index:100
}
.mod_navigation li.mm_container .mm_dropdown>.inner {
  padding:1rem 2rem;
  border:1px solid #E5DFDC;
  background-color:rgba(244, 242, 240, 0.95);
  overflow:hidden
}
.mod_navigation li.mm_container:not(.mm_container_onClickOnly):hover .mm_dropdown,
.mod_navigation li.mm_container.mm_container_onClickOnly .mm_isActive~.mm_dropdown {
  visibility:visible
}

/* Megamenü Gestaltung */
.mm_dropdown {margin-top:4px;}
.mod_navigation li.mm_container .mm_dropdown {opacity: 0; transition:visibility 0.5s linear,opacity 0.5s linear; }
.mod_navigation li.mm_container .mm_dropdown > .inner {
	padding: 2% 2% 0 2%;
	border: 1px solid #E5DFDC;
	background-color: rgba(255, 255, 255,1);
	border-top: none;
	border-left: 2px solid #FECC16;
	border-right: 2px solid #FECC16;
	border-bottom: 2px solid #FECC16;
	overflow: hidden;
    background-color: #0D3E64;
	border-radius: 0px 0px 15px 15px;    
}
.mm_isActive + .mm_dropdown {opacity: 1!important;}

/* Menükarten im MegaMenü */
.mega_menue_innenraum > div {
	display:flex;
	justify-content:space-evenly;
}
.menue_karte_outer {
	background-color: #fff;
	text-align: center;
	max-width: 300px;
	border-radius: 10px;
	border-bottom: 3px solid #FECC16;
	margin:0 0px;
	margin-bottom: 8%;
}
.menue_karte {
	padding: 10px 10px 0 10px;
	position:relative;
}
.menue_karte h4, .menue_karte .mega_menu_4 {
	font-size: 1.25rem;
	line-height: 1.5rem;
	padding:3px 10px;
	font-weight: 600;
	position: absolute;
	color: #0D3E64;
	top: 9px;
	left: 50%;
	transform: translate(-50%, 0%);
	width:100%;
	background-color: rgba(255,255,255,0.85);
	margin-top:0!important;
}
.menue_karte img {border-radius: 10px}
.menue_karte p {margin:5px 0;font-size:1rem;color:#0A75BB;text-align:left;}
.menue_karte p.mit_links {}
.weiter_menue_informationen {text-align:left;color:#fff;padding:0 20px;}
.weiter_menue_informationen h4, .weiter_menue_informationen .mega_menu_4 {color:#fff;font-size:1.5rem;border-bottom:1px solid #678093;padding-bottom:20px;}
.weiter_menue_informationen p {color:#fff;font-size:1.1rem;}
.weiter_menue_informationen .more a {color:#fff;display:block;font-weight:normal!important;}
.weiter_menue_informationen .more a::after {right: 35px;}

/* Infoblock oben nach Headerbild */
.infoblock {
	border-radius:20px 20px 0 0;
	margin:0 0 50px 0;
	padding-bottom:0px;
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 100%);
}
.startseite .infoblock > div > div {padding:0 40px;}
.aktuelles {}
.infoblock  {padding:20px 40px;}

_infoblock h2 {color:#0A75BB;}

/* Icons auf der Startseite */
.mvg_icon {
	font-family: 'Material Icons';
	color: #2a81ba;
	border-radius: 100px;
	border: 2px solid #FECC16;
	background-color: #fff;
	padding: 7px 13px;
	margin: 20px 0px 0px 40px;
	font-size: 3.5rem;
	display:inline-block;
}
.icon_auskunft:before {content:"\e88e";}
.icon_tickets:before {content:"\e638";}
.icon_mobil:before {content:"\e940";}
.icon_pdf:before {content:"\e415";}
.icon_clock:before {content:"\e8b5";}
.icon_rufbus_order:before {content:"\e576";}
.icon_news:before {content:"\f009";}
.icon_archiv:before {content:"\e1a1";}
.icon_download:before {content:"\e2c4";}

/* Buttongestaltung */
button.button, a.button {
	display: inline-block;
	color: #fff;
	background-color: #0A75BB;
	padding: 10px 40px 10px 20px;
	text-decoration: none;
	margin:10px 0;
	border-radius:5px;
	margin-right:20px;
	border:none;
	font-size: 1.1rem;
    line-height: 1.5rem;	
	cursor: pointer;    
}
button.button:hover, button.button:focus, a.button:hover, form a.button:focus {
	-webkit-box-shadow:inset 0px 0px 0px 3px #0A75BB;
    -moz-box-shadow:inset 0px 0px 0px 3px #0A75BB;  
    box-shadow:inset 0px 0px 0px 3px #0A75BB;
	color: #0D3E64;
	background-color:#fff;
}
a.button:after {
	font-family: 'Material Icons';
	content: "\e5cc";
	padding-left: 5px;
	font-size: 2rem;
	color: #FECC16;
	position: absolute;
	margin-top: 1px;
}

/* Farbe der beiden breiten Blaubereiche  */
#footer, .custom {background-color:#0D3E64;}
.custom {height:50px;}
.custom::after {content: none;display: block;}

/* Suche und Newsletter Input Felder Gestaltung */
.headersearch {
	float:right;
	max-width:250px;
	margin-right:0px;
	margin-top:27px;
}
.headersearch .widget {display: inline-block;}
.headersearch .widget-text {}
#footer .mod_subscribe .widget-text, #footer .mod_subscribe .widget-submit,
#main .mod_search .widget-text, #main .mod_search .widget-submit {float:left;}
#footer .mod_subscribe .widget-text input, 
.headersearch .widget-text input,
#main .mod_search .widget-text input {height:40px;width:150px;padding:5px 10px;}
#main .mod_search .widget-radio {padding-top:20px;clear:both;}
#footer .mod_subscribe .widget-text input {border: 1px solid #888888;color:#fff;}
.headersearch .widget-text input, #main .mod_search .widget-text input {border: 1px solid #E1E1E1;color:#0D3E64;}
.mod_search .submit {
	border:none;
	background-color:#fff;
	width:40px;
	height:35px;
	overflow: hidden;
	text-indent: -120px;
	cursor: pointer;
	color:#0D3E64;
	border: 0px solid #E1E1E1;
	border-left: none;
	padding:0;
	margin:0;	
}
.mod_search .submit:after {
	font-family: 'Material Icons';
	content: "\e8b6";
	padding-left: 95px;
	font-size: 2rem;
	color:#0D3E64;
	position: absolute;
	margin-top: -8px;
}
#footer .mod_search .submit {border:none;background-color:#FECC16;width:40px;height:40px;overflow: hidden;text-indent: -120px;cursor: pointer;}
#footer .mod_search .submit:after {  font-family: 'Material Icons';
  content: "\e163";
  padding-left: 82px;
  font-size: 1.25rem;
  color:#0D3E64;
  position: absolute;
  margin-top: 0px;
}
#footer .mod_search input {color:grey;border: 1px solid grey;background-color:#0D3E64;}

/* Einstellung Counter Startseite */
#startseite_counter {
	background-image:url('../layout/bg_counter.webp');
	margin:0!important;
	padding:60px 0 50px 0;
}
.schatten {-webkit-box-shadow: 5px 4px 5px 0px rgba(138,138,138,0.7);box-shadow: 5px 4px 5px 0px rgba(138,138,138,0.7)}
.counter_inner {color:#0A75BB;margin:0 10px 10px 0;}
.counter h2, .counter .count-up-element {margin: 0 auto;}
.counter h2 {font-size:0.9rem;line-height:1.5rem;color:#0D3E64;padding: 5px; font-weight:normal;background-color:#FECC16;padding-left:8px;}
.counter .count-up-element {padding: 50px 0px 5px 0px;font-size:2.3rem;font-weight:bold;}
.counter .count-up-element.xl {font-size:4rem;padding: 30px 0px 5px 0px;}
.counter_inner p {color:#0D3E64;margin-top:50px;}

/* Einstellung Mainbereich */
#main {
	float:none;
	text-align:left;
	padding-bottom:0px;
	background-color:#F9F9FB;
	background-color:#E9E9E9;
	background-color:#fff;
}
.newsuebersichtsseite #main {background-color:#DBF1FF;}

/* Einstellung Header */
#header {min-height:100px;}
.headercontent {    
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:space-between;    
    width: 100%;
}

/* Einstellung Topnavigation */
#top_nav {
	min-width:40rem;
	padding-top:2.1rem;
}
#top_nav ul {
    display: flex;
	justify-content: space-between;    
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 0;
  }
#top_nav li {
    list-style: none;
    display: inline-block;

    height: 50px;
    text-align: center;
  }
#top_nav li a, #top_nav li strong {
	color:#0D3E64;
	font-weight:normal;
	text-decoration:none;
	display:block;
	line-height:2rem;
	font-size: 1.1rem;
}
#top_nav li a:hover, #top_nav li strong {border-bottom: 2px solid #FECC16;}

/* Einstellung Hauptnavigation */
#haupt_nav {
  width: 100%;
  padding-top: 6px;
}
#haupt_nav ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 0;
    justify-content:space-around;
    padding-right: 25px;
}
#haupt_nav > ul > li {
    list-style: none;
    display: inline-block;
}
#haupt_nav > ul > li > a, #haupt_nav > ul > li > strong {
	color:#fff;
	text-decoration:none;
	display:block;
	line-height:2.4rem;
	font-size:1.25rem;
	letter-spacing:1px;
	border-bottom: 2px solid #0D3E64;
	font-weight:normal;
}
#haupt_nav > ul > li > a:hover, #haupt_nav > ul > li > a.trail, #haupt_nav > ul > li > strong, #haupt_nav > ul > li > a.mm_isActive {
	border-bottom: 2px solid #FECC16;
}
#haupt_nav > ul > li > a.submenu::after, #haupt_nav > ul > li > strong.submenu::after {
  font-family: 'Material Icons';
  content: "\e5cf";
  padding-left: 10px;
  font-size: 1.5rem;
  color:#FECC16;
  position: absolute;
  margin-top: 0px;
}
#haupt_nav ul ul li {display:block;}

/* Footer Impressum Navigation */
#footer_bottom_nav {}
#footer_bottom_nav li {
    list-style: none;
    display: inline-block;
}
#footer_bottom_nav li::after {
	content:"|";
	padding:0 15px;
}
#footer_bottom_nav li.last::after {
	display:none;
}

/* Einstellung Logo */
#logo {padding:20px 0;float:left;}

/* Einstellung Footer */
#footer {
	color:#fff;
	text-align:left;
	padding-top:2rem;
	font-weight:300;
	letter-spacing:1px;
}
#footer a {
	font-size:0.9rem;
	text-decoration:none;
	color:#fff;
}
#footer a:hover, #footer li strong {border-bottom: 1px solid #FECC16;}
#footer p {
	font-size:0.9rem;
	line-height: 1.25rem;
}
#footer p i {
	font-size:0.8rem;
}
#footer h2 {
	font-size: 1.1rem;
}
#footer h2::after {
  content: "";
  border-bottom: 1px solid #FECC16;;
  width: 35px;
  display: block;
  padding-top:15px;
}  
.footer_bottom_left {
	text-align: left;
}	
.footer_bottom_right {
	text-align: right;
}
.footer_spaltenblock_1 {border-bottom: 1px solid #375871;padding-bottom:2rem;}
.footer_spaltenblock_2 {padding:1.75rem 0;font-size: 0.85rem;}
.footer_spaltenblock_2 p, .footer_spaltenblock_2 a {margin:0;padding: 0.25rem 0;display:inline-block;}

/* Einstellung Telefonlinks */
.telefonlink:hover, .bilderlink:hover  {border-bottom:none!important;}
#footer .telefonlink.rufbus {font-size:1rem;}

/* Einstellung mobil Menü und Button */
#mainmobil {text-align:left;}
a.nav-mobile {
  position: relative;
  padding: 0 0 0 48px;
  margin-left: 16px;
  text-decoration: none;
  color: red;
  font-size: 18px;
  line-height: 1;
  display:block;
  appearance: none;
  outline: 0;
  cursor: pointer;
  height: 48px;
  background-color: #0D3E64;
  margin-top:25px;
}
a.nav-mobile b {
  display: block;
  position: absolute;
  left: 10px;
  width: 29px;
  height: 2px;
  border-radius: 2px;
  background: #fff;
  color: inherit;
  opacity: 1;
}
a.nav-mobile b:nth-of-type(1) {
  bottom: 32px;
  transition: bottom .2s ease,transform .2s ease,width .2s ease;
}
a.nav-mobile b:nth-of-type(2) {
  top: 23px;
  transition: opacity .2s ease;
}
a.nav-mobile b:nth-of-type(3) {
  top: 32px;
  transition: top .2s ease,transform .2s ease,width .2s ease;
}
.mm-wrapper_opened a.nav-mobile b:nth-of-type(1) {
  bottom: 23px;
  transform: rotate(45deg);
}
.mm-wrapper_opened a.nav-mobile b:nth-of-type(2) {
  opacity: 0;
}
.mm-wrapper_opened a.nav-mobile b:nth-of-type(3) {
  top: 23px;
  transform: rotate(-45deg);
}
.mm-navbar {display:block;}
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {margin-top: 25px;}
.mm-title {font-size:1rem;text-align:left;}
.mm-listview > li > a, .mm-listview > li > strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 10px 30px 10px 20px;
    margin: 0;
}
.mod_mobile_menu {padding-top:27px;}
.mod_mobile_menu i {font-size:2.5rem;}
.mm-menu a, .mm-menu span {color:#0D3E64!important;}
.mm-menu a.trail {background-color:#fff;font-weight:bold;}
.mm-menu .mm-listitem_selected a, .mm-menu span {font-weight:bold;}

/* Gestaltung TopLink */
#topLink {
    position: fixed;
    bottom: 90px;
    right: 20px;
    display: none;
    text-align: center;
    text-decoration: none;
    transition: opacity 0.5s ease;
    opacity: 0;
    z-index:1;
}
#topLink.show {
    display: block;
    opacity: 1;
}
#topLink.button:after {display:none;}
#topLink.button {padding-left: 40px;padding-right: 15px;}
#topLink.button:before {
	font-family: 'Material Icons';	
	content: "\e5ce";
	font-size: 2rem;
	margin-left:-35px;
	position: absolute;
	margin-top: 0px;
	color: #FECC16;
}

/* dunkler overlay Hintegrund hinter den MegaMneüs */
#overlay {
    position: absolute;
    z-index:2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* Schwarz mit 30% Transparenz */
    opacity: 0; /* Anfangs unsichtbar */
    transition: opacity 0.5s ease; /* Übergangseffekt für die Opazität */
    pointer-events: none; /* Klicks auf das Overlay verhindern */
}
#overlay.mm_active {    
	opacity: 1; /* Sichtbarkeit des Overlays ändern */
    pointer-events: auto; /* Klicks auf das Overlay zulassen */
}
/* ---------  ab hier Newsslider -------- */
.swiper-container .block {overflow:visible;}
.swiper-container {}
.swiper-container-autoheight .swiper-wrapper {flex-flow: row;}
.ce_swiperStart {overflow: visible;}
.swiper-pagination {position:relative;margin-top:30px;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0px;}
.swiper-button-next, .swiper-button-prev {color: #005D9C;}  
.swiper-button-next:hover, .swiper-button-prev:hover {color: #00AEEF;}
.swiper-button-prev {left:20px;}
.swiper-button-next {right:20px;}
.swiper-pagination-bullet:hover {background-color:#0A75BB;}
.swiper-pagination-bullet-active {background-color: #0D3E64;}  
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;}
.swiper-pagination-bullet {width:16px;  height:16px;}
.col-12, col-md-6, col-lg-4, col_1 {padding:0;}

/* ---------  ab hier Newsslider und Info_Karte-------- */
.layout_latest > .inner {padding:20px;}
.layout_latest .inner_content, 
.info_karte {overflow:hidden;position:relative;background-color:#fff;padding:20px;border-radius:20px;border-bottom: 4px solid #FECC16;height:500px;}
.layout_latest .inner_content img, .info_karte img {border-radius:15px;}
.layout_latest .inner_content .info, .info_karte .info {font-size:1rem;margin-top:12px;text-transform:uppercase;}
.layout_latest .inner_content h3 {line-height: 1.8rem;margin:5px 0 0 0;}
.layout_latest .inner_content h2 {margin-bottom:0;}
.layout_latest .inner_content h3 a {font-weight:bold;text-decoration:none;}
.layout_latest .inner_content .more {position:absolute;margin-bottom:20px;bottom:0;width:100%;background-color:#fff;}
.layout_latest .inner_content .ce_text {overflow: hidden; max-height:140px;text-overflow: ellipsis;}
  
.info_karte {margin-bottom:35px;min-height:575px;}
.info_karte h3 {font-size: 1.25rem;line-height: 1.75rem;font-weight:600;color:#0D3E64;}
.info_karte p {font-size:1rem;}

.more a {font-weight:bold;text-decoration:none;}
.more a:after {
	font-family: 'Material Icons';
	content: "\e5cc";
	padding-left: 10px;
	font-size: 2rem;
	color:#FECC16;
	position: absolute;
	margin-top: 1px;
}
.more a:hover {text-decoration:underline;}

/* ---------  ab hier NewsListe Übersichtsseite -------- */
.mod_newslist h2, .mod_newslist h3 {margin:0;padding:0;margin-bottom:12px;}
.mod_newslist h2 a, .mod_newslist h3 a {
font-size: 1.5rem;
  line-height: 1.7rem;
  font-weight: 600!important;
  color: #0D3E64;
  margin-top: 10px;
  text-decoration: none;
  display: block;
}

/* ---------  ab hier Accordions -------- */
.ce_accordion {margin-bottom:30px;}
.toggler {background-color:#0A75BB;color:#fff;border-radius:25px;border-bottom:3px solid #FECC16;font-size:1.5rem;padding:5px 20px 5px 20px;}
.mit_icon .toggler {border-radius:30px;padding:15px 20px 15px 80px;}
.toggler_schmal {max-width:645px;}
.faq .ce_accordion {margin-bottom:15px;}
.faq .toggler {padding:10px 50px 10px 20px;font-size:1.25rem;}
.ui-accordion-header-collapsed:after {content:"+";float:right;margin-right:-30px;position: absolute;right: 50px;top: 10px;}
.ui-accordion-header {position:relative;}
.ui-accordion-header-active:after {content:"─";float:right;margin-right:-30px;position: absolute;right: 50px;top: 10px;}
.ui-accordion-header:hover {cursor: pointer;}

.icon_abfahrtszeiten .ui-accordion-header:before {content:"\e576";}
.icon_fahrplan .ui-accordion-header:before {content:"\f184";}
.icon_ticket .ui-accordion-header::before {content:"\e638";}
.icon_preise .ui-accordion-header:before {content:"\e926";}
.icon_bicycle .ui-accordion-header:before {content:"\eb29";}
.icon_users .ui-accordion-header:before {content:"\e7f0";} 
.icon_map .ui-accordion-header:before {content:"\e55b";}
.icon_repeat .ui-accordion-header:before {content:"\eb7b";}
.icon_sms .ui-accordion-header:before {content:"\e625";}
.icon_storno .ui-accordion-header:before {content:"\e5c9";}

.icon_address-card .ui-accordion-header:before {content:"\f0c5";}
.icon_smartphone .ui-accordion-header:before {content:"\e200";}
.icon_key .ui-accordion-header:before {content:"\e73c";}
.icon_tanken .ui-accordion-header:before {content:"\e546";}
.icon_back .ui-accordion-header:before {content:"\e166";}
.icon_pay .ui-accordion-header:before {content:"\e926";}

.mit_icon .ui-accordion-header:before, a.mit_icon:before {
	font-family: 'Material Icons';
	font-size:2.2rem;
	color: #0A75BB;
	border: 2px solid #FECC16;
	background-color: #fff;
	width: 62px;
	height: 62px;
	border-radius: 30px;
	margin-top:-15px;
	margin-left:-81px;
	position: absolute;
	text-align: center;
	padding-top:8px;
}
.ui-accordion-content {background-color:#fff;border-bottom:3px solid #FECC16;margin: 0 15px;padding: 20px 20px;}
.ui-accordion-content p {margin:0;padding:5px 0;}
.schmale_accordion .ui-accordion-header-collapsed::after, .schmale_accordion .ui-accordion-header-active::after {top: 3px;}

/* ---- zweispaltiger Satz FAQ --------*/
.zweispaltig {column-count:2;column-gap: 50px;}
.zweispaltig h2 {padding: 10px 0; margin: 0;}

/* ----------- overlay für die Bildunterschrift bei allen Bildern für Copyright ------*/
figure {line-height:0;display:inline-block;position:relative;}
figcaption {
  position: absolute;
  display: inline-block;
  padding: 0.3125rem;
  font-size: 0.625rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(0,0,0,0.5);
  bottom: 0;
  right: 0;
  padding-right:20px;
  padding-left:20px;
  border-radius: 30px 0 30px 0;
}
/* -------Linienbox bei den Fahrplänen ------*/
.linienbox {
	border-radius: 20px;
	border: 1px solid #FECC16;
    border-bottom: 4px solid #FECC16;
	background-image:url('../layout/bg_linienbox.jpg');
	background-size:cover;
    background-repeat:no-repeat;
	background-position:left top;
	background-color:#fff;
	padding: 10px 30px;
	margin-bottom:30px;
}
a.mit_icon {
	padding: 15px 50px 15px 80px;
	border-radius:30px;
}
a.mit_icon::before {
	width: 55px;
	height: 55px;	
	padding-top: 12px;	
}
/* ---------- Gallerie -----------*/
.ce_gallery li {list-style-type:none!important;margin-left: 0!important; padding-left: 0!important; margin-bottom: 0!important;}
.ce_gallery img {border-radius:20px;}

/* News PopUp */
#srl_layer {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: white;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	overflow-y: auto;
	margin-left: inherit;
	margin-top: inherit;	
	z-index: 9999;
	/* Standardgröße für größere Bildschirme */
	width: 800px;
	max-width: 90%;
	max-height: 100vh;
	height: auto;
}
/*  ------------ Rufbus Tabelle -----------*/
.rufbustabelle td:nth-child(2) {text-align: center!important;}
.rufbustabelle .section-header td {background-color:#DBF1FF;font-weight:bold;padding:5px 5px;}
.rufbustabelle th {font-weight:bold;background-color:#fff!important;padding:10px 5px;}
.rufbustabelle tr:nth-child(even) {background-color: #EDF8FF;}
/* ---- Kontraststärkere Gestaltung der Lider Bullets  -----*/
.swiper-pagination-bullet {background: #0A75BB;border: 2px solid #fff;opacity:1;}
.swiper-pagination-bullet-active {background: #000; border: 2px solid #FECC16;}
/* ---- Button um den Slider anzuhalten und fortzusetzen -----*/
#toggle-autoplay:hover {box-shadow: inset 0px 0px 0px 3px #0A75BB; color: #0D3E64; background-color: #fff;}
#toggle-autoplay {
	display: inline-block;
	color: #fff;
	background-color: #0A75BB;
	padding: 10px 40px 10px 20px;
	text-decoration: none;
	margin: 10px 0;
	margin-right: 0px;
	border-radius: 5px;
	margin-right: 20px;
	border: none;
	font-size: 1.1rem;
	line-height: 1.5rem;
	cursor: pointer;
}
/* Standardmäßig kein Outline */
*:focus {
    outline: none;
}
.keyboard-focus {
    outline: 3px dashed red!important;
    outline-offset: 3px!important;
}
div.toggler.keyboard-focus {
	margin: 3px!important;
    outline-offset: 0px!important;
}
#main a, #footer a, #logo a {display:inline-block;}
#footer .ce_text.block, #footer .mod_customnav.block {overflow:visible;}
a.invisible {display:none!important;}