body {
font-size: 1.1rem;
}


.navbar-mainnavigation .navbar-nav>li.show>.nav-link:before, .navbar-mainnavigation .navbar-nav>li.active>.nav-link:before {
    opacity: 0.9;
}

.section-column.subcontent-wrap ul {
  list-style-type: none;
  padding: 10px;
  background-color: #f2f2f2;
  border: 1px solid #eee;
  box-shadow: 2px 3px 2px 0px rgba(0, 0, 0, 0.1);
  position: fixed;

}


#page-header #language_menu {
    position: absolute;
    right: 10px;
    /* width: 100px; */
    list-style-type: none;
    /* padding: 0px; */
    display: inherit;
    top: 2px;
}

.language-menu .active a {
    font-weight: bold;
    padding: 0px 3PX;
background-color: #d1d1d1;
border-radius: 5px;
margin-top: 2px;
}
.language-menu  a {}
padding: 3px;
}

#page-header #language_menu a {
padding-left: 10px;
}

@media (min-width: 768px) {
.maincontent-wrap .textmedia-right .textmedia-item, .textmedia-left .textmedia-item, .textpic-right .textmedia-item, .textpic-left .textmedia-item, .textmedia-right .textpic-item, .textmedia-left .textpic-item, .textpic-right .textpic-item, .textpic-left .textpic-item {
    margin-bottom: 0;
  /*  width: 33%; */
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.2rem 1rem;
    margin-bottom: 1rem;
    font-size: 16px;
    list-style: none;
    background-color: #f2f2f2;
}

.breadcrumb-item a, .breadcrumb-item {
  color: #fff;
}

.breadcrumb-section, .breadcrumb-section .container ol
 {
    background-color: #258caf;
    color: #fff !important;
}

.breadcrumb-item.active {
    color: #eee;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #eee;
    content: "/";
}

#page-header {
  background-image: url(/fileadmin/images/logo.png);
background-repeat: no-repeat;
background-size: 570px;
background-position: center 6px;
    background-color: #f2f2f2 !important;
}

#page-header #language_menu {
  position: absolute;
right: 10px;
list-style-type: none;
}

.navbar-mainnavigation .navbar-brand-image {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    /* display: none; */
    width: 1px;
}

.navbar-mainnavigation>.container>.collapse>.navbar-nav:last-child {

  margin-left: 2rem;
margin-right: -1rem;
margin-top: 50px;
}
.navbar-mainnavigation .navbar-brand-image>.navbar-brand-logo-normal {
    display: none;
}

#page-header.navbar-transition {
  background-image: none;

}

 .navbar-mainnavigation.navbar-transition .navbar-brand-image>.navbar-brand-logo-normal {
  display: block;

}

.navbar-mainnavigation.navbar-transition   .navbar-brand-image {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    width: auto;
    /* display: none; */

}



#nav-item-88 .nav-link-text {
  display: none;
}
.lang-1 #nav-item-88 .nav-link-text {
  display: block;
}


.lang-0 #nav-item-88  {
padding-top: 10px;
padding-left: 0 !important;
padding-right: 0 !important;
}

#nav-item-88 .nav-link-icon svg {
  fill: #258caf;
  fill: rgba(0, 0, 0, 0.5);


}

 .navbar-mainnavigation.navbar-transition>.container>.collapse>.navbar-nav:last-child {

  margin-left: auto;
margin-right: -1rem;
margin-top: 0px;
}

.maincontent-wrap .textpic-item.textpic-text {
width: 66%
}

.maincontent-wrap .textpic-below .textpic-item.textpic-text, 
.maincontent-wrap .textpic-above  .textpic-item.textpic-text {
width: 100%;
}

.frame-type-textpic .gallery-item img, .frame-type-textpic .gallery-item picture {
    width: 100%;
    height: auto;
    max-width: 300px;
}


.textpic.textpic-below img, .textpic.textpic-below picture, 
.textpic.textpic-above img, .textpic.textpic-above picture {
max-width: initial;
}	

.card-body {

    background: #f2f2f2;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

h1 , h2 {
    border-bottom: 1px dotted #258caf;
  /*  display: inline-block; */
    color: #258caf;
    font-weight: 600;
    }
    h2 {
border: 0px;
    }

h5 {
font-weight: 500;
}

.news-list-item h3 {
font-weight: 500;
margin-top: 0.5rem;

}

.news-list-item h4 {

margin-top: 0.75rem;
}


.news-list-item .btn, .card-footer {
display: none;
}

.col-sm-6.d-flex {
}

.footer-section-meta a:not(.btn) {
    color: #333;
}

.footer-section-meta {
    color: #333 !important;
    background-color: #258caf;
      background-color: #f2f2f2;
}

.footer-section-meta a:not(.btn):hover, .footer-section-meta a:not(.btn):focus {
  /*  color: #fff; */
  color: #333;
}

.footer-sociallinks .sociallinks-link {
    height: 1.75rem;
    width: 1.75rem;
}
.sociallinks-link-icon {
    font-size: 1.5em;
    text-align: center;
    opacity: 1;
    vertical-align: middle;
}

.container .frame-background-light  {
border-radius: 0px;
background-color: #f4f4f4;
padding: 1em;
}

.frame-background-light h1 {
    display: block;
    border: 0px;
    margin: 6px -0.5em;
    margin-top: -0.5em;
    padding: 10px;
    background-color: rgb(171 164 118 / 66%);
    background-color: #eee;
}
 .subcontent-wrap p, .subcontent-wrap h5 {
font-size: 0.9rem;
 }

 .subcontent-wrap h3 {

font-size: 1.1rem;
 }

 /*
.col-second .badge-primary {
background: transparent;
color: #333;
padding-left: 0px;
font-weight: normal;
}
*/
.extra.badge { font-size: 1.2rem; }
/*
.container .frame-background-light  {
padding: 1em;
 border-radius: 8px;
 border: 1px solid #25a0d226;
 background-color: #25a0d214;
}
*/

.subcontent-wrap .container .frame-background-light  {
padding: 8px;
 border-radius: 8px;
 border: 1px solid #25a0d226;
 background-color: #25a0d214;
 }

.news-list-view h4 {
font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.4rem;
}
/*
.frame { padding-top: 2rem; padding-bottom: 0.5rem; }
*/
.lead {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.4rem;
    padding-bottom: 20px
}

.navbar-toggler {
    padding: 0;
    height: 34px;
    width: 34px;
    position: absolute;
    border: 0;
    top: 22px;
    right: 12px;
}

#p1 .card-img-top picture, #p1 .card-img-top img {
    width: 100%;
    height: auto;
    max-height: 215px;
}

} /* TYPO3 14 upgrade: closes the "@media (min-width: 768px)" block opened above (it was never closed, so all rules
     above this line only apply from 768px - unchanged; the rules below apply to all screen sizes) */

/* language menu copied into the header by JavaScript/Dist/scripts.js (TYPO3 14: no duplicate id any more) */
#page-header .language-menu-header {
    position: absolute;
    right: 10px;
    top: 2px;
    list-style-type: none;
    display: inherit;
}
#page-header .language-menu-header a {
    padding-left: 10px;
}
#page-header .language-menu-header,
#page-header .language-menu-header li { list-style: none; margin: 0; padding-left: 0; }
#page-header .language-menu-header li { display: inline-block; }

/* TYPO3 14 / Bootstrap 5: no extra-wide xxl container (1320px), keep the former maximum width of 1140px */
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}

/* TYPO3 14 / bootstrap_package 16: keep the look of the former site (bootstrap_package 11 / Bootstrap 4) */
/* headings: bootstrap_package 11 scaled them up by 1.3 from 1200px */
@media (min-width: 1200px) {
    h1, .h1 { font-size: 1.95rem; }
    h2, .h2 { font-size: 1.69rem; }
    h3, .h3 { font-size: 1.56rem; }
    h4, .h4 { font-size: 1.43rem; }
    h5, .h5 { font-size: 1.3rem; }
    h6, .h6 { font-size: 1.105rem; }
}
/* links without underline (underline on hover) as before */
#page-content a:not(.btn) { text-decoration: none; }
#page-content a:not(.btn):hover, #page-content a:not(.btn):focus { text-decoration: underline; }
/* Bootstrap 4 badges in the news date/category/tag line: Bootstrap 5 badges are white text without background */
.badge:not(.badge-primary):not([class*="bg-"]) { color: inherit; }
.badge.badge-primary { color: #fff; background-color: var(--bs-primary, #258caf); }

/* TYPO3 14 / bootstrap_package 16: grey boxes (frame background "light") with 1em padding all round as before,
   bootstrap_package 16 sets 42px left/right, so the box headline (negative margin) no longer reached the box edges */
#page-content .frame.frame-background-light { padding: 1em; }
/* content width 1140px also for the frame containers of bootstrap_package 16 (default width: 1320px from 1400px) */
@media (min-width: 1400px) {
    .frame-container-default { max-width: 1140px; }
}
/* breadcrumb: no page icon (home icon) in front of "Home", as before */
.breadcrumb .breadcrumb-icon { display: none; }

/* main navigation as before: no dropdown arrows (separate toggle buttons in bootstrap_package 16), submenus open on
   hover - and on keyboard focus (focus-within), so they stay reachable without the toggle buttons */
@media (min-width: 992px) {
    #page-header .navbar-nav > .nav-item { position: relative; flex-wrap: nowrap; align-items: center; }
    #page-header .navbar-nav > .nav-item > .nav-link-main { font-size: 1.1rem; white-space: nowrap; }
    #page-header .navbar-nav > .nav-item > .nav-link-toggle { display: none; }
    /* only real submenus (items without subpages contain an empty div.dropdown-menu in bootstrap_package 16) */
    #page-header .navbar-nav > .nav-item:hover > .dropdown-menu-simple,
    #page-header .navbar-nav > .nav-item:focus-within > .dropdown-menu-simple { display: block; position: absolute; top: 100%; left: 0; margin-top: 0; }
    /* submenu compact, entries below each other (bootstrap_package 16: flex row), one line per entry as before */
    #page-header .navbar-nav > .nav-item > .dropdown-menu-simple { width: max-content; min-width: 10rem; max-width: 36rem; padding: 0.5rem 0; border-radius: 0.25rem; }
    #page-header .dropdown-menu-simple .dropdown-nav { display: block; width: auto; margin: 0; padding: 0; list-style: none; }
    #page-header .dropdown-menu-simple .dropdown-nav > .nav-item { display: block; width: auto; }
    #page-header .dropdown-menu-simple .nav-link-dropdown { display: block; white-space: nowrap; padding: 0.25rem 1rem; color: #212121; }
}

/* card menus (/veroeffentlichungen) and card groups (bottom of the homepage): whole card clickable as before -
   bootstrap_package 16 only links "Mehr lesen" in the card footer (hidden by this theme); its link is stretched over the
   card (Bootstrap "stretched link" technique, still one link per card, "Mehr lesen" is still read by screen readers) */
.card-menu-item .card,
.card-group-element-item .card { position: relative; }
.card-menu-item .card .card-footer,
.card-group-element-item .card .card-footer { display: block; height: 0; padding: 0; margin: 0; border: 0; overflow: visible; }
.card-menu-item .card .card-footer a,
.card-group-element-item .card .card-footer a { font-size: 0; padding: 0; border: 0; background: none; }
.card-menu-item .card .card-footer a::after,
.card-group-element-item .card .card-footer a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.card-menu-item .card:hover .card-title,
.card-group-element-item .card:hover .card-title { text-decoration: underline; }
/* card title in link colour and weight as before (was a link in bootstrap_package 11), hyphenation instead of
   breaking words anywhere */
.card-menu-item .card .card-title,
.card-group-element-item .card .card-title { color: var(--bs-primary, #258caf); font-weight: 500; hyphens: auto; overflow-wrap: break-word; }