/*
Theme Name: HKISAR Modern
Theme URI: https://hkisar.de/
Author: HKISAR
Description: Modernes responsives WordPress-Theme für den Handballkreis Iserlohn-Arnsberg e.V. Bestehende Inhalte werden übernommen.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: hkisar-modern
*/
:root{--red:#e30620;--reddeep:#bb071c;--ink:#151b28;--muted:#657083;--pale:#f4f6f9;--line:#e4e8ef;--white:#fff;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.65}a{color:var(--reddeep);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.topline{height:5px;background:var(--red)}.site-header{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);box-shadow:0 5px 20px #18233409}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:92px}.brand{display:flex;align-items:center;gap:14px;color:var(--ink);min-width:0}.brand:hover{text-decoration:none}.brand img{width:96px;height:69px;object-fit:contain;object-position:left center}.brand-copy{display:flex;flex-direction:column;line-height:1.22}.brand-copy strong{font-size:19px;letter-spacing:-.5px}.brand-copy small{color:var(--muted);font-weight:550;margin-top:5px;font-size:12px;text-transform:uppercase;letter-spacing:1.2px}.nav-menu{display:flex;align-items:center;flex-wrap:wrap;gap:3px;list-style:none;margin:0;padding:0}.nav-menu a{display:block;padding:12px 10px;color:var(--ink);font-size:13px;font-weight:750;border-radius:7px}.nav-menu a:hover,.nav-menu .current-menu-item>a{background:#fff0f2;color:var(--reddeep);text-decoration:none}.nav-menu .menu-item-has-children{position:relative}.nav-menu .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:210px;list-style:none;padding:9px;background:white;border:1px solid var(--line);box-shadow:0 15px 35px #10192a18;border-radius:10px}.nav-menu .menu-item-has-children:hover>.sub-menu,.nav-menu .menu-item-has-children:focus-within>.sub-menu{display:block}.menu-toggle{display:none;border:1px solid var(--line);border-radius:8px;background:white;padding:9px 12px;font-weight:700}.hero{background:linear-gradient(118deg,#101827 0%,#1e2638 68%,#3c1523 100%);color:white;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;right:-140px;bottom:-240px;border:90px solid #e306201b;border-radius:50%;height:600px;width:600px}.hero-inner{padding:85px 0 88px;position:relative;max-width:800px}.eyebrow{display:inline-flex;gap:8px;align-items:center;color:#ffb9bf;font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:12px}.hero h1{font-size:clamp(36px,5.3vw,70px);line-height:1.12;letter-spacing:-2.5px;margin:17px 0 17px;font-weight:850}.hero h1 em{font-style:normal;color:#ff4e60}.hero p{color:#dce1e9;font-size:18px;max-width:620px;margin-bottom:28px}.buttons{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-block;border-radius:9px;background:var(--red);padding:13px 19px;color:#fff;font-weight:800;font-size:14px}.btn:hover{background:var(--reddeep);color:white;text-decoration:none}.btn-outline{background:transparent;border:1px solid #ffffff69}.btn-outline:hover{background:#ffffff20}.quick-wrap{position:relative;margin-top:-27px;z-index:2}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick a{background:#fff;border:1px solid var(--line);box-shadow:0 9px 25px #07172a16;padding:23px;border-radius:12px;color:var(--ink);transition:.2s}.quick a:hover{transform:translateY(-3px);text-decoration:none;border-color:#e3062044}.quick .quick-icon{font-size:22px;color:var(--red);font-weight:900}.quick strong{display:block;margin:9px 0 4px;font-size:17px}.quick small{display:block;color:var(--muted);font-size:12px}.section{padding:69px 0}.section.alt{background:var(--pale)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:28px}.section-kicker{color:var(--reddeep);text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800}.section h2,.section-heading h2{font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-1px;margin:9px 0 0}.all-link{font-weight:750;font-size:14px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;background:white;overflow:hidden;box-shadow:0 8px 24px #101b2b09}.news-image{height:170px;background:linear-gradient(130deg,#283144,#a50f25);overflow:hidden}.news-image img{display:block;width:100%;height:100%;object-fit:cover}.news-fallback{display:grid;place-items:center;height:100%;color:#ffffffaa;font-size:70px;font-weight:900}.news-content{padding:22px;flex:1}.meta{font-size:12px;color:var(--muted);font-weight:750}.news-card h3{font-size:19px;line-height:1.35;margin:10px 0}.news-card h3 a{color:var(--ink)}.news-card p{font-size:14px;color:var(--muted);margin-bottom:16px}.readmore{font-weight:800;font-size:13px}.feature-band{background:#e30620;color:white;border-radius:17px;padding:37px 43px;display:flex;align-items:center;justify-content:space-between;gap:30px}.feature-band h2{margin:0 0 8px;font-size:30px}.feature-band p{margin:0;color:#ffe1e5}.feature-band .btn{background:white;color:#a1081a;white-space:nowrap}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:46px}.page-hero{background:var(--pale);border-bottom:1px solid var(--line);padding:45px 0}.page-hero h1{font-size:clamp(30px,4vw,48px);letter-spacing:-1.5px;line-height:1.15;margin:8px 0}.page-hero .meta{color:var(--muted)}.entry{padding:47px 0 80px}.entry-content{font-size:16px;overflow-wrap:anywhere}.entry-content h2,.entry-content h3{line-height:1.3;margin-top:1.7em}.entry-content table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}.entry-content td,.entry-content th{padding:12px;border:1px solid var(--line)}.entry-content a{text-decoration:underline}.sidebox{background:var(--pale);padding:24px;border-radius:12px;height:max-content}.sidebox h3{margin-top:0}.sidebox a{display:block;padding:8px 0;border-bottom:1px solid var(--line);font-weight:650}.pagination{margin-top:35px}.pagination .page-numbers{padding:8px 12px;border:1px solid var(--line);border-radius:6px}.pagination .current{background:var(--red);color:#fff}.site-footer{background:#101826;color:#e5eaf2;padding:51px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.site-footer h3{color:#fff;margin:0 0 14px}.site-footer p{font-size:14px;color:#b7c0cd}.site-footer a{color:#e5eaf2;display:block;margin-bottom:9px;font-size:14px}.footer-bottom{margin-top:42px;border-top:1px solid #ffffff28;padding:17px 0;font-size:12px;color:#aab6c5}.footer-bottom a{display:inline;color:#cbd3de}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);overflow:hidden}.skip-link:focus{clip:auto;background:white;z-index:100;padding:10px;top:6px;left:6px}.wp-block-image img{border-radius:8px}@media(max-width:1080px){.head-inner{flex-wrap:wrap;min-height:75px;padding:10px 0}.menu-toggle{display:block}.site-header nav{display:none;width:100%}.site-header nav.open{display:block}.nav-menu{display:block;padding-bottom:12px}.nav-menu .sub-menu{position:static;display:block;border:0;box-shadow:none;padding-left:16px}.nav-menu a{padding:9px 10px}.news-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.container{width:min(100% - 28px,var(--max))}.brand img{width:70px;height:58px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:10px}.hero-inner{padding:60px 0}.hero h1{letter-spacing:-1.4px}.quick{grid-template-columns:repeat(2,1fr);gap:10px}.quick a{padding:16px}.quick strong{font-size:15px}.news-grid{grid-template-columns:1fr}.feature-band{display:block;padding:26px}.feature-band .btn{margin-top:20px}.footer-grid,.content-layout{grid-template-columns:1fr;gap:24px}.section{padding:46px 0}.section-heading{align-items:start;flex-direction:column}}