@font-face{font-family:'Oswald';src:url('fonts/Oswald-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Oswald';src:url('fonts/Oswald-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'Oswald';src:url('fonts/Oswald-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
@font-face{font-family:'Karla';src:url('fonts/Karla-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Karla';src:url('fonts/Karla-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}

:root{
  --red:#BE1E36;
  --dark:#3a3a3a;
  --gray:#676465;
  --lightgray:#D3D2D2;
  --bg:#faf9f8;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--bg);color:var(--dark);font-family:'Karla',sans-serif;line-height:1.7;}
a{color:inherit;}

header{background:#fff;border-bottom:3px solid var(--red);}
.header-inner{max-width:960px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;}
.header-inner img{height:64px;}

nav{display:flex;align-items:center;flex-wrap:wrap;}
nav a{font-family:'Oswald',sans-serif;font-size:14px;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;text-decoration:none;margin-left:24px;color:var(--dark);}
nav a:first-child{margin-left:0;}
nav a:hover{color:var(--red);}
nav a.current{color:var(--red);}
nav a.crosslink{
  margin-left:32px;
  display:flex;
  align-items:center;
  gap:8px;
  background:var(--bg);
  border:1px solid var(--lightgray);
  border-radius:30px;
  padding:6px 16px 6px 8px;
}
nav a.crosslink:hover{border-color:var(--red);}
nav a.crosslink img{height:26px;width:26px;border-radius:50%;object-fit:cover;display:block;}

.hero{background:var(--lightgray);padding:60px 24px;text-align:center;}
.hero h1{font-family:'Oswald',sans-serif;font-weight:700;font-size:38px;letter-spacing:0.02em;color:var(--red);margin:0 0 12px;text-transform:uppercase;}
.hero p{font-size:18px;color:var(--gray);max-width:560px;margin:0 auto;}

main{max-width:760px;margin:0 auto;padding:50px 24px;}
h2{font-family:'Oswald',sans-serif;font-weight:600;font-size:24px;color:var(--red);text-transform:uppercase;letter-spacing:0.02em;margin:44px 0 16px;}
h2:first-of-type{margin-top:0;}
p{font-size:16px;}

.quali-list{list-style:none;padding:0;margin:0;}
.quali-list li{padding:14px 0;border-bottom:1px solid var(--lightgray);}
.quali-list li:last-child{border-bottom:none;}
.quali-list .titel{font-weight:600;color:var(--dark);}
.quali-list .jahr{float:right;font-family:'Oswald',sans-serif;font-size:13px;color:var(--gray);}
.quali-list .detail{display:block;font-size:14px;color:var(--gray);margin-top:2px;}

.placeholder-box{background:#fff;border:1px dashed var(--lightgray);border-radius:6px;padding:40px 24px;text-align:center;color:var(--gray);}

.cta-box{background:var(--red);color:#fff;border-radius:6px;padding:18px 24px;text-align:center;margin-top:40px;max-width:420px;margin-left:auto;margin-right:auto;}
.cta-box h3{font-family:'Oswald',sans-serif;font-size:15px;margin:0 0 6px;text-transform:uppercase;}
.cta-box p{font-size:14px;margin:0;}
.cta-box a.button{display:inline-block;margin-top:10px;background:#fff;color:var(--red);font-family:'Oswald',sans-serif;font-weight:600;text-transform:uppercase;font-size:12px;padding:8px 18px;border-radius:30px;text-decoration:none;}

footer{text-align:center;font-size:13px;color:var(--gray);padding:30px 24px;border-top:1px solid var(--lightgray);}