*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
color:#ffffff;
line-height:1.6;

}

/* animierter Hintergrund */

body::before{

content:"";

position:fixed;
top:0;
left:0;

width:100%;
height:100%;

background-image:url('bg.jpg');
background-size:cover;
background-position:center;

z-index:-1;

animation:slowzoom 40s ease-in-out infinite alternate;

}

@keyframes slowzoom{

0%{
transform:scale(1);
}

100%{
transform:scale(1.08);
}

}

/* dunkle Überlagerung */

.overlay{

min-height:100vh;

display:flex;
align-items:center;
justify-content:center;

padding:40px 20px;

background:rgba(0,0,0,0.45);

}

/* Inhalt */

.container{

max-width:760px;

padding:55px 45px;

background:rgba(0,0,0,0.55);

border-radius:10px;

backdrop-filter:blur(4px);

text-align:center;

box-shadow:0 10px 40px rgba(0,0,0,0.35);

}

/* Brand */

.brand{

font-size:16px;
letter-spacing:1px;

opacity:0.85;

margin-bottom:15px;

}

/* Überschrift */

h1{

font-size:42px;

font-weight:500;

margin-bottom:28px;

letter-spacing:0.5px;

}

/* Text */

p{

font-size:18px;

margin-bottom:16px;

}

.intro{

font-size:19px;

}

/* Button */

.contact{

margin-top:32px;

}

.button{

display:inline-block;

padding:14px 38px;

border:2px solid #ffffff;

border-radius:5px;

font-size:18px;

letter-spacing:0.5px;

text-decoration:none;

color:white;

transition:all 0.25s ease;

}

.button:hover{

background:#ffffff;
color:#000000;

transform:translateY(-2px);

}

/* Standort SEO */

.location{

margin-top:40px;

}

.location h2{

font-size:24px;
font-weight:500;

margin-bottom:15px;

}

.location p{

font-size:17px;
margin-bottom:12px;

}

/* Footer */

footer{

margin-top:38px;

font-size:14px;

opacity:0.8;

}

/* Mobile */

@media (max-width:700px){

.container{

padding:35px 28px;

}

h1{

font-size:32px;

}

p{

font-size:17px;

}

}