/* Importieren von anderen CSS Dateien */
@import "";
 
:root{
    --headerLinkColor: #000;
    --headerLinkHover: #8340a3;
    --headerLinkActive: #8340a3;
    --headerLinkDecoration: underline;

    --navMemberBackColor: #000;
    --navMemberLinkColor: #fff;
    --navMemberLinkHover: #8340a3;
    --navMemberLinkActive: #8340a3;
    --navMemberLinkDecoration: underline;

    --contentLinkColor: #8340a3;
    --contentLinkDecoration: underline;
}
*{
    box-sizing: border-box;
}

body{
    margin: 0;
    padding: 0;
}

/* Header */
header{
    width: 100%;
}
header section > img{
    width: 100%;
}

/* Navigation Member */
#nav-member{
    width: 100%;
    background: var(--navMemberBackColor);
}
#nav-member section{
    padding: 1rem;
}
#nav-member section ul{
    width: 95%;
    margin: 0 auto;
    display: flex;
    justify-content: right;
}
#nav-member section ul li{
    list-style: none; 
    margin: 0.6rem;
}
#nav-member section ul li a{
    color: var(--navMemberLinkColor);
    font-size: 1.1rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s linear;
}
#nav-member section ul li a:hover{
    color: var(--navMemberLinkHover);
}
#nav-member section ul li a.nav-member-active{
    color: var(--navMemberLinkActive);
}

/* Header Navigation */ 
nav{
    width: 100%;
}
nav section{
    padding: 1rem;
    width: 95%;
    margin: 0 auto;
}
nav section ul{
    display: flex;
    justify-content: right;
    width: 100%;
}
nav section ul li{
    list-style: none;
    margin: 1rem;
}

nav section ul li a{
    color: var(--headerLinkColor);
    font-size: 1.1rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s linear;
    font-weight: 900;
}
nav section ul li a:hover{
    color: var(--headerLinkHover);
    text-decoration: var(--headerLinkDecoration);
}
nav section ul li a.nav-active{
    color: var(--headerLinkActive);
    text-decoration: var(--headerLinkDecoration);
}

/* Content */
main{
    width: 100%;
}
main section{
    width: 80%;
    margin: 0 auto;
    font-size: 1.3rem;
}
main section h1{
    font-size: 1.5rem;
}
main section a{
    color: var(--contentLinkColor);
    text-decoration: none;
    transition: all 0.3s linear;
}
main section a:hover{
    text-decoration: var(--contentLinkDecoration);
}