.item-page {padding:24px  24px 24px 0}
h1, h2, h3, h3 , p {margin-bottom:1.0rem}

.btn {background : var(--headerbg); color:#fff; padding:12px 24px; border-radius:30px}
.btn:hover {background : #000; color:#fff}



h3 + * , h2 + * {  margin: 32px 0;}


.container-banner .mod-custom {
  background-color: rgb(73, 132, 190); background-color:rgb(1, 125, 166)}


/* Grund-Container & Typografie */
.dataTables_wrapper {

    color: #374151;
    max-width: 100%;
    margin: 2rem auto;
    line-height: 1.5;
}

/* Header & Filter Bereich */
.dataTables_wrapper .tab_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    gap: 1rem;
    background:#fff;

    select, input {
        padding: 0.5rem;
        border: 1px solid #d1d5db;
        border-radius: 6px;
        background-color: #f9fafb;
        outline-color: #3b82f6;
    }
}

/* Die Tabelle selbst */
 body table.dataTable {
    width: 100%;
    border-collapse: collapse;
    background: white;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1) !important;;
   border:0 !important;

    thead {
        background-color: var(--headerbg) !important;
        border-bottom: 2px solid #e2e8f0 !important;;

        td {
            padding: 0.8rem !important;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.85rem !important;
            letter-spacing: 0.025em;
            cursor: pointer;
             background: var(--headerbg) !important;
            transition: background 0.2s !important; 

            &:hover {
                background-color: #f1f5f9;
            }
        }
    }

    tbody {
        tr {
            border-bottom: 1px solid #f1f5f9;
            transition: background 0.1s;

            &:hover {
                background-color: #f8fafc;
            }

            &.odd { background-color: #ffffff !important; }
            &.even { background-color: aliceblue !important; }
        }
td {      padding: 1rem !important}
      tr:nth-child(2n)  td {
      
            vertical-align: middle;
          background-color: aliceblue !important; 
        }
    }
}

/* Footer & Pagination */
.tab_bottom {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-top: 1.5rem !important;
    font-size: 0.9rem !important;
   background:#fff !important

}

body .dataTables_paginate {
    display: flex !important;
    gap: 0.5rem !important;
     color: #fff !important;
    height:auto !important;


    a.paginate_button {
        padding: 0.4rem 0.8rem !important ;
        border: 1px solid #e5e7eb !important ;
        border-radius: 6px !important ;
        cursor: pointer !important ;
        background: var(--headerbg) !important;
        color: #fff !important;
        transition: all 0.2s !important;
    

        &:hover:not(.paginate_active) {
            background-color: #f3f4f6 !important;
            border-color: #d1d5db !important;
        }

   
    }
}
.tab_bottom_right span {display:flex;   gap: 0.5rem !important;}
 

 body .tab_bottom_right    a.paginate_active {

         padding: 0.4rem 0.8rem !important ;
        border: 1px solid #e5e7eb !important ;
        border-radius: 6px !important ;
        cursor: pointer !important ;
        background: var(--footerbg) !important;
        color: #fff !important;
        transition: all 0.2s !important;
            background-color: #000 !important;
      
            border-color: #3b82f6 !important;
        }


.metismenu.mod-menu .mm-toggler::after {  margin-inline-start: 0;}

.metismenu.mod-menu .mm-toggler {margin-left:12px}


.article-info-term {display:none}