/* Globale Stile */
body {
    font-family: Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f0f0f0;
}

header {
    background-color: #222222;
    color: #fff;
    text-align: center;
    padding: 20px;
}

header h1 {
    margin: 0;
}

header h2 {
    margin: 0;
}

header h3 {
    margin: 0;
}

nav ul {
    list-style: none;
    padding: 0;
}

nav ul li {
    display:inline-block;
    margin: 0.25% 2% 0.25% 2%; 
}

nav a {
    text-decoration:none;
    color: #fff;
    transition: color 0.3s;
    
}

@media screen and (max-width:3841px) {
    img.foto{
    max-width: 50%;
    } 
}

@media screen and (max-width:3840px) {
    img.foto{
    max-width: 50%;
    }  
}

@media screen and (max-width:1920px) {
    img.foto{
    max-width: 40%;
    }  
}

@media screen and (max-width:1440px) {
    img.foto{
    max-width: 35%;
    }  
}

@media screen and (max-width:1280px) {
    img.foto{
    max-width: 30%;
    }  
}

@media screen and (max-width:1024px) {
    img.foto{
    max-width: 20%;
    }  
}

@media screen and (max-width:768px) {
    img.foto{
    max-width: 15%;
    }
}

@media screen and (max-width:320px) {
    img.foto{
    max-width: 10%;
    }
} 

/*img.foto {
  width: min(320px, 70vw);
  height: auto;
}
  */

#qr{
    max-width: 20%;
    display: block;
}

#mandatory{
    color: red;
    font-weight: bold;
}

nav a:hover {
   color: #ffea00
}

section {
    padding: 20px;
}

p {
    color: #000000;
    text-align:left;
  } 

footer {
    background-color: #222222;
    color: #fff;
    text-align: center;
    padding: 10px;
}

table {
text-align: center;
border: #222222;
border-style: solid;
border-width: 0.5px;
}

td, th {
padding: 0.25rem 2rem 0.25rem 2rem;
border:#222222;
border-style: solid;
border-width: 0.5px;
}