/* 
    Created on : 11.12.2024, 13:47:50
    Author     : raven
*/

body {
    background-color:    #a5bf66 ;
    background-image:    url("../images/ginkgo.png");
    background-repeat:   no-repeat;    
    background-position: top;
    background-size:     100%;
}

.clear {
    clear:    both;
    height:   0;
    width:    0;
    padding:  0;
    margin:   0;
}

#bild {
    object-fit:         contain;
    width:              100%;
    height:             100%;  
}


h1 {
    margin-top:  100px;
    color:       #dcdc00;
    text-shadow: 5px 5px 4px #a56e00;
}
    
/* Raum für die Mittlere Box */
.contentWrapper {
    width:          80%;
    margin-left:    10%;
    box-sizing:     border-box;
}

.box1 {
    float:           left;
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           49%;
    height:          360px
    
}

/* Bild 1 */
.box2 {
    float:           left;
    display:         flex;
    align-items:     center;
    justify-content: center; 
    width:           49%;
    box-shadow:         5px 5px 5px 0 #a56e00;  
}

/* Bild 2 */
.box3 {
    float:           left;
    display:         flex;
    justify-content: center; 
    width:           49%;
    box-shadow:         5px 5px 5px 0 #a56e00;  
}

.box4 {
    float:           left;
    width:            40%;
    margin-left:      5%;
    padding-top:      100px;
    height:           500px
}

.box5 {
    float:            left;
    width:            45%;
    height:           70px
}

.box6 {
    float:           left;
    width:            26%;
    margin-left:      4%;
    padding-top:      5px;
    height:           75px
}

.box7 {
    float:           left;
    width:            17%;
    margin-left:      3%;
    padding-top:      5px;
    height:           75px
}

.pageFooter {
    text-align:    center;
    font-size:     1em;
    color:         #4a4a4a;
    margin-top:    10px;
    margin-bottom: 30px;
}

.myButton {
    background-color: #c58300;
    border-radius:    5px;
    border:           1px solid #738cba;
    display:          inline-block;
    cursor:           pointer;
    color:            #000000;
    text-decoration:  none;
    height:           18px;
    margin-top:       30px;
    margin-right:     10px;
    padding-right:    20px;
    padding-left:     20px;
    padding-bottom:   6px;
}

.myButton:hover {
 /*   background:       linear-gradient(to bottom, #c58300 5%, #89A6DD 100%); */
    background-color: #a56e00;
    color:            #000000;
    text-decoration:  none;
}