/* CSS-Definitionsdatei für Photovoltaik */


html, body {
     background-color: rgb(242 242 242);
     height: 100%;
     margin: 0;
     padding: 0;
      }
h1   {
     margin-top: 130px;
     color: black;
     font-size: 50px;
     text-align: center;
     }
h2   {
     color: black;
     font-size: 30px;
     text-align: center;
     }
h3   {padding-left: 10px;}
p     {
      padding-left: 10px;
      font-size: 22px;
      }
#meister{
        float: left;
        width: 250px;
        margin: 15px;  
        }
#begrüßung  {
            width: 90%;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 110px;
            padding-bottom: 0;            
            font-size: 22px;
            }

#startbild {
           float: right;
           width: 650px;
           margin: 15px;
           margin-top: 100px;
           }
#goodwe {
         border: none;
         border-radius: 2em;
         float: left;
         margin-top:20px;
         margin-right:50px;
         margin-left: 20px;
         margin-bottom:10px

         }

.bilder {
        border: 5px solid #d82451;
        border-radius: 2em;
        }


figure {
       float: left;
       background-color: rgb(255 255 255);
       width: 400px;
       height: auto;
       border: 1px solid silver;
       border-radius: 2em;
       padding: 1em 1em 1em 1em;
       margin-top: 20px;                   /*Außenabstand der Bilder-Boxen oben (für erste Box)*/
       margin-bottom: 10px;               /*Außenabstand Bilder-Boxen unten im Zusammenspiel mit oberen Abstand*/
       box-shadow: 10px 0px 10px grey;
       }
figure img {
           width: 100%;
           height: auto;
            } 
figcaption {
           text-align: center;
           font-size: 20px;
           padding-top: 1em;
           line-height: 1em;           
           }
#button {
        position: absolute;
        width: 30%;
        text-align: left;
        font-size: 30px;
        bottom: 120px;
        left: 3%;
         }
#button a{color:;}

a[href="#anker"]  {                  /*Selektor innerhalb der Seite*/
        position: absolute;
        width: 30%;
        text-align: right;
        font-size: 30px;
        bottom: 160px;
        right: 3%;
             }
#solarertrag {
        margin-left: 20px;
        right: 1em;
        padding: 10px;
        width:40%;
        font-size: 25px;
        background-color: white;
        border: 2px #d82451 solid;
        border-radius: 0.5em;
             }

#faq         {
       margin-left: 20px;
       padding: 10px;
       width: 25%;
       font-size: 25px;
       background-color: white;
       border-radius: 0.5em;
       border: 2px #d82451 solid;
             }
#floatende {
          clear: both;
          font-size: 30px;
           }