:root {
  --layout-col-section-gap: 20px;
}

.body--dxpr-theme-nav-desktop .dxpr-theme-header--top #logo {
    max-height: 60px !important;
    background: #ededed;
}

.body--dxpr-theme-nav-desktop.body--dxpr-theme-header-side,
.body--dxpr-theme-nav-desktop.body--dxpr-theme-header-side {
    padding-left: 0px !important;
}
/*.menu--footer div.footer-menu {text-align:center;}
ul li {float:left; display:inline-block;font-size: 11pt;position:static; }*/
.dxpr-theme-footer {
	background: #2c2c2c !important;
	color: #fff !important;
        bottom: 0px;
}
.dxpr-theme-header {
	background: #ffffff !important;
	color: #fff !important;
}

ul.menu--meine-aktionen li>a.is-active {
    background-color: #ffffff !important;
    color: #666666 !important;
    text-decoration: none !important;
    font-weight: bold;
}

/* Hauptmenu Farbsetzung: Superfish Default overwrite rules */
ul.sf-menu.sf-style-white a,
ul.sf-menu.sf-style-white a:visited,
ul.sf-menu.sf-style-white span.nolink {
	color: #871d33;
	font-weight: bold;
}
/* Setze den Hintergrund vom Hauptmenu - Interaktionshintergrund */
ul.sf-menu.sf-style-white li:hover,
ul.sf-menu.sf-style-white li.sfHover,
ul.sf-menu.sf-style-white a:focus,
ul.sf-menu.sf-style-white a:hover,
ul.sf-menu.sf-style-white span.nolink:hover {
	background: #ffffff;
}
/* Hauptmenu Hintergrund */
ul.sf-menu.sf-style-white li li,
ul.sf-menu.sf-style-white.sf-navbar > li > ul {
background: #ffffff;
}
ul.sf-menu.sf-style-white li, ul.sf-menu.sf-style-default.sf-navbar {
    background: #fff;
}
ul.sf-menu.sf-style-white li li li {
    background: #ffffff;
}

/* main menu (next to Anmelden-button) */
/* @TODO */

#secondary-header div.region-secondary-header {
  section.block-system-menu-blockmain.clearfix::after {
    display: none;
  }
  section.block-system-menu-blockmain {
    ul.navbar-nav {
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: flex-start;
      padding-top: 1.4rem;

      li > a {
        color: #871d33;
        font-weight: bold;
        transition: color 200ms;
      }
      li > a:focus {
        color: #fff;
      }
      li > a:hover {
        color: #fff;
      }
    }
    @media (max-width: 40em) {
      ul.navbar-nav {
        display: none;
      }
    }
  }
}

/* HEADER - BKS-Portal.rlp Logo */
#logo {
        width: 250px;
        height: auto;
        float: left;
}

/* HEADER - BKS-Portal.rlp Logo */
#logo {
    width: 373px;
    height: 75px !important;
    float: left;
    margin: 10px 10px 10px 0px;
}
#block-hauptmenu {
    padding-left: 40px;
    margin-top: 36px !important;
}

#block-bksportalrlpstartseitequickmenublock {
    padding-right: 10px;
    width: 117px;
    float: right;
}

/* Startseitenmeldungen Landesmeldungen Block Theming */


#block-hauptmenu .sf-depth-1{ background-color: #ededed;}
#block-hauptmenu .sf-depth-2{ font-weight: bold; background-color: #ededed; text-transform:uppercase;}
#block-hauptmenu .sf-depth-3{ font-weight: 400; color: #333333; background-color: #efefef;}
#block-hauptmenu .sf-depth-4{ border-bottom: 1px dashed #333333; background-color: #efefef;}
#block-hauptmenu .sf-depth-5{ }

.dxpr-theme-secondary-header {
}

.dxpr-theme-secondary-header .secondary-header-container {
   margin-bottom: 0;
   background: red url("../images/rlp-logo.png") no-repeat top right;
   background-size: 300px;
}

.block-bks-homepage-quick-menu-block  td
{
   min-width: 30px;
   min-height: 30px;
   padding-right: 10px;
}

.block-bks-blocks-room-administration-block h2.block-title,
.block-bks-blocks-contact-person-block h2.block-title {
   background-color: #4A148c;
   color: #fff;

   margin-top: 0;
   padding-top: 3px;
   padding-left: 10px;
   border-radius:         4px 4px 0px 0px; !important
   -moz-border-radius:    4px 4px 0px 0px; !important
   -webkit-border-radius: 4px 4px 0px 0px; !important
}

section.block-bks-blocks h2{
    margin-top: 0;
    padding-top: 3px;
    padding-left: 10px;
    border-radius:         4px 4px 0px 0px; !important
    -moz-border-radius:    4px 4px 0px 0px; !important
    -webkit-border-radius: 4px 4px 0px 0px; !important
}

.block-views-blockstartseiten-meldungen-mdi-rlp-bks-startseite-meldungen-land {
    margin: 15px;
    padding: 15px;
    padding-top: 0px;
    padding-bottom: 40px;
    background-color: rgb(237,237,237);
    float: left;
}

.block-views-blockstartseiten-meldungen-mdi-rlp-bks-startseite-meldungen-land .block-title {
    font-size: 30px;
    font-weight: 700;
    height:42px;
    line-height: 42px;
    text-size-adjust: 100%;
    color: #2C2C2C;
    -webkit-font-smoothing: antialised;
    font-smoothing: antialiased;
}

.block-views-blockstartseiten-meldungen-mdi-rlp-bks-startseite-meldungen-land h2.bks-titel-statseitenmeldung-land {
    font-size: 20px;
    color: #871d33;
    font-weight: 700;
    text-align: start;
}

.block-views-blockstartseiten-meldungen-mdi-rlp-bks-startseite-meldungen-land img {
   /* width: 100%;*/
    margin-bottom: 15px;
}

div.more-link a,
div.block-more-link-item a {
	color: rgb(44,44,44);
	font-weight: bold;
	font-size:12px;
	position: absolute;
	bottom: -28px;
	text-decoration: underline;
}

.block-views-blockstartseiten-meldungen-mdi-rlp-bks-startseite-meldungen-land .more-link a {
	position:absolute;
	right:0px;
	top: -28px;
}

.stimmungsbild-ansicht {
    width: 100%;
    height: auto;
}

.layout__region--second section.block-views-blockmeine-gruppen-block-mitgliedschaftsauswahl,
.layout__region--second section.block-block-content,
.layout__region--second section.block-bks-katwarn-block {
    background-color: #EDEDED;
}


.layout__region--second section.block-views-blockmeine-gruppen-block-mitgliedschaftsauswahl h2.block-title,
.layout__region--second section.block-block-content h2.block-title,
.layout__region--second section.block-bks-katwarn-block h2 {
    background-color: #871D33;
    color: #fff;
    width: 100%;
    padding-left: 10px;
    margin-top: 10px;
    font-size: 11pt !important;
    font-weight: 700;
    height: 22px;

    margin-top: 0;
    padding-top: 3px;
    padding-left: 10px;
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}

#block-hauptmenu {
    width: auto;
    float: right !important;
}
#block-bks-portal-theme-rlpwappenblock{
    float: right;
}

.breadcrumb {
    background-color: #FFF;
    padding-top: 10px;
}
/*
footer {
    position: relative !important;
    bottom: -30px !important;
}
*/
.block-views-blockaktuelles-meldungen-inhalte-block-aktuelles-meldungen-gruppen-hauptseite {
    position: relative;
    padding: 10px !important;
}
.block-views-blockaktuelles-meldungen-inhalte-block-aktuelles-meldungen-gruppen-hauptseite div.views-view-responsive-grid__item {
    padding: 15px !important;
    background-color: #efefef;
}
.block-views-blockaktuelles-meldungen-inhalte-block-aktuelles-meldungen-gruppen-hauptseite p,
.block-views-blockaktuelles-meldungen-inhalte-block-aktuelles-meldungen-gruppen-hauptseite h5,
.block-views-blockaktuelles-meldungen-inhalte-block-aktuelles-meldungen-gruppen-hauptseite a {
    word-wrap: inherit !important;
    overflow: hidden !important;

}
.block-views-blockaktuelles-meldungen-inhalte-block-aktuelles-meldungen-gruppen-hauptseite div.field-content h5 a {
font-weight: 700 !important;
}

.block-views-blockaktuelles-meldungen-inhalte-block-aktuelles-meldungen-gruppen-hauptseite div.field-content img {
    width: 100% !important;
    height: auto !important;

}
.bks-mehr-link {
    text-decoration: none;
    color: #000;
    font-weight: 700;
    position: absolute;
    left: 15px;
    bottom: 15px;
}
.bks-mehr-link:hover {
    text-decoration: underline;
}
bks-aktuelles-meldung {
    border: 1px solid red !important;
    min-height: 450px !important;
}

div.layout__region--second .field__label,
div.layout__region--third .field__label {
    text-transform: uppercase;
    color: #fff;
    background-color: #871d33;

    width: 100%;
    padding: 10px;

font-weight: 700;
    margin-top: 1em;
    margin-bottom: none;
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    outline: none;
    transition: background .25s ease-in-out;
    -moz-transition: background .25s ease-in-out;
    -webkit-transition: background .25s ease-in-out;
}

.layout__region--second,
.layout__region--third {
    padding-top: 10px;
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0x 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    outline: none;
    transition: background .25s ease-in-out;
    -moz-transition: background .25s ease-in-out;
    -webkit-transition: background .25s ease-in-out;


}

.layout__region--second .field__item,
.layout__region--third .field__item {
    padding: 10px;
    background-color: #ededed;
    border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    outline: none;
    transition: background .25s ease-in-out;
    -moz-transition: background .25s ease-in-out;
    -webkit-transition: background .25s ease-in-out;

}

.layout__region--first,
.layout__region--third,
.layout__region--fourth,
.layout__region--second {
    padding-top: 10px;
}

.views-field-group-roles {
    color: #fff;
    background-color: #B71E3F;
    border: 1px dotted #CCC;

    padding: 10px;
    font-weight: 700;
    margin-top: 1em;
    margin-bottom: 0.5em;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
   -webkit-border-radius: 4px 4px 4px 4px;
    outline: none;
    transition: background .25s ease-in-out;
    -moz-transition: background .25s ease-in-out;
    -webkit-transition: background .25s ease-in-out;
}

/* Style "Raum-Admin"-Block */

.block-bks-blocks-room-administration-block h2.block-title {
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    background-color: #871d33;
    width: 100%;
    padding: 10px;
    font-weight: 700;
    margin-top: 1em;
    margin-bottom: none;
    border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    outline: none;
    transition: background .25s ease-in-out;
    -moz-transition: background .25s ease-in-out;
    -webkit-transition: background .25s ease-in-out;
}

/* Navigationsblock Startseite Copyright-Angabe Theming */

#bks_image_credentials_navi_ele {
   width: auto;
    position: relative;
    float:right;
    left: auto;
    top: -48px;
    right: 0;
    bottom: 0;
    z-index: 2;
    height: auto;
    font-size: .875rem;
    text-align: right;
    color: #fff;
    padding: .875rem 1.56rem;
    margin: 0;
    background: rgba(0, 0, 0, .5);
}

/* Navigationsblock Startseite Bilder auf 100% von Carousel */
.view-bild-navigation-block-inhalte .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 100%;
}

/* Navigationsblöcke Hintergrund mit Padding Abstaenden */
.view-bild-navigation-block-inhalte div.views-view-responsive-grid__item-inner:has(a),
.view-bild-navigation-block-gruppen div.views-view-responsive-grid__item-inner:has(a) {
    background-color: rgb(237,237,237);
    padding-bottom: 20px;
    margin: 15px;
}

/* Navigationsblöcke Startseite Kategorie Layout */

#bks_navigation_element_title {
    text-decoration: underline;
    color: #871d33 !important;
    cursor: pointer;
    font-weight: 700;
    -webkit-font-smooting: antialiased;
    font-size: 1.5em;

}

/* Navigationsblock Titel größer und unterstrichen ohne Zeilenumbruch */
#bks_navigation_element_title a {
    color: #871d33;
    text-align: center;
    width: 100%;
    white-space: nowrap;
}

/* Startseiten Gruppenauswahl als Dashoard umrandet grün (temporär) */
.block-views-blockmeine-gruppen-block-1 {
    border: 5px solid #1B5E20 !important;
    padding: 15px;
}

/* Breadcrumbs - Dopplung am Ende soll nicht von der Anzeige herausgenommen werden. */

ol.breadcrumb li.active {
    display: none;
}

/* Footer soll nicht am unteren Rand kleben  */
/*
html {
    margin-bottom: 30px;
}
*/
/* Startseitentitel soll nicht angezeigt werden */
.page-node-441 h1.page-title {
    display: none;
}

/* Aktuelle Nachrichten News Titel Layout */

.bks-news-title {
  color: #871d33;
  margin-top: 15px;
  font-size: 1.25rem;
  hyphens: auto;
}

.bks-fw-bold {
  font-weight: 700 !important;
}

.bks-text-uppercase {
  text-transform: uppercase !important;
}

.bks-float-left {
  position:relative;
  float: left;
}

.bks-float-right {
  position:relative;
  float:right;
}

.bks-marginb-10 {
    margin-bottom: 10px;
}

.bks-margin-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.bks-news-category-icon::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 10px;
    background-color: #871d33;
    margin-right: 5px;
}

.bks-news-category-delimiter-icon::before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 15px;
    background-color: #333333;
    position: relative;
    top: 3px;
    margin-left: 10px;
    margin-right: 5px;
}

.bks-list-at-bottom {
}

/* Breite des mobilen Headers soll maximal 150px sein */
ul.sf-menu.sf-accordion, ul.sf-menu.sf-accordion ul, ul.sf-menu.sf-accordion li {
    width: auto !important;
    clear: both !important;
}


ul.sf-menu.sf-style-black li, ul.sf-menu.sf-style-black.sf-navbar {
    background: #2c2c2c !important;
}

div.sf-accordion-toggle.sf-style-black a{
    background: #2c2c2c;
    z-index: 1000;
}
/*footer.navbar-fixed-bottom, footer.navbar-fixed-top {
    position: relative !important;
} */



div.layout__region--second section.block {
    margin-top: 15px;
}

div.layout__region--second section.block .field__item,
div.layout__region--third section.block .field__item {
    background-color: #ededed;
    padding: 10px;
}
/* Ansprechpartner Blöcke: BKS-Grüner Hintergrund */
div.layout__region--second section.block .field--name-field-ansprechpartner .field__label,
div.layout__region--second section.block .field--name-field-ansprechpartner-gruppe .field__label,
div.layout__region--third section.block .field--name-field-ansprechpartner .field__label,
div.layout__region--third section.block .field--name-field-ansprechpartner-gruppe .field__label {
    background-color: #1B5E20;
}

/* Dokumenten Blöcke: BKS-Blau Hintergrund */
div.layout__region--second section.block .field--name-field-dokumente .field__label,
div.layout__region--second section.block .field--name-field-organisation-dokumente .field__label,
div.layout__region--second section.block .field--name-field-dokumente-gruppe .field__label,
div.layout__region--third section.block .field--name-field-dokumente .field__label,
div.layout__region--third section.block .field--name-field-organisation-dokumente .field__label,
div.layout__region--third section.block .field--name-field-dokumente-gruppe .field__label {
    background-color: #0D47A1;
}


div.layout__region--second .block-bks-blocks-room-administration-block .field__label,
div.layout__region--third .block-bks-blocks-room-administration-block .field__label {
    background-color: #4A148C;
}
div.bks-startseite-news-andesmeldungen h3.bks-news-title {
    min-height: 42px;
}

/* Layout für Copyright-Angaben bei Bildern */
.bks-image-copyright-layout {
    width: auto;
    position: relative;
    float: right;
    left: auto;
    top: -48px;
    right: 0;
    bottom: 0;
    z-index: 2;
    height: auto;
    font-size: .875rem;
    text-align: right;
    color: #fff;
    padding: .875rem 1.56rem;
    margin: 0;
    background: rgba(0, 0, 0, .5);
}
/* Don't show, if no a-tag is defined */
.view-bild-navigation-block-inhalte div.views-view-responsive-grid__item-inner:not(:has(a)),
.view-bild-navigation-block-gruppen div.views-view-responsive-grid__item-inner:not(:has(a)) {
    .bks-image-copyright-layout {
      display: none;
    }
}

/* BKS Views Underline text */
.bks-text-underline {
    text-decoration: underline;
}

.bks-zahnrad {
    background: transparent url(/modules/contextual/images/gear-select.png) no-repeat 2px 0;
    border: 1px solid transparent;
    display: inline;
    height: 18px;
    margin: 0;
    padding: 0 2px;
    outline: none;
    text-indent: 34px;
    width: 28px;
    overflow: hidden;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.bks-edit-pencil-icon {
    color: transparent;
    position:relative;
    /*float:right;*/
    height:16px;
    width: 16px;
    background: url(data:image/png;base64,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) no-repeat left center;
    background-size: 16px 16px;
    color: transparent;
}
@media (min-width: 1401px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1960px;
  }
}
a:link {
  text-decoration: none;
}
/* override bootstrap overriding the color */
.dxpr-theme-footer a.text-muted {
	color: #fff !important;
}

/* Breadcrumbs - Von Bootstrap5 eingesetzten Seperator löschen. */

ol.breadcrumb li::before {
    content: "";
}

/* Navigation (Collapsible) */

div.region-navigation-collapsible #superfish-main--2-accordion {
  position: absolute;
}

div.region-navigation-collapsible section#block-bks-portal-theme-hauptmenu {
  float: left;
  text-align: left;
  width: auto;
}

div.region-navigation-collapsible a#superfish-main--2-toggle {
  padding: 1em 2.5em 1em 1em;
  min-height: 35px;
}

div.region-navigation-collapsible a#superfish-main--2-toggle::after {
  top: 42%;
}

div.region-navigation-collapsible section {
  margin-top: 0.25em;
}

/* Fix Tab Color */
.html .dxpr-theme-mini-tabs-wrapper .tabs .tabs__tab .tabs__link {
  background-color: #fff;
}

/* Properly theme pages with small content (that would otherwise make the mood image section very large) */
html.html--dxpr-theme-sticky-footer body > div.dialog-off-canvas-main-canvas {
  height: auto;
}

/**
 * *********************************************************
 * ********** Theming to show menu in mobile mode **********
 * *********************************************************
 */
.body--dxpr-theme-nav-mobile #dxpr-theme-main-menu:has(.region-navigation-collapsible) {
  left: auto;
  position: relative;
}
.bksp-footer-title::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 12px;
  background-color: #871d33;
  margin-right: 10px;
  vertical-align: 4px;
}

/*
 * ****************************************************
 * ********** responsive_menu-Module Theming **********
 * ****************************************************
 **/
/**
 * ********** Theming of Burger Symbol **********
 */
section#block-bks-portal-theme-responsivemenumobileicon {
  float: left;
  width: 48px;
}
section#block-bks-portal-theme-responsivemenumobileicon a.responsive-menu-toggle-icon {
  margin-top: 2px;
}
section#block-bks-portal-theme-responsivemenumobileicon a.responsive-menu-toggle-icon::before,
section#block-bks-portal-theme-responsivemenumobileicon a.responsive-menu-toggle-icon::after,
section#block-bks-portal-theme-responsivemenumobileicon a.responsive-menu-toggle-icon .icon {
    background: #871d33;
}
section#block-bks-portal-theme-responsivemenumobileicon a.responsive-menu-toggle-icon .label {
  display: none;
}
/**
 * ********** Theming of List Items **********
 */
div.mm-panel,
div.mm-navbar{
  background: #fff;
}
.mm-listitem::after {
  content: none; /* remove divider under every item*/
}
.mm-listitem__btn:not(.mm-listitem__text) {
  border-left-style: none;
}
div#mm-1 > ul.mm-listview > li.mm-listitem {
  padding-left: 1.25rem;
}
div#mm-1 > ul.mm-listview > li.mm-listitem::after {
  content: '';
  border-color: #ededed;
  border-bottom-width: .3125rem; /* just like mdi */
  border-bottom-style: solid;
  display: block;
  position: absolute;
  left: 1.25rem;
  right: 1.25rem; /*right: 0;*/
  bottom: 0;
}
div#mm-1 > ul.mm-listview > li.mm-listitem a.mm-listitem__text {
  font-size: 1.0rem;
  color: #871d33;
  padding: 1.25rem 0;
}
div#mm-1 > ul.mm-listview > li.mm-listitem > a.mm-listitem__text {
  font-size: 1.265625rem;
  color: #871d33;
  font-weight: 700;
  padding: 1.725rem 0 1.875rem 0; /* prev.: 1.875rem 0 */
}
/**
 * ********** Theming of buttons for opening menus **********
 */
.mm-listitem_vertical {
  align-items: center;
}
.mm-listitem_opened > .mm-listitem__btn, .mm-listitem_opened > .mm-panel {
  background: #fff;
}
.mm-btn_next::after {
  border-color: #871d33;
  /*transform: rotate(45deg);*/ /* arrow pointing up */
  transform: rotate(135deg); /* arrow pointing left */
  right: 23px;
}
.mm-listitem_opened > .mm-listitem__btn::after{
  transform: rotate(225deg);
  right: 23px;
}
/**
 * ********** Theming of SEARCHFIELD **********
 */
div.mm-navbars_top {
  background-color: #fff;
}
div.mm-navbars_top > div.mm-navbar {
  border-color: #ededed;
  border-bottom-width: .3125rem;
  border-bottom-style: solid;
  margin: 0 1.25rem 0 1.25rem;
}
.mm-searchfield {
  margin: 1.25rem 0 2.0rem 0;
}
div.mm-searchfield__input {
  border-width: 1px;
  border-style: solid;
  border-radius: .15rem;
}
.mm-searchfield div.mm-searchfield__input input {
  font-size: 1.125rem;
}
.mm-page .dialog-off-canvas-main-canvas {
  height: auto;
}

/* navigation element edit button flow right, display if admin-toolbar on */
.bks-nav-elem-edit-btn {
  display: none;
}

.toolbar-vertical .bks-nav-elem-edit-btn,
.toolbar-fixed .bks-nav-elem-edit-btn {
    display: inline-block;
    float: right;
    position: absolute;
}

/* allgemeine Regel dass Leerzeichen keine Zeilenumbrüche proviziern */
.no-break {
    white-space: nowrap;
}

/* Titel von Navigationselementen sollen keine Zeilenumbrüche machen */
.navigation-element-block-list h3 {
  white-space: nowrap;
  /*min-width: 300px;*/ /* min-width: 300px führt dazu, dass selbst mit overflow: hidden der Text aus dem div überläuft */
  padding: 0 0.5rem; /* Ansonsten kleben die Überschriften direkt am Rand */
  background-color: transparent !important;
  overflow: hidden;
  text-overflow: ellipsis;
}


#superfish-main--2-toggle {
  margin-right: 10px;
}

.views-view-responsive-grid--horizontal .views-view-responsive-grid__item-inner {
    margin: 0px;

}

.bks-startseite-news-andesmeldungen .views-view-responsive-grid--horizontal .views-view-responsive-grid__item-inner {
    border: 1px solid rgba(212, 212, 218, 0.8) !important;
    border-radius: 4px 4px 0px 0px !important;
    box-shadow: 0 0.25rem 0.625rem rgba(0, 0, 0, 0.1) !important;
    padding: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding: 10px !important;
    height: 100%;
}

.view-bild-navigation-block-inhalte .views-view-responsive-grid__item-inner h3,
.view-bild-navigation-block-gruppen .views-view-responsive-grid__item-inner h3,
.view-bild-navigation-block-inhalte .views-view-responsive-grid__item-inner .views-field-field-verlinkung-2 h3 {
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700 !important;
    color: #555555;
    background-color: rgba(237,237,237,1) !important;
}

.view-bild-navigation-block-inhalte{
    margin-top: 10px;
}


.field--name-field-inhalt img {
    margin: 0px 15px 0px 15px;
}

.block-views-blockaktuelles-meldungen-startseite-startseite-landesmeldung-block > h2.block-title {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

#block-hauptmenu {
  margin-right:5px;
}


#secondary-header .contextual_links a {
    color: #333333;
}

.contextual .trigger {

    position: relative;
    left: -40px;
}

#secondary-header .contextual-links a,
.contextual .trigger a{
    color: #333 !important;
}

/**
 * ********** Theming of col-sections **********
 * the following CSS seems to originally be defined through stable9 theme
 * - threecol-part defined in threecol_section.css
 * - twocol-part defined in twocol_section.css
 *
 * important part:
 * - gaps between cols defined with flexbox 'gaps' property in parent container
 * - thus, one of the cols has to accommodate the width of the gaps
 * - gap defined in var(--layout-col-section-gap)
 *   - biggest width accommodates width
 *   - if all cols have same size, break up the width of the gaps between them
 */
@media screen and (min-width: 40em) {
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    flex: 0 1 calc(50% - (var(--layout-col-section-gap) * .5));
  }
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
    flex: 0 1 33%;
  }
  .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
    flex: 0 1 calc(67% - (var(--layout-col-section-gap)));
  }
  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
    flex: 0 1 25%;
  }
  .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
  .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
    flex: 0 1 calc(75% - (var(--layout-col-section-gap)));
  }
}
.layout--twocol-section {
  gap: var(--layout-col-section-gap);
}

@media screen and (min-width: 40em) {
  .layout--threecol-section--25-50-25 > .layout__region--first,
  .layout--threecol-section--25-50-25 > .layout__region--third,
  .layout--threecol-section--25-25-50 > .layout__region--first,
  .layout--threecol-section--25-25-50 > .layout__region--second,
  .layout--threecol-section--50-25-25 > .layout__region--second,
  .layout--threecol-section--50-25-25 > .layout__region--third {
    flex: 0 1 25%;
  }
  .layout--threecol-section--25-50-25 > .layout__region--second,
  .layout--threecol-section--25-25-50 > .layout__region--third,
  .layout--threecol-section--50-25-25 > .layout__region--first {
    flex: 0 1 calc(50% - (var(--layout-col-section-gap) * 2));
  }
  .layout--threecol-section--33-34-33 > .layout__region--first,
  .layout--threecol-section--33-34-33 > .layout__region--third {
    flex: 0 1 calc(33% - (var(--layout-col-section-gap) * .66));
  }
  .layout--threecol-section--33-34-33 > .layout__region--second {
    flex: 0 1 calc(34% - (var(--layout-col-section-gap) * .68));
  }
}
.layout--threecol-section {
  gap: var(--layout-col-section-gap);
}

@media screen and (min-width: 40em) {
  .layout--fourcol-section > .layout__region {
    flex: 0 1 calc(25% - (var(--layout-col-section-gap) * .75));
  }
}
.layout--fourcol-section {
  gap: var(--layout-col-section-gap);
}

/**
 * BREADCRUMB
 */
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: 0.5rem;
  row-gap: 0.05rem;
  list-style: none;
  padding: 0;
  padding-top: 10px;
  margin: 0;
}

.breadcrumb-item {
  text-align: left;
}


#block-bks-portal-theme-local-tasks {
    display: block;
    position: relative;
    top: 47px;
    clear: both;
    margin-top: 10px;
}
.html .dxpr-theme-mini-tabs-wrapper .tabs .tabs__tab{
    border: 1px solid #efefef;
    border-bottom: 1px solid #6c757d;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.html .dxpr-theme-mini-tabs-wrapper .tabs .tabs__tab.active {
    border-bottom: none;
}

.html .dxpr-theme-mini-tabs-wrapper .tabs .tabs__tab a {
    color: #ebebeb;
    border-bottom: 1px solid #6c757d;
    background-color: #f5f5f5 !important;
    color: #333333 !important;
}

.html .dxpr-theme-mini-tabs-wrapper .tabs .tabs__tab.active a {
    border-left: 1px solid #6c757d;
    border-top: 1px solid #6c757d;
    border-right: 1px solid #6c757d;
    border-bottom: none;
    border-top-right-radius: 5px;
    border-top-left-radius:  5px;
    font-weight: bolder;
    background-color: #fff !important;
    color: #333333;
}

/* optimize local tasks menu for mobile view*/
@media (width <= 48rem) {
  section#block-bks-portal-theme-local-tasks {
    top: 0;
    .tabs .tabs__tab{
        border: none;
        border-radius: unset;
    }

    .tabs .tabs__tab a {
        color: #ebebeb;
        border: none;
        background-color: #f5f5f5 !important;
        color: #333333 !important;
    }

    .tabs .tabs__tab.active a {
        font-weight: bolder;
        background-color: #f5f5f5 !important;
        color: #333333;
        border-radius: unset;
    }
  }
}

.html .dxpr-theme-mini-tabs-wrapper ul.tabs {
    -webkit-box-shadow:none;
    box-shadow:none;
}

.theme-view-block-as-card-with-shadow {
  border: 1px solid rgba(212,212,218,0.8) !important;
  box-shadow: 0 0.25rem 0.625rem rgba(0,0,0,0.1) !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  padding: 10px !important;
  height: 100%;

}
.view-id-auflistungen_aktuelles_meldung.view-display-id-overview_aktuelles_meldung_stellenboerse,
.view-id-auflistungen_aktuelles_meldung.view-display-id-overview_aktuelles_meldung_bks_ticker,
.view-id-auflistungen_aktuelles_meldung.view-display-id-overview_aktuelles_meldung_tech_news {
  .view-content {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }
  /**
   * @TODO: this is a temporary solution that fixes Drupal's inability to properly handle
   * the hook hook_entity_access() in listings (e.g., views)
   * - link regarding above info: https://www.drupal.org/project/views_entity_access_check
   * - alternative: new view
   */
  .views-row:not(:has(a)) {
    display: none;
  }
}

/* Wrapper für die gesamte Seite */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Main Content Bereich wächst */
main,
.main-container,
#main-wrapper {
  flex: 1 0 auto;
}

/* Footer bleibt unten */
footer,
.footer-wrapper,
#footer {
  flex-shrink: 0;
  margin-top: auto;
}

/**
 * ********** Theming of AKTUELLES MELDUNG FULL **********
 */
article.aktuelles-meldung.full #node--aktuelles-meldung--full-date-and-category {
  margin-top: 0.625em;
}

article.aktuelles-meldung.full #node--aktuelles-meldung--full-node-title {
  margin-bottom: 1rem;
}

article.aktuelles-meldung.full #node--aktuelles-meldung--full-date-and-category span {
  font-weight: 700 !important;
  font-size: 1.25rem;
  color: var(--dxt-color-text);
}
article.aktuelles-meldung.full #node--aktuelles-meldung--full-date-and-category span::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 10px;
  background-color: #871d33;
  margin-right: 10px;
}
article.aktuelles-meldung.full #node--aktuelles-meldung--full-node-image {
  float: right;
  margin-left: var(--layout-col-section-gap);
  width: 300px;

  @media (max-width: 40em) {
    width:100%;
  }
}
article.aktuelles-meldung.full #node--aktuelles-meldung--full-node-image img {
  width: 100%;
}
article.aktuelles-meldung.full #node--aktuelles-meldung--full-node-image span {
  position: relative;

  float: right;
  /**
   * this strange way of defining the position is necessary, as the image height
   * for some reason impacts how much the the copyright has to be shifted up-wards
   * to be in line with the bottom border of the image
   */
  bottom: calc(.875rem * 3.4);

  font-size: .875rem;
  color: #fff;
  padding: .875rem 1.56rem;
  margin: 0;
  background: rgba(0, 0, 0, .5);
  height: round(fit-content);

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.bks-portal-user-login-form-suffix {
  display: flex;
  flex-direction: column;
  .bks-portal-user-login-form-suffix-important-links {
    display: flex;
    flex-direction: row;
    margin: 10px 0;
    gap: 0.25rem 1rem;
    flex-wrap: wrap;

  }
  a {
    color: #871D33;
    outline: none;
  }
}