:root {
    --page-width: 1720px;
    --main-color: #F7BD13;
    --grey: #F6F6F6;
    --mediumgrey: #F1F1F0;
    --darkgrey: #343434;
    --darkmodegrey0: #171717;
    --darkmodegrey1: #393939;
    --darkmodegrey2: #6d6d6d;
    --radius25: 20px;
    --black-border: 1px solid #000;
    --a25: 25px;
    --a45: 45px;
    --a-60: -60px;
    --a60: 60px;
    --a75: 75px;
    --a100: 100px;
    --a150: 150px;
}
/*font*/
@font-face {
    font-family: IstokBold;
    src: url("../Fonts/IstokWeb-Bold.ttf");
}
@font-face {
    font-family: IstokBoldItalic;
    src: url("../Fonts/IstokWeb-BoldItalic.ttf");
}
@font-face {
    font-family: IstokItalic;
    src: url("../Fonts/IstokWeb-Italic.ttf");
}
@font-face {
    font-family: IstokRegular;
    src: url("../Fonts/IstokWeb-Regular.ttf");
}
/**/
.error-page {
    color: #000;
}
.darkmode .error-page {
    color: #fff;
}
/*error-msg*/
.none {
    display: none;
}
.error-msg {
    padding: 20px 0;
}
.home-col-6 .frame-layout-3 {
    display: none;
}
.home-col-6 .frame-layout-3.block {
    display: block;
}
.darkmode .error-msg {
    color: #fff;
}
/*error-msg*/
.om-cookie-panel .cookie-panel__attribution {
    display: none;
}
.om-cookie-panel h3 {
    text-align: center;
}
.om-cookie-panel .cookie-panel__button {
    background: #000;
}
/*.om-cookie-panel .cookie-panel__button--color--green {
    background: var(--main-color);
}*/
.om-cookie-panel .cookie-panel__checkbox + label::before {
    border-color: #666;
}
.om-cookie-panel .cookie-panel__button {
    text-transform: initial;
}
button:focus {
    outline: none !important;
}
a:hover {
    color: var(--main-color);
}
body {
    font-family: IstokRegular;
    max-width: 1720px;
    padding: 0 var(--a75);
    margin: 0 auto;
}
body, .btn {
    font-size: 18px;
}
.blog h3 a {
    font-size: 18px;
}

#content {
    padding: 0;
}
.default > div:not(.accordion) {
    padding: var(--a75);
}
h1 {
    font-family: IstokBold;
}

.info-box-rechts h2 {
    font-size: 22px;
    margin-bottom: 30px;
}

h2 {
    font-family: IstokBold;
    font-size: 36px;
}

.home-col-6 h2 {
    margin-bottom: 30px;
}
h3 {
    font-family: IstokBold;
    font-size: 30px;
}

h6 {
    font-size: 18px;
    margin-bottom: 20px;
}
h6 {
    font-size: 18px;
    margin-bottom: 20px;
}

.font-large p, .font-large .lead, .font-large .blog h3 a, .font-large .news-list-view h3 a, .font-large .nav-item a, .font-large  .infobox-txt, .font-large .col-md-8 li, .font-large .col-md-8 .accordion-subheader {
    font-size: 22px;
}
.font-large .main-header h2 {
    font-size: 50px;
}
.font-large .info-box-rechts h2 {
    font-size: 30px;
    margin-bottom: 30px;
}
.font-large .caption-title {
    font-size: 50px;
}
.font-large h2 {
    font-size: 40px;
}
.font-large .barriere *, .font-large .breadcrumb ul a {
    font-size: 20px;
}
/*xl*/
.font-xl p, .font-xl .lead, .font-xl .blog h3 a, .font-xl .news-list-view h3 a, .font-xl .nav-item a, .font-xl  .infobox-txt {
    font-size: 24px;
}
.font-xl .col-md-8 li, .font-xl .col-md-8 .accordion-subheader {
    font-size: 24px;
}
.font-xl h2 {
    font-size: 44px;
}
.font-large .info-box-rechts h2 {
    font-size: 28px;
}
.font-xl .info-box-rechts h2 {
    font-size: 36px;
}
.font-xl .barriere *, .font-xl .breadcrumb ul a  {
    font-size: 22px;
}

.btn-primary {
    color: #000;
    background-color: var(--main-color);
    border-color: var(--main-color);
    padding: 10px 30px;
}
.btn-primary:hover {
    background: #000;
    color: #fff
}
a {
    color: var(--main-color);
}
.main-content a {
    text-decoration: underline;
}
.main-content > .col-md-8 > div > div:nth-child(1n+2) h2 {
    margin-top: 60px;
}
/*rte style frontend*/
.white {
    color: #fff;
}
.yellow-black {
    background: var(--main-color);
    color: #000;
    display: inline-block;
}
.grey-black {
    background: var(--mediumgrey);
    color: #000;
}
.info-box-rechts .yellow-black {
    padding: 5px 10px;
    margin: 2.5px 0;
    border-radius: 10px;
}
span.yellow {
    color: var(--main-color);
}
/*abstand*/
.col-12 {
    padding: 0;
}
.message {
    padding: var(--a75);
    background: red;
    margin-top: 50px;
    border-radius: var(--radius25);
}
.message > .hh-accordion > header > h2 {
    margin: 0 0 20px 0;
}
.message .hh-accordion {
    margin-top: 0px;
}
.message .hh-accordion .accordion {
    background: transparent;
}
.message > .hh-accordion .accordion details[open] {
    background: #fff !important;
}
.message .hh-accordion .accordion .summary-chevron-up, .message  .hh-accordion .accordion .summary-chevron-down {
    background-color: #f4f4f4 !important;
}
/*frame layouts*/
.col-md-8 .frame-layout-3 > ul {
    /*margin: 0 -60px;*/
    padding: 0;
}
.col-md-8 .frame-layout-3 > ul > li {
    padding: 20px 60px;
    border-radius: 15px;
}
.col-md-8 .frame-layout-3 > ul li {
    list-style-type: none;
    position: relative;
}
.col-md-8 .frame-layout-3 > ul > li:first-child {
    background: var(--main-color);
}
.col-md-8 .frame-layout-3 > ul > li:first-child a {
    color: #000;
}
.col-md-8 .frame-layout-3 > ul > li ul li:before {
    background: url("../Images/pfeil_gross.svg") no-repeat left top;
    width: 15px;
    height: 15px;
    content: "";
    position: absolute;
    margin: 0 0 0 -25px;
    top: 5px;
}
.col-md-8 .frame-layout-3 > ul > li:before {
    background: url("../Images/anstrich.svg") no-repeat left center;
    width: 16px;
    height: 16px;
    content: "";
    top: 24.5px;
    position: absolute;
    margin: 0 0 0 -25px;
}
.col-md-8 .frame-layout-3 > ul > li ul {
    padding: 15px 30px;
}
.col-md-8 .frame-layout-3 > ul > li:nth-child(2n+3) {
    background: var(--mediumgrey);
}
.col-md-8 .frame-layout-2 ul {
    padding: 0;
}
.col-md-8 .frame-layout-2 ul li {
    padding: 10px 10px 0px 30px;
    list-style-type: none;
    position: relative;
}
.col-md-8 .frame-layout-2 ul li:before {
    background: url("../Images/anstrich.svg") no-repeat left center;
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    margin: 0 0 0 -25px; 
}
.yellow-box {
    margin: var(--a60) 0 0 0; 
    background: var(--main-color);
    padding: var(--a60);
    border-radius: var(--radius25);
}

.yellow-box ul {
    padding: 20px 0 0 0;
}
.yellow-box ul li {
    position: relative;
    padding: 10px 30px;
    list-style-type: none;
    width: 100%;
    
}
.yellow-box ul li:not(:last-child) {
    border-bottom: 2px dotted #000;
}
.yellow-box ul li:before {
    background: url("../Images/anstrich.svg") no-repeat left center;
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    margin: 0 0 0 -25px;
}
.yellow-box a {
    color: #000;
}
.yellow-box .accordion details {
    border-top: none !important;
}
.yellow-box .accordion details summary {
    padding-left: 0 !important;
}
.yellow-box  .hh-accordion .accordion {
    background: var(--main-color);
    border: none;
}
.yellow-box  .accordion-content {
    border-top: 1px solid #000 !important;
}
.main-content .col-md-8 .yellow-box header {
    margin: 30px 0 0 0;
}
.header-image {
    border-radius: 30px;
    overflow: hidden;
}

/*none*/
.ce-gallery figcaption {
    display: none;
}
/*Image*/
a.jnlightbox:after {
    content: "";
    background-color: rgba(0,0,0,.5);
    background-image: url("../Images/lupe.svg");
    background-repeat: no-repeat;
    background-position: 7px;
    background-size: 25px;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 7.5px;
    right: 7.5px;
    transition: all .5s ease;
    border-radius: 100%;
}
a.jnlightbox:hover:after {
    background-color: rgba(0,0,0,.75);
    transition: all .5s ease;
}
/**/
.container {
    max-width: var(--page-width);
    width: 100%;
    margin: 0 auto;
}
.main-picture {
    
    flex-direction: row;
    flex-wrap: nowrap;
}
.main-picture > div {
    padding: 0;
    border-radius: var(--radius25);
    overflow: hidden;
}
.main-picture .col-md-6 {
   max-width: 48%;
   flex: 0 0 48%;
}
.main-picture .col-md-4 {
    max-width: 31%;
    flex: 0 0 31%;
 }
/*nopadding*/
.col-md-8 {
    padding: 0 var(--a75);
}
.news-single .col-md-8 {
    padding: 0
}
.news-single .row {
    margin: 0;
}
/*ende - beginn Acc v2*/
.accordion-item {
    border-radius: var(--radius25);
    margin-bottom: 15px;
}
.accordion-item h4.accordion-header, .accordion-item h4.accordion-header button {
    margin-bottom: 0;
}
.accordion-button {
    background: #f4f4f4;
    border: none !important;
    margin-bottom: 15px;
    border-radius: var(--radius25);
    padding: 20px 50px;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    text-align: left;
}
.accordion-button[aria-expanded="true"] {
    background: var(--main-color);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}



.accordion-button:after {
    content: "";
    background: var(--main-color) url("../Images/arrow.svg") no-repeat right center;
    position: absolute;
    right: 50px;
    width: 24px;
    height: 24px;
    border-radius: 100%;
}
.accordion-button[aria-expanded="true"]:after {
    transform: rotate(180deg);
}
.accordion-collapse {
    background: var(--main-color);
    border-bottom-left-radius: var(--radius25);
    border-bottom-right-radius: var(--radius25);
}
.accordion-item.active .accordion-button {
    background: transparent;
}
.accordion-item .row {
    margin: 0px;
    padding: 50px 35px;
}
.ce-column {
    margin-right: unset !important;
}
.accordion-item ul {
    display: flex;
    padding: 0;
    justify-content: space-between;
    flex-wrap: wrap;
}
.accordion-item ul li {
    list-style-type: none;
    width: 50%;
    padding: 0 0 10px 0;
}
/*barriere box*/
.barriere .dropdown-menu > div:not(:last-child) {
    border-bottom: 2px dotted #000;
}
.barriere .dropdown-menu > div:last-child {
    padding-bottom: 0px !important;
}
.barriere .dropdown-menu {
    background: #fff;
    border-radius: 15px;
    margin: 10px 0 0 0;
    padding: var(--a25);
    color: #000;
    border: 1px solid #000;
    transform: translate3d(0px, 50px, 0px) !important;
    font-size: unset;
    width: 370px;
}
.barriere .dropdown-menu .p-3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.barriere .dropdown-menu .font-size input, 
.barriere .dropdown-menu .color-mode input {
    display: none;
}
.barriere .dropdown-menu * {
    color: #000;
    /*font-weight: 600;*/
}
.barriere .dropdown-menu h6 {
    font-weight: bold;
}
.font-size label, .color-mode label {
    border: 1px solid #000;
    width: 90px;
    border-radius: 10px !important;
    padding: 10px 5px;
}
.font-size, .color-mode {
    display: flex;
    gap: 5px;
}
.check .form-check, .contrast {
    padding: 0;
}
.check .form-check a {
    padding: 0;
    display: flex;
    align-items: center;
}
.lang-option label {
    padding: 20px 0 20px 50px;
    margin-left: -50px;
    position: absolute !important;
    z-index: -1;
}
.lang-option a {
    padding-left: 50px !important;
}
.lang-option a:hover {
    text-decoration: none;
}
.contrast {
    padding: 0;
}
.contrast.check label {
    padding: 10px 0 20px 50px;
}
.check label {
    position: relative;
}
.check input {
    display: none;
}
.check label:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 40px;
    background: #fff;
    border: 1px solid #000;
    content: "";
    border-radius: 15px;
}
.ls-LS .lang-option.check label:after, html.contrast .contrast.check label:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 40px;
    background: #fff url("../Images/checkbox_dunkel.svg") no-repeat left center;
    content: "";
}
html.font-medium .font-size > .option-m, html.font-xl .font-size > .option-xl, html.font-large .font-size > .option-l, 
html.darkmode .color-mode > .dark-1 {
    background: #000;
    color: #fff;
}
html:not(.darkmode) .color-mode > .dark-0 {
    background: #000;
    color: #fff;
}
/**/
.breadcrumb {
    margin: 20px 0;
    background-color: #fff;
    padding: 20px var(--a75);
}
.breadcrumb ul {
    margin: 0;
}
.breadcrumb ul a {
    color: #818181;
}
.menu_breadcrumb ul {
    padding: 0;
}
.menu_breadcrumb ul li {
    list-style-type: none;
    padding: 5px 15px 5px 0;
    color: #818181;
}
.menu_breadcrumb ul li:last-child a {
    color: #333
}
/*header*/
.header-col {
    margin: 0 auto;
    padding: 30px 0 30px var(--a75);
}
.header-left {
    max-width: 175px;
    display: flex;
    align-items: center;
    z-index: 100;
    left: 15px;
}
html:not(.darkmode) .header-left .dark {
    display: none;
}
.darkmode .header-left .normal {
    display: none;
}
.header-right {
    max-width: 100%;
    width: 100%;
}
.header-items {
    border: 1px solid #000;
    border-radius: 15px;
    margin: 0 0 30px 0;
}
.header-items > div {
    padding: 0 15px;
    position: relative;
    background: #fff;
}
.header-items > div img {
    margin: 0 10px 0 0;
}
.header-search {
    border-left: 2px dotted #000;
    border-right: 2px dotted #000;
}
.header-kontakt {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
.flex-direction-nav {
    display: none;
}
.barriere {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.barriere > button {
    background: #fff !important;
    border: none !important;
    color: #000 !important;
    border-top-right-radius: var(--radius25);
    border-bottom-right-radius: var(--radius25);
    box-shadow: none !important;
}
.barriere .dropdown-menu {
    left: unset !important;
    right: 0;
    top: unset;
}
.navbar {
    padding: 0 15px 0 0;
}
.header-items a {
    padding: 10px;
    color: #000;
}
.navbar-nav li {
    display: flex;
    flex-shrink: 0;
    padding: 0;
}
.nav-item .dropdown-menu a {
    padding: 15px 30px !important;
    width: 100%;

}
.navbar-nav > li.active > a {
    font-weight: 600;
}
.nav-item .dropdown-menu li.active {
    background: #000 ;
}
.nav-item .dropdown-menu li.active a {
    color: #fff !important;
} 
.navbar-expand-lg .navbar-nav > li > .nav-link {
    padding-left: 15px;
}
.navbar-expand-lg .navbar-nav > li.active > .nav-link:after {
    color: var(--main-color);
}
.nav-img {
    padding-right: 10px;
}
.nav-item img {
    width: 30px;
}
.navbar-light .navbar-nav .nav-link {
    color: #000;
}
.navbar-nav .nav-item.dropdown:hover > ul {
    display: block;
}
.navbar-nav li:focus-visible {
    border: none;
}
.dropdown-item.active, .dropdown-item:active {
    color: #000;
    text-decoration: none;
    background-color: var(--main-color);
}
.navbar-nav .dropdown-menu {
    margin: 0;
    padding: 0;
}
/*fahrplan*/
.sub-header {
    position: relative;
    padding: 0;
}
.fahrplan {
    position: absolute;
    max-width: 500px;
    top: 100px;
    left: var(--a75);
    background-color: #fff;
    z-index: 10;
    width: 100%;
    border-radius: var(--radius25);
    padding: 15px;
}
.fahrplan h3 {
    font-weight: 600;
    font-size: 30px;
    margin-top: 15px;
    padding-left: 9px;
}
.lyr_tpInputWrap .lyr_atomIcon {
    padding-left: 0px;
}
i.haf_ic_loc_start {
    background: url("../Images/a.svg");
    width: 30px !important;
    height: 30px !important;
}
.lyr_tpConnConnector {
    height: 35px;
    left: 29px !important;
    top: 49px !important;
}
i.haf_ic_loc_dest {
    background: url("../Images/b.svg");
    width: 30px !important;
    height: 30px !important;
}
.lyr_atomIcon, .lyr_atomIco {
    margin: 5px 0 0 0;
}
.lyr_tpInputWrap {
    margin-bottom: 30px;
}
.lyr_atomBtn.lyr_atomPrimaryBtn {
    background-color: #000 !important;
    border: none !important;
    border-radius: 15px !important;
}
.lyr_atomBtn.lyr_atomDateTimePickerBtn.lyr_atomPrimaryLinkBtn {
    border: 1px solid #000;
    border-radius: 15px;
    padding: 10px 15px;
    color: #000 !important;
}
.lyr_atomInputField.atomInputOverflowCover .hfs_suggestInputWrapper::after {
    display: none;
}
.lyr_atomBtnWrap {
    padding: 15px;
    position: absolute;
    bottom: 36px;
    z-index: 999;
    left: unset;
    right: 103px;
    width: 300px;
}
.fahrplan .lyr_atomBtnWrap {
    right: 0;
    bottom: 20px;
}
.lyr_atomBtnWrap button {
    min-height: 47px !important;
}
.lyr_atomFormControlSeparator {
    display: none;
}
#HFS_TPMainOptions {
    margin: 20px 0;
}
/*home*/
.tns-nav {
    align-content: unset !important;
    -webkit-align-content: unset !important;
  -ms-flex-line-pack: unset !important;
  display: flex;
  font-size: 0 !important;
}
.tns-outer {
    border-radius: var(--radius25);
    overflow: hidden;
}
.tram-tab {
    display: flex;
    flex-wrap: wrap;
}
.flexslider {
    overflow: unset !important;
}
.flex-control-paging li a.flex-active {
    background: #fff;
}
.tns-nav button {
    background: transparent !important;
    border-color: #fff !important;
    height: 20px;
    width: 20px;
    font-size: 0 !important;
}
.tns-nav .tns-nav-active {
    background: #fff !important;
}

.flex-control-paging li a {
    border: 2px solid #fff;
    width: 20px;
    height: 20px;
    background: transparent;
    box-shadow: none;
}

.hh-slider .pagination {
    justify-content: start;
    padding-left: var(--a75);
    margin-top: -50px;
    z-index: 100;
    position: relative;
}
.slider-slide .ce-gallery {
    position: relative;
    margin: 0;
}
.slider-slide .ce-bodytext {
    max-width: 33%;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 30px var(--a75);
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.slider-slide .ce-bodytext * {
    position: relative;
    z-index: 100;
    color: #fff;
    width: 100%;
}
.slider-slide .ce-bodytext:before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0%;
    /*transform: translate(-33%, 0);*/
    width: 100%;
    height: 100%;
    background: url("../Images/bubble.svg") no-repeat;
    background-size: auto 100%;
}


.flex-control-nav {
    position: absolute;
    bottom: 30px;
    text-align: left;
    padding: 20px var(--a75);
    z-index: 100;
    left: 0;
}
.tram-tab, .bus-tab {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    padding: 0 0 10px 0;
}
.tram-tab .frame-type-image, .bus-tab .frame-type-image {
    margin: 0 20px 0 0;
}
.tram-tab .nav-tabs .nav-link, .bus-tab .nav-tabs .nav-link {
    border-radius: 100%;
    margin: 0 10px 0 0;
}
.tram-tab  .nav-tabs .nav-link.active, .bus-tab  .nav-tabs .nav-link.active  {
    background: var(--main-color);
    border: none;
}
.nav-tabs {
    border-bottom: none;
}
.nav-tabs button {
    border: 1px solid #000 !important;
    background: #fff;
    color: #000;
    width: 45px;
    height: 45px;
}
.home-col-6 {
    padding: var(--a75);
    margin: 0;
}
.home-col-6 > div:first-child {
    padding: 30px var(--a75) 30px 0;
    border-right: 2px dotted #000;
}
.home-col-6 > div:last-child {
    padding: 30px 0 30px var(--a75);
}
.home-col-6 .tab-content > div {
    padding: 30px 0 20px;
}
.blog {
    padding: var(--a75);
}
.blog header {
    margin: 0 0 var(--a45);
}
.caption-wrapper {
    display: flex;
    align-items: center;
}
.caption-wrapper > .caption-text {
    z-index: 20;
}
.caption-title {
    font-size: 45px;
    color: #fff;
}
.caption-body * {
    color: #000;
}
.aktuelles-row {
    background: var(--grey);
    border-radius: var(--radius25);
}
.aktuelles-row .list-group  {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: unset;
}
.aktuelles-row .list-group .list-group-item {
    max-width: 20%;
}
.news-row .list-group  {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: unset;
}
.news-row .list-group .list-group-item {
    max-width: 20%;
}
.news-row .list-group .news-list-item .col-md-3, .news .col-md-3 {
    max-width: 100%;
    flex: unset;
    margin: 0 0 20px 0;
}
.news-row .list-group .news-list-item .col-md-9 {
    max-width: 100%;
    flex: unset;
}
.news-row .list-group a > img {
    border-radius: var(--radius25);
}
.news-row > div > p {
    text-align: center;
    margin-top: 30px;
}
.news-row > div > p > a {
    background: var(--main-color);
    padding: 15px 45px;
    color: #000 !important;
    border-radius: var(--radius25);
}
.news-row > div > p > a:hover {
    text-decoration: none;
    border: 1px solid #000;
    background: #fff;
}
.list-group-item {
    border: none;
}
.news-list-item a img, .news-single .col-md-4 .thumbnail img {
    border-radius: var(--radius25);
}

/*content*/
.darkmode .hh-accordion .accordion {
    border-radius: var(--radius25);
    overflow: hidden;
    background:  transparent;
}
.flexslider {
    border: none !important;
    border-radius: var(--radius25);
    margin: 0;
}
.ui-autocomplete {
    background: #fff;
    padding: 0;
    max-width: 400px;
    border: 1px solid var(--grey);
}
.ui-autocomplete li {
    list-style-type: none;
    padding: 10px 15px;
}
.ui-autocomplete li:hover {
    background: #000;
    color: #fff;
}
.main-content .col-md-8 header {
    margin: 5px 0 var(--a45);
}
.main-content .col-md-8 header h2 {
    font-size: 44px;
}
.main-header, .main-picture {
    margin: 0 0 var(--a75) 0;
}
.main-header h2 {
    font-size: 44px;
}
.main-content {
    justify-content: space-between;
}
/*.main-content .col-md-4 {
    max-width: calc(calc(100% / 3) - 10px);
    padding: 0;
}
*/
.main-content .col-md-8  {
    max-width: calc(100% - 350px);
    flex: unset;

}
.main-content > .col-md-4  {
    max-width: 350px;
    flex: unset;

}
/*aktuelles*/
.news-list-view .col-md-9 {
    max-width: 100%;
    flex: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.news-list-view .col-md-9 h3 {
    line-height: 30px;
    font-size: 22px;
}
.blog .col-md-9 .extra.mb-3 {
    order: -1;
    color: transparent;
}
.blog .col-md-9 .extra.mb-3 time, .news-list-view .col-md-9 .extra.mb-3 time {
    color: #000;
    position: relative;
}
.news-list-view .col-md-9 .extra.mb-3 {
    color: transparent;
    order: -1;
}
.list-group-item {
    background: transparent;
}

.news-list-view ul {
    flex-direction: unset;
    flex-wrap:wrap;
    justify-content: space-between;
}
.news-list-view ul li {
    max-width: 45%;
    width: 100%;
    padding: 0;
}
.blog h3 a, .news-list-view h3 a {
    color: #000; 
}
.blog ul li:hover h3 a, .news-list-view ul li:hover h3 a  {
    text-decoration: underline;
}
.blog a.btn, .news-list-view a.btn {
    background: transparent;
    color: #000;
    border: none;
    padding: 0;
    text-align: left;
    opacity: 0;
    transition: all .2s ease;
}
.blog ul li:hover a, .news-list-view ul li:hover a {
    opacity: 1;
    transition: all .2s ease;
}
/*info-box*/
main > .info-box {
    margin-top: var(--a75);
}
.info-box {
    background: var(--main-color);
    border-radius: var(--radius25);
    overflow: hidden;
}
.info-box .row > div:first-child {
    display: flex;
    align-items: center;
    padding-right: 0;
}
.infobox-txt .frame {
    height: 100%;
}
.infobox-txt ul {
    display: flex;
    height: 100%;
    flex-wrap:wrap;
    padding: 0 var(--a45);
    flex-direction: column;
    justify-content: center;
}
.infobox-txt ul li {
    list-style-type: none;
    padding: 15px 0;
}
.infobox-txt ul li:not(:last-child) {
    border-bottom: 2px dotted #000;
}
.infobox-txt ul li strong {
    color: #000;
}
.infobox-txt a, .infobox-txt {
    color: #fff;  
}
.infobox-txt a {
    text-decoration: underline;
}
.info-box-rechts > div:first-child {
    padding: 20px 0 10px;
}
.info-box-rechts > div:first-child.frame > p:last-child {
    margin-bottom: 0 !important;
}
.info-box-rechts .frame-layout-1 {
    border-top: 2px dotted #000;
    border-bottom: 2px dotted #000;
}
.info-box-rechts .frame-layout-2 {
    padding: 15px 0 30px;
}
.info-box-rechts .frame-layout-3 a {
    background: var(--main-color);
    text-align: center;
    padding: 15px 30px;
    border-radius: 15px;
    color: #000;
    width: 240px;
    display: inline-block;
    margin: 15px 0;
}
.info-box-rechts .frame-type-textpic .ce-textpic {
    display: flex;
    align-items: center;
}
.info-box-rechts .frame-type-textpic .ce-gallery {
    margin-bottom: 0;
}
.info-box-rechts .frame-type-textpic .ce-bodytext p {
    margin-bottom: 0;
}
.info-box-rechts hr {
    border-top: 1px dotted #000;
}
/*acc*/
.hh-accordion .accordion > details > summary {
    padding: 20px 20px 16px !important;
}
.fahrplan-tab details[open] {
    background: #f4f4f4;
}
.fahrplan-tab .accordion-content {
    padding: 30px 30px 30px 80px !important;
    /*padding: 30px 30px 30px 110px !important;*/
}
.fahrplan-tab .accordion-content ol {
    padding-left: 25px !important;
}
.fahrplan-tab .accordion-content p {
    margin: 0;
}
.fahrplan-tab .accordion-content p a {
    color: #000;
}
.fahrplan-tab .hh-accordion > header {
    position: relative;
    padding-left: 60px;
    margin: 30px 0;
}
.fahrplan-tab .frame-layout-1  header:before {
    position: absolute;
    content: "";
    left: 0;
    background: url("../Images/tram_icon.svg") no-repeat;
    width: 48px;
    height: 48px;
}
.fahrplan-tab .frame-layout-2 header:before {
    position: absolute;
    content: "";
    left: 0;
    background: url("../Images/bus_icon.svg") no-repeat;
    width: 48px;
    height: 48px;   
}
.fahrplan-tab .frame-layout-3 header:before {
    position: absolute;
    content: "";
    left: 0;
    background: url("../Images/rvg_icon.svg") no-repeat;
    width: 48px;
    height: 48px;  
}
.fahrplan-tab #c471.frame-layout-3 header:before {
    position: absolute;
    content: "";
    left: 0;
    background: url("../Images/kombus_icon.png") no-repeat;
    width: 48px;
    height: 48px;  
}
.fahrplan-tab .hh-accordion .accordion > details > summary {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    padding-left: 50px;
}
.hh-accordion .accordion > details > summary .accordion-header {
    font-weight: bold;
}
.fahrplan-tab .accordion-header {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    border: var(--black-border);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-top: 3.5px;
}
.fahrplan-tab .accordion-header:before {
    position: absolute;
    height: 15px;
    width: 15px;
    content: "";
    background: #333;
    border-radius: 100%;
    left: -30px;
}
.fahrplan-tab .accordion-header.linie-1:before {
    background: #FFC000;
}
.fahrplan-tab .accordion-header.linie-2:before {
    background: #FFFF00;
}
.fahrplan-tab .accordion-header.linie-3:before {
    background: #FF0000;
}
.fahrplan-tab .accordion-header.linie-10:before {
    background: #1F4E78;
}
.fahrplan-tab .accordion-header.linie-11:before {
    background: #9BC2E6;
}
.fahrplan-tab .accordion-header.linie-12:before {
    background: #33CCCC;
}
.fahrplan-tab .accordion-header.linie-13:before {
    background: #00CC99;
}


.fahrplan-tab .accordion-header.linie-14:before {
    background: #8FF5DA;
}

.fahrplan-tab .accordion-header.linie-15:before {
    background: #6FDB98;
}

.fahrplan-tab .accordion-header.linie-16:before {
    background: #70AD47;
}
.fahrplan-tab .accordion-header.linie-17:before {
    background: #2F75B5;
}

.fahrplan-tab .accordion-header.linie-18:before {
    background: #A9D08E;
}
.fahrplan-tab .accordion-header.linie-19:before {
    background: #99FF99;
}
.fahrplan-tab .accordion-header.linie-20:before {
    background: #D60093;
}
.fahrplan-tab .accordion-header.linie-23:before {
    background: #9999FF;
}
.fahrplan-tab .accordion-header.linie-24:before {
    background: #fff;
}
.fahrplan-tab .accordion-header.linie-25:before {
    background: #00B050;
}
.fahrplan-tab .accordion-header.linie-26:before {
    background: #93E2ED;
}

.fahrplan-tab .accordion-header.linie-203:before {
    background: #548235;
}
.fahrplan-tab .accordion-header.linie-204:before {
    background: #548235;
}
.fahrplan-tab .accordion-header.linie-229:before {
    background: #548235;
}

.fahrplan-tab .accordion-header.linie-810:before {
    background: #0070C0;
}
.fahrplan-tab .accordion-header.linie-890:before {
    background: #0070C0;
}
.fundsachen {
    display: flex;
    flex-wrap:wrap;
    margin: 0;
}
.fundsachen > div {
    max-width: 100%;
    width: 100%;
    border-top: 2px dotted #000;
}
.fundsachen > div:last-child {
    border-bottom: 2px dotted #000;
}
.fundsachen ul {
    display: flex;
    flex-wrap: wrap;
    padding: 15px var(--a60);
    margin: 0;

    justify-content: space-between;
}
.fundsachen li {
    list-style-type: none;
    max-width: 25%;
    width: 100%;
    min-width: 200px;
}
.fundsachen ul > li:first-child {
    max-width: 50%;
}
.fundsachen > div:nth-child(2n+2) {
    background: var(--mediumgrey);
}
.frame-type-news_newsdetail {
    padding: 0 0 var(--a75) var(--a75) !important;
}
.frame-type-news_newsdetail .col-md-8  {
    padding-left: 0;
}
.frame-type-news_newsdetail .row {
    margin: 0;
}
.frame-type-news_newsdetail > header {
    display: none;
}
.news-single h1 {
    padding: 45px 0 !important;
    border-bottom: none !important;
    border-top: 2px solid var(--main-color);
}
.news-single .btn-primary {
    margin-top: 30px;
}
/*pagination*/
ul.pagination {
    justify-content: start;
}
ul.pagination li {
    width: unset;
    max-width: unset;
    opacity: 1;
}
.page-item .page-link {
    border-color: #000;
    color: #000;
    padding-left: 15px;
    padding-right: 15px;
}
.page-item.active .page-link {
    background:var(--main-color);
    border-color: #000;
    color: #000;
}
/*main-search*/
.kesearch_searchbox {
    display: flex;
}
#ke_search_sword {
    position: relative !important;
    border-color: #000;
    width: 300px !important;
}
#content .tx-kesearch-pi1 .kesearch_searchbox {
    padding: 15px 0;
    border-bottom: 2px solid var(--main-color);
}
#content .tx-kesearch-pi1 .kesearch_searchbox .resetbutt, #content .tx-kesearch-pi1 .kesearch_searchbox .submitbutt {
    margin: 1px 0 0 15px;
}
#content .tx-kesearch-pi1 .kesearch_searchbox .resetbutt a, #content .tx-kesearch-pi1 .kesearch_searchbox .submitbutt input {
   padding: 8px 15px 7px;
   border-color: #000;
   background: transparent;
   margin-bottom: 0;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item {
    border-top: 1px solid #000;
    margin: 0;
    padding: 20px 0;
}
/*fahrplan*/

input[type="radio"]:not([disabled]):not([tabindex='-1']):checked+.lyr_atomToggleButtonSwitchLabel {
	background: black !important; 
	border: 1px solid black !important;
} 

.lyr_atomToggleButtonSwitchLabel:hover {
	background-color: #e5e5e5 !important;
	color: white !important; 
} 

.lyr_atomPrimaryLinkBtn {
	color: black !important;
} 

.lyr_atomPrimaryLinkBtn:hover {
	color: #ffd700 !important;
}

.lyr_atomTimeTable .lyr_dtpNowButton {
	border: 1px solid black !important; 
	color: black !important; 
}

.lyr_atomDatePickTableWrap .lyr_atomDatePickTable td.lyr_atomDtpToday span {
	background-color: black !important; 
	color: white;
}

.lyr_atomDatePickTableWrap .lyr_atomDatePickTable td.lyr_atomDtpCurrent span {
	background-color: black !important; 
	color: white;
}
/**/

/*tram-items*/
.main-content .tram-items header h2 {
    font-size: 34px;
}
.tram-items .frame-type-textpic > div {
    display: flex;
    flex-wrap: wrap;
}
.tram-items .frame-type-textpic .ce-textpic .ce-gallery {
    max-width: 50%;
    width: 100%;
    margin: 0;
}
.tram-items .frame-type-textpic .ce-textpic .ce-bodytext {
    max-width: 50%;
    width: 100%;
    margin: 0;
}
div > .hh-accordion {
    margin-top: 45px;
}
div > .hh-accordion .accordion {
    border-radius: 0;
    overflow: hidden;border: none;
}
div > .hh-accordion .accordion details {
    background: #f4f4f4;
    border: none !important;
    margin-bottom: 15px;
    border-radius: 15px;
    padding: 0 30px;
}
div > .hh-accordion .accordion > details > .accordion-content {
    border-top: none !important;
}
div > .hh-accordion .accordion > details > .accordion-content ul {
    display: flex;
    padding: 0;
    justify-content: space-between;
}
div > .hh-accordion .accordion > details > .accordion-content ul li {
    list-style-type: none;
}
div > .hh-accordion .accordion details[open] {
    background: var(--main-color);
}
div > .hh-accordion .accordion details a {
    color: #000;
}
.hh-accordion .accordion .summary-chevron-up, .summary-chevron-down {
    background: var(--main-color) !important;
    border-radius: 100%;
    margin: 6px 30px 0 0;
    top: 13px !important;
}
.accordion-subheader {
    font-weight: bold;
    margin-top: 3.5px;
}
.fahrplan-tab .summary-chevron-up, .fahrplan-tab .summary-chevron-down{
    margin-top: 13px;
}
.apps .ce-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: start;
}
.info-app {
    margin-bottom: 40px;
}
.apps .ce-container > div {
    width: 100%;
}
.apps .frame-layout-1 {
    max-width: 50px;
    width: 100%;
}
.main-content .ce-image {
    border-radius: var(--radius25);
}
.info-box .ce-image {
    border-radius: 0;
}
#c437 table {
    width: 100%;
    overflow: scroll;
    display: inline-block
}
#c437 thead, #c437 tbody {
    width: 1024px;
    display: inline-block;
}
#c437 th {
    border-bottom: 1px solid #000;
    padding-right: 15px;
    vertical-align: top;
    width: calc(100% / 6);
}
#c437 td {
    padding-top: 5px;
    padding-right: 15px;
    vertical-align: top;
    width: calc(100% / 6);
}
.frame-type-menu_abstract ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: start;
}
.frame-type-menu_abstract li {
    list-style-type: none; 
}
.frame-type-menu_abstract li a {
    text-decoration: none;
    color: #000;
    display: inline-block;
    width: 100%;    
    padding: 15px 40px;
    background: var(--main-color);
    text-align: center;
    border-radius: var(--radius25);
}
.frame-type-menu_abstract {
    margin: 30px 0;
}

/*forms*/
.frame-type-form_formframework h2 {
    font-size: 24px;
}
.frame-type-form_formframework .form-check {
    padding-left: 0;
}
.form-lay .row {
    margin: 0;
    gap: 15px;
}
.form-lay .row > div {
    max-width: calc(50% - 7.5px);
    width: 100%;
    flex: unset;
    padding: 0;
}
.form-lay .previous.btn-group > .btn {
    border: 1px solid var(--main-color) !important;
    color: #000;
    padding: 10px 30px;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.inputs-list .form-check-input {
    margin-left: 0;
}
.inputs-list .form-check-label {
    margin-left: 30px;
}
/**/
.accordion-body .ce-col a {
    color: #000;
}
/*footer*/
.footer-top {
    padding: var(--a75) 0 0;
}
.footer-top > div {
    padding: 0 var(--a75);
}
.footer-col {
    margin: 0 0 var(--a75) 0;
}
.footer-col > div {
    padding: 30px;
}
.footer-col > div:not(:first-child) {
    border-left: 2px dotted #000;
}
.footer-col > div:first-child {
    padding-left: 0;
}
.footer-col > div:first-child .ce-textpic .ce-bodytext {
    padding-top: 5px;
}
.foederer {
    padding: var(--a75) 0;
}
.foederer > div {
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-bottom {
    background: #000;
    color: var(--main-color);
}
.footer-bottom .container {
    display: flex;
    justify-content: space-between;
    padding: 30px var(--a75);
    flex-wrap: wrap;
    gap: 10px;
}
.footer-bottom .container p {
    margin: 0;
}
/*darkmode*/
.darkmode a {
    /*color: #fff;*/
}
.darkmode .form-lay .previous.btn-group > .btn {
    color: #fff;
}
.darkmode .footer-col a {
    color: var(--main-color);
}
.darkmode, .darkmode body, .darkmode .header-items > div  {
    background: #000;
}
.darkmode main, .darkmode .header-col {
    background: var(--darkmodegrey0);
}
.darkmode .header-items > div img, .darkmode .nav-item img, .darkmode .lyr_atomBtnWrap  {
    filter: invert(100%);
}
.darkmode .nav-item .dropdown-menu {
    background: #000;
}
.darkmode .nav-item .dropdown-menu li a.nav-link {
    color: #fff;
}
.darkmode .nav-item .dropdown-menu li:hover a.nav-link {
    color: #000;
}
.darkmode .nav-item .dropdown-menu li.active, .darkmode .dropdown-item:hover {
    background: var(--main-color);
}
.darkmode .header-items > div a, .darkmode .navbar-light .navbar-nav .nav-item > .nav-link,
.darkmode .footer-col > div, .darkmode .main-content .col-md-4, .darkmode .home-col-6 h2 {
    color: #fff;
}
.darkmode .barriere > button {
    background: #000 !important;
    color: #fff !important;
}
.darkmode .home-col-6 > div:first-child, .darkmode .footer-col > div:not(:first-child), .darkmode .header-items, .darkmode .tram-tab, .darkmode .bus-tab {
    border-color: #fff;
}
.darkmode .footer-top > div:last-child {
    background: #fff;
}
.darkmode .footer-top strong {
    color: var(--main-color);
}
.darkmode .aktuelles-row {
    border-radius: var(--radius25);
}
.darkmode body {
    background: var(--darkmodegrey0);
}
.darkmode .lyr_atomFieldsetWrapper, .darkmode .hfs_widgetAppContainer, .darkmode .Client_vs_vmt {
    background: transparent !important;
}
.darkmode .hfs_suggestInputWrapper, .darkmode .tab-content, .darkmode .news-row .col-md-9 .extra.mb-3 time {
    color: #fff;
}
.darkmode .lyr_atomBtn {
    border-color: #fff;
}
.darkmode .lyr_atomBtn.lyr_atomDateTimePickerBtn.lyr_atomPrimaryLinkBtn {
    color: #fff;
    border-color: #fff;
}
.darkmode .lyr_atomBtn.lyr_atomDateTimePickerBtn.lyr_atomPrimaryLinkBtn {
    color: #fff !important;
}
.darkmode .news-row .news-list-view .col-md-9 .extra.mb-3 time:after {
    background: #fff;
}
.darkmode .news-row * {
    color: #fff;
}
.darkmode .fahrplan {
    background: var(--darkmodegrey0);
}
.darkmode .breadcrumb {
    background: transparent;
}
.darkmode .fahrplan h3, .darkmode .menu_breadcrumb ul li:last-child a, .darkmode .main-content, .darkmode .main-content h3 a, .darkmode .blog a.btn, .darkmode .news-list-view a.btn {
    color: #fff;
}

.darkmode .fahrplan .lyr_atomFormFieldset h3 {
    color: #000;
}
.darkmode .news-list-view .col-md-9 .extra.mb-3 {
    color: transparent;
}
.darkmode .blog .col-md-9 .extra.mb-3 time, .darkmode .news-list-view .col-md-9 .extra.mb-3 time {
    color: #fff;
}
.darkmode .news-list-view .col-md-9 .extra.mb-3 time::after {
    background: #fff;
}
.darkmode .frame-type-news_newsdetail {
    color: #fff;
}
.darkmode .fahrplan-tab summary {
    color: #000;
}
.darkmode .info-box-rechts strong {
    color: var(--main-color);
}
.darkmode .barriere .dropdown-menu {
    filter: invert(100%);
}
.darkmode .header-items .lang-option a, .yellow-box ul li {
    color: #000 !important;
}
.darkmode .aktuelles-row *, .darkmode .aktuelles-row h3 a, .darkmode .col-md-8 .frame-layout-3 > ul > li:nth-child(2n+3) {
    color: #000 !important;
}
.darkmode .aktuelles-row .col-md-9 .extra.mb-3 time::after {
    background: #000 !important;
}
.darkmode .col-md-8 .frame-layout-3 > ul li:before, .darkmode .col-md-8 .frame-layout-3 > ul > li ul li::before {
    filter: invert(100%);
}
.darkmode .col-md-8 .frame-layout-3 > ul > li:nth-child(2n+3):before, .darkmode .col-md-8 .frame-layout-3 > ul > li:nth-child(2n+3) ul li::before {
    filter: none;
}
.darkmode .hh-accordion .accordion {
    color: #000;
    border-color: #fff;
}
.darkmode .hh-accordion .accordion > details:not(:first-child), .darkmode .hh-accordion .accordion > details > :not(summary):not(.summary-chevron-down) {
    border-color: #fff;
}
.darkmode .hh-accordion .accordion details[open] {
    background: var(--main-color);
}
.darkmode .hh-accordion .accordion .summary-chevron-up {
    background-color: transparent;
}
.darkmode .info-box-rechts .frame-layout-1 {
    border-color: #fff;
}
.darkmode .infobox-txt ul li:not(:last-child) {
    border-color: #fff;
}
.darkmode .header-search {
    border-color: #fff;
}
.darkmode .page-item .page-link {
    border-color: #fff;
    color: #fff;
    background: #000;
}
.darkmode .page-item.active .page-link {
    background:var(--main-color);
    border-color: #fff;
    color: #fff;
}
html.contrast.darkmode .ce-gallery figcaption {
    color: #fff;
}
html.darkmode #content .tx-kesearch-pi1 .kesearch_searchbox .resetbutt a,html.darkmode #content .tx-kesearch-pi1 .kesearch_searchbox .submitbutt input {
    border-color: #fff;
    color: #fff;
}
html.darkmode .result-number {
    color: #fff;
}
html.darkmode #c37 h2 {
    color: #fff;
}
html.darkmode #kesearch_pagebrowser_bottom a {
    color: #000;
}
html.darkmode .fundsachen > div:nth-child(2n+2) {
    background: #333;
}
html.darkmode .info-box-rechts hr {
    border-top: 1px dotted #fff;
}
html.darkmode .tx-kesearch-pi1 {
    color: #fff;
}
html.darkmode .accordion-body .ce-col a {
    color: #fff;
}
/*contrast*/
html.contrast.darkmode main, html.contrast.darkmode .header-col, html.contrast.darkmode body {
    background: #000;
}
html.contrast .ce-image, html.contrast .col-md-4 .thumbnail {
    position: relative;
    border: 1px solid #000;
    border-radius: 20px;
}
html.contrast .fahrplan {
    border:1px solid #000;
}
html.contrast.darkmode .fahrplan {
    background: #000;
    border-color:#fff;
}
html.contrast.darkmode .footer-top > div:last-child {
    background: transparent;
}
html.contrast.darkmode .ce-image, html.contrast.darkmode .col-md-4 .thumbnail {
    border-color: #fff;
}
html.contrast .ce-image picture, html.contrast .col-md-4 .thumbnail img, html.contrast .ce-gallery figure picture {
    opacity: 0;
}
html.contrast .ce-image picture img, html.contrast .col-md-4 .thumbnail img, html.contrast .ce-gallery figure picture img {
    opacity: 0;
}
html.contrast .slider-slide .ce-bodytext * {
    color: #000;
}
html.contrast.darkmode .slider-slide .ce-bodytext * {
    color: #fff;
}
html.contrast .slider-slide .ce-bodytext::before {
    display: none;
}
html.contrast .hh-slider .tns-outer {
    border: 1px solid #000;
}
html.contrast.darkmode .hh-slider .tns-outer {
    border: 1px solid #fff;
}
html.contrast.darkmode .footer-top strong {
    color: #fff;
}
html.contrast.darkmode .caption-title, html.contrast.darkmode .caption-body * {
    color: #fff;
}
html.contrast.darkmode .flexslider {
    background: #000;
    border: 1px solid #fff !important;
}
html.contrast.darkmode .aktuelles-row {
    background: transparent;
    border: 1px solid #fff;
}
html.contrast.darkmode .aktuelles-row * {
    color: #fff !important;
}
html.contrast .news-list-item .col-md-3 {
    display: none;
}
html.contrast .home-col-6 picture {
    opacity: 1;
    border: none;
}
html.contrast .home-col-6 .ce-image {
    border: none;
    border-radius: 0;
    filter: grayscale(100%)
}
html.contrast .main-picture {
    display: none !important;
}
html.contrast .ce-image a:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 101;
}
html.contrast .yellow-black {
    background: #000;
    color: #fff;
}
html.contrast .ce-gallery figcaption {
    position: relative;
    z-index: 100;
    padding: 10px;
    text-align: center;
    display: block;
}
html.contrast .footer-bottom {
    color: #fff;
}
html.contrast .info-box {
    background: #fff;
    color: #000;
}
html.contrast.darkmode .info-box {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}
html.contrast.darkmode .info-box .ce-image {
    border: none;
}
html.contrast .slidercontent img {
    opacity: 0;
}
html.contrast .slides li div.caption-wrapper::before {
    display: none;
}
html.contrast .slides {
    border: 1px solid #000;
    border-radius: var(--radius25);
}
html.contrast .caption-title {
    color: #000;
}
html.contrast .col-md-8 div:not(#c227).frame-layout-2 {
    /*background: #fff;
    border: 1px solid #000;*/
}
html.contrast.darkmode .col-md-8 div:not(#c227).frame-layout-2 {
    /*color: #000;*/
}
html.contrast.darkmode .hh-accordion .accordion {
    background: #000;
    /*color: #fff !important;*/
}
html.contrast.darkmode .fahrplan-tab .accordion-content p a {
    /*color: #fff ;*/
}
html.contrast.darkmode .hh-accordion .accordion details[open] {
    /*background: transparent;*/
}
html.contrast .yellow {
    color: #000;
}
html.contrast.darkmode span.yellow {
    color: #fff;
}
html.contrast .info-box-rechts strong {
    color: #000;
}
html.contrast.darkmode .info-box-rechts strong {
    color: #fff;
}
html.contrast .fahrplan-tab .hh-accordion > header {
    filter: grayscale(100%);
}
html.contrast a {
    color: #000;
    text-decoration: underline;
}
html.contrast.darkmode a, html.contrast .footer-bottom a {
    color: #fff;
    text-decoration: underline;
}
html.contrast .header-image {
    overflow: unset;
}
html.contrast .apps .frame-layout-1 {
    max-width: 100%;
}
html.contrast .apps .frame-layout-1 picture {
    display: none;
}
.home-col-6 h2 {
    margin-bottom: 30px;
}
/*Keks*/
.dark.cc_dialog button.cc_b_ok, .dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button {
    background-color: var(--main-color) !important;
}
.dark.cc_dialog {
    border: 1px solid #fff !important;
}
.dark.cc_dialog button.cc_b_ok:focus, .dark.cookie-consent-preferences-overlay .cookie-consent-preferences-dialog .cc_cp_container .cc_cp_footer .cc_cp_f_save button:focus {
    box-shadow: none !important;
}
/**/
@media(max-width:1367px) {
    :root {
        --a75: 35px;
    }
    .lyr_atomBtnWrap {
        width:200px;
    }
    .aktuelles-row .list-group .list-group-item, .news-row .list-group .list-group-item {
        max-width: 40%;
    }
    .header-col {
        padding-left: 0;
    }
    .header-col .col-12 {
       
    }
    .header-left {
        position: absolute;
        max-width: 150px;
        align-items: start;
    }
    .header-left img {
        width: 100%;
    }
    .header-right {
        max-width: 100%;
    }
    .header-top-links {
        position: absolute;
        top: 0;
        right: 0;
    }
    .navbar-expand-lg .navbar-nav > li > .nav-link {
        padding-left: 11px;
    }
    .fundsachen {
        display: flex;
        flex-wrap:wrap;
        margin: 0;
    }
    .hh-accordion .accordion .summary-chevron-up, .summary-chevron-down {
        margin: 6px 6px 0 0;
    }
}
@media(max-width:1200px) {
    h2 {
        font-size: 28px !important;
    }
    .fahrplan {
        top: 50px;
    }
    .footer-col > div {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .footer-col > div:nth-child(n+1) {
        border-left: none;
        padding: 30px 0;
    }
    .news-list-view ul li {
        max-width: 600px;
    }
    .fahrplan {
        top: 20px;
        left: 20px
    }
}

@media(max-width:991px) {
    :root {
        --a25: 15px;
        --a45: 15px;
        --a75: 15px;
        --a100: 25px;
        --a150: 25px;
    }
    .home-col-6 > div:first-child {
        max-width: 500px;
    }
    .fahrplan-tab .hh-accordion > header:before {
        top: -10px;
    }
    h3 {
        font-size: 24px;
    }
    body {
        padding: 0 15px;
    }
    .change-element > div:first-child{
        order: 5;
    }
    .change-element > div:last-child {
        margin-bottom: 30px;
    }
    .dropdown-menu {
        border: none;
    }
    .nav-item .dropdown-menu a {
        padding-left: 60px !important;
    }
    .flex-control-nav {
        bottom: 0;
        padding: 20px 30px;
    }
    .header-right {
        display: flex;
        align-items: end;
        justify-content: end;
    }
    .navbar-toggler {
        padding: 10px 15px;
        border-color: #7F7F7F;
        border-radius: 0;
    }
    .header-items {
        margin: 0;
        border-radius: 0;
        border: none;
        padding: 0 15px;
    }
    .header-items > div img {
        margin: 0;
    }
    .header-items > div span {
        display: none;
    }

    .header-items > div {
        width: calc(100% / 3);
        border-radius: 0;
        border-top: 1px solid #7F7F7F;
        border-bottom: 1px solid #7F7F7F;
    }
    .navbar-nav {
        padding: 0 15px;
    }
    .navbar-nav .nav-item a {
        width: 100%;
    }
    .navbar-expand-lg .navbar-nav > li > .nav-link:not(.dropdown-toggle) {
        padding: 20px 20px;
    }
    .navbar-expand-lg .navbar-nav > li > .dropdown-toggle {
        padding: 0;
        position: absolute;
        right: 15px;
        left: unset;
        width: auto;
        top: 15px;
    }
    .tram-items .frame-type-textpic .ce-textpic .ce-gallery, .tram-items .frame-type-textpic .ce-textpic .ce-bodytext {
        max-width: 100%;
        margin: 30px auto;
    }
    .footer-top > div {
        padding: 0 15px;
    }
    .blog {
        padding:var(--a75) 15px
    }
    .fahrplan {
        top: 4%;
        left: 2%;
    }
    .main-picture {
        flex-wrap:wrap;
    }
    .col-md-8 {
        padding: 0 var(--a75);
    }
    .main-content .col-md-8 {
        flex: 100%;
        max-width: 100%; 
    }
    .main-content .info-box-rechts {
        padding: 50px var(--a75) 0;
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        max-width: 100%;flex: 100%;
    }
    .main-content .info-box-rechts > div {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    .slider-slide .ce-bodytext {
        position: relative !important;
        padding: 0;
        background: var(--main-color);
        border-radius: 0;
        padding: 25px 25px 50px 25px;
        max-width: 100%;
        text-align: center;
    }
    .hh-slider {
        margin-bottom: 50px;
    }
    .hh-slider .pagination {
        padding: 0 15px;
        justify-content: center;
    }
    .aktuelles-row .list-group .list-group-item, .news-row .list-group .list-group-item {
        max-width: 45%;
    }
    .navbar-nav > li {
        position: relative;
        flex-wrap:wrap;
        border-bottom: 1px solid #7F7F7F;
    }
    .darkmode .navbar-nav li {
        
    }
    .navbar-nav li ul {
        width: 100%;
    }
    .main-content > .col-md-4 {
        max-width: calc(33.333333% - 10px);
        width: 100%;
    }
    .main-content .info-box-rechts {
        max-width: 100%;
    }
    #navbarNavDropdown {
        position: absolute;
        top: 95px;
        right: 0px;
        z-index: 999;
        background: #fff;
        width: calc(100% + 30px);
        margin: 0 -15px;
    }
    .darkmode #navbarNavDropdown {
        background: #000;
    }
    .barriere .dropdown-menu {
        background: #fff;
        right: 150px;
        border-radius: 15px;
        margin: 0;
        padding: var(--a25);
        color: #000;
        border: 1px solid #000;
        transform: translate(44%, 73px) !important;
    }
    .home-col-6 > div:first-child {
        border-right: none;
    }
    .aktuelles-row {
        margin: 0 -15px;
        padding: 30px;
    }
    .home-col-6 {
        padding: 0;
    }
    .info-box {
        margin: 0 -15px;
        padding: 0px;
        border-radius: 0;
    }
    .info-box .ce-col {
        width: 100%;
    }
    .footer-bottom {
        margin: 0 -15px;
        padding: 30px;
    }
    .col-md-6 {
        flex: 100%;
        max-width: 100%;
        padding: 30px 15px !important;
    }
    .info-box .col-md-6, .main-picture .col-md-6 {
        padding: 0 !important;
    }
    .message {
        padding: 30px 15px;
    }
    .flexslider {
        margin: 0 -30px;
    }
    .navbar {
        padding: 0;
        width: 100%;
        justify-content: end;
    }
    .header-top-links {
        position: relative;
    }
    .header-right {
        padding: 30px 15px;
    }
    #navbarNavDropdown {
        top: 75px;
    }
    .info-box-rechts .frame-type-div {
        display: none;
    }
    .info-box-rechts .frame-layout-2 {
        display: none;
    }
    .info-box .row > div:first-child {
        display: none;
    }
    .infobox-txt ul li {
        text-align: center;
    }
    .slider-slide .ce-bodytext h2 br {
        display: none;
    }
    .darkmode .header-search {
        border-color: #7F7F7F;
    }
    .header-image {
        margin: 0 15px;
    }
    .hh-slider .tns-outer {
        margin: 0 15px;
        max-width: unset !important;
    }
    .hh-slider .tns-outer h2 {
        font-size: 24px !important;
        word-break: break-word;
    }
    .header-col > div {
        align-items: center;;
    }
    .nav-item #navbarDropdown {
        width: 100%;
        left: 0;
        text-align: right;
        top: 0;
        padding: 20px 20px;
    }
    .message {
       margin: 0 15px;
        padding: 30px;

    }
    .lyr_atomDtpWrap, .lyr_tpInputWrap  {
        padding-left: 0 !important;
    }
    /**/

    .navbar-light .navbar-toggler {
        width: 40px;
        height: 40px;
        position: relative;
        margin: 0px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        border-color: transparent;
        margin-top: 10px;
    }

      .navbar-light .navbar-toggler span, .navbar-light .navbar-toggler span, .navbar-light .navbar-toggler span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
        background: #000;
      }
      .navbar-light .navbar-toggler span:nth-child(1) {
        top: 0px;
      }
      .navbar-light .navbar-toggler span:nth-child(2) {
        background: var(--main-color);
        top: 10px;
      }
      .navbar-light .navbar-toggler span:nth-child(3) {
        top: 20px;
      }
      .navbar-light .navbar-toggler[aria-expanded="true"] span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
      }
      .navbar-light .navbar-toggler[aria-expanded="true"] span:nth-child(2) {
        opacity: 0;
        left: -60px;
      }
      .navbar-light .navbar-toggler[aria-expanded="true"] span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
      }
    html.darkmode .navbar-light .navbar-toggler span, html.darkmode  .navbar-light .navbar-toggler span, html.darkmode  .navbar-light .navbar-toggler span {
        background: #fff;
    }
    html.darkmode .navbar-light .navbar-toggler span:nth-child(2) {
        background: var(--main-color);
      }
    /*img resize*/
    .header-image .ce-outer, .header-image .ce-inner, .header-image .image, .header-image .ce-column {
        width: 100%;
    }
}
@media(max-width:768px) {
    :root {
        --a25: 15px;
        --a45: 15px;
        --a75: 15px;
        --a100: 15px;
        --a150: 15px;
    }
    .hh-accordion .accordion > details > summary .accordion-header, .accordion-button {
        font-weight: normal;
        font-size: 16px;
    }
    .accordion-item .col-md-6, .accordion-item .row {
        padding: 0 !important;
    }
    .accordion-item .row .ce-image {
        border-top-left-radius: unset;
        border-top-right-radius: unset;
    }
    .accordion-item .row > div:first-child {
        padding: 0 25px !important;
    }
    .infobox-txt ul li,  .accordion-button {
        padding-left: 25px;
        padding-right: 25px;
    }
    .header-col > div {
        flex-wrap: wrap;
    }
    .header-right {
        max-width: 100%;
    }
    .footer-col > div, .footer-bottom .container div {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .aktuelles-row {
        padding: 30px 15px;
    }
    .home-col-6 {
        padding: 0;
    }
    .footer-bottom {
        padding: 30px 15px;
    }
    .col-md-6 {
        padding: 30px 0px !important;
    }
    .info-box .col-md-6, .main-picture .col-md-6 {
        padding: 0 !important;
    }
    .main-content {
        padding: 0;
    }
    .news-list-view ul li {
        max-width: 100%;
    }
    .header-right {
        flex-wrap: wrap;
    }
    .header-bottom-nav {
        width: 100%;
    }
    nav.navbar.navbar-expand-lg {
        display: flex;
        justify-content: end;
    }
    .header-top-links {
        z-index: 999;
    }
    .nav-item img {
        display: none;
    }
    .main-content .info-box-rechts > div:nth-child(2) {
        display: flex;
        align-items: center;
    }
    div > .hh-accordion .accordion details {
       padding: 0;
    }
    .hh-accordion .accordion .summary-chevron-up, .hh-accordion .accordion .summary-chevron-down {
        right: 0;
        margin-right: 0;
    }
    .fahrplan-tab .accordion-header {
        left: 40px; 
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    .fahrplan-tab .hh-accordion .accordion > details > summary {
       gap: 0px;
       padding: 10px !important;
    }
    .accordion-subheader {
        padding: 10px 10px 0;
        margin: 0;
        width: 100%;
        font-size: 16px;
        font-weight: normal !important;
    }
    .fahrplan-tab .accordion-content {
        padding: 20px !important;
    }
    .fahrplan-tab .accordion-content strong {
        font-size: 16px;
        font-weight: normal !important;
    }
    .fahrplan-tab .hh-accordion .accordion > details > summary {
        align-items: start;
    }
    .default > div:not(.accordion) {
        padding: var(--a75) 0;
    }
    #content .tx-kesearch-pi1 .kesearch_searchbox {
        flex-wrap: wrap;
    }
    .kesearch_searchbox div.kesearchbox {
        width: 100%;
        margin: 0 0 25px 0;
    }
    #ke_search_sword {
        width: 100% !important;
    }
    #content .tx-kesearch-pi1 .kesearch_searchbox .resetbutt, #content .tx-kesearch-pi1 .kesearch_searchbox .submitbutt {
        margin: 0 15px 0 0;
    }
    .home-col-6 > div {
        padding: 30px 15px !important;
    }
    .foederer > div {
        padding: 10px 20px;
    }/*############*/
    .hh-accordion .accordion .summary-chevron-up, .hh-accordion .accordion .summary-chevron-down {
        width: 30px  !important;
        height: 30px;
        margin: 3px 6px 0 0;
    }
    .hh-accordion .accordion .summary-chevron-up svg, .hh-accordion .accordion .summary-chevron-down svg {
        width: 25px;
        height: 25px;
        padding: 5px 0 0 5px;
    }/*#################*/
    .fahrplan-tab .hh-accordion .accordion .summary-chevron-up, .fahrplan-tab .hh-accordion .accordion .summary-chevron-down {
        width: 30px  !important;
        height: 30px;
        margin: -3px 6px 0 0;
    }
    .fahrplan-tab .hh-accordion .accordion .summary-chevron-up svg, .fahrplan-tab .hh-accordion .accordion .summary-chevron-down svg {
        width: 25px;
        height: 25px;
        padding: 5px 0 0 5px;
    }
    .footer-top > div:last-child {
        margin: 0 -15px;
    }
}
@media(max-width:600px) {
    .aktuelles-row .list-group .list-group-item, .news-row .list-group .list-group-item {
        max-width: 100%;
    }
    .main-picture {
        display: none !important;
    }
    body {
        padding: 0;
    }
    .footer-top > div:last-child, .info-box, .footer-bottom {
        margin: 0;
    }
}
@media(max-width:481px) {
    .info-box-rechts .frame-layout-3 a {
        margin-bottom: 50px;
    }
    .cc_dialog .cc_b_inner button.cc_b_cp {
        margin: 10px 0 0 0 !important;
    }
    .dark.cc_dialog button.cc_b_ok {
        margin-right: 10px !important;
    }
    .blog a.btn, .news-list-view a.btn {
        opacity: 1;
    }
    .info-box {
        margin: 30px 0 0;
    }
    .news-row .list-group .list-group-item, .news-list-view ul li {
        margin-bottom: 40px;
    }
    .darkmode .blog a.btn, .darkmode .news-list-view a.btn {
        color: var(--main-color);
    }
    .lyr_atomBtnWrap {
        position: relative;
        padding: 0 !important;
        right: unset; 
        bottom: unset;
        left: unset;
    }
    .fahrplan .lyr_atomBtnWrap {
        bottom: 5px;
    }
    .sub-header {
        display: flex;
        flex-direction: column;
    }
    .sub-header .header-image {
        order: 1;
    }
    .sub-header .fahrplan {
        order: 3;  
    }
    .sub-header .breadcrumb {
        order: 2;
        margin: 15px 0 0;
    }
    .sub-header .fahrplan h3 {
        padding: 0;
    }

    .col-md-8 {
        padding-left: 15px;
        padding-right: 15px;
    }
    #c36 {
        padding: 15px 0;
    }
    .kesearch_searchbox {
        flex-wrap: wrap;
    }
    #ke_search_sword {
        width: 100% !important;
    }
    div.kesearchbox {
        width: 100%;
    }
    #content .tx-kesearch-pi1 .kesearch_searchbox .resetbutt, #content .tx-kesearch-pi1 .kesearch_searchbox .submitbutt {
        margin: 10px 0;
        width: 100%;
        max-width: 100%;
    }
    html.darkmode #content .tx-kesearch-pi1 .kesearch_searchbox .resetbutt a, html.darkmode #content .tx-kesearch-pi1 .kesearch_searchbox .submitbutt input, #content .tx-kesearch-pi1 .kesearch_searchbox .submitbutt input {
        max-width: unset;
        width: 100%;
    }
    .fahrplan {
        position: relative;
        top: 0;
        left: 0;
        margin: 0 0 30px 0;
        padding: 0 15px;
    }
    .main-content .col-md-8 header h2 {
        font-size: 28px;
    }
    .main-header {
        margin: 0;
    }
    .main-picture {
        margin: 30px 0;
    }
    .main-content .info-box-rechts > div {
        max-width: 100%;
    }
    .fahrplan-tab .accordion-content {
        padding: 15px 30px !important;
    }
    .home-col-6 .lyr_atomBtnWrap {
        padding-left: 0 !important;
    }
    .barriere .dropdown-menu {
        width: 320px;
    }
    .slider-slide .ce-bodytext {
        text-align: left;
      }
}