/* Kommentar*/
html {
    scroll-behavior: smooth;

}





body {                                       /* Gestaltung des HP Körpers*/
    background-color:bisque;                /* Hintergrundfarbe*/
    color: black;                          /*Schriftfarbe*/
    font-size: large;
    

}                                            /* Kommentar2*/

body img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    
}

header {                                     /* Gestaltung Header*/
    background-color: #0065d0;             /* Hintergrundfarbe Header*/
    background-image:url(bilder/Solar1.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    color: rgb(68, 239, 20);               /*Schriftfarbe*/
    padding-top: 0.5rem;                         /*Polsterung um den Text; 1rem = Abstand so groß wie die Schrift*/
    padding-bottom: 2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-family: 'Times New Roman', Times, serif  'Franklin Gothic Medium', 'Arial Narrow', Arial black, sans-serif,;
    text-align: center;
    font-size: xx-large;
    font-weight: bold;
    border-radius: 5px;
    float: center;
    
}

header img {
    max-width: 100%;
    height: auto;
    
}
h1 {
    text-align: center;
    margin-bottom: 3rem;
    display: block;                         /* ganze Zeile wird geblockt*/
}

h2 {
    text-align: center;
    margin-bottom: 3rem;
    display: block; 
}

h3 {
    text-align: center;
    margin-bottom: 3rem;
    display: block;

}

body {
    background-image:url(bilder/nature-7903886_1920.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}




.site-header p {
    margin-top: 0.5rem;
    margin-bottom: 0;
    float: center;

}

.site-header img {
   width: 95%;
   height: auto;
   
   float: center;
   font-kerning: normal;
}

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

}

.site-nav {
    background-color: rgb(68, 239, 20);
    padding: 1.5rem;
    margin: 1rem 0;
    border-radius: 5px;
}



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

}

.site-nav a {
    color:rgb(0, 0, 0);
    text-decoration: none;

}

.wrapper {
    background-color:whitesmoke;
    padding: 1rem;
    border-radius: 5px;
   

}



.Linklisten {
    background-color:whitesmoke;
    padding: 1rem;
    margin-top: 1rem;
    border-radius: 5px;
}

.Startseite {
    padding-bottom: 1rem;
    border-radius: 5px;
}

.site-content {
    text-decoration: none;
    padding-bottom: 1rem;
    border-radius: 5px;
}

.content-intro {
    float: left;
    border-radius: 5px;

}

.UC {
    background-color:yellow;
    text-align: justify;
    padding:  0.5rem;
    margin-bottom: 1rem;
    border-radius: 5px;

}
.Artikel {
    float: left;
    background-color:aliceblue;
    border-radius: 5px;
    padding: 1rem;
    margin-bottom: 1rem;
    
    
}

.pv-text li {
    text-decoration: none;
}

.Hintergrund {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    text-align: center;
    background-size: cover;
}

.Hintergrund img {
    background-size: cover;
}

.bilderrechts {
    width: 40%;
    height: auto;
    margin-left: 2rem;
    margin-top: 0rem;
    margin-bottom: 2rem;
    margin-right: 0rem;
    float: right;
}

.bilderrechts img {
    width: 100%;
    height: auto;
}

.bilderlinks {
    width: 40%;
    height: auto;
    margin-left: 0rem;
    margin-top: 0rem;
    margin-bottom: 2rem;
    margin-right: 2rem;
    float: left;
}

.bilderlinks img {
    width: 100%;
    height: auto;
}


.Kurve1 {
    width:20%;
    height: auto;
    margin-left: 1rem;
    margin-top: 0rem;
    margin-bottom: 2rem;
    margin-right: 0rem;
    float: right;
}

.Kurve1 img {
    width: 100%;
    height: auto;
}

.Myenergi {
    width: 35%;
    height: auto;
    margin-left: 2rem;
    margin-top: 0rem;
    margin-bottom: 2rem;
    margin-right: 0rem;
    float: right;
}

.Myenergi img {
    width: 100%;
    height: auto;
}







.Strom {
    background-color:#bbb8b8;
    
    border-radius: 5px;
    margin-bottom: 1rem;
}



aside {
    float: right;
    background-color:whitesmoke;
    border-radius: 5px;
    margin-left: 2rem;
    padding: 1rem;
    width: 25%;
}
   

figure {
    color:#0065d0;
    font-size: medium;
   
}



figure img {
    
    border-radius: 5px;
   
    
    
}


.test {
    float: left;
    padding-top: 1rem;
    border-radius: 5px;
    width: 68.5%;
}

.rechtliches li {
    display:inline-flex;
    
    margin-right: 2rem;

}

.copyright {
    float: right;
    
    
}

.site-footer {
    background-color: #0065d0;
    color: black;
    padding: 1.5rem;
    margin: 1rem 0;
    border-radius: 5px;
    font-size: medium;
    
    
}

.site-footer a {
    float: left;
    color:black;
    text-decoration: none;
    

}

.infoboxen {
    background-color: #bbb8b8;
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: 5px;
}

.infoboxen h2 {
    text-align: center;

}

.infobox {
    
    text-align: center;
    background-color: white;
    padding: 1rem;
    margin: 1rem;
    border-radius: 5px;
}