*{box-sizing: border-box; padding: 0px; margin: 0px; word-wrap: break-word;}


body {background-color: #d9d9d9; width: 80%; margin:auto; border-radius: 15px;}

header {width: 100%; background-color: #d9d9d9; border-radius: 15px; margin-top: 20px;}
    
#container {width: 100%; background-color: #ffffff; border-radius: 15px; margin-top: 10px; overflow: auto;}

nav {margin-top: 20px; margin-left: 20px; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 1em; font-weight: bolder;}

nav li {display:inline-block; background-color: #a6a8a8; border-radius: 5px; width:fit-content; margin-top: 20 px;
    padding: 5px; font-size: 100%; list-style: none;}

nav li a {text-decoration: none; color: #000000;}

nav li a:hover {color:#a6a8a8;}





article {width: 70%; padding: 25px; float: left; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif}

article li {list-style: none; margin-bottom: 10px; font-style: italic; font-weight: bolder;}

article li summary:hover {color: lightslategrey;}

article a {text-decoration: none; color:#4682b4; font-weight: bolder;}

article li a:hover {color: slategrey;}



h2 {color: #71A881; font-family: cursive; font-size: 1.5em;}

h3 {margin-bottom: 15px; font-weight:bolder; font-style: italic;}


article table td {padding-bottom: 10px; padding-right: 10px; border-bottom: solid 2px #b2b2b2;}

article table #einfach {padding-bottom: 10px; padding-right: 10px; border: none;}

aside {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 1.1em; width: 30%; padding: 25px; float:left; color: darkslategrey; 
    font-weight: bolder;}

aside a {text-decoration: none; color:#000000; font-weight: normal;}

aside li {list-style: none; margin-bottom: 20px;}


footer {width: 100%; background-color:  #ABC8B3; border-radius: 15px; margin-top: 20px; margin-bottom: 20px; 
    padding: 10px; overflow: auto; min-height: 60px; text-align: center; padding-top: 20px;}

table a {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: smaller; font-weight: bolder; color: darkslategrey; text-decoration: none;}


@media only screen and (min-width: 300px) {

    body {width: 100%;}
    
    article {width: 100%; margin-top: 20px;}

    aside {width: 100%;}

}

@media only screen and (min-width: 500px) {

    body {width: 80%;}

    article {width: 70%;}

    aside {width: 30%}

}