Text size hint
Main logo
INDUSTRIA KIELCE
SKLEP BILETY
Mobile main logo
SKLEP BILETY

20/03/2026

Industria Kielce najczęściej pojawiającym się w mediach klubem ORLEN Superligi

18/03/2026

Zawodnicy Industrii Kielce zapraszają na wycieczkę rowerową

18/03/2026

Kibicuj Industrii Kielce w Segedynie. Rozpoczynamy zapisy na przejazd i bilety na mecz z OTP Bank Pick Szeged
KUP BILETY
MECZE PIERWSZEJ DRUŻYNY

NAJBLIŻSZE MECZE

Najbliższy mecz za:
01
dni
21
GODZ
25
MIN
49
SEK
02.04
Thursday, h. 18:45
EHF Champions League
OTP Bank Pick Szeged
vs
Industria Kielce
Pick Aréna
Felső Tisza-Part 35, 6723 Szeged, Węgry
04.04
Saturday, h. 16:00
ORLEN Superliga
Industria Kielce
vs
Zepter KPR Legionowo
Hala Legionów
Kielce
08.04
Wednesday, h. 18:45
EHF Champions League
Industria Kielce
vs
OTP Bank Pick Szeged
Hala Legionów
Kielce
CO NOWEGO?

AKTUALNOŚCI

20/03/2026

Industria Kielce najczęściej pojawiającym się w mediach klubem ORLEN Superligi

18/03/2026

Zawodnicy Industrii Kielce zapraszają na wycieczkę rowerową

18/03/2026

Kibicuj Industrii Kielce w Segedynie. Rozpoczynamy zapisy na przejazd i bilety na mecz z OTP Bank Pick Szeged

18/03/2026

Daniel Dujshebaev po tym sezonie opuści Industrię Kielce

An error occurred while processing the template. 
The following has evaluated to null or missing:
==> eventType.getName(locale)  [in template "17278105#17278133#17485077" at line 19, column 102]

----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: ${eventType.getName(locale)}  [in template "17278105#17278133#17485077" at line 19, column 100]
----
1<#assign portletNamespace = themeDisplay.portletDisplay.namespace/> 
2<#setting locale= locale> 
3 
4<div class="events-calendar-container"> 
5    <div class="events-calendar-header-wrapper container styled-container"> 
6        <div class="events-calendar-header"> 
7            <div class="double-heading"> 
8					<span class="overline text-uppercase">TERMINARZ KLUBOWY</span> 
9					<p class="h2 text-uppercase"><@liferay_ui["message"] key="calendar"/></p> 
10					<div class="underline-accent"> 
11					</div> 
12				</div> 
13        </div> 
14        <div class="buttons-and-legend-wrapper-desktop"> 
15            <div class="legend-wrapper"> 
16                <#list eventTypes as eventType> 
17                        <div class="legend-entity-wrapper"> 
18                            <#assign evenIconUrl = (eventType.icon??)?then(eventType.icon.url, "")> 
19                            <img class="legend-entity-img" height="24px" src="${evenIconUrl}" alt="${eventType.getName(locale)} icon" /> 
20                            <div name="${portletNamespace}filter" class="filter legend-entity-name body-m text-weight-bold" data-code="${eventType.code}">${eventType.getName(locale)}</div> 
21                        </div> 
22                </#list> 
23            </div> 
24            <div class="slide-buttons buttons-desktop"> 
25                <button class="arrow-block arrow-prev" id="${portletNamespace}slideBackwardBtn_desktop" aria-label="Poprzednie daty"> 
26									<i class="icon icon-stellis-arrow-left" aria-hidden="true"></i> 
27                </button> 
28                <button class="arrow-block arrow-next" id="${portletNamespace}slideForwardBtn_desktop" aria-label="Następne daty"> 
29                    <i class="icon icon-stellis-arrow-right" aria-hidden="true"></i> 
30                </button> 
31            </div> 
32        </div> 
33    </div> 
34    <div class="events-calendar-days-container"> 
35        <#assign firstDate = dates[0]> 
36        <#assign formattedDate = firstDate?string["yyyy-MM-dd"]/> 
37 
38        <#assign monthName = formattedDate?split('-')[1]?date("M")?string("MMMM")/> 
39        <#assign year = formattedDate?split('-')[0]?string> 
40        <div class="date-and-buttons-wrapper container styled-container"> 
41            <div class="month-and-year-wrapper body-s heading"> 
42                ${monthName} ${year} 
43            </div> 
44            <div class="slide-buttons buttons-mobile"> 
45                <button class="arrow-block arrow-prev" id="${portletNamespace}slideBackwardBtn_mobile" aria-label="Poprzednie daty"> 
46                    <i class="icon icon-stellis-arrow-left" aria-hidden="true"></i> 
47                </button> 
48                <button class="arrow-block arrow-next" id="${portletNamespace}slideForwardBtn_mobile" aria-label="Następne daty"> 
49                    <i class="icon icon-stellis-arrow-right" aria-hidden="true"></i> 
50                </button> 
51            </div> 
52        </div> 
53        <div class="events-calendar-days-wrapper container styled-container" id="${portletNamespace}dayList"> 
54            <#list dates as date> 
55                <#assign formattedDate = date?string["yyyy-MM-dd"]/> 
56                <div class="day-wrapper day ${(date?date == currentDay?date)?then("current", "")}" data-date="${formattedDate}"> 
57                    <span class="day-of-week caption-m heading"> 
58											${date?string["EE"]} 
59										</span> 
60                    <span class="day-number sbutitle"> 
61                        ${date?string["d"]} 
62                    </span> 
63                    <div class="day-events-wrapper"> 
64                        <#assign events = eventMap[formattedDate]?has_content?then(eventMap[formattedDate], [])/> 
65                        <#if events?has_content> 
66                            <#list events as event> 
67                                <#assign 
68                                icon = (event.eventType.icon??)?then(event.eventType.icon, "") 
69                                code = event.eventType.code 
70                                /> 
71                                <#if icon?has_content> 
72                                    <div class="event" data-code="${code}"> 
73                                        <img height="24px" data-fileentryid="${icon.fileEntryId}" src="${icon.url}" alt="${code} icon"> 
74                                    </div> 
75                                </#if> 
76                            </#list> 
77                        </#if> 
78                    </div> 
79                </div> 
80            </#list> 
81        </div> 
82    </div> 
83 
84    <div id="${portletNamespace}dayEvents" class="day-events hidden"></div> 
85</div> 
86 
87<script> 
88AUI().use('aui-node', 'aui-event', function(A) { 
89    AUI().ready('aui-node', 'aui-io-request', 'liferay-portlet-url', function() { 
90        function updateDisplayWithDelay() { 
91            setTimeout(function() { 
92                window.updateDisplay(); 
93 
94                A.all('.day').on('click', function (event) { 
95                    setTimeout(function () { 
96                        showTooltip.call(this, event); 
97                    }, 150); 
98                }); 
99            }, 200); 
100        } 
101 
102        window.updateDisplay = function() { 
103            const dayElement = A.one('.day'); 
104            const dateAttribute = dayElement.attr('data-date'); 
105            const formattedDate = formatDate(dateAttribute); 
106 
107            A.one('.month-and-year-wrapper').set('innerHTML', formattedDate); 
108        }; 
109 
110        A.all('.day').on('click', function (event) { 
111            setTimeout(function() { 
112                showTooltip.call(this, event); 
113            }, 150); 
114        }); 
115 
116        A.one("#${portletNamespace}slideBackwardBtn_desktop").on("click", function () { 
117            updateDisplayWithDelay(); 
118        }); 
119 
120        A.one("#${portletNamespace}slideForwardBtn_desktop").on("click", function () { 
121            updateDisplayWithDelay(); 
122        }); 
123 
124        A.one("#${portletNamespace}slideBackwardBtn_mobile").on("click", function () { 
125            updateDisplayWithDelay(); 
126        }); 
127 
128        A.one("#${portletNamespace}slideForwardBtn_mobile").on("click", function () { 
129            updateDisplayWithDelay(); 
130        }); 
131 
132        function showTooltip(event) { 
133            var clickedElement = event.currentTarget; 
134            A.all('.day').removeClass('active'); 
135            clickedElement.addClass('active'); 
136            var tooltipContainer = A.one("#${portletNamespace}dayEvents"); 
137             
138            var clickedDate = clickedElement.attr('data-date'); 
139            var formattedDate = formatTooltipDate(clickedDate); 
140             
141            function checkAndAddHeader() { 
142                var nonEmptySpanExists = tooltipContainer.all('span').some(function(span) { 
143                    return span.get('text').trim() !== '' && !span.ancestor('.tooltip-date-header'); 
144                }); 
145 
146                if (nonEmptySpanExists) { 
147                    var existingDateHeader = tooltipContainer.one('.tooltip-date-header'); 
148                    if (!existingDateHeader) { 
149                        var dateHeaderHTML = '<div class="tooltip-date-header" style="margin-bottom: 12px;"><span class="caption-m heading">' + formattedDate + '</span><hr style="margin: 12px 0 0 0; border: none; height: 1px; background-color: var(--colors-neutral-neutral-10002, rgba(255, 255, 255, 0.20));"></div>'; 
150                        var currentContent = tooltipContainer.get('innerHTML'); 
151                        tooltipContainer.set('innerHTML', dateHeaderHTML + currentContent); 
152                    } else { 
153                        existingDateHeader.one('span').set('innerHTML', formattedDate); 
154                    } 
155                     
156                    tooltipContainer.removeClass('hidden'); 
157                    tooltipContainer.setStyles({ 
158                        'position': 'absolute', 
159                        'visibility': 'hidden', 
160                        'top': '0px', 
161                        'left': '0px' 
162                    }); 
163 
164                    var clickedRect = clickedElement._node.getBoundingClientRect(); 
165                    var tooltipRect = tooltipContainer._node.getBoundingClientRect(); 
166                     
167                    var container = tooltipContainer._node.offsetParent || document.body; 
168                    var containerRect = container.getBoundingClientRect(); 
169                     
170                    var isMobile = window.innerWidth < 768; 
171                    var tooltipYAxisPosition, tooltipXAxisPosition; 
172                     
173                    if (isMobile) { 
174                        var viewportCenterY = window.innerHeight / 2; 
175                        var viewportCenterX = window.innerWidth / 2; 
176                         
177                        tooltipYAxisPosition = viewportCenterY - containerRect.top - (tooltipRect.height / 2); 
178                        tooltipXAxisPosition = viewportCenterX - containerRect.left - (tooltipRect.width / 2); 
179                    } else { 
180                        tooltipYAxisPosition = clickedRect.top - containerRect.top - tooltipRect.height - 5; 
181                         
182                        var clickedCenterX = clickedRect.left + (clickedRect.width / 2); 
183                        var tooltipCenterX = tooltipRect.width / 2; 
184                        tooltipXAxisPosition = clickedCenterX - containerRect.left - tooltipCenterX; 
185                    } 
186 
187                    tooltipContainer.setStyles({ 
188                        'position': 'absolute', 
189                        'visibility': 'visible', 
190                        'top': tooltipYAxisPosition + 'px', 
191                        'left': tooltipXAxisPosition + 'px', 
192                        'z-index': '9999' 
193                    }); 
194 
195                    tooltipContainer._node.scrollTop = 0; 
196                    return true; 
197                } else { 
198                    return false; 
199                } 
200            } 
201             
202            var attempts = 0; 
203            var maxAttempts = 20; 
204             
205            function pollForContent() { 
206                if (checkAndAddHeader() || attempts >= maxAttempts) { 
207                    return; 
208                } 
209                attempts++; 
210                setTimeout(pollForContent, 50); 
211            } 
212             
213            pollForContent(); 
214        } 
215 
216        function formatTooltipDate(dateString) { 
217            var date = new Date(dateString); 
218            var day = date.getDate().toString().padStart(2, '0'); 
219            var month = (date.getMonth() + 1).toString().padStart(2, '0'); 
220            var year = date.getFullYear(); 
221             
222            var dayNames = [ 
223                'Niedziela', 'Poniedziałek', 'Wtorek', 'Środa', 'Czwartek', 'Piątek', 'Sobota' 
224            ]; 
225            var dayName = dayNames[date.getDay()]; 
226             
227            return day + '.' + month + '.' + year + ' (' + dayName + ')'; 
228        } 
229 
230        function formatDate(dateString) { 
231            const date = new Date(dateString); 
232            const year = date.getFullYear().toString(); 
233            const month = date.getMonth() + 1; 
234            const months = [ 
235                '<@liferay_ui["message"] key="january-month"/>', 
236                '<@liferay_ui["message"] key="february-month"/>', 
237                '<@liferay_ui["message"] key="march-month"/>', 
238                '<@liferay_ui["message"] key="april-month"/>', 
239                '<@liferay_ui["message"] key="may-month"/>', 
240                '<@liferay_ui["message"] key="june-month"/>', 
241                '<@liferay_ui["message"] key="july-month"/>', 
242                '<@liferay_ui["message"] key="august-month"/>', 
243                '<@liferay_ui["message"] key="september-month"/>', 
244                '<@liferay_ui["message"] key="october-month"/>', 
245                '<@liferay_ui["message"] key="november-month"/>', 
246                '<@liferay_ui["message"] key="december-month"/>' 
247            ]; 
248            const formattedMonth = months[month - 1]; 
249 
250            return formattedMonth+` `+" "+year; 
251        } 
252    }); 
253}); 
254</script> 
255			 
256			<style> 
257.double-heading .underline-accent { 
258    width: 56px; 
259    height: 6px; 
260    background-color: var(--secondary-vivid); 
261    border-radius: var(--card-large-radius-corner); 
262    margin-top: 6px; 
263} 
264 
265.events-calendar-container .icon::before { 
266    font-family: "stellis-icons"; 
267    font-size: 1.25rem; 
268  margin: 0; 
269} 
270 
271.events-calendar-container { 
272    background-color: transparent; 
273    padding-bottom: 80px; 
274    padding-top: 60px; 
275} 
276				 
277				.tooltip-date-header span { 
278				color: var(--general-reversed-high-emphasis, #FFF); 
279				} 
280 
281.events-calendar-container .events-calendar-header-wrapper { 
282    align-items: flex-start; 
283    display: flex; 
284    flex-direction: column; 
285    justify-content: space-between; 
286    margin-bottom: 30px; 
287    flex-wrap: wrap; 
288	gap: 2rem; 
289} 
290 
291.events-calendar-container .events-calendar-header-wrapper .events-calendar-header { 
292    color: var(--general-high-emphasis, #010E26); 
293    margin-bottom: 5px; 
294    margin-top: 10px; 
295    text-transform: uppercase; 
296} 
297 
298.events-calendar-container .events-calendar-header-wrapper .buttons-and-legend-wrapper-desktop { 
299    display: flex; 
300    justify-content: space-between; 
301    gap: 3rem; 
302} 
303 
304.events-calendar-container .events-calendar-header-wrapper .buttons-and-legend-wrapper-desktop .legend-wrapper { 
305    display: flex; 
306    gap: 1rem; 
307  	flex-wrap: wrap; 
308} 
309 
310.events-calendar-container .events-calendar-header-wrapper .buttons-and-legend-wrapper-desktop .legend-wrapper .legend-entity-wrapper { 
311    align-items: center; 
312    color: var(--general-high-emphasis, #1C221B); 
313    display: flex; 
314    gap: 0.5rem; 
315    justify-content: center; 
316} 
317 
318.events-calendar-container .events-calendar-header-wrapper .buttons-and-legend-wrapper-desktop .legend-wrapper .legend-entity-wrapper .legend-entity-img { 
319    height: 24px; 
320} 
321 
322.events-calendar-container .events-calendar-header-wrapper .buttons-and-legend-wrapper-desktop .legend-wrapper .legend-entity-wrapper .legend-entity-name { 
323    margin-top: 2px; 
324} 
325 
326.events-calendar-container .events-calendar-header-wrapper .buttons-and-legend-wrapper-desktop .buttons-desktop { 
327    display: none; 
328} 
329 
330.events-calendar-container .events-calendar-header-wrapper.styled-container .buttons-and-legend-wrapper-desktop .legend-wrapper { 
331    display: grid; 
332    grid-template-columns: repeat(2, auto); 
333    justify-items: start; 
334    grid-row-gap: 0.25rem; 
335} 
336 
337.events-calendar-container .events-calendar-header-wrapper.styled-container .buttons-and-legend-wrapper-desktop .legend-wrapper.four-items { 
338    grid-template-columns: repeat(2, auto); 
339} 
340 
341.events-calendar-container .events-calendar-days-container { 
342    display: flex; 
343    justify-content: space-between; 
344    flex-wrap: wrap; 
345    position: relative; 
346	margin-top: 40px; 
347} 
348 
349.events-calendar-container .events-calendar-days-container .date-and-buttons-wrapper { 
350    align-items: center; 
351    display: flex; 
352    justify-content: space-between; 
353    margin-bottom: 15px; 
354} 
355 
356.events-calendar-container .events-calendar-days-container .date-and-buttons-wrapper .month-and-year-wrapper { 
357    color: var(--general-high-emphasis, #1C221B); 
358    margin-top: 4px; 
359    text-transform: uppercase; 
360    width: 50%; 
361} 
362 
363.events-calendar-container .events-calendar-days-container .date-and-buttons-wrapper .buttons-mobile { 
364    display: flex; 
365    gap: 0.75rem; 
366    justify-content: flex-end; 
367    width: 50%; 
368} 
369 
370.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper { 
371    display: grid; 
372    gap: 1rem; 
373    grid-template-columns: repeat(auto-fill, 78px); 
374    justify-content: space-between; 
375    padding-bottom: 25px; 
376    padding-top: 15px; 
377    overflow-x: auto; 
378} 
379 
380.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper::-webkit-scrollbar { 
381    display: none; 
382} 
383 
384.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .details { 
385    align-items: center; 
386    display: flex; 
387    flex-direction: column-reverse; 
388    justify-content: space-between; 
389} 
390 
391.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day-wrapper, 
392.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day { 
393    align-items: center; 
394    background: var(--colors-neutral-neutral-100, #FFF); 
395    border-radius: 9px; 
396    box-shadow: 0px 10px 20px 0px var(--colors-neutral-neutral-1001, rgba(28, 34, 27, 0.10)); 
397    display: flex; 
398    flex-direction: column; 
399		font-weight: 600; 
400    height: 82px; 
401    min-width: 78px; 
402    max-width: 78px; 
403    padding: 6px 10px 14px; 
404    transition: box-shadow 300ms ease; 
405} 
406 
407.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day-wrapper.active, 
408.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day.active { 
409    background: var(--general-primary-accent, #349E49); 
410    color: var(--general-reversed-high-emphasis, #FFF); 
411	 
412	.day-events-wrapper img { 
413	filter: brightness(0) invert(1); 
414	} 
415} 
416 
417.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day-wrapper.current, 
418.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day.current { 
419    outline: 2px solid var(--general-primary-accent, #349E49); 
420} 
421 
422.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day-wrapper .day-of-week, 
423.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day-wrapper .day-name, 
424.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day .day-of-week, 
425.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day .day-name { 
426    text-transform: uppercase; 
427} 
428 
429.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day-wrapper .day-events-wrapper, 
430.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day-wrapper .event-list, 
431.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day .day-events-wrapper, 
432.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day .event-list { 
433    background-color: unset; 
434    display: flex; 
435    flex-wrap: wrap; 
436    gap: 0.5rem; 
437    margin-top: unset; 
438    overflow-y: hidden; 
439} 
440 
441.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day-wrapper .day-events-wrapper img, 
442.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day-wrapper .event-list img, 
443.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day .day-events-wrapper img, 
444.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day .event-list img { 
445    height: 16px; 
446    width: 16px; 
447} 
448 
449.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day:hover { 
450    box-shadow: 0px 10px 20px 0px var(--colors-neutral-neutral-1001, rgba(28, 34, 27, 0.10)); 
451    cursor: pointer; 
452} 
453 
454.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day:hover.active { 
455    box-shadow: 0px 10px 20px 0px var(--colors-neutral-neutral-1001, rgba(28, 34, 27, 0.10)); 
456} 
457 
458.events-calendar-container .events-calendar-days-container .events-calendars-container .no-records { 
459    text-transform: uppercase; 
460} 
461 
462.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper { 
463    padding: 0; 
464    gap: 0; 
465    position: relative; 
466    display: grid; 
467    grid-template-columns: repeat(auto-fill, minmax(78px, 1fr)); 
468} 
469 
470.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper { 
471    box-shadow: none; 
472    padding: 0; 
473    border-radius: 0; 
474    min-width: unset; 
475    max-width: unset; 
476    min-height: unset; 
477    height: unset; 
478} 
479 
480.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper:after { 
481    content: ""; 
482    position: absolute; 
483    bottom: 0px; 
484    right: 0; 
485    height: 1px; 
486    width: 100%; 
487    background-color: white; 
488} 
489 
490.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper.last-with-events:after { 
491    content: ""; 
492    position: absolute; 
493    bottom: 0px; 
494    right: 0; 
495    height: 1px; 
496    width: 100%; 
497    background-color: white; 
498} 
499 
500.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper.no-events { 
501    display: none; 
502} 
503 
504.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper:has(+ .new-month) .day-card { 
505    border-right: 1px var(--general-primary-accent, #349E49) solid; 
506} 
507 
508.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper.active { 
509    background-color: unset; 
510} 
511 
512.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper.active .day-card { 
513    background: var(--general-primary-accent, #349E49); 
514} 
515 
516.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper.active .day-card .day-of-week, 
517.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper.active .day-card .day-number { 
518    color: white; 
519} 
520 
521.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper.active .day-card.sunday .day-of-week, 
522.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper.active .day-card.sunday .day-number { 
523    color: white; 
524} 
525 
526.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper .day-card { 
527    display: flex; 
528    flex-direction: column; 
529    align-items: center; 
530    padding: 10px; 
531    padding-bottom: 8px; 
532    box-shadow: none; 
533    border-radius: 9px; 
534    gap: 17px; 
535    height: 125px; 
536    min-width: 78px; 
537} 
538 
539.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper .day-card:hover { 
540    border: 2px solid var(--general-primary-accent, #349E49); 
541} 
542 
543.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper .day-card.sunday .day-of-week, 
544.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper .day-card.sunday .day-number { 
545    color: black; 
546} 
547 
548.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper .day-card.current { 
549    background: var(--colors-neutral-neutral-100, #FFF); 
550    outline: unset; 
551} 
552 
553.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper .day-card.current .day-of-week, 
554.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper .day-card.current .day-number { 
555    color: white; 
556} 
557 
558.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper .day-card .day-of-week { 
559    font-size: 0.625rem; 
560    line-height: 100%; 
561    margin: 0; 
562} 
563 
564.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper .day-card .day-number { 
565    color: black; 
566    font-family: Transducer; 
567    font-size: 28px; 
568    font-style: normal; 
569    font-weight: 500; 
570    line-height: 100%; 
571} 
572 
573.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper .day-card .day-events-wrapper { 
574    justify-content: center; 
575    gap: unset; 
576    column-gap: 8px; 
577    row-gap: 5px; 
578    display: grid; 
579    grid-template-columns: repeat(3, 1fr); 
580} 
581 
582.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper .day-card .day-events-wrapper.even { 
583    grid-template-columns: repeat(2, 1fr); 
584} 
585 
586.events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper .day-card .day-events-wrapper .event picture { 
587    display: block; 
588} 
589 
590.events-calendar-container .day-events { 
591    align-items: flex-start; 
592    background: var(--general-primary-accent, #349E49); 
593    border-radius: 9px; 
594    font-weight: 600; 
595    display: flex; 
596    flex-direction: column; 
597    gap: 0.5rem; 
598    max-height: 175px; 
599    max-width: max(200px, 20vw); 
600    overflow-y: auto; 
601    padding: 17px 17px 17px 22px; 
602    position: absolute; 
603    opacity: 1; 
604    scrollbar-width: thin; 
605    transition: visibility 0s, opacity 0.25s ease-in-out; 
606    visibility: visible; 
607    width: fit-content; 
608    z-index: 1; 
609} 
610 
611.events-calendar-container .day-events::-webkit-scrollbar { 
612    width: 0.5rem; 
613} 
614 
615.events-calendar-container .day-events.hidden { 
616    visibility: hidden; 
617    opacity: 0; 
618} 
619 
620.events-calendar-container .day-events .event { 
621    align-items: center; 
622    display: flex; 
623    gap: 0.75rem; 
624} 
625 
626.events-calendar-container .day-events .event span { 
627    color: var(--general-reversed-high-emphasis, #FFF); 
628    line-height: 1em; 
629} 
630 
631.events-calendar-container .day-events .event img { 
632    height: 16px; 
633    width: 16px; 
634		filter: brightness(0) invert(1); 
635} 
636 
637.events-calendar-container .icon { 
638    color: var(--general-high-emphasis, #1C221B); 
639} 
640 
641.events-calendar-container .arrow-block { 
642    border: 1px solid rgb(91, 91, 91, 0.4); 
643    border-radius: 5px; 
644		max-height: 36px; 
645	max-width: 36px; 
646} 
647 
648.events-calendar-container .arrow-block:hover { 
649    opacity: 1; 
650} 
651 
652.events-calendar-container .arrow-block { 
653    background-color: var(--events-calendar-navigation-background-color); 
654    border: 1px solid rgba(91, 91, 91, 0.4); 
655    border-radius: 5px; 
656} 
657 
658.events-calendar-container .slide-buttons button.arrow-block { 
659    color: var(--general-high-emphasis, #1C221B); 
660    border: 1px solid var(--general-stroke, rgba(28, 34, 27, 0.30)); 
661	padding: 8px; 
662} 
663 
664.events-calendar-container .slide-buttons button.arrow-block:hover { 
665    background-color: unset; 
666} 
667 
668.events-calendar-container .events-calendar-days-container .day-events { 
669    background: var(--general-primary-accent, #349E49); 
670} 
671 
672				.events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day-wrapper, .events-calendar-container .events-calendar-days-container .events-calendar-days-wrapper .day { 
673border-radius: 0; 
674					.day-number { 
675						font-family: var(--body-m-font-family); 
676						font-size: var(--m-body-m); 
677						font-weight: var(--body-m-font-weight); 
678						letter-spacing: var(--body-m-font-spacing); 
679						line-height: var(--body-m-line-height); 
680					} 
681 
682					.day-of-week { 
683						font-family: var(--h7-font-family); 
684						font-size: var(--m-h7); 
685						font-weight: var(--h7-font-weight); 
686						letter-spacing: var(--h7-font-spacing); 
687						line-height: var(--h7-line-height); 
688					} 
689				} 
690 
691@media screen and (min-width: 768px) { 
692    .events-calendar-container .events-calendar-days-container .events-calendars-container .no-records { 
693        display: none; 
694    } 
695 
696    .events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper { 
697        flex-wrap: nowrap; 
698        display: flex; 
699        flex-direction: row; 
700        overflow-x: scroll; 
701        scroll-behavior: smooth; 
702        justify-content: flex-start; 
703        justify-items: stretch; 
704    } 
705 
706    .events-calendar-container .events-calendar-days-container .events-calendars-container .events-calendar-days-wrapper .day-wrapper.no-events { 
707        display: block; 
708    } 
709 
710    .events-calendar-container .slide-buttons.buttons-mobile { 
711        display: none; 
712    } 
713 
714    .events-calendar-container .slide-buttons.buttons-desktop { 
715        display: flex; 
716    } 
717} 
718 
719@media screen and (min-width: 992px) { 
720    .events-calendar-container .events-calendar-header-wrapper .buttons-and-legend-wrapper-desktop .buttons-desktop { 
721        display: flex; 
722        gap: 0.75rem; 
723    } 
724 
725    .events-calendar-container .events-calendar-header-wrapper .events-calendar-header { 
726        font-size: 2rem; 
727        text-align: left; 
728    } 
729 
730    .events-calendar-container .events-calendar-header-wrapper { 
731        align-items: center; 
732        flex-direction: row; 
733        margin-bottom: unset; 
734    } 
735 
736    .events-calendar-container .events-calendar-header-wrapper .buttons-and-legend-wrapper-desktop .buttons-desktop { 
737        display: flex; 
738        gap: 0.75rem; 
739    } 
740 
741    .events-calendar-container .events-calendar-days-container .date-and-buttons-wrapper { 
742        margin-bottom: unset; 
743    } 
744 
745    .events-calendar-container .events-calendar-days-container .date-and-buttons-wrapper .buttons-mobile { 
746        display: none; 
747    } 
748	 
749	.events-calendar-container .events-calendar-header-wrapper.styled-container .buttons-and-legend-wrapper-desktop .legend-wrapper { 
750    grid-template-columns: repeat(4, auto); 
751} 
752} 
753 
754</style> 
SOCIAL FEED

#dawajdawaj

Responsive Image
Responsive Image
Responsive Image
MULTIMEDIA

WIDEO

20/03/2026

Industria Kielce najczęściej pojawiającym się w mediach klubem ORLEN Superligi

18/03/2026

Zawodnicy Industrii Kielce zapraszają na wycieczkę rowerową

18/03/2026

Kibicuj Industrii Kielce w Segedynie. Rozpoczynamy zapisy na przejazd i bilety na mecz z OTP Bank Pick Szeged

NAJNOWSZA KLASYFIKACJA

TABELa

Lp. Team Matches Points Goals
1 Füchse Berlin logo Füchse Berlin 14 22 470 - 433
2 Aalborg Håndbold logo Aalborg Håndbold 14 21 457 - 407
3 Industria Kielce logo Industria Kielce 14 17 456 - 451
4 HBC Nantes logo HBC Nantes 14 16 456 - 416
5 One Veszprém HC logo One Veszprém HC 14 14 471 - 449
6 Sporting Clube de Portugal logo Sporting Clube de Portugal 14 14 465 - 476
7 Dinamo Bucuresti logo Dinamo Bucuresti 14 4 395 - 430
8 Kolstad Håndball logo Kolstad Håndball 14 4 386 - 494
Lp. Team Matches Points Goals
1 Orlen Wisła Płock logo Orlen Wisła Płock 21 62 764 - 510
2 Industria Kielce logo Industria Kielce 22 61 859 - 565
3 PGE Wybrzeże Gdańsk logo PGE Wybrzeże Gdańsk 21 45 690 - 641
4 Rebud KPR Ostrovia Ostrów Wielkopolski logo Rebud KPR Ostrovia Ostrów Wielkopolski 21 43 615 - 577
5 KGHM Chrobry Głogów logo KGHM Chrobry Głogów 22 36 618 - 640
6 Energa MMTS Kwidzyn logo Energa MMTS Kwidzyn 22 35 660 - 680
7 NETLAND MKS Kalisz logo NETLAND MKS Kalisz 21 31 602 - 617
8 Handball Stal Mielec logo Handball Stal Mielec 21 28 563 - 615
NOWOŚCI DLA FANÓW

OFICJALNY SKLEP

Z ŻYCIA KLUBU

POZA BOISKIEM

20/03/2026

Industria Kielce najczęściej pojawiającym się w mediach klubem ORLEN Superligi

18/03/2026

Zawodnicy Industrii Kielce zapraszają na wycieczkę rowerową

NASZA PRZYSZŁOŚĆ

MŁODZIEŻ

20/03/2026

Industria Kielce najczęściej pojawiającym się w mediach klubem ORLEN Superligi

18/03/2026

Zawodnicy Industrii Kielce zapraszają na wycieczkę rowerową

Responsive Image

ZAPISZ SIĘ DO

NEWSLETTERA

Pierwszy dowiedz się o rabatach i promocjach
Responsive Image
Partnerzy i sponsorzy
ISKRA BUSINESS
Responsive Image
Website logo

KS ISKRA KIELCE S.A.

Ul. Leszka Drogosza 2

25-093 Kielce
[email protected]

biuro

e-mail:
[email protected]
tel.: +48 505 031 275

USŁUGI VIP

e-mail: 
[email protected]
tel. +48 578 577 277

BILETY

e-mail:
[email protected]
kom.: +48 539 266 504

WOLONTARIAT

e-mail:
[email protected]
tel.: +48 539 015 788

WAŻNE LINKI

MAPA STRONY

Copyright © Industria Kielce. Wszelkie prawa zastrzeżone

Created with passion by