:root {
                --hintergrund: rgb(143, 196, 146);
                --a-schrift: black;
                --a-hover-schrift: #f2f2f2;
                --a-hover-background: #333;
                --active-background: #04AA6D;
                --active-schrift: white;
            }
            
            div .headerbrand {
                padding-left: 40px;
                padding-top: 8px;
                padding-right: 35px;
                display: flow-root;
            }
            
            div .loginbox {
                margin-top: 10px;
                margin-right: 10px;
                font-size: 1em;
            }
            
            .brandtext {
                font-size: 12px;
                margin-right: auto;
                width: auto !important;
            }
            
            .topnav .brandtext p {
                margin-top: 11px;
                float: left;
                margin-left: 20px;
                font-size: 0.9rem !important;
                font-weight: 700;
            }
            
            .topnav {
                overflow: hidden;
                background-color: var(--hintergrund);
                margin-bottom: 30px;
            }
            
            .topnav a {
                float: left;
                display: block;
                color: var(--a-schrift) !important;
                text-align: center;
                padding: 14px 11px;
                text-decoration: none;
                font-size: 12px !important;
                font-weight: 550;
            }
            
            .topnav a:hover,
            .topnav a:focus {
                background-color: var(--a-hover-background) !important;
                color: var(--a-hover-schrift) !important;
            }
            
            .topnav a.active {
                background-color: var(--active-background);
                color: var(--active-schrift);
            }
            
            .topnav .icon {
                display: none;
            }
            
            @media screen and (max-width: 980px) {
                .topnav a:not(:first-child) {
                    display: none;
                }
                .topnav a.icon {
                    float: right;
                    display: block;
                    margin-left: 12px;
                }
            }
            
            .topnav-right {
                float: right;
            }
            
            @media screen and (max-width: 980px) {
                .topnav.responsive {
                    position: relative;
                }
                .topnav.responsive .icon {
                    position: absolute;
                    right: 0;
                    top: 0;
                }
                .topnav.responsive a {
                    float: none;
                    display: block;
                    text-align: left;
                }
            }