*, *::before, *::after {
    box-sizing: inherit;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    overflow-x: hidden;
}

/*Menu-Leiste*/

#google_translate_element .goog-te-combo{
    font-size: 1.5vw;
    margin-right: 100%;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
    margin-left: 0.5%;
    padding: 0.5vw;

}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

#google_translate_element .goog-te-gadget {
    font-size: 0px;
}

/*Navigationsleiste*/

.logo img{
    width: 18vw;
    cursor: pointer;
    margin-left: 10%;
}

.logo{
    width: 40%;
}


.menu{
    display: flex;
    align-items: center;
    max-height: 7vw;
}

.menu-items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 10%;
    margin-left: 7%;
    width: 100%;
    margin-bottom: max(20px);
    margin-top: 1.8%;
}


.menu a {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    font-size: 1.5vw;
    font-family: Verdana, sans-serif;
    
}

@media only screen and (max-width: 600px) {
    .menu a{
        font-size: 2.3vw;
    }
    .menu-items{
        margin-right: 5%;
        margin-left: 0;
    }
}


.menu a:hover {
    color: #4E4E4E; 
}

/*Info Container*/

.container{
    background-color: #8399DD; 
    width: 100%;
    display:flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap:18%;
    border-top: 2px solid #6672A2;
    box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 600px) {
    .container{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8%;
        padding-left: 10vw;
    }
}

.container img{
    width: 2vw;
    height: auto;
    padding-top: 5%;
    padding-bottom: 5%;
}

.container h1{
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 1.5vw;
    text-decoration: none;
    font-weight: bold;
}

@media only screen and (max-width: 600px) {
    .container h1{
        font-size: 2vw;
    }
}

.Telefon h1{
    letter-spacing: 0.05vw;
    font-weight: bold;
}

.Telefon, .Mail {
    display: flex;
    align-items: center; 
}

.Telefon img, .Mail img {
    margin-right: 10px;  
}


/*HOME*/

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

.overlay_container {
    position: absolute;
    top: max(100px, 9%);
    left: -10px;
    width: 33vw;
    height: 20vw;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 2vw;
    border-top-right-radius: 20px; 
    border-bottom-right-radius: 20px;
    font-family: Verdana, sans-serif;
    display: flex;
    flex-direction: column;
    text-align: center;
}


.overlay_container h3{
    font-size: 1.5vw;
}

.overlay_container p{
    font-size: 1.1vw;
}

.kontakt_button{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #8FC34E;
    border-radius: 5vw;
    list-style: none;
    height: 18%;
    width: 24%;
    margin-top: 3%;
    margin-left: 37%;
    
}

.kontakt_button a{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1.2vw;
    display: flex;
    text-align: center;
}

.kontakt_button:hover{
    transform: scale(1.05);
}

/* Unser Unternehmen*/

.Text1{
    margin-top: 10%;
    font-family: Verdana, sans-serif;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 10%;
}

.Text1 h1{
    font-size: 1.8vw;
    margin-bottom: 1.5%;
}
    

.Text1 h2{
    font-size: 1.5vw;
    margin-bottom: 7%;
    color: #000000;
    margin-left: 1vw;
    text-align: center;
    font-weight: lighter;
}

.Text1 .stichpunkte{
    display: flex;
    width: 100%;
}

.a{
   background-color: #8399DD;
   padding: 2%;
   color: #FFFFFF;
   border-radius: 50vw;
   width: 50vw;
   text-align: center;
   margin-inline: 5% ;
   font-size: 1.2vw;
}

.a img{
    width: 3vw;
    height: auto;
    margin-bottom: 2%;
}


/*Unsere Dienstleistungen*/
.Text2{
    margin-top: 5%;
    font-family: Verdana, sans-serif;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 10%;
}

.Text2 h1{
    font-size: 1.8vw;
    margin-bottom: 7%;
}

.Text2 img{
    width: 6%;
    height: auto;
    margin: 2%;
}

.Text2 .stichpunkte{
    display: flex;
}

.Text2 .b{
    display: flex;
    flex-direction: column;
    width: 22vw;
}

.b h1{
    background-color: #8FC34E;
    color: #FFFFFF;
    border-radius: 5vw;
    font-size: 1.5vw;
    font-weight: lighter;
    display: flex;
    justify-content: center;
    height: 5vw;
    align-items: center;
    margin-inline: 5%;
    margin-bottom: 10%;
}

.b p{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-inline: 8%;
    font-size: 1.2vw;
}

/*Unsere Maschinen*/

.Text3{
    margin-top: 5%;
    font-family: Verdana, sans-serif;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-bottom: 10%;
}

.Text3 img{
    width: 6%;
    height: auto;
    margin: 2%;
}

.Text3 h1{
    font-size: 1.8vw;
    margin-bottom: 1.5%;
}

.Text3 h2{
    font-size: 1.5vw;
    color: #000000;
    margin-right: 1vw;
}

.Text3 .stichpunkte {
    display: flex;
    align-items: center;
    width: 100%;
}

.c {
    background-color: #8399DD;
    border-radius: 2vw;
    min-height: 14vw;
    color: #FFFFFF;
    text-align: center;
    padding: 1%;
    padding-bottom: 2%;
    margin-inline: 1%;
    margin-top: 7%;
    margin-bottom: 7%;
    width: 15vw;
}

.c p {
    font-size: 1.2vw;
    color: #FFFFFF;
    
}

.c h1{
    font-size: 1.3vw;
}

.Ankauf{
    background-color: #F1F3F4;
    border-radius: 2vw;
    padding: 3%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Ankauf p{
    font-size: 1.5vw;
    margin-bottom: 3vw;
}


.Text3 a{
    text-decoration: none;
    color: #FFFFFF;
    font-size: 1.2vw;
    display: flex;
    text-align: center;
    justify-content: center;
}

.Text3 li:hover{
    transform: scale(1.05);
}

.Text3 li{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #8FC34E;
    border-radius: 5vw;
    list-style: none;
    height: 3vw;
    width: 8vw;
}

/*Weltweite Lieferung*/

.Text4{
    margin-top: 5%;
    font-family: Verdana, sans-serif;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.Text4 img{
    width: 6%;
    height: auto;
    margin: 2%;
}

.Text4 h1{
    font-size: 1.8vw;
}

.Text4 h2{
    font-size: 1.5vw;
    color: #000000;
    text-align: center;
    margin-bottom: 10%;
    margin-right: 6%;
}

.space{
    margin-bottom: 20vw;
}








/*Banner*/

.banner{
    background-color: #4E4E4E;
    font-size: 0.8vw;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}


.banner a{
    color: #FFFFFF;
    text-decoration: none;
    font-family: Verdana, sans-serif;
}


.banner img{
    width: 10%;
    height: auto;
    margin-left: 5%;
    justify-content: flex-start;
    
}

.banner p{
    margin-right: 55%;
    margin-left: 5%;
    color: #FFFFFF;
    font-family: Verdana, sans-serif;
}

.Rechtliches{
    font-weight: bold;
    font-size: 1vw;
}





/*Generell*/

.balken {
    margin-inline: 4%;
    background-color: #8399DD;
    height: 0.2vw;
}

h2 {
    font-size: 2.5vw;
    font-family: Verdana, sans-serif;
    color: #000000;
    margin-left: 5%;
    font-weight: bold;
    margin-top: 4%;
}







/*MASCHINEN*/

.maschinen_box {
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
    margin: 8%;
    padding: 2%;
    margin-bottom: 10%;
    height: 40vw;
    width: 40vw;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Weicher Übergang */
}

.maschinen_box:hover {
    transform: scale(1.1); /* Vergrößert die Box um 10% */
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.2); /* Optional: mehr Schatten beim Hover */
}

.Text{
    font-family: Verdana, sans-serif;
    font-size: 1vw;
    width: 30vw;
    margin-bottom: 2vw;
}

.Text h1{
    font-size: 1.5vw;
    margin-top: 15%;
    display: grid;
    place-items: center; 
    color:#4E4E4E;
}
    

.Text p{
    margin-left: 1%;
    font-size: 1.5vw;
}

.maschine_info{
    margin-top: 10%;
    display: grid;
    place-items: center; 
}

.maschinen{
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 10px; 
}


.Bild img{
    width: auto;
    height: 25vw;
    border-radius: 7px;
}

.technische_Daten{
    background-color: #8399DD;
    padding: 1%;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 20vw;
    width: 18%;
}

.technische_Daten img{
    width: 1.5vw;
    height: auto;
    margin-right: 2%;
}

.technische_Daten a{
    text-decoration: none;
    color: #FFFFFF;
    font-family: Verdana, sans-serif;
    font-size: 1.2vw;
}

.technische_Daten:hover{
    transform: scale(1.05);
}

.maschinensucher iframe{
    border-radius: 5px;
    margin: 5%;
    margin-top: 2%;
    overflow: hidden;
}







/*Ankauf*/

.Kontaktformular{
    margin-left: 5%;
    margin-top: 3%;
    font-family: Verdana, sans-serif;
}



.Formular{
    font-family: Verdana, sans-serif;
    margin-bottom: 10vw;
}

.Formular label{
    margin-left: 8%;
    margin-top: 10%;
    color: #848484;
    font-size: 1.8vw;
    padding-top: 5%;
    line-height: 5vw;
}

.Formular input{
    margin-left: 10%;
    height: 4.5vw;
    width: 60%;
    font-size: 1.8vw;
    border: 1px solid #8399DD;
    border-radius: 1vw;
    position: absolute;  
    left: 18vw;  
    padding-left: 1%;
}

@media (max-width: 1000px) {
    .Formular input{
       font-size: 2.2vw;
       margin-top: 0%;
       left: 22vw;
    }

   .Formular label{
    font-size: 2.2vw;
   }


}

.Part1{
    margin-bottom: 5%;
}

.Part2{
    margin-top: 5%;
}

.Kontaktformular h3{
    margin-bottom: 2%;
    font-size: 2vw;
}

.Kontaktformular p{
    font-size: 1.5vw;
    margin-bottom: 5%;
    line-height: 2vw;
}
.Formular button{
    width: 8vw;
    height: 2vw;
    color: #FFFFFF;
    background-color: #8399DD;
    margin-left: 8%;
    font-size: 1.2vw;
    border-radius: 20vw;
    margin-top: 2%;
    margin-bottom: 2%;
    border: 0px;
    padding: 0.5vw;
}

.Formular button:hover{
    transform: scale(1.05);
}





/*Kontakt & Anfahrt*/

.kontakt_icons{
    background-color: #8399DD;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8%;
    height: 3vw;
    margin-right: 5%;
    margin-left: 85%;
    margin-top: 1%;
    margin-bottom: 1%;
    border-radius: 10vw;
}

.kontakt_icons a{
    margin-inline: 5%;
    display: flex;
    align-content: center;
}

.kontakt_icons:hover{
    transform: scale(1.05);
}

.kontakt_icons img{
    width: 1.5vw;
    height: auto;
    cursor: pointer;
}



.kontakt{
    display: flex;
    font-family: Verdana, sans-serif;
    margin-left: 6%;
    flex-direction: column;
    align-items: center;
    margin-bottom: 5%;
}
.kontakt h3{
    margin-top: 0;
    font-size: 1.8vw;
}

.kontakt p{
    font-size: 1.5vw;
}

.kontakt img{
    width: 15%;
    height: auto;
    padding: 1.5%;
}

.Telefon_Kontakt h1{
    letter-spacing: 0.05vw;
}

.Telefon_Kontakt, .Mail_Kontakt {
    display: flex;
    align-items: center; 
    justify-content: center;
}

.Telefon_Kontakt img, .Mail_Kontakt img {
    width: 3%; 
    height: auto; 
    margin-top: 0.5%;
}

.Mail_Kontakt a {
    text-decoration: none;
    color: #000000; 
}

.kontakt h1{
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 1.5vw;
    text-decoration: none;
    font-weight: lighter;
}



.karte iframe{
    border-radius: 10px;
    margin-bottom: 20vw;
    height: 30vw;
    width: 50vw;
}

.Anfahrt{
    display: flex;
    font-family: Verdana, sans-serif;
    align-items:flex-start;
    justify-content: center;
    margin-top: 5%;
}

.Adresse h3{
    margin-bottom: 5%;
    margin-top: 0%;
    font-size: 1.8vw;
}

.Adresse{
    width: 22%;
    background-color: #F1F3F4;
    padding: 1.5%;
    height: 23%;
    border-radius: 2vw;
    color: #000000;
    margin-right: 13%;
}

.Adresse p{
    font-size: 1.5vw;
}






/*Rechtliches*/

.rechtliches_box{
    padding: 1.5%;
    box-shadow:8px 8px 8px rgba(0, 0, 0, 0.1);
    margin: 7%;
    margin-bottom: 10%;
}

.rechtliches_box h2{
    font-size: 1.3vw;
}

.AGB h2{
    font-size: 1.7vw;
}

.rechtliches_box p{
    font-size: 1vw;
    margin-left: 7.5%;
    font-family: Verdana, sans-serif;
    padding: 1%;
}

.rechtliches_box a{
    text-decoration: none;
    color: #000000;
}

.Impressum h2{
    font-size: 1.7vw;
}

.Datenschutz h2{
    font-size: 1.7vw;
}