.section .tablecontent {

    max-width: 1400px ;
    max-width: 1000px ;

    background: white;
    position: relative;


}

ul.letters { display: flex; flex-wrap: wrap; margin: 8px 0;/* width: calc(100% + 16px); transform: translateX(-8px);*/ /*font-size: 16px; overflow: visible; */}
ul.letters li { margin: 0 8px 8px; }
ul.letters li a.current {
    border-color: var(--cta-blue);
    background-color: var(--cta-blue);
    color: #fff;

}
.section .tablecontent>div {
    width: 100%; overflow: auto;

    scrollbar-width: thin;
    scrollbar-color:var(--light-blue);
}
.section .tablecontent>div::-webkit-scrollbar{  background:var(--light-blue); height: 4px;   }
.section .tablecontent>div::-webkit-scrollbar-thumb  { background:var(--hero-blue);	}


.bodytext table { margin: 32px 0; }
.bodytext table:first-child { margin-top:0; }
.bodytext table:last-child { margin-bottom:0; }

.content table { border: 1px solid #bababa; min-width: 100%;

background: white;
}


.content table tbody tr:nth-child(even) { background:var(--bg); }
.content table th,
.content table td { font-size: 14px; padding: 0.5em; vertical-align: top; border: 1px solid #bababa; }

.content table td :is(p,li){ font-size: inherit !important; margin: 0.5em 0 !important; }

.content table th { font-weight: 700; background:var(--hero-blue); color: white; }


@media all and (max-width: 899px) {
    .content table th,
    .content table td { font-size: 12px;   }

}