@charset "UTF-8";


/* — GLOBAL — */
body {
margin: 0;
font-family: "Segoe UI", Roboto, sans-serif;
color: #fff;
background: Url(Bilder/picture-2600.jpg);
display: flex;
flex-direction: column;
min-height: 100vh;
}


/* — HEADER — */
.header {
display: flex;
align-items: center;
padding: 15px 5%;
background: rgba(0,0,0,0.55)
position: fixed;
width: 100%;
top: 0;
backdrop-filter: blur(4px);
z-index: 999;
}


.logo {
font-size: 1.6rem;
font-weight: bold;
margin-left: 1%;
}


.nav {
display: flex;
gap: 25px;
margin-left: auto;
margin-right: 10%;
}


.nav ul {
list-style: none;
display: flex;
margin: 0;
padding: 0;
gap: 25px;
}


.nav a {
text-decoration: none;
color: #fff;
font-weight: 500;
}


.active a, .nav a:hover {
color: #C7C361;
}


/* Burger Button */
.nav-toggle {
background: none;
border: none;
color: #fff;
font-size: 2rem;
display: none;
cursor: pointer;
margin-left: auto;
}


/* — HERO — */
.hero {
position: relative;
margin-top: 12px;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}


.hero img {
width: 100%;
height: auto;
border-radius: 6px;
}


.hero-text {
position: absolute;
left: 15%;
top: 65%;
transform: translate(-15%, -50%);
color: #FFD;
font-size: 3.2rem;
text-shadow: 0 0 10px #000;
}
/* Alle Links auf der Seite weiß machen */
a {
    color: white;       /* Textfarbe weiß */
    text-decoration: none; /* optional: entfernt die Unterstreichung */
}

/* Optional: Link beim Hover (Maus drüber) z.B. hellgrau */
a:hover {
    color: lightgray;
}

/* — FOOTER — */
.footer {
margin-top: auto;
text-align: center;
	min-height: 10vh;