body {
    background-color: #fdfff0;
    margin:0px;
    padding:0px;
}

hr {
    height: 1px;
    color:green;
    background-color: green;
    border-radius: 10px;
}

.wrapper{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 80%;
    margin:auto;
    padding:auto;
    background-color: white;
    
}

.header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;  
}

.select-lang {
    visibility: hidden;
    flex: auto;
    width: 100%;
    text-align: right;
}

.logo {
    flex:auto;
    width: 40%;
    text-align: center;
}

.appointment {
    flex:initial;
    width: 40%;
    /*text-align: center;*/
    padding:20px;
    
}

.navi {
    flex: auto;
    width: 100%;
    height:auto;
    background-color: #737373;
    text-align: center;
}




.content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    /*background-color: aqua;*/
    /*margin: 0px 0px 10px 0px;*/
}

.slider {
    flex: auto;
    /*background-color:green;*/
    width: 100%;
    margin:auto;
}

.slider img {
    width: 100%;
    text-align: center;
    margin:auto;
    
}

.maincontent {
    flex: auto;
    width: 100%;
    /* background-color: green; */
    text-align: center;
    align-content: center;
    align-self: center;
    margin-top:20px;
    margin-bottom: 0px;
}

/* .beh_text {
    font-size: 1.3em;
    padding: 0px 50px 0px 50px;
    text-align: justify;
} */

.boxes_index {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
}

.item_index {
    flex: auto;
    width: auto;
    color:green;
}

.mainkontakt {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
}

.kontakt {
    flex: auto;
    width: 30%;
    color:green;
    border: solid green 1px;
    margin: 0 5px 0 5px;
}



.adresse {
    flex: auto;
    width: 30%;
    color:green;
    border: solid green 1px;
    margin: 0 5px 0 5px;
}



.map {
    margin-top:40px;
    margin-bottom:40px;
    color: green;
}

.formular {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-self: center;
    width: 100%;
    
}

.kontaktform {
    flex: auto;
    width: 80%;
    color:green;
}

.pro_content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 80%;
    margin:auto;
}

.pro_img {
    flex:1;
    border:green 1px solid;
    margin-bottom: 20px;
}

.pro_text {
    flex: 2;
    border:green 1px solid;
    margin-bottom: 20px;
}

.pro_text li {
    font-size:1.25em;
    
}

/* Begin Default Content Section */

.boxes-content {
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 70%;
    margin: 0px auto 20px auto;
}

.boxes-content-items {
    flex: 3;
    align-self: center;
}

.boxes-products-items-img {
    flex: 1;
    align-self:center;
}

.boxes-products-items {
    flex: 4;
    align-self: center;

}

/* End Default Content Section */

.ba_content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 70%;
    /* border:green 2px solid; */
    margin: 0px auto 20px auto;
}

.ba_img {
    flex:1;
    /* border:green 1px solid; */
    align-self: center;
    /* margin-bottom: 20px; */
}

.ba_text {
    flex: 2;
    /* border:green 1px solid; */
    /* align-self: center; */
    /* margin-bottom: 20px; */
}

/* .about-me {

} */



/* Formular */
/* form {
width: 300px;
color: #000000;
background-color: #F5F5F5;
padding: 15px;
} */

/* Überschrift
h3 {
font-size: 1.25em;
font-weight: Normal;
letter-spacing: 1px;
margin-top: 0;
} */

/* Pflichtangaben markieren */
var, noscript {
color: Red;
}

/* Hilfetext */
span.hilfetext {
font-family: Arial, Tahoma, Sans-Serif;
font-size: 0.80rem;
font-style: Oblique;
color: white;
}


/* Begin of the Footer */

.footerbox {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    justify-content:space-between;
    background-color: #737373;
    padding: 20px 0px 0px 0px;
    margin:0px;
}

.footer_left {
    flex:auto;
    width: auto;
    color:white;
    text-align: left;
    /*padding-left:150px;*/
}


    
.footer_middle {
    flex:auto;
    width: auto;
    text-align: center;
}

.footer_right {
    flex:auto;
    width: auto;
    text-align: right;
    padding-right: 10px;
}


/* Begin of Footer on the Bottom of the Mainfooter */

.footer_bottom {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    color:white;
    font-style: italic;
    justify-content:space-between;
    background-color: #737373;
    padding: 20px 0px 1px 0;
}

.footer_bottom_left {
    flex:auto;
    text-align: center;
}

.footer_bottom_right {
    flex:auto;
    text-align: center;
}
/* End of Footer on the Bottom of the Mainfooter */

/* End of the Footer */

.send {
    border: none;
    border-radius: 2em;
    background-color: green;
    color:white;
    height: 2em;
    width: 10em;
}