/* =========================================================
   EAGLES GRAZ – main.css  ·  Saison 2026/27
   Layout angelehnt an eagles-graz.at
   ========================================================= */

:root{
	--eagles-black:#0c0b0a;
	--eagles-black-2:#000;
	--eagles-gold:#AD9268;
	--eagles-gold-hi:#C9B188;
	--eagles-gold-deep:#8A7248;
	--eagles-cream:#EFE8DA;
	--eagles-surface:#161412;
	--eagles-surface-2:#1d1a16;
	--eagles-line:rgba(173,146,104,.24);
	--eagles-line-soft:rgba(255,255,255,.07);
	--radius:14px;
	--wrap:1240px;
	--font-display:"Bebas Neue",sans-serif;
	--font-body:"Manrope",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
	--font-label:"Oswald",sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
	margin:0;background:var(--eagles-black);color:var(--eagles-cream);
	font-family:var(--font-body);
	font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.wrap.narrow{max-width:780px}
.muted{color:rgba(243,239,231,.5)}
.center{text-align:center}
.ta-l{text-align:left!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* Display headings – Anton, leicht schräg (sportlich) */
.section-title,.hero-headline,.newsletter-card h2,.error-code,.article-title{
	font-family:var(--font-display);font-weight:400;text-transform:uppercase;
	letter-spacing:.005em;line-height:.98;transform:skewX(var(--eagles-skew));transform-origin:left;
}
.section-title{font-size:clamp(1.8rem,3.6vw,2.7rem);color:#fff;margin:.1em 0 0}

/* Eyebrow */
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-label);
	text-transform:uppercase;letter-spacing:.26em;font-size:.72rem;font-weight:600;color:var(--eagles-gold)}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--eagles-gold);display:inline-block}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-label);
	text-transform:uppercase;letter-spacing:.1em;font-weight:600;font-size:.82rem;
	padding:13px 26px;border-radius:40px;transition:.2s;cursor:pointer;border:1px solid transparent}
.btn-gold{background:var(--eagles-gold);color:#171206}
.btn-gold:hover{background:var(--eagles-gold-hi)}
.btn-dark{background:rgba(255,255,255,.04);border-color:var(--eagles-line);color:var(--eagles-cream)}
.btn-dark:hover{border-color:var(--eagles-gold);color:var(--eagles-gold)}
.btn-outline{border-color:var(--eagles-gold);color:var(--eagles-gold)}
.btn-outline:hover{background:var(--eagles-gold);color:#171206}
.btn-ticket{background:var(--eagles-gold);color:#171206;padding:11px 24px}
.btn-ticket:hover{background:var(--eagles-gold-hi)}
.link-more{color:var(--eagles-gold);font-family:var(--font-label);text-transform:uppercase;
	letter-spacing:.14em;font-size:.78rem;white-space:nowrap}
.link-more:hover{color:var(--eagles-gold-hi)}

/* Card */
.card{background:linear-gradient(180deg,var(--eagles-surface),#100e0c);
	border:1px solid var(--eagles-line);border-radius:var(--radius)}

/* Topbar */
.topbar{background:#000;border-bottom:1px solid var(--eagles-line-soft)}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;height:40px;
	font-family:var(--font-label);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
.topbar-season{color:var(--eagles-gold)}
.topbar-links a{color:rgba(243,239,231,.65);margin-left:22px}
.topbar-links a:hover{color:var(--eagles-gold)}

/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(12,11,10,.92);
	backdrop-filter:blur(10px);border-bottom:1px solid var(--eagles-line-soft);transition:box-shadow .3s}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:80px;gap:24px}
.brand{display:flex;align-items:center;gap:12px}
.brand-emblem{height:100px;width:auto}
.brand-word{font-family:var(--font-display);font-size:1.45rem;letter-spacing:.02em;color:#fff;
	line-height:1;transform:skewX(var(--eagles-skew))}
.brand-word em{font-style:normal;color:var(--eagles-gold)}
.site-nav .nav-list{list-style:none;display:flex;gap:30px;margin:0;padding:0}
.site-nav a{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.1em;
	font-size:.86rem;font-weight:500;color:var(--eagles-cream);padding:4px 0;border-bottom:2px solid transparent;transition:.2s}
.site-nav a:hover{color:var(--eagles-gold);border-color:var(--eagles-gold)}
.header-actions{display:flex;align-items:center;gap:14px}
.nav-toggle{display:none;background:none;border:0;color:var(--eagles-gold);font-size:1.5rem;cursor:pointer}

/* Hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--eagles-line-soft)}
.hero-bg{position:absolute;inset:0;z-index:0;background:
	radial-gradient(680px 460px at 78% 42%,rgba(173,146,104,.20),transparent 62%),
	linear-gradient(180deg,#0e0d0b,#0a0908)}
.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;
	align-items:center;padding:78px 28px 84px}
.hero-text{max-width:560px}
.hero-headline{margin:18px 0 22px;font-size:clamp(3rem,7.5vw,5.4rem)}
.hero-headline .hl-1{display:block;color:#fff}
.hero-headline .hl-2{display:block;color:var(--eagles-gold)}
.hero-lead{color:rgba(243,239,231,.78);max-width:480px;margin:0 0 28px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.hero-stats{display:flex;gap:46px;margin-top:42px;flex-wrap:wrap}
.stat{display:flex;flex-direction:column;gap:4px}
.stat-num{font-family:var(--font-display);font-size:2.1rem;color:#fff;line-height:1;transform:skewX(var(--eagles-skew))}
.stat-lbl{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.14em;
	font-size:.66rem;color:var(--eagles-gold)}
.hero-crest{display:flex;justify-content:center}
.hero-crest img{width:min(600px,72%);filter:drop-shadow(0 22px 50px rgba(0,0,0,.6))}

/* Section base */
.section{padding:66px 0;border-bottom:1px solid var(--eagles-line-soft)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:30px;flex-wrap:wrap}
.section-center{text-align:center;margin-bottom:34px}
.section-center .eyebrow{justify-content:center}

/* Matchcenter */
.match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.match-card{background:linear-gradient(180deg,var(--eagles-surface),#100e0c);
	border:1px solid var(--eagles-line);border-radius:var(--radius);padding:22px;transition:.2s;
	display:flex;flex-direction:column;gap:16px}
.match-card:hover{border-color:var(--eagles-gold);transform:translateY(-3px)}
.match-label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.18em;
	font-size:.66rem;color:var(--eagles-gold)}
.match-body{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mteam{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;text-align:center}
.mteam-badge{width:54px;height:54px;border-radius:50%;background:var(--eagles-gold);
	display:flex;align-items:center;justify-content:center;overflow:hidden;
	font-family:var(--font-display);color:#171206;font-size:1.4rem}
.mteam-badge img{width:78%;height:78%;object-fit:contain}
.mteam-badge.alt{background:#211d18;color:var(--eagles-gold);border:1px solid var(--eagles-line)}
.mteam-name{font-family:var(--font-label);text-transform:uppercase;font-size:.8rem;letter-spacing:.04em}
.mcenter{padding:0 6px}
.mscore{font-family:var(--font-display);font-size:1.7rem;color:var(--eagles-gold);transform:skewX(var(--eagles-skew));display:inline-block}
.mvs{font-family:var(--font-label);text-transform:uppercase;color:rgba(243,239,231,.4);font-size:.85rem;letter-spacing:.12em}
.match-foot{border-top:1px solid var(--eagles-line-soft);padding-top:12px;font-size:.82rem;color:rgba(243,239,231,.6)}
.match-card.empty{align-items:flex-start}

/* News */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.news-card{background:linear-gradient(180deg,var(--eagles-surface),#100e0c);
	border:1px solid var(--eagles-line);border-radius:var(--radius);overflow:hidden;transition:.2s}
.news-card:hover{border-color:var(--eagles-gold);transform:translateY(-3px)}
.news-thumb{position:relative;aspect-ratio:16/10;background:var(--eagles-surface-2)}
.news-thumb img{width:100%;height:100%;object-fit:cover}
.news-tag{position:absolute;top:12px;left:12px;background:var(--eagles-gold);color:#171206;
	font-family:var(--font-label);text-transform:uppercase;letter-spacing:.1em;font-size:.64rem;
	font-weight:600;padding:4px 10px;border-radius:30px}
.news-body{padding:18px 20px 22px}
.news-date{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;color:var(--eagles-gold)}
.news-card h3{font-family:var(--font-label);font-weight:600;font-size:1.15rem;margin:.35em 0 .35em;color:#fff}
.news-card p{color:rgba(243,239,231,.66);font-size:.9rem;margin:0}

/* Tabelle */
.table-card{padding:6px 22px}
.liga-table{width:100%;border-collapse:collapse;font-family:var(--font-label)}
.liga-table th{text-align:center;font-size:.66rem;text-transform:uppercase;letter-spacing:.12em;
	color:var(--eagles-gold);padding:16px 8px;border-bottom:1px solid var(--eagles-line)}
.liga-table td{text-align:center;padding:13px 8px;border-bottom:1px solid var(--eagles-line-soft);font-size:.92rem}
.liga-table tr:last-child td{border-bottom:0}
.liga-table .t-team{font-family:var(--font-body);font-weight:600}
.liga-table .row-eagles{background:rgba(173,146,104,.12)}
.liga-table .row-eagles .t-team{color:var(--eagles-gold)}

/* Säulen */
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pillar{padding:30px 28px 34px}
.pillar-icon{display:inline-flex;width:50px;height:50px;border:1px solid var(--eagles-gold);
	border-radius:12px;align-items:center;justify-content:center;color:var(--eagles-gold);margin-bottom:18px}
.pillar-icon svg{width:24px;height:24px}
.pillar h3{font-family:var(--font-label);font-weight:600;text-transform:uppercase;font-size:1.3rem;color:#fff;margin:0 0 .3em}
.pillar p{color:rgba(243,239,231,.7);margin:0}

/* Partner */
.partner-section{border-bottom:1px solid var(--eagles-line-soft)}
.partner-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.partner-item{flex:0 1 200px;min-height:84px;background:rgba(255,255,255,.02);
	border:1px solid var(--eagles-line);border-radius:12px;display:flex;align-items:center;justify-content:center;
	padding:18px;transition:.2s}
.partner-item:hover{border-color:var(--eagles-gold)}
.partner-item img{max-height:48px;width:auto;filter:grayscale(1) brightness(1.7);opacity:.8;transition:.2s}
.partner-item:hover img{filter:none;opacity:1}
.partner-name{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.08em;font-size:.92rem;color:var(--eagles-cream)}

/* Newsletter */
.newsletter{padding:70px 0;border-bottom:1px solid var(--eagles-line-soft)}
.newsletter-card{position:relative;border:1px solid var(--eagles-gold);border-radius:20px;
	padding:54px 30px;text-align:center;overflow:hidden;
	background:radial-gradient(600px 280px at 50% 0%,rgba(173,146,104,.14),transparent 70%),#0e0d0b}
.newsletter-card h2{font-size:clamp(1.8rem,4vw,2.6rem);color:#fff;margin:0 0 .3em}
.newsletter-card p{color:rgba(243,239,231,.72);max-width:440px;margin:0 auto 26px}
.nl-form{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.nl-form input{background:rgba(0,0,0,.4);border:1px solid var(--eagles-line);border-radius:40px;
	padding:13px 22px;color:var(--eagles-cream);min-width:280px;font-family:var(--font-body)}
.nl-form input::placeholder{color:rgba(243,239,231,.4)}
.nl-form input:focus{outline:none;border-color:var(--eagles-gold)}

/* Footer */
.site-footer{background:#080706;padding:60px 0 0}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:34px}
.footer-logo{height:150px;width:auto;margin-bottom:16px}
.footer-tag{color:rgba(243,239,231,.55);font-size:.86rem;max-width:300px}
.footer-col h3{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.16em;
	font-size:.74rem;color:var(--eagles-gold);margin:0 0 16px}
.footer-col p{margin:.45em 0;color:rgba(243,239,231,.7);font-size:.92rem}
.footer-col a:hover{color:var(--eagles-gold)}
.footer-col .ft-strong{color:#fff;font-weight:600}
.footer-bottom{border-top:1px solid var(--eagles-line-soft);margin-top:46px;padding:18px 0}
.footer-bottom .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
	font-size:.8rem;color:rgba(243,239,231,.45)}
.footer-legal a:hover{color:var(--eagles-gold)}

/* Inner pages */
.page-section{padding:64px 0}
.article-title{font-size:clamp(2rem,5vw,3.2rem);color:#fff}
.article-hero{margin:18px 0 28px}.article-hero img{width:100%;border-radius:var(--radius)}
.article-body{color:rgba(243,239,231,.85);font-size:1.05rem}
.article-body a{color:var(--eagles-gold);text-decoration:underline}
.article-body h2,.article-body h3{color:#fff;font-family:var(--font-label)}
.single .wrap{padding-top:50px;padding-bottom:50px}

.match-hero{padding:70px 0 50px;text-align:center;border-bottom:1px solid var(--eagles-line-soft)}
.match-hero-score{display:flex;align-items:center;justify-content:center;gap:24px;margin:18px 0 8px;flex-wrap:wrap}
.mh-team{font-family:var(--font-label);font-size:clamp(1.2rem,3vw,2rem);text-transform:uppercase}
.mh-score{font-family:var(--font-display);font-size:clamp(2.4rem,7vw,4.5rem);color:var(--eagles-gold);transform:skewX(var(--eagles-skew))}
.match-meta{color:rgba(243,239,231,.65)}
.match-actions{display:flex;gap:14px;justify-content:center;margin-top:22px}

.player-hero{padding:60px 0;background:var(--eagles-surface)}
.player-hero-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:center}
.player-photo img{width:100%;border-radius:var(--radius);object-fit:cover}
.player-number{font-family:var(--font-display);font-size:3rem;color:var(--eagles-gold-deep);transform:skewX(var(--eagles-skew));display:inline-block}
.player-name{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4rem);color:#fff;text-transform:uppercase;transform:skewX(var(--eagles-skew));margin:.1em 0}
.player-stats{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.player-stats li{border-top:1px solid var(--eagles-line);padding-top:8px;font-family:var(--font-label);font-size:1.1rem}
.player-stats span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--eagles-gold)}

.roster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.roster-card{background:var(--eagles-surface);border:1px solid var(--eagles-line);border-radius:var(--radius);
	overflow:hidden;text-align:center;padding-bottom:18px;transition:.2s}
.roster-card:hover{border-color:var(--eagles-gold);transform:translateY(-3px)}
.roster-photo{position:relative;background:var(--eagles-surface-2)}
.roster-photo img{width:100%;height:240px;object-fit:cover}
.roster-number{position:absolute;top:10px;left:12px;font-family:var(--font-display);font-size:1.6rem;color:var(--eagles-gold);transform:skewX(var(--eagles-skew))}
.roster-card h3{margin:14px 0 2px;font-family:var(--font-label);text-transform:uppercase}
.roster-pos{color:var(--eagles-gold);font-size:.85rem;font-family:var(--font-label);letter-spacing:.06em}

.news-grid.wide{grid-template-columns:repeat(3,1fr)}
.error-404{padding:120px 0;text-align:center}
.error-code{font-size:7rem;color:var(--eagles-gold)}
.pagination{margin-top:36px;display:flex;gap:8px;justify-content:center}
.pagination .page-numbers{font-family:var(--font-label);padding:8px 14px;border:1px solid var(--eagles-line);color:var(--eagles-cream);border-radius:8px}
.pagination .current,.pagination .page-numbers:hover{background:var(--eagles-gold);color:#171206;border-color:var(--eagles-gold)}

/* Responsive */
@media (max-width:1000px){
	.hero-grid{grid-template-columns:1fr;text-align:center}
	.hero-text{max-width:none;margin:0 auto}
	.hero-headline,.section-title,.stat-num{transform:none}
	.eyebrow,.section-center .eyebrow{justify-content:center}
	.hero-actions,.hero-stats{justify-content:center}
	.hero-crest{order:-1}.hero-crest img{width:min(280px,60%)}
	.match-grid,.news-grid,.news-grid.wide,.pillar-grid,.roster-grid{grid-template-columns:1fr 1fr}
	.footer-grid{grid-template-columns:1fr 1fr}
	.player-hero-inner{grid-template-columns:1fr}
}
@media (max-width:720px){
	.nav-toggle{display:block}
	.site-nav{position:absolute;top:80px;left:0;right:0;background:#0d0b0a;border-bottom:1px solid var(--eagles-line);max-height:0;overflow:hidden;transition:max-height .3s}
	.site-nav.open{max-height:440px}
	.site-nav .nav-list{flex-direction:column;gap:0;padding:8px 28px 18px}
	.site-nav a{display:block;padding:13px 0;border-bottom:1px solid var(--eagles-line-soft)}
	.topbar-season{display:none}
	.match-grid,.news-grid,.news-grid.wide,.pillar-grid,.roster-grid{grid-template-columns:1fr}
	.footer-grid{grid-template-columns:1fr}
	.section-head{flex-direction:column;align-items:flex-start}
	.brand-word{font-size:1.2rem}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}