:root{--dark:#132b28;--dark2:#1d3832;--ink:#152821;--muted:#66746b;--lime:#c8f16d;--cream:#f7f7f0;--offwhite:#edeee5;--stroke:#d9dfd3;--clay:#b66b45;--white:#fff;--radius:20px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
::selection{background:#c8f16d;color:#132b28}
.container{max-width:1280px;padding:0 52px;margin:auto}
.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:850;text-transform:uppercase}
.kicker{color:#566a5d}
h1,h2,h3,p{margin-top:0}
h1,h2{letter-spacing:-.052em}
h2{font-size:clamp(38px,4.6vw,64px);line-height:1.03;margin-bottom:18px}
p{line-height:1.68}
.small{font-size:14px;color:var(--muted)}
.arrow{display:inline-block;font-size:18px;font-weight:500;transition:transform .2s}
a:hover .arrow{transform:translate(3px,-2px)}
.site-head{position:absolute;top:0;left:0;right:0;z-index:9;color:#eff6ed}
.header-inner{height:98px;display:flex;align-items:center;gap:27px}
.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:24px;font-weight:850;letter-spacing:-.055em}
.brand .mark{width:34px;height:34px;border:2px solid var(--lime);border-radius:10px;display:grid;place-items:center;transform:rotate(-10deg)}
.brand .mark span{display:block;width:17px;height:17px;border:2px solid var(--lime);border-radius:50%;position:relative}
.brand .mark span:after{content:"";position:absolute;left:7px;top:-1px;height:17px;border-left:1.8px solid var(--lime);transform:rotate(38deg)}
.brand em{font-style:normal;color:var(--lime)}
.nav{display:flex;gap:25px;margin-left:auto;align-items:center}
.nav a{font-size:13px;font-weight:650;color:#d6e1d6;transition:color .2s}
.nav a:hover{color:var(--lime)}
.header-action{background:var(--lime);border:0;border-radius:999px;padding:13px 20px;color:#193124;font-weight:800;font-size:12px;white-space:nowrap}
.mobile-toggle{display:none;background:none;border:1px solid #718479;border-radius:11px;width:43px;height:43px;color:white;font-size:24px;cursor:pointer}
.hero{background:var(--dark);color:white;min-height:730px;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 33% 15%,rgba(194,240,106,.08),transparent 40%),linear-gradient(90deg,transparent 0 56%,rgba(0,0,0,.08) 56% 100%);pointer-events:none}
.hero-inner{position:relative;display:grid;grid-template-columns:56% 44%;min-height:728px;padding-top:148px;align-items:center}
.hero-copy{position:relative;z-index:3;padding-bottom:52px}
.hero .eyebrow{color:var(--lime)}
.hero h1{font-size:clamp(66px,7.6vw,114px);line-height:.90;letter-spacing:-.075em;margin:22px 0 29px;font-weight:900;max-width:850px}
.hero h1 .line{display:block}
.hero h1 .accent{color:var(--lime)}
.hero-desc{font-size:17px;line-height:1.6;color:#cadbd0;max-width:485px;margin-bottom:30px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;gap:16px;align-items:center;justify-content:center;border-radius:999px;padding:16px 23px;font-size:13px;font-weight:850;transition:transform .22s,background .22s}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--lime);color:#1b3021}
.btn-outline{color:white;border:1px solid rgba(255,255,255,.38)}
.btn-dark{background:var(--dark);color:#fff}
.btn-light{color:var(--dark);background:#e5e9de}
.hero-foot{border-top:1px solid rgba(255,255,255,.18);display:flex;gap:24px;padding-top:21px;margin-top:61px;max-width:485px}
.hero-foot div{font-size:12px;color:#b5c5b8;line-height:1.5}
.hero-foot strong{display:block;color:#fff;font-weight:800;font-size:14px}
.hero-visual{position:absolute;right:calc((100vw - min(1280px,100vw))/(-2));height:730px;width:53%;top:0;z-index:1;overflow:hidden}
.hero-visual:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,var(--dark) 0%,rgba(19,43,40,.12) 27%,transparent 55%)}
.court-svg{height:100%;width:100%;display:block}
.hero-plate{position:absolute;bottom:57px;right:8%;z-index:4;background:rgba(250,253,244,.96);color:var(--dark);border-radius:16px;padding:16px 20px;width:218px;box-shadow:0 20px 70px rgba(10,25,16,.2);transform:rotate(3deg)}
.hero-plate .small{font-size:10px;letter-spacing:.11em;text-transform:uppercase;font-weight:900}
.hero-plate .date{font-size:28px;letter-spacing:-.06em;font-weight:900;margin:4px 0}
.hero-plate .location{font-size:12px;font-weight:700}
.quicknav{position:relative;margin-top:-15px;z-index:5}
.quicknav-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#fff;border-radius:18px;box-shadow:0 25px 50px rgba(25,39,29,.08);overflow:hidden}
.quick{min-height:162px;padding:31px 35px;display:flex;flex-direction:column;gap:11px;transition:background .2s}
.quick:hover{background:#f3f7e9}
.quick + .quick{border-left:1px solid #e8ebe5}
.quick-top{display:flex;justify-content:space-between;align-items:center}
.quick-index{font-weight:800;color:#819183;letter-spacing:.08em;font-size:12px}
.quick h3{font-size:21px;letter-spacing:-.035em;margin:0}
.quick p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}
section{scroll-margin-top:24px}
.section{padding:116px 0}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}
.section-head h2{margin:12px 0 0}
.section-head .small{max-width:330px;margin-bottom:0}
.section-link{font-size:13px;font-weight:800;border-bottom:1px solid #526357;padding-bottom:7px;white-space:nowrap}
.filters{display:flex;gap:7px;margin-bottom:26px;flex-wrap:wrap}
.filter{border:1px solid #d5dbd1;color:#44554a;background:transparent;border-radius:50px;padding:9px 16px;font-size:12px;font-weight:750;cursor:pointer}
.filter.active,.filter:hover{background:var(--dark);border-color:var(--dark);color:#fff}
.events{border-top:1px solid #cdd5ca}
.event{display:grid;grid-template-columns:112px 1fr 155px 36px;gap:24px;align-items:center;padding:25px 10px;border-bottom:1px solid #cdd5ca;transition:background .2s}
.event:hover{background:#eef2e6}
.datebox .day{font-size:38px;line-height:1;font-weight:900;letter-spacing:-.05em}
.datebox .month{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#66776a;margin-top:5px}
.event-title{font-size:21px;letter-spacing:-.035em;font-weight:850;line-height:1.2;margin:0 0 6px}
.event-where{font-size:13px;color:#68786b}
.tag{display:inline-flex;align-items:center;justify-content:center;padding:8px 11px;border-radius:100px;font-size:11px;font-weight:850;background:#e5edcd;color:#456031;width:max-content}
.tag.orange{background:#f3e4d6;color:#925d31}
.tag.slate{background:#e7ebe7;color:#50665b}
.event-a{font-weight:700;font-size:25px;transition:transform .2s}
.event:hover .event-a{transform:translate(5px,-5px)}
.event.hidden{display:none}
.fineprint{margin-top:19px;color:#6f7d71;font-size:12px}
.rules{background:#e8eddf;overflow:hidden}
.rules-layout{display:grid;grid-template-columns:39% 1fr;gap:7%;align-items:center}
.rules-copy p{max-width:400px;color:#5b6f60}
.rules-art{background:var(--dark);border-radius:25px;min-height:470px;position:relative;overflow:hidden;padding:32px;color:white;box-shadow:0 28px 35px rgba(29,55,30,.10)}
.rules-art:after{content:"";position:absolute;width:380px;height:380px;border:45px solid var(--lime);border-radius:50%;right:-190px;bottom:-270px;opacity:.8}
.rules-art .overline{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--lime)}
.rules-question{font-weight:900;letter-spacing:-.075em;font-size:clamp(43px,4.5vw,67px);line-height:.99;margin:40px 0 29px;max-width:510px}
.rule-answer{background:#eaf3df;color:#1d3727;border-radius:15px;display:flex;gap:16px;padding:18px;align-items:flex-start;position:relative;z-index:2;max-width:415px}
.rule-answer .tick{background:var(--lime);border-radius:50%;width:31px;height:31px;display:grid;place-items:center;flex:none;font-weight:900}
.rule-answer strong{display:block;font-size:14px}
.rule-answer span{display:block;font-size:12px;line-height:1.5;color:#5b7060;margin-top:4px}
.rules-sample{font-size:11px;color:#b6c7b6;position:absolute;left:32px;bottom:24px;z-index:3}
.teasers{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:22px}
.teaser{padding:13px 0;border-bottom:1px solid #becbb9;font-size:13px;font-weight:700;display:flex;justify-content:space-between;gap:12px}
.services{background:#f9f9f5}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.service{background:#fff;border:1px solid #e4e9df;border-radius:19px;padding:31px;min-height:260px;display:flex;flex-direction:column}
.service-number{height:67px;width:67px;display:grid;place-items:center;border-radius:17px;background:#eaf2d9;font-size:27px;font-weight:850;color:#56733c;margin-bottom:32px}
.service h3{font-size:23px;letter-spacing:-.045em;margin-bottom:11px}
.service p{font-size:14px;color:#647367;margin:0}
.service a{font-size:13px;font-weight:800;margin-top:auto;padding-top:22px}
.about{background:var(--cream)}
.about-layout{display:grid;grid-template-columns:43% 1fr;gap:8%;align-items:center}
.portrait-placeholder{aspect-ratio:5 / 5.25;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#bfcab8,#869d83);position:relative;display:flex;align-items:end;padding:30px;color:#fff}
.portrait-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,41,28,.8),transparent 60%)}
.portrait-placeholder .placeholder-graphic{position:absolute;inset:15% 20% 0;display:grid;place-items:center}
.portrait-placeholder .placeholder-graphic svg{width:95%;max-height:100%;opacity:.34}
.portrait-caption{position:relative;z-index:2}
.portrait-caption .name{font-size:26px;font-weight:850;letter-spacing:-.06em}
.portrait-caption .sub{font-size:13px;color:#e0e9df;margin-top:5px}
.about h2{max-width:660px}
.about .lead{font-size:18px;line-height:1.65;color:#4e6555;margin-bottom:27px}
.stats{display:flex;gap:35px;border-top:1px solid #cbd6c7;border-bottom:1px solid #cbd6c7;padding:24px 0;margin:27px 0}
.stat strong{font-size:34px;letter-spacing:-.07em;display:block}
.stat span{font-size:12px;color:#6c7b70;display:block;line-height:1.35;max-width:155px}
.tennilo{background:var(--dark);color:#fff;overflow:hidden}
.tennilo-inner{min-height:290px;display:flex;align-items:center;justify-content:space-between;gap:40px;position:relative}
.tennilo-inner:after{content:"T";font-size:370px;font-weight:900;letter-spacing:-.1em;color:rgba(198,241,109,.09);position:absolute;right:23%;top:-125px;pointer-events:none}
.tennilo .eyebrow{color:var(--lime)}
.tennilo h2{font-size:clamp(40px,5vw,69px);margin:13px 0 14px}
.tennilo p{color:#b9cbbf;margin:0;max-width:560px}
.tennilo a{flex:none;position:relative;z-index:2}
.contact{background:#c8f16d;padding:89px 0}
.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.contact h2{max-width:740px;margin:9px 0 0}
footer{background:#10221f;color:#aebeb2;padding:49px 0 31px}
.footer-top{display:flex;justify-content:space-between;gap:35px;align-items:flex-start;padding-bottom:44px;border-bottom:1px solid #30463e}
footer .brand{color:#f5fbf1;font-size:22px}
footer p{font-size:13px;color:#aebeb2;max-width:340px;margin:19px 0 0}
.footer-links{display:flex;gap:55px}
.footer-links strong{color:#f0f8ed;display:block;font-size:13px;margin-bottom:16px}
.footer-links a{display:block;font-size:13px;margin-top:11px}
.footer-bottom{font-size:11px;padding-top:24px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
@media(max-width:1080px){.nav{gap:16px}.nav a{font-size:12px}.container{padding:0 35px}.hero h1{font-size:clamp(64px,7.6vw,90px)}.hero-visual{width:57%}}
@media(max-width:850px){.container{padding:0 24px}.header-inner{height:80px}.header-action{margin-left:auto}.mobile-toggle{display:block}.nav{display:none;position:absolute;left:18px;right:18px;top:76px;background:#1c3832;border:1px solid #506458;box-shadow:0 20px 30px #0b1e1b;flex-direction:column;align-items:stretch;padding:20px;border-radius:14px;gap:0;margin:0}.nav.open{display:flex}.nav a{padding:12px;font-size:14px}.hero-inner{grid-template-columns:1fr;min-height:790px;padding-top:130px;align-items:start}.hero-copy{padding-bottom:350px}.hero h1{font-size:clamp(65px,13vw,94px)}.hero-desc{max-width:580px}.hero-visual{top:auto;bottom:0;left:27%;right:0;width:82%;height:390px;opacity:.85}.hero-plate{bottom:27px;right:8%;width:185px}.hero-foot{margin-top:32px}.quicknav{margin-top:0}.quicknav-inner{border-radius:0 0 16px 16px}.quick{padding:22px}.quick h3{font-size:18px}.section{padding:84px 0}.rules-layout,.about-layout{grid-template-columns:1fr;gap:34px}.rules-copy p{max-width:660px}.about-layout{grid-template-columns:40% 1fr;gap:5%}.services-grid{grid-template-columns:repeat(3,1fr)}.service{padding:21px}.service h3{font-size:21px}}
@media(max-width:620px){.container{padding:0 20px}.site-head .brand{font-size:22px}.brand .mark{width:30px;height:30px}.header-action{display:none}.hero-inner{min-height:775px;padding-top:133px}.hero-copy{padding-bottom:355px}.hero h1{font-size:clamp(60px,15vw,82px);margin:17px 0 20px}.hero-desc{font-size:15px}.hero-foot{gap:16px}.hero-visual{height:320px;left:8%;width:110%}.hero-plate{bottom:26px;right:5%;width:215px;padding:13px 15px}.hero-plate .date{font-size:22px;white-space:nowrap}.quicknav-inner{grid-template-columns:1fr}.quick{min-height:auto;padding:22px 23px}.quick + .quick{border-top:1px solid #e8ebe5;border-left:0}.section{padding:70px 0}h2{font-size:clamp(36px,10vw,48px)}.section-head{display:block}.section-link{display:inline-block;margin-top:16px}.event{grid-template-columns:65px 1fr 22px;gap:13px;padding:20px 3px}.datebox .day{font-size:29px}.event-title{font-size:16px}.event-where{font-size:12px}.event .tag{grid-column:2;grid-row:2;padding:6px 9px;font-size:10px}.event-a{grid-column:3;grid-row:1}.rules-art{min-height:435px;padding:25px}.rules-question{font-size:clamp(47px,11vw,60px)}.rules-sample{left:25px}.rules-art:after{right:-220px}.teasers{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr}.service{min-height:220px}.service-number{margin-bottom:23px}.about-layout{grid-template-columns:1fr}.portrait-placeholder{max-width:430px;aspect-ratio:1.2}.portrait-placeholder .placeholder-graphic{inset:0 30%}.stats{gap:20px}.stat strong{font-size:27px}.stat span{font-size:11px}.tennilo-inner{min-height:340px;display:block;padding-top:62px;padding-bottom:55px}.tennilo a{display:inline-flex;margin-top:26px}.tennilo-inner:after{right:0;top:-8px;font-size:270px}.contact{padding:69px 0}.contact-inner{display:block}.contact .btn{margin-top:27px}.footer-top{display:block}.footer-links{margin-top:42px;gap:35px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Inhaltsseiten und echte Fotos */
.portrait-placeholder.photo{padding:0;display:block;background:#20382b}
.portrait-placeholder.photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 30%}
.portrait-placeholder.photo:before{z-index:1;background:linear-gradient(0deg,rgba(15,41,28,.85) 0%,transparent 55%)}
.portrait-placeholder.photo .portrait-caption{position:absolute;z-index:2;left:28px;right:28px;bottom:27px}
.secondary-link{font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:5px;margin-left:16px}
.notice-band{background:#eef4e4;padding:26px 0;border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke)}
.notice-band .container{display:flex;gap:18px;align-items:center;justify-content:space-between}
.notice-band p{margin:4px 0 0;font-size:13px}
.notice-band a{font-size:13px;font-weight:800;border-bottom:1px solid}
.interior-hero{background:var(--dark);color:white;padding:176px 0 85px;position:relative;overflow:hidden}
.interior-hero:after{content:"";height:380px;width:380px;border:60px solid rgba(200,241,109,.09);border-radius:100%;position:absolute;right:-140px;bottom:-260px}
.interior-hero .eyebrow{color:var(--lime)}
.interior-hero h1{max-width:910px;font-size:clamp(49px,7vw,88px);line-height:.98;letter-spacing:-.07em;margin:20px 0}
.interior-hero p{color:#cfdbd2;font-size:17px;max-width:720px;line-height:1.7;margin-bottom:0}
.breadcrumb{font-size:12px;color:#afc1b3;display:flex;gap:10px;align-items:center}
.breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.inner-section{padding:73px 0 98px}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:56px}
.prose{max-width:825px}
.prose h2{font-size:clamp(30px,3.2vw,43px);margin:44px 0 16px;letter-spacing:-.04em;line-height:1.16}
.prose h3{font-size:22px;letter-spacing:-.035em;margin:30px 0 12px}
.prose p,.prose li{color:#4a5f51;line-height:1.8}
.prose ul{padding-left:20px}
.prose li{margin:7px 0}
.prose .lead{font-size:19px;color:#304d3a}
.prose .group{border-bottom:1px solid var(--stroke);padding:16px 0}
.prose .group h3{margin:4px 0 5px}
.prose .group p{margin:0}
.card-panel{background:#fff;border:1px solid var(--stroke);border-radius:20px;padding:28px;margin-bottom:17px}
.card-panel h3{font-size:21px;margin:0 0 12px}
.card-panel p,.card-panel li{font-size:14px;color:#5c7062}
.card-panel ul{padding-left:18px}
.card-panel li{margin:8px 0}
.card-panel .btn{margin-top:14px}
.inner-photo{border-radius:20px;overflow:hidden;width:100%;display:block;object-fit:cover;max-height:470px;margin:27px 0}
.photo-side{width:100%;border-radius:20px;display:block;object-fit:cover;max-height:540px}
.info-note{border-left:4px solid #8cba43;background:#eef4e4;padding:20px 23px;border-radius:0 12px 12px 0;margin:22px 0;font-size:14px;color:#415844}
.info-note p{margin:0}
.info-note a{font-weight:800;text-decoration:underline}
.event-groups{display:grid;gap:18px;margin-top:27px}
.event-group{background:#fff;border:1px solid var(--stroke);border-radius:16px;padding:28px}
.event-group h3{font-size:22px;letter-spacing:-.03em;margin:5px 0 18px}
.event-group p{font-size:14px;color:#586b5a}
.event-group .date-line{padding:12px 0;border-top:1px solid var(--stroke);display:grid;grid-template-columns:130px 1fr;gap:20px;font-size:14px}
.date-line b{white-space:nowrap}
.date-line span{color:#526557}
.taglist{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.taglist span{background:#e8eddd;border-radius:20px;padding:8px 11px;font-size:12px;font-weight:800}
.page-cta{background:#c8f16d;padding:55px 0}
.page-cta h2{font-size:clamp(31px,4vw,52px)}
.footer-links a:hover{color:#fff}
@media(max-width:850px){.content-grid{grid-template-columns:1fr;gap:26px}.interior-hero{padding:130px 0 63px}.notice-band .container{display:block}.notice-band a{display:inline-block;margin-top:12px}}
@media(max-width:620px){.inner-section{padding:52px 0 72px}.event-group{padding:19px}.event-group .date-line{grid-template-columns:1fr;gap:3px}.interior-hero h1{font-size:49px}.interior-hero p{font-size:15px}.card-panel{padding:22px}.secondary-link{margin-left:0;display:block;margin-top:18px}}


/* Neue Turnierkarten – gemeinsame Darstellung von Startseite und Turnierübersicht */
.tournament-meta{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 0}
.meta-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #d8e2d4;border-radius:999px;background:#eef3e9;color:#355241;font-size:12px;font-weight:750;line-height:1.2;white-space:nowrap}
.meta-chip .meta-icon{display:inline-block;width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.meta-chip.type-lk{background:#e3f2c9;border-color:#c5dfa1;color:#385926}
.meta-chip.type-rl{background:#f6e5d4;border-color:#e9cbb1;color:#8f4e24}
.tournament-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;background:var(--dark);color:white;padding:12px 18px;border-radius:999px;font-size:13px;font-weight:850;border:0;text-decoration:none;transition:background .2s,transform .2s}
.tournament-cta:hover{background:#315243;transform:translateY(-1px)}
.tournament-soon{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#e8ece5;border:1px solid #d5ddd1;color:#617365;padding:12px 17px;font-size:12px;font-weight:750;white-space:nowrap}
.featured-tournament{position:relative;overflow:hidden;isolation:isolate;background:#163730;color:#f7f9f3;border-radius:24px;padding:40px 42px;display:grid;grid-template-columns:minmax(0,1fr) 185px;gap:20px;margin:0 0 28px;min-height:335px;box-shadow:0 24px 55px rgba(14,41,31,.13)}
.featured-tournament:after{content:"";position:absolute;right:-90px;top:-125px;width:330px;height:330px;border:55px solid rgba(200,241,109,.09);border-radius:50%;z-index:-1}
.featured-tournament .featured-kicker{font-weight:900;color:#c8f16d;letter-spacing:.16em;font-size:11px;text-transform:uppercase}
.featured-tournament h3{font-size:clamp(26px,3.1vw,43px);letter-spacing:-.06em;line-height:1.08;margin:17px 0 6px;max-width:650px}
.featured-tournament .featured-location{color:#c4d7c8;font-size:14px}
.featured-tournament .tournament-meta{margin:19px 0 24px}
.featured-tournament .meta-chip{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.23);color:#eff9e9}
.featured-tournament .meta-chip.type-lk{background:#d7f6a1;border-color:#d7f6a1;color:#203c2a}
.featured-tournament .tournament-cta{background:#c8f16d;color:#193322}
.featured-tournament .tournament-cta:hover{background:#e2ffad}
.featured-date{display:flex;flex-direction:column;align-self:center;justify-self:center;text-align:center;position:relative}
.featured-date strong{font-size:clamp(105px,11vw,158px);line-height:.80;letter-spacing:-.1em;font-weight:900;color:#c8f16d}
.featured-date span{font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:#e4f2d9;font-weight:900;margin-top:20px}
.event.tournament-row{grid-template-columns:90px minmax(0,1fr) auto;gap:22px;padding:25px 8px}
.event.tournament-row .datebox .day{font-size:35px}
.event.tournament-row .event-title{margin:0}
.event.tournament-row .event-where{margin-top:6px}
.event.tournament-row .tournament-meta{margin-top:10px}
.event.tournament-row .event-actions{display:flex;align-items:center;justify-content:flex-end;min-width:170px}
.event.tournament-row:hover{background:#f0f4ea}
.tourney-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:29px 0 35px}
.tourney-card{padding:25px 28px;background:#fff;border:1px solid #dce4d8;border-radius:18px;box-shadow:0 8px 30px rgba(30,59,35,.035);display:grid;grid-template-columns:100px minmax(0,1fr);gap:20px}
.tourney-card:first-child{border-color:#aac875;box-shadow:0 14px 40px rgba(41,78,34,.09)}
.tourney-card .datebox .day{font-size:42px}
.tourney-card h3{font-size:22px;margin:0 0 5px;letter-spacing:-.045em}
.tourney-card .where{font-size:13px;color:#647768;line-height:1.55}
.tourney-card .tournament-meta{margin-top:12px}
.tourney-card .tourney-actions{display:flex;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}
.tourney-card .category-note{font-size:12px;font-weight:750;color:#64815e}
.tourney-status-row{padding:13px 0;border-top:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;gap:15px}
.tourney-status-row .tournament-meta{margin:8px 0 0}
.tourney-status-row .tournament-soon{flex:none}
@media(max-width:850px){
 .featured-tournament{grid-template-columns:minmax(0,1fr) 120px;padding:30px}
 .featured-date strong{font-size:105px}
 .event.tournament-row{grid-template-columns:78px minmax(0,1fr);gap:14px}
 .event.tournament-row .event-actions{grid-column:2;justify-content:flex-start;margin-top:0}
}
@media(max-width:620px){
 .featured-tournament{display:block;min-height:auto;padding:25px 23px}
 .featured-date{position:absolute;right:19px;top:25px;opacity:.16;pointer-events:none}
 .featured-date strong{font-size:110px}
 .featured-date span{display:none}
 .featured-tournament h3{font-size:30px}
 .featured-tournament .featured-kicker{max-width:200px}
 .tournament-meta{gap:6px}
 .meta-chip{padding:6px 9px;font-size:11px}
 .meta-chip .meta-icon{width:14px;height:14px}
 .event.tournament-row{grid-template-columns:64px minmax(0,1fr);gap:13px}
 .event.tournament-row .event-actions{grid-column:2;grid-row:auto}
 .event.tournament-row .event-title{font-size:18px}
 .event.tournament-row .tournament-cta,.event.tournament-row .tournament-soon{font-size:12px;padding:10px 13px}
 .tourney-card{grid-template-columns:66px minmax(0,1fr);gap:12px;padding:18px 15px}
 .tourney-card .datebox .day{font-size:32px}
 .tourney-card h3{font-size:18px}
 .tourney-status-row{display:block}
 .tourney-status-row .tournament-soon{margin-top:12px}
}

/* Automatisches Weiterblättern der großen Next-Turnier-Karte */
.event.featured-hidden,.event.event-past{display:none!important}
.featured-tournament[hidden],.hero-plate[hidden]{display:none!important}


/* Startseite: Hinweis auf das nächste Turnier im oberen Titelbereich besser hervorheben */
.hero-plate{
  width:290px;
  padding:23px 27px;
  border-radius:20px;
  box-shadow:0 25px 75px rgba(10,25,16,.27);
}
.hero-plate .small{font-size:11px;letter-spacing:.10em}
.hero-plate .date{font-size:35px;line-height:1.12;margin:10px 0 9px}
.hero-plate .location{font-size:14px;line-height:1.45}
@media(max-width:850px){
  .hero-plate{width:260px;padding:19px 22px}
  .hero-plate .date{font-size:31px}
}
@media(max-width:620px){
  .hero-plate{width:min(255px,78vw);right:5%;bottom:24px;padding:17px 20px}
  .hero-plate .date{font-size:27px;white-space:normal}
  .hero-plate .location{font-size:13px}
}

/* Turnierdetails: Konkurrenzen, Meldeschluss und Auslosung */
.tournament-details{
  margin:16px 0 2px;
  display:grid;
  gap:7px;
  font-size:12px;
  line-height:1.52;
  color:#4a5f50;
}
.tournament-detail{
  display:grid;
  grid-template-columns:100px minmax(0,1fr);
  gap:10px;
  align-items:baseline;
}
.tournament-detail dt{margin:0;font-weight:850;color:#374c3d}
.tournament-detail dd{margin:0;min-width:0}
.tournament-detail a{font-weight:750;text-decoration:underline;text-underline-offset:3px}
.tournament-detail a:hover{color:#1c3e2a}
.featured-tournament .tournament-details{
  max-width:630px;
  color:#dfebdd;
  margin:10px 0 24px;
  font-size:13px;
}
.featured-tournament .tournament-detail{grid-template-columns:113px minmax(0,1fr)}
.featured-tournament .tournament-detail dt{color:#c8f16d}
.featured-tournament .tournament-detail a{color:#f3ffd5}
.tourney-card .tournament-details{margin:17px 0 0;font-size:13px}
.event.tournament-row .tournament-details{font-size:12px;margin-top:14px}
.event.tournament-row .tournament-detail{grid-template-columns:92px minmax(0,1fr)}
@media(max-width:620px){
  .featured-tournament .tournament-detail,
  .tournament-detail,
  .event.tournament-row .tournament-detail{grid-template-columns:1fr;gap:2px}
  .tournament-details{gap:9px}
  .featured-tournament .tournament-details{font-size:12px}
  .tourney-card .tournament-details{font-size:12px}
}

/* Platz für die Bezeichnung „Anmeldeschluss“ */
.tournament-detail{grid-template-columns:116px minmax(0,1fr)}
.featured-tournament .tournament-detail{grid-template-columns:130px minmax(0,1fr)}
.event.tournament-row .tournament-detail{grid-template-columns:112px minmax(0,1fr)}
@media(max-width:620px){.tournament-detail,.featured-tournament .tournament-detail,.event.tournament-row .tournament-detail{grid-template-columns:1fr}}


/* Partner und Kooperationen */
.partner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.partner-card{background:#fff;border:1px solid #dfe6da;border-radius:20px;padding:24px;display:flex;flex-direction:column;min-height:320px;transition:transform .2s,border-color .2s,box-shadow .2s}
.partner-card:hover{transform:translateY(-4px);border-color:#92b66b;box-shadow:0 18px 40px rgba(20,43,29,.08)}
.partner-wordmark{height:100px;border-radius:13px;background:#f1f4ed;display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:21px;font-size:29px;font-weight:900;letter-spacing:-.05em;line-height:.92;color:#244839}
.partner-wordmark span{color:#7a9c42}
.partner-wordmark.sunball{display:block;padding-top:23px;color:#264b32;font-size:27px}
.partner-wordmark.sunball span{font-size:19px;letter-spacing:.18em;color:#d0893d}
.partner-wordmark.ntc{color:#2e5c3f;font-size:35px}
.partner-wordmark.rotation{font-size:22px;color:#163e64}
.partner-wordmark.rotation span{color:#3f6d8b}
.partner-wordmark.myscore{font-size:32px;color:#192f4a}
.partner-wordmark.myscore span{color:#598ed1}
.partner-wordmark.tennilo-mark{font-size:42px;color:#102b29}
.partner-wordmark.tennilo-mark span{color:#86b948}
.partner-kind{font-size:10px;letter-spacing:.13em;font-weight:850;color:#799074;margin-bottom:8px}
.partner-card h3{font-size:21px;letter-spacing:-.045em;line-height:1.15;margin:0 0 12px}
.partner-card p{font-size:13px;color:#607164;line-height:1.6;margin:0}
.partner-open{font-size:13px;font-weight:850;margin-top:auto;padding-top:20px;color:#2e5034}
@media(max-width:900px){.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.partner-grid{grid-template-columns:1fr}.partner-card{min-height:285px}.partner-wordmark{height:88px}}


/* Original-Partnerliste aus der alten Website – keine erfundenen Logodarstellungen */
.partner-original{min-height:260px;gap:0}
.partner-original .partner-logo-pending{height:105px;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(135deg,#f1f4ee,#f1f4ee 12px,#f7f9f5 12px,#f7f9f5 24px);border:1px dashed #d6e2cf;border-radius:13px;margin-bottom:19px}
.partner-original .partner-logo-pending span{font-size:11px;letter-spacing:.06em;font-weight:700;text-transform:uppercase;color:#7b8c78}
.partner-original h3{max-width:100%;overflow-wrap:anywhere;font-size:21px;margin:0 0 13px}
.partner-original .partner-open{margin-top:auto;padding-top:16px}
@media(max-width:620px){.partner-original{min-height:240px}.partner-original .partner-logo-pending{height:90px}}


/* Original-Partnerlogos aus der vollständigen Browser-Sicherung */
.partner-original .partner-logo-frame{
  height:125px;
  padding:16px;
  margin-bottom:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #e7ece5;
  border-radius:14px;
  background:#fff;
}
.partner-original .partner-logo-frame img{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
}
.partner-original:hover .partner-logo-frame{border-color:#c8d8c0}
@media(max-width:620px){
  .partner-original .partner-logo-frame{height:115px;padding:12px}
}

/* Instagram-Profile: Verlinkungen ohne eingebettetes Tracking */
.footer-social{
  display:flex;align-items:center;gap:24px;flex-wrap:wrap;
  padding:25px 0;border-bottom:1px solid #30463e;
}
.footer-social-title{
  color:#f0f8ed;font-size:13px;font-weight:850;letter-spacing:.02em;
}
.footer-social-links{display:flex;flex-wrap:wrap;gap:10px}
.footer-social-link{
  display:inline-flex;align-items:center;gap:10px;
  border:1px solid #456256;border-radius:14px;padding:10px 14px;
  text-decoration:none;color:#f2f8ee;line-height:1.25;
  transition:background .2s,border-color .2s;
}
.footer-social-link:hover,.footer-social-link:focus-visible{
  background:#27483b;border-color:#91b875;
}
.footer-social-icon{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linejoin:round}
.footer-social-link strong{font-size:12px;font-weight:850;display:block}
.footer-social-link small{font-size:11px;color:#bbcbbf;display:block;margin-top:2px}
@media(max-width:620px){
  .footer-social{align-items:flex-start;flex-direction:column;gap:13px}
  .footer-social-links{width:100%;display:grid;grid-template-columns:1fr;gap:8px}
  .footer-social-link{padding:12px 14px}
}

/* Eigenständig synchronisierter Instagram-Feed (ohne Instagram-JavaScript) */
.ig-feed-section{background:#edf3e6}
.ig-feeds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ig-account{min-width:0;background:#fff;border:1px solid #d8e4d3;border-radius:22px;padding:25px;box-shadow:0 14px 40px rgba(23,46,31,.05)}
.ig-account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}
.ig-account-identity{display:flex;align-items:center;gap:12px;min-width:0}
.ig-account-symbol{width:45px;height:45px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#d9f1b3;color:#254732;flex:none}
.ig-account-identity h3{font-weight:900;font-size:20px;line-height:1.15;letter-spacing:-.04em;margin:0 0 4px}
.ig-account-identity p{font-size:12px;font-weight:700;color:#748374;margin:0}
.ig-profile-link{font-size:12px;font-weight:850;color:#35583b;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.ig-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;min-height:154px;align-content:start}
.ig-post{display:block;min-width:0;color:inherit;text-decoration:none;border-radius:12px;overflow:hidden;outline-offset:4px}
.ig-post-media{position:relative;aspect-ratio:1/1;background:#e9efe5;border-radius:11px;overflow:hidden}
.ig-post-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
.ig-post:hover .ig-post-image{transform:scale(1.045)}
.ig-post-icon{position:absolute;right:7px;top:6px;display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:rgba(16,40,30,.78);color:white;font-size:18px;line-height:1}
.ig-post-caption{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;line-height:1.4;min-height:2.8em;margin:9px 1px 0;font-size:11px;color:#52675b}
.ig-empty{grid-column:1/-1;min-height:154px;padding:22px;border:1px dashed #cbd9c7;border-radius:13px;background:#f7f9f3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px}
.ig-empty p{font-size:13px;line-height:1.55;color:#5d705d;margin:0}
.ig-empty-link{font-size:12px;font-weight:850;text-decoration:underline;text-underline-offset:3px;color:#265338}
.ig-feed-footnote{margin:17px 0 0;color:#627669;font-size:11px;line-height:1.55}
@media(max-width:900px){.ig-feeds{grid-template-columns:1fr}.ig-account{padding:25px}.ig-post-grid{max-width:100%}}
@media(max-width:620px){.ig-account{padding:19px;border-radius:17px}.ig-account-heading{gap:8px}.ig-account-identity h3{font-size:18px}.ig-profile-link{font-size:11px}.ig-post-grid{gap:7px}.ig-post-caption{font-size:10px}.ig-post-icon{width:23px;height:23px;font-size:15px}}

/* Kompakte Instagram-Leiste: kleine Vorschaubilder statt großer Feed-Kacheln */
.ig-feed-section{padding:36px 0 30px}
.ig-feed-section .section-head{align-items:center;margin-bottom:18px;gap:18px}
.ig-feed-section .section-head h2{font-size:clamp(23px,2.3vw,31px);letter-spacing:-.035em;line-height:1.16;margin:6px 0 0}
.ig-feed-section .section-head h2 br{display:none}
.ig-feed-section .section-head .small{font-size:12px;max-width:410px;line-height:1.45}
.ig-feeds{gap:12px}
.ig-account{display:grid;grid-template-columns:155px minmax(0,1fr);align-items:center;gap:14px;padding:12px 14px;border-radius:14px;box-shadow:none}
.ig-account-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;margin:0;min-width:0}
.ig-account-identity{gap:8px}
.ig-account-symbol{width:30px;height:30px;border-radius:9px}
.ig-account-symbol svg{width:18px;height:18px}
.ig-account-identity h3{font-size:14px;letter-spacing:-.025em;margin:0 0 2px}
.ig-account-identity p{font-size:10px}
.ig-profile-link{font-size:10px;margin-left:38px}
.ig-post-grid{display:flex;justify-content:flex-start;gap:7px;min-height:0;align-content:initial}
.ig-post{width:64px;flex:0 0 64px;border-radius:7px}
.ig-post-media{aspect-ratio:1;width:64px;height:64px;border-radius:7px}
.ig-post-icon{width:17px;height:17px;right:3px;top:3px;border-radius:5px;font-size:12px}
.ig-post-caption{display:none}
.ig-empty{min-height:64px;padding:8px 10px;gap:3px;border-radius:7px}
.ig-empty p{font-size:10px;line-height:1.3}
.ig-empty-link{font-size:10px}
.ig-feed-footnote{font-size:10px;margin:9px 0 0}
@media(max-width:1000px){
  .ig-feeds{grid-template-columns:1fr}
  .ig-account{grid-template-columns:170px minmax(0,1fr)}
}
@media(max-width:620px){
  .ig-feed-section{padding:28px 0 24px}
  .ig-feed-section .section-head{display:block;margin-bottom:14px}
  .ig-feed-section .section-head h2{font-size:24px}
  .ig-feed-section .section-head .small{display:none}
  .ig-account{grid-template-columns:1fr;padding:11px 12px;gap:10px;border-radius:12px}
  .ig-account-heading{flex-direction:row;align-items:center;justify-content:space-between}
  .ig-profile-link{margin-left:0}
  .ig-post-grid{gap:7px}
  .ig-post{width:60px;flex-basis:60px}
  .ig-post-media{width:60px;height:60px}
  .ig-feed-footnote{line-height:1.35}
}


/* Turnierkalender: Wochentage und mehrtaegige Datumsbereiche */
.datebox{
  box-sizing:border-box;
  min-width:0;
  min-height:105px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:12px 4px;
  border:1px solid #d6e5c9;
  border-top:3px solid #94c84b;
  border-radius:14px;
  background:linear-gradient(180deg,#f5faef 0%,#eaf3e1 100%);
  color:#1c3d2c;
  text-align:center;
}
.datebox .weekday{
  font-size:11px;
  line-height:1.1;
  letter-spacing:.15em;
  font-weight:900;
  color:#53733f;
  white-space:nowrap;
}
.datebox .day,
.event.tournament-row .datebox .day,
.tourney-card .datebox .day{
  font-size:37px;
  line-height:1;
  letter-spacing:-.07em;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.datebox.datebox-range .day,
.event.tournament-row .datebox.datebox-range .day,
.tourney-card .datebox.datebox-range .day{
  font-size:24px;
  line-height:1.4;
  letter-spacing:-.08em;
}
.datebox .month{
  font-size:12px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.04em;
  color:#5c7461;
  margin-top:0;
  text-transform:uppercase;
  white-space:nowrap;
}
/* Auch die grosse Vorschau zeigt Start- und Enddatum. */
.featured-date{
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:205px;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:24px 12px;
  border:1px solid rgba(200,241,109,.35);
  border-top:3px solid #c8f16d;
  border-radius:19px;
  background:rgba(200,241,109,.08);
  text-align:center;
}
.featured-date .weekday{
  font-size:14px;
  font-weight:900;
  letter-spacing:.16em;
  line-height:1.2;
  color:#c8f16d;
  white-space:nowrap;
}
.featured-date .day{
  font-size:clamp(65px,7vw,96px);
  line-height:1;
  font-weight:900;
  letter-spacing:-.085em;
  color:#c8f16d;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.featured-date.datebox-range .day{font-size:clamp(36px,4vw,55px)}
.featured-date .month{
  font-size:13px;
  line-height:1.2;
  color:#eff9e4;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
  white-space:nowrap;
}
@media(max-width:850px){
  .featured-date{min-height:170px;padding:20px 8px}
  .featured-date .day{font-size:64px}
  .featured-date.datebox-range .day{font-size:35px}
}
@media(max-width:620px){
  .event.tournament-row{grid-template-columns:84px minmax(0,1fr)}
  .tourney-card{grid-template-columns:84px minmax(0,1fr)}
  .datebox{min-height:96px;padding:10px 3px;gap:5px;border-radius:12px}
  .datebox .weekday{font-size:10px}
  .datebox .day,
  .event.tournament-row .datebox .day,
  .tourney-card .datebox .day{font-size:34px}
  .datebox.datebox-range .day,
  .event.tournament-row .datebox.datebox-range .day,
  .tourney-card .datebox.datebox-range .day{font-size:21px}
  .datebox .month{font-size:11px}
  .featured-tournament{display:flex;flex-direction:column;gap:17px}
  .featured-date{
    position:static;
    order:-1;
    opacity:1;
    pointer-events:auto;
    align-self:flex-start;
    width:115px;
    min-height:105px;
    padding:12px 9px;
    gap:6px;
    border-radius:13px;
  }
  .featured-date .weekday{font-size:11px}
  .featured-date .day{font-size:43px}
  .featured-date.datebox-range .day{font-size:28px}
  .featured-date .month{display:block;font-size:11px}
}


/* Startseite: prominenter Turnier-Button im oberen Titelbild */
.hero-plate{
  box-sizing:border-box;
  width:320px;
  max-width:calc(100vw - 40px);
  bottom:42px;
  right:7%;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  padding:21px 22px 19px;
  overflow:hidden;
  background:linear-gradient(148deg,#184536 0%,#102f2a 75%,#0c2824 100%);
  color:#f7fbf1;
  border:2px solid #bce96d;
  border-radius:20px;
  box-shadow:0 12px 0 rgba(13,43,31,.14),0 24px 62px rgba(8,35,26,.47);
  transform:rotate(2deg);
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease;
}
.hero-plate:hover,.hero-plate:focus-visible{
  transform:translateY(-4px) rotate(0deg);
  box-shadow:0 14px 0 rgba(13,43,31,.13),0 29px 75px rgba(8,35,26,.55);
}
.hero-plate:focus-visible{outline:3px solid #f9ffc9;outline-offset:4px}
.hero-plate .small{
  display:flex;
  align-items:center;
  gap:9px;
  width:max-content;
  max-width:100%;
  margin:0;
  padding:6px 10px;
  background:rgba(200,241,109,.13);
  border:1px solid rgba(200,241,109,.35);
  border-radius:999px;
  color:#e2ffaa;
  font-size:10px;
  font-weight:900;
  letter-spacing:.105em;
  text-transform:uppercase;
}
.hero-plate-dot{
  display:inline-block;
  width:8px;
  height:8px;
  flex:none;
  border-radius:50%;
  background:#c8f16d;
  box-shadow:0 0 0 3px rgba(200,241,109,.17);
}
.hero-plate .date{
  display:block;
  margin:14px 0 7px;
  color:#d3fb81;
  font-size:32px;
  line-height:1.06;
  letter-spacing:-.055em;
  font-weight:900;
  white-space:normal;
}
.hero-plate .location{
  display:block;
  color:#e8f2e6;
  font-size:13px;
  line-height:1.45;
  font-weight:650;
  overflow-wrap:break-word;
}
.hero-plate-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:17px;
  padding:11px 14px;
  background:#c8f16d;
  border-radius:11px;
  color:#16352a;
  font-size:13px;
  font-weight:900;
  letter-spacing:.005em;
}
.hero-plate-cta span{font-size:18px;line-height:1}
.hero-plate:hover .hero-plate-cta{background:#e2ffaa}
@media(max-width:850px){
  .hero-plate{width:294px;right:5%;padding:19px 19px 17px}
  .hero-plate .date{font-size:29px}
}
@media(max-width:620px){
  .hero-plate{
    width:min(292px,86vw);
    bottom:22px;
    right:5%;
    padding:16px 17px;
    border-radius:17px;
  }
  .hero-plate .small{font-size:9px;padding:5px 9px}
  .hero-plate .date{font-size:27px;margin:12px 0 6px}
  .hero-plate .location{font-size:12px}
  .hero-plate-cta{margin-top:13px;padding:10px 12px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .hero-plate{transition:none}
}