:root{
  --bg: #0b0b0c;
  --panel: #121214;
  --text: #f2f2f3;
  --muted: #b4b6bd;
  --brand: #d32020;
  --brand-2: #ff3b3b;
  --accent: #6b7280;
  --radius: 16px;
  --maxw: 1200px;
  --font: system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);}
a{color:var(--text);text-decoration:none}
.container{max-width:var(--maxw);margin:0 auto;padding:1.25rem}
/* Header */
.site-header{position:relative;top:0;z-index:50;background:rgba(11,11,12,.7);backdrop-filter: blur(8px);border-bottom:1px solid #1f1f22}
.nav{display:flex;align-items:center;gap:1rem;justify-content:space-between;padding:.75rem 1rem;}
.brand{display:flex;align-items:center;gap:.75rem}
.brand img{height:48px}
.brand span{font-weight:800;letter-spacing:.03em}
.menu{display:flex;gap:1rem;align-items:center;}
.menu a{padding:.5rem .75rem;border-radius:10px;opacity:.9}
.menu a.active, .menu a:hover{background:var(--panel)}
.btn{background:linear-gradient(180deg,var(--brand),var(--brand-2));padding:.65rem 1rem;border-radius:12px;color:#fff;font-weight:700;box-shadow:0 8px 24px rgba(211,32,32,.25)}
/* mobile */
.burger{display:none;cursor:pointer}
@media (max-width: 900px){
  .menu{display:none;position:absolute;top:64px;left:0;right:0;background:var(--panel);padding:1rem;border-bottom:1px solid #1f1f22}
  .menu.open{display:flex;flex-direction:column}
  .burger{display:block}
}
/* Hero */
.hero{position:relative;min-height:78vh;display:grid;place-items:center;text-align:center;background:url('assets/images/hero.jpg') center/cover no-repeat}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.8));}
.hero .inner{position:relative;z-index:1;display:grid;gap:1rem;padding:1rem}
.hero h1{font-size:clamp(2rem,5vw,4rem);margin:0}
.hero p{color:var(--muted);font-size:clamp(1rem,2.5vw,1.25rem)}
.hero .cta{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
/* Cards */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{background:var(--panel);border:1px solid #1f1f22;padding:1.25rem;border-radius:var(--radius);box-shadow:0 8px 24px rgba(0,0,0,.25)}
.card h3{margin:.25rem 0 .25rem}
.card p{color:var(--muted)}
@media (max-width: 900px){
  .cards{grid-template-columns:1fr}
}
/* Slider */
.slider{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid #1f1f22}
.slide{display:none}
.slide.active{display:block}
.slide img{width:100%;height:auto;display:block}
.slider .dots{display:flex;gap:.5rem;justify-content:center;padding:.75rem}
.dot{width:10px;height:10px;border-radius:50%;background:#333;border:1px solid #444;cursor:pointer}
.dot.active{background:var(--brand)}
/* Footer */
.site-footer{border-top:1px solid #1f1f22;background:#0f0f11}
.site-footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.25rem}
.site-footer a{color:var(--muted)}
@media (max-width: 900px){
  .site-footer .cols{grid-template-columns:1fr}
}
.badge{display:inline-flex;gap:.5rem;align-items:center;background:var(--panel);padding:.5rem .75rem;border-radius:999px;border:1px solid #1f1f22;color:var(--muted)}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#0c0c0e;border:1px solid #1f1f22;border-radius:10px;padding:.5rem .75rem}


.bewerbung-container {
max-width: 600px;
margin: 50px auto;
padding: 40px;
background-color: #fff;
border-radius: 12px;
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.bewerbung-container h1 {
text-align: center;
margin-bottom: 30px;
color: #333;
}

.form-group {
margin-bottom: 20px;
}

.form-group label {
display: block;
font-weight: bold;
margin-bottom: 8px;
color: #555;
}

.form-group input,
.form-group textarea {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 8px;
font-size: 16px;
transition: border 0.3s;
}

.form-group input:focus,
.form-group textarea:focus {
border-color: #4CAF50;
outline: none;
}

.form-buttons {
text-align: center;
margin-top: 25px;
}

.btn-submit {
background-color: #4CAF50;
color: #fff;
border: none;
padding: 12px 30px;
border-radius: 8px;
font-size: 16px;
cursor: pointer;
transition: background 0.3s;
}

.btn-submit:hover {
background-color: #45a049;
}

.btn-reset {
background-color: #f44336;
color: #fff;
border: none;
padding: 12px 30px;
border-radius: 8px;
font-size: 16px;
cursor: pointer;
margin-left: 15px;
transition: background 0.3s;
}

.btn-reset:hover {
background-color: #da190b;
}

.success {
color: green;
font-weight: bold;
text-align: center;
margin-bottom: 15px;
}

.error {
color: red;
font-weight: bold;
text-align: center;
margin-bottom: 15px;
}

.Spacer {
margin-top: 100px;
margin-bottom: 100px;
}

.login {
  position: absolute;
  top: 12px;
  right: 12px;
  background: linear-gradient(180deg, var(--brand), var(--brand-2));
  padding: .65rem 1rem;
  border-radius: 12px;
  color: #fff;
  font-weight: 700;
  box-shadow: 0 8px 24px rgba(211,32,32,.25); 
}