/* Grundlayout */

body{
    margin:0;
    font-family: Arial, Helvetica, sans-serif;
    font-size:18px;
    background-color:#f2f2f2;
    color:#222;
}


/* Header */

header{
    background-color:#1f2933;
    color:white;
    padding:20px;
}

header h1{
    margin:0;
}


/* Navigation */

nav{
    background-color:#374151;
    padding:10px;
}

.navlogo{
    float:left;
    height:40px;
    margin-right:20px;
}

nav ul{
    list-style:none;
    float: right;
    margin:0;
    padding:0;
    align-content: right;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 20px;
}

nav li{
    float:right;
    margin-right:20px;
}

nav a{
    color:white;
    text-decoration:none;
    font-weight:bold;
    padding:6px;
}

nav a:hover{
    background-color:#1f2933;
    border-radius:4px;
}


/* Clearfix */

nav::after{
    content:"";
    display:block;
    clear:both;
}


/* Main Layout */

main{
    padding:20px;
    margin:20px;
    overflow:auto;
}


/* Article */

article{
    float:left;
    width:65%;
    background:white;
    padding:15px;
    margin-bottom:20px;
}


/* Sidebar */

aside{
    float:right;
    width:30%;
    background-color:#e5e7eb;
    padding:15px;
    margin-bottom:20px;
}


/* Sections */

section{
    clear:both;
    background:white;
    padding:15px;
    margin-bottom:20px;
}


/* Listen */

ul{
    padding-left:20px;
}


/* Tabelle */

table{
    width:100%;
    border-collapse:collapse;
    margin-top:10px;
}

th{
    background-color:#374151;
    color:white;
}

th,td{
    border:1px solid #444;
    padding:8px;
    text-align:left;
}

table img{
    display:block;
    margin:auto;
}


/* Formular */

form{
    max-width:400px;
    align-self: center !important;
    margin: 0 auto;
}

fieldset{
    border:1px solid #999;
    padding:10px;
}

legend{
    font-weight:bold;
}

input, textarea, select{
    /*width:100%;*/
    box-sizing:border-box;
}


/* Footer */

footer{
    clear:both;
    background-color:#1f2933;
    color:white;
    text-align:center;
    padding:15px;
}


/* Custom Font */

@font-face{
    font-family:'Adtranz Led';
    src:url('../fonts/adtranz-led.woff2') format('woff2');
}

h1{
    font-family:'Adtranz Led';
}

.gender-option{
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 10px;
  
}