body {
    background-position: 0px -150px !important;
    font-size: 20px;
    line-height: 32px;
}

main {
  display: flex;
  justify-content: center;
  max-width: 1920px;
  margin: 0 auto;
}

main > *:first-child {
   padding-top: 0 !important;
}

main > div {
  display: flex;
  flex-wrap: wrap;
  min-height: 100vh;
}

.left-sidebar {
  width: 20%;
}

.right-sidebar {
  width: 20%;
}

.right-sidebar .text{
  font-size: 16px;
}

.main-content {
  margin-top: 150px;
  max-width: 60%;
  flex: 1;
  z-index: 10;
  min-width: 0; 
}

.main-content > .card {
  padding: 0 80px;
}

.left-sidebar,
.right-sidebar {
  position: sticky;
  top: 105px;
  align-self: flex-start;
  flex-shrink: 0;

  margin-top: 400px;
  max-height: calc(100vh - 116px);
  overflow: auto;
}



@media (max-width:992px) {
   .left-sidebar {
	order: 1;
       display: none;
   }
  .right-sidebar {
      width: 100%;  
      order: 3;      
      position: static;
      margin-top: 50px;
      max-height: none;
      overflow: visible;
  }

   main {
     margin: 0 30px;
  }

  main > div {
    width: 100%; 
  }

  .main-content { 
    order: 2;
    max-width: 100%;
    width: 100%;
    flex: 1 1 100%;
  }
}




.left-sidebar  .jumpmarks {
   background-color: transparent;
   margin-bottom: 0;
   padding: 16px 0;
   box-shadow: none !important;
}



.left-sidebar .jumpmarks .navbar-collapse {
   border-color: transparent !important;
}

.left-sidebar .jumpmarks .jump-nav-start a, 
.left-sidebar  .jumpmarks .jump-nav-start:hover .nav-link {
   font-size: 1.1rem;
   font-weight: 800;
   font-style: italic;
   color: #000;
}

.left-sidebar .nav-item .btn.arrow-blue {
   transition: translate 0.5s;
}

.left-sidebar .nav-item:hover .btn.arrow-blue {
   color: var(--bs-orange);
   translate: 10px 0px;
}

.left-sidebar .jumpmarks .nav {
   display: block;
}

.left-sidebar .jumpmarks .nav-link {
  color: #333;
  font-size: 14px;
  padding: 16px 16px 16px 11px;
}

.left-sidebar .jumpmarks .nav-item {
  border-bottom: 1px solid #ccc;
}

.left-sidebar .jumpmarks .nav-item:first-child,
.left-sidebar .jumpmarks .nav-item:last-child {
  border-bottom: 0;
}

.left-sidebar .nav-item.folder {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.left-sidebar .nav-item.folder .nav-link {
  white-space: nowrap;
}

.left-sidebar .nav-item.folder .btn.arrow-blue {
  flex-shrink: 0;
}


.left-sidebar .jumpmarks .nav-link.active {
  font-weight: 600;
  color: rgba(var(--bs-primary-rgb));
}

.left-sidebar  .jumpmarks .nav-item:hover:not(.jump-nav-start) .nav-link {
  font-weight: 600;
  color: #000; 
}

.left-sidebar .jumpmarks .btn-jumpmark {
   margin-left: auto;
}

.left-sidebar  .jumpmarks .btn-jumpmark .nav-link{
   font-size: 16px;
   font-weight: 600;
   color: rgba(var(--bs-primary-rgb));
   padding: 8px 32px;
   border-radius: 20px;
   border: 2px solid rgba(var(--bs-primary-rgb));
}



.main-content .h2 {
    font-size: 2.2rem;
    font-weight: 700;
}


.right-sidebar .text-center .orangebar:after {
    margin: 0.25rem auto 1rem auto;
}




.pansiteelement {
  display: flex;
  justify-content: center;
}

#pansiteelementMTB {
  display: flex;
  justify-content: left;
}

footer .pansiteelement {
  display: block;
}


.element-text .title.blue {
  font-size: 1.75rem;
  font-weight: 600;
  text-transform: none !important;
}

.element-text.mb-0.mb-5 {
   margin-bottom: 0 !important;
}


.accordion-header .accordion-button {
  font-size: 18px;
}


#NewsInfo .teaser-container {
    margin: 10px 0;
    padding: 10px 0 50px 0;
    border-bottom: 0 !important;
    position: relative;
}

#NewsInfo .teaser-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 2%;
    right: 2%;
    border-bottom: 1px solid #ccc;
}

@media (max-width:992px) {

   #NewsInfo .title-headline {
       width: 100% !important;
       font-size: 1.8rem !important;
   }
   #NewsInfo .text.zentriert {
       width: 100% !important;
   }
}

.zitateSlider .zitat.text,
.zitateSlider .zitat.small {
   text-align: center;
}