body{margin:0;background:#0b0f14;color:white;font-family:Arial,sans-serif}
nav{
    background:#111;
    padding:15px 25px;
    border-bottom:1px solid #333;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
}

nav a{
    color:#00e5ff;
    text-decoration:none;
    padding:10px 18px;
    border:1px solid rgba(0,229,255,.3);
    border-radius:10px;
    background:#141b22;
    transition:all .3s ease;
}

nav a:hover{
    background:#00e5ff;
    color:#0b0f14;
    box-shadow:0 0 15px rgba(0,229,255,.5);
}
.hero{height:70vh;background:url('../background.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center}
.overlay{background:rtransparent;padding:40px;border-radius:12px}
h1{font-size:4rem;margin:0}
.tag{color:#ff9d2e;font-size:1.5rem}
.section{padding:40px}
.cards{display:flex;gap:20px;flex-wrap:wrap}
.card{flex:1;min-width:280px;background:#141b22;border:1px solid #00e5ff33;padding:20px;border-radius:12px}
footer{padding:20px;text-align:center;border-top:1px solid #333}
#heroTitle,
#heroTag{
    display:none !important;
}


/* Unterseiten */
body > h1{
    font-size: 2rem;
    margin: 20px;
}

body > p{
    font-size: 18px;
    margin: 20px;
}


.contact-form{max-width:700px;margin:20px auto}
.contact-form input,.contact-form textarea{width:100%;padding:10px;box-sizing:border-box;margin:6px 0 12px}
.contact-form button{padding:10px 18px;cursor:pointer}
.honeypot{display:none}


/* Impressum & Datenschutz */

.impressum,
.datenschutz{
    max-width:1100px;
    margin:30px auto;
    padding:30px;
    background:#141b22;
    border:1px solid #00e5ff33;
    border-radius:12px;
    color:#e6edf3;
    line-height:1.7;
    font-size:16px;
}

.impressum h1,
.datenschutz h1{
    color:#00e5ff;
    margin-bottom:25px;
}

.impressum h2,
.datenschutz h2{
    color:#ff9d2e;
    margin-top:30px;
    margin-bottom:10px;
}

.impressum p,
.impressum li,
.datenschutz p,
.datenschutz li{
    color:#e6edf3;
}

.impressum a,
.datenschutz a{
    color:#00e5ff;
    text-decoration:none;
}

.impressum a:hover,
.datenschutz a:hover{
    text-decoration:underline;
}

/* Roadrunner Content Seiten */

.page-container{
max-width:1200px;
margin:0 auto;
padding:40px 20px;
}

.page-title{
text-align:center;
color:#00e5ff;
font-size:3rem;
margin-bottom:20px;
text-shadow:0 0 15px rgba(0,229,255,.4);
}

.page-intro{
text-align:center;
color:#e6edf3;
font-size:1.2rem;
line-height:1.8;
margin-bottom:40px;
}

.content-card{
background:#141b22;
border:1px solid rgba(0,229,255,.25);
border-radius:16px;
padding:25px;
margin-bottom:30px;
box-shadow:0 0 20px rgba(0,229,255,.08);
transition:all .3s ease;
}

.content-card:hover{
box-shadow:0 0 30px rgba(0,229,255,.20);
transform:translateY(-2px);
}

.content-card h2{
color:#ff9d2e;
margin-top:0;
margin-bottom:15px;
}

.content-card p{
color:#e6edf3;
line-height:1.8;
}

.content-image{
    width:75%;
    max-width:850px;
    display:block;
    margin:20px auto;
    border-radius:12px;
    border:1px solid rgba(0,229,255,.25);
}

.gallery{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:20px;
margin-top:20px;
}

.gallery img{
width:100%;
border-radius:12px;
border:1px solid rgba(0,229,255,.25);
transition:all .3s ease;
}

.gallery img:hover{
transform:scale(1.02);
box-shadow:0 0 25px rgba(0,229,255,.25);
}