/* Theme Name: SV Italia Hauptseite
Description: Moderner Hauptauftritt für SV Italia 1965 München e. V.
Version: 1.0.0 */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--ink:#102c2b;--deep:#092b2c;--green:#07534f;--red:#b92d35;--gold:#d9ae4b;--paper:#f7f4ee;--white:#fff;--muted:#657573}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font-family:Inter,Arial,sans-serif;color:var(--ink);line-height:1.65}.container{width:min(1140px,calc(100% - 2.5rem));margin:auto}.site-header{height:78px;background:#fffdf9;display:flex;align-items:center;border-bottom:3px solid var(--red);position:sticky;top:0;z-index:100}.site-header .container{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.68rem;text-decoration:none;color:var(--ink)}.brand img{width:47px;height:47px}.brand span{display:grid;line-height:1.05}.brand strong{font-family:'Barlow Condensed',sans-serif;font-size:1.5rem;letter-spacing:.02em}.brand small,.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.66rem;font-weight:700;color:var(--green)}.menu-button{background:var(--deep);color:#fff;border:0;padding:.65rem .8rem;font-weight:700;display:flex;gap:.55rem;align-items:center}.navbar-toggler-icon{width:18px;height:13px;display:block;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}.navbar-toggler-icon:after{content:'';position:absolute;left:0;right:0;top:4px;border-top:2px solid currentColor}.offcanvas{width:min(390px,90vw)!important;background:var(--deep)!important}.offcanvas .nav-link,.offcanvas button.nav-link{color:#fff;border:0;background:none;text-align:left;padding:.72rem 0;font-weight:600}.offcanvas .nav-link:hover,.offcanvas button.nav-link:hover{color:#f0c664}.team-menu{border-left:1px solid #ffffff4b;margin:.1rem 0 .5rem .6rem;padding-left:.8rem}.team-menu .nav-link{font-size:.9rem;color:#d4e1df;padding:.3rem 0}.hero{color:#fff;background:linear-gradient(112deg,#082d2dcc 0%,#07534fd6 54%,#0a4139a8 100%),linear-gradient(135deg,#073e3a,#156660);position:relative;overflow:hidden}.hero:after{content:'1965';position:absolute;font:800 clamp(10rem,24vw,23rem)/.7 'Barlow Condensed',sans-serif;right:-.04em;bottom:-.07em;color:#fff;opacity:.08;letter-spacing:-.08em}.hero .container{min-height:420px;padding:4.4rem 0;display:flex;align-items:center;position:relative;z-index:1}.hero-copy{max-width:700px}.hero .eyebrow{color:#eed18a}.hero h1,.content-card h1,.content-card h2,.content-card h3{font-family:'Barlow Condensed',sans-serif;line-height:.9;letter-spacing:-.015em}.hero h1{font-size:clamp(3.7rem,8.4vw,6.9rem);margin:.45rem 0 1rem;text-transform:uppercase}.hero p{max-width:590px;font-size:1.08rem}.btn-main{display:inline-block;background:var(--gold);color:#172a28;text-decoration:none;font-weight:800;padding:.8rem 1.1rem;margin-top:.8rem}.btn-main:hover{background:#edc55f;color:#172a28}.home-main{padding:4rem 0 5rem}.notice{background:#fff;border-left:5px solid var(--red);padding:1.7rem 1.8rem;box-shadow:0 8px 25px #092b2b10}.notice .headline br,.notice p br{display:none}.notice h2{font-family:'Barlow Condensed',sans-serif;line-height:1;margin:.2rem 0 .75rem;font-size:2.35rem}.notice :last-child{margin-bottom:0}.section-head{margin:4.5rem 0 1.4rem;display:flex;justify-content:space-between;align-items:end;gap:1rem}.section-head h2{font:800 clamp(2.4rem,5vw,4rem)/.9 'Barlow Condensed',sans-serif;margin:.3rem 0 0}.section-head p{max-width:470px;margin:0;color:var(--muted);font-size:.94rem}.area-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.area-card{min-height:205px;padding:1.1rem;display:flex;flex-direction:column;justify-content:end;text-decoration:none;color:#fff;position:relative;overflow:hidden;background:var(--c)}.area-card:after{content:attr(data-mark);position:absolute;right:-.08em;top:-.17em;font:800 7.2rem/.8 'Barlow Condensed',sans-serif;opacity:.15}.area-card:hover{transform:translateY(-4px);color:#fff;box-shadow:0 13px 24px #092b2b25}.area-card small{letter-spacing:.1em;text-transform:uppercase;font-weight:700;font-size:.61rem}.area-card strong{font:700 2rem/.9 'Barlow Condensed',sans-serif;margin-top:.3rem}.area-card span{font-size:.78rem;margin-top:.8rem;font-weight:700}.club-strip{margin-top:4.5rem;background:var(--red);color:#fff;padding:2.4rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.club-strip h2{font:800 clamp(2.2rem,4vw,3.5rem)/.9 'Barlow Condensed',sans-serif;margin:.3rem 0 0}.club-strip .eyebrow{color:#f6d18b}.club-strip a{color:#fff;font-weight:700}.content-section{padding:4rem 0 5rem}.content-card{background:#fff;padding:clamp(1.4rem,4vw,3.5rem);box-shadow:0 8px 27px #092b2b10}.content-card h1,.content-card h2{font-size:clamp(2.3rem,5vw,3.7rem);color:var(--deep)}.content-card h3{font-size:2rem;color:var(--green)}.content-card img{max-width:100%;height:auto}.content-card table{max-width:100%;width:100%;display:block;overflow:auto}.content-card td,.content-card th{padding:.55rem;border:1px solid #dae3df}.content-card a{color:var(--green);font-weight:700}.site-footer{background:var(--deep);color:#d7e2df;padding:1.4rem 0;font-size:.85rem}.site-footer .container{display:flex;justify-content:space-between;gap:1rem}.site-footer a{color:#fff;text-decoration:none}.skip-link{position:absolute;top:0;left:0;z-index:1000;background:#fff;padding:.5rem}.skip-link:not(:focus){clip:rect(0,0,0,0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media(max-width:900px){.area-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.site-header{height:68px}.brand img{width:39px;height:39px}.brand strong{font-size:1.25rem}.menu-label{display:none}.container{width:min(100% - 1.5rem,1140px)}.hero .container{min-height:375px;padding:3.6rem 0}.home-main{padding:2.5rem 0}.area-grid{grid-template-columns:repeat(2,1fr)}.area-card{min-height:160px}.area-card:last-child{grid-column:span 2}.section-head{display:block;margin-top:3.5rem}.section-head p{margin-top:.8rem}.club-strip{margin:3.5rem 0 0;display:block;padding:2rem 1.5rem}.club-strip p{margin-bottom:.5rem}.content-section{padding:0}.content-card{box-shadow:none}.site-footer .container{display:block}.site-footer small+small{display:block;margin-top:.4rem}}