/* --- Variablen definieren --- */
:root {
    --border-radius: 0px;
  }

/* --- Pagination auf den EB-Seiten --- */
 .pagination {
    display: flex;
    justify-content: center;
    --t4-pagination-active-bg: #F9BA76;
    --t4-pagination-active-border-color: #F9BA76;
}
.

/* --- Lücke zwischen Logo und Content schließen --- */
#eb-category-page-table, #system-message-container {
    margin-top: -34px;
}

/* --- Gesamter innerer Bereich --- */
.t4-section .t4-section-inner {
    padding: 0px;
}

/* --- Header - keine weiße Linie mehr als Abschluss --- */
.t4-header {
    border-bottom: 0px;
}

/* --- Logo --- */
.t4-taco-logo {
    padding-top: 0px;
    margin: 0 auto;
    max-width:  1024px;
    width: 100%;
//    box-sizing: border-box;
//    border-top: 1px solid #B7A971;
//    border-left: 1px solid #B7A971;
//    border-right: 1px solid #B7A971;
//    border-bottom: none;
}

/* --- Oberen Rand weg, damit das Logo anschließt --- */
.t4-main-body {
    padding-top: 0rem;
    padding-bottom: 0rem;
    margin: -15px auto;
    max-width: 1024px;
    box-sizing: border-box;
//    border-left: 1px solid #B7A971;
//    border-right: 1px solid #B7A971;
//    border-bottom: 1px solid #B7A971;
//    border-top: none;
}

/* --- Innerer Bereich für Inhalte --- */
.component-inner {
    background-color: #FEF4D8;
    padding: 0 60px 50px 60px;
    border-radius: 0px 0px var(--border-radius) var(--border-radius);
}

/* --- Site Name ausblenden --- */
.navbar-brand.logo-text .site-name {
    display: none;
}

/* --- Links unterstreichen --- */
a {
    text-decoration: underline;
}

/* --- h5 formatieren --- */ 
h5 {
margin-bottom: 1rem;
}

/* --- Listen formatieren --- */
li {
    padding: 0px 4px;
}

ul {
    padding-left: 24px;
}

/* --- Formatierung Menue oben --- */ 
.t4-megamenu.animate.slide .dropdown .dropdown-menu {
    background-color: #F9BA76;
    border-radius: 0px;
    border: 1px solid #B7A971
}

/* --- Formatierung des Footers --- */
.t4-footer {
    padding-top: 15px;
    padding-bottom: 5px;
    border-top: 0px;
}

/* --- Formatierung Accordion Überschrift --- */
.accordion-button {
  background-color:  #fcdda9;
  font-size: 18px;
  font-family: inter;
  font-weight: 500;
  font-style: normal;
  line-height: 1.3;
  color: #000000;
}
/* --- Formatierung Accordion Überschrift, wenn geöffnet--- */
.accordion-button:not(.collapsed) {
  background-color: #fcdda9;
}
/* --- Formatierung Accordion Inhalt --- */
.accordion-body {
  background-color: #FEF4D8;
    color: #000000;
}