* {
    margin: 0px;
    padding: 0px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color:#1E1B18;
}


body {
    background-color:#f5a28d;
    margin: 0% auto;
}

.logo-container {
    width: 100%;
    background-color: rgb(245, 162, 141);
    display: flex;
    gap: 16px;
    padding: 16px;
    position: fixed;
    border-bottom: 1px solid #f4947c;
}

.logo-container > img {
    width: 80px;
}

.titel-container {
    display: flex;
    justify-content: center;
    align-items: center;
} 

h2 {
    font-size: 14pt;
    font-weight: bold;
} 

p {
    font-size: 12pt;
}

main {
    margin-left: 16px;
    margin-right: 16px;
}

.app-info-conteiner {
    width: 100%;
    padding-top: 120px;
}

.element {
    padding-left: 16px;
    padding-bottom: 16px;
}

.element > img {
    width: 80px;
    border-radius: 16px;
}

.text-info p {
    padding: 8px 16px;
} 

.text-info span {
    font-weight: bold;
} 

.collection-img  {
    width: 100%;
    display: flex;
    gap: 1rem;
    overflow: scroll;
}

.collection-img img {
    width: 24%;
    border-radius: 16px; 
 }

 /* fqa  */

 .sohn-fqa {
     padding: 16px 0px;
 }

 .sohn-fqa > h3 {
     padding-bottom: 16px;
 }

 .sohn-fqa :nth-child(3) h4 {
     padding: 1rem 0;
     text-align: start;
 }

 .conteiner-privacy h4 {
     padding: 1rem 0;
 }

 .conteiner-privacy p {
     padding: 0rem 0rem 1rem 0rem;
 }


 .conteiner-privacy:nth-child(2) {
     padding: 2rem 0rem;
 }

footer {
    background-color: #f4947c;
    display: flex;
    justify-content: center;
}


.pie h2 {
    display: flex;
    justify-content: center;
    padding: 16px 0;
} 

 

 .conteiner-label-mail a {
     display: flex;
     justify-content: center;
     color: #3E92CC;
     padding: 16px;
 } 

 .conteiner-label-mail p {
     padding: 0rem 0rem 1rem 0rem;
 }


 .pie p {
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
 }  
 @media(max-width: 1024px) {
    .collection-img img {
        width: 23.4%;
    }
 }

 @media(max-width: 414px) {
    .collection-img img {
        width: 47.5%;
    }
 }
 @media(max-width: 375px) {
    .collection-img img {
        width: 47%;
    }
 }