html {
font-size: clamp(14px, 2vw, 18px);
}
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #fff;
margin: 0;
padding: 0;
color: #333;
text-align: center;
}
.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
margin-top: 80px;
}
@media (max-width: 600px) {
.container {
margin-top: 30px;
}
}
.logo {
width: 200px;
height: auto;
}
hr {
border: none;
border-top: 4px solid #999;
margin: 20px 0;
}
p {
margin: 5px 0;
font-size: 1rem;
line-height: 1.5;
}
.email {
margin-top: 15px;
font-weight: normal;
}
.social-icons {
margin-top: 20px;
display: flex;
justify-content: center;
gap: 30px;
}
.social-icons img {
width: 48px;
height: 48px;
transition: transform 0.2s ease-in-out;
}
.social-icons img:hover {
transform: scale(1.1);
}
/* Responsiv für Tablets und Smartphones */
@media (max-width: 768px) {
.logo {
width: 160px;
}
.social-icons img {
width: 42px;
height: 42px;
}
}
@media (max-width: 480px) {
.container {
padding: 10px;
}
.logo {
width: 140px;
}
p {
font-size: 0.95rem;
}
.social-icons {
gap: 20px;
}
.social-icons img {
width: 38px;
height: 38px;
}
}