body{
margin:0;
font-family:'Montserrat',sans-serif;
background:#0b0b0b;
color:#fff;
}

a{
text-decoration:none;
color:inherit;
}

.hero{
padding:120px 60px;
text-align:center;
background:radial-gradient(circle at top,#1a1a1a,#000);
}

.hero h1{
font-size:46px;
margin-bottom:20px;
background:linear-gradient(135deg,#d4af37,#f5e6a8);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.hero p{
color:#ccc;
max-width:650px;
margin:0 auto 40px;
font-size:18px;
}

section{
padding:100px 60px;
max-width:1100px;
margin:auto;
text-align:center;
}

h2{
font-size:34px;
margin-bottom:20px;
background:linear-gradient(135deg,#d4af37,#f5e6a8);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.box{
background:#111;
padding:40px;
border-radius:20px;
}

.btn{
padding:14px 30px;
border-radius:40px;
background:linear-gradient(135deg,#d4af37,#f5e6a8);
color:#000;
font-weight:600;
display:inline-block;
margin:10px;
}

footer{
background:#000;
padding:40px;
text-align:center;
color:#777;
}

footer a{
margin:0 15px;
color:#aaa;
}
/* BRAND CLAIM BAR */

.brand-bar{
width:100%;
background:linear-gradient(to bottom,rgba(0,0,0,0.85),rgba(0,0,0,0));
padding:14px 20px;
}

.brand-claim{
max-width:1200px;
margin:0 auto;
text-align:center;
font-size:13px;
letter-spacing:1.5px;
text-transform:uppercase;
color:#f5e6a8;
opacity:0.9;
}
/* CONTENT LINKS (Startseite Buttons) */

.content-links{
display:flex;
flex-wrap:wrap;
gap:30px;
justify-content:center;
}


/* BUTTON HOVER */

.btn:hover{
transform:translateY(-2px);
box-shadow:0 6px 20px rgba(212,175,55,0.35);
}


/* MOBILE */

@media(max-width:768px){

.hero{
padding:80px 20px;
}

section{
padding:80px 20px;
}

.hero h1{
font-size:32px;
}

}
/* CONTACT FORM */

.contact-box form{
max-width:600px;
margin:30px auto 0;
}

.contact-box input,
.contact-box textarea{
width:100%;
padding:14px;
margin-bottom:15px;
border-radius:10px;
border:none;
font-family:'Montserrat',sans-serif;
font-size:14px;
}

.contact-box textarea{
height:140px;
resize:vertical;
}

.contact-box button{
margin-top:10px;
}
.form-row{
display:flex;
gap:15px;
}

.form-row input{
flex:1;
}

/* Mobile Anpassung */

@media(max-width:768px){

.form-row{
flex-direction:column;
}

}
/* ANALYSE BUTTON SEKTION */

.analyse-start{
margin-top:30px;
display:flex;
flex-direction:column;
gap:16px;
align-items:center;
}

.analyse-intro{
color:#ccc;
font-size:16px;
margin-bottom:10px;
}