body { padding: 0 1em 1em;hyphens: auto;}
input { position: absolute; opacity: 0; z-index: -1;}
.row {        display: flex;        max-width: 80%;        margin: 10px 0px 15px 5px;}
.row .col { flex: 1;}
.row .col:last-child { margin-left: 1em;}
/* Accordion styles */ .tabs { border-radius: 8px; overflow: hidden;}
.tab { width: 100%; overflow: hidden;}
.tab-label { display: flex; padding: 1em; font-weight: bold; cursor: pointer;/* Icon */}
.tab-content { height: 0; padding: 0 20px;}
.tab-close { display: flex; padding: 1em; font-size: 0.75em; cursor: pointer;}
input:checked ~ .tab-content { height: 100%; padding: 10px 0px 0px 50px}
.titel {    border-bottom: solid black 1px;}
.center{   text-align: center; }

.kasten {    background: lightgray;    max-width: fit-content;    padding: 20px;display: table;}
@media all and (max-width: 767px) {
    .row {
        max-width: 96%;
    }
    .row .col:last-child {
        margin-left: unset;
    }
    input:checked ~ .tab-content {
        padding: 10px 0px 10px 5px
    }
    h2 {
        font-size: 20px;
    }
    .tab-label {
        padding: 0 0 10px 0;
    }
    .tab-content ul {
        padding: 0 0 0 15px;
    }
    .default_table {
        border-collapse: collapse;
        border-spacing: 0px;
    }
    .default_table th {
        background: lightgrey;
        padding: 0px 5px 0px 10px;
        border: 1px solid;
        border-collapse: collapse;
        border-spacing: 0px;
    }
    .default_table td {
        padding: 0px 5px 0px 10px;
        border: 1px solid;
        border-collapse: collapse;
        border-spacing: 0px;
    }
}