html { height: 100%; margin: 0 0 1px 0; padding: 0; }
body { height: 100%; margin: 0 0 1px 0; padding: 0; color: #444; font-size: 0.9rem; font-family: 'Noto Sans Regular', helvetica, arial, sans-serif; }

/* Reset CSS definitions */
/* { margin: 0; padding: 0; }*/

/* Font styles 

/* Noto Sans */
/* Regular - latin */
@font-face {
  font-family: 'Noto Sans Regular';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../Fonts/NotoSans/NotoSans-Regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/NotoSans/NotoSans-Regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Italic - latin */
@font-face {
  font-family: 'Noto Sans Italic';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../Fonts/NotoSans/NotoSans-Italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/NotoSans/NotoSans-Italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Bold - latin */
@font-face {
  font-family: 'Noto Sans Bold';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../Fonts/NotoSans/NotoSans-Bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/NotoSans/NotoSans-Bold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Bold Italic - latin */
@font-face {
  font-family: 'Noto Sans Bold Italic';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../Fonts/NotoSans/NotoSans-BoldItalic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../Fonts/NotoSans/NotoSans-BoldItalic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
    font-family: 'Noto Sans Black';
    font-style: normal;
    font-weight: 900;
    src: local(''),
    url('../Fonts/NotoSans/NotoSans-Black.ttf') format('truetype')
}

/* FF Clan */
@font-face { 
     font-family: 'clanweb-book';
     font-style:  normal;
     font-weight: 600;
     src: local(''),
          url('../Fonts/FFClan/clanweb-book.woff') format('woff');
}
@font-face { 
     font-family: 'clanweb-medium';
     font-style:  normal;
     font-weight: 500;
     src: local(''),
          url('../Fonts/FFClan/clanweb-medium.woff') format('woff');
}

/** Frames: package default styles **/
.frame-container {
  position: relative;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

.container .frame-container {
  padding-left: 0;
  padding-right: 0;
}

.frame {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}

.frame > *:last-child {
  margin-bottom: 0;
}

/**Image & tables basics: package default styles**/

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
  width: 100% !important;
  border: none !important;
  border-color: transparent !important;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

.invisible { display: none; }
.unsichtbar { display: none; }
.clear { clear: both; }

/* Link definitions */
a, a.active { color: #8F243E; text-decoration: none; font-family: 'Noto Sans Bold', helvetica, arial, sans-serif; }
a:hover, a:focus, .nav-side .nav-link:hover, .nav-side .nav-link:focus { color: #8F243E; text-decoration: underline; }

/** meta nav **/
#footer a { color: #fff; }

/** main nav + sidebar nav **/
.nav-side .nav-link,
.nav-side .active,
.nav-side.nav ul.nav ul li a,  
.nav-side.nav ul li.nav-item a { 
  color: #444; 
}

.nav-side.nav a.active, 
.nav-side.nav ul.nav ul li a.active, 
.nav-side.nav ul li.nav-item a.active,
.nav-side .nav-link:hover {
  color: #8F243E;
}

/** special links: external, file, folder, arrow etc **/

a.link-page:after,
a.link-folder:after,
a.link-arrow:after,
a.link-download:after,
a.link-external:after,
a.link-mail:after {
  content: '\f061';
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  margin-left: .15em;
}
a.link-ris:after {
    content: '\f276';
    display: inline-block;
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 700;
    margin-left: .15em;
}
a.link-download:after,
a.link-file:after,
a.download:after,
a.pdf:after,
a.word:after {
  content: '\2193';
}

a.link-mail:after {
  content: '\2709';
}

.startheadline { display: none; }

h1, h2, .h1, .h2 { font-family: clanweb-medium, helvetica, arial, sans-serif; line-height: 1.2; margin-top: 0; margin-bottom: 0.5rem; }
h3, h4, h5, h6, .h3, .h4, .h5, .h6 { line-height: 1.2; margin-top: 0; margin-bottom: 0.5rem; }

.h1, h1 { font-size: 2rem; }
.h2, h2 { font-size: 1.75rem; }
.h3, h3 { font-size: 1.5rem; }
.h4, h4 { font-size: 1.25rem; }
.h5, h5 { font-size: 1rem; }
.h6, h6 { font-size: 1rem; }

p { margin-top: 0; margin-bottom: 1.5rem; }

b, strong, p.bold { font-weight: bold; font-family: 'Noto Sans Bold', helvetica, arial, sans-serif; }

#main .sidebar .sidebarcontent h1, 
#main .sidebar .sidebarcontent h2,
#main .sidebar .sidebarcontent h3,
#main .sidebar .sidebarcontent h5 {
  font-size: 1.25rem;
}

/** Sonderabteilungen: spezielle Überschriften **/
h2.dep-hw, h2.dep-hp, h2.dep-c, h2.dep-cay, h2.dep-m, h2.dep-o, h2.dep-ea, h2.dep-ee , h2.dep-np {
  text-transform: uppercase;
  font-size: 0.9rem;
}

/** List styles **/
ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0;
}

.list-unstyled, .linklist {
  padding-left: 0;
  list-style: none;
}

.linklist {
  margin-bottom: 0;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.list-inline > li {
  display: inline-block;
}

.list-inline > li:not(:last-child) {
  margin-right: 0.5rem;
}

/** Table styles**/
.table th, .table td { padding: 0.75rem 0.75rem 0.75rem 0; background: transparent !important; border-top-color: #dee2e6 !important; }
.table th p, .table td p { margin-bottom: 0; }

/* Misc definitions */
hr.light { color: transparent; background: transparent; border: 0; border-bottom: 1px solid #888cac; height: 0px; }
div.sidebar span.dropdown { line-height: 20px; vertical-align: top; }
div.sidebar dl { margin-bottom: 0 !important; }
p.search-label { float: left; font-size: 18px; font-weight: bold; }  /* header mod */
div#container.home div.content p.info { margin: 10px 0 16px 0; }
div#container.home div.content div.linkblock { margin: 0 0 24px 0; }


/* Formulare und Eingabemasken */

/** Buttons **/
.btn-primary, [type="button"], [type="reset"], [type="submit"] {
  color: #fff !important;
  background-color: #8F243E !important;
  border-color: #8F243E !important;
}

[type="button"], [type="reset"], [type="submit"] {
  margin-bottom: 1.5rem;
}

.btn-primary:hover, [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover {
  color: #fff !important;
  background-color: #A54F64 !important;
  border-color: #A54F64 !important;
}

.btn-primary:focus, .btn-primary.focus, [type="button"]:focus, [type="reset"]:focus, [type="submit"]:focus {
  color: #fff !important;
  background-color: #A54F64 !important;
  border-color: #A54F64 !important;
  box-shadow: 0 0 0 0.2rem rgba(143, 36, 62, 0.5) !important;
}

.btn-primary.disabled, .btn-primary:disabled, [type="button"]:disabled, [type="reset"]:disabled, [type="submit"]:disabled {
  color: #fff !important;
  background-color: #BB7B8B !important;
  border-color: #BB7B8B !important;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #A54F64 !important;
  border-color: #A54F64 !important;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(143, 36, 62, 0.5) !important;
}

.search .btn.btn-dark {
  background-color: #8F243E;
  border-color: #8F243E;
}

.search #searchtype { display: none; max-width: 120px; }

@media (min-width: 992px) {
  .search #searchtype { display: block; }
}

.mobile-search {
  padding: 0 1.5rem;
}

label { cursor: pointer; }
input { font-family: 'Noto Sans Regular', Helvetica, Arial, sans-serif; }

input, select {
    display: block;
    width: auto;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-check-input {
    height: auto;
}

legend {
    width: auto;
    padding: 0 0.5rem;
}    

/** ext widget styles overwrite **/
.s-la-widget-embed {
    border: none !important;
    padding: 0 !important;
}

.s-la-widget {
    font-family: inherit !important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: #fff;
}

@media (min-width: 768px) {
.s-la-widget .form-horizontal .control-label {
    text-align: left;
    margin-bottom: 0;
    padding-top: 0;
  }
}

.s-la-widget .form-control {
    display: block;
    width: 100%;
    height: inherit;
    padding: 0.375rem 0.75rem;
    font-size: inherit;
    line-height: 1.5;
    color: inherit;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.s-la-widget a {
    color: inherit !important;
    text-decoration: none;
}

.s-la-widget a:focus, .s-la-widget a:hover {
  color: #8F243E; 
  text-decoration: underline;  
}

/* file upload */
.s-ui-filedrop.has-advanced-upload {
    outline: none !important;
}

/*div.content form, div.content-no-sidebar form { margin: 0 0 20px 0; }*/
select.selectsearchfilms {display: inline; margin: 0; max-width: 100px;}
input.phrasesearchfilms {display: inline; width: 300px; margin: 0 0 0 10px;}
input.submitsearchfilms {display: inline; margin: 0 0 0 10px;}
select.selectchoosefilms {display: inline; margin: 0 0 10px 0; max-width: 300px;}
input.submitchoosefilms {display: inline; margin: 0 0 10px 0;}
select.selectsearchtitles {display: inline; margin: 0; max-width: 100px;}
input.phrasesearchtitles {display: inline; width: 300px; margin: 0;}
input.submitsearchtitles {display: inline; margin: 0 0 0 10px;}
select.selectchoosetitles {display: inline; margin: 0 0 10px 0; max-width: 300px;}
input.submitchoosetitles {display: inline; margin: 0 0 10px 0;}
input.submitchoosersbm {display: inline; margin: 10px 0 0 -5px;}

#searchProtocols {border: 1px solid #c1c1c1; padding: 10px 10px 10px 10px;}
#searchProtocols p {padding: 0 0 10px 0 !important; margin: 0 !important;}
#searchProtocols form {padding: 0 0 6px 0 !important; margin: 0 !important;}
#chooseProtocols {border: 1px solid #c1c1c1; padding: 10px 10px 10px 10px; margin: 0 0 20px 0;}
#chooseProtocols p {padding: 0 0 10px 0 !important; margin: 0 !important;}
#chooseProtocols form {padding: 0 !important; margin: 0 !important;}
#chooseProtocols label {display: inline-block !important;}
*+html #chooseProtocols label {margin: -27px 0 0 0;} /* Fool around with Internet Exploder 7 */

/* Searchform for topographical cartographies plugin. */
input.phrasetopo {display: inline; width: 350px;}
input.submittopo {display: inline; margin: 0 0 0 10px;}
/* Upload form for topographical cartographies upload tool. */
input.csv {display: inline;}
input.submitcsv {display: inline; margin: 0 0 0 10px;}


/** Text: package default styles **/
.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.textteaser {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}

.textteaser-item {
  order: 1;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.textteaser-text > *:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .textteaser-teaser {
    width: calc(100% / 12 * 4);
  }
  .textteaser-teaser > *:last-child {
    margin-bottom: 0;
  }
  .textteaser-text {
    width: calc(100% / 12 * 8);
  }
}

.texticon::after {
  display: block;
  clear: both;
  content: "";
}

.texticon-icon {
  font-size: 2em;
}

.texticon-icon .texticon-inner-icon,
.texticon-icon .texticon-inner-icon svg,
.texticon-icon .texticon-inner-icon img {
  text-align: center;
  margin: 0 auto;
  display: block;
  height: 1em;
  width: 1em;
}

.texticon-icon .texticon-inner-icon {
  display: flex;
  align-items: center;
}

.texticon-size-awesome {
  font-size: 3em;
}

@media (min-width: 576px) {
  .texticon-size-large {
    font-size: 3em;
  }
  .texticon-size-awesome {
    font-size: 4em;
  }
}

@media (min-width: 576px) {
  .texticon-size-medium {
    font-size: 3em;
  }
  .texticon-size-large {
    font-size: 4em;
  }
  .texticon-size-awesome {
    font-size: 5em;
  }
}

.texticon-top .texticon-icon {
  margin-bottom: .5em;
}

.texticon-type-square .texticon-inner-icon,
.texticon-type-circle .texticon-inner-icon {
  line-height: 2.3em;
  height: 2.3em;
  width: 2.3em;
}

.texticon-type-circle .texticon-inner-icon {
  border-radius: 50%;
}

.texticon-left .texticon-icon,
.texticon-right .texticon-icon {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}

.texticon-left .texticon-icon {
  float: left;
  margin-left: -20px;
}

.texticon-right .texticon-icon {
  float: right;
  margin-right: -20px;
}

.texticon-left .texticon-content,
.texticon-right .texticon-content {
  overflow: hidden;
  zoom: 1;
}

.texticon-left .texticon-content *:first-child,
.texticon-right .texticon-content *:first-child {
  margin-top: 0;
}

.texticon-left .texticon-content *:last-child,
.texticon-right .texticon-content *:last-child {
  margin-bottom: 0;
}

.text-column {
  margin-bottom: 1rem;
}

.well .text-column {
  margin-bottom: 0;
}

.text-column > *:first-child {
  margin-top: 0;
}

.text-column > *:last-child {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .text-column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
}

.text-indent {
  margin-bottom: 1rem;
}

.text-indent > *:first-child {
  margin-top: 0;
}

.text-indent > *:last-child {
  margin-bottom: 0;
}

/** interactive plugin styles: Tab **/
.tab-content {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  padding-bottom: 1.5rem !important;
  padding-top: 1.5rem !important;
  margin-bottom: 2rem !important;
  border-top: 0 !important;
  border: 1px solid #dee2e6;
}

/** Tabs: default package styles **/
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.tab-pane-content {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
}

.tab-pane-content-item {
  flex-grow: 1;
  order: 1;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}

.tab-pane-content-text *:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .tab-pane-content-right .tab-pane-content-item,
  .tab-pane-content-left .tab-pane-content-item {
    width: 50%;
  }
  .tab-pane-content-right .tab-pane-content-item *:last-child,
  .tab-pane-content-left .tab-pane-content-item *:last-child {
    margin-bottom: 0;
  }
}

.tab-pane-content-top .tab-pane-content-media,
.tab-pane-content-left .tab-pane-content-media {
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .tab-pane-content-left .tab-pane-content-media {
    margin-bottom: 0;
  }
}

.tab-pane-content-bottom .tab-pane-content-media,
.tab-pane-content-right .tab-pane-content-media {
  order: 2;
  margin-top: 40px;
}

@media (min-width: 768px) {
  .tab-pane-content-right .tab-pane-content-media {
    margin-top: 0;
  }
}

/** Accordion: package default styles **/
.accordion {
  overflow-anchor: none;
  margin-bottom: 2rem;
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
}

.accordion > .card > .card-header {
  margin-bottom: -1px;
}

.accordion-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
}

.accordion-item + .accordion-item {
  margin-top: .25em;
}

.accordion-header {
  padding: 0 !important;
  border-bottom: 0;
}

.accordion-title {
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 1.2em;
}

.accordion-title-link, .accordion-title-link:focus, .accordion-title-link:hover {
  color: inherit;
  text-decoration: none;
}

.accordion-title-link {
  padding: 1rem 1.5rem;
  padding-right: calc(1.5rem + 2em);
  position: relative;
  display: block;
}

.accordion-title-link-state {
  position: absolute;
  height: .8em;
  width: .8em;
  top: 50%;
  right: 1.5rem;
  transform: translate(0, -50%);
}

.accordion-title-link-state:before, .accordion-title-link-state:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  height: 1px;
  width: 100%;
  background-color: currentColor;
  transition: all .2s ease-in-out;
}

.accordion-title-link-state:before {
  transform: rotate(-45deg);
}

.accordion-title-link-state:after {
  transform: rotate(45deg);
}

.accordion-title-link.collapsed .accordion-title-link-state:before {
  transform: rotate(0);
}

.accordion-title-link.collapsed .accordion-title-link-state:after {
  transform: rotate(90deg);
}

.accordion-content {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.accordion-content-item {
  flex-grow: 1;
  order: 1;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  width: 100%;
}

.accordion-content-text *:last-child {
  margin-bottom: 0;
}

.accordion-body {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

@media (min-width: 768px) {
  .accordion-content-right .accordion-content-item,
  .accordion-content-left .accordion-content-item {
    width: 50%;
  }
  .accordion-content-right .accordion-content-item *:last-child,
  .accordion-content-left .accordion-content-item *:last-child {
    margin-bottom: 0;
  }
}

.accordion-content-top .accordion-content-media,
.accordion-content-left .accordion-content-media {
  margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
  .accordion-content-left .accordion-content-media {
    margin-bottom: 0;
  }
}

.accordion-content-bottom .accordion-content-media,
.accordion-content-right .accordion-content-media {
  order: 2;
  margin-top: 1.5rem;
}

@media (min-width: 768px) {
  .accordion-content-right .accordion-content-media {
    margin-top: 0;
  }
}

/** Text und Bilder **/
.textmedia,
.textpic {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 2rem;
}

.textmedia-item,
.textpic-item {
  order: 1;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.textmedia-text > *:last-child,
.textpic-text > *:last-child {
  /*margin-bottom: 0;*/
}

.textmedia-gallery,
.textpic-gallery {
  margin-bottom: 1rem;
}

.textmedia-centered,
.textpic-centered {
  align-items: center;
}

.textmedia-below .textmedia-text,
.textmedia-below .textpic-text,
.textpic-below .textmedia-text,
.textpic-below .textpic-text {
  order: 0;
  margin-bottom: 1rem;
}

.textmedia-below .textmedia-gallery,
.textmedia-below .textpic-gallery,
.textpic-below .textmedia-gallery,
.textpic-below .textpic-gallery {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .textmedia-right .textmedia-item,
  .textmedia-right .textpic-item,
  .textmedia-left .textmedia-item,
  .textmedia-left .textpic-item,
  .textpic-right .textmedia-item,
  .textpic-right .textpic-item,
  .textpic-left .textmedia-item,
  .textpic-left .textpic-item {
    margin-bottom: 0;
    width: 50%;
  }
  .textmedia-right .textmedia-gallery,
  .textmedia-right .textpic-gallery,
  .textpic-right .textmedia-gallery,
  .textpic-right .textpic-gallery {
    order: 2;
  }
}



/* Tabellen */
.contenttable { border-collapse: collapse; margin: 0 0 11px 1px; }
.contenttable-0 th { border: 1px solid #c1c1c1; font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
.contenttable-0 td { border: 1px solid #c1c1c1; padding: 3px 2px 3px 2px; }
.contenttable-1 { width: 99%; }
.contenttable-1 th { border: 1px solid #c1c1c1; font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
.contenttable-1 td { border: 1px solid #c1c1c1; padding: 3px 2px 3px 2px; }
.contenttable-2 th { font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
.contenttable-2 td { padding: 3px 2px 3px 2px; }
.contenttable-3 { width: 99%; }
.contenttable-3 th { font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
.contenttable-3 td { padding: 3px 2px 3px 2px; }

.tx-sbbhandwritings-pi1 table { border: 1px solid #c1c1c1; }
.tx-sbbhandwritings-pi1 table td { border: 1px solid #c1c1c1; }
.tx-sbbhandwritings-pi2 table { border: 1px solid #c1c1c1; }
.tx-sbbhandwritings-pi2 table td { border: 1px solid #c1c1c1; }
.hw-specialtable { border-collapse: collapse; margin: 0 0 11px 1px; }
.hw-specialtable-0 th { border: 1px solid #c1c1c1; font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
.hw-specialtable-0 td { border: 1px solid #c1c1c1; padding: 3px 2px 3px 2px; }
.hw-specialtable-1 { width: 99%; }
.hw-specialtable-1 th { border: 1px solid #c1c1c1; font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
.hw-specialtable-1 td { border: 1px solid #c1c1c1; padding: 3px 2px 3px 2px; }
.hw-specialtable-2 th { font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
.hw-specialtable-2 td { padding: 3px 2px 3px 2px; }
.hw-specialtable-3 { width: 99%; }
.hw-specialtable-3 th { font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
.hw-specialtable-3 td { padding: 3px 2px 3px 2px; }

.tx_sbbcartography_pi1 table { border: 1px solid #c1c1c1; }
.tx_sbbcartography_pi1 table td { border: 1px solid #c1c1c1; }
.nd-specialtable { border-collapse: collapse; margin: 0 0 11px 1px; }
.nd-specialtable-0 { width: 99% }
/*.nd-specialtable-0 th a.down:link, .nd-specialtable-0 th a.down:visited { background: url(../zentrale_seiten/zeitungsabteilung/pix/pfeil_menue_down_639A9C.gif) -2px 4px no-repeat; padding: 0 0 0 12px; }*/
.nd-specialtable-0 th { border: 1px solid #c1c1c1; font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; vertical-align: top; }
.nd-specialtable-0 td { border: 1px solid #c1c1c1; padding: 3px 2px 3px 2px; vertical-align: top; }
.nd-specialtable-1 { border: 1px solid #c1c1c1; width: 100%; }
.nd-specialtable-1 th { border: 0; font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
.nd-specialtable-1 td { border: 0; padding: 3px 2px 3px 2px; }
.nd-specialtable-2 { border-collapse: collapse; width: 100%; padding: 0; margin: 0; }
.nd-specialtable-2 th { border: 0; font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 0; }
.nd-specialtable-2 td { border: 0; padding: 0; }
.nd-specialtable-3 { width: 99%; }
.nd-specialtable-3 th { font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
.nd-specialtable-3 td { padding: 3px 2px 3px 2px; }

.nd-specialtable-sub1 { border: 1px solid #c1c1c1; background-color: #cecfce !important; }
.nd-specialtable-sub2 { border: 1px solid #c1c1c1; background-color: #efefef !important; }
.nd-specialtable-sub3 { padding: 0 !important; margin: 0 !important; }
.nd-specialtable-sub4 { height: 1px; background-color: #efefef !important; }

.rsbm-full { border: 0; border-collapse: collapse; margin: 0 0 11px 1px; width: 99%; }
.rsbm-full th { border: 0; font-weight: normal; text-align: left; background-color: #fff; padding: 3px 2px 3px 2px; }
.rsbm-full td { border: 1px solid #c1c1c1; font-weight: normal; background-color: #fff; padding: 3px 2px 3px 2px; }
.rsbm-full td.rsbm-full-left { background-color: #efefef; width: 160px; }

.tx-sbbnewacquisitions-pi1 table { border: 1px solid #c1c1c1; }
.tx-sbbnewacquisitions-pi1 table td { border: 1px solid #c1c1c1; }
.aquisitiontable { border-collapse: collapse; margin: 0 0 11px 1px; width: 100% !important; }
.aquisitiontable-0 th { border: 1px solid #c1c1c1; font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
.aquisitiontable-0 td { border: 1px solid #c1c1c1; padding: 3px 2px 3px 2px; }
.aquisitiontable-1 { width: 99%; }
.aquisitiontable-1 th { border: 1px solid #c1c1c1; font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
.aquisitiontable-1 td { border: 1px solid #c1c1c1; padding: 3px 2px 3px 2px; }
.aquisitiontable-2 th { font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
.aquisitiontable-2 td { padding: 3px 2px 3px 2px; }
.aquisitiontable-3 { width: 99%; }
.aquisitiontable-3 th { font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
.aquisitiontable-3 td { padding: 3px 2px 3px 2px; }

.tx_sbbcartography_pi1 table { border: 1px solid #c1c1c1; }
.tx_sbbcartography_pi1 table td { border: 1px solid #c1c1c1; }
.cd-specialtable { border-collapse: collapse; margin: 0 0 11px 1px; }
.cd-specialtable-0 th { border: 1px solid #c1c1c1; font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
.cd-specialtable-0 td { border: 1px solid #c1c1c1; padding: 3px 2px 3px 2px; }
.cd-specialtable-1 { width: 99%; }
.cd-specialtable-1 th { border: 1px solid #c1c1c1; font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
.cd-specialtable-1 td { border: 1px solid #c1c1c1; padding: 3px 2px 3px 2px; }
.cd-specialtable-2 { width: 99%; padding: 0; margin: 0; }
.cd-specialtable-2 th { border: 0; font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 0; }
.cd-specialtable-2 td { border: 0; padding: 0; }
.cd-specialtable-3 { width: 99%; }
.cd-specialtable-3 th { font-weight: normal; text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
.cd-specialtable-3 td { padding: 3px 2px 3px 2px; }

td.right { text-align: right; }
th.right { text-align: right; }

#navbarNavDropdown { justify-content: center; }

/** Header elements Mobile  **/
@media (max-width: 992px) {

  #footer .language {
      font-size: initial;
      text-align: right;
  }

  #preface-top-wrapper {
    display: none;
  }

  .navbar-expand-lg button.navbar-toggler {
    background-color: transparent !important;
    border-color: transparent !important;
  }

  .naviside-wrapper.navbar {
      padding: 1.5rem 1rem;
  }

  .navbar-expand-lg.naviside-wrapper button.navbar-toggler {
      position: absolute;
      top: 0;
      right: 16px;
      height: 2.5rem;
      background: #edf0f7 !important;  
  }

  .naviside-wrapper .navbar-toggler-icon {
      color: #2f3e6a;
      width: auto;
      height: auto;
  }

  .naviside-wrapper .navbar-collapse {
      margin: 0.9rem 0 0 -1rem;
      padding: 1rem;
      background: #edf0f7;
  }

}

/** fixes for DT **/
  @media (min-width: 992px) {

  .naviside-wrapper.navbar-expand-lg .navbar-collapse {
    display: block !important;
  }

  .naviside-wrapper.navbar {
      padding-top: 0;
      align-items: baseline;
  }

  #footer .language {
      display: none;
  }

}

.navbar-toggler-icon .fa-bars {
    font-size: 2rem; {
    padding: 1.5rem 1rem;
}

.navbar-expand-lg.naviside-wrapper button.navbar-toggler {
    position: absolute;
    top: 0;
    right: 16px;
    height: 2.5rem;
    background: #edf0f7 !important;  
}

.naviside-wrapper .navbar-toggler-icon {
    color: #2f3e6a;
    width: auto;
    height: auto;
}

.naviside-wrapper .navbar-collapse {
    margin: 0.9rem 0 0 -1rem;
    padding: 1rem;
    background: #edf0f7;
}
}

.navigation-main .collapse.navbar-collapse.show {
  text-align: right;  
}

.collapse.navbar-collapse.show .navbar-nav .nav-link {
    padding: 0.5rem 0 0.5rem 0;
    color: #fff !important;
}

.collapse.navbar-collapse.show .navbar-nav .dropdown-menu {
  text-align: right;
}

#main .content.col, #main .maincontent-wrapper.col { overflow: hidden; }

div#container.home div.content div.slideshow-wrapper { width: 660px; margin: 0 0 24px 0; overflow: hidden; }
div#container.home div.content div.news-wrapper { float: left; width: 204px; margin: 0 24px 0 0; overflow: hidden; }
div#container.home div.content div.more-wrapper { float: left; width: 432px; overflow: hidden; }

@media (min-width: 992px) {
  #main .sidebar {
    border-left: 1px solid #dee2e6 !important;
  }
}

#main .sidebar .sidebarcontent img { max-width: 220px; }
#main .sidebar .sidebarcontent figure.image figcaption.caption { display: none; } 

/*div#container.home div#main div.content p { margin: 0 0 10px 0; }*/
div.sidebarcontent ul li { margin: 0 0 3px 0; }
div.content ul.noicon, div.content-no-sidebar ul.noicon, div.sidebarcontent ul.noicon { list-style-type: none; }
div.content ul.noicon-noindent, div.content-no-sidebar ul.noicon-noindent, div.sidebarcontent ul.noicon-noindent { list-style-type: none; padding: 0 0 10px 0; }
div.content ul.linksonly, div.content-no-sidebar ul.linksonly, div.sidebarcontent ul.linksonly { list-style-type: none; margin: 0; padding: 0 0 10px 0; }
div.content ul.linksonly a, div.content-no-sidebar ul.linksonly a, div.sidebarcontent ul.linksonly a { display: block; }
div.content ol, div.content-no-sidebar ol, div.sidebarcontent ol { margin: 0; padding: 0 0 10px 20px; }


/** Footer **/
#footer-wrapper { background: #3C4B78; color: #fff; }
#footer .spk .logo-spk img { max-width: 224px; }
#footer h1 { font-size: 1.25rem; }

@media (max-width: 768px) {
  #footer .spk .logo-spk { border-top: 1px solid #fff; padding-top: 1rem; }
}

/* side navigation */
.nav-side .nav-link,
.nav-side .active { 
  padding: 0.4rem 0;
  line-height: 1.2; 
}
.nav-side .nav-item { width: 100%; }
.nav-side.nav ul.nav { padding: 0 0 0 1rem; list-style: none; }
.nav-side.nav ul.nav ul { padding: 0 0 0 2rem; list-style: none; }
.nav-side.nav ul.nav ul li a { padding: 0.4rem 0 0 0; display: block; }
 
 
/*
 * HERE STARTS MODIFICATIONS AND DEFINITIONS FOR PAGE TYPE "normal_no-sidebar"
 */
 
/* #main elements */
div#main div.content-no-sidebar { width: 906px; }
div#main div.content-no-sidebar div.startheadline { float: left; width: 432px; min-height: 20px; margin: 0 0 16px 0; padding: 0 36px 0 0; }
div#main div.content-no-sidebar div.naviside-wrapper { float: left; width: 204px; margin: 0 24px 0 0; padding: 38px 0 0 0; overflow: hidden; }
div#main div.content-no-sidebar div.maincontent-wrapper { float: left; width: 678px; overflow: hidden; }


/*
 * SPECIFIC EXTENSIONS
 */
 
/* csc-loginform */
div.csc-loginform {  }
div.csc-loginform div.csc-mailform-field { margin: 0 0 4px 0; }
div.csc-loginform div.csc-mailform-field label { display: block; float: left; width: 100px; }
div.csc-loginform div.csc-mailform-field input[type="submit"] { margin: 0 0 0 100px; }
 
/* tt_news */
div#container.home div.news-list-container div.news-list-item-headline a { padding: 0 0 0 12px; background: url(../zentrale_seiten/gfx/icon_link-intern_14x14.png) no-repeat scroll -4px 1px transparent; }
div#container.home div.news-list-view div.article.mbe-style { margin: 0 0 20px 0; }
div#container.home div.news-list-view div.article.mbe-style a { color: #93351D; font-size: 19px; line-height: 21px; padding: 0 20px 0 0; background: url(../zentrale_seiten/gfx/icon_link_uebersichtsseite_18x18.png) no-repeat scroll 100% 4px transparent; }
div#container.home div.news-list-view div.article.mbe-style a:hover { color: #966f00; }
div#container.home div.news-list-container div.news-list-item-image { margin: 0 0 10px 0; }
div#container.home div.news-list-container div.news-list-item { margin: 0 0 18px 0; }

div#main div.sidebar div.sidebarcontent div.news-search-form input[type="text"] { width: 170px; }
div#main div.sidebar div.sidebarcontent div.news-search-form input[type="submit"] { margin: 6px 0 0 0; font-size: 12px; }

div.news-single-item {  }
div.news-single-item div.news-single-img { float: left; margin: 4px 8px 0 0; }

div.news-list-item {  }
div.news-list-item div.news-list-item-left { float: left; margin: 2px 8px 0 0; }
div.news-list-item div.news-list-item-right {  }
div.news-list-item div.news-list-item-right a { background: url(../zentrale_seiten/gfx/icon_link-intern_14x14.png) no-repeat scroll -4px 1px transparent; padding: 0 0 0 12px; }
div.news-list-item div.news-list-item-over { margin: 0 0 4px 0; }
div.news-list-item div.news-list-item-below {  }
div.news-list-item div.news-list-item-below a { background: url(../zentrale_seiten/gfx/icon_link-intern_14x14.png) no-repeat scroll -4px 1px transparent; padding: 0 0 0 12px; }

/* jfmulticontent */
div.tx-jfmulticontent-pi1 { margin: 0 0 10px 0; }

/* libconnect */
ul.dbis-list {  }
ul.dbis-list li {  }

div.dbis-list-legend {  }
div.dbis-list-legend ul { list-style-type: none; padding-left: 0; }
div.dbis-list-legend ul li.dbis-list-legend-one { padding: 0 0 0 26px; background: url(../../../typo3conf/ext/libconnect/templates/img/dbis-list_1.png) no-repeat scroll 0 4px transparent; }
div.dbis-list-legend ul li.dbis-list-legend-two { padding: 0 0 0 26px; background: url(../../../typo3conf/ext/libconnect/templates/img/dbis-list_2.png) no-repeat scroll 0 4px transparent; }
div.dbis-list-legend ul li.dbis-list-legend-three { padding: 0 0 0 26px; background: url(../../../typo3conf/ext/libconnect/templates/img/dbis-list_3.png) no-repeat scroll 0 4px transparent; }
div.dbis-list-legend ul li.dbis-list-legend-four { padding: 0 0 0 26px; background: url(../../../typo3conf/ext/libconnect/templates/img/dbis-list_germany.png) no-repeat scroll 0 4px transparent; }
div.dbis-list-legend ul li.dbis-list-legend-five { padding: 0 0 0 26px; background: url(../../../typo3conf/ext/libconnect/templates/img/ezb-list_euro.png) no-repeat scroll 0 4px transparent; }
div.dbis-list-legend ul li.dbis-list-legend-eight { padding: 0 0 0 26px; background: url(../../../typo3conf/ext/libconnect/templates/img/dbis-list_6.png) no-repeat scroll 0 4px transparent; }
div.dbis-list-legend ul li.dbis-list-legend-nine { padding: 0 0 0 26px; }

ul.dbis-dblist { list-style-type: none; margin: 0 !important; padding: 0 !important; }
ul.dbis-dblist li {  }
ul.dbis-dblist li a { display: block; margin: 0 0 0 26px; }
ul.dbis-dblist li img { float: left; position: relative; margin: 4px 4px 0 0; }

div.accordion-fce-wrapper {  }
div.accordion-fce-wrapper div.accordion-fce {  }
div.accordion-fce-wrapper div.accordion-fce h4 { color: #312b5f; margin: 0 0 2px 0; padding: 0 0 0 20px; background: url(../../../fileadmin/templates/zentrale_seiten/gfx/ext/jfmulticontent/accordion_collapsed.png) no-repeat scroll 3px 3px #d7e9ff; font-size: 14px; line-height: 20px; }
div.accordion-fce-wrapper div.accordion-fce h4:hover { color: #ffffff; background: url(../../../fileadmin/templates/zentrale_seiten/gfx/ext/jfmulticontent/accordion_collapsed_hover.png) no-repeat scroll 3px 3px #976f00; font-size: 14px; line-height: 20px; }
div.accordion-fce-wrapper div.accordion-fce h4.active { color: #312b5f; margin: 0 0 2px 0; padding: 0 0 0 20px; background: url(../../../fileadmin/templates/zentrale_seiten/gfx/ext/jfmulticontent/accordion_expanded.png) no-repeat scroll 3px 3px #d7e9ff; font-size: 14px; line-height: 20px; }
div.accordion-fce-wrapper div.accordion-fce h4.active:hover { color: #ffffff; background: url(../../../fileadmin/templates/zentrale_seiten/gfx/ext/jfmulticontent/accordion_expanded_hover.png) no-repeat scroll 3px 3px #976f00; font-size: 14px; line-height: 20px; }
div.accordion-fce-wrapper div.accordion-fce div.accordion-content { padding: 18px 16px 18px 16px; }

div#dbis-detail {  }
div#dbis-detail a.dbis-research { display: block; margin: 10px 0 0 0; padding: 0 0 0 12px; background: url(../zentrale_seiten/gfx/icon_link-extern_14x14.png) no-repeat scroll -3px 1px transparent; }
div#dbis-detail table.dbis-result-details {  }
div#dbis-detail table.dbis-result-details th { text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
div#dbis-detail table.dbis-result-details td { padding: 3px 2px 3px 2px; }

div.datenbank-suche-wrapper {  }
div.datenbank-suche-wrapper input[type="submit"] { margin: 6px 0 0 0; font-size: 12px; }
div.datenbank-suche-wrapper p { margin: 10px 0 10px 0 !important; }

form.e-search {  }
form.e-search label { display: block; }
form.e-search select#jq_type1, form.e-search select#jq_type2, form.e-search select#jq_type3, form.e-search select#jq_type4 { width: 100px; }
form.e-search div#dbis-extended-wrapper {  }

div.ezb-list-legend {  }
div.ezb-list-legend ul { list-style-type: none; padding-left: 0; }
div.ezb-list-legend ul li.ezb-list-legend-one { padding: 0 0 0 26px; background: url(../../../typo3conf/ext/libconnect/templates/img/ezb-list_1.png) no-repeat scroll 0 4px transparent; }
div.ezb-list-legend ul li.ezb-list-legend-two { padding: 0 0 0 26px; background: url(../../../typo3conf/ext/libconnect/templates/img/ezb-list_2.png) no-repeat scroll 0 4px transparent; }
div.ezb-list-legend ul li.ezb-list-legend-four { padding: 0 0 0 26px; background: url(../../../typo3conf/ext/libconnect/templates/img/dbis-list_4.png) no-repeat scroll 0 4px transparent; }
div.ezb-list-legend ul li.ezb-list-legend-six { padding: 0 0 0 26px; background: url(../../../typo3conf/ext/libconnect/templates/img/ezb-list_6.png) no-repeat scroll 0 4px transparent; }

div.ezb-navigation { margin: 20px 0 20px 0; }
div.ezb-navigation a { margin: 0 1px 0 0; padding: 1px; border: 1px dotted #312b5f; background: #f5f3ef; }

ul.ezb-list { list-style-type: none; margin: 0 !important; padding: 0 !important; }
ul.ezb-list li {  }
ul.ezb-list li a { display: block; margin: 0 0 0 26px; }
ul.ezb-list li img { float: left; position: relative; margin: 4px 4px 0 0; }

div.ezb-list-output {  }
div.ezb-list-output h4 { margin: 10px 0 10px 0; }

div#ezb-detail {  }
div#ezb-detail table.ezb-result-details { margin: 10px 0 0 0; }
div#ezb-detail table.ezb-result-details th { text-align: left; background-color: #f5f3ef; padding: 3px 2px 3px 2px; }
div#ezb-detail table.ezb-result-details td { padding: 3px 2px 3px 2px; }

/* sbb_digitalisierungsvorschlag */
div.tx-sbbdigitalisierungsvorschlag-pi1 {  }
div.tx-sbbdigitalisierungsvorschlag-pi1 fieldset { margin: 0 0 14px 0; }

/* sbb_mffaecherfachinfo */
div.tx-sbbmffaecherfachinfo-pi1 {  }
div.tx-sbbmffaecherfachinfo-pi1 fieldset { margin: 0 0 14px 0; }
div.tx-sbbmffaecherfachinfo-pi1 input, textarea, select { display: block; }

/* Layout styles for tt_content section_frame image element used for image gallery like look */
/*div.maincontent-wrapper div.imggal-width div.csc-textpic div.csc-textpic-imagewrap { width: 432px !important; }
div.maincontent-wrapper div.imggal-width div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image { width: 110px !important; height: 110px; margin: 0 12px 12px 0; padding: 12px; overflow: hidden; border: 1px solid #c1c1c1; }
div.maincontent-wrapper div.imggal-width div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image td { height: 110px; vertical-align: middle; }
div.maincontent-wrapper div.imggal-width div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagecolumn.csc-textpic-lastcol div.csc-textpic-image { margin: 0; }
div.maincontent-wrapper div.imggal-width div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagerow { width: 432px !important; }
div.maincontent-wrapper div.imggal-width div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin: 0; }

div.maincontent-wrapper div.imggal-height div.csc-textpic div.csc-textpic-imagewrap { width: 432px !important; }
div.maincontent-wrapper div.imggal-height div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image { width: 110px !important; height: 110px; margin: 0 12px 12px 0; padding: 12px; overflow: hidden; border: 1px solid #c1c1c1; }
div.maincontent-wrapper div.imggal-height div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image table { margin: 0 auto; }
div.maincontent-wrapper div.imggal-height div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image td { height: 110px; vertical-align: middle; text-align: center; }
div.maincontent-wrapper div.imggal-height div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagecolumn.csc-textpic-lastcol div.csc-textpic-image { margin: 0; }
div.maincontent-wrapper div.imggal-height div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagerow { width: 432px !important; }
div.maincontent-wrapper div.imggal-height div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin: 0; }*/

/* overrides for EXT:perfectlightbox */
#sbCaption { width: 90% !important; }

/* Tracking Info */
div#tracking-info { display: none; margin: 0 auto; text-align: center; }
div#tracking-info div.ti-left { float: left; }
div#tracking-info div.ti-left a { color: #e7f2ff; text-decoration: underline; }
div#tracking-info div.ti-right { float: right; }

/* user polls */
#userpoll { display: none; }
#userpoll div {
  background: #f5f3ef;
  border: 2px solid #c1c1c1;
  left: 0;
  margin: 0 auto;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 200px;
  width: 300px;
  z-index: 9999;
  -webkit-box-shadow: 0 0 1em rgb(49, 43, 88);
  -moz-box-shadow: 0 0 1em rgb(49, 43, 88);
  box-shadow: 0 0 1em rgb(49, 43, 88), 0 0 1em rgb(49, 43, 88);
}
#userpoll h3 { margin: 0 0 10px 0; }
#userpoll p { margin: 0 0 10px 0; }

/* csc overrides */
.csc-textpic-imagecolumn { margin-bottom: 10px; }
div.csc-textpic-intext-left .csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
  margin-right: 25px;
}
div.csc-textpic-intext-right .csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
  margin-left: 25px;
}

/** reset styles: newsroom **/
#main .maincontent-wrapper.col .newsroom-column.col-1,
#main .maincontent-wrapper.col .newsroom-column.col-2 {
	max-width: none;
}

#main .maincontent-wrapper.col .newsroom-column .newsroom-label img {
	display: none;	
}

/*temp*/

.input-group-prepend .btn, .input-group-append .btn {
    border-radius: .25rem;
}

.language {
  font-size: 13px;
  background: transparent;
  margin-bottom: 0;
  padding: 0.75rem 15px;
}

@media (min-width: 992px) {
  .language {
    padding: 0.75rem 0;
  }
}

.breadcrumb {
	font-size: 13px;
	background: transparent;
  margin-bottom: 0;
  padding: 0.75rem 0;
}

.breadcrumb a, .language a {
	color: #444;
}

.navigation-top .nav-link {
    display: inline-block;
    padding: 0;
    background: #2F3E6A;
}

.list-group-item {
    background-color: transparent;
    border: none;
    padding: 0 1.25rem 0.5rem 1.25rem;
}

.list-group-item .fas {
  display: none;
}

.navigation-main .nav .nav-link {
	background: #fff;
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 576px) {
.nav-tabs {
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.input-group-lg>.custom-select, .input-group-sm>.custom-select {
    max-width: 100px;
}


/** Landing **/
#main .sidebar .sidebarcontent.landing hr {
	display: none;
}

#main .sidebar .sidebarcontent.landing h2 {
	font-size: 1.25rem;
}

h4.card-title {
    margin-bottom: 0;
    margin-top: 0;
    /*text-overflow: ellipsis;
    white-space: nowrap;*/
    overflow: hidden;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    font-size: 1.1rem;
    letter-spacing: -0.5px;
}

/** Slider customized **/

.carousel-header {
  font-size: 1.25rem;
}

.carousel-content .valign {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}

.carousel-content .valign .carousel-image.vcontainer {
  order: 1;
  width: 100%;
  max-height: 460px;
}

.carousel-content .valign .carousel-text.vcontainer {
  order: 2;
  width: 100%;
  padding: 20px 20px 35px 20px;
  background: #EEF0F7;
}

.landing.carousel-custom {
	margin: 0 1rem;
}

.carousel-custom {
  margin: 0;
}

.carousel-custom .carousel-item {
    position: relative;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

.carousel-custom .carousel-caption {
    position: static;
    padding: 20px 20px 35px 20px;
    color: #333;
    text-align: left;
    background: #EEF0F7;
}

.carousel-custom .carousel-item .img-container {
	/*max-height: 460px;*/
	overflow: hidden;
}

.carousel-content .valign .carousel-image.vcontainer img,
.carousel-custom .carousel-item .img-container img {
	width: 100%;
  	height: auto;
}

.carousel-custom .carousel-item a {
  font-family: 'Noto Sans Regular', helvetica, arial, sans-serif;
}

.carousel-custom .carousel-item a:hover {
  text-decoration: none;
}

.carousel-control { display: none !important; }

/** Slider default **/
.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  bottom: 5px;
}

.carousel-indicators li {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  height: 10px;
  width: 50px;
  margin-right: 5px;
  margin-left: 5px;
  border-top: none;
  border-bottom: none;
}

.carousel-indicators li span {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

/** Gallery: package default styles **/

.gallery-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -.5rem;
  margin-right: -.5rem;
}

.gallery-row:last-child {
  /*margin-bottom: -1rem;*/
}

.gallery-item {
  padding-left: .5rem;
  padding-right: .5rem;
}

.gallery-item img,
.gallery-item picture {
  width: auto;
  max-width: 100%;
  height: auto;
}

.gallery-item-size-1 {
  width: 100%;
}

.gallery-item-size-2 {
  width: calc(100% / 2);
}

.gallery-item-size-3 {
  width: calc(100% / 3);
}

.gallery-item-size-4 {
  width: calc(100% / 2);
}

@media (min-width: 576px) {
  .gallery-item-size-4 {
    width: calc(100% / 4);
  }
}

.gallery-item-size-5 {
  width: calc(100% / 2);
}

@media (min-width: 576px) {
  .gallery-item-size-5 {
    width: calc(100% / 3);
  }
}

@media (min-width: 768px) {
  .gallery-item-size-5 {
    width: calc(100% / 5);
  }
}

.gallery-item-size-6 {
  width: calc(100% / 2);
}

@media (min-width: 576px) {
  .gallery-item-size-6 {
    width: calc(100% / 3);
  }
}

@media (min-width: 768px) {
  .gallery-item-size-6 {
    width: calc(100% / 6);
  }
}

/** Cards: package default styles**/
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
}

.card > .list-group:last-child {
  border-bottom-width: 0;
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  /*padding: 1.5rem;*/
}

.card-title {
  margin-bottom: 1rem;
}

.card-subtitle {
  margin-top: -0.5rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.5rem;
}

.card-header {
  padding: 1rem 1.5rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer {
  padding: 1rem 1.5rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header-tabs {
  margin-right: -0.75rem;
  margin-bottom: -1rem;
  margin-left: -0.75rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-deck .card {
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -10px;
    margin-left: -10px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 10px;
    margin-bottom: 0;
    margin-left: 10px;
  }
}

.card-group > .card {
  margin-bottom: 10px;
}

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
}

.card-columns .card {
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.card-img-top {
  overflow: hidden;
}

.card-img-top picture,
.card-img-top img {
  width: 100%;
  height: auto;
}

.card-body > *:first-child {
  margin-top: 0;
}

.card-body > *:last-child {
  margin-bottom: 0;
}

.card-menu {
  margin: -10px;
  margin-bottom: -10px !important;
  display: flex;
  flex-wrap: wrap;
}

.card-menu .card {
  height: 100%;
}

.card-menu .card-icon {
  margin-bottom: .5rem;
}

.card-menu .card-title {
  font-size: 1.35rem;
}

.card-menu .card-subtitle {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.card-menu .card-footer {
  border-top: 0;
  padding: 1.5rem;
  background-color: transparent;
}

.card-menu .card-body + .card-footer {
  padding-top: 0;
}

.card-menu-item {
  width: 100%;
  padding: 10px;
}

.card-menu-align-left {
  justify-content: flex-start;
}

.card-menu-align-center {
  justify-content: center;
}

.card-menu-align-right {
  justify-content: flex-end;
}

@media (min-width: 576px) {
  .card-menu-columns-2 .card-menu-item {
    width: calc(100% / 2);
  }
}

@media (min-width: 768px) {
  .card-menu-columns-3 .card-menu-item {
    width: calc(100% / 3);
  }
}

@media (min-width: 576px) {
  .card-menu-columns-4 .card-menu-item {
    width: calc(100% / 2);
  }
}

@media (min-width: 1200px) {
  .card-menu-columns-4 .card-menu-item {
    width: calc(100% / 4);
  }
}

/** Card Groups **/
.card-group-element {
  margin: -10px;
  margin-bottom: 2rem;
  display: flex;
  flex-wrap: wrap;
}

.card-group-element-item {
  width: 100%;
  padding: 10px;
}

.card-group-element-item .card {
  height: 100%;
}

.card-group-element-item .card-title {
  font-size: 1.35rem;
}

.card-group-element-item .card-subtitle {
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.card-group-element-item .card-footer {
  border-top: 0;
  padding: 1.5rem;
  background-color: transparent;
}

.card-group-element-item .card-body + .card-footer {
  padding-top: 0;
}

.card-group-element-align-left {
  justify-content: flex-start;
}

.card-group-element-align-center {
  justify-content: center;
}

.card-group-element-align-right {
  justify-content: flex-end;
}

@media (min-width: 576px) {
  .card-group-element-columns-2 .card-group-element-item {
    width: calc(100% / 2);
  }
}

@media (min-width: 768px) {
  .card-group-element-columns-3 .card-group-element-item {
    width: calc(100% / 3);
  }
}

@media (min-width: 576px) {
  .card-group-element-columns-4 .card-group-element-item {
    width: calc(100% / 2);
  }
}

@media (min-width: 1200px) {
  .card-group-element-columns-4 .card-group-element-item {
    width: calc(100% / 4);
  }
}

.card-panel .card-header {
  font-size: 1.125rem !important;
}

.card-panel .card-body > *:last-child {
  margin-bottom: 0;
}

.card-panel-primary .card-header {
  color: #fff !important;
}

.card-panel-secondary .card-header {
  color: #fff !important;
}

.card-panel-success .card-header {
  color: #fff !important;
}

.card-panel-info .card-header {
  color: #fff !important;
}

.card-panel-warning .card-header {
  color: #2b2b2b !important;
}

.card-panel-danger .card-header {
  color: #fff !important;
}

.card-panel-light .card-header {
  color: #2b2b2b !important;
}

.card-panel-dark .card-header {
  color: #fff !important;
}

/** Formular Handschriften: Filter Signaturen **/
div.sbb-handwritingssignatures div.filter {
  width: auto !important;
}

/** MBE rot **/
ul.posts.cid-1506, ul.posts.cid-1583 {
    list-style: none;
    padding: 0;
    margin: 0 1rem 2rem 1rem;
}
ul.posts.cid-1506 li a, ul.posts.cid-1583 li a  {
    color: #8F243E;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    display: block;
}

/** search results **/

#sitesearch #preface-top-wrapper .breadcrumb,
#sitesearch #main .sidebar, 
#sitesearch #main .naviside-wrapper { display: none; } 

#c51876 { display: none; }
#tx-solr-search-functions { padding-bottom: 2rem; }
#tx-solr-search-functions .facet-label.panel-title { font-size: 1rem; }
#tx-solr-search-functions .facet-label.panel-title a { font-family: 'Noto Sans Regular', helvetica, arial, sans-serif; color: inherit; }
#tx-solr-search-functions .facet-option-list .list-group-item { padding: 0 1.25rem 0.5rem 0; }
#tx-solr-search .searchinfo span { display: block; margin: 0 0 0.5rem 0; }
#tx-solr-search #results-per-page { margin: 1rem 0; }
#tx-solr-search #results-per-page select { display: inline-block; } 

#tx-solr-search .results-list.list-group .list-group-item.search-result.results-entry { padding: 0; }
#tx-solr-search .relevance .progress .progress-bar { background-color: #667ab2; }

#tx-solr-search .solr-pagination .pagination li:first-child a {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

#tx-solr-search .solr-pagination .pagination li a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

#tx-solr-search .solr-pagination .pagination li:last-child a {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

#tx-solr-search .solr-pagination .pagination li.active a {
	background: #ccc;
}

/** Sammlungsmodul Jan 2022 **/

/*testing h2
h2.dep-c {
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.05rem;
    margin-bottom: 1rem;
}
#c135705 h2 {
    font-family: clanweb-book, helvetica, arial, sans-serif;
}
/*END testing h2*/

.tx-sbbcollections .carousel img {
    height: 280px !important;
}

.tx-sbbcollections .regDesc p {
  font-size: 0.94rem;
}

.tx-sbbcollections .extDesc {
    background: #f7f8fd;
}

.tx-sbbcollections .extDesc p,
.tx-sbbcollections .extDesc a {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 1rem;
    font-size: 0.84rem;
}

.tx-sbbcollections ul.list-normal {
  padding: 0 0 0 20px;
}

/** Formulare **/
.invalid-feedback {
  display: inline-block;
} 

/** Counter (Lesesaalauslastung) **/

.progress-location-pst {
  text-align: left;
  margin: 2rem 0 0 0;
  position: relative;
}

.progress-location-pst img {
  margin-bottom: -10px;
}

.progress-location-pst p {
  position: absolute;
  top: 10px;
  right: 0;
  color: #2F3D6A;
  background: #fff;
  padding: 0 0.5rem;
}

.progress-location-udl {
  text-align: right;
  margin: 2rem 0 0 0;
  position: relative;
}

.progress-location-udl img {
  margin-bottom: -18px;
}

.progress-location-udl p {
  position: absolute;
  top: 18px;
  left: 0;
  color: #2F3D6A;
  background: #fff;
  padding: 0 0.5rem;
}

.progress-bars .progress {
    height: 35px;
    font-size: 1rem;
    background: rgb(201,209,232);
    background: linear-gradient(180deg, rgba(201,209,232,1) 0%, rgba(153,165,204,1) 100%);
    border-radius: 0;
}

.progress-bars .progress-bar {
    background: rgb(86,105,153);
    background: linear-gradient(180deg, rgba(86,105,153,1) 0%, rgba(47,61,106,1) 100%);
    text-align: left;
    overflow: visible;
}

.progress-bars .progress-location-pst .progress {
    flex-direction: row-reverse;
}

.progress-bars .progress-location-pst .progress .progress-bar {
    text-align: right;
}

.progress-bars span {
    padding: 0 0.5rem;
    font-family: 'Noto Sans Bold', helvetica, arial, sans-serif;  
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); 
    position: absolute;
    left: 0;
}

.progress-bars .progress-location-pst span {
    right: 0;  
}

@media (min-width: 992px) {
  .progress-location-pst img,
  .progress-location-udl img {
    display: none;
  } 
  .progress-location-pst p,
  .progress-location-udl p {
    top:  -23px;
  } 
}

@media (min-width: 1300px) {
  .progress-location-pst img,
  .progress-location-udl img {
    display: inline-block;
  } 
  .progress-location-pst p {
    top:  10px;
  }
  .progress-location-udl p {
    top:  18px;
  } 
}

@media (min-width: 992px) and (max-width: 1080px) { 
  .progress-location-pst p,
  .progress-location-udl p {
    font-size:  0.75rem;
  } 
 }

 /** END Counter (Lesesaalauslastung) **/


/** Anpassung card groups für Abteilungen **/
div#c183435 .card-title {
    font-size: 1rem;
}
div#c183435 .card-footer {
    display: none;
}

/** Startseitenkacheln **/
@media (min-width:992px) and (max-width:1533px) {
  h4.card-title {
    font-size: 0.89rem !important;
    letter-spacing: -1px !important;
  }
  
  .card-body {
    padding: .8rem !important;
  }
}

/** Buttons as image replacement **/
.buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.buttons button {
    font-family: "Noto Sans", sans-serif;
    font-size: 0.875rem;
    margin: 0;
    background-color: #b5123e;
    color: #fff1f2;
    border: none;
    padding: 14px 24px;
    font-weight: 400;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    min-width: 100%;
    box-sizing: border-box;
    overflow: visible;
    justify-content: flex-start;
    cursor: pointer;
    text-align: left;
}
.buttons button:hover {
    background-color: #87143a;
}
.buttons button:focus {
    background-color: #b5123e;
    outline: 5px solid #fa7289;
    outline-offset: -4px;
    color: #fff1f2;
    fill: #fff1f2;
}
.buttons button:active {
    background-color: #87143a;
    outline: 5px solid #fa7289;
    outline-offset: -4px;
}
.buttons button svg {
    fill: #fff1f2;
    margin-right: 8px;
    max-width: 1.5rem;
    min-width: 1.5rem;
}
.buttons .secondaryButton {
    background-color: transparent;
    color: #b5123e;
    outline: 2px solid #b5123e;
    outline-offset: -2px;
}
.buttons .secondaryButton svg {
    fill: #b5123e;
}
.buttons .secondaryButton:hover{
    color: #fff1f2;
    fill: #fff1f2;
    outline: 2px solid #87143a;
}
.buttons .secondaryButton:active,
.buttons .secondaryButton:focus {
    color: #fff1f2;
    fill: #fff1f2;
    outline: 5px solid #fa7289;
}
.buttons .secondaryButton:hover svg,
.buttons .secondaryButton:active svg,
.buttons .secondaryButton:focus svg {
    color: #fff1f2;
    fill: #fff1f2;
    outline:none;
}
.buttons button .buttonHeading {
    font-weight: 600;
    font-size: 1rem;
}
.buttons button .verticalFlow {
    display: flex;
    flex-direction: column;
}

.auskunftBookingBtns {
    font-family: "Noto Sans", sans-serif;
    font-size: 0.875rem;
    margin: 0;
    background-color: #b5123e;
    color: #fff1f2;
    border: none;
    padding: 14px 24px;
    font-weight: 400;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    min-width: 100%;
    box-sizing: border-box;
    overflow: visible;
    justify-content: flex-start;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
}
.auskunftBookingBtns:hover {
    background-color: #87143a;
    color: #fff1f2;
    text-decoration:none;
}
.auskunftBookingBtns:focus {
    background-color: #b5123e;
    outline: 5px solid #fa7289;
    outline-offset: -4px;
    color: #fff1f2;
    fill: #fff1f2;
    text-decoration: none;
}
.auskunftBookingBtns:active {
    background-color: #87143a;
    outline: 5px solid #fa7289;
    outline-offset: -4px;
    text-decoration: none;
}
.auskunftBookingBtns svg {
    fill: #fff1f2;
    margin-right: 8px;
    max-width: 1.5rem;
    min-width: 1.5rem;
}
.auskunftBookingBtns .buttonHeading {
    font-weight: 600;
    font-size: 1rem;
}
.auskunftBookingBtns .verticalFlow {
    display: flex;
    flex-direction: column;
}
.auskunftBtn {
    margin-bottom: 8px;
}
.stabibookingBtn {
    background-color: transparent;
    color: #b5123e;
    outline: 2px solid #b5123e;
    outline-offset: -2px;
}
.stabibookingBtn svg {
    fill: #b5123e;
}
.stabibookingBtn:hover {
    color: #fff1f2;
    fill: #fff1f2;
    outline: 2px solid #87143a;
    text-decoration:none;
}
.stabibookingBtn:active,
.stabibookingBtn:focus {
    color: #fff1f2;
    fill: #fff1f2;
    outline: 5px solid #fa7289;
    text-decoration: none;
}
.stabibookingBtn:hover svg,
.stabibookingBtn:active svg,
.stabibookingBtn:focus svg {
    color: #fff1f2;
    fill: #fff1f2;
    outline: none;
    text-decoration: none;
}

/** 2023 landing page redesign **/
/** ##########################
 */
#landing,
#landing a,
#landing p,
#landing h1 {
    font-family: "Noto Sans", "Noto Sans Regular", sans-serif;
}

#landing h2,
#landing h3 {
    font-family: "Noto Sans Black", "Noto Sans Regular", sans-serif;
}

#header a {
    color: #FFFFFF;
    text-decoration: unset;
}

#header button[type="button"] {
    margin-bottom: 0;
}

#header .gebardensprache,
#header .leichteSprache {
    display: none;
}

#landing .primaryBtn a {
    color: #FFFFFF;
    text-decoration: unset;
}
#landing .primaryBtn:hover a {
    color: #cbd5e1;
}
#landing .faqItem .primaryBtn:hover a,
#landing .beratungsangebote .primaryBtn:hover a {
    color: #FFFFFF;
}
#landing .secondaryBtn a {
    color: #2f3e6a;
    text-decoration: unset;
}
#landing .secondaryBtn:hover a {
    color: #1e2743;
}

#landing *:not(input):focus-visible {
    outline: 3px solid #cd385c;
    outline-offset: 2px;
    border-radius: 5px;
}

#landing .searchBtn:focus-visible {
    outline: 3px solid #cd385c;
    outline-offset: 2px;
    border-radius: 5px;
    z-index: 1;
}

#landing .faqWrapper button:focus-visible,
#landing .beratungsangebote button:focus-visible {
    outline: 3px solid #cd385c;
    outline-offset: -3px;
    border-radius: 5px;
}

#landing .faqWrapper .secondaryBtn:focus-visible,
#landing .slideText button:focus-visible {
    outline: 3px solid #cd385c;
    outline-offset: 2px;
    border-radius: 5px;
    outline-offset: -3px;
}

#landing .faqWrapper .carousel-control-prev:focus-visible,
#landing .faqWrapper .carousel-control-next:focus-visible {
    outline: 3px solid #cd385c;
    border-radius: 5px;
    outline-offset: -6px;
}

#landing .moreLink:focus-visible {
    outline: 3px solid #cd385c;
    border-radius: 5px;
    outline-offset: 4px;
}

#landing {
    font-size: 1rem;
}

#landing .visuallyhidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}

#landing h2,
#landing .whiteH2 {
    font-size: 1.5rem;
}

@media (max-width: 575.98px) {
    #landing h3 {
        font-size: 1.3rem;
    }

    #landing p,
    #landing .moreLinkButton,
    #landing .moreLink,
    #landing .straßenname {
        font-size: 1rem;
    }

    #landing .countNumber {
        font-size: 2.125rem;
        margin-left: 0px;
    }

    #landing .count svg {
        display: none;
    }

    #landing .straßenname {
        font-size: 0.9rem;
        font-weight: 700;
    }

    #landing .freiePlätzeContainer {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .navbar {
        padding: 16px;
    }

    #landing .carousel-indicators>li {
        color: transparent;
        width: 30px;
    }

    #landing .beratungsWrapper,
    #landing .veranstaltungenWrapper {
        padding: 0px 30px;
    }

    #header .form-control {
        padding-right: 0px;
    }

    #landing .faqWrapper {
        min-height: 611px;
        justify-content: center;
        align-items: center;
        display: flex;
        padding: 64px 0px;
    }

    #landing .faqContainer .öffnungszeitenTage .öffnungszeitenMoFr,
    #landing .faqContainer .öffnungszeitenTage .öffnungszeitenSo {
        gap: 8px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }
}

@media (min-width: 576px) {

    #landing h2,
    #landing .whiteH2 {
        font-size: 1.5rem;
    }

    #header .navbar-nav .navSuche .nav-link {
        justify-content: flex-start;
    }

    #landing h3 {
        font-size: 1.3rem;
    }

    #landing p,
    #landing .moreLink,
    #landing .straßenname {
        font-size: 1.25rem;
    }

    #landing .moreLinkButton {
        font-size: 1rem;
    }

    #landing .count svg {
        width: 72px;
    }

    #landing .countNumber {
        font-size: 2.375rem;
        margin-left: 8px;
    }

    #landing .freiePlätzeContainer {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        gap: 32px;
    }

    .navbar {
        padding: 16px 0px;
    }

    #landing .carousel-indicators>li {
        color: white;
        width: fit-content;
    }

    #landing .beratungsWrapper,
    #landing .veranstaltungenWrapper {
        padding: 0px 30px;
    }

    #header .form-control {
        padding-right: 0px;
    }

    #landing .faqContainer .öffnungszeitenTage {
        flex-direction: column;
    }

    #landing .faqWrapper {
        min-height: 611px;
        justify-content: center;
        align-items: center;
        display: flex;
        padding: 64px 0px;
    }

    #landing .faqContainer .öffnungszeitenTage .öffnungszeitenMoFr,
    #landing .faqContainer .öffnungszeitenTage .öffnungszeitenSo {
        gap: 8px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }
}

@media (min-width: 768px) {

    #header .navSecondRow,
    #header .navFirstRow {
        gap: 0px;
    }

    #header .navbar-nav .navSuche .nav-link {
        justify-content: flex-start;
    }

    #landing h2,
    #landing .whiteH2 {
        font-size: 2rem;
    }

    #landing h3 {
        font-size: 1.25rem;
    }

    #landing p,
    #landing .moreLinkButton,
    #landing .moreLink {
        font-size: 1rem;
    }

    #landing .straßenname {
        font-size: 1rem;
    }

    #landing .countNumber {
        font-size: 2.375rem;
    }

    #header .form-control {
        padding-right: 0px;
    }

    #landing .faqContainer .öffnungszeitenTage {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    #landing .faqContainer .öffnungszeitenTage .öffnungszeitenMoFr,
    #landing .faqContainer .öffnungszeitenTage .öffnungszeitenSo {
        align-items: center;
    }
}

@media (min-width: 992px) {

    #header .navbar-nav .navSuche .nav-link {
        justify-content: flex-end;
    }

    #header .navSecondRow,
    #header .navFirstRow {
        gap: 16px;
    }

    #header .form-control {
        padding-right: 8px;
    }

    #landing .faqWrapper {
        height: 418px;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    #landing .faqContainer .öffnungszeitenTage .öffnungszeitenMoFr,
    #landing .faqContainer .öffnungszeitenTage .öffnungszeitenSo {
        gap: 8px;
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 1200px) {

    #landing h2,
    #landing .whiteH2 {
        font-size: 2rem;
    }

    #landing h3 {
        font-size: 1.25rem;
    }

    #landing p,
    #landing .moreLinkButton,
    #landing .moreLink {
        font-size: 1rem;
    }

    #landing .straßenname {
        font-size: 1rem;
    }

    #landing .faqWrapper {
        min-height: 418px;
        justify-content: center;
        align-items: center;
        display: flex;
        padding: 64px 0px;
    }

    .col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
}

@media (min-width: 1400px) {

    #header .navSecondRow,
    #header .navFirstRow {
        gap: 16px;
    }

    #landing h2,
    #landing .whiteH2 {
        font-size: 2.125rem;
    }

    #landing h3 {
        font-size: 1.5rem;
    }

    #landing p,
    #landing .moreLinkButton,
    #landing .moreLink {
        font-size: 1.25rem;
    }

    #landing .straßenname {
        font-size: 1rem;
    }

    #landing .countNumber {
        font-size: 2.375rem;
    }

    #landing .carousel-indicators>li {
        color: white;
        width: fit-content;
    }

    #landing .faqWrapper {
        height: 418px;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    #landing .faqContainer .öffnungszeitenTage .öffnungszeitenMoFr,
    #landing .faqContainer .öffnungszeitenTage .öffnungszeitenSo {
        gap: 8px;
        display: flex;
        flex-direction: column;
    }
}

.tx-sbbwppostreader .mbe {
    background-color: #ffd66e;
}

.tx-sbbwppostreader .mbeTextWrapper {
    padding: 8px 0px;
    align-items: center;
    gap: 16px;
}

.tx-sbbwppostreader .mbeText {
    color: #805910;
    font-weight: 700;
    font-size: 0.9rem;
    padding: 4px 0px;
    align-items: center;
    gap: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tx-sbbwppostreader .mbeText:hover {
    text-decoration: none;
}

.tx-sbbwppostreader .mbeTextWrapper .fa-xmark {
    color: #9a7000;
    font-weight: 700;
    font-size: 0.9rem;
}

#landing h2 {
    font-weight: 900;
    color: #334155;
}

#landing .whiteH2 {
    color: #ffffff;
}

.spacingTop16 {
    margin-top: 16px;
}

.spacingTop64 {
    margin-top: 64px;
}

.spacingBottom8 {
    margin-bottom: 8px;
}

.spacingBottom16 {
    margin-bottom: 16px;
}

.spacingBottom24 {
    margin-bottom: 24px;
}

.spacingBottom32 {
    margin-bottom: 32px;
}

#landing .customPaddingLR30 {
    padding: 0px 30px;
}

#landing .hidden {
    visibility: hidden;
}

#header {
    background-color: #2f3e6a;
    color: #ffffff;
    display: flex;
    flex-direction: column;
}

#header .collapse-logo {
    max-width: 230px;
    display: block;
}

@media (min-width: 992px) {
    #header .collapse-logo {
        display: none;
    }
}

#header .extended-logo {
    width: 230px;
}

@media (max-width: 992px) {
    #header .extended-logo {
        display: none;
    }
}

@media screen and (max-width: 992px) {
    #header .navFirstRow {
        padding-bottom: 16px;
        border-width: 1px;
        border-style: solid;
        border-image: linear-gradient(to left, #2f3e6a 60%, #ffffff 60%) 0 0 100% 0;
    }

    #header .navbar-nav .nav-item:not(.dropdown) {
        margin-right: 22px;
    }

}

#header .nav-link {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    gap: 8px;
    align-items: center;
}

#header .dropdown-menu {
    background-color: #2f3e6a;
    border: none;
    border-radius: 0px;
    text-align: initial;
}

#header .dropdown-toggle::after {
    border: none !important;
    content: unset;
}

#header .dropdown-item {
    color: #ffffff;
    margin-right: 12px;
}

#header .dropdown-item:hover {
    background-color: #1e2743;
}

#header #navbarDropdown {
    display: flex;
    align-items: center;
    gap: 8px;
}

#header #navbarDropdown:hover,
#header .nav-link:hover {
    color: #ced5e9;
}

#header .navbar .container {
    align-items: flex-start;
}

#header .navbar-nav .navSuche {
    width: 100px;
}

section.searchBox {
    background-color: #2f3e6a;
    width: 100%;
    padding-top: 32px;
    padding-bottom: 32px;
    position: absolute;
    z-index: 2;
    display: none;
}

section.searchBox .searchFilters {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

section.searchBox .filterInactive {
    opacity: 0.6;
}

section.searchBox .filterInactive .hideIcon {
    visibility: hidden;
}

section.searchBox .searchFilters a {
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    gap: 8px;
    font-size: 1rem;
    font-weight: 700;
}

section.searchBox input {
    all: unset;
    font-size: 1.5rem;
    color: #FFFFFF;
    border-bottom: 2px solid white;
    padding-bottom: 4px;
    font-family: "Noto Sans", "Noto Sans Regular", FontAwesome, "Open Sans", Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;

}

#landing .heroItem {
    background-size: cover;
    background-position: center;
    min-height: 700px;
    height: 67vh;
}

#landing .carousel-indicators {
    gap: 16px;
    margin-bottom: 64px;
    display: flex;
    align-items: flex-end;
}

#landing .carousel-indicators>li,
#landing .carousel-indicators>li.active {
    height: auto;
    background: transparent;
    border-bottom: solid 2px #ffffff;
    padding-bottom: 4px;
    text-indent: 0;
    font-weight: 700;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#landing .faqWrapper .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233c4f86' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

#landing .faqWrapper .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233c4f86' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

#landing .carousel-indicators>li.mobileIndicator,
#landing .carousel-indicators>li.mobileIndicator {
    width: 20px !important;
    height: 10px !important;
}

#landing .carousel-control-next,
.carousel-control-prev {
    width: 7%;
}

#landing .input-group .form-control {
    border-radius: 0px;
}

#landing .input-group .form-control {
    height: 48px;
}

#landing .slideTextContainer {
    height: 90%;
    display: flex;
    align-items: center;
}

#landing .slideText {
    display: flex;
    flex-direction: column;
    color: #ffffff;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

#landing .slideText .slideTextParagraph {
    max-width: 650px;
}

#landing .openTime {
    font-weight: 700;
    font-size: 20px;
    color: #2f3e6a;
    text-transform: Uppercase;
    letter-spacing: 0.8px;
}

#landing .link {
    font-weight: 600;
    color: #ffffff;
    border-bottom: 2px solid #ffffff;
    text-decoration: none;
}

#landing .blueLink {
    color: #2f3e6a;
    border-bottom: 2px solid #2f3e6a;
}

#landing .link:hover {
    color: #cbd5e1;
    border-bottom: 2px solid #cbd5e1;
    text-decoration: none;
}

#landing .blueLink:hover {
    color: #1e2743;
    border-bottom: 2px solid #1e2743;
}

#landing .freiePlätzeWrapper {
    display: flex;
    flex-direction: column;
    gap: 8px;
    display: none;
}

#landing .straßenname {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: fit-content;
}

#landing .count {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 4px;
}

#landing .countNumber {
    font-weight: 800;
    line-height: 38px;
}

#landing .neuNutzendeWrapper {
    padding: 64px 0px;
}

#landing .neuNutzendeContainer h2 {
    margin-bottom: 32px;
}

#landing .pGrey {
    color: #475569;
}

#landing .faqWrapper {

    background-color: #dce1ef;
}

#landing .faqContainer {
    display: flex;
    flex-direction: row;
    padding: 0px;
    gap: 32px;
}

#landing .faqContainer .öffnungszeitenTage {
    gap: 32px;
    color: #3c4f86;
    font-size: 1.25rem;
    border-left: 5px solid #3c4f86;
    padding-left: 16px;
}

#landing .faqContainer .öffnungszeitenTage .öffnungszeitenMoFr .wochentage,
#landing .faqContainer .öffnungszeitenTage .öffnungszeitenSo .wochentage {
    margin: 0px;
    font-weight: 700;
}

#landing .faqContainer .faqItem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#landing .blueText {
    color: #3c4f86;
}

#landing .blueH2 {
    margin-bottom: 16px;
    color: #3c4f86;
}

#landing .faqItem .slideNumbers {
    font-weight: 900;
    font-size: 20px;
    letter-spacing: 4px;
    margin-bottom: 16px;
    color: #3c4f86;
}

#landing .btnWrapper {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

#landing .primaryBtn {
    background-color: #2f3e6a;
    color: #ffffff;
    border: none;
    outline: none;
    font-weight: 700;
    letter-spacing: 0.8px;
    background-color: #2f3e6a;
    padding: 16px 24px;
    transition: background-color 0.2s ease-in-out;
}

#landing .searchBtn {
    background-color: #2f3e6a !important;
    color: #ffffff;
    border: none;
    outline: none;
    font-weight: 700;
    letter-spacing: 0.8px;
    background-color: #2f3e6a;
    transition: background-color 0.2s ease-in-out;
    padding: 12px 24px;
    height: auto;
}

#landing .searchBtn:hover {
    background-color: #1e2743 !important;
}

#landing .primaryBtn:hover {
    background-color: #1e2743;
    padding: 16px 24px;
}

#landing .secondaryBtn {
    outline: 3px solid #2f3e6a;
    outline-offset: -3px;
    background: none;
    color: #2f3e6a;
    border: none;
    padding: 16px 24px;
    font-weight: 700;
    letter-spacing: 0.8px;
    transition: background-color 0.2s ease-in-out;
}

#landing .secondaryBtn:hover {
    outline: 3px solid #1e2743;
    color: #1e2743;
}

#landing .aktuelles {
    background-color: #ffffff;
    padding: 64px 0px;
}

#landing .aktuelles .articlesContainer {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media screen and (max-width: 768px) {
    #landing .aktuelles .articlesContainer .articlesItem {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}

#landing .aktuelles .articlesItem .articleText .date {
    color: #64748b;
    font-weight: 800;
    margin-bottom: 8px;
    font-size: 18px;
}

#landing .aktuelles .articlesItem .articleText h3 {
    color: #334155;
    font-weight: 900;
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

#landing .aktuelles .articlesItem .articleText p {
    color: #475569;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}

#landing .aktuelles .articleImage {
    margin-right: 32px;
}

#landing .moreLink {
    text-decoration: none;
    font-weight: 700;
    color: #8f243e;
    letter-spacing: 0.8px;
    align-items: center;
    gap: 8px;
    border-bottom: 3px solid #8f243e;
    padding-bottom: 10px;
}

#landing .moreLinkButton {
    outline: 3px solid #8f243e;
    outline-offset: -3px;
    background: none;
    text-decoration: none;
    padding: 16px 24px;
    font-weight: 700;
    color: #8f243e;
    letter-spacing: 0.8px;
    align-items: center;
    gap: 8px;
    justify-content: center;
}

#landing .moreLinkButton:hover {
    outline: 3px solid #62192b;
    color: #62192b;
}

#landing .moreLink:hover {
    color: #62192b;
    border-bottom: 3px solid #62192b;
}

#landing .beratungsangebote {
    background-color: #dce1ef;
    padding: 64px 0px;
}

#landing .beratungsangebote .beratungsWrapper {
    display: flex;
    flex-direction: row;
    gap: 32px;
}

#landing .beratungsangebote .beratungsWrapper .beratungsText {
    display: flex;
    flex-direction: column;
}

#landing .kulturwerk {
    background-image: linear-gradient(32deg,
    hsla(0, 0%, 0%, 0.82) 0%,
    hsla(0, 0%, 0%, 0.81) 10.3%,
    hsla(0, 0%, 0%, 0.78) 19.4%,
    hsla(0, 0%, 0%, 0.735) 27.5%,
    hsla(0, 0%, 0%, 0.676) 34.6%,
    hsla(0, 0%, 0%, 0.607) 41%,
    hsla(0, 0%, 0%, 0.531) 46.9%,
    hsla(0, 0%, 0%, 0.451) 52.3%,
    hsla(0, 0%, 0%, 0.369) 57.4%,
    hsla(0, 0%, 0%, 0.289) 62.5%,
    hsla(0, 0%, 0%, 0.213) 67.6%,
    hsla(0, 0%, 0%, 0.144) 73%,
    hsla(0, 0%, 0%, 0.085) 78.8%,
    hsla(0, 0%, 0%, 0.04) 85.1%,
    hsla(0, 0%, 0%, 0.01) 92.1%,
    hsla(0, 0%, 0%, 0) 100%),
    url(/typo3conf/ext/sbb_sitepackage/Resources/Public/Images/SBB/landing/kultuwerk.jpeg);
    background-size: cover;
    background-position: center;
    min-height: 700px;
    height: 80vh;
    display: flex;
    align-items: center;
}

#landing .btnWhite {
    background: rgba(0, 0, 0, 0.2);
    color: #ffffff;
    border: 3px solid #ffffff;
    width: fit-content;
    padding: 16px 24px;
}

#landing .btnWhite:hover {
    color: #cbd5e1;
    border: 3px solid #cbd5e1;
    background: rgba(0, 0, 0, 0.2);
}

#landing .veranstaltungen {
    background-color: #ffffff;
    padding: 64px 0px;
}

#landing .filters {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#landing .selectdiv {
    position: relative;
    /*Don't really need this just for demo styling*/

    float: left;
    min-width: 200px;
    margin: 50px 33%;
}

/* IE11 hide native button (thanks Matt!) */

#landing select::-ms-expand {
    display: none;
}

#landing .selectdiv:after {
    content: "<>";
    font:
            17px "Consolas",
            monospace;
    color: #333;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 11px;
    /*Adjust for position however you want*/

    top: 18px;
    padding: 0 0 2px;
    border-bottom: 1px solid #999;
    /*left line */

    position: absolute;
    pointer-events: none;
}

#landing .selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */

    display: block;
    width: 100%;
    max-width: 320px;
    height: 50px;
    float: right;
    margin: 5px 0px;
    padding: 0px 24px;
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    -ms-word-break: normal;
    word-break: normal;
}

#landing .veranstaltungenItem .veranstaltungsImg {
    background-image: linear-gradient(0deg,
    hsla(0, 0%, 0%, 0.82) 0%,
    hsla(0, 0%, 0%, 0.81) 0%,
    hsla(0, 0%, 0%, 0.78) 0%,
    hsla(0, 0%, 0%, 0.735) 0%,
    hsla(0, 0%, 0%, 0.676) 0%,
    hsla(0, 0%, 0%, 0.607) 0%,
    hsla(0, 0%, 0%, 0.531) 0%,
    hsla(0, 0%, 0%, 0.451) 52.3%,
    hsla(0, 0%, 0%, 0.369) 57.4%,
    hsla(0, 0%, 0%, 0.289) 62.5%,
    hsla(0, 0%, 0%, 0.213) 67.6%,
    hsla(0, 0%, 0%, 0.144) 73%,
    hsla(0, 0%, 0%, 0.085) 78.8%,
    hsla(0, 0%, 0%, 0.04) 85.1%,
    hsla(0, 0%, 0%, 0.01) 92.1%,
    hsla(0, 0%, 0%, 0) 100%),
    url(/assets/img/event1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    width: 100%;
    height: auto;
    min-height: 278px;
    display: flex;
    align-items: flex-end;
}

#landing .veranstaltungenItem #event2 {
    background-image: linear-gradient(0deg,
    hsla(0, 0%, 0%, 0.82) 0%,
    hsla(0, 0%, 0%, 0.81) 0%,
    hsla(0, 0%, 0%, 0.78) 0%,
    hsla(0, 0%, 0%, 0.735) 0%,
    hsla(0, 0%, 0%, 0.676) 0%,
    hsla(0, 0%, 0%, 0.607) 0%,
    hsla(0, 0%, 0%, 0.531) 0%,
    hsla(0, 0%, 0%, 0.451) 52.3%,
    hsla(0, 0%, 0%, 0.369) 57.4%,
    hsla(0, 0%, 0%, 0.289) 62.5%,
    hsla(0, 0%, 0%, 0.213) 67.6%,
    hsla(0, 0%, 0%, 0.144) 73%,
    hsla(0, 0%, 0%, 0.085) 78.8%,
    hsla(0, 0%, 0%, 0.04) 85.1%,
    hsla(0, 0%, 0%, 0.01) 92.1%,
    hsla(0, 0%, 0%, 0) 100%),
    url(/assets/img/event2.jpg);
}

#landing .veranstaltungenItem #event3 {
    background-image: linear-gradient(0deg,
    hsla(0, 0%, 0%, 0.82) 0%,
    hsla(0, 0%, 0%, 0.81) 0%,
    hsla(0, 0%, 0%, 0.78) 0%,
    hsla(0, 0%, 0%, 0.735) 0%,
    hsla(0, 0%, 0%, 0.676) 0%,
    hsla(0, 0%, 0%, 0.607) 0%,
    hsla(0, 0%, 0%, 0.531) 0%,
    hsla(0, 0%, 0%, 0.451) 52.3%,
    hsla(0, 0%, 0%, 0.369) 57.4%,
    hsla(0, 0%, 0%, 0.289) 62.5%,
    hsla(0, 0%, 0%, 0.213) 67.6%,
    hsla(0, 0%, 0%, 0.144) 73%,
    hsla(0, 0%, 0%, 0.085) 78.8%,
    hsla(0, 0%, 0%, 0.04) 85.1%,
    hsla(0, 0%, 0%, 0.01) 92.1%,
    hsla(0, 0%, 0%, 0) 100%),
    url(/assets/img/event3.jpg);
}

#landing .veranstaltungenItem #event4 {
    background-image: linear-gradient(0deg,
    hsla(0, 0%, 0%, 0.82) 0%,
    hsla(0, 0%, 0%, 0.81) 0%,
    hsla(0, 0%, 0%, 0.78) 0%,
    hsla(0, 0%, 0%, 0.735) 0%,
    hsla(0, 0%, 0%, 0.676) 0%,
    hsla(0, 0%, 0%, 0.607) 0%,
    hsla(0, 0%, 0%, 0.531) 0%,
    hsla(0, 0%, 0%, 0.451) 52.3%,
    hsla(0, 0%, 0%, 0.369) 57.4%,
    hsla(0, 0%, 0%, 0.289) 62.5%,
    hsla(0, 0%, 0%, 0.213) 67.6%,
    hsla(0, 0%, 0%, 0.144) 73%,
    hsla(0, 0%, 0%, 0.085) 78.8%,
    hsla(0, 0%, 0%, 0.04) 85.1%,
    hsla(0, 0%, 0%, 0.01) 92.1%,
    hsla(0, 0%, 0%, 0) 100%),
    url(/assets/img/event4.jpg);
}

#landing .veranstaltungenItem #event5 {
    background-image: linear-gradient(0deg,
    hsla(0, 0%, 0%, 0.82) 0%,
    hsla(0, 0%, 0%, 0.81) 0%,
    hsla(0, 0%, 0%, 0.78) 0%,
    hsla(0, 0%, 0%, 0.735) 0%,
    hsla(0, 0%, 0%, 0.676) 0%,
    hsla(0, 0%, 0%, 0.607) 0%,
    hsla(0, 0%, 0%, 0.531) 0%,
    hsla(0, 0%, 0%, 0.451) 52.3%,
    hsla(0, 0%, 0%, 0.369) 57.4%,
    hsla(0, 0%, 0%, 0.289) 62.5%,
    hsla(0, 0%, 0%, 0.213) 67.6%,
    hsla(0, 0%, 0%, 0.144) 73%,
    hsla(0, 0%, 0%, 0.085) 78.8%,
    hsla(0, 0%, 0%, 0.04) 85.1%,
    hsla(0, 0%, 0%, 0.01) 92.1%,
    hsla(0, 0%, 0%, 0) 100%),
    url(/assets/img/event5.jpg);
}

#landing .veranstaltungenItem #event6 {
    background-image: linear-gradient(0deg,
    hsla(0, 0%, 0%, 0.82) 0%,
    hsla(0, 0%, 0%, 0.81) 0%,
    hsla(0, 0%, 0%, 0.78) 0%,
    hsla(0, 0%, 0%, 0.735) 0%,
    hsla(0, 0%, 0%, 0.676) 0%,
    hsla(0, 0%, 0%, 0.607) 0%,
    hsla(0, 0%, 0%, 0.531) 0%,
    hsla(0, 0%, 0%, 0.451) 52.3%,
    hsla(0, 0%, 0%, 0.369) 57.4%,
    hsla(0, 0%, 0%, 0.289) 62.5%,
    hsla(0, 0%, 0%, 0.213) 67.6%,
    hsla(0, 0%, 0%, 0.144) 73%,
    hsla(0, 0%, 0%, 0.085) 78.8%,
    hsla(0, 0%, 0%, 0.04) 85.1%,
    hsla(0, 0%, 0%, 0.01) 92.1%,
    hsla(0, 0%, 0%, 0) 100%),
    url(/assets/img/event6.jpg);
}

#landing .veranstaltungenItem #event7 {
    background-image: linear-gradient(0deg,
    hsla(0, 0%, 0%, 0.82) 0%,
    hsla(0, 0%, 0%, 0.81) 0%,
    hsla(0, 0%, 0%, 0.78) 0%,
    hsla(0, 0%, 0%, 0.735) 0%,
    hsla(0, 0%, 0%, 0.676) 0%,
    hsla(0, 0%, 0%, 0.607) 0%,
    hsla(0, 0%, 0%, 0.531) 0%,
    hsla(0, 0%, 0%, 0.451) 52.3%,
    hsla(0, 0%, 0%, 0.369) 57.4%,
    hsla(0, 0%, 0%, 0.289) 62.5%,
    hsla(0, 0%, 0%, 0.213) 67.6%,
    hsla(0, 0%, 0%, 0.144) 73%,
    hsla(0, 0%, 0%, 0.085) 78.8%,
    hsla(0, 0%, 0%, 0.04) 85.1%,
    hsla(0, 0%, 0%, 0.01) 92.1%,
    hsla(0, 0%, 0%, 0) 100%),
    url(/assets/img/event7.jpg);
}

#landing .veranstaltungenItem #event8 {
    background-image: linear-gradient(0deg,
    hsla(0, 0%, 0%, 0.82) 0%,
    hsla(0, 0%, 0%, 0.81) 0%,
    hsla(0, 0%, 0%, 0.78) 0%,
    hsla(0, 0%, 0%, 0.735) 0%,
    hsla(0, 0%, 0%, 0.676) 0%,
    hsla(0, 0%, 0%, 0.607) 0%,
    hsla(0, 0%, 0%, 0.531) 0%,
    hsla(0, 0%, 0%, 0.451) 52.3%,
    hsla(0, 0%, 0%, 0.369) 57.4%,
    hsla(0, 0%, 0%, 0.289) 62.5%,
    hsla(0, 0%, 0%, 0.213) 67.6%,
    hsla(0, 0%, 0%, 0.144) 73%,
    hsla(0, 0%, 0%, 0.085) 78.8%,
    hsla(0, 0%, 0%, 0.04) 85.1%,
    hsla(0, 0%, 0%, 0.01) 92.1%,
    hsla(0, 0%, 0%, 0) 100%),
    url(/assets/img/event8.jpg);
}

#landing .veranstaltungsImg .veranstaltungCategory {
    background-color: white;
    color: black;
    font-size: 14px;
    border-radius: 25px;
    padding: 4px 16px;
    margin-left: 8px;
    margin-bottom: 8px;
    font-weight: 700;
    border: none;
}

#landing .veranstaltungsImg .veranstaltungCategory:hover {
    text-decoration: none;
}

#landing .veranstaltungsImg .eventCategory {
    background-color: #ffa981;
    color: #8e2b06;
}

#landing .veranstaltungsImg .workshopCategory {
    background-color: #ffdaf6;
    color: #b81c9d;
}

#landing .veranstaltungsImg .austellungCategory {
    background-color: #77d1f3;
    color: #00539b;
}

#landing .veranstaltungAttributes {
    display: flex;
    gap: 0px 16px;
    flex-direction: row;
    flex-wrap: wrap;
}

#landing .veranstaltungText {
    margin-top: 20px;
}

#landing .veranstaltungText h3 {
    color: #334155;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#landing .veranstaltungText p {
    color: #475569;
    font-weight: 400;
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#landing #footer-wrapper.row {
    margin: auto;
}