body {
    font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:400; font-stretch:normal;
}

table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

thead {
    position: sticky;
    top: 0px;
    background-color: Canvas;
    text-align: center;
}

tr td:nth-child(5),
tr td:nth-child(7),
tr td:nth-child(8),
tr td:nth-child(9) {
    text-align: center;
}

th, td {
    padding: 12px 15px;
}

td {
    border-bottom: dotted 1px silver;
    background-color: transparent;
    height: 120px;
}

th {
    box-shadow: inset 0px -1px black;
    text-align: center;
}

img {
    max-width: 140px;
}

a img:hover {
    cursor: zoom-in;
}

#font, #designers, #design-rules {
    width: 120px;
    max-width: 120px;
}

#palette, #merch, #visual, #logo {
    width: 140px;
    max-width: 140px;
}

a, a:visited {
    color: inherit;
    text-decoration-line: underline;
    text-decoration-style: wavy;
    text-decoration-color: #777;
}

body:has(input:checked) table tbody tr { display: none; }
body:has(#check-congress:checked) table tr.congress { display: table-row; }
body:has(#check-camp:checked) table tr.camp { display: table-row; }
body:has(#check-rc3:checked) table tr.rc3 { display: table-row; }
body:has(#check-datenspuren:checked) table tr.datenspuren { display: table-row; }
body:has(#check-easterhegg:checked) table tr.easterhegg { display: table-row; }
body:has(#check-sigint:checked) table tr.sigint { display: table-row; }
body:has(#check-gpn:checked) table tr.gpn { display: table-row; }
body:has(#check-icmp:checked) table tr.icmp { display: table-row; }
body:has(#check-mrmcd:checked) table tr.mrmcd { display: table-row; }
body:has(#check-hackover:checked) table tr.hackover { display: table-row; }
body:has(#check-easterhegg:checked) table tr.easterhegg { display: table-row; }

label {
    -webkit-user-select: none;
    user-select: none;
    border: solid .1px white;
    border-radius: 4px;
    background-color: grey;
    padding: 2px 4px;
    color: white;
    font-weight: bold;
}

input[type=checkbox]:checked + label {
    background-color: green;
}
input[type=checkbox] {
    display: none;
}

img {
    display: block;
}