/* CSS für blauklang Website im November 2020 neu gestartet */
/* Ziel ist responsives Design möglichst einfach */
/* letzte Änderung: 25.11.2020 */
/* Basis ist das Buch "Einstieg in HTML und CSS" */

/* Grundeinstellungen */
html {
    scroll-behavior: smooth;
}
img {
    max-width: 1000px;
}

p {
    font-size: 1.2rem;
    padding-left: 0rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

h2 {
    font-size: 1.6rem;
    color: rgb(180,180,180);
    text-decoration: none;
}

/* Hier kommen alle Settings für den Body */
body {
    background-color: rgb(30, 30, 30);
    color: white;
    padding: 1rem;
    font-family: Courier, 'Courier New', monospace;
}

/* Hier kommen alle Settings für den Block Header mit der Classe site-header*/
.site-header {
    background-color: rgb(1, 1, 85);
    color: white;
    padding-left: 1.0rem;
    padding-top: 0.8rem;
    padding-bottom: 0.05rem;
}
 .site-header p {
     font-size: 1rem;
 }

/* Hier kommen alle Settings für den Block Navigation */
.site-nav{
    background-color: rgb(50,50,50);
    padding: 1rem;
    margin: 0.1rem 0rem;
}

.site-nav li{
    display: inline;
    margin-right: 0.5rem;
}

.site-nav ul{
    padding: 0rem;
    margin: 0rem;
}

.site-nav a{
    color: white;
    text-decoration: none;
    font-size: 1.2rem;
    border: 2px white;
    border-style: solid;
    border-radius: 6px;
    padding: 6px;
}

.site-nav a:hover{
    color: black;
    text-decoration: none;
    font-size: 1.2rem;
    border: 2px black;
    border-style: solid;
    border-radius: 6px;
    padding: 6px;
    background-color: rgb(190,190,190);
}
/* Ende der Settings für den Block Navigation */



/* Hier kommen alle Settings für den Block Main */
.site-content{
    background-color: rgb(50,50,50);
    padding: 1rem;
}
.site-content a{
    color: white;
    text-decoration: none;
    font-size: 1.2rem;
    border: 2px white;
    border-style: solid;
    border-radius: 6px;
    padding: 6px;
}
.site-content a:hover{
    color: black;
    text-decoration: none;
    font-size: 1.2rem;
    border: 2px black;
    border-style: solid;
    border-radius: 6px;
    padding: 6px;
    background-color: rgb(190,190,190);
}



/* Hier kommen alle Settings für den Block Footer */
.site-footer{
    background-color: rgb(50,50,50);
    padding: 1rem;
    margin: 0.1rem 0rem;
}

.site-footer a{
    color: white;
    text-decoration: none;
    font-size: 1.2rem;
    border: 2px white;
    border-style: solid;
    border-radius: 6px;
    padding: 6px;
}

.site-footer a:hover{
    color: black;
    text-decoration: none;
    font-size: 1.2rem;
    border: 2px black;
    border-style: solid;
    border-radius: 6px;
    padding: 6px;
    background-color: rgb(190,190,190);
}