body {
    background-color: #f2f2f2;
    margin: 0;
}

.button {
    background-color: #101010; 
    color: #f2f2f2;
    border: none;
    border-radius: 1vh;
    padding: 1.3vh 4.8vh;
    text-align: center;
    text-decoration: none;
    display: inline-flex;
    font-size: 2vh;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    transition: 0.3s ease;
  }

.button:hover {
    background-color: #050505; 
}

.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f2f2f2;
}

.btnright {
    margin-top: 3.8vh;
    margin-bottom: 3.8vh;
    margin-right: 30.8vh;
}

.logo {
    float: left;
    display: flex;
    align-items: center;
    margin-left: 30.8vh;
}

.logo_a {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2.4vh;
    letter-spacing: 0.4vh;
    padding-right: 0.8vh;
}

.logo_b {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2.4vh;
    letter-spacing: 0.4vh;
}

.homebtn {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #4b4b4b;
    font-size: 2vh;
    font-style: normal;
    float: left;
    margin-left: 30.8vh;
    margin-top: 8vh;
    text-decoration: underline;
    
}

.homebtn:hover {
    color: #1d1d1d;
    transition: 0.3s ease;
}

h1 {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #101010;
    font-size: 4.8vh;
    font-style: normal;
    float: left;
    margin-left: 30.8vh;
    margin-top: 6vh;
    text-transform: uppercase;
    word-wrap: break-word;
    padding-right: 12vh;
}

h2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    color: #101010;
    font-size: 4.2vh;
    font-style: normal;
    float: left;
    margin-left: 30.8vh;
    margin-top: 4vh;
    word-wrap: break-word;
    padding-right: 12vh;
}

.contentmain {
     display: grid;
}

.text {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: #4b4b4b;
    font-size: 2vh;
    font-style: normal;
    float: left;
    margin-left: 30.8vh;
    margin-top: 0vh;
    padding-right: 12vh;
    word-wrap: break-word;
}

.btnmiddle {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: fit-content;
    margin-left: auto;
    margin-right: auto;
    padding: 8vh;
}

.footer {
    text-align: center;
    margin-top: -10.6vh;
}

.footer p {
    animation: none;
}

.logofooter {
    display: inline-flex;
    text-align: center;
    padding: 0vh;
    padding-top: 8vh;
    padding-bottom: 0vh;
    padding-left: 0vh;
}

.cp {
font-size: 1.6vh;
font-family: "Poppins", sans-serif;
font-weight: 600;
margin-top: -1.6vh;
}

.impressum {
    font-size: 1.6vh;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    margin-top: -1.6vh;
    text-decoration: none;
    color: #909090;
    transition: 0.3s ease;
    padding: 4.8vh 1.6vh;
}

.impressum:hover {
    color: #535353;
}

@media (max-width: 1100px) {

    .header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #f2f2f2;
    }
    
    .btnright {
        margin-top: 3.8vh;
        margin-bottom: 3.8vh;
        margin-right: 2.4vh;
    }
    
    .logo {
        float: left;
        display: grid;
        align-items: center;
        margin-left: 2.4vh;
    }
    
    .logo_a {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 2.4vh;
        letter-spacing: 0.4vh;
        padding-right: 0.8vh;
        padding-bottom: 0vh;
        margin-bottom: 0vh;
    }
    
    .logo_b {
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 2.4vh;
        padding-top: 0vh;
        margin-top: 0vh;
        letter-spacing: 0.4vh;
    }

    .logofooter {
        display: block;
    }

    h1 {
        margin-left: 3.2vh;
        font-size: 3.2vh;
        max-width: 56vh;
        word-wrap: break-word;
    }
    
    h2 {
        margin-left: 3.2vh;
        font-size: 2.8vh;
        max-width: 100vh;

    }

    .text {
        margin-left: 3.2vh;
        margin-top: 0vh;
        padding-right: 12vh;
        max-width: 172vh;
        word-wrap: break-word;
    }

    .homebtn {margin-left: 3.2vh;}
}

@media (max-width: 852px) {

    .header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background-color: #f2f2f2;
    }
    
    .btnright {
        margin-top: 3.8vh;
        margin-bottom: 3.8vh;
        margin-right: 2.4vh;
    }
    
    .logo {
        float: left;
        display: grid;
        align-items: center;
        margin-left: 2.4vh;
    }
    
    .logo_a {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 2.4vh;
        letter-spacing: 0.4vh;
        padding-right: 0.8vh;
        padding-bottom: 0vh;
        margin-bottom: 0vh;
    }
    
    .logo_b {
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-style: normal;
        font-size: 2.4vh;
        padding-top: 0vh;
        margin-top: 0vh;
        letter-spacing: 0.4vh;
    }

    .logofooter {
        display: block;
    }

    h1 {
        margin-left: 3.2vh;
        font-size: 3.2vh;
        max-width: 36vh;
        word-wrap: break-word;
    }
    
    h2 {
        margin-left: 3.2vh;
        font-size: 2.8vh;
        max-width: 42vh;

    }

    .text {
        margin-left: 3.2vh;
        margin-top: 0vh;
        padding-right: 5vh;
        max-width: 42vh;
        word-wrap: break-word;
    }

    .homebtn {margin-left: 3.2vh;}
}