/*
  Heerener Tennisclub – statischer statische HTML-Version
  Pflegehinweis: Header, Footer, Menüfarben und Hero-/Cover-Darstellung werden hier zentral gepflegt.
*/
:root{
  --theme-palette-color-1:#00934A;
  --theme-palette-color-2:#6f8e3b;
  --theme-palette-color-5:#ffffff;
  --theme-palette-color-8:#f5f7f2;
  --theme-text-color:#29333c;
  --theme-muted:#6c737d;
  --theme-footer:#111518;
  --theme-border:rgba(41,51,60,.12);
  --theme-shadow:0 10px 25px -3px rgba(43,61,80,.10);
  --theme-content-width:1290px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--theme-text-color);background:#fff;line-height:1.65;font-size:17px}
a{color:var(--theme-palette-color-1);text-decoration:none} a:hover{text-decoration:none;color:#026835}

/* HEADER: angelehnt an Layout middle-row, 120 px hoch, weiß, dezenter Schatten */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);box-shadow:var(--theme-shadow);backdrop-filter:saturate(180%) blur(10px)}
.header-inner{max-width:var(--theme-content-width);height:120px;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:42px}
.brand{display:flex;align-items:center;gap:18px;color:var(--theme-text-color);font-weight:800;min-width:max-content}
.brand img{height:103px;width:auto;display:block;object-fit:contain}
.brand-text{font-size:24px;line-height:1.05;letter-spacing:-.02em}.brand-text small{display:block;margin-top:7px;font-size:13px;font-weight:500;color:#73806f;letter-spacing:0}
.nav{margin-left:auto;display:flex;align-items:center;gap:0;flex-wrap:wrap}.nav>a,.nav-group>a{display:flex;align-items:center;min-height:48px;padding:0 18px;color:var(--theme-text-color);font-size:17px;font-weight:650;line-height:1.3}.nav>a:hover,.nav-group:hover>a,.nav-group:focus-within>a{color:var(--theme-palette-color-1)}
.nav-group{position:relative}.dropdown{position:absolute;top:100%;left:0;min-width:225px;background:#29333c;border-radius:2px;padding:10px 0;box-shadow:0 10px 20px rgba(41,51,61,.12);opacity:0;visibility:hidden;transform:translateY(14px);transition:.18s ease}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown a{display:block;padding:10px 18px;color:#fff;font-size:15px;font-weight:600}.dropdown a:hover{background:rgba(255,255,255,.08);color:#fff}

/* INHALTSBEREICH */
.container{max-width:var(--theme-content-width);margin:0 auto;padding:0 28px}.content-card{background:#fff;padding:0;overflow:visible}.content-card > *{max-width:100%}.content-card h1,.content-card h2,.content-card h3{line-height:1.2;color:#344021}.content-card h1{font-size:clamp(2.2rem,4vw,4.2rem)}.content-card h2{font-size:clamp(1.8rem,3vw,3rem)}.content-card h3{font-size:1.45rem}.content-card p{margin-top:.65em;margin-bottom:1em}.content-card img{max-width:100%;height:auto}.content-card figure{margin:28px 0}.alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}.alignwide{max-width:var(--theme-content-width);margin-left:auto;margin-right:auto}

/* Header-Bilder / Cover-Blöcke aus HTML-Seite */
.htc-block-cover{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;margin-top:0;margin-bottom:52px;min-height:291px!important;text-align:center}.htc-block-cover__image-background{position:absolute;inset:0;background-size:cover;background-position:center;background-attachment:fixed;z-index:0}.htc-block-cover__background{position:absolute;inset:0;background:rgba(0,0,0,.40);z-index:1}.htc-block-cover__inner-container{position:relative;z-index:2;max-width:var(--theme-content-width);padding:70px 28px}.htc-block-cover h1,.htc-block-cover h2,.htc-block-cover h3,.htc-block-cover p{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.4)}.htc-block-cover h2{font-size:clamp(2.3rem,5vw,4.6rem)!important;margin:.1em 0;font-weight:800}.htc-block-cover p{font-size:1.2rem;margin:.25em 0}

/* Spalten und Buttons */
.htc-block-columns,.columns,.stk-row{display:flex;gap:32px;flex-wrap:wrap}.htc-block-column,.stk-column{flex:1 1 280px}.htc-block-buttons{display:flex;gap:14px;flex-wrap:wrap}.htc-block-button__link,.button{display:inline-flex;align-items:center;background:var(--theme-palette-color-1);color:#fff!important;padding:12px 20px;border-radius:999px;font-weight:800}.htc-block-button__link:hover,.button:hover{background:#026835;color:#fff!important}.has-text-align-center{text-align:center}.has-white-color{color:#fff!important}.has-background-dim{display:block}.has-background-dim-40{opacity:1}

/* Karten/Listen der rekonstruierten Zusatzseiten */
.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.news-card{background:#fff;border:1px solid var(--theme-border);border-radius:18px;padding:22px;box-shadow:var(--theme-shadow)}.meta{color:var(--theme-muted);font-size:.95rem}.pdf-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.pdf-list a{display:block;background:#fff;border:1px solid var(--theme-border);border-radius:14px;padding:15px 18px;font-weight:750}

/* FOOTER: aus Layout-Konfiguration nachgebaut */
.site-footer{margin-top:90px;background:var(--theme-footer);color:#6c737d}.footer-top{max-width:var(--theme-content-width);margin:0 auto;padding:88px 28px 78px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;align-items:start}.footer-image-card img{width:min(420px,100%);border-radius:4px;display:block;box-shadow:0 18px 50px rgba(0,0,0,.25)}.footer-col h3{margin:0 0 18px;color:#fff;font-size:21px}.footer-col p{margin:0}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin:0 0 10px}.site-footer a{color:#9aa2ad}.site-footer a:hover{color:#fff}.footer-menu{border-top:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);max-width:var(--theme-content-width);margin:0 auto;padding:25px 28px;display:flex;gap:40px;flex-wrap:wrap}.footer-menu a{font-weight:700}.footer-bottom{max-width:var(--theme-content-width);margin:0 auto;padding:26px 28px;font-size:13px;color:#aaa}

/* Kleine Optimierungen für die eingebetteten alten Custom-HTML-Blöcke */
.htc-wrapper{max-width:var(--theme-content-width)!important}.htc-left h3{color:var(--theme-palette-color-2)!important}.htc-mail{color:var(--theme-palette-color-1)!important}.htc-img{box-shadow:0 10px 30px rgba(0,0,0,.12)!important}.htc-final-note{background:#eef4e6!important;color:#3a4c23!important}

@media(max-width:1050px){.header-inner{height:auto;min-height:90px;align-items:flex-start;flex-direction:column;gap:10px;padding:12px 22px}.brand img{height:76px}.nav{margin-left:0;width:100%;gap:2px}.nav>a,.nav-group>a{padding:0 10px;font-size:15px}.dropdown{position:absolute}.footer-top{grid-template-columns:1fr 1fr}.footer-image-card{grid-column:1/-1}.htc-block-cover__image-background{background-attachment:scroll}}
@media(max-width:700px){body{font-size:16px}.brand-text{font-size:18px}.brand img{height:64px}.container{padding:0 18px}.htc-block-cover{min-height:250px!important;margin-bottom:32px}.htc-block-cover__inner-container{padding:54px 18px}.footer-top{grid-template-columns:1fr;padding:48px 22px}.footer-menu{gap:18px;padding:22px}.footer-bottom{padding:22px}.nav{display:block}.nav>a,.nav-group>a{min-height:36px}.nav-group{display:block}.dropdown{position:static;display:none;opacity:1;visibility:visible;transform:none;margin-left:12px}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown{display:block}}


/* ===== Version 3: näher an Layout Transparent Header + Original Footer-Widgets ===== */
body.has-cover .site-header{position:absolute;top:0;left:0;right:0;background:rgba(255,255,255,0);box-shadow:none;backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.10)}
body.has-cover .site-header .brand, body.has-cover .site-header .nav>a, body.has-cover .site-header .nav-group>a{color:rgba(255,255,255,.76)}
body.has-cover .site-header .brand-text small{color:rgba(255,255,255,.72)}
body.has-cover .site-header .brand img{filter:none}
body.has-cover .site-header .nav>a:hover, body.has-cover .site-header .nav-group:hover>a, body.has-cover .site-header .nav-group:focus-within>a{color:#fff}
body.has-cover main.container{max-width:none;padding:0}.content-card{max-width:none}.content-card > :not(.alignfull):not(.htc-block-cover){max-width:var(--theme-content-width);margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}
body.has-cover .htc-block-cover:first-of-type{min-height:520px!important;margin-bottom:58px;padding-top:120px}.htc-block-cover{background:#111}.htc-block-cover__image-background{opacity:1;filter:none}.htc-block-cover__background{background:rgba(0,0,0,.42)!important}.htc-block-cover h2{font-size:clamp(3rem,6vw,5.8rem)!important;font-weight:850!important;letter-spacing:-.04em}.htc-block-cover p{font-size:1.25rem!important;color:rgba(255,255,255,.9)!important}
.site-header{transition:background .2s ease,color .2s ease}.header-inner{height:120px}.brand-text{font-size:22px}.nav>a,.nav-group>a{font-size:17px;font-weight:600;padding:0 16px}.dropdown{background:#29333d;top:calc(100% + 15px)}

.site-footer{background:#111518;color:#E0E0E0;margin-top:90px;font-size:13px;line-height:1.5}.footer-widgets{max-width:var(--theme-content-width);margin:0 auto;padding:70px 28px 46px;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:58px;align-items:start}.footer-widget h4{margin:0 0 25px;color:#D0D0D0;font-size:24px;font-weight:bold;line-height:1.2}.partner-widget,.club-widget{text-align:center}.partner-logo{width:120px;margin:0 auto 12px;display:block}.padel-title{display:block;color:#F3E700;font-size:18px;margin-bottom:3px}.footer-club-logo{width:80px;margin:0 auto 12px;display:block;filter:invert(1) brightness(1.3)}.footer-club-name{font-weight:bold;font-size:15px;margin-bottom:6px}.footer-claim{font-size:12px;opacity:.85;margin-bottom:16px}.footer-address{font-size:12px;opacity:.95;line-height:1.75;margin-bottom:18px}.footer-thanks{font-size:12px;opacity:.75;line-height:1.4}.sponsor-widget{text-align:left}.sponsor-entry{margin:0 0 14px;color:#E0E0E0}.sponsor-logo{width:50px;margin:0 0 3px;display:block}.lvm{color:#009C30}.frischmuth{color:#CF6E6F}.sparkasse{color:#FD0101}.site-footer a{color:#cccccc;text-decoration:none}.site-footer a:hover{color:#fff}.footer-menu{max-width:var(--theme-content-width);margin:0 auto;padding:22px 28px 12px;display:flex;justify-content:center;gap:28px;flex-wrap:wrap;border:0}.footer-menu a{font-size:13px;color:#aaa;font-weight:500}.footer-bottom{text-align:center;color:#aaa;font-size:13px;padding:18px 28px 30px}
@media(max-width:1050px){body.has-cover .site-header{position:relative;background:#fff;box-shadow:var(--theme-shadow)}body.has-cover .site-header .brand,body.has-cover .site-header .nav>a,body.has-cover .site-header .nav-group>a{color:var(--theme-text-color)}body.has-cover .site-header .brand-text small{color:#73806f}body.has-cover .htc-block-cover:first-of-type{padding-top:0;min-height:360px!important}.footer-widgets{grid-template-columns:1fr;max-width:680px}.sponsor-widget{text-align:center}.sponsor-logo{margin-left:auto;margin-right:auto}}
@media(max-width:700px){body.has-cover .htc-block-cover:first-of-type{min-height:310px!important}.htc-block-cover h2{font-size:2.4rem!important}.footer-widgets{padding:48px 22px 28px}.footer-menu{gap:16px;padding:18px 22px}}


/* ===== Version 4: Startseite nach Screenshot ===== */
.top-strip{height:8px;background:#161c20;}
body.start-page .site-header, body .site-header{position:relative!important;top:auto;left:auto;right:auto;background:#fff!important;box-shadow:none!important;border-bottom:0!important;backdrop-filter:none!important;z-index:20;}
.header-inner{max-width:100%!important;height:140px!important;margin:0!important;padding:0 32px!important;display:flex!important;align-items:center!important;gap:36px!important;}
.brand{width:430px;min-width:430px;display:grid!important;grid-template-columns:90px 1fr;grid-template-rows:auto auto;column-gap:28px;align-items:center;color:#7c8180!important;text-decoration:none!important;}
.brand img{grid-row:1/3;width:92px!important;height:108px!important;object-fit:contain;}
.brand-text{display:block;text-align:center;font-size:29px!important;line-height:1.45!important;font-weight:400!important;letter-spacing:-.03em;color:#7c8180!important;}
.brand-text small{display:block;margin-top:8px!important;font-size:15px!important;line-height:1.2!important;font-weight:650!important;color:#111!important;letter-spacing:0!important;}
.nav{height:100%;margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:48px!important;flex-wrap:nowrap!important;}
.nav>a,.nav-group>a{padding:0!important;min-height:auto!important;font-size:19px!important;line-height:1!important;font-weight:700!important;color:#111!important;white-space:nowrap;}
.nav .nav-start{color:#00823f!important;}
.chevron{font-size:18px;margin-left:5px;color:inherit;}
.header-icons{display:flex;align-items:center;gap:18px;margin-left:-20px;}
.search-icon{width:19px;height:19px;border:2px solid #111;border-radius:50%;display:inline-block;position:relative;}
.search-icon:after{content:"";position:absolute;width:8px;height:2px;background:#111;right:-6px;bottom:-2px;transform:rotate(45deg);border-radius:2px;}
.user-icon{width:20px;height:20px;border-radius:50%;background:#c8c8c8;display:inline-block;position:relative;}
.user-icon:after{content:"";position:absolute;left:4px;right:4px;bottom:-2px;height:8px;background:#fff;border-radius:8px 8px 0 0;}
.dropdown{top:calc(100% + 18px)!important;background:#fff!important;box-shadow:0 16px 35px rgba(0,0,0,.15)!important;border:1px solid rgba(0,0,0,.06)!important;border-radius:6px!important;min-width:210px!important;z-index:200!important;}
.dropdown-right{right:0;left:auto!important;}
.dropdown a{color:#111!important;background:#fff!important;font-size:15px!important;font-weight:650!important;padding:11px 18px!important;}
.dropdown a:hover{background:#f3f6ef!important;color:#00823f!important;}
body.start-page main.container{max-width:none!important;padding:0!important;}
body.start-page .content-card{max-width:none!important;background:#fff!important;}
body.start-page .content-card > :not(.alignfull):not(.htc-block-cover){max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:58px!important;padding-right:58px!important;}
body.start-page .htc-block-cover:first-of-type{margin-top:0!important;margin-bottom:72px!important;min-height:335px!important;height:335px!important;padding-top:0!important;}
body.start-page .htc-block-cover__image-background{background-attachment:scroll!important;filter:grayscale(1) brightness(.52)!important;background-position:center 53%!important;}
body.start-page .htc-block-cover__background{background:rgba(0,0,0,.25)!important;}
body.start-page .htc-block-cover__inner-container{padding-top:38px!important;}
body.start-page .htc-block-cover h2{font-size:48px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.02em!important;margin:0 0 13px!important;}
body.start-page .htc-block-cover p{font-size:18px!important;margin:0!important;}
body.start-page .htc-block-stackable-columns{max-width:none!important;padding-left:0!important;padding-right:0!important;}
body.start-page .stk-row{display:grid!important;grid-template-columns:64% 36%!important;gap:0!important;align-items:start!important;}
body.start-page .stk-column{min-width:0!important;}
body.start-page .htc-wrapper{max-width:none!important;margin:0!important;padding:0 0 0 0!important;}
body.start-page .htc-left{padding-left:0!important;max-width:735px!important;}
body.start-page .htc-left h3{font-size:32px!important;line-height:1.2!important;color:#6f8e3b!important;margin:0 0 16px!important;font-weight:800!important;}
body.start-page .htc-left h3:not(:first-child){margin-top:38px!important;}
body.start-page .htc-left p, body.start-page .htc-left li{font-size:19px!important;line-height:1.55!important;color:#050505!important;}
body.start-page .htc-left li{margin-bottom:12px!important;}
body.start-page .htc-left ul{margin-top:28px!important;}
body.start-page .htc-right{padding:0 46px 0 18px!important;gap:128px!important;}
body.start-page .htc-frame-large{min-height:auto!important;margin-top:108px!important;}
body.start-page .htc-img{width:100%!important;max-height:none!important;object-fit:cover!important;border-radius:9px!important;box-shadow:0 16px 42px rgba(0,0,0,.16)!important;}
body.start-page .htc-frame-large .htc-img{height:610px!important;object-position:center!important;}
body.start-page .htc-right .htc-img-frame:not(.htc-frame-large) .htc-img{height:315px!important;}
body.start-page .htc-final-note{max-width:none!important;margin:18px 34px 92px!important;padding:23px 28px!important;text-align:center!important;border-radius:10px!important;background:#eef6e8!important;color:#34491f!important;font-size:24px!important;font-weight:700!important;box-shadow:0 16px 38px rgba(0,0,0,.10)!important;}
/* News-Trenner auf der Startseite */
body.start-page .htc-block-separator, body.start-page hr{border:0!important;border-top:3px solid #62853c!important;margin:72px 28px 42px!important;}
body.start-page h2.has-text-align-center, body.start-page .htc-block-heading.has-text-align-center{font-size:38px!important;color:#334a25!important;}

/* Footer exakt näher am Screenshot */
.site-footer{background:#111719!important;color:#7f8589!important;margin-top:0!important;font-size:14px!important;line-height:1.35!important;}
.footer-widgets{max-width:1280px!important;margin:0 auto!important;padding:108px 28px 88px!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:90px!important;align-items:start!important;}
.footer-widget h4{font-size:26px!important;line-height:1.2!important;margin:0 0 18px!important;color:#d2d2d2!important;font-weight:800!important;}
.sponsor-widget{text-align:left!important;}
.sponsor-entry{font-size:14px!important;color:#777f84!important;margin-bottom:18px!important;}
.sponsor-logo{width:55px!important;margin:0 0 3px!important;display:block!important;}
.lvm-logo{width:58px!important;}
.sparkasse-logo{width:55px!important;}
.lvm{color:#00a83b!important;}.frischmuth{color:#cc6b6b!important;}.sparkasse{color:#ff0000!important;}
.partner-widget{text-align:left!important;padding-left:28px!important;}
.partner-logo{width:124px!important;margin:18px 0 14px!important;display:block!important;}
.padel-title{display:block!important;color:#fff100!important;font-size:19px!important;font-weight:800!important;margin-bottom:4px!important;}
.club-widget{text-align:center!important;color:#a6a6a6!important;}
.footer-club-logo{width:86px!important;height:auto!important;margin:0 auto 24px!important;display:block!important;filter:invert(1) brightness(1.4)!important;}
.footer-club-name{font-size:16px!important;color:#dedede!important;font-weight:800!important;margin-bottom:8px!important;}
.footer-claim{font-size:12px!important;color:#a8a8a8!important;margin-bottom:19px!important;}
.footer-address{font-size:12px!important;line-height:1.75!important;color:#c6c6c6!important;margin-bottom:23px!important;}
.footer-thanks{font-size:12px!important;line-height:1.35!important;color:#9d9d9d!important;}
.site-footer a{color:#8b9296!important;}.site-footer a:hover{color:#fff!important;}
.footer-menu{max-width:1280px!important;margin:0 auto!important;padding:24px 0 24px!important;display:flex!important;justify-content:flex-start!important;gap:42px!important;border-top:1px solid rgba(255,255,255,.11)!important;border-bottom:1px solid rgba(255,255,255,.11)!important;}
.footer-menu a{font-size:12px!important;font-weight:800!important;letter-spacing:.02em!important;color:#8a9094!important;text-transform:uppercase!important;}
.footer-menu a:first-child{color:#fff!important;}
.footer-bottom{max-width:1280px!important;margin:0 auto!important;text-align:left!important;color:#999!important;font-size:13px!important;padding:28px 0 34px!important;}
@media(max-width:1200px){.nav{gap:24px!important}.brand{width:360px;min-width:360px}.brand-text{font-size:25px!important}.header-inner{padding:0 24px!important}.footer-widgets{gap:45px!important}.footer-menu,.footer-bottom{padding-left:28px!important;padding-right:28px!important}}
@media(max-width:900px){.top-strip{height:6px}.header-inner{height:auto!important;min-height:110px!important;flex-direction:column!important;align-items:flex-start!important;padding:14px 22px!important}.brand{width:auto;min-width:0}.nav{height:auto!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:16px 24px!important}.header-icons{display:none}.body.start-page .stk-row, body.start-page .stk-row{grid-template-columns:1fr!important}.footer-widgets{grid-template-columns:1fr!important;max-width:680px!important;padding:58px 28px!important}.partner-widget{text-align:center!important;padding-left:0!important}.partner-logo{margin-left:auto!important;margin-right:auto!important}.sponsor-widget{text-align:center!important}.sponsor-logo{margin-left:auto!important;margin-right:auto!important}.footer-menu{justify-content:center!important}.footer-bottom{text-align:center!important}body.start-page .htc-right{padding:20px 28px!important;gap:30px!important}body.start-page .htc-frame-large{margin-top:10px!important}body.start-page .htc-frame-large .htc-img, body.start-page .htc-right .htc-img-frame:not(.htc-frame-large) .htc-img{height:auto!important}body.start-page .content-card > :not(.alignfull):not(.htc-block-cover){padding-left:28px!important;padding-right:28px!important}}


/* === Korrektur v5: News-Karte wie im HTML-Seite-Screenshot und Footer-Schrift nicht grün === */
body.start-page .htc-news-query{
  max-width:1280px!important;
  margin:0 auto 0!important;
  padding:10px 28px 34px!important;
}
body.start-page .htc-news-card{
  width:330px!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
}
body.start-page .htc-news-link{
  display:block!important;
  color:#111!important;
  text-decoration:none!important;
}
body.start-page .htc-news-card h2{
  color:#7f8585!important;
  font-size:34px!important;
  line-height:1.35!important;
  font-weight:800!important;
  margin:0 0 28px!important;
  letter-spacing:-.02em!important;
}
body.start-page .htc-news-card p{
  color:#111!important;
  font-size:18px!important;
  line-height:1.55!important;
  margin:0 0 28px!important;
}
body.start-page .htc-news-card time{
  color:#111!important;
  font-size:16px!important;
}
.site-footer, .site-footer p, .site-footer div, .site-footer span, .site-footer section, .site-footer li{
  color:#cfd2d4!important;
}
.site-footer h1,.site-footer h2,.site-footer h3,.site-footer h4,.site-footer h5,
.site-footer .footer-widget h4,.site-footer .footer-club-name{
  color:#f2f2f2!important;
}
.site-footer a{color:#d7d7d7!important;}
.site-footer a:hover{color:#ffffff!important;}
.site-footer .footer-menu a{color:#b8bdc0!important;}
.site-footer .footer-menu a:first-child{color:#ffffff!important;}
.site-footer .footer-bottom{color:#c5c5c5!important;}
.site-footer .footer-claim,.site-footer .footer-thanks{color:#c0c0c0!important;}
/* Sponsor-Texte nicht als grüner Fließtext; Logos behalten ihre Bildfarben. */
.site-footer .lvm,.site-footer .frischmuth,.site-footer .sparkasse{color:#ffffff!important;}
.site-footer .padel-title{color:#fff100!important;}
@media(max-width:900px){
  body.start-page .htc-news-card{width:auto!important;}
  body.start-page .htc-news-card h2{font-size:30px!important;}
}

/* === Korrektur v6: Header/Startseite oben nach Referenz-Screenshot === */
:root{--theme-content-width:1290px;}
.top-strip{height:8px!important;background:#161c20!important;}
body.start-page .site-header, body .site-header{
  position:relative!important;
  background:#fff!important;
  box-shadow:none!important;
  border:0!important;
  z-index:50!important;
}
.header-inner{
  max-width:1290px!important;
  height:125px!important;
  margin:0 auto!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  gap:34px!important;
}
.brand{
  width:398px!important;
  min-width:398px!important;
  display:grid!important;
  grid-template-columns:94px 1fr!important;
  grid-template-rows:auto auto!important;
  column-gap:18px!important;
  align-items:center!important;
  color:#7f8585!important;
}
.brand img{
  grid-row:1/3!important;
  width:92px!important;
  height:104px!important;
  object-fit:contain!important;
}
.brand-text{
  display:block!important;
  text-align:center!important;
  font-size:27px!important;
  line-height:1.45!important;
  font-weight:400!important;
  letter-spacing:-.025em!important;
  color:#7f8585!important;
}
.brand-text small{
  display:block!important;
  margin-top:8px!important;
  font-size:14px!important;
  line-height:1.1!important;
  font-weight:650!important;
  color:#111!important;
  letter-spacing:0!important;
}
.nav{
  height:125px!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:49px!important;
  flex-wrap:nowrap!important;
}
.nav>a,.nav-group>a{
  padding:0!important;
  min-height:0!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:750!important;
  color:#0b0b0b!important;
  white-space:nowrap!important;
}
.nav .nav-start{color:#008b44!important;}
.header-icons{display:flex!important;align-items:center!important;gap:18px!important;margin-left:-24px!important;}
.search-icon{width:18px!important;height:18px!important;border:2px solid #000!important;border-radius:50%!important;}
.user-icon{width:19px!important;height:19px!important;background:#c9c9c9!important;}

body.start-page .htc-block-cover:first-of-type{
  margin-top:0!important;
  margin-bottom:76px!important;
  min-height:295px!important;
  height:295px!important;
  padding-top:0!important;
}
body.start-page .htc-block-cover__image-background{
  background-size:cover!important;
  background-position:center 50%!important;
  filter:grayscale(1) brightness(.58)!important;
}
body.start-page .htc-block-cover__background{background:rgba(0,0,0,.30)!important;}
body.start-page .htc-block-cover__inner-container{
  padding:0 28px!important;
  transform:translateY(-2px)!important;
}
body.start-page .htc-block-cover h2{
  font-size:48px!important;
  line-height:1.18!important;
  font-weight:800!important;
  margin:0 0 14px!important;
  letter-spacing:-.025em!important;
}
body.start-page .htc-block-cover p{font-size:18px!important;line-height:1.2!important;margin:0!important;color:#fff!important;}

/* Der erste Inhaltsblock der Startseite sitzt wie im HTML-Seite-Original zentriert im Inhaltsraster. */
body.start-page .content-card > :not(.alignfull):not(.htc-block-cover){
  max-width:1290px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.start-page .htc-block-stackable-columns{
  max-width:1290px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.start-page .stk-row{
  display:grid!important;
  grid-template-columns:64% 36%!important;
  gap:0!important;
  align-items:start!important;
}
body.start-page .htc-left{max-width:740px!important;padding-left:0!important;}
body.start-page .htc-left h3{font-size:32px!important;color:#6f8e3b!important;margin-top:0!important;}
body.start-page .htc-right{padding:0 12px 0 10px!important;gap:126px!important;}
body.start-page .htc-frame-large{margin-top:104px!important;}
body.start-page .htc-frame-large .htc-img{height:610px!important;object-fit:cover!important;border-radius:9px!important;}
body.start-page .htc-right .htc-img-frame:not(.htc-frame-large) .htc-img{height:315px!important;object-fit:cover!important;border-radius:9px!important;}
body.start-page .htc-final-note{max-width:1290px!important;margin:18px auto 92px!important;}
body.start-page .htc-block-separator, body.start-page hr{max-width:1290px!important;margin-left:auto!important;margin-right:auto!important;}
body.start-page .htc-news-query{max-width:1290px!important;padding-left:0!important;padding-right:0!important;}

@media(max-width:1320px){
  .header-inner{padding:0 28px!important;}
  body.start-page .content-card > :not(.alignfull):not(.htc-block-cover),
  body.start-page .htc-block-stackable-columns,
  body.start-page .htc-news-query{padding-left:28px!important;padding-right:28px!important;}
  body.start-page .htc-final-note{margin-left:28px!important;margin-right:28px!important;}
  body.start-page .htc-block-separator, body.start-page hr{margin-left:28px!important;margin-right:28px!important;}
}
@media(max-width:900px){
  .header-inner{height:auto!important;min-height:110px!important;padding:14px 22px!important;flex-direction:column!important;align-items:flex-start!important;}
  .brand{width:auto!important;min-width:0!important;}
  .nav{height:auto!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:16px 24px!important;}
  body.start-page .htc-block-cover:first-of-type{height:auto!important;min-height:270px!important;margin-bottom:42px!important;}
  body.start-page .stk-row{grid-template-columns:1fr!important;}
}


/* ===== Version 7: Header-Korrektur nach Referenzbild =====
   - Vereinsname in einer Zeile neben dem Logo
   - Such- und Login-Symbol entfernt
   - Mitgliedschaft ins Mehr-Menü verschoben, damit das Hauptmenü wie im Original luftiger sitzt
*/
.header-inner{
  max-width:1290px!important;
  height:112px!important;
  margin:0 auto!important;
  padding:0 28px!important;
  display:flex!important;
  align-items:center!important;
  gap:46px!important;
}
.brand{
  width:auto!important;
  min-width:430px!important;
  display:grid!important;
  grid-template-columns:78px auto!important;
  grid-template-rows:auto auto!important;
  column-gap:18px!important;
  align-items:center!important;
}
.brand img{
  grid-row:1/3!important;
  width:78px!important;
  height:96px!important;
  object-fit:contain!important;
}
.brand-text{
  display:block!important;
  text-align:left!important;
  white-space:nowrap!important;
  font-size:24px!important;
  line-height:1.15!important;
  font-weight:400!important;
  color:#7b8080!important;
  letter-spacing:-.02em!important;
}
.brand-text small{
  display:block!important;
  text-align:center!important;
  margin-top:14px!important;
  font-size:12px!important;
  line-height:1.05!important;
  font-weight:700!important;
  color:#111!important;
  letter-spacing:0!important;
}
.nav{
  height:112px!important;
  margin-left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:50px!important;
  flex-wrap:nowrap!important;
}
.nav>a,.nav-group>a{
  font-size:15px!important;
  line-height:1!important;
  font-weight:750!important;
  padding:0!important;
  color:#0b0b0b!important;
}
.nav .nav-start{color:#008b44!important;}
.header-icons,.search-icon,.user-icon{display:none!important;}
body.start-page .htc-block-cover:first-of-type{
  height:300px!important;
  min-height:300px!important;
  margin-bottom:76px!important;
}
body.start-page .htc-block-cover h2{
  color:#fff!important;
  font-size:43px!important;
}
body.start-page .htc-block-cover p{color:#fff!important;}
@media(max-width:1100px){
  .header-inner{height:auto!important;min-height:108px!important;gap:18px!important;flex-direction:column!important;align-items:center!important;padding:12px 20px!important;}
  .brand{min-width:0!important;}
  .nav{height:auto!important;gap:16px 28px!important;flex-wrap:wrap!important;justify-content:center!important;}
}
@media(max-width:650px){
  .brand{grid-template-columns:62px auto!important;}
  .brand img{width:62px!important;height:78px!important;}
  .brand-text{font-size:18px!important;white-space:normal!important;}
}

/* ===== Version 8: Feinkorrektur Startseite/Header =====
   - Hero-Überschrift auf der Startseite sicher weiß
   - Vereinsname/Claim im Logo-Block rechtsbündig ausgerichtet
*/
body.start-page .htc-block-cover:first-of-type h1,
body.start-page .htc-block-cover:first-of-type h2,
body.start-page .htc-block-cover:first-of-type h3,
body.start-page .htc-block-cover:first-of-type .htc-block-heading,
body.start-page .htc-block-cover:first-of-type .htc-block-heading *,
body.start-page .htc-block-cover:first-of-type p{
  color:#ffffff!important;
}
.brand{
  justify-content:end!important;
}
.brand-text{
  text-align:right!important;
}
.brand-text small{
  text-align:right!important;
}


/* ===== Version 9: Menü bereinigt + Nicky-Hinweise entfernt =====
   Hauptmenü: Start, Teams (Damen/Herren/Jugend), Platzbelegung, Kontakt, Mehr (Mitgliedschaft/News/Geschichte HTC).
*/


/* ===== Version 11: Kontaktseite wie Original + Abstand Platzbelegung/Footer =====
   - Kontakt-Hero wieder als großes Bild mit sichtbarem Untertitel
   - Kontakt-Inhaltsbereich enger/zentrierter wie im HTML-Seite-Original
   - Platzbelegung bekommt vor dem Footer ca. 5 mm Luft
*/
.htc-block-getwid-banner{
  position:relative!important;
  overflow:hidden!important;
  height:360px!important;
  min-height:360px!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
.htc-block-getwid-banner__link,
.htc-block-getwid-banner__wrapper{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:100%!important;
  color:#fff!important;
  text-decoration:none!important;
}
.htc-block-getwid-banner__image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 62%!important;
  filter:brightness(.72)!important;
}
.htc-block-getwid-banner__wrapper::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:rgba(0,0,0,.12)!important;
  z-index:1!important;
}
.htc-block-getwid-banner__caption{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:0 28px!important;
}
.htc-block-getwid-banner__caption-wrapper{
  max-width:980px!important;
  color:#fff!important;
}
.htc-block-getwid-banner__title{
  display:block!important;
  color:#fff!important;
  font-size:36px!important;
  line-height:1.2!important;
  font-weight:400!important;
  margin:0 0 18px!important;
}
.htc-block-getwid-banner__text{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.55!important;
  font-weight:400!important;
  margin:0!important;
}
.htc-block-getwid-banner__text strong{
  display:block!important;
  color:#fff!important;
  font-weight:800!important;
  margin-bottom:2px!important;
}
body.contact-page main.container{
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
}
body.contact-page .content-card{
  max-width:none!important;
  width:100%!important;
}
body.contact-page .content-card > :not(.alignfull):not(style){
  max-width:1040px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.contact-page .htc-section-header{
  max-width:1040px!important;
  margin:50px auto 0!important;
}
body.contact-page .htc-grid{
  margin-top:34px!important;
  margin-bottom:110px!important;
}
body.plaetze-page .content-card{
  padding-bottom:19px!important;
}
@media(max-width:768px){
  .htc-block-getwid-banner{height:300px!important;min-height:300px!important;}
  .htc-block-getwid-banner__title{font-size:30px!important;}
  .htc-block-getwid-banner__text{font-size:16px!important;}
  body.contact-page .htc-grid{margin-bottom:70px!important;}
}


/* ===== Version 13: Mitgliedschaft, Team-Hero, Datenschutz statisch, Mobil/Tablet ===== */
/* Mitgliedschaft: CTA im Kontaktkasten besser lesbar */
.htc-button{
  background:#eef6e8!important;
  color:#3a4c23!important;
  border:2px solid #6f8e3b!important;
}
.htc-button:hover{
  background:#e3efd8!important;
  color:#2d3d1d!important;
}

/* Herren/Jugend: News-Hero-Bild verwenden und besser sichtbar machen */
body.herren-page .htc-block-cover__image-background,
body.jugend-page .htc-block-cover__image-background{
  background-image:url('../images/banner-news-1024x683.png')!important;
  background-attachment:scroll!important;
  filter:brightness(.82) saturate(1.05)!important;
  background-position:center center!important;
}
body.herren-page .htc-block-cover__background,
body.jugend-page .htc-block-cover__background{
  background:rgba(0,0,0,.22)!important;
}
body.herren-page .htc-block-cover h2,
body.jugend-page .htc-block-cover h2,
body.herren-page .htc-block-cover p,
body.jugend-page .htc-block-cover p{
  color:#fff!important;
  text-shadow:0 2px 14px rgba(0,0,0,.55)!important;
}

/* Allgemeine mobile Optimierung für statische Seiten */
img{max-width:100%;height:auto;}
iframe{max-width:100%;}
@media(max-width:1024px){
  .container{padding-left:18px!important;padding-right:18px!important;}
  .content-card{padding-left:0!important;padding-right:0!important;}
  .htc-block-columns,
  .htc-membership-grid,
  .htc-grid,
  .htc-damen-grid{
    grid-template-columns:1fr!important;
    display:grid!important;
    gap:22px!important;
  }
  .htc-block-column{width:100%!important;max-width:100%!important;flex-basis:100%!important;}
  .htc-member-box,
  .htc-card,
  .htc-damen-card{padding:22px!important;}
}
@media(max-width:760px){
  body{font-size:16px!important;line-height:1.55!important;}
  .top-strip{height:6px!important;}
  .header-inner{
    min-height:0!important;
    height:auto!important;
    padding:10px 16px 12px!important;
    gap:10px!important;
    align-items:center!important;
  }
  .brand{
    width:100%!important;
    min-width:0!important;
    grid-template-columns:54px 1fr!important;
    justify-content:center!important;
    gap:10px!important;
  }
  .brand img{width:54px!important;height:68px!important;}
  .brand-text{
    font-size:18px!important;
    line-height:1.2!important;
    white-space:normal!important;
    text-align:left!important;
  }
  .brand-text small{font-size:11px!important;text-align:left!important;margin-top:4px!important;}
  .nav{
    width:100%!important;
    height:auto!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    gap:6px 12px!important;
  }
  .nav>a,.nav-group>a{
    min-height:30px!important;
    padding:0 7px!important;
    font-size:14px!important;
  }
  .dropdown{
    position:absolute!important;
    left:0!important;
    right:auto!important;
    top:100%!important;
    min-width:190px!important;
  }
  .dropdown-right{right:0!important;left:auto!important;}
  .htc-block-cover{min-height:230px!important;margin-bottom:30px!important;}
  .htc-block-cover__inner-container{padding:44px 16px!important;}
  .htc-block-cover h2{font-size:32px!important;line-height:1.15!important;}
  .htc-block-cover p{font-size:16px!important;}
  .htc-block-getwid-banner{height:260px!important;min-height:260px!important;}
  .htc-block-getwid-banner__title{font-size:28px!important;}
  .htc-block-getwid-banner__text{font-size:15px!important;}
  .htc-section-header{padding-left:12px!important;padding-right:12px!important;}
  .htc-header-title{font-size:1.55rem!important;}
  .htc-toc,.tennis-textarea{max-width:100%!important;}
  .footer-widgets{
    grid-template-columns:1fr!important;
    padding:44px 22px!important;
    gap:34px!important;
    text-align:center!important;
  }
  .sponsor-widget,.partner-widget,.club-widget{text-align:center!important;padding-left:0!important;}
  .sponsor-logo,.partner-logo{margin-left:auto!important;margin-right:auto!important;}
  .footer-menu{flex-wrap:wrap!important;justify-content:center!important;gap:14px 20px!important;padding:20px 22px!important;}
  .footer-bottom{text-align:center!important;padding:22px!important;}
}