.site-nav li:nth-child(4) a {
    color: var(--link-color); 
    background-color: var(--color-d5);
}

.site-nav li:nth-child(4) .icon:before {
    opacity: 1;
}

.site-subnav {
    display: none;
}

@media screen and (min-width: 600px) {
    .site-subnav {
        display: block;
    }
}

.site-subnav .col:nth-child(2) {
    padding-left: 3em;
}

.site-subnav li:nth-child(1) a,
.site-subnav li:nth-child(3) a,
.site-subnav li:nth-child(5) a {
    border-bottom-color: var(--color-d5-20);
    background-color: var(--color-d5-30);
}

.site-subnav li:nth-child(2) a,
.site-subnav li:nth-child(4) a,
.site-subnav li:nth-child(6) a {
    border-bottom-color: var(--color-d5-30);
    background-color: var(--color-d5-40);
}

.site-subnav li a:hover {
    border-color: var(--color-d4);
    color: var(--link-hvr-color);
    background-color: var(--color-d5);
}

body.linkportal .site-subnav li.xxx a {
    border-bottom: 6px solid var(--bg-color-light);
    background-color: var(--bg-color-dark);
}

.site-theme {
    border-left: 10px solid var(--color-d5);
}

.site-content a.icon {
    color: var(--color-d3);
}

.site-subfooter {
    border-left: 10px solid var(--color-d5);
}

/* formular */
input[type="text"], input[type="button"] {
    border: 0;
    border-bottom: 6px solid var(--color-d5-20);    
    padding: 10px;
    color: var(--gray-light);
    text-align: left;
}

.but {
    border-bottom: 6px solid var(--color-d5-20);
    padding: 0.6em;
    font-size: 0.9rem;
    color: var(--gray-light);
    text-align: center;
    background-color: var(--color-d5-30);
}

.but:hover {
    border-color: var(--color-d4);
    color: var(--link-hvr-color);    
    background-color: var(--color-d5);
    cursor:pointer;
}

/* tabelle */
table {
    table-layout: fixed;
    border-collapse: collapse;    
    -webkit-box-shadow: none;    
            box-shadow: none;
}

tr {
    border-bottom: 1px solid var(--gray-dark); 
    vertical-align: middle;
    background-color: var(--bg-color);
}

tr:last-child {
    border-bottom: 0px;
}


th {
    height: 50px;    
    border: 1px solid #38678f;
    padding: 10px;
    font-weight: lighter;
    color: white;
    text-align: left;    
    text-shadow: 0 1px 0 #38678f;    
    background: steelblue;
}

td {
    border: 0;    
    padding: 0.5em;
    text-align: left;   
}

td:nth-child(2) {
    padding: 0;
}

td a {
    display: block;
    padding: 10px;
    color: var(--color-d3);    
}

td a:hover {
    color: var(--color-d5);
}

tbody tr:nth-child(odd) {
    background-color: var(--bg-color);
}

tbody tr:nth-child(even) {
    background-color: var(--bg-color);
}

tbody tr:hover {
    background-color: var(--bg-color) !important;
}

table.linkdata tbody tr:hover td:nth-child(2):hover {
    background-color: var(--color-d5-20) !important;
}

tbody tr:hover td:nth-child(2):hover a {
    color: var(--white);
}

table.linkdata tr th:nth-child(1),
table.linkdata tr td:nth-child(1) {
    width: 16%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

table.linkdata tr th:nth-child(2),
table.linkdata tr td:nth-child(2) {
    width: 20%;
}

table.linkdata tr th:nth-child(3),
table.linkdata tr td:nth-child(3) {
    width: 64%;
}

table.linkdata tr td:nth-child(1)::first-letter {
    font-size: 1rem;
    font-weight: bold;
}

table.az {
    table-layout: fixed;
}

table.az tr {
    display: none;
}

table.az tr td:nth-child(1) {
    border-left: 0;    
    font-weight: bold;
    color: white;
}

table.az tr td {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

table.az tr td:nth-child(1) {
    width: 6%;
}

table.az tr td:nth-child(3) {
    padding: 10px;
}

table.az tr td:nth-child(10) {
    width: 16%;
}

table.az tr.ohnekat td:nth-child(2) {
    width: 99%;
}

table.az tr.ohnekat {
    opacity: 0.2;
}
    table.az tr td:nth-child(10),
    table.az tr.ohnekat td:nth-child(2) {
        margin-bottom: 1em;
    }
@media (max-width: 999px) {
    table.responsive-table thead {
        display: none;
    }

    table.responsive-table td:nth-child(1),
    table.responsive-table td:nth-child(2),
    table.responsive-table td:nth-child(3) {
        padding: 1em;
    }

    table.responsive-table tr,
    table.responsive-table td {
        display: block;
    }

    table.responsive-table tr {
        position: relative;
        margin-bottom: 1em !important;
        border: 0;
        -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
                box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    }

    table.linkdata tr th:nth-child(1),
    table.linkdata tr td:nth-child(1),
    table.linkdata tr th:nth-child(2),
    table.linkdata tr td:nth-child(2),
    table.linkdata tr th:nth-child(3),
    table.linkdata tr td:nth-child(3) {
        width: 100%;
    }

    table.responsive-table td:nth-child(1),
    table.responsive-table td:nth-child(2),
    table.responsive-table td:nth-child(3) {
        padding: 0.5em 0.75em;
    }

    td a {
        padding: 0;
    }

    table.az tr td,
    table.az tr td:nth-child(1),
    table.az tr td:nth-child(10),
    table.az tr.ohnekat td:nth-child(2) {
        display: block;        
        width: 100%;
        padding: 0.25em 0.5em;
    }

    table.az tr td:nth-child(2),
    table.az tr td:nth-child(3) {
        padding: 0.25em 0.5em;
    }
}

/* listexpander */
.listexpander,
.listexpander ul,
.listexpander li {
    list-style: none;
}

.listexpander li ul {
    margin-top: 1em;
}

.listexpander li ul li {
    font-size: 0.9rem;
}

.listexpander li ul li .col:first-of-type {
    padding-left: 3em;
}

.listexpander li ul li strong {
    font-size: 1.1rem;
}

.listexpander li ul li .col {
    margin-bottom: 1em;
}

p.listexpander {
    display: none;
}

.listexpander .col {
    height: 280px;
    color: var(--gray-dark);    
}

.listexpander .col a {
	display: inline-block !important;
	border: 0 !important;
    padding: 0 !important;
	background-color: transparent !important;    
}
.listexpander .col a span {
	display: inline-block; 
	padding: 0.25em 0;       
	color: var(--white);
}
.listexpander .col a:hover span {
    color: var(--gray-light);
}

@media print {
.but,
input {
    display: none;
}
tbody tr:nth-child(odd),
tbody tr:nth-child(even) {
    background-color: white;
}
}