@charset "utf-8";

/* CSS Document */

nav {
    z-index: 10;
    box-sizing: border-box;
    margin-top: 5.5vmin;
    width: 100%;
    text-align: center;
}

nav ul {
    margin: 0;
    padding: 0;
    margin-top: 5px;
}

nav li {
    float: left;
    list-style: none;
}

nav li ul {
    z-index: 7;
    position: absolute;
    text-align: left;
    top: 7vmin;
    padding-top: 2.3vmin;
    /*padding-top:6vmin;*/
    visibility: hidden;
    background: rgba(255, 255, 255, 0.8);
}

nav li ul.rechts {
    right: -3.5vmin;
}

nav li ul li {
    margin-left: 0.5vmin;
    padding: 0.2vmin;
    /* Zeilenabstand */
    padding-bottom: 0.5vmin;
    /*background-color:#FFF;*/
    /*font-size:80%;*/
    float: none;
    list-style: none;
}

nav a {
    padding-left: 1vmin;
    display: block;
    color: #000;
    text-decoration: none;
    font-size: 2vmin;
}

nav a.trenner {
    padding-right: 1vmin;
    padding-left: 1vmin;
    border-right: 0.2vw solid #000;
}


/* Hover Toplevel */

nav li:hover>ul {
    visibility: visible;
}


/* Hamburgermenu */

navih.topmenu {
    z-index: 10;
    box-sizing: border-box;
    display: block;
    height: auto;
    max-height: 0;
    overflow: hidden;
    margin-top: 1vmin;
    transition: all 0.5s;
}

navih ul {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}

navih.topmenu li {
    float: none;
    text-align: right;
    /*font-size:80%;*/
    background-color: #FFF;
    padding: 2px;
}

navih li ul li {
    margin-left: 5px;
    background-color: #FFF;
    float: none;
    list-style: none;
}

navih li a {
    font-family: "BellCent NamNum BT Name and Number" !important;
    display: block;
    color: #000;
    text-decoration: none;
}

navih li ul li a {
    display: block;
    color: #000;
    text-decoration: none;
}

label.hamburg {
    display: block;
    background: #FFF;
    height: auto;
    position: relative;
    top: -7vmin;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
}

.line {
    position: absolute;
    right: 1vmin;
    height: 0.5vmin;
    width: 8vmin;
    background: #000;
    border-radius: 2px;
    display: block;
    transition: 0.5s;
    transform-origin: center;
}

.line:nth-child(1) {
    top: 2vmin;
}

.line:nth-child(2) {
    top: 4vmin;
}

.line:nth-child(3) {
    top: 6vmin;
}

#hamburg:checked+.hamburg .line:nth-child(1) {
    transform: translateY(2vmin) rotate(-45deg);
}

#hamburg:checked+.hamburg .line:nth-child(2) {
    opacity: 0;
}

#hamburg:checked+.hamburg .line:nth-child(3) {
    transform: translateY(-2vmin) rotate(45deg);
}

#hamburg:checked+.hamburg+navih.topmenu {
    max-height: 600px;
}

input#hamburg {
    display: none
}