/* ========================================================================== Ciróka Bábszínház – fő stíluslap Színek a jelenlegi oldalról, betűk helyben tárolva (GDPR: nincs Google Fonts hívás). ========================================================================== */ @font-face{font-family:"Oswald";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/oswald-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"Oswald";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/oswald-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Oswald";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/oswald-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"Oswald";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/oswald-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Oswald";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/oswald-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"Oswald";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/oswald-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Oswald";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/oswald-latin-ext-300-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"Oswald";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/oswald-latin-300-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/oswald-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"Oswald";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/oswald-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Playfair Display";font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/playfair-display-latin-ext-700-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"Playfair Display";font-style:italic;font-weight:700;font-display:swap;src:url(../fonts/playfair-display-latin-700-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Playfair Display";font-style:italic;font-weight:900;font-display:swap;src:url(../fonts/playfair-display-latin-ext-900-italic.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"Playfair Display";font-style:italic;font-weight:900;font-display:swap;src:url(../fonts/playfair-display-latin-900-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} :root{ /* Színek: a ciroka.hu élő oldal CSS-éből mért pontos értékek */ --teal:#115f66; --teal-sotet:#0d4a53; --teal-melyebb:#083437; --teal-vilagos:#1a8a94; --hetvege:#15444a; --arany:#b79062; --arany-vilagos:#d6ac7a; --arany-nev:#c99e6d; --arany-sotet:#a07c4d; --jegy-gomb:#956f49; --krem:#e8dccd; --krem-szoveg:#f0e8dd; --krem-hatter:#f1e0cc; --bezs:#fcf4ea; --bezs-vilagos:#fffaf3; --vilagos:#fcf4ea; --feher:#fff; --szoveg:#333333; --szoveg-halvany:#626262; --piros:#b03d2b; --matine:#e7c46f; --vendeg:#7d5f93; --f-alap:"Oswald","Arial Narrow",Arial,sans-serif; --f-cim:"Playfair Display",Georgia,"Times New Roman",serif; --kontener:1140px; --oldal-padding:clamp(16px,3vw,24px); --fejlec-mag:99px; --sugar:4px; --arnyek:0 18px 40px -18px rgba(8,52,55,.45); --arnyek-kicsi:0 6px 18px -8px rgba(8,52,55,.35); --atmenet:.35s cubic-bezier(.2,.7,.2,1); --rugos:cubic-bezier(.34,1.4,.5,1); --szakadt-szin:var(--vilagos); } /* ---------- Alapok ---------- */ *,*::before,*::after{box-sizing:border-box} html{font-size:calc(100% * var(--a11y-meret,1));-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--fejlec-mag) + 16px)} body{margin:0;font-family:var(--f-alap);font-weight:400;font-size:1.125rem;line-height:1.65;color:var(--szoveg);background:var(--vilagos);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} img,svg,video{max-width:100%;height:auto;display:block} a{color:var(--teal);text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--atmenet)} a:hover{color:var(--arany-sotet)} h1,h2,h3,h4{margin:0 0 .5em;line-height:1.15;font-weight:600} p{margin:0 0 1em} ul,ol{margin:0;padding:0} button,input,select,textarea{font:inherit;color:inherit} button{cursor:pointer} :focus-visible{outline:3px solid var(--arany);outline-offset:3px;border-radius:2px} .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .ugro-link{position:fixed;left:16px;top:-80px;z-index:1000;background:var(--arany);color:var(--teal-melyebb);padding:12px 18px;font-weight:600;text-transform:uppercase;border-radius:var(--sugar);transition:top .2s} .ugro-link:focus{top:16px} main{display:block;outline:none;overflow-x:clip} .ikon{width:1.15em;height:1.15em;flex:none} .kontener{width:100%;max-width:calc(var(--kontener) + 2 * var(--oldal-padding));margin:0 auto;padding:0 var(--oldal-padding)} .kontener--szeles{max-width:calc(1440px + 2 * var(--oldal-padding))} .kontener--keskeny{max-width:calc(820px + 2 * var(--oldal-padding))} .kicsi{font-size:.95rem} .szoveg-halvany{color:var(--szoveg-halvany)} .ures{text-align:center;color:var(--szoveg-halvany);font-size:1.2rem;padding:2rem 0} .szekcio--sotet .ures{color:var(--krem)} [hidden]{display:none!important} /* ---------- Tipográfia – minden oldalon azonos méretek ---------- */ .cim-xl{font-family:var(--f-cim);font-style:italic;font-weight:900;font-size:clamp(2.5rem,1.9rem + 2.6vw,4.25rem);line-height:1.08;letter-spacing:-.005em;margin:0 0 .2em;color:var(--teal-sotet)} .cim-l{font-family:var(--f-cim);font-style:italic;font-weight:900;font-size:clamp(1.9rem,1.5rem + 1.5vw,2.75rem);line-height:1.1;margin:2.2rem 0 1.2rem;color:var(--teal-sotet)} .cim--arany{color:var(--arany-sotet)} .cim--teal{color:var(--teal)} .alcim{font-family:var(--f-alap);font-weight:500;font-size:clamp(1.05rem,1rem + .3vw,1.3rem);text-transform:uppercase;letter-spacing:.02em;color:var(--arany-sotet);margin:0} .alcim--teal{color:var(--teal)} .alcim--nagy{font-size:clamp(1.15rem,1rem + .6vw,1.5rem);text-transform:none;letter-spacing:0} .szekciocim{text-align:center;margin-bottom:clamp(1.8rem,1.2rem + 2vw,3rem)} .szekcio--sotet .cim-xl,.szekcio--sotet .cim-l{color:var(--krem-szoveg)} .szekcio--sotet .cim--arany{color:var(--arany)} .szekcio--sotet .alcim{color:var(--arany)} .szoveg{font-size:1.15rem;line-height:1.75} .szoveg h2{font-family:var(--f-cim);font-style:italic;font-weight:900;font-size:clamp(1.6rem,1.3rem + 1vw,2.2rem);color:var(--teal-sotet);margin:1.8em 0 .6em} .szoveg h3{font-weight:600;text-transform:uppercase;font-size:1.3rem;color:var(--teal);margin:1.5em 0 .5em} .szoveg ul,.szoveg ol{padding-left:1.3em;margin:0 0 1.2em} .szoveg li{margin-bottom:.35em} .szoveg img{border-radius:var(--sugar);margin:1.5em 0} .szoveg blockquote{margin:1.5em 0;padding:.6em 1.4em;border-left:4px solid var(--arany);font-family:var(--f-cim);font-style:italic;font-size:1.35rem;color:var(--teal-sotet)} .szoveg a{color:var(--teal);text-decoration:underline} /* ---------- Gombok ---------- */ .gomb{--gomb-hatter:transparent;--gomb-szin:currentColor;--gomb-keret:currentColor;display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:52px;padding:.7em 1.7em;border:2px solid var(--gomb-keret);background:var(--gomb-hatter);color:var(--gomb-szin);font-family:var(--f-alap);font-weight:500;font-size:1.08rem;line-height:1.2;text-transform:uppercase;letter-spacing:.03em;text-decoration:none;border-radius:2px;position:relative;overflow:hidden;isolation:isolate;transition:transform var(--atmenet),box-shadow var(--atmenet),background-color var(--atmenet),color var(--atmenet),border-color var(--atmenet);text-align:center} .gomb::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.18);transform:translateX(-101%);transition:transform .5s cubic-bezier(.2,.7,.2,1)} .gomb:hover::before{transform:translateX(0)} .gomb:hover{transform:translateY(-2px);box-shadow:var(--arnyek-kicsi);color:var(--gomb-szin)} .gomb:active{transform:translateY(0)} .gomb--elsodleges{--gomb-hatter:var(--arany);--gomb-szin:#13292e;--gomb-keret:var(--arany)} .gomb--arany{--gomb-hatter:var(--arany);--gomb-szin:#13292e;--gomb-keret:var(--arany)} .gomb--masodlagos{--gomb-hatter:var(--feher);--gomb-szin:var(--teal-sotet);--gomb-keret:var(--teal)} .szekcio--sotet .gomb--masodlagos,.modal .gomb--masodlagos,.ip-kartya--sotet .gomb--masodlagos{--gomb-hatter:transparent;--gomb-szin:var(--krem-szoveg);--gomb-keret:var(--krem)} .gomb--korvonal{--gomb-szin:var(--krem-szoveg);--gomb-keret:var(--krem)} .gomb--korvonal-sotet{--gomb-szin:var(--teal-sotet);--gomb-keret:var(--teal)} .gomb--korvonal-arany{--gomb-szin:var(--teal-sotet);--gomb-keret:var(--arany)} .gomb--letiltva{--gomb-hatter:rgba(176,61,43,.12);--gomb-szin:var(--piros);--gomb-keret:rgba(176,61,43,.5);cursor:not-allowed;text-decoration:line-through;text-decoration-thickness:1px} .szekcio--sotet .gomb--letiltva,.modal .gomb--letiltva{--gomb-szin:#f2b3a6;--gomb-keret:rgba(242,179,166,.55);--gomb-hatter:rgba(176,61,43,.18)} .gomb--letiltva::before{display:none} .gomb--letiltva:hover{transform:none;box-shadow:none} .gomb--teljes{width:100%} .gombsor{display:flex;flex-wrap:wrap;gap:14px;margin-top:2rem} .gombsor--kozep{justify-content:center} .link-gomb{background:none;border:0;padding:0;color:inherit;text-decoration:underline;text-underline-offset:3px;font:inherit;text-transform:inherit;letter-spacing:inherit} .ikon-gomb{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:inherit;transition:background-color var(--atmenet),transform var(--atmenet)} .ikon-gomb:hover{background:rgba(0,0,0,.08);transform:rotate(90deg)} .vissza-link{display:inline-flex;align-items:center;gap:.5em;margin-top:2rem;font-weight:500;text-transform:uppercase;text-decoration:none;color:var(--teal)} .vissza-link:hover .ikon{transform:translateX(-4px)} .vissza-link .ikon{transition:transform var(--atmenet)} .tovabb-link{font-weight:500;text-transform:uppercase;text-decoration:none;color:var(--arany-sotet);letter-spacing:.02em} /* ---------- Címkék / jelvények ---------- */ .cimkek{display:flex;flex-wrap:wrap;gap:6px;margin:.35rem 0 .6rem} .cimke{display:inline-flex;align-items:center;gap:.35em;padding:.18em .7em;border-radius:999px;font-family:var(--f-alap);font-weight:500;font-size:.82rem;line-height:1.5;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap} .cimke--berletes{background:var(--teal-vilagos);color:#fff} .cimke--matine{background:var(--matine);color:#3a2a0c} .cimke--vendeg{background:var(--vendeg);color:#fff} .cimke--elmarad{background:var(--piros);color:#fff} .cimke--archiv{background:rgba(255,255,255,.18);color:var(--krem-szoveg);border:1px solid rgba(255,255,255,.3)} .cimke--bemutato{background:linear-gradient(110deg,#a98048 0%,#e4c58e 45%,#fff2d6 50%,#e4c58e 55%,#a98048 100%);background-size:250% 100%;color:#1d1408;font-weight:600;padding:.25em .9em;font-size:.88rem;box-shadow:0 0 0 2px rgba(191,153,98,.35),0 4px 14px -4px rgba(191,153,98,.8);animation:csillogas 3.2s ease-in-out infinite} .cimke--bemutato::before{content:"★";font-size:.95em} .cimke--nagy{font-size:1rem;padding:.35em 1em;margin-bottom:.9rem} @keyframes csillogas{0%,60%{background-position:120% 0}100%{background-position:-120% 0}} .kor-jelveny{display:inline-grid;place-items:center;min-width:3.1em;height:3.1em;padding:0 .4em;border-radius:50%;background:var(--arany);color:#13292e;font-family:var(--f-alap);font-weight:600;font-size:.9rem;line-height:1;letter-spacing:0;box-shadow:0 0 0 3px rgba(255,255,255,.85),var(--arnyek-kicsi)} .kor-jelveny--0-3-ev{background:#e8a0a0} .kor-jelveny--3-6-ev{background:#e7c46f} .kor-jelveny--6-10-ev{background:#9cc7a4} .kor-jelveny--10-ev-felett{background:#8fb7d6} .kor-jelveny--felnott{background:#c9a7d8} /* ---------- Plakát ---------- */ .plakat{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:4px;background:var(--teal-melyebb);box-shadow:var(--arnyek)} .plakat img,.plakat .kep-helyorzo{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)} .plakat .kor-jelveny{position:absolute;top:10px;right:10px;z-index:2} .plakat__cim{position:absolute;inset:auto 0 0 0;z-index:2;padding:3.2rem 1rem 1rem;background:linear-gradient(to top,rgba(10,26,30,.92) 0%,rgba(10,26,30,.6) 55%,transparent 100%);color:#fff;font-family:var(--f-cim);font-style:italic;font-weight:900;font-size:1.35rem;line-height:1.15;text-shadow:0 2px 10px rgba(0,0,0,.5)} a:hover .plakat img,a:focus-visible .plakat img{transform:scale(1.06)} /* ---------- Kép helyőrző (amíg a kép nincs feltöltve) ---------- */ .kep-helyorzo{display:grid;place-items:center;width:100%;height:100%;min-height:120px;background:repeating-linear-gradient(135deg,#2a5359 0 14px,#24494f 14px 28px);color:rgba(241,231,213,.85);text-align:center;padding:12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.35;word-break:break-all} .kep-helyorzo span{background:rgba(10,26,30,.55);padding:.35em .6em;border-radius:4px;max-width:100%} /* ---------- Szakadt papírél ---------- */ .szakadt{position:absolute;left:0;right:0;height:clamp(18px,2.8vw,40px);background:var(--szakadt-szin);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 1440 40%27 preserveAspectRatio=%27none%27%3E%3Cpath d=%27M0,40 L0,12.5 L10.7,19.0 L20.0,16.7 L34.6,7.2 L51.7,6.7 L67.5,7.4 L77.2,14.5 L100.1,8.5 L112.1,18.5 L137.1,17.5 L152.3,25.5 L161.1,23.2 L174.3,8.9 L184.4,12.2 L207.1,9.6 L225.6,18.8 L240.3,17.0 L249.4,7.2 L261.1,19.6 L276.8,12.3 L295.4,15.1 L308.8,21.9 L329.4,10.9 L347.7,16.5 L371.5,20.6 L384.6,25.6 L394.8,14.4 L416.4,9.0 L433.2,6.8 L453.2,21.3 L471.5,23.5 L485.2,19.9 L503.9,17.6 L520.1,22.8 L545.1,15.5 L565.0,7.2 L585.7,18.9 L611.6,22.4 L624.7,13.7 L644.7,6.5 L661.0,9.4 L671.1,7.2 L693.0,8.6 L705.4,13.8 L729.1,7.6 L745.2,17.0 L769.1,22.4 L792.6,11.6 L808.1,13.2 L832.0,25.2 L842.7,9.5 L854.9,10.7 L871.6,17.8 L884.4,6.1 L899.9,13.4 L918.1,25.1 L938.5,16.3 L957.7,19.5 L966.6,24.0 L988.7,23.5 L1011.0,13.8 L1026.2,8.1 L1045.6,7.2 L1054.8,10.2 L1065.8,12.8 L1074.7,6.0 L1085.4,8.0 L1100.0,6.5 L1123.7,18.3 L1134.4,11.0 L1148.6,13.3 L1158.9,23.0 L1184.7,15.3 L1201.4,7.7 L1211.3,12.9 L1224.0,22.6 L1235.0,6.5 L1260.1,16.6 L1270.7,16.9 L1279.2,16.6 L1304.8,23.3 L1325.3,11.2 L1339.9,9.3 L1361.8,16.7 L1383.9,12.6 L1395.9,22.2 L1421.6,23.1 L1440,22.4 L1440,40 Z%27/%3E%3C/svg%3E") center bottom/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 1440 40%27 preserveAspectRatio=%27none%27%3E%3Cpath d=%27M0,40 L0,12.5 L10.7,19.0 L20.0,16.7 L34.6,7.2 L51.7,6.7 L67.5,7.4 L77.2,14.5 L100.1,8.5 L112.1,18.5 L137.1,17.5 L152.3,25.5 L161.1,23.2 L174.3,8.9 L184.4,12.2 L207.1,9.6 L225.6,18.8 L240.3,17.0 L249.4,7.2 L261.1,19.6 L276.8,12.3 L295.4,15.1 L308.8,21.9 L329.4,10.9 L347.7,16.5 L371.5,20.6 L384.6,25.6 L394.8,14.4 L416.4,9.0 L433.2,6.8 L453.2,21.3 L471.5,23.5 L485.2,19.9 L503.9,17.6 L520.1,22.8 L545.1,15.5 L565.0,7.2 L585.7,18.9 L611.6,22.4 L624.7,13.7 L644.7,6.5 L661.0,9.4 L671.1,7.2 L693.0,8.6 L705.4,13.8 L729.1,7.6 L745.2,17.0 L769.1,22.4 L792.6,11.6 L808.1,13.2 L832.0,25.2 L842.7,9.5 L854.9,10.7 L871.6,17.8 L884.4,6.1 L899.9,13.4 L918.1,25.1 L938.5,16.3 L957.7,19.5 L966.6,24.0 L988.7,23.5 L1011.0,13.8 L1026.2,8.1 L1045.6,7.2 L1054.8,10.2 L1065.8,12.8 L1074.7,6.0 L1085.4,8.0 L1100.0,6.5 L1123.7,18.3 L1134.4,11.0 L1148.6,13.3 L1158.9,23.0 L1184.7,15.3 L1201.4,7.7 L1211.3,12.9 L1224.0,22.6 L1235.0,6.5 L1260.1,16.6 L1270.7,16.9 L1279.2,16.6 L1304.8,23.3 L1325.3,11.2 L1339.9,9.3 L1361.8,16.7 L1383.9,12.6 L1395.9,22.2 L1421.6,23.1 L1440,22.4 L1440,40 Z%27/%3E%3C/svg%3E") center bottom/100% 100% no-repeat;pointer-events:none;z-index:3} .szakadt--le{bottom:-1px} .szakadt--fel{top:1px;transform:translateY(-100%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 1440 40%27 preserveAspectRatio=%27none%27%3E%3Cpath d=%27M0,40 L0,13.3 L20.4,22.7 L37.0,14.3 L59.3,26.2 L76.5,20.1 L88.8,10.1 L103.5,21.7 L112.7,25.9 L124.9,14.7 L133.6,30.0 L154.9,27.5 L174.0,10.7 L188.0,20.0 L198.0,29.0 L212.7,13.1 L235.4,12.5 L260.1,19.1 L278.0,16.9 L294.7,13.7 L303.4,27.3 L315.6,25.6 L327.4,29.4 L351.5,25.1 L373.2,21.6 L394.4,12.4 L410.9,26.5 L422.5,28.5 L446.5,18.2 L461.1,19.0 L476.0,29.9 L491.0,10.5 L500.7,24.4 L526.6,19.9 L543.4,21.0 L564.9,14.4 L583.8,21.1 L603.0,13.6 L614.1,17.0 L638.8,16.9 L657.5,16.1 L667.4,11.3 L690.0,25.5 L704.8,23.7 L725.0,28.0 L750.2,18.1 L776.0,29.2 L794.6,27.7 L811.5,17.5 L823.9,27.5 L834.8,11.4 L857.3,25.5 L874.0,26.7 L883.0,15.2 L896.2,18.4 L907.3,11.4 L921.3,28.0 L947.0,24.9 L963.7,15.0 L988.9,20.5 L1010.0,10.6 L1021.9,26.8 L1044.2,27.6 L1063.0,18.5 L1081.5,27.0 L1095.0,20.7 L1108.0,25.4 L1116.2,23.7 L1141.3,10.5 L1160.0,22.9 L1183.3,21.7 L1196.0,18.1 L1221.2,28.1 L1231.6,11.9 L1241.3,10.5 L1257.4,12.8 L1281.0,23.1 L1291.3,20.8 L1305.1,19.9 L1317.0,13.3 L1328.4,17.6 L1349.1,21.0 L1358.0,24.2 L1381.7,25.5 L1403.9,10.2 L1420.3,11.3 L1440,13.5 L1440,40 Z%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 1440 40%27 preserveAspectRatio=%27none%27%3E%3Cpath d=%27M0,40 L0,13.3 L20.4,22.7 L37.0,14.3 L59.3,26.2 L76.5,20.1 L88.8,10.1 L103.5,21.7 L112.7,25.9 L124.9,14.7 L133.6,30.0 L154.9,27.5 L174.0,10.7 L188.0,20.0 L198.0,29.0 L212.7,13.1 L235.4,12.5 L260.1,19.1 L278.0,16.9 L294.7,13.7 L303.4,27.3 L315.6,25.6 L327.4,29.4 L351.5,25.1 L373.2,21.6 L394.4,12.4 L410.9,26.5 L422.5,28.5 L446.5,18.2 L461.1,19.0 L476.0,29.9 L491.0,10.5 L500.7,24.4 L526.6,19.9 L543.4,21.0 L564.9,14.4 L583.8,21.1 L603.0,13.6 L614.1,17.0 L638.8,16.9 L657.5,16.1 L667.4,11.3 L690.0,25.5 L704.8,23.7 L725.0,28.0 L750.2,18.1 L776.0,29.2 L794.6,27.7 L811.5,17.5 L823.9,27.5 L834.8,11.4 L857.3,25.5 L874.0,26.7 L883.0,15.2 L896.2,18.4 L907.3,11.4 L921.3,28.0 L947.0,24.9 L963.7,15.0 L988.9,20.5 L1010.0,10.6 L1021.9,26.8 L1044.2,27.6 L1063.0,18.5 L1081.5,27.0 L1095.0,20.7 L1108.0,25.4 L1116.2,23.7 L1141.3,10.5 L1160.0,22.9 L1183.3,21.7 L1196.0,18.1 L1221.2,28.1 L1231.6,11.9 L1241.3,10.5 L1257.4,12.8 L1281.0,23.1 L1291.3,20.8 L1305.1,19.9 L1317.0,13.3 L1328.4,17.6 L1349.1,21.0 L1358.0,24.2 L1381.7,25.5 L1403.9,10.2 L1420.3,11.3 L1440,13.5 L1440,40 Z%27/%3E%3C/svg%3E")} /* ---------- Szekciók ---------- */ .szekcio{position:relative;padding:clamp(3.5rem,2.5rem + 4vw,6.5rem) 0} .szekcio--szoros{padding-top:clamp(2.5rem,2rem + 2vw,4rem)} .szekcio--sotet{background:var(--teal-sotet);color:var(--krem-szoveg)} .szekcio--bezs{background:var(--bezs)} .szekcio--krem{background:var(--krem-hatter)} .szekcio--vilagos{background:var(--vilagos)} .racs{display:grid;gap:clamp(18px,2vw,30px)} .racs>*{min-width:0} .racs--3{grid-template-columns:repeat(3,minmax(0,1fr))} .racs--4{grid-template-columns:repeat(4,minmax(0,1fr))} /* ========================================================================== Nyitány – függöny-animáció belépéskor (munkamenetenként egyszer) ========================================================================== */ .nyitany{display:none} .js:not(.nyitany-kesz) .nyitany{display:block;position:fixed;inset:0;z-index:9999;pointer-events:none;animation:nyitany-vege 0s 2.4s forwards} .nyitany__fuggony{position:absolute;top:0;bottom:0;width:50.5%;background: repeating-linear-gradient(90deg,rgba(0,0,0,.22) 0,rgba(0,0,0,0) 3.5%,rgba(255,255,255,.07) 6%,rgba(0,0,0,0) 8.5%,rgba(0,0,0,.22) 12%), linear-gradient(180deg,#24525a,#1a3b42 70%,#14303a); box-shadow:inset 0 -18px 0 -6px var(--arany);animation:fuggony-bal 1.25s cubic-bezier(.7,0,.2,1) .95s forwards} .nyitany__fuggony--bal{left:0;border-right:6px solid var(--arany)} .nyitany__fuggony--jobb{right:0;border-left:6px solid var(--arany);animation-name:fuggony-jobb} .nyitany__logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--arany);animation:nyitany-logo 1.2s var(--rugos) both,nyitany-logo-ki .45s ease-in .95s forwards} .nyitany__kez{width:clamp(70px,10vw,110px);height:auto;animation:kez-integet 1s ease-in-out .15s both} .nyitany__logo span{font-family:var(--f-alap);font-weight:600;font-size:clamp(2rem,4vw,3rem);letter-spacing:.06em;text-transform:uppercase;color:var(--krem)} @keyframes fuggony-bal{to{transform:translateX(-102%) skewX(-4deg)}} @keyframes fuggony-jobb{to{transform:translateX(102%) skewX(4deg)}} @keyframes nyitany-logo{from{opacity:0;transform:translate(-50%,-30%) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}} @keyframes nyitany-logo-ki{to{opacity:0;transform:translate(-50%,-60%) scale(1.15)}} @keyframes kez-integet{0%{transform:rotate(-14deg)}35%{transform:rotate(10deg)}65%{transform:rotate(-6deg)}100%{transform:rotate(0)}} @keyframes nyitany-vege{to{visibility:hidden;opacity:0}} /* ========================================================================== Fontos üzenet sáv ========================================================================== */ .uzenet-sav{position:relative;z-index:60;background:var(--arany);color:#14262a;font-size:1rem} .uzenet-sav--figyelem{background:var(--piros);color:#fff} .uzenet-sav--figyelem a{color:#fff} .uzenet-sav__belso{display:flex;align-items:center;gap:12px;min-height:48px;padding-top:8px;padding-bottom:8px} .uzenet-sav p{margin:0;flex:1;min-width:0;line-height:1.4} .uzenet-sav strong{font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-right:.5em} .uzenet-sav a{color:inherit;font-weight:600;margin-left:.4em} .uzenet-sav__zar{background:none;border:0;padding:6px;color:inherit;border-radius:50%;display:grid;place-items:center} .uzenet-sav__zar:hover{background:rgba(0,0,0,.12)} /* ========================================================================== Fejléc ========================================================================== */ .fejlec{position:sticky;top:0;z-index:50;background:var(--teal);color:var(--krem-szoveg);box-shadow:0 1px 0 rgba(0,0,0,.08);transition:box-shadow var(--atmenet)} .fejlec.gorgetett{box-shadow:0 10px 30px -12px rgba(0,0,0,.45)} .fejlec .kontener{max-width:calc(1400px + 2 * var(--oldal-padding))} .fejlec__belso{display:flex;align-items:center;gap:clamp(16px,2vw,36px);height:var(--fejlec-mag);transition:height var(--atmenet)} .fejlec.gorgetett .fejlec__belso{height:76px} .fejlec__logo{flex:none;display:block;transition:transform var(--atmenet)} .fejlec__logo img{width:clamp(150px,13vw,188px);height:auto} .fejlec.gorgetett .fejlec__logo{transform:scale(.88);transform-origin:left center} .fejlec__logo:hover img{animation:kez-integet .9s ease-in-out} .fomenu{display:flex;align-items:center;flex:1;min-width:0;justify-content:space-between;gap:20px} .fomenu__lista{list-style:none;display:flex;align-items:center} .fomenu__elem{position:relative;display:flex;align-items:center} .fomenu__elem+.fomenu__elem::before{content:"";width:1px;height:26px;background:rgba(226,211,182,.45);margin:0 2px} .fomenu__elem>a{display:block;padding:10px clamp(8px,.9vw,16px);font-weight:500;font-size:1.22rem;letter-spacing:.01em;text-transform:uppercase;color:var(--krem-szoveg);text-decoration:none;position:relative;white-space:nowrap} .fomenu__elem>a::after{content:"";position:absolute;left:clamp(10px,1vw,18px);right:clamp(10px,1vw,18px);bottom:4px;height:2px;background:var(--arany);transform:scaleX(0);transform-origin:left;transition:transform var(--atmenet)} .fomenu__elem>a:hover::after,.fomenu__elem.aktiv>a::after{transform:scaleX(1)} .fomenu__elem.aktiv>a,.fomenu__elem>a:hover{color:var(--arany-vilagos)} .van-almenu>a{padding-right:4px} .almenu-gomb{background:none;border:0;color:var(--krem-szoveg);padding:8px 10px 8px 2px;display:grid;place-items:center} .almenu-gomb .ikon{width:20px;height:20px;transition:transform var(--atmenet)} .almenu{list-style:none;position:absolute;top:calc(100% + 6px);left:0;min-width:240px;background:var(--teal-melyebb);border-top:3px solid var(--arany);border-radius:0 0 var(--sugar) var(--sugar);padding:10px 0;box-shadow:var(--arnyek);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,visibility .25s;z-index:5} .almenu a{display:block;padding:10px 22px;color:var(--krem-szoveg);text-decoration:none;text-transform:uppercase;font-weight:500;font-size:1.02rem;letter-spacing:.02em;transition:background-color .2s,color .2s,padding-left .2s} .almenu a:hover{background:rgba(255,255,255,.06);color:var(--arany-vilagos);padding-left:28px} @media (hover:hover) and (min-width:1281px){ .van-almenu:hover .almenu,.van-almenu:focus-within .almenu{opacity:1;visibility:visible;transform:none} .van-almenu:hover .almenu-gomb .ikon{transform:rotate(180deg)} } .van-almenu.nyitva .almenu{opacity:1;visibility:visible;transform:none} .van-almenu.nyitva .almenu-gomb .ikon{transform:rotate(180deg)} .fomenu__gombok{display:flex;align-items:center;gap:clamp(12px,1.6vw,30px);flex:none} .gomb-talalkozo{display:inline-flex;align-items:center;min-height:58px;padding:0 clamp(14px,1.6vw,30px);border:2px dotted var(--krem);outline:1px solid rgba(0,0,0,.25);outline-offset:-5px;background:var(--teal-melyebb);color:var(--krem-szoveg);font-weight:600;font-size:1.12rem;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background-color var(--atmenet),color var(--atmenet),transform var(--atmenet)} .gomb-talalkozo:hover{background:#0f2a30;color:var(--arany-vilagos);transform:translateY(-2px)} .gomb-jegy{position:relative;display:inline-flex;align-items:center;min-height:84px;padding:0 64px 0 36px;background:var(--arany);color:#14262a;font-weight:600;font-size:1.18rem;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;white-space:nowrap;-webkit-mask:radial-gradient(circle at 0 50%,transparent 11px,#000 11.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 11px,#000 11.5px) right/51% 100% no-repeat;mask:radial-gradient(circle at 0 50%,transparent 11px,#000 11.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 11px,#000 11.5px) right/51% 100% no-repeat;transition:transform .4s var(--rugos),background-color var(--atmenet)} .gomb-jegy::after{content:"";position:absolute;right:38px;top:6px;bottom:6px;border-right:3px dotted #24474e} .gomb-jegy:hover{background:var(--arany-vilagos);color:#14262a;transform:rotate(-3deg) scale(1.04)} .fejlec.gorgetett .gomb-jegy{min-height:66px} .hamburger{display:none;margin-left:auto;width:52px;height:52px;border:0;background:transparent;position:relative;border-radius:var(--sugar)} .hamburger span{position:absolute;left:12px;right:12px;height:3px;border-radius:2px;background:var(--krem-szoveg);transition:transform .35s var(--rugos),opacity .2s,top .35s} .hamburger span:nth-child(1){top:16px} .hamburger span:nth-child(2){top:24.5px} .hamburger span:nth-child(3){top:33px} .hamburger[aria-expanded="true"] span:nth-child(1){top:24.5px;transform:rotate(45deg)} .hamburger[aria-expanded="true"] span:nth-child(2){opacity:0} .hamburger[aria-expanded="true"] span:nth-child(3){top:24.5px;transform:rotate(-45deg)} .menu-hatter{position:fixed;inset:0;background:rgba(8,22,26,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:48;opacity:0;transition:opacity .3s} .menu-hatter.lathato{opacity:1} @media (max-width:1380px){ .fomenu__elem>a{padding:10px 9px} .fomenu__gombok{gap:14px} } @media (max-width:1280px){ :root{--fejlec-mag:76px} .hamburger{display:block;z-index:52} .fejlec__logo{position:relative;z-index:52} .fomenu{position:fixed;top:0;right:0;bottom:0;width:min(420px,88vw);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:24px;padding:calc(var(--fejlec-mag) + 20px) 24px 32px;background:var(--teal-melyebb);overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateX(105%);transition:transform .45s cubic-bezier(.7,0,.2,1);z-index:51;box-shadow:-20px 0 50px -20px rgba(0,0,0,.6)} .fomenu.nyitva{transform:none} .fomenu__lista{flex-direction:column;align-items:stretch} .fomenu__elem{flex-wrap:wrap;border-bottom:1px solid rgba(226,211,182,.15)} .fomenu__elem+.fomenu__elem::before{display:none} .fomenu__elem>a{flex:1;font-size:1.35rem;padding:14px 0} .fomenu__elem>a::after{display:none} .almenu-gomb{width:48px;height:48px;padding:0} .almenu{position:static;width:100%;min-width:0;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;border-radius:0;background:transparent;padding:0 0 10px 14px;display:none} .van-almenu.nyitva .almenu{display:block} .almenu a{padding:9px 0;font-size:1.08rem;color:var(--krem)} .almenu a:hover{padding-left:6px} .fomenu__gombok{flex-direction:column;align-items:stretch;gap:14px} .gomb-talalkozo{justify-content:center;min-height:56px} .gomb-jegy{justify-content:center;min-height:70px} .fomenu.nyitva .fomenu__elem{animation:menu-be .5s both} .fomenu.nyitva .fomenu__elem:nth-child(2){animation-delay:.05s} .fomenu.nyitva .fomenu__elem:nth-child(3){animation-delay:.1s} .fomenu.nyitva .fomenu__elem:nth-child(4){animation-delay:.15s} .fomenu.nyitva .fomenu__elem:nth-child(5){animation-delay:.2s} body.menu-nyitva{overflow:hidden} } @keyframes menu-be{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}} /* ========================================================================== Oldalfej (belső oldalak) ========================================================================== */ .oldalfej{position:relative;background:var(--teal);color:var(--krem-szoveg);padding:clamp(3rem,2rem + 4vw,5.5rem) 0 clamp(3.6rem,2.6rem + 4vw,6rem);overflow:hidden;isolation:isolate} .oldalfej::before{content:"";position:absolute;right:-60px;top:-40px;width:clamp(220px,30vw,420px);aspect-ratio:30/41;background:currentColor;opacity:.06;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 41.2%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M23.5,27.9c-0.8,0.7-1.5,0.8-2.4,1.3c-0.6,0.3-1.4,0.8-2.3,1.8c-0.2,0.2-0.4,0.3-0.5,0.5c-2.9-0.8-5.3-1-7.2-1.4c-0.7-0.7-1.4-1.6-2-2.4c-1.4-1.9-2.5-3.8-3.1-4.7C4.3,20.5-3.3,11.3,1.6,7.4C2.7,7.8,2.8,9.1,3,10.4c0.2,1.2,1.7,5.7,3,6.5c0,0,0.1,0,0.1,0.1c0.1-0.2,0.1-0.3,0.2-0.5c1-2.8,0.2-10.7,0.2-11.8c0-0.5,0.4-1.8,0.8-1.8c0.7,0.1,1.2,0.7,1.6,1.5C9.3,5.1,9.5,6,9.8,6.9c0.8,3.4,0.4,5.9,0,8c0.1,0.1,0.2,0.1,0.3,0c0-0.1,0.1-0.2,0.1-0.2c0.2-0.4,0.5-0.9,0.6-1.2c0.4,1,3.7,4.7,4,4.8c0.6,0.6,1.7,1.6,2.6,2.1c1.3,0.9,1.8,0.9,3,0.2c-1.4-2.5-5.1-3.8-6.1-8.9c-0.6-3.3,0-5.8,0.8-9.5c0.3-1.4,1.3-2,2.4-2.2c1.3,1.9-2.2,16.5,4.3,17.9c2.4-0.1,1.7-4,4-5.2c0.7-0.4,1.6-0.6,2.8-0.4c0.6,0.1,1.2,0.2,1.4,0.8c0.1,0.2,0.1,0.4,0.1,0.6C29.4,14,28,14.9,27,15.7c-0.5,0.5-1,0.9-1.4,1.4C23.9,19.1,27.2,24.7,23.5,27.9z M10.7,21.2c-0.8,0-1.4-0.7-1.4-1.5c0-0.8,0.6-1.4,1.4-1.3c0.8,0.1,1.4,0.7,1.4,1.5c0,0.4-0.1,0.9-0.4,1.1C11.5,21.2,11,21.2,10.7,21.2z M20.8,23.4c-4.4,1.9-5.8,1.8-8.5,1.5c1.1,2.7,4.9,2.2,6.5,1C19.8,25,20.5,24,20.8,23.4z M20.7,15.8c-0.7-0.2-1.2-0.9-1.2-1.6c0-0.9,0.6-1.5,1.4-1.5c0.6,0,1.1,0.5,1.3,1.1C23,14.7,22,16.3,20.7,15.8z%27/%3E%3Cpath fill-rule=%27evenodd%27 d=%27M24.5,34.6c-1.7,2.1-3.4,4.3-5.1,6.4c-4.2,0-8.4,0.1-12.6,0.1c1.2-3,2.7-6.8,3.6-9.9C13.1,31.9,17.8,31.1,24.5,34.6z%27/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 41.2%27%3E%3Cpath fill-rule=%27evenodd%27 d=%27M23.5,27.9c-0.8,0.7-1.5,0.8-2.4,1.3c-0.6,0.3-1.4,0.8-2.3,1.8c-0.2,0.2-0.4,0.3-0.5,0.5c-2.9-0.8-5.3-1-7.2-1.4c-0.7-0.7-1.4-1.6-2-2.4c-1.4-1.9-2.5-3.8-3.1-4.7C4.3,20.5-3.3,11.3,1.6,7.4C2.7,7.8,2.8,9.1,3,10.4c0.2,1.2,1.7,5.7,3,6.5c0,0,0.1,0,0.1,0.1c0.1-0.2,0.1-0.3,0.2-0.5c1-2.8,0.2-10.7,0.2-11.8c0-0.5,0.4-1.8,0.8-1.8c0.7,0.1,1.2,0.7,1.6,1.5C9.3,5.1,9.5,6,9.8,6.9c0.8,3.4,0.4,5.9,0,8c0.1,0.1,0.2,0.1,0.3,0c0-0.1,0.1-0.2,0.1-0.2c0.2-0.4,0.5-0.9,0.6-1.2c0.4,1,3.7,4.7,4,4.8c0.6,0.6,1.7,1.6,2.6,2.1c1.3,0.9,1.8,0.9,3,0.2c-1.4-2.5-5.1-3.8-6.1-8.9c-0.6-3.3,0-5.8,0.8-9.5c0.3-1.4,1.3-2,2.4-2.2c1.3,1.9-2.2,16.5,4.3,17.9c2.4-0.1,1.7-4,4-5.2c0.7-0.4,1.6-0.6,2.8-0.4c0.6,0.1,1.2,0.2,1.4,0.8c0.1,0.2,0.1,0.4,0.1,0.6C29.4,14,28,14.9,27,15.7c-0.5,0.5-1,0.9-1.4,1.4C23.9,19.1,27.2,24.7,23.5,27.9z M10.7,21.2c-0.8,0-1.4-0.7-1.4-1.5c0-0.8,0.6-1.4,1.4-1.3c0.8,0.1,1.4,0.7,1.4,1.5c0,0.4-0.1,0.9-0.4,1.1C11.5,21.2,11,21.2,10.7,21.2z M20.8,23.4c-4.4,1.9-5.8,1.8-8.5,1.5c1.1,2.7,4.9,2.2,6.5,1C19.8,25,20.5,24,20.8,23.4z M20.7,15.8c-0.7-0.2-1.2-0.9-1.2-1.6c0-0.9,0.6-1.5,1.4-1.5c0.6,0,1.1,0.5,1.3,1.1C23,14.7,22,16.3,20.7,15.8z%27/%3E%3Cpath fill-rule=%27evenodd%27 d=%27M24.5,34.6c-1.7,2.1-3.4,4.3-5.1,6.4c-4.2,0-8.4,0.1-12.6,0.1c1.2-3,2.7-6.8,3.6-9.9C13.1,31.9,17.8,31.1,24.5,34.6z%27/%3E%3C/svg%3E") center/contain no-repeat;z-index:-1;animation:lebeg 9s ease-in-out infinite} .oldalfej--kep .oldalfej__kep{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.25;filter:blur(2px);z-index:-2} .oldalfej .cim-xl{color:var(--krem-szoveg);margin-top:.3em} .oldalfej .alcim{color:var(--arany)} .oldalfej .szakadt{--szakadt-szin:var(--vilagos)} .hirek-oldal .oldalfej .szakadt{--szakadt-szin:var(--bezs)} @keyframes lebeg{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(16px) rotate(-2deg)}} .morzsa ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 0;font-size:.95rem;text-transform:uppercase;letter-spacing:.04em} .morzsa li{display:flex;align-items:center;color:var(--arany)} .morzsa li+li::before{content:"/";margin:0 .6em;opacity:.55;color:var(--krem)} .morzsa a{color:var(--krem-szoveg);text-decoration:none} .morzsa a:hover{color:var(--arany-vilagos);text-decoration:underline} .alnav{background:var(--bezs);border-bottom:1px solid rgba(44,94,101,.12)} .alnav ul{list-style:none;display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:14px 0} .alnav ul::-webkit-scrollbar{display:none} .alnav a{display:block;padding:8px 18px;border-radius:999px;text-decoration:none;text-transform:uppercase;font-weight:500;letter-spacing:.02em;color:var(--teal-sotet);white-space:nowrap;transition:background-color .2s,color .2s} .alnav a:hover{background:rgba(44,94,101,.1)} .alnav a[aria-current]{background:var(--teal);color:var(--krem-szoveg)} /* ========================================================================== Hero slider ========================================================================== */ .hero{position:relative;height:clamp(460px,72vh,700px);background:var(--teal-melyebb);overflow:hidden;color:#fff} .hero__sinek,.hero__slide{position:absolute;inset:0} .hero__slide{opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 1.1s} .hero__slide.aktiv{opacity:1;visibility:visible;z-index:1} .hero__kep,.hero__kep img,.hero__kep .kep-helyorzo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .hero__slide.aktiv .hero__kep img{animation:ken-burns 9s ease-out both} @keyframes ken-burns{from{transform:scale(1.12) translate(1.5%,1%)}to{transform:scale(1) translate(0,0)}} .hero__arnyek{position:absolute;inset:0;background: linear-gradient(to top,rgba(10,24,28,.92) 0%,rgba(10,24,28,.62) 32%,rgba(10,24,28,.18) 62%,rgba(10,24,28,0) 80%), linear-gradient(to right,rgba(10,24,28,.55) 0%,rgba(10,24,28,0) 60%)} .hero__szoveg{position:absolute;left:0;right:0;bottom:clamp(64px,9vh,110px);margin:0 auto;z-index:2} .hero__cim{font-family:var(--f-cim);font-style:italic;font-weight:900;font-size:clamp(2.3rem,1.4rem + 3.6vw,4.8rem);line-height:1.04;margin:0 0 .25em;max-width:16ch;text-shadow:0 4px 28px rgba(0,0,0,.55)} .hero__cim a{color:#fff;text-decoration:none} .hero__cim a:hover{color:var(--arany-vilagos)} .hero__leiras{font-size:clamp(1.15rem,1rem + .7vw,1.75rem);line-height:1.35;max-width:52ch;margin:0 0 1.2rem;text-shadow:0 2px 14px rgba(0,0,0,.6)} .hero__gomb{margin-top:.4rem} .hero__slide.aktiv .hero__cim{animation:hero-cim .9s cubic-bezier(.2,.8,.2,1) .25s both} .hero__slide.aktiv .hero__leiras{animation:hero-be .8s ease .5s both} .hero__slide.aktiv .hero__gomb,.hero__slide.aktiv .cimke{animation:hero-be .8s ease .7s both} @keyframes hero-cim{from{opacity:0;transform:translateY(40px) skewY(3deg);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 -20% 0)}} @keyframes hero-be{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}} .hero__nyil{position:absolute;top:50%;z-index:4;width:56px;height:56px;margin-top:-28px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(10,24,28,.25);color:#fff;transition:background-color var(--atmenet),transform var(--atmenet)} .hero__nyil .ikon{width:34px;height:34px} .hero__nyil:hover{background:rgba(10,24,28,.6);transform:scale(1.08)} .hero__nyil--bal{left:clamp(6px,1.5vw,24px)} .hero__nyil--jobb{right:clamp(6px,1.5vw,24px)} .hero__pontok{position:absolute;z-index:4;left:50%;transform:translateX(-50%);bottom:clamp(30px,4.5vh,52px);display:flex;gap:4px} .hero__pontok button{width:30px;height:30px;border:0;background:none;padding:0;display:grid;place-items:center} .hero__pontok span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45);transition:width .4s var(--rugos),background-color .3s;display:block} .hero__pontok [aria-current="true"] span{width:28px;border-radius:6px;background:var(--arany)} .hero__szunet{position:absolute;z-index:4;right:clamp(12px,2vw,28px);bottom:clamp(30px,4.5vh,52px);width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(10,24,28,.3)} .hero__szunet span{display:block;margin:auto;width:10px;height:12px;border-left:3px solid #fff;border-right:3px solid #fff} .hero__szunet.szunetel span{width:0;height:0;border:0;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:12px} /* ========================================================================== Naptár (főoldal + műsor) ========================================================================== */ .naptar{position:relative} .naptar__honap{display:flex;align-items:center;justify-content:center;gap:clamp(20px,6vw,90px);padding-bottom:16px;border-bottom:2px solid var(--krem);margin-bottom:8px} .naptar__honapnev{margin:0;min-width:9ch;text-align:center;font-family:var(--f-alap);font-weight:600;font-size:clamp(1.4rem,1.1rem + 1vw,2.05rem);letter-spacing:.06em;text-transform:uppercase} .naptar__lepes,.naptar__gorget{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:inherit;transition:background-color var(--atmenet),transform var(--atmenet)} .naptar__lepes .ikon,.naptar__gorget .ikon{width:28px;height:28px} .naptar__lepes:hover,.naptar__gorget:hover{background:rgba(255,255,255,.1)} .naptar__lepes[data-honap="-1"]:hover{transform:translateX(-3px)} .naptar__lepes[data-honap="1"]:hover{transform:translateX(3px)} .naptar__napsav{display:flex;align-items:stretch} .naptar__gorget{flex:none;align-self:center;opacity:.8} .naptar__gorget[disabled]{opacity:.2;cursor:default} .naptar__napok{flex:1;display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:6px 0 10px} .naptar__napok::-webkit-scrollbar{display:none} .nap{flex:0 0 calc(100% / 22);min-width:52px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0 12px;border:0;background:transparent;color:rgba(226,211,182,.72);font-family:var(--f-alap);position:relative;transition:color .25s,background-color .25s;border-radius:4px} .nap__het{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;opacity:.7} .nap__szam{font-size:clamp(1.7rem,1.3rem + 1.2vw,2.5rem);line-height:1;font-weight:400} .nap--hetvege{background:rgba(10,24,28,.22)} .nap--hetvege+.nap--hetvege{border-radius:0 4px 4px 0} .nap--van{color:var(--arany)} .nap--van .nap__szam{font-weight:600} .nap--van::after{content:"";position:absolute;bottom:4px;width:8px;height:8px;border-radius:50%;background:var(--teal-vilagos);box-shadow:0 0 0 2px rgba(63,124,132,.25);transition:transform .3s var(--rugos),background-color .3s} .nap--elmult{opacity:.45} .nap--ma .nap__het{color:var(--arany);opacity:1;font-weight:600} .nap:hover{color:var(--krem-szoveg);background-color:rgba(255,255,255,.07)} .nap[aria-selected="true"]{background:var(--arany);color:#13292e} .nap[aria-selected="true"]::after{background:#13292e;transform:scale(1.15)} .nap[aria-selected="true"] .nap__het{opacity:1} .naptar__lista{margin-top:clamp(1.6rem,1rem + 2vw,2.6rem);min-height:120px} .naptar__napcim{display:flex;align-items:baseline;gap:.6rem;margin:0 0 1.1rem;font-family:var(--f-cim);font-style:italic;font-weight:700;font-size:clamp(1.5rem,1.2rem + 1vw,2rem)} .naptar__napcim small{font-family:var(--f-alap);font-style:normal;font-weight:500;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--arany)} .naptar__kartyak{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .naptar__ures{text-align:center;padding:1.4rem 0;color:var(--krem)} .naptar__ures .gomb{margin-top:.8rem} .naptar--toltes .naptar__lista{opacity:.4;transition:opacity .2s} /* Időpont-kártya */ .ip-kartya{display:flex;gap:18px;padding:14px;border-radius:var(--sugar);background:rgba(255,255,255,.05);border:1px solid rgba(226,211,182,.18);transition:transform var(--atmenet),border-color var(--atmenet),background-color var(--atmenet);animation:kartya-be .55s cubic-bezier(.2,.8,.2,1) both;min-width:0} .ip-kartya:hover{transform:translateY(-3px);border-color:rgba(191,153,98,.6);background:rgba(255,255,255,.08)} .ip-kartya__plakat{flex:0 0 clamp(96px,22%,132px);display:block} .ip-kartya__plakat .plakat{box-shadow:var(--arnyek-kicsi)} .ip-kartya__plakat .kor-jelveny{font-size:.72rem;top:6px;right:6px} .ip-kartya__tartalom{flex:1;min-width:0;display:flex;flex-direction:column} .ip-kartya__ido{display:flex;align-items:center;gap:.4em;margin:0 0 .25rem;color:var(--arany);font-size:1.05rem;text-transform:uppercase;letter-spacing:.03em} .ip-kartya__ido strong{font-weight:600;font-size:1.2rem} .ip-kartya__cim{margin:0;font-family:var(--f-cim);font-style:italic;font-weight:900;font-size:clamp(1.3rem,1.1rem + .6vw,1.65rem);line-height:1.15;overflow-wrap:anywhere} .ip-kartya__cim a{color:var(--krem-szoveg);text-decoration:none} .ip-kartya__cim a:hover{color:var(--arany-vilagos)} .ip-kartya__alcim{margin:.2rem 0 0;font-size:1rem;color:var(--krem);opacity:.85} .ip-kartya__ok{margin:.2rem 0 .4rem;font-size:.98rem;color:#f2b3a6} .ip-kartya__gombok{margin-top:auto;padding-top:.6rem} .ip-kartya__gombok .gomb{min-height:46px;font-size:1rem;padding:.55em 1.2em} .ip-kartya--elmarad .ip-kartya__cim a{text-decoration:line-through;text-decoration-color:rgba(242,179,166,.8);text-decoration-thickness:2px} .ip-kartya--elmarad .plakat{filter:grayscale(.85)} .ip-kartya--bemutato{border-color:rgba(191,153,98,.75);background:linear-gradient(135deg,rgba(191,153,98,.18),rgba(255,255,255,.04) 60%);box-shadow:0 0 0 1px rgba(191,153,98,.35),0 18px 40px -22px rgba(191,153,98,.9)} @keyframes kartya-be{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}} .naptar__kartyak>*:nth-child(2){animation-delay:.06s} .naptar__kartyak>*:nth-child(3){animation-delay:.12s} .naptar__kartyak>*:nth-child(4){animation-delay:.18s} .naptar__kartyak>*:nth-child(5){animation-delay:.24s} .naptar__kartyak>*:nth-child(n+6){animation-delay:.3s} /* Műsor oldal: világos háttéren */ .musor-oldal .naptar{color:var(--teal-sotet)} .musor-oldal .naptar__honap{border-color:var(--teal)} .musor-oldal .naptar__napsav{background:var(--teal-sotet);border-radius:var(--sugar);padding:0 4px;color:var(--krem-szoveg)} .musor-oldal .naptar__lepes:hover{background:rgba(44,94,101,.1)} .musor-oldal .ip-kartya{background:#fff;border-color:rgba(44,94,101,.14);box-shadow:var(--arnyek-kicsi)} .musor-oldal .ip-kartya:hover{border-color:var(--arany)} .musor-oldal .ip-kartya__cim a{color:var(--teal-sotet)} .musor-oldal .ip-kartya__cim a:hover{color:var(--arany-sotet)} .musor-oldal .ip-kartya__ido{color:var(--arany-sotet)} .musor-oldal .ip-kartya__alcim{color:var(--szoveg-halvany)} .musor-oldal .ip-kartya__ok{color:var(--piros)} .musor-oldal .ip-kartya--bemutato{background:linear-gradient(135deg,#fbf0dc,#fff 60%)} .musor-oldal .naptar__ures{color:var(--szoveg-halvany)} .napcsoport{margin-bottom:2.2rem;animation:kartya-be .5s both} .napcsoport__cim{display:flex;align-items:center;gap:14px;margin:0 0 1rem;padding-bottom:.6rem;border-bottom:1px solid rgba(44,94,101,.18)} .napcsoport__szam{display:grid;place-items:center;width:62px;height:62px;flex:none;border-radius:50%;background:var(--teal);color:var(--krem-szoveg);font-weight:600;font-size:1.8rem;line-height:1} .napcsoport--hetvege .napcsoport__szam{background:var(--arany);color:#13292e} .napcsoport__nev{font-family:var(--f-cim);font-style:italic;font-weight:900;font-size:clamp(1.4rem,1.2rem + .7vw,1.85rem);color:var(--teal-sotet);line-height:1.1} .napcsoport__nev small{display:block;font-family:var(--f-alap);font-style:normal;font-weight:500;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;color:var(--arany-sotet)} .napcsoport--ma .napcsoport__szam{box-shadow:0 0 0 4px rgba(191,153,98,.4)} /* Szűrők */ .szurok{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr) auto;gap:18px 22px;align-items:end;padding:22px 24px;margin-bottom:2.4rem;background:#fff;border-radius:10px;box-shadow:var(--arnyek-kicsi);border:1px solid rgba(44,94,101,.1)} .szurok-nyito{display:none;margin-bottom:14px} .szurok__mezo{min-width:0;border:0;margin:0;padding:0} .szurok__mezo>label,.szurok__mezo legend{display:block;font-weight:500;font-size:.92rem;text-transform:uppercase;letter-spacing:.05em;color:var(--teal);margin-bottom:6px;padding:0} .valaszto{position:relative} .valaszto::after{content:"";position:absolute;right:16px;top:50%;width:9px;height:9px;border-right:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:translateY(-70%) rotate(45deg);pointer-events:none} .valaszto select{width:100%;min-height:50px;padding:0 42px 0 14px;border:1.5px solid rgba(44,94,101,.35);border-radius:6px;background:var(--vilagos);appearance:none;-webkit-appearance:none;font-size:1.05rem;color:var(--szoveg)} .valaszto select:focus{border-color:var(--teal)} .chipek{display:flex;flex-wrap:wrap;gap:8px} .chipek--kozep{justify-content:center;margin-bottom:2.2rem} .chip{position:relative;display:inline-flex} .chip input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer} .chip span,.chip--gomb{display:inline-flex;align-items:center;gap:.4em;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid rgba(44,94,101,.35);background:var(--vilagos);font-weight:500;font-size:1rem;text-transform:uppercase;letter-spacing:.03em;color:var(--teal-sotet);transition:all .25s} .chip--gomb{cursor:pointer} .chip input:checked+span,.chip--gomb.aktiv{background:var(--teal);border-color:var(--teal);color:#fff} .chip--bemutato input:checked+span{background:var(--arany);border-color:var(--arany);color:#13292e} .chip input:focus-visible+span{outline:3px solid var(--arany);outline-offset:2px} .chip span:hover,.chip--gomb:hover{border-color:var(--teal)} .chip input:checked+span::before{content:"✓";font-weight:600} .szurok__kapcsolo{align-self:center} .szurok__torles{grid-column:1/-1;justify-self:end;color:var(--teal);font-size:.95rem;text-transform:uppercase;letter-spacing:.04em} .jelolo{display:flex;align-items:flex-start;gap:10px;cursor:pointer;line-height:1.4} .jelolo input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--arany)} .jelolo--kapcsolo{align-items:center;font-weight:500} .jelolo--kapcsolo input{appearance:none;-webkit-appearance:none;width:52px;height:30px;border-radius:999px;background:#c8d2d2;position:relative;transition:background-color .25s;margin:0;cursor:pointer} .jelolo--kapcsolo input::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.25);transition:transform .3s var(--rugos)} .jelolo--kapcsolo input:checked{background:var(--teal)} .jelolo--kapcsolo input:checked::after{transform:translateX(22px)} /* ========================================================================== Hírkártyák ========================================================================== */ .hir-kartya{display:flex;flex-direction:column;padding:20px;border:1px solid #cdb68e;background:transparent;transition:transform var(--atmenet),box-shadow var(--atmenet),background-color var(--atmenet);min-width:0} .hir-kartya:hover{transform:translateY(-6px);box-shadow:var(--arnyek);background:var(--bezs-vilagos)} .hir-kartya__kep{display:block;aspect-ratio:3/2;overflow:hidden;margin-bottom:16px} .hir-kartya__kep img,.hir-kartya__kep .kep-helyorzo{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)} .hir-kartya:hover .hir-kartya__kep img{transform:scale(1.07)} .hir-kartya__tartalom{display:flex;flex-direction:column;flex:1} .hir-kartya time{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--arany-sotet)} .hir-kartya h3{font-weight:600;font-size:1.3rem;line-height:1.25;margin:.25rem 0 .6rem;text-transform:uppercase;letter-spacing:.01em} .hir-kartya h3 a{color:var(--teal-sotet);text-decoration:none} .hir-kartya h3 a:hover{color:var(--arany-sotet)} .hir-kartya p{font-size:1.02rem;color:var(--szoveg-halvany);margin-bottom:.8rem} .hir-kartya .tovabb-link{margin-top:auto} .lapozo{margin-top:3rem;display:flex;justify-content:center} .lapozo .page-numbers{display:inline-grid;place-items:center;min-width:48px;height:48px;margin:0 3px;padding:0 10px;border-radius:50%;text-decoration:none;font-weight:600;font-size:1.15rem;color:var(--teal-sotet)} .lapozo .page-numbers.current{background:var(--teal);color:#fff} .lapozo a.page-numbers:hover{background:rgba(44,94,101,.12)} /* ========================================================================== Plakát-sáv (automatikusan, egyesével halad) ========================================================================== */ .szekcio--plakatok{overflow:hidden} .plakatsav{position:relative;padding:0 var(--oldal-padding)} .plakatsav__ablak{overflow:hidden;padding:20px 0 30px;-webkit-mask:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)} .plakatsav__sin{list-style:none;display:flex;gap:clamp(16px,2vw,30px);will-change:transform;transition:transform .9s cubic-bezier(.65,0,.25,1)} .plakatsav__elem{flex:0 0 clamp(190px,19vw,260px);transition:transform .5s var(--rugos)} .plakatsav__elem a{display:block;color:inherit;text-decoration:none} .plakatsav__elem:hover{transform:translateY(-10px) rotate(-1.2deg)} .plakatsav__elem:nth-child(even):hover{transform:translateY(-10px) rotate(1.2deg)} .plakatsav__nyil{position:absolute;top:50%;z-index:3;width:58px;height:58px;margin-top:-29px;border-radius:50%;border:0;background:var(--arany);color:#13292e;display:grid;place-items:center;box-shadow:var(--arnyek);transition:transform var(--atmenet),background-color var(--atmenet)} .plakatsav__nyil:hover{transform:scale(1.1);background:var(--arany-vilagos)} .plakatsav__nyil--bal{left:max(12px,calc(50% - 680px))} .plakatsav__nyil--jobb{right:max(12px,calc(50% - 680px))} .plakatsav__nyil .ikon{width:26px;height:26px} /* ========================================================================== Társulat ========================================================================== */ .tag-kartya{display:block;text-decoration:none;color:inherit;background:var(--teal);box-shadow:var(--arnyek-kicsi);transition:transform var(--atmenet),box-shadow var(--atmenet);overflow:hidden} .tag-kartya:hover{transform:translateY(-8px);box-shadow:var(--arnyek)} .tag-kartya__kep{aspect-ratio:1/1.14;overflow:hidden;background:#3b6aa0} .tag-kartya__kep img,.tag-kartya__kep .kep-helyorzo{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1)} .tag-kartya:hover .tag-kartya__kep img{transform:scale(1.06)} .tag-kartya__sav{padding:14px 12px 16px;text-align:center} .tag-kartya__sav h3{margin:0;font-weight:600;font-size:clamp(1.2rem,1.05rem + .45vw,1.55rem);line-height:1.15;text-transform:uppercase;color:var(--arany);letter-spacing:.01em} .tag-kartya__sav p{margin:.2rem 0 0;font-weight:500;font-size:1rem;text-transform:uppercase;color:var(--krem-szoveg);letter-spacing:.02em} .tagsav{display:flex;align-items:center;gap:clamp(8px,2vw,26px)} .tagsav__ablak{flex:1;min-width:0;overflow:hidden;padding:10px 0 18px} .tagsav__sin{list-style:none;display:flex;gap:clamp(14px,1.6vw,22px);transition:transform .7s cubic-bezier(.65,0,.25,1)} .tagsav__elem{flex:0 0 calc((100% - 3 * clamp(14px,1.6vw,22px)) / 4)} .kor-nyil{flex:none;width:clamp(48px,5vw,82px);height:clamp(48px,5vw,82px);border-radius:50%;border:0;background:var(--teal);color:var(--arany);display:grid;place-items:center;box-shadow:var(--arnyek-kicsi);transition:transform var(--atmenet),background-color var(--atmenet)} .kor-nyil .ikon{width:44%;height:44%} .kor-nyil:hover{transform:scale(1.08);background:var(--teal-sotet)} .kor-nyil[disabled]{opacity:.35;transform:none;cursor:default} .tarsulat-csoport+.tarsulat-csoport{margin-top:3rem} .tarsulat-csoport .cim-l{margin-top:0} .munkatars-racs{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:start} .munkatars-racs__szoveg .szoveg{font-size:1.2rem} /* ========================================================================== Partnerek – végtelen, nyíl nélküli futó sáv ========================================================================== */ .partnerek{position:relative;background:var(--vilagos);padding:clamp(2.2rem,1.6rem + 2vw,3.6rem) 0} .partnerek__sav{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)} .partnerek__sin{list-style:none;display:flex;align-items:center;gap:clamp(40px,6vw,90px);width:max-content;animation:futosav 40s linear infinite} .partnerek__sav:hover .partnerek__sin{animation-play-state:paused} .partnerek__elem{flex:none;height:clamp(64px,7vw,110px);display:flex;align-items:center} .partnerek__elem img{height:100%;width:auto;max-width:280px;object-fit:contain;filter:saturate(.9);transition:transform .4s var(--rugos),filter .3s} .partnerek__elem .kep-helyorzo{width:220px;height:100%;min-height:0} .partnerek__elem a:hover img,.partnerek__elem img:hover{transform:scale(1.08);filter:saturate(1.1)} @keyframes futosav{to{transform:translateX(calc(-50% - clamp(20px,3vw,45px)))}} /* ========================================================================== Bábszínházunk blokk, keretes kép ========================================================================== */ .bemutato-blokk__racs{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,110px);align-items:center} .bemutato-blokk__szoveg{text-align:center} .bemutato-blokk__szoveg p{font-size:clamp(1.08rem,1rem + .3vw,1.3rem);line-height:1.75;color:var(--krem-szoveg);margin-bottom:2rem} .bemutato-blokk__racs--vilagos{align-items:start} .bemutato-blokk__racs--vilagos .szoveg{font-size:1.2rem} .keretes-kep{margin:0;padding:clamp(10px,1.4vw,20px);background:var(--vilagos);box-shadow:0 30px 60px -25px rgba(0,0,0,.6);transform:rotate(-1.5deg);transition:transform .6s var(--rugos)} .keretes-kep:hover{transform:rotate(0) scale(1.01)} .keretes-kep img,.keretes-kep .kep-helyorzo{width:100%;aspect-ratio:3/4;object-fit:cover} .keretes-kep--vilagos{background:#fff;box-shadow:var(--arnyek)} .hir-kep{transform:none;margin-bottom:2rem} .hir-kep img,.hir-kep .kep-helyorzo{aspect-ratio:16/9} /* ========================================================================== Előadás oldal ========================================================================== */ .eloadas-fej{position:relative;background:var(--teal-sotet);color:var(--krem-szoveg);padding:clamp(2.6rem,2rem + 3vw,5rem) 0 clamp(4rem,3rem + 4vw,6.5rem);overflow:hidden;isolation:isolate} .eloadas-fej__hatter{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(36px) saturate(1.2);opacity:.35;z-index:-1;transform:scale(1.1)} .eloadas-fej::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,59,66,.3),rgba(26,59,66,.85));z-index:-1} .eloadas-fej__racs{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,72px);align-items:center} .eloadas-fej__plakat .plakat{box-shadow:0 40px 70px -30px rgba(0,0,0,.8);transform:rotate(-2deg);transition:transform .6s var(--rugos)} .eloadas-fej__plakat .plakat:hover{transform:rotate(0) scale(1.02)} .eloadas-fej__plakat .kor-jelveny{font-size:1.1rem;top:14px;right:14px} .eloadas-fej .cim-xl{color:#fff;margin-top:.4rem} .eloadas-fej .alcim{color:var(--arany-vilagos)} .eloadas-fej .morzsa{margin-bottom:1rem} .adatsor{display:flex;flex-wrap:wrap;gap:12px 34px;margin:1.6rem 0 0} .adatsor>div{min-width:0} .adatsor dt{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--arany)} .adatsor dd{margin:0;font-size:1.25rem;font-weight:500;display:flex;align-items:center;gap:.5em} .adatsor .kor-jelveny{font-size:.75rem;box-shadow:none} .idopont-lista{list-style:none;display:grid;gap:12px} .idopont-sor{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:16px 20px;background:#fff;border-radius:10px;box-shadow:var(--arnyek-kicsi);border-left:5px solid var(--teal);transition:transform var(--atmenet)} .idopont-sor:hover{transform:translateX(4px)} .idopont-sor--elmarad{border-left-color:var(--piros);opacity:.85} .idopont-sor__datum{display:grid;justify-items:center;width:72px;line-height:1} .idopont-sor__nap{font-size:2.3rem;font-weight:600;color:var(--teal)} .idopont-sor__ho{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--arany-sotet)} .idopont-sor__napnev{margin:0;font-size:1.15rem;text-transform:capitalize} .idopont-sor__napnev strong{font-weight:600} .idopont-sor__ok{margin:.1rem 0 0;color:var(--piros);font-size:.98rem} .idopont-sor .cimkek{margin:.3rem 0 0} .eloadas-tartalom{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(28px,4vw,60px);align-items:start} .eloadas-tartalom__fo>.cim-l:first-child{margin-top:0} .eloadas-tartalom__oldal{display:grid;gap:20px;position:sticky;top:calc(var(--fejlec-mag) + 20px)} .doboz{padding:22px;background:#fff;border-radius:10px;box-shadow:var(--arnyek-kicsi);border-top:4px solid var(--teal)} .doboz--arany{border-top-color:var(--arany);background:linear-gradient(180deg,#fff7ea,#fff)} .doboz__cim{font-weight:600;font-size:1.15rem;text-transform:uppercase;letter-spacing:.04em;color:var(--teal);margin:0 0 .9rem} .alkotok{margin:0;display:grid;gap:8px} .alkotok>div{display:grid;gap:0;padding-bottom:8px;border-bottom:1px dashed rgba(44,94,101,.18)} .alkotok>div:last-child{border-bottom:0} .alkotok dt{font-size:.88rem;color:var(--szoveg-halvany);text-transform:uppercase;letter-spacing:.03em} .alkotok dd{margin:0;font-weight:500;font-size:1.06rem} .szereplok{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px} .szereplok a{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit;padding:14px 10px;border-radius:10px;transition:background-color .25s,transform var(--atmenet)} .szereplok a:hover{background:var(--bezs);transform:translateY(-4px)} .szereplok__kep{width:104px;height:104px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 4px var(--arany),var(--arnyek-kicsi);margin-bottom:10px} .szereplok__kep img,.szereplok__kep .kep-helyorzo{width:100%;height:100%;object-fit:cover;min-height:0;font-size:.55rem} .szereplok__nev{font-weight:600;font-size:1.1rem;line-height:1.2;color:var(--teal-sotet);text-transform:uppercase} .szereplok__szerep{font-size:.92rem;color:var(--szoveg-halvany)} .galeria{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .galeria li{min-width:0} .galeria a{position:relative;display:block;overflow:hidden;border-radius:6px;aspect-ratio:3/2} .galeria img,.galeria .kep-helyorzo{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)} .galeria li>.kep-helyorzo{aspect-ratio:3/2} .galeria a:hover img{transform:scale(1.08)} .galeria__nagyito{position:absolute;inset:0;display:grid;place-items:center;background:rgba(10,24,28,.45);color:#fff;opacity:0;transition:opacity .3s} .galeria__nagyito .ikon{width:40px;height:40px;transform:scale(.6);transition:transform .4s var(--rugos)} .galeria a:hover .galeria__nagyito,.galeria a:focus-visible .galeria__nagyito{opacity:1} .galeria a:hover .galeria__nagyito .ikon,.galeria a:focus-visible .galeria__nagyito .ikon{transform:scale(1)} /* Előadás-kártya (rácsok) */ .racs--plakat{grid-template-columns:repeat(4,minmax(0,1fr))} .eloadas-kartya{display:block;text-decoration:none;color:inherit} .eloadas-kartya .plakat{transition:transform .5s var(--rugos),box-shadow .4s} .eloadas-kartya:hover .plakat{transform:translateY(-8px) rotate(-1deg);box-shadow:0 30px 50px -24px rgba(0,0,0,.55)} .eloadas-kartya__szoveg{padding:14px 2px 0} .eloadas-kartya h3{font-family:var(--f-cim);font-style:italic;font-weight:900;font-size:1.35rem;line-height:1.15;margin:0;color:var(--teal-sotet);transition:color .25s} .eloadas-kartya:hover h3{color:var(--arany-sotet)} .eloadas-kartya p{margin:.25rem 0 0;font-size:.98rem;color:var(--szoveg-halvany)} .szekcio--sotet .eloadas-kartya h3{color:var(--krem-szoveg)} .szekcio--sotet .eloadas-kartya:hover h3{color:var(--arany-vilagos)} .szekcio--sotet .eloadas-kartya p{color:var(--krem)} .eloadas-kartya.rejtve{display:none} /* Oktatási anyagok */ .pdf-lista{list-style:none;display:grid;gap:14px} .pdf-lista__elem{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px 16px;background:#fff;border-radius:10px;box-shadow:var(--arnyek-kicsi)} .pdf-lista__plakat .plakat{box-shadow:none} .pdf-lista__plakat .kor-jelveny{display:none} .pdf-lista h2{font-family:var(--f-cim);font-style:italic;font-weight:900;font-size:1.35rem;margin:0} .pdf-lista h2 a{text-decoration:none;color:var(--teal-sotet)} .pdf-lista p{margin:0;color:var(--szoveg-halvany)} /* Kapcsolat */ .elerhetoseg{padding:28px 24px;background:#fff;border-radius:10px;box-shadow:var(--arnyek-kicsi);text-align:center;border-top:4px solid var(--arany)} .elerhetoseg>.ikon{width:40px;height:40px;margin:0 auto 10px;color:var(--teal)} .elerhetoseg h2{font-weight:600;font-size:1.25rem;text-transform:uppercase;letter-spacing:.04em;color:var(--teal);margin-bottom:.5rem} .elerhetoseg p{margin:0 0 .4rem;font-size:1.12rem} .elerhetoseg a{text-decoration:none;font-weight:500} .kapcsolat-lista{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-bottom:3rem} .kapcsolat-lista li{padding:18px 20px;background:#fff;border-radius:10px;border-left:4px solid var(--teal);box-shadow:var(--arnyek-kicsi);display:flex;flex-direction:column;gap:4px;min-width:0} .kapcsolat-lista__nev{margin:0;font-weight:600;font-size:1.2rem;text-transform:uppercase;color:var(--teal-sotet)} .kapcsolat-lista__szerep{margin:0 0 6px;color:var(--arany-sotet);font-size:.98rem;text-transform:uppercase;letter-spacing:.03em} .kapcsolat-lista a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;overflow-wrap:anywhere} .terkep{position:relative;margin-top:3rem;aspect-ratio:16/7;border-radius:12px;overflow:hidden;background:var(--teal-sotet);box-shadow:var(--arnyek)} .terkep iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .terkep__helyorzo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;color:var(--krem-szoveg);background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.08),transparent 60%)} .terkep__helyorzo>.ikon{width:48px;height:48px;color:var(--arany);animation:lebeg-kicsi 2.4s ease-in-out infinite} .terkep__helyorzo p{max-width:46ch;margin:0} @keyframes lebeg-kicsi{50%{transform:translateY(-8px)}} /* 404 */ .hiba-doboz{text-align:center} .hiba-doboz__kez{width:120px;margin:0 auto 1rem;color:var(--arany);animation:kez-integet 2.2s ease-in-out infinite} .hiba-doboz p{font-size:1.3rem} .talalatok{list-style:none;display:grid;gap:10px} .talalatok a{display:block;padding:14px 18px;background:#fff;border-radius:8px;box-shadow:var(--arnyek-kicsi);font-size:1.15rem;text-decoration:none} /* ========================================================================== Lábléc ========================================================================== */ .lablec{position:relative;background:var(--teal-sotet);color:var(--krem-szoveg);overflow:hidden;isolation:isolate} .lablec__vizjel{position:absolute;left:-6%;bottom:-18%;width:min(620px,60vw);color:#1a3d44;z-index:-1;opacity:.75;transform:rotate(-8deg)} .lablec__vizjel svg{width:100%;height:auto} .lablec__racs{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.35fr) minmax(0,1fr) minmax(0,1.35fr);gap:clamp(26px,3vw,54px);padding-top:clamp(3.5rem,3rem + 3vw,6rem);padding-bottom:clamp(3rem,2.5rem + 3vw,5.5rem);align-items:start} .lablec__logo a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--arany)} .lablec__kez{width:76px;height:auto;color:var(--krem)} .lablec__anno{display:flex;justify-content:space-between;width:100%;max-width:210px;margin-top:-2px;font-size:.78rem;font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--krem)} .lablec__nev{font-weight:600;font-size:clamp(3rem,2.2rem + 2.6vw,4.7rem);line-height:.95;letter-spacing:.01em;text-transform:uppercase} .lablec__tipus{font-weight:600;font-size:clamp(1.2rem,1rem + .7vw,1.7rem);letter-spacing:.42em;text-transform:uppercase;color:var(--krem);margin-right:-.42em} .lablec__varos{font-weight:500;font-size:.85rem;letter-spacing:.3em;text-transform:uppercase;margin-top:.5rem;margin-right:-.3em} .lablec__oszlop{text-align:center;min-width:0} .lablec__cim{font-weight:500;font-size:clamp(1.6rem,1.3rem + .9vw,2.15rem);line-height:1.1;text-transform:uppercase;color:var(--arany);margin:0 0 1rem} .lablec__cim+p{margin-top:0} .lablec__oszlop p{font-weight:500;font-size:1.1rem;text-transform:uppercase;letter-spacing:.01em;margin:0 0 1.4rem} .lablec__nagy{font-weight:600!important} .lablec__linkek{list-style:none;display:grid;gap:12px;margin-bottom:1.6rem} .lablec__linkek a,.lablec__linkek .link-gomb{color:var(--krem-szoveg);text-decoration:none;font-weight:500;font-size:1.1rem;text-transform:uppercase;letter-spacing:.01em;transition:color .2s} .lablec__linkek a:hover,.lablec__linkek .link-gomb:hover{color:var(--arany-vilagos)} .kozossegi{display:flex;justify-content:center;gap:10px} .kozossegi a{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:1.5px solid var(--krem);color:var(--krem-szoveg);transition:background-color .25s,color .25s,transform .4s var(--rugos)} .kozossegi a:hover{background:var(--arany);border-color:var(--arany);color:#13292e;transform:translateY(-4px) rotate(-8deg)} .lablec__hirlevel{text-align:left} .lablec__hirlevel p{text-transform:none;font-size:1.18rem;line-height:1.45} .lablec__cim--nagy{text-transform:none;font-size:clamp(2rem,1.6rem + 1.2vw,2.7rem)} .hirlevel-urlap{display:grid;gap:16px} .hirlevel-urlap input[type=email]{width:100%;min-height:58px;padding:0 16px;background:transparent;border:1.5px solid var(--krem);color:var(--krem-szoveg);font-size:1.15rem;border-radius:0} .hirlevel-urlap input[type=email]::placeholder{color:rgba(241,231,213,.75)} .hirlevel-urlap input[type=email]:focus{border-color:var(--arany);outline:none;box-shadow:0 0 0 3px rgba(191,153,98,.35)} .hirlevel-urlap .jelolo{font-size:1rem} .hirlevel-urlap .jelolo a{color:var(--krem-szoveg)} .rejtett-mezo{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden} .urlap-uzenet{margin:0;font-size:1rem!important;min-height:1em} .urlap-uzenet--ok{color:#bfe3c6} .urlap-uzenet--hiba{color:#f6b8ab} .lablec__also{background:#1a3b42;padding:20px 0} .lablec__also p{margin:0;text-align:center;font-weight:500;font-size:1.02rem;letter-spacing:.03em;text-transform:uppercase;color:var(--arany)} /* ========================================================================== Felugrók: modal, lightbox, süti, akadálymentesítés ========================================================================== */ .modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px} .modal__hatter{position:absolute;inset:0;background:rgba(8,22,26,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:halvanyit .3s both} .modal__doboz{position:relative;width:100%;max-width:560px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding:clamp(24px,4vw,40px);background:var(--teal-sotet);color:var(--krem-szoveg);border-radius:14px;border-top:5px solid var(--arany);box-shadow:0 40px 80px -30px rgba(0,0,0,.7);animation:modal-be .5s var(--rugos) both} .modal--elmarad .modal__doboz{max-width:760px;border-top-color:var(--piros)} .modal__zar{position:absolute;top:10px;right:10px;color:var(--krem-szoveg)} .modal__zar:hover{background:rgba(255,255,255,.1)} .modal__cim{font-family:var(--f-cim);font-style:italic;font-weight:900;font-size:clamp(1.6rem,1.3rem + 1vw,2.2rem);margin:.6rem 0 1rem;padding-right:30px} .modal__alcim{font-weight:600;font-size:1.05rem;text-transform:uppercase;letter-spacing:.04em;color:var(--arany);margin:1.4rem 0 .4rem} .modal__szoveg p{font-size:1.12rem} .modal__elerhetoseg{list-style:none;display:grid;gap:10px;padding:16px;border-radius:10px;background:rgba(255,255,255,.06)} .modal__elerhetoseg li{display:flex;align-items:center;gap:10px;min-width:0} .modal__elerhetoseg a{color:var(--krem-szoveg);font-weight:500;font-size:1.15rem;text-decoration:none;overflow-wrap:anywhere} .modal__elerhetoseg .ikon{color:var(--arany)} .modal__kartyak{display:grid;gap:12px} .modal__megj{margin:1.2rem 0 0;font-size:1rem;color:var(--krem)} .modal__megj a{color:var(--krem-szoveg)} @keyframes halvanyit{from{opacity:0}} @keyframes modal-be{from{opacity:0;transform:translateY(30px) scale(.94)}} .lightbox{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;background:rgba(6,16,19,.94);padding:60px 70px;animation:halvanyit .25s both} .lightbox__kep{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center} .lightbox__kep img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;border-radius:4px;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:modal-be .4s ease both} .lightbox__kep figcaption{color:var(--krem);margin-top:10px;font-size:.95rem} .lightbox__zar{position:absolute;top:12px;right:12px;color:#fff} .lightbox__zar:hover{background:rgba(255,255,255,.12)} .lightbox__nyil{position:absolute;top:50%;margin-top:-28px;width:56px;height:56px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center} .lightbox__nyil:hover{background:rgba(255,255,255,.22)} .lightbox__nyil .ikon{width:30px;height:30px} .lightbox__nyil--bal{left:10px} .lightbox__nyil--jobb{right:10px} .suti{position:fixed;left:16px;bottom:16px;z-index:150;width:min(600px,calc(100vw - 32px));background:var(--vilagos);color:var(--szoveg);border-radius:14px;box-shadow:0 30px 70px -20px rgba(0,0,0,.55);border-top:5px solid var(--arany);animation:suti-be .7s var(--rugos) .6s both} .suti__belso{padding:22px 24px} .suti h2{display:flex;align-items:center;gap:10px;font-weight:600;font-size:1.3rem;text-transform:uppercase;letter-spacing:.03em;color:var(--teal-sotet);margin:0 0 .5rem} .suti h2 .ikon{width:30px;height:30px;color:var(--arany-sotet);animation:kez-integet 1.4s ease-in-out 1.2s} .suti p{font-size:1.02rem;line-height:1.5;margin:0 0 1rem} .suti__reszletek{display:grid;gap:10px;margin-bottom:1rem;padding:14px;border-radius:8px;background:var(--bezs)} .suti__gombok{display:flex;flex-wrap:wrap;gap:10px;align-items:center} .suti__gombok .gomb{min-height:48px;padding:.5em 1.3em;font-size:1rem} .suti .gomb--korvonal{--gomb-szin:var(--teal-sotet);--gomb-keret:var(--teal)} .suti .link-gomb{color:var(--teal);font-weight:500;text-transform:uppercase;letter-spacing:.03em;padding:8px} @keyframes suti-be{from{opacity:0;transform:translateY(120%)}} .a11y-nyito{position:fixed;right:0;top:42%;z-index:160;width:64px;height:68px;display:grid;place-items:center;border:0;border-radius:8px 0 0 8px;background:var(--teal);color:#fff;box-shadow:var(--arnyek-kicsi);transition:width .3s,background-color .3s} .a11y-nyito .ikon{width:38px;height:38px} .a11y-nyito:hover,.a11y-nyito[aria-expanded="true"]{width:72px;background:var(--teal-melyebb)} .a11y-panel{position:fixed;right:76px;top:max(16px,calc(42% - 180px));z-index:161;width:min(330px,calc(100vw - 96px));max-height:calc(100vh - 32px);overflow-y:auto;padding:18px;background:#fff;color:var(--szoveg);border-radius:14px;box-shadow:0 30px 70px -20px rgba(0,0,0,.55);animation:a11y-be .35s var(--rugos) both} @keyframes a11y-be{from{opacity:0;transform:translateX(20px) scale(.96)}} .a11y-panel__fej{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px} .a11y-panel h2{margin:0;font-weight:600;font-size:1.2rem;text-transform:uppercase;letter-spacing:.04em;color:var(--teal-sotet)} .a11y-panel__meret{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;border-radius:10px;background:var(--bezs);margin-bottom:10px} .a11y-panel__meret button{width:56px;height:44px;border:0;border-radius:8px;background:var(--teal);color:#fff;font-weight:600;font-size:1.1rem} .a11y-panel__meret span{font-weight:600;font-size:1.1rem} .a11y-panel__lista{list-style:none;display:grid;gap:4px;margin-bottom:12px} .a11y-panel__lista button{width:100%;display:flex;align-items:center;gap:12px;padding:10px 8px;border:0;border-radius:8px;background:transparent;font-size:1.05rem;text-align:left} .a11y-panel__lista button:hover{background:var(--bezs)} .kapcsolo{flex:none;width:44px;height:26px;border-radius:999px;background:#c8d2d2;position:relative;transition:background-color .25s} .kapcsolo::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .3s var(--rugos)} [aria-checked="true"] .kapcsolo{background:var(--teal)} [aria-checked="true"] .kapcsolo::after{transform:translateX(18px)} .a11y-panel .gomb--masodlagos{min-height:46px;font-size:1rem} .a11y-panel__lab{margin:10px 0 0;text-align:center;font-size:.95rem} /* ========================================================================== Méretek az élő ciroka.hu mérései alapján (1440 px széles nézetben mérve) cím 46px Playfair 900 · alcím 14px · gomb 14px, 52px magas · menü 16px fejléc 99px · hero 671px, cím 50px · törzsszöveg 16px/26px ========================================================================== */ body{font-size:1rem;line-height:1.5} .cim-xl{font-size:clamp(2rem,1.55rem + 1.5vw,2.875rem);line-height:1.05;margin-bottom:.15em} .cim-l{font-size:clamp(1.5rem,1.3rem + .8vw,2rem);margin:2rem 0 1rem} .alcim{font-size:.875rem;font-weight:500;letter-spacing:0;margin-top:.55rem} .alcim--nagy{font-size:1.125rem} .szekciocim{margin-bottom:clamp(1.5rem,1.2rem + 1vw,2.25rem)} .szekcio{padding:clamp(2.75rem,2.2rem + 2vw,4.25rem) 0} .szekcio--szoros{padding-top:clamp(2rem,1.6rem + 1.5vw,3rem)} .szekcio--sotet .cim-xl{color:var(--krem)} .szoveg{font-size:1rem;line-height:1.625} .szoveg h2{font-size:clamp(1.4rem,1.2rem + .7vw,1.75rem)} .szoveg h3{font-size:1.125rem} .gombsor{margin-top:1.75rem;gap:12px} .gomb{min-height:52px;padding:0 30px;font-size:.875rem;font-weight:500;border-width:1px;letter-spacing:0;gap:.45em} .gomb .ikon{width:1.05em;height:1.05em} .gomb--korvonal{--gomb-szin:var(--krem);--gomb-keret:var(--arany)} .gomb--korvonal-sotet{--gomb-szin:var(--teal);--gomb-keret:var(--arany-sotet)} .gomb--korvonal-arany{--gomb-szin:var(--teal);--gomb-keret:var(--arany-sotet)} .gomb--arany{--gomb-hatter:var(--arany);--gomb-keret:var(--arany);--gomb-szin:var(--teal)} .gomb--elsodleges{--gomb-hatter:var(--jegy-gomb);--gomb-keret:var(--jegy-gomb);--gomb-szin:#fff;text-transform:none;font-size:1.0625rem;font-weight:400;min-height:44px;padding:0 18px} .gomb--masodlagos{text-transform:none;font-size:1.0625rem;font-weight:400;min-height:44px;padding:0 18px} .gomb--letiltva{text-transform:none;font-size:1rem;font-weight:400;min-height:44px;padding:0 16px} .link-gomb{font-size:inherit} .cimke{font-size:.72rem;padding:.12em .6em} .cimke--bemutato{font-size:.75rem;padding:.16em .7em} .cimke--nagy{font-size:.85rem} .kor-jelveny{font-size:.75rem;min-width:2.9em;height:2.9em;box-shadow:0 0 0 2px rgba(255,255,255,.85),var(--arnyek-kicsi)} /* Fejléc */ .fejlec .kontener{max-width:calc(1140px + 2 * var(--oldal-padding))} .fejlec__belso{gap:clamp(14px,1.8vw,28px)} .fejlec__logo img{width:123px} .fejlec.gorgetett .fejlec__belso{height:74px} .fomenu__elem+.fomenu__elem::before{height:20px;background:rgba(240,232,221,.45)} .fomenu__elem>a{font-size:1rem;font-weight:500;padding:10px 12px;letter-spacing:0} .fomenu__elem>a::after{left:12px;right:12px;bottom:6px} .almenu-gomb{padding:6px 8px 6px 0} .almenu-gomb .ikon{width:16px;height:16px} .almenu{min-width:210px} .almenu a{font-size:.9375rem;padding:9px 20px} .fomenu__gombok{gap:clamp(14px,1.8vw,26px)} .gomb-talalkozo{min-height:39px;padding:0 20px;font-size:.9375rem;font-weight:700;letter-spacing:0;border:2px dotted var(--arany);outline:0;background:var(--teal-melyebb);color:var(--krem)} .gomb-jegy{min-height:65px;padding:0 56px 0 35px;font-size:.9375rem;font-weight:700;letter-spacing:0;background:#ab8951;color:var(--krem-szoveg);-webkit-mask:radial-gradient(circle at 0 50%,transparent 9px,#000 9.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 9px,#000 9.5px) right/51% 100% no-repeat;mask:radial-gradient(circle at 0 50%,transparent 9px,#000 9.5px) left/51% 100% no-repeat,radial-gradient(circle at 100% 50%,transparent 9px,#000 9.5px) right/51% 100% no-repeat} .gomb-jegy::after{right:28px;top:5px;bottom:5px;border-right:3px dotted var(--teal-melyebb)} .gomb-jegy:hover{background:var(--arany);color:var(--krem-szoveg)} .fejlec.gorgetett .gomb-jegy{min-height:56px} /* Belső oldalfej */ .oldalfej{padding:clamp(2.25rem,1.8rem + 2vw,3.5rem) 0 clamp(3rem,2.5rem + 2vw,4.25rem)} .morzsa ol{font-size:.8125rem} /* Hero */ .hero{height:clamp(420px,46.6vw,671px)} .hero__szoveg{bottom:clamp(44px,5vw,64px)} .hero__cim{font-size:clamp(2rem,1.3rem + 2.4vw,3.125rem);line-height:1.08;margin-bottom:.15em} .hero__leiras{font-size:clamp(1.05rem,.85rem + .8vw,1.5rem);line-height:1.4;margin-bottom:0} .hero__gomb{display:none} .hero__nyil{width:48px;height:48px;margin-top:-24px;background:transparent} .hero__nyil .ikon{width:30px;height:30px} .hero__nyil:hover{background:rgba(8,52,55,.45)} .hero__pontok{bottom:clamp(22px,3vw,40px)} .hero__pontok button{width:22px;height:24px} .hero__pontok span{width:8px;height:8px} .hero__pontok [aria-current="true"] span{width:22px} .hero__szunet{width:30px;height:30px;bottom:clamp(20px,3vw,38px)} /* Naptár-sáv – az eredeti MEC napi nézet arányai */ .naptar__honap{gap:clamp(24px,22vw,290px);padding-bottom:8px;border-bottom:1px solid rgba(240,232,221,.6);margin-bottom:0} .naptar__honapnev{font-size:1.125rem;font-weight:700;letter-spacing:1px;color:#fff} .naptar__lepes,.naptar__gorget{width:36px;height:36px;color:var(--krem-szoveg)} .naptar__lepes .ikon,.naptar__gorget .ikon{width:20px;height:20px} .naptar__gorget{color:var(--arany);opacity:1} .naptar__napsav{align-items:center} .naptar__napok{padding:0} .nap{flex:0 0 47px;min-width:47px;height:59px;padding:0 0 10px;gap:0;justify-content:flex-start;border-radius:0;color:var(--arany)} .nap__het{display:none} .nap__szam{font-size:1.5625rem;line-height:49px;font-weight:300} .nap--hetvege{background:var(--hetvege)} .nap--hetvege+.nap--hetvege{border-radius:0} .nap--van{color:var(--arany)} .nap--van .nap__szam{font-weight:700} .nap--van::after{bottom:10px;width:8px;height:8px;background:var(--arany);box-shadow:none} /* Csak bérletes előadás aznap: halványabb pötty és szám */ .nap--berletes::after{background:rgba(183,144,98,.32)} .nap--berletes .nap__szam{font-weight:500;opacity:.75} .naptar__jelek{display:flex;justify-content:center;gap:18px;margin:8px 0 0;font-size:12px;letter-spacing:.5px;color:var(--krem-szoveg);opacity:.75} .naptar__jel{display:inline-flex;align-items:center;gap:6px} .naptar__jel::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--arany)} .naptar__jel--berletes::before{background:rgba(183,144,98,.32)} .nap--elmult{opacity:1} .nap:hover{background-color:rgba(240,232,221,.07);color:var(--arany-vilagos)} .nap[aria-selected="true"]{background:transparent;color:var(--krem-szoveg)} .nap[aria-selected="true"] .nap__szam{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;text-decoration-color:var(--arany)} .nap[aria-selected="true"]::after{background:var(--arany);transform:none} .nap--ma .nap__szam{color:var(--krem-szoveg)} .naptar__lista{margin-top:1.5rem;min-height:0} .naptar__napcim{font-size:1.25rem;margin-bottom:.4rem;color:var(--krem)} .naptar__napcim small{font-size:.8125rem} .naptar__kartyak{display:block} .naptar__ures{padding:.6rem 0 0;font-size:1rem} .naptar__ures .gomb{margin-top:.6rem} /* Időpont-sor (az eredeti műsorlista elrendezése: plakát · cím/címke/dátum · gomb) */ .ip-kartya{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;padding:16px 0;background:transparent;border:0;border-bottom:1px solid rgba(240,232,221,.16);border-radius:0;animation:kartya-be .45s cubic-bezier(.2,.8,.2,1) both} .ip-kartya:hover{transform:none;background:rgba(240,232,221,.04);border-color:rgba(240,232,221,.16)} .ip-kartya:last-child{border-bottom:0} .ip-kartya__plakat{width:100px} .ip-kartya__plakat .plakat{border-radius:0} .ip-kartya__tartalom{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;align-items:center} .ip-kartya__tartalom>*{grid-column:1} .ip-kartya__cim{order:1;font-family:var(--f-alap);font-style:normal;font-weight:500;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);line-height:1.25} .ip-kartya__alcim{order:2;font-size:.9375rem;margin-top:.1rem} .cimkek{order:3;margin:.4rem 0 .2rem} .ip-kartya__ok{order:4} .ip-kartya__ido{order:5;margin:.3rem 0 0;font-size:clamp(1.05rem,.95rem + .4vw,1.25rem);text-transform:none;letter-spacing:0;color:var(--arany)} .ip-kartya__ido .ikon{display:none} .ip-kartya__ido strong{font-size:inherit;font-weight:400} .ip-kartya__gombok{grid-column:2;grid-row:1 / span 8;margin:0;padding:0;align-self:center} .ip-kartya__gombok .gomb{min-height:42px;padding:0 16px;font-size:1.0625rem} .ip-kartya--bemutato{background:linear-gradient(90deg,rgba(183,144,98,.16),transparent 70%);box-shadow:inset 3px 0 0 var(--arany);padding-left:12px} .modal .ip-kartya{padding:12px 0} .musor-oldal .ip-kartya{background:transparent;box-shadow:none;border-color:#e6dccf} .musor-oldal .ip-kartya:hover{background:#fffaf3} .musor-oldal .ip-kartya__plakat{width:125px} .musor-oldal .ip-kartya__cim{font-size:clamp(1.35rem,1.1rem + .8vw,1.75rem)} .musor-oldal .ip-kartya__cim a{color:var(--teal-melyebb)} .musor-oldal .ip-kartya__ido{font-size:clamp(1.1rem,1rem + .5vw,1.5rem);color:var(--arany-sotet)} .musor-oldal .ip-kartya--bemutato{background:linear-gradient(90deg,#fbefdc,transparent 70%)} .honap-elvalaszto{display:flex;align-items:center;gap:18px;margin:1.6rem 0 .4rem;font-family:var(--f-alap);font-weight:700;font-size:1.125rem;text-transform:uppercase;letter-spacing:1px;color:var(--teal-melyebb)} .honap-elvalaszto::before,.honap-elvalaszto::after{content:"";flex:1;height:2px;background:#e9e0d3} /* Műsor szűrő – az eredeti keretes szűrődoboz */ .szurok{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr) auto;gap:14px 18px;padding:18px 20px;margin-bottom:1.6rem;background:transparent;border:1px solid #e6dccf;border-radius:0;box-shadow:none} .szurok__mezo>label,.szurok__mezo legend{font-size:.75rem;margin-bottom:4px} .valaszto select{min-height:38px;font-size:.875rem;border-width:1px;border-radius:0;background:#fff;padding:0 36px 0 10px} .valaszto::after{width:7px;height:7px;right:12px} .chip span,.chip--gomb{min-height:34px;padding:0 12px;font-size:.8125rem;border-width:1px} .chipek--kozep{margin-bottom:1.6rem} .jelolo--kapcsolo{font-size:.875rem} .jelolo--kapcsolo input{width:44px;height:26px} .jelolo--kapcsolo input::after{width:20px;height:20px} .jelolo--kapcsolo input:checked::after{transform:translateX(18px)} .szurok__torles{font-size:.8125rem} .musor-oldal .naptar__napsav{border-radius:0;padding:0 2px} .musor-oldal .naptar__honap{border-color:var(--teal)} .musor-oldal .naptar__honapnev{color:var(--teal-melyebb)} .musor-oldal .naptar__lepes{color:var(--teal)} /* Hírkártyák */ .hir-kartya{padding:15px;border:1px solid var(--arany)} .hir-kartya__kep{margin-bottom:12px} .hir-kartya time{font-size:.75rem} .hir-kartya h3{font-size:1.125rem;font-weight:700;line-height:1.7;margin:.1rem 0 .4rem} .hir-kartya h3 a{color:var(--teal-vilagos)} .hir-kartya p{font-size:.9375rem;line-height:1.5} .tovabb-link{font-size:.875rem;font-weight:700} /* Plakátsáv (világos szekcióban, mint az eredeti) */ .plakatsav__elem{flex-basis:clamp(170px,15vw,215px)} .plakatsav__nyil{width:46px;height:46px;margin-top:-23px} .plakatsav__nyil .ikon{width:20px;height:20px} .plakat__cim{font-size:1.1rem;padding:2.6rem .8rem .8rem} .szekcio--vilagos .plakatsav__ablak{padding:14px 0 24px} /* Társulat */ .tag-kartya__kep{aspect-ratio:259/301} .tag-kartya__sav{padding:12px 10px 14px} .tag-kartya__sav h3{font-size:1.125rem;font-weight:700;color:var(--arany-nev)} .tag-kartya__sav p{font-size:.875rem;margin-top:.15rem;color:var(--krem)} .kor-nyil{width:56px;height:56px;color:var(--arany)} .kor-nyil .ikon{width:40%;height:40%} .tagsav__sin{gap:20px} .tagsav__elem{flex-basis:calc((100% - 60px) / 4)} .szekcio--krem .cim--arany{color:var(--arany-sotet)} .szekcio--krem .alcim--teal{color:var(--teal);font-size:1rem} /* Partnerek */ .partnerek{padding:clamp(1.8rem,1.4rem + 1.5vw,2.8rem) 0} .partnerek__elem{height:clamp(56px,6vw,96px)} /* Bábszínházunk blokk */ .bemutato-blokk__racs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px)} .bemutato-blokk .keretes-kep{max-width:334px;justify-self:center;width:100%;padding:10px} .bemutato-blokk .keretes-kep img,.bemutato-blokk .keretes-kep .kep-helyorzo{aspect-ratio:314/426} .bemutato-blokk__szoveg{max-width:550px} .bemutato-blokk__szoveg .cim-xl{color:var(--arany-vilagos);margin-bottom:.5em} .bemutato-blokk__szoveg p{font-size:1rem;line-height:1.625;color:var(--krem);margin-bottom:1.6rem} .keretes-kep{padding:10px} /* Előadás oldal */ .adatsor dt{font-size:.75rem} .adatsor dd{font-size:1.0625rem} .idopont-sor{padding:12px 16px;gap:16px;border-radius:4px} .idopont-sor__datum{width:58px} .idopont-sor__nap{font-size:1.8rem} .idopont-sor__ho{font-size:.75rem} .idopont-sor__napnev{font-size:1rem} .doboz{padding:18px;border-radius:4px} .doboz__cim{font-size:1rem} .alkotok dt{font-size:.75rem} .alkotok dd{font-size:.9375rem} .szereplok__kep{width:88px;height:88px} .szereplok__nev{font-size:.9375rem} .szereplok__szerep{font-size:.8125rem} .eloadas-kartya h3{font-size:1.15rem} .eloadas-kartya p{font-size:.875rem} .munkatars-racs__szoveg .szoveg{font-size:1rem} .pdf-lista h2{font-size:1.15rem} .elerhetoseg h2{font-size:1rem} .elerhetoseg p{font-size:1rem} .kapcsolat-lista__nev{font-size:1rem} .kapcsolat-lista__szerep{font-size:.8125rem} .alnav a{font-size:.875rem;padding:6px 14px} /* Lábléc */ .lablec{background:var(--teal-sotet)} .lablec__racs{padding-top:72px;padding-bottom:72px;gap:clamp(22px,3vw,44px)} .lablec__kez{width:64px} .lablec__anno{max-width:170px;font-size:.625rem} .lablec__nev{font-size:clamp(2.6rem,2rem + 1.6vw,3.5rem)} .lablec__tipus{font-size:clamp(1rem,.9rem + .4vw,1.2rem)} .lablec__varos{font-size:.6875rem} .lablec__cim{font-size:1.5rem;font-weight:500;margin-bottom:.8rem;color:var(--arany)} .lablec__cim--nagy{font-size:1.875rem;font-weight:400;text-transform:none} .lablec__oszlop p{font-size:.875rem;line-height:1.5;margin-bottom:1rem;color:var(--krem)} .lablec__hirlevel p{font-size:1rem;line-height:1.45} .lablec__linkek{gap:8px} .lablec__linkek a,.lablec__linkek .link-gomb{font-size:.875rem;color:var(--krem)} .kozossegi a{width:42px;height:42px;background:#0c4c54;border-color:transparent} .kozossegi .ikon{width:20px;height:20px} .hirlevel-urlap{gap:12px} .hirlevel-urlap input[type=email]{min-height:48px;font-size:1rem;background:#0c4a53} .hirlevel-urlap .jelolo{font-size:.875rem} .lablec__also{background:var(--teal-melyebb);padding:26px 0} .lablec__also p{font-size:.875rem;color:var(--krem)} /* Felugrók */ .modal__cim{font-size:clamp(1.4rem,1.2rem + .8vw,1.85rem)} .modal__szoveg p{font-size:1rem} .modal__elerhetoseg a{font-size:1rem} .suti h2{font-size:1.1rem} .suti p{font-size:.9375rem} .suti__gombok .gomb{min-height:44px;font-size:.875rem} .a11y-nyito{width:54px;height:58px} .a11y-nyito .ikon{width:32px;height:32px} .a11y-nyito:hover,.a11y-nyito[aria-expanded="true"]{width:60px} /* ========================================================================== Műsor – szűrősáv saját legördülőkkel ========================================================================== */ .szurosav{position:relative;z-index:5;margin-bottom:1.8rem;padding:20px 22px 14px;background:#fff;border:1px solid #eadfd0;border-radius:10px;box-shadow:0 14px 34px -26px rgba(8,52,55,.55)} .szurosav__sor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr);gap:16px 20px;align-items:end} .szurosav__mezo{min-width:0;border:0;margin:0;padding:0} .szurosav__cimke{display:block;margin:0 0 6px;padding:0;font-size:.75rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--arany-sotet)} .szurosav__tipus .chipek{gap:6px} .szurosav .chip span{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid #dccfbd;background:var(--bezs-vilagos);font-size:.875rem;color:var(--teal-melyebb)} .szurosav .chip input:checked+span{background:var(--teal);border-color:var(--teal);color:#fff} .szurosav .chip--bemutato input:checked+span{background:var(--arany);border-color:var(--arany);color:var(--teal-melyebb)} .szurosav__also{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:16px;padding-top:12px;border-top:1px dashed #e4d8c6} .szurosav__talalat{margin:0 0 0 auto;font-size:.875rem;color:var(--szoveg-halvany)} .szurosav__torles{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;text-transform:uppercase;letter-spacing:.04em;color:var(--teal);text-decoration:none} .szurosav__torles .ikon{width:16px;height:16px} .szurosav__torles:hover{color:var(--arany-sotet)} .legordulo{position:relative} .legordulo__natv{position:absolute!important;opacity:0;pointer-events:none;width:1px;height:1px} .legordulo__gomb{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:0 14px;border:1px solid #dccfbd;border-radius:999px;background:var(--bezs-vilagos);font-family:var(--f-alap);font-size:.9375rem;color:var(--teal-melyebb);text-align:left;transition:border-color .2s,box-shadow .2s,background-color .2s} .legordulo__gomb:hover{border-color:var(--teal)} .legordulo--aktiv .legordulo__gomb{background:#e6f0f0;border-color:var(--teal)} .legordulo.nyitva .legordulo__gomb{border-color:var(--teal);box-shadow:0 0 0 3px rgba(17,95,102,.15)} .legordulo__ertek{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .legordulo__nyil{width:18px;height:18px;flex:none;transition:transform .3s var(--rugos)} .legordulo.nyitva .legordulo__nyil{transform:rotate(180deg)} .legordulo__lista{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;list-style:none;margin:0;padding:6px;max-height:300px;overflow-y:auto;background:#fff;border:1px solid #eadfd0;border-radius:12px;box-shadow:0 22px 44px -18px rgba(8,52,55,.45);animation:legordul .22s var(--rugos) both;outline:none} @keyframes legordul{from{opacity:0;transform:translateY(-6px) scale(.98)}} .legordulo__lista li{display:flex;align-items:center;gap:10px;min-height:42px;padding:6px 10px;border-radius:8px;cursor:pointer;font-size:.9375rem;color:var(--teal-melyebb)} .legordulo__lista li:hover,.legordulo__lista li.fokusz{background:var(--bezs)} .legordulo__lista li[aria-selected="true"]{font-weight:500} .legordulo__lista .kor-jelveny{min-width:2.4em;height:2.4em;font-size:.68rem;box-shadow:none;flex:none} .legordulo__pont{width:2.4em;height:2.4em;flex:none;border-radius:50%;background:conic-gradient(#e8a0a0 0 20%,#e7c46f 0 40%,#9cc7a4 0 60%,#8fb7d6 0 80%,#c9a7d8 0);font-size:.68rem} .legordulo__pipa{width:16px;height:16px;margin-left:auto;color:var(--teal);opacity:0} .legordulo__lista li[aria-selected="true"] .legordulo__pipa{opacity:1} .kapcsolo-sor{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:.9375rem;color:var(--teal-melyebb)} .kapcsolo-sor input{position:absolute;opacity:0;width:44px;height:26px;margin:0;cursor:pointer} .kapcsolo-sor__sin{position:relative;width:44px;height:26px;flex:none;border-radius:999px;background:#cfd6d6;transition:background-color .25s} .kapcsolo-sor__sin::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .3s var(--rugos)} .kapcsolo-sor input:checked+.kapcsolo-sor__sin{background:var(--teal)} .kapcsolo-sor input:checked+.kapcsolo-sor__sin::after{transform:translateX(18px)} .kapcsolo-sor input:focus-visible+.kapcsolo-sor__sin{outline:3px solid var(--arany);outline-offset:2px} .musor-oldal .naptar__honap{border:0;padding:0;margin:0 0 .4rem;gap:clamp(18px,10vw,120px)} .musor-oldal .naptar__honapnev{font-size:1.5rem;font-family:var(--f-cim);font-style:italic;font-weight:900;text-transform:none;letter-spacing:0;min-width:11ch} .musor-oldal .naptar__lepes{width:42px;height:42px;border:1px solid #dccfbd;background:#fff} .musor-oldal .naptar__lepes:hover{border-color:var(--teal);background:#fff} .musor-oldal .honap-elvalaszto{display:none} .musor-oldal .naptar__lista{margin-top:1rem} /* ========================================================================== Időpontok színházjegyként (előadás oldal) – hoverre a szelvény „leszakad” ========================================================================== */ .jegyek{list-style:none;margin:0;padding:0;display:grid;gap:18px} .jegy{--papir:#fff;--szelveny:#f3e2c6;--szelveny-sz:190px;--lyuk:12px;position:relative;display:flex;min-height:132px;filter:drop-shadow(0 1px 1px rgba(8,52,55,.18)) drop-shadow(0 10px 16px rgba(8,52,55,.16))} .jegy__torzs{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:22px;padding:18px 26px 18px 22px;background:var(--papir);border-radius:8px 0 0 8px;border-right:2px dashed #cdb894; -webkit-mask:radial-gradient(circle var(--lyuk) at 100% 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--lyuk) at 100% 100%,#0000 98%,#000) bottom/100% 51% no-repeat; mask:radial-gradient(circle var(--lyuk) at 100% 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--lyuk) at 100% 100%,#0000 98%,#000) bottom/100% 51% no-repeat} .jegy__torzs::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--teal)} .jegy__datum{display:grid;justify-items:center;flex:none;width:74px;padding:8px 0;border:1.5px solid #e2d2b6;border-radius:8px;background:#fff;line-height:1} .jegy__ho{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--arany-sotet)} .jegy__nap{font-size:2.2rem;font-weight:600;color:var(--teal-melyebb);margin:2px 0} .jegy__napnev{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:var(--szoveg-halvany)} .jegy__info{min-width:0} .jegy__felirat{margin:0;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--arany-sotet)} .jegy__cim{margin:2px 0 4px;font-family:var(--f-cim);font-style:italic;font-weight:900;font-size:1.35rem;line-height:1.15;color:var(--teal-melyebb);overflow-wrap:anywhere} .jegy__ido{display:flex;align-items:center;gap:6px;margin:0;font-size:1.0625rem;color:var(--teal)} .jegy__ido .ikon{width:18px;height:18px;color:var(--arany-sotet)} .jegy__ido strong{font-weight:600} .jegy .cimkek{margin:.45rem 0 0} .jegy__megj{margin:.35rem 0 0;font-size:.875rem;color:var(--piros)} .jegy__szelveny{position:relative;flex:0 0 var(--szelveny-sz);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px 16px 16px 20px;background:var(--szelveny);border-radius:0 8px 8px 0;transform-origin:0 0;transition:transform .55s var(--rugos); -webkit-mask:radial-gradient(circle var(--lyuk) at 0 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--lyuk) at 0 100%,#0000 98%,#000) bottom/100% 51% no-repeat; mask:radial-gradient(circle var(--lyuk) at 0 0,#0000 98%,#000) top/100% 51% no-repeat,radial-gradient(circle var(--lyuk) at 0 100%,#0000 98%,#000) bottom/100% 51% no-repeat} /* tépett perem a szelvény bal szélén – csak elváláskor látszik */ .jegy__szelveny::before{content:"";position:absolute;left:0;top:var(--lyuk);bottom:var(--lyuk);width:5px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='8'%3E%3Cpath d='M0 0L6 4L0 8Z' fill='%23fcf4ea'/%3E%3C/svg%3E") 0 0/6px 8px repeat-y;width:6px;opacity:0;transition:opacity .25s} .jegy__szelveny-felirat{font-size:.6875rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--arany-sotet);writing-mode:horizontal-tb} .jegy__gomb{width:100%} .jegy .gomb--elsodleges{min-height:42px;padding:0 12px;font-size:1rem} .jegy .gomb--masodlagos{min-height:42px;padding:0 12px;font-size:.9375rem;--gomb-hatter:#fff} @media (hover:hover){ .jegy:not(.jegy--elmarad):hover .jegy__szelveny{transform:translate(9px,5px) rotate(4deg)} .jegy:not(.jegy--elmarad):hover .jegy__szelveny::before{opacity:1} .jegy:not(.jegy--elmarad):hover .jegy__torzs{border-right-color:#b79a6a} } .jegy--berletes{--szelveny:#d9eaea} .jegy--berletes .jegy__torzs::before{background:var(--teal-vilagos)} .jegy--berletes .jegy__szelveny-felirat{color:var(--teal)} .jegy--bemutato .jegy__torzs::before{background:var(--arany);width:6px} .jegy--bemutato{--papir:#fffaf0} .jegy--elmarad{filter:grayscale(.75) drop-shadow(0 1px 1px rgba(8,52,55,.15)) drop-shadow(0 8px 14px rgba(8,52,55,.1));opacity:.9} .jegy--elmarad .jegy__cim{text-decoration:line-through;text-decoration-color:rgba(176,61,43,.7)} .jegy__belyegzo{position:absolute;right:calc(var(--szelveny-sz) + 30px);top:50%;transform:translateY(-50%) rotate(-12deg);padding:4px 14px;border:3px solid var(--piros);border-radius:6px;color:var(--piros);font-weight:700;font-size:1.3rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85;pointer-events:none;mix-blend-mode:multiply} /* Partnerek – kevés logónál fix, szétterített elrendezés */ .partnerek__sav--statikus{-webkit-mask:none;mask:none;overflow:visible} .partnerek__sav--statikus .partnerek__sin{width:auto;max-width:calc(var(--kontener) + 2 * var(--oldal-padding));margin:0 auto;padding:0 var(--oldal-padding);animation:none;display:grid;grid-template-columns:repeat(var(--partner-db,6),minmax(0,1fr));gap:28px 36px;align-items:center} .partnerek__sav--statikus .partnerek__elem{justify-content:center;min-width:0} .partnerek__sav--statikus .partnerek__elem .kep-helyorzo{width:100%} @media (max-width:900px){.partnerek__sav--statikus .partnerek__sin{grid-template-columns:repeat(3,minmax(0,1fr))}} @media (max-width:560px){.partnerek__sav--statikus .partnerek__sin{grid-template-columns:repeat(2,minmax(0,1fr))}} .partnerek__sav--statikus .partnerek__elem{height:clamp(70px,8vw,120px)} .partnerek__sav--statikus .partnerek__elem img{max-width:100%} /* ========================================================================== Bábszínházak Találkozója – bemutatkozás és emlékfal (v6) ========================================================================== */ .talalkozo-bev__racs{display:grid;gap:clamp(28px,4vw,48px);justify-items:center} .talalkozo-bev__banner{margin:0;width:100%;max-width:1040px;padding:clamp(6px,1vw,12px);background:#fff;box-shadow:var(--arnyek);transform:rotate(-.6deg)} .talalkozo-bev__banner img,.talalkozo-bev__banner .kep-helyorzo{display:block;width:100%;aspect-ratio:2048/733;object-fit:cover} .js .talalkozo-bev__banner[data-anim].lathato{transform:rotate(-.6deg)} .talalkozo-bev__szoveg{max-width:820px;width:100%} .talalkozo-bev__szoveg>p:first-child{font-family:var(--f-cim);font-style:italic;font-weight:700;font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem);line-height:1.45;color:var(--teal-sotet)} .talalkozo-bev__szoveg>p:last-child{margin-top:1.6em;padding:1.1em 1.3em;background:#fff;border-left:4px solid var(--arany);box-shadow:var(--arnyek);font-size:1rem;line-height:1.7} .emlekfal{--fal:#f1e0cc;--szakadt-szin:var(--fal);position:relative;padding:clamp(3rem,2rem + 3vw,5rem) 0 clamp(4rem,3rem + 4vw,6.5rem);background-color:var(--fal);background-image:radial-gradient(rgba(255,255,255,.45) 1px,transparent 1.5px),radial-gradient(rgba(149,111,73,.08) 1px,transparent 1.5px),repeating-linear-gradient(90deg,rgba(183,144,98,.07) 0 2px,transparent 2px 46px);background-size:7px 7px,11px 11px,auto;background-position:0 0,3px 5px,0 0} .emlekfal .szekciocim{text-align:center;position:relative;z-index:1} .emlekfal .szekciocim .cim-xl{color:var(--teal-sotet)} .emlekfal__racs{list-style:none;margin:clamp(2.5rem,2rem + 2vw,4rem) 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;--hezag:40px;gap:clamp(60px,4vw,76px) var(--hezag)} .emlek{display:flex;justify-content:center;min-width:0;flex:0 0 calc((100% - 4 * var(--hezag)) / 5)} .emlek--friss{flex-basis:100%;margin-bottom:clamp(8px,2vw,24px)} .emlek__link{--forg-ak:var(--forg);position:relative;display:block;width:100%;max-width:250px;color:inherit;text-decoration:none;transform-origin:50% -26px;transform:translateY(var(--eltol)) rotate(var(--forg-ak));transition:transform .6s var(--rugos),filter .4s} .emlek--friss .emlek__link{max-width:330px} .emlek__link:hover,.emlek__link:focus-visible{transform:translateY(calc(var(--eltol) - 10px)) rotate(0deg) scale(1.04);z-index:2} .emlek__link:focus-visible{outline:3px solid var(--teal);outline-offset:8px} .js .emlek.lathato .emlek__link{animation:emlek-leng 1.5s cubic-bezier(.3,.6,.3,1) var(--kesl,0s) backwards} @keyframes emlek-leng{0%{transform:translateY(calc(var(--eltol) - 30px)) rotate(calc(var(--forg-ak) + 9deg))}35%{transform:translateY(var(--eltol)) rotate(calc(var(--forg-ak) - 5deg))}65%{transform:translateY(var(--eltol)) rotate(calc(var(--forg-ak) + 2deg))}100%{transform:translateY(var(--eltol)) rotate(var(--forg-ak))}} /* Szög és zsinór */ .emlek__szog{position:absolute;left:22%;right:22%;top:-30px;height:31px;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - 1px),#6b5236 calc(50% - .5px),#6b5236 calc(50% + .5px),transparent calc(50% + 1px)) left/50% 100% no-repeat,linear-gradient(to top left,transparent calc(50% - 1px),#6b5236 calc(50% - .5px),#6b5236 calc(50% + .5px),transparent calc(50% + 1px)) right/50% 100% no-repeat} .emlek__szog::after{content:"";position:absolute;left:50%;top:-6px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f6e1b8,#b79062 45%,#6b4f2c 100%);box-shadow:0 2px 3px rgba(0,0,0,.35)} /* Keretek */ .emlek__keret{display:block;padding:12px;background:linear-gradient(135deg,#7a5638,#3f2a1a 38%,#80603f 58%,#3b2716);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 0 0 5px rgba(0,0,0,.22),0 24px 30px -16px rgba(40,25,10,.6),0 5px 9px rgba(40,25,10,.18);transition:box-shadow .5s} .emlek--arany .emlek__keret{background:linear-gradient(135deg,#e6c48f,#a07c4d 32%,#f2d9ac 52%,#b79062 70%,#8c6a3f)} .emlek--feher .emlek__keret{padding:8px;background:#fbf7f0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),0 24px 30px -16px rgba(40,25,10,.5),0 5px 9px rgba(40,25,10,.15)} .emlek__link:hover .emlek__keret{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 0 0 5px rgba(0,0,0,.22),0 40px 44px -20px rgba(40,25,10,.6),0 8px 14px rgba(40,25,10,.2)} .emlek__paszpartu{display:block;padding:9px;background:#fcf8f1;box-shadow:inset 0 1px 4px rgba(0,0,0,.28)} .emlek--feher .emlek__paszpartu{padding:13px} .emlek__kep,.emlek__paszpartu .kep-helyorzo{display:block;width:100%;height:auto;aspect-ratio:707/1000;object-fit:cover} .emlek__ures{display:grid;place-content:center;gap:4px;aspect-ratio:707/1000;padding:12px;background:var(--teal);color:var(--krem-szoveg);text-align:center} .emlek__ures b{font-family:var(--f-cim);font-style:italic;font-weight:900;font-size:clamp(2.6rem,2rem + 2vw,4rem);line-height:1;color:var(--arany)} .emlek__ures em{font-style:normal;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem} .emlek__ures small{margin-top:10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.6rem;opacity:.55;word-break:break-all} /* Sárgaréz tábla */ .emlek__tabla{display:block;width:max-content;max-width:100%;margin:16px auto 0;padding:6px 14px 7px;background:linear-gradient(180deg,#ecd2a6,#b79062);color:#2b1d0e;border-radius:3px;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 0 #8c6a3f,0 7px 10px -5px rgba(0,0,0,.4)} .emlek__szam{display:block;font-weight:600;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase} .emlek__datum{display:block;font-size:.74rem;opacity:.85} .emlek__szalag{position:absolute;top:14px;right:-12px;padding:4px 12px;background:var(--teal);color:var(--krem-szoveg);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transform:rotate(6deg);box-shadow:0 4px 8px rgba(0,0,0,.25)} /* Évad aloldal */ .evad__racs{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(36px,5vw,72px);align-items:start} .evad__plakat{position:sticky;top:calc(var(--fejlec-mag) + 40px);display:grid;gap:30px;justify-items:center;padding-top:34px} .emlek--egyedul{width:100%} .emlek--egyedul .emlek__link{max-width:340px} .js .evad__plakat[data-anim].lathato{transform:none} .evad__program{width:100%;max-width:340px} .evad__program svg{width:20px;height:20px} .evad__szoveg>.cim-l:first-child{margin-top:0} .evad__szoveg .szoveg p{overflow-wrap:anywhere} .evad__galeriacim{margin-top:2.6rem} .evad__hiany{margin-top:2rem;padding:.9em 1.1em;border:2px dashed var(--arany);border-radius:6px;color:var(--arany-sotet);font-size:.95rem} .evad__lapozo{background:#f1e0cc;padding:26px 0} .evad__lapozo-belso{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px} .evad__lap{display:inline-flex;align-items:center;gap:12px;color:var(--teal-sotet);text-decoration:none;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem} .evad__lap small{display:block;color:var(--arany-sotet);font-size:.72rem;letter-spacing:.12em} .evad__lap svg{width:22px;height:22px;transition:transform .3s var(--rugos)} .evad__lap--kov{justify-self:end;text-align:right} .evad__lap--elozo:hover svg{transform:translateX(-4px)} .evad__lap--kov:hover svg{transform:translateX(4px)} @media (max-width:1000px){ .emlek{flex-basis:calc((100% - 2 * var(--hezag)) / 3)} .emlek--friss{flex-basis:100%} } @media (max-width:900px){ .evad__racs{grid-template-columns:1fr} .evad__plakat{position:static} .emlek--egyedul .emlek__link{max-width:280px} } @media (max-width:600px){ .emlekfal__racs{--hezag:18px;gap:52px var(--hezag)} .emlek{flex-basis:calc((100% - var(--hezag)) / 2)} .emlek--friss{flex-basis:100%} .emlek--friss .emlek__link{max-width:230px} .emlek__link{--forg-ak:calc(var(--forg) * .6);transform:translateY(calc(var(--eltol) * .5)) rotate(var(--forg-ak))} .emlek__keret{padding:7px} .emlek--feher .emlek__keret{padding:5px} .emlek__paszpartu{padding:5px} .emlek--feher .emlek__paszpartu{padding:7px} .emlek__szog{top:-24px;height:25px} .emlek__tabla{padding:5px 8px;margin-top:12px} .emlek__szam{font-size:.68rem;letter-spacing:.05em} .emlek__datum{font-size:.66rem} .emlek__szalag{right:-6px;font-size:.62rem;padding:3px 8px} .evad__lapozo-belso{grid-template-columns:1fr 1fr;grid-template-areas:"fal fal" "elozo kov"} .evad__lapozo-belso>.gomb{grid-area:fal;justify-self:center} .evad__lapozo-belso>:first-child{grid-area:elozo} .evad__lapozo-belso>:last-child{grid-area:kov} .evad__lap{font-size:.85rem} } @media (prefers-reduced-motion:reduce){ .js .emlek.lathato .emlek__link{animation:none} } /* ========================================================================== Görgetéses megjelenés ========================================================================== */ .js [data-anim]{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)} .js [data-anim="balrol"]{transform:translateX(-50px) rotate(-3deg)} .js [data-anim="jobbrol"]{transform:translateX(50px)} .js [data-anim="cim"]{transform:translateY(36px) rotate(-3deg) scale(.96);transform-origin:left bottom;filter:blur(6px);transition:opacity .9s,transform 1.1s var(--rugos),filter .9s} .js [data-anim].lathato{opacity:1;transform:none;filter:none} .js .keretes-kep[data-anim].lathato{transform:rotate(-1.5deg)} .js .hir-kep[data-anim].lathato{transform:none} /* ========================================================================== Akadálymentesítési módok ========================================================================== */ html.a11y-alahuz a{text-decoration:underline!important} html.a11y-olvashato{--f-alap:Verdana,Tahoma,Arial,sans-serif;--f-cim:Verdana,Tahoma,Arial,sans-serif} html.a11y-olvashato body{letter-spacing:.01em;word-spacing:.08em;line-height:1.75} html.a11y-olvashato .cim-xl,html.a11y-olvashato .cim-l,html.a11y-olvashato .hero__cim,html.a11y-olvashato .ip-kartya__cim,html.a11y-olvashato .plakat__cim,html.a11y-olvashato .eloadas-kartya h3{font-style:normal;font-weight:700} html.a11y-szurke{filter:grayscale(1)} html.a11y-negativ{filter:invert(1) hue-rotate(180deg)} html.a11y-negativ img,html.a11y-negativ .hero__kep,html.a11y-negativ .eloadas-fej__hatter{filter:invert(1) hue-rotate(180deg)} html.a11y-kontraszt{--teal:#000;--teal-sotet:#000;--teal-melyebb:#000;--teal-vilagos:#000;--arany:#ffe14a;--arany-vilagos:#ffe14a;--arany-sotet:#000;--krem:#fff;--krem-szoveg:#fff;--krem-hatter:#fff;--bezs:#fff;--bezs-vilagos:#fff;--vilagos:#fff;--szoveg:#000;--szoveg-halvany:#000} html.a11y-kontraszt .szekcio--sotet,html.a11y-kontraszt .lablec,html.a11y-kontraszt .fejlec,html.a11y-kontraszt .oldalfej,html.a11y-kontraszt .eloadas-fej{border-top:2px solid #ffe14a;border-bottom:2px solid #ffe14a} html.a11y-kontraszt .hero__arnyek{background:rgba(0,0,0,.75)} html.a11y-kontraszt a:not(.gomb):not(.gomb-jegy){text-decoration:underline} html.a11y-kontraszt .szekcio--vilagos a:not(.gomb),html.a11y-kontraszt .szekcio--bezs a:not(.gomb),html.a11y-kontraszt .szekcio--krem a:not(.gomb){color:#000} html.a11y-kontraszt .ip-kartya,html.a11y-kontraszt .hir-kartya,html.a11y-kontraszt .doboz,html.a11y-kontraszt .elerhetoseg{border:2px solid currentColor} html.a11y-vilagos{--teal-sotet:#fff;--teal-melyebb:#f3f3f3;--krem-szoveg:#1f3439;--krem:#2c5e65;--arany:#7d5a26;--arany-vilagos:#7d5a26;--krem-hatter:#fff;--bezs:#fff;--vilagos:#fff} html.a11y-vilagos .fejlec,html.a11y-vilagos .oldalfej{--teal:#fff;color:#1f3439;border-bottom:1px solid #d5dcdc} html.a11y-vilagos .fejlec__logo img{filter:brightness(.35) sepia(1) hue-rotate(140deg)} html.a11y-vilagos .hamburger span{background:#1f3439} html.a11y-vilagos .szekcio--sotet,html.a11y-vilagos .lablec,html.a11y-vilagos .eloadas-fej{color:#1f3439} html.a11y-vilagos .eloadas-fej .cim-xl,html.a11y-vilagos .oldalfej .cim-xl{color:#1f3439} html.a11y-vilagos .eloadas-fej::after,html.a11y-vilagos .eloadas-fej__hatter{display:none} html.a11y-vilagos .ip-kartya{background:#fff;border-color:#c9d3d3} html.a11y-vilagos .nap{color:#1f3439} html.a11y-vilagos .lablec__also{background:#f3f3f3} html.a11y-vilagos .gomb-talalkozo{color:#1f3439;border-color:#1f3439} html.a11y-mozgas *,html.a11y-mozgas *::before,html.a11y-mozgas *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} html.a11y-mozgas [data-anim]{opacity:1!important;transform:none!important;filter:none!important} @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important} .js [data-anim]{opacity:1;transform:none;filter:none} .partnerek__sin{animation:none;flex-wrap:wrap;justify-content:center;width:auto} } /* ========================================================================== Reszponzív töréspontok ========================================================================== */ @media (max-width:1100px){ .racs--4,.racs--plakat{grid-template-columns:repeat(3,minmax(0,1fr))} .lablec__racs{grid-template-columns:repeat(2,minmax(0,1fr))} .szurok{grid-template-columns:repeat(2,minmax(0,1fr))} .szurosav__sor{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .szurosav__tipus{grid-column:1/-1} .szurok__cimkek{grid-column:1/-1} .tagsav__elem{flex-basis:calc((100% - 2 * clamp(14px,1.6vw,22px)) / 3)} .eloadas-tartalom{grid-template-columns:minmax(0,1fr)} .eloadas-tartalom__oldal{position:static;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))} } @media (max-width:900px){ .naptar__kartyak{grid-template-columns:minmax(0,1fr)} .racs--3{grid-template-columns:repeat(2,minmax(0,1fr))} .racs--4,.racs--plakat{grid-template-columns:repeat(2,minmax(0,1fr))} .bemutato-blokk__racs,.munkatars-racs{grid-template-columns:minmax(0,1fr)} .bemutato-blokk__racs .keretes-kep,.munkatars-racs__kep{max-width:420px;margin:0 auto;width:100%} .eloadas-fej__racs{grid-template-columns:minmax(0,1fr)} .eloadas-fej__plakat{max-width:300px;margin:0 auto;width:100%} .eloadas-fej__szoveg{text-align:center} .eloadas-fej .morzsa ol,.adatsor,.eloadas-fej .gombsor{justify-content:center} .galeria{grid-template-columns:repeat(2,minmax(0,1fr))} .tagsav__elem{flex-basis:calc((100% - clamp(14px,1.6vw,22px)) / 2)} .nap{flex:0 0 calc(100% / 13)} .terkep{aspect-ratio:4/3} } @media (max-width:640px){ body{font-size:1.06rem} .racs--3,.racs--4{grid-template-columns:minmax(0,1fr)} .racs--plakat{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .eloadas-kartya h3{font-size:1.15rem} .lablec__racs{grid-template-columns:minmax(0,1fr);text-align:center} .lablec__hirlevel{text-align:left} .szurok{grid-template-columns:minmax(0,1fr);padding:18px} .szurok-nyito{display:inline-flex} .js .szurok:not(.nyitva),.js .szurosav:not(.nyitva){display:none} .szurosav{padding:16px} .szurosav__sor{grid-template-columns:minmax(0,1fr)} .szurosav__talalat{margin:0;width:100%} .jegy{flex-direction:column;--lyuk:11px} .jegy__torzs{border-radius:8px 8px 0 0;border-right:0;border-bottom:2px dashed #cdb894;padding:16px;gap:14px;-webkit-mask:radial-gradient(circle var(--lyuk) at 0 100%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle var(--lyuk) at 100% 100%,#0000 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle var(--lyuk) at 0 100%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle var(--lyuk) at 100% 100%,#0000 98%,#000) right/51% 100% no-repeat} .jegy__datum{width:62px} .jegy__nap{font-size:1.8rem} .jegy__szelveny{flex-basis:auto;flex-direction:row;justify-content:space-between;border-radius:0 0 8px 8px;padding:12px 16px;-webkit-mask:radial-gradient(circle var(--lyuk) at 0 0,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle var(--lyuk) at 100% 0,#0000 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle var(--lyuk) at 0 0,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle var(--lyuk) at 100% 0,#0000 98%,#000) right/51% 100% no-repeat} .jegy__gomb{width:auto;flex:1} .jegy__belyegzo{right:12px;top:14px;transform:rotate(-10deg);font-size:.9rem;padding:2px 10px} .hero{height:clamp(440px,78vh,600px)} .hero__nyil{display:none} .hero__szoveg{bottom:78px} .hero__pontok{bottom:26px;gap:0;left:16px;transform:none;max-width:calc(100% - 80px);flex-wrap:wrap} .hero__pontok button{width:20px;height:24px} .hero__pontok span{width:7px;height:7px} .hero__pontok [aria-current="true"] span{width:18px} .hero__szunet{bottom:24px} .ip-kartya{gap:14px;padding:14px 0;align-items:start} .ip-kartya__plakat,.musor-oldal .ip-kartya__plakat{width:84px} .ip-kartya__tartalom{grid-template-columns:minmax(0,1fr)} .ip-kartya__gombok{grid-column:1;grid-row:auto;order:9;margin-top:.6rem} .ip-kartya__gombok .gomb{width:100%} .ip-kartya--bemutato{padding-left:10px} .tagsav__elem{flex-basis:100%} .idopont-sor{grid-template-columns:auto minmax(0,1fr);gap:12px 16px;padding:14px} .idopont-sor__gomb{grid-column:1/-1} .idopont-sor__gomb .gomb{width:100%} .tagsav{gap:8px} .tagsav__elem{flex-basis:100%} .kor-nyil{width:44px;height:44px} .nap{flex:0 0 calc(100% / 7);min-width:44px} .naptar__gorget{display:none} .naptar__honap{gap:10px} .plakatsav__nyil{display:none} .plakatsav__elem{flex-basis:62vw} .pdf-lista__elem{grid-template-columns:56px minmax(0,1fr)} .pdf-lista__elem .gomb{grid-column:1/-1} .suti{left:0;bottom:0;width:100%;border-radius:14px 14px 0 0} .suti__gombok .gomb{flex:1 1 100%} .a11y-nyito{width:50px;height:54px;top:auto;bottom:96px} .a11y-nyito .ikon{width:30px;height:30px} .a11y-nyito:hover,.a11y-nyito[aria-expanded="true"]{width:54px} .a11y-panel{right:12px;left:12px;width:auto;top:auto;bottom:160px;max-height:calc(100vh - 180px)} .lightbox{padding:56px 8px} .lightbox__nyil{top:auto;bottom:12px;margin:0} .lightbox__nyil--bal{left:calc(50% - 66px)} .lightbox__nyil--jobb{right:calc(50% - 66px)} .gomb-jegy{padding:0 52px 0 26px} .keretes-kep img,.keretes-kep .kep-helyorzo{aspect-ratio:4/3} .galeria{grid-template-columns:minmax(0,1fr)} } @media (max-width:380px){ .fejlec__logo img{width:138px} .ip-kartya__plakat{flex-basis:76px} .kor-jelveny{font-size:.8rem} } /* Nyomtatás */ @media print{ .fejlec,.lablec,.a11y-nyito,.suti,.hero__nyil,.hero__pontok,.nyitany,.szakadt,.uzenet-sav__zar{display:none!important} body{background:#fff;color:#000} .szekcio--sotet{background:#fff;color:#000} } body.menu-nyitva .suti{display:none}