/*
Theme Name: EC NoNames Classic
Author: EC NoNames
Description: Das originale rot-blau-gelbe Clubdesign, angepasst für WordPress und Mobilgeräte.
Version: 1.0.1
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: ec-nonames-classic
License: GPL-2.0-or-later
*/

:root { --nn-blue:#363493; --nn-red:#cc0000; --nn-yellow:#ffd132; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:#f1f1f5; }
a { text-underline-offset:.2em; }
a:focus-visible,button:focus-visible { outline:3px solid #cf5200; outline-offset:4px; }
.wp-site-blocks { max-width:1200px; min-height:100vh; margin:0 auto; background:#fff; box-shadow:0 0 40px #17164012; }
.wp-site-blocks > * { margin-block-start:0; }
.nn-header { position:relative; display:grid; grid-template-columns:250px 1fr 220px; align-items:center; gap:24px; min-height:174px; padding:0 35px 0 12px; background:var(--nn-red); isolation:isolate; }
.nn-header > * { margin:0; }
.nn-brand { position:relative; display:flex; flex-direction:column; justify-content:center; min-height:174px; z-index:1; }
.nn-brand::before { content:''; position:absolute; z-index:-1; width:195px; height:195px; left:21px; top:-16px; background:var(--nn-yellow); transform:rotate(40deg); }
.nn-brand a { display:block; font-size:34px; line-height:1.1; font-weight:800; color:#16125a; text-decoration:none; text-align:center; text-shadow:1px 1px #fff; }
.nn-brand small { display:block; margin-top:9px; font-size:26px; }
.nn-photo { height:155px; background:url('assets/hockey-banner.png') center/contain no-repeat; }
.nn-badge { position:relative; width:174px; height:174px; justify-self:center; background:url('assets/bulldog.png') center/145px auto no-repeat; }
.nn-badge::before { content:''; position:absolute; inset:0; background:var(--nn-yellow); transform:rotate(40deg); z-index:-1; }
.nn-layout { display:grid; grid-template-columns:220px minmax(0,1fr); align-items:stretch; gap:0; margin:0; }
.nn-layout > aside { display:flex; }
.nn-layout > aside > .nn-sidebar { width:100%; }
.nn-sidebar { display:flex; flex-direction:column; gap:24px; padding:65px 22px 0; background:var(--nn-blue); color:var(--nn-yellow); min-height:620px; }
.nn-sidebar > * { margin:0; }
.nn-nav-label { font-size:13px; text-transform:uppercase; letter-spacing:.12em; font-weight:700; padding-bottom:12px; border-bottom:1px solid #ffffff40; }
.nn-sidebar .wp-block-navigation { width:100%; font-size:18px; font-weight:700; }
.nn-sidebar .wp-block-navigation__container { gap:6px; width:100%; }
.nn-sidebar .wp-block-navigation-item { width:100%; }
.nn-sidebar .wp-block-navigation-item__content { padding:10px 0; display:block; width:100%; color:var(--nn-yellow); }
.nn-sidebar .wp-block-navigation-item__content:hover { color:#fff; text-decoration:underline; }
.nn-sidebar .current-menu-item > a { color:#fff; }
.nn-sidebar-note { margin-top:26px; font-size:14px; line-height:1.65; color:#fff; }
.nn-flames { width:calc(100% + 44px); margin:auto -22px 0; min-height:165px; background:url('assets/flames.png') center bottom/100% auto no-repeat; }
.nn-main { min-width:0; padding:68px clamp(24px,5vw,70px) 72px; }
.nn-eyebrow { font-size:12px; text-transform:uppercase; letter-spacing:.16em; color:var(--nn-red); font-weight:800; margin-top:0; }
.nn-main h1 { font-size:clamp(32px,4.5vw,52px); line-height:1.08; letter-spacing:-.035em; color:var(--nn-blue); margin:18px 0 28px; }
.nn-main h2 { font-size:28px; line-height:1.25; }
.nn-main p { line-height:1.75; }
.nn-main .nn-lead { font-size:22px; line-height:1.55; font-weight:600; }
.nn-rule { border:0; height:5px; width:75px; background:var(--nn-yellow); margin:30px 0; }
.nn-buttons { margin-top:34px; gap:12px; }
.wp-block-button__link { border-radius:0; font-weight:700; padding:14px 22px; background:var(--nn-blue); color:#fff; border:2px solid var(--nn-blue); }
.wp-block-button__link:hover { background:#252368; }
.is-style-outline .wp-block-button__link { color:var(--nn-blue); background:transparent; border:2px solid var(--nn-blue); }
.is-style-outline .wp-block-button__link:hover { background:#f1f0fa; }
.nn-footer { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:18px; margin:0; padding:24px 30px; border-top:5px solid var(--nn-red); background:#fff; font-size:13px; color:#514f62; }
.nn-footer p { margin:0; }
.nn-footer .wp-block-navigation { font-size:13px; }
.nn-main img { max-width:100%; height:auto; }
.nn-main table { width:100%; border-collapse:collapse; }
.nn-main th,.nn-main td { padding:12px; border:1px solid #dad9e7; }
.nn-main th { background:var(--nn-blue); color:white; }
.nn-main input:not([type=checkbox]):not([type=radio]),.nn-main textarea,.nn-main select { max-width:100%; padding:12px; border:1px solid #85839f; font:inherit; }
.nn-main input[type=submit],.nn-main button { background:var(--nn-blue); color:white; cursor:pointer; }
.nn-main .wp-block-post-content { overflow-wrap:anywhere; }
@media (max-width:800px) {
 .nn-header { grid-template-columns:210px 1fr 160px; gap:12px; min-height:150px; padding:0 18px 0 4px; }
 .nn-brand { min-height:150px; }
 .nn-brand::before { width:165px; height:165px; left:20px; }
 .nn-brand a { font-size:29px; }
 .nn-brand small { font-size:23px; }
 .nn-badge { width:135px; height:135px; background-size:116px auto; }
 .nn-photo { height:125px; }
 .nn-layout { grid-template-columns:180px minmax(0,1fr); }
 .nn-sidebar { padding-left:18px; padding-right:18px; }
 .nn-flames { width:calc(100% + 36px); margin-left:-18px; margin-right:-18px; }
 .nn-main { padding:50px 28px; }
}
@media (max-width:600px) {
 .nn-header { grid-template-columns:minmax(0,1fr) 130px; min-height:150px; gap:10px; padding:0 18px 0 6px; overflow:hidden; }
 .nn-brand { max-width:240px; }
 .nn-brand::before { left:28px; top:-4px; }
 .nn-brand a { font-size:29px; }
 .nn-brand small { font-size:23px; }
 .nn-photo { display:none; }
 .nn-badge { width:116px; height:116px; background-size:100px auto; }
 .nn-layout { display:block; }
 .nn-sidebar { min-height:0; padding:14px 20px; gap:0; }
 .nn-nav-label,.nn-sidebar-note,.nn-flames { display:none; }
 .nn-sidebar .wp-block-navigation__container { flex-direction:row; justify-content:center; gap:8px 24px; }
 .nn-sidebar .wp-block-navigation-item { width:auto; font-size:16px; }
 .nn-sidebar .wp-block-navigation-item__content { padding:6px 0; }
 .nn-main { padding:38px 24px 48px; }
 .nn-main .nn-lead { font-size:20px; }
 .nn-footer { padding:22px 24px; gap:14px; }
 .nn-footer .wp-block-navigation__container { flex-wrap:wrap; gap:12px 20px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }


/* Originalgrafik in voller Höhe anzeigen. */
.nn-flames { min-height: 0; aspect-ratio: 164 / 138; flex-shrink: 0; }