\u010cist\u00fd Hero Prvek s horn\u00ed mezerou<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <style>\n \/* --- Z\u00c1KLADN\u00cd RESET --- *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n body {\n background-color: transparent; \n }\n\n \/* --- HLAVN\u00cd KONTEJNER --- *\/\n .clean-hero {\n display: flex;\n flex-direction: column; \n justify-content: flex-start; \n align-items: center;\n text-align: center;\n \n \/* ZM\u011aN\u011aNO: Odsazen\u00ed - 20px naho\u0159e, 20px po stran\u00e1ch, 30px dole (p\u0159esn\u011b pro animaci a st\u00edn) *\/\n padding: 20px 20px 40px; \n background: transparent; \n }\n\n \/* --- TEXTY --- *\/\n .hero-quote {\n font-family: 'Montserrat', sans-serif;\n font-weight: 800; \n font-size: 3.2rem;\n color: #207d20; \/* Tvoje zelen\u00e1 *\/\n margin-bottom: 15px;\n line-height: 1.2;\n cursor: default;\n transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.3s ease;\n }\n\n .hero-subtitle {\n font-family: 'Montserrat', sans-serif;\n font-weight: 400;\n font-size: 1.4rem;\n color: #207d20;\n margin-bottom: 50px; \n cursor: default;\n transition: letter-spacing 0.4s ease, transform 0.4s ease;\n }\n\n \/* --- EFEKTY P\u0158I NAJET\u00cd MY\u0160\u00cd (HOVER) NA TEXT --- *\/\n .hero-quote:hover {\n transform: scale(1.03) translateY(-3px); \n }\n\n .hero-subtitle:hover {\n letter-spacing: 2px; \n transform: translateY(-2px);\n }\n\n \/* --- TLA\u010c\u00cdTKO --- *\/\n .hero-cta-button {\n display: inline-block;\n padding: 18px 50px;\n background-color: #207d20;\n color: #ffffff;\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n font-size: 1.15rem;\n text-decoration: none;\n border-radius: 50px;\n border: 2px solid #207d20;\n transition: all 0.4s ease;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);\n }\n\n .hero-cta-button:hover {\n background-color: transparent;\n color: #207d20; \/* Slad\u011bno do stejn\u00e9 zelen\u00e9 *\/\n transform: translateY(-3px);\n box-shadow: 0 8px 12px rgba(0, 0, 0, 0.18);\n }\n\n \/* --- VSTUPN\u00cd ANIMACE --- *\/\n .clean-hero > * {\n animation: fadeIn 1s ease-out forwards;\n opacity: 0;\n }\n \n .hero-quote { animation-delay: 0.1s; }\n .hero-subtitle { animation-delay: 0.3s; }\n .hero-cta-button { animation-delay: 0.5s; }\n\n @keyframes fadeIn {\n \/* Tla\u010d\u00edtko p\u0159ij\u00ed\u017ed\u00ed z 20px zdola, proto pot\u0159ebujeme ten 30px spodn\u00ed padding *\/\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- RESPONZIVITA (Mobily) --- *\/\n @media (max-width: 768px) {\n .clean-hero {\n padding-top: 20px; \n }\n .hero-quote {\n font-size: 2.2rem;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n margin-bottom: 40px;\n }\n .hero-cta-button {\n padding: 15px 35px;\n font-size: 1rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"clean-hero\">\n <h1 class=\"hero-quote\">„Jeden za v\u0161echny, v\u0161ichni za jednoho“<\/h1>\n <p class=\"hero-subtitle\">turistick\u00fd odd\u00edl Pochode\u0148 Unho\u0161\u0165<\/p>\n <a href=\"https:\/\/www.pochoden.cz\/wordpress\/proc-se-k-nam-pridat\/\" class=\"hero-cta-button\">Pro\u010d se k n\u00e1m p\u0159idat?<\/a>\n <\/section>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:55px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"cs\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Pl\u00e1n akc\u00ed – Pochode\u0148 Unho\u0161\u0165<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n :root {\n --brand-green: #207d20; \n --brand-green-hover: #186018; \n --text-dark: #2d3748;\n --text-light: #718096;\n --bg-gray: #f7fafc;\n --border-color: #e2e8f0;\n }\n\n * {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n color: var(--text-dark);\n padding: 40px 20px;\n }\n\n \/* HLAVN\u00cd KONTEJNER *\/\n .events-wrapper {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .section-title {\n font-size: 2.2rem;\n font-weight: 800;\n color: var(--brand-green);\n text-align: center;\n margin-bottom: 20px;\n }\n\n .events-intro {\n text-align: center;\n font-size: 1.1rem;\n line-height: 1.6;\n color: var(--text-light);\n margin-bottom: 40px;\n }\n\n .events-list {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n \/* --- JEDNOTLIV\u00c1 KARTA --- *\/\n .event-card {\n background: white;\n border-radius: 12px;\n cursor: pointer;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n border-left: 5px solid var(--brand-green);\n transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n position: relative;\n scroll-margin-top: 40px; \n }\n\n .event-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n }\n\n .event-card.highlighted {\n animation: highlightPulse 2s ease-out;\n box-shadow: 0 0 0 3px rgba(32, 125, 32, 0.4);\n }\n\n @keyframes highlightPulse {\n 0% { box-shadow: 0 0 0 0px rgba(32, 125, 32, 0.8); }\n 100% { box-shadow: 0 0 0 15px rgba(32, 125, 32, 0); }\n }\n\n \/* HLAVI\u010cKA KARTY *\/\n .card-header {\n display: flex;\n align-items: stretch;\n }\n\n .date-box {\n background-color: var(--bg-gray);\n padding: 20px 15px;\n min-width: 140px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n border-right: 1px solid var(--border-color);\n flex-shrink: 0;\n }\n\n .date-day {\n font-size: 1.4rem;\n font-weight: 800;\n color: var(--brand-green);\n line-height: 1.2;\n }\n\n .date-time {\n font-size: 0.8rem;\n color: var(--text-light);\n font-weight: 600;\n margin-top: 5px;\n text-transform: uppercase;\n }\n\n .card-main-wrapper {\n flex: 1;\n display: flex;\n align-items: center;\n padding: 20px;\n gap: 20px;\n }\n\n .card-image {\n width: 100px;\n height: 75px;\n border-radius: 8px;\n object-fit: cover;\n flex-shrink: 0;\n }\n\n .card-info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n }\n\n .card-title {\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 8px;\n transition: color 0.3s ease;\n }\n\n .event-card:hover .card-title {\n color: var(--brand-green);\n }\n\n .organizer-pill {\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--brand-green);\n background-color: rgba(32, 125, 32, 0.1);\n padding: 4px 10px;\n border-radius: 20px;\n display: inline-block;\n margin-right: 5px;\n margin-bottom: 5px;\n }\n\n .category-pill {\n background-color: white;\n border: 1px solid var(--brand-green);\n color: var(--brand-green);\n }\n\n .toggle-icon-wrapper {\n display: flex;\n align-items: center;\n padding-right: 20px;\n }\n\n .toggle-icon {\n width: 24px;\n height: 24px;\n color: var(--brand-green);\n transition: transform 0.3s ease;\n }\n\n .event-card.active .toggle-icon {\n transform: rotate(180deg);\n }\n\n \/* --- DETAIL (Rozbalovac\u00ed \u010d\u00e1st) --- *\/\n .card-details {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease;\n opacity: 0;\n }\n\n .event-card.active .card-details {\n opacity: 1;\n }\n\n .details-inner {\n padding: 0 20px 25px 20px;\n }\n\n .details-text {\n font-size: 0.95rem;\n color: var(--text-dark);\n line-height: 1.6;\n margin-bottom: 15px;\n padding-top: 15px;\n border-top: 1px solid var(--border-color);\n }\n\n \/* Informa\u010dn\u00ed box *\/\n .important-info {\n background-color: var(--bg-gray);\n padding: 20px;\n border-radius: 12px;\n border-left: 4px solid var(--brand-green);\n margin-bottom: 15px;\n }\n\n .important-info p {\n margin-bottom: 8px;\n font-size: 0.9rem;\n }\n\n .important-info p:last-child {\n margin-bottom: 0;\n }\n\n .important-info strong {\n color: var(--text-dark);\n display: inline-block;\n min-width: 110px;\n }\n\n \/* --- STYLOV\u00c1N\u00cd PRO SEZNAM --- *\/\n .gear-list {\n margin-top: 10px;\n padding-left: 20px;\n list-style-type: none;\n }\n\n .gear-list li {\n position: relative;\n margin-bottom: 8px;\n font-size: 0.9rem;\n line-height: 1.5;\n color: var(--text-dark);\n }\n\n .gear-list li::before {\n content: \"\u2022\";\n color: var(--brand-green);\n font-weight: bold;\n position: absolute;\n left: -15px;\n font-size: 1.2rem;\n line-height: 1;\n }\n\n .gear-note {\n font-size: 0.85rem;\n color: var(--text-light);\n font-style: italic;\n margin-top: 10px;\n }\n\n \/* --- TLA\u010c\u00cdTKA --- *\/\n .action-buttons {\n display: flex;\n gap: 15px;\n margin-top: 25px;\n flex-wrap: wrap;\n }\n\n .btn {\n padding: 10px 20px;\n border-radius: 8px;\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n font-size: 0.9rem;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: all 0.3s ease;\n cursor: pointer;\n }\n\n .btn-primary {\n background-color: var(--brand-green);\n color: white;\n border: 2px solid var(--brand-green);\n }\n\n .btn-primary:hover {\n background-color: var(--brand-green-hover);\n border-color: var(--brand-green-hover);\n }\n\n .btn-secondary {\n background-color: transparent;\n color: var(--brand-green);\n border: 2px solid var(--brand-green);\n }\n\n .btn-secondary:hover {\n background-color: var(--bg-gray);\n }\n\n \/* --- M\u00cdSTO PRO MAPU --- *\/\n .map-placeholder {\n width: 100%;\n height: 250px;\n background-color: var(--bg-gray);\n border-radius: 12px;\n margin-top: 20px;\n margin-bottom: 5px;\n border: 1px solid var(--border-color);\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--text-light);\n }\n\n .map-placeholder iframe {\n width: 100%;\n height: 100%;\n border: none;\n }\n\n \/* --- RESPONZIVITA (MOBILY) --- *\/\n @media (max-width: 650px) {\n .card-header { flex-direction: column; }\n .date-box {\n min-width: 100%;\n border-right: none;\n border-bottom: 1px solid var(--border-color);\n flex-direction: row;\n justify-content: flex-start;\n gap: 15px;\n padding: 15px 60px 15px 20px;\n }\n .date-time { margin-top: 0; }\n .card-main-wrapper {\n flex-direction: column;\n align-items: flex-start;\n padding: 20px;\n }\n .card-image { width: 100%; height: 150px; }\n \n \/* Tla\u010d\u00edtka na mobilu - oprava zobrazen\u00ed *\/\n .action-buttons { \n flex-direction: column; \n align-items: stretch;\n gap: 10px; \n width: 100%;\n }\n .btn { \n justify-content: center; \n text-align: center;\n width: 100%;\n padding: 12px 15px;\n }\n\n .toggle-icon-wrapper { \n position: absolute; \n top: 15px; \n right: 15px; \n padding: 0;\n width: 40px;\n height: 40px;\n background-color: #ffffff;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n z-index: 2;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"events-wrapper\">\n <h1 class=\"section-title\">Pl\u00e1n akc\u00ed odd\u00edlu<\/h1>\n <p class=\"events-intro\">Krom\u011b pravideln\u00fdch t\u00fddenn\u00edch dru\u017einov\u00fdch sch\u016fzek pro v\u00e1s p\u0159ipravujeme:<\/p>\n\n <div class=\"events-list\">\n\n <div id=\"armyday\" class=\"event-card\" onclick=\"toggleDetails(this)\">\n <div class=\"card-header\">\n <div class=\"date-box\">\n <span class=\"date-day\">22. 5.<\/span>\n <span class=\"date-time\">P\u00e1tek 17:00 \u2013 19:00<\/span>\n <\/div>\n <div class=\"card-main-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/z9xIofE.jpeg\" alt=\"ArmyDay Pochodn\u011b\" class=\"card-image\">\n <div class=\"card-info\">\n <h2 class=\"card-title\">ArmyDay Pochodn\u011b<\/h2>\n <span class=\"organizer-pill\">P\u0159ipravuje: \u017dlababa<\/span>\n <\/div>\n <\/div>\n <div class=\"toggle-icon-wrapper\">\n <svg class=\"toggle-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <\/div>\n <div class=\"card-details\">\n <div class=\"details-inner\">\n <p class=\"details-text\">Tradi\u010dn\u00ed brann\u00e9 sout\u011b\u017en\u00ed odpoledne pln\u00e9 \u00fakol\u016f a zkou\u0161ek obratnosti pro v\u0161echny \u010dleny.<\/p>\n <div class=\"important-info\">\n <p><strong>M\u00edsto:<\/strong> \u0160t\u00e1b<\/p>\n <p><strong>S sebou:<\/strong> Sportovn\u00ed \/ mask\u00e1\u010dov\u00e9 oble\u010den\u00ed<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"cyklotrek\" class=\"event-card\" onclick=\"toggleDetails(this)\">\n <div class=\"card-header\">\n <div class=\"date-box\">\n <span class=\"date-day\">23. 5.<\/span>\n <span class=\"date-time\">Sobota<\/span>\n <\/div>\n <div class=\"card-main-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/04\/fb-s-textem.jpg\" alt=\"CykloTREK Pochodn\u011b\" class=\"card-image\">\n <div class=\"card-info\">\n <h2 class=\"card-title\">25. CykloTREK Pochodn\u011b<\/h2>\n <div>\n <span class=\"organizer-pill\">P\u0159ipravuj\u00ed: Bar\u010da a Dom\u010da<\/span>\n <span class=\"organizer-pill category-pill\"><i class=\"fas fa-users\"><\/i> Akce pro ve\u0159ejnost<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"toggle-icon-wrapper\">\n <svg class=\"toggle-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <\/div>\n <div class=\"card-details\" onclick=\"event.stopPropagation();\">\n <div class=\"details-inner\">\n <p class=\"details-text\">V\u00e1\u017een\u00ed p\u0159\u00e1tel\u00e9 a p\u0159\u00edznivci kol, dovolujeme si v\u00e1s pozvat na dal\u0161\u00ed, letos ji\u017e 25. ro\u010dn\u00edk na\u0161\u00ed tradi\u010dn\u00ed odd\u00edlov\u00e9 akce. <strong>Akce je otev\u0159ena pro v\u0161echny p\u0159\u00edchoz\u00ed!<\/strong> Vezm\u011bte rodinu, \u0159ekn\u011bte o n\u00ed sv\u00fdm kamar\u00e1d\u016fm a zn\u00e1m\u00fdm.<\/p>\n \n <div class=\"important-info\">\n <p><strong>Kategorie:<\/strong> \n <span class=\"organizer-pill category-pill\" style=\"margin-left: 5px;\">Pohod\u00e1\u0159i (2-3 os.)<\/span> \n <span class=\"organizer-pill category-pill\">Dravci (2-3 os.)<\/span> \n <span class=\"organizer-pill category-pill\">Rodiny<\/span>\n <\/p>\n <p><strong>Harmonogram:<\/strong> 8:00 Registrace | 9:00 Start | 16:00 Konec sout\u011b\u017ee | 17:00 Vyhl\u00e1\u0161en\u00ed<\/p>\n <p><strong>Startovn\u00e9:<\/strong> Dosp\u011bl\u00ed 100 K\u010d | Do 15 let 50 K\u010d | P\u0159ed\u0161koln\u00ed d\u011bti zdarma<\/p>\n <\/div>\n\n <p style=\"font-weight: 700; color: var(--text-dark); margin-top: 20px;\">O co jde (pro ty, kte\u0159\u00ed je\u0161t\u011b nejeli):<\/p>\n <ul class=\"gear-list\">\n <li>Cyklo orienta\u010dn\u00ed sout\u011b\u017e po kr\u00e1sn\u00fdch m\u00edstech v okol\u00ed Unho\u0161t\u011b.<\/li>\n <li>Va\u0161\u00edm \u00fakolem je v ur\u010den\u00e9m \u010dase nav\u0161t\u00edvit co nejv\u00edce m\u00edst ozna\u010den\u00fdch na map\u011b a z\u00edskat tak maxim\u00e1ln\u00ed po\u010det bod\u016f.<\/li>\n <li>D\u016fle\u017eit\u00e1 bude orientace v ter\u00e9nu a na map\u011b a tak\u00e9 n\u011bjak\u00e1 ta fyzi\u010dka.<\/li>\n <li>S sebou: <strong>J\u00edzdn\u00ed kolo v dobr\u00e9m stavu, helmu a pit\u00ed.<\/strong> Zjednodu\u0161enou mapu od n\u00e1s dostanete na startu, ur\u010dit\u011b se ale hod\u00ed m\u00edt v telefonu sta\u017een\u00e9 Mapy.cz.<\/li>\n <\/ul>\n\n <div class=\"map-placeholder\">\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d495.28664164855553!2d14.114869312859057!3d50.079935505757646!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470bb9e459731069%3A0x6e6f0c5987b40f76!2zVW5ob8WhxaUgMzgxLCAyNzMgNTEgVW5ob8WhxaU!5e0!3m2!1scs!2scz!4v1776678226026!5m2!1scs!2scz\" width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n <\/div>\n <p class=\"gear-note\" style=\"text-align: center; margin-top: 5px;\">Start a c\u00edl sout\u011b\u017ee: U klubovny \u0160t\u00e1b<\/p>\n\n <div class=\"action-buttons\">\n <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfy9Gc6SPAw4UGOypRE-hXPISLWL6YJRxFYk6hMj6qZuXLpAg\/viewform\" class=\"btn btn-primary\" target=\"_blank\"><i class=\"fas fa-check-circle\"><\/i> Potvrdit \u00fa\u010dast (usnadn\u00ed pl\u00e1nov\u00e1n\u00ed)<\/a>\n <a href=\"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/04\/Prihlaska_a_revers_ucast_akce_2026.docx.pdf\" class=\"btn btn-secondary\" target=\"_blank\"><i class=\"fas fa-file-pdf\"><\/i> St\u00e1hnout revers<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"dendeti\" class=\"event-card\" onclick=\"toggleDetails(this)\">\n <div class=\"card-header\">\n <div class=\"date-box\">\n <span class=\"date-day\">31. 5.<\/span>\n <span class=\"date-time\">Ned\u011ble odpoledne<\/span>\n <\/div>\n <div class=\"card-main-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/WnYcF8J.jpeg\" alt=\"Den d\u011bt\u00ed s Pochodn\u00ed\" class=\"card-image\">\n <div class=\"card-info\">\n <h2 class=\"card-title\">Den d\u011bt\u00ed s Pochodn\u00ed<\/h2>\n <div>\n <span class=\"organizer-pill\">P\u0159ipravuje: Radka<\/span>\n <span class=\"organizer-pill category-pill\"><i class=\"fas fa-users\"><\/i> Akce pro ve\u0159ejnost<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"toggle-icon-wrapper\">\n <svg class=\"toggle-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <\/div>\n <div class=\"card-details\">\n <div class=\"details-inner\">\n <p class=\"details-text\">V\u00e1\u017een\u00ed a mil\u00ed kamar\u00e1di, p\u0159\u00e1tel\u00e9 a p\u0159\u00edznivci tradi\u010dn\u00edho D\u011btsk\u00e9ho dne v Unho\u0161ti! Tak\u00e9 letos prob\u011bhne pod z\u00e1\u0161titou odd\u00edlu Pochode\u0148 a op\u011bt se na v\u00e1s obrac\u00edm s prosbou o pomoc s jeho zaji\u0161t\u011bn\u00edm.<\/p>\n \n <div class=\"important-info\">\n <p><strong>M\u00edsto:<\/strong> Rybn\u00edk Bulhar a p\u0159ilehl\u00e9 louky<\/p>\n <p><strong>\u010cas pro d\u011bti:<\/strong> 14:00 \u2013 18:00<\/p>\n <p><strong>\u010cas pro po\u0159adatele:<\/strong> 13:00 \u2013 18:00<\/p>\n <p><strong>Kontakt (Radka):<\/strong> E-mail, SMS nebo WhatsApp na 724 247 133<\/p>\n <\/div>\n\n <p class=\"details-text\" style=\"padding-top: 0; border-top: none;\">M\u00e1te chu\u0165 vid\u011bt radost v o\u010d\u00edch d\u011bt\u00ed a pro\u017e\u00edt p\u0159\u00edjemn\u00e9 ned\u011bln\u00ed odpoledne? Moc r\u00e1da v\u00e1s uvid\u00edm. Bez v\u00e1s to prost\u011b nejde! \ud83d\ude42<br><br>Pokud se rozhodnete, \u017ee n\u00e1m pom\u016f\u017eete (se stanovi\u0161t\u011bm, odm\u011bnami nebo m\u00e1te zaj\u00edmav\u00fd n\u00e1pad), dejte mi pros\u00edm v\u011bd\u011bt. Napi\u0161te mi, jak\u00e9 stanovi\u0161t\u011b si vezmete a kde jej chcete. P\u0159edem v\u00e1m v\u0161em opravdu moc d\u011bkuji a t\u011b\u0161\u00edm se!<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"zaverecne\" class=\"event-card\" onclick=\"toggleDetails(this)\">\n <div class=\"card-header\">\n <div class=\"date-box\">\n <span class=\"date-day\">5.\u20137. 6.<\/span>\n <span class=\"date-time\">P\u00e1 \u2013 Ne<\/span>\n <\/div>\n <div class=\"card-main-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/5Vtb66r.jpeg\" alt=\"Z\u00e1v\u011bre\u010dn\u00e9 t\u00e1bo\u0159en\u00ed odd\u00edlu\" class=\"card-image\">\n <div class=\"card-info\">\n <h2 class=\"card-title\">Z\u00e1v\u011bre\u010dn\u00e9 t\u00e1bo\u0159en\u00ed odd\u00edlu<\/h2>\n <span class=\"organizer-pill\">P\u0159ipravuje: Am\u00e1lka<\/span>\n <\/div>\n <\/div>\n <div class=\"toggle-icon-wrapper\">\n <svg class=\"toggle-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <\/div>\n <div class=\"card-details\">\n <div class=\"details-inner\">\n <p class=\"details-text\">Slavnostn\u00ed zakon\u010den\u00ed celoro\u010dn\u00ed \u010dinnosti odd\u00edlu spole\u010dn\u00fdm t\u00e1bo\u0159en\u00edm pod stany.<\/p>\n <div class=\"important-info\">\n <p><strong>M\u00edsto:<\/strong> Bude up\u0159esn\u011bno<\/p>\n <p><strong>S sebou:<\/strong> [Dopl\u0148te]<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"putovni\" class=\"event-card\" onclick=\"toggleDetails(this)\">\n <div class=\"card-header\">\n <div class=\"date-box\">\n <span class=\"date-day\">27. 6. \u2013 11. 7.<\/span>\n <\/div>\n <div class=\"card-main-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/6FEikrO.jpeg\" alt=\"Putovn\u00ed t\u00e1bor Pochodn\u011b: Jesen\u00edky\" class=\"card-image\">\n <div class=\"card-info\">\n <h2 class=\"card-title\">Putovn\u00ed t\u00e1bor Pochodn\u011b: Jesen\u00edky<\/h2>\n <span class=\"organizer-pill\">Vedouc\u00ed: Jakub Pucholt<\/span>\n <\/div>\n <\/div>\n <div class=\"toggle-icon-wrapper\">\n <svg class=\"toggle-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <\/div>\n <div class=\"card-details\" onclick=\"event.stopPropagation();\">\n <div class=\"details-inner\">\n <p class=\"details-text\">\u010ctrn\u00e1ctidenn\u00ed putovn\u00ed t\u00e1bor poho\u0159\u00edm Jesen\u00edk\u016f, Rychlebsk\u00fdch hor a Kr\u00e1lick\u00e9ho Sn\u011b\u017en\u00edku. V\u0161echny sv\u00e9 v\u011bci si poneseme na z\u00e1dech a ka\u017edou noc budeme sp\u00e1t na jin\u00e9m m\u00edst\u011b ve vlastn\u00edch stanech. \u010cek\u00e1 n\u00e1s spousta z\u00e1bavy, nezapomenuteln\u00e1 panoramata a obrovsk\u00e1 zkou\u0161ka vytrvalosti!<\/p>\n \n <div class=\"important-info\">\n <p><strong>Pro koho:<\/strong> \u010cern\u00e1, Zelen\u00e1 a vybran\u00ed z \u010cerven\u00e9 dru\u017einy (od 10 let, nutn\u00e1 celoro\u010dn\u00ed aktivita).<\/p>\n <p><strong>Odjezd a n\u00e1vrat:<\/strong> Sobota 27. 6. r\u00e1no \u2013 Sobota 11. 7. odpoledne.<\/p>\n <p><strong>Cena:<\/strong> P\u0159edpoklad do 4 500 K\u010d. P\u0159ihl\u00e1\u0161ka se z\u00e1lohou 1 000 K\u010d do 28. 1. 2026 (hotov\u011b do schr\u00e1nky), doplatek do 30. 4.<\/p>\n <p><strong>Kontrola v\u011bc\u00ed:<\/strong> P\u00e1tek 26. 6. prob\u011bhne povinn\u00e1 sch\u016fzka a striktn\u00ed kontrola vybaven\u00ed.<\/p>\n <p><strong>Kontakt (vedouc\u00ed):<\/strong> Jakub Pucholt, +420 775 132 819, pucholtjakub@seznam.cz<\/p>\n <\/div>\n\n <p style=\"font-weight: 700; color: var(--text-dark); margin-top: 20px;\">Vybaven\u00ed s sebou (v\u0161e na z\u00e1da!):<\/p>\n <p class=\"details-text\" style=\"padding-top: 0; border: none; margin-bottom: 5px;\">Pe\u010dliv\u011b hl\u00eddejte <strong>hmotnost a velikost<\/strong> ka\u017ed\u00e9 v\u011bci! V\u0161e uvnit\u0159 batohu zabalte do pevn\u00fdch igelitov\u00fdch ta\u0161ek (\u017e\u00e1dn\u00fd batoh nen\u00ed nepromokav\u00fd).<\/p>\n \n <ul class=\"gear-list\">\n <li><strong>Velk\u00fd batoh:<\/strong> Mus\u00ed dob\u0159e sed\u011bt na z\u00e1dech (krosny s vn\u011bj\u0161\u00ed konstrukc\u00ed nejsou vhodn\u00e9). Uvnit\u0159 siln\u00fd igelitov\u00fd pytel, p\u0159\u00edpadn\u011b dokoupit kompresn\u00ed \u0159em\u00ednky na karimatku a l\u00e1hve.<\/li>\n <li><strong>Stan:<\/strong> Dvoupl\u00e1\u0161\u0165ov\u00fd s duralov\u00fdmi pruty, max 3,5 kg (sp\u00ed se po odd\u00edlech, nos\u00ed se rozd\u011blen\u00fd na 2 obaly). S p\u0159edstihem zkontrolovat kol\u00edky a ukotven\u00ed!<\/li>\n <li><strong>Span\u00ed:<\/strong> Tepl\u00fd, lehk\u00fd a mal\u00fd spac\u00e1k (v nepromokav\u00e9m obalu!). Karimatka s nepromokav\u00fdm obalem a poutky na p\u0159ichycen\u00ed.<\/li>\n <li><strong>Oble\u010den\u00ed:<\/strong> Rozchozen\u00e9 pevn\u00e9 pohorky (+ n\u00e1hr. tkani\u010dky), lehk\u00e9 sand\u00e1ly na p\u0159ezut\u00ed. Odd\u00edlov\u00e1 zelen\u00e1 ko\u0161ile\/triko a \u0161\u00e1tek. Tepl\u00e1 fleesov\u00e1 bunda, funk\u010dn\u00ed pr\u00e1dlo (h\u0159eje i schne), 3x siln\u00e9 pono\u017eky, dlouh\u00e9 rychleschnouc\u00ed kalhoty (odp\u00ednac\u00ed, ne d\u017e\u00edny\/man\u0161estr). V\u011bci na span\u00ed (v\u010d. kulichu a rukavic). Plavky. N\u00e1vleky nad pohorky (voliteln\u00e9).<\/li>\n <li><strong>Ochrana proti de\u0161ti:<\/strong> Pevn\u00e1 pl\u00e1\u0161t\u011bnka (J\u00e9p\u00e9\u010dko, ne pon\u010do) NEBO kvalitn\u00ed membr\u00e1nov\u00e1 bunda a kalhoty (Gore-Tex atd. – nesta\u010d\u00ed jen bunda!). Pl\u00e1\u0161t\u011bnka na batoh.<\/li>\n <li><strong>J\u00eddlo a pit\u00ed:<\/strong> Nerezov\u00e1 miska (ne plast, ne e\u0161us!), l\u017e\u00edce, v\u011bt\u0161\u00ed lehk\u00fd nerozbitn\u00fd hrne\u010dek. 3x 1,5l l\u00e1hev na vodu (doma podepsat, zajistit si obal na uchycen\u00ed k batohu) + lehk\u00e1 pl\u00e1t\u011bn\u00e1 ta\u0161ka\/s\u00ed\u0165ovka na don\u00e1\u0161ku vody od stud\u00e1nky.<\/li>\n <li><strong>Nezbytnosti:<\/strong> LED \u010delovka (+ n\u00e1hr. baterie), mal\u00fd zav\u00edrac\u00ed n\u016f\u017e s otv\u00edr\u00e1kem na konzervy, buzola, p\u00ed\u0161\u0165alka, lakroska + tenis\u00e1k, 2x sirky\/zapalova\u010d (nepromokav\u00e9), sv\u00ed\u010dka (hrobni\u010dka), nylonov\u00e1 \u0161\u0148\u016fra (8-10m) + 6 kol\u00ed\u010dk\u016f, mal\u00e9 \u0161it\u00ed. Trekov\u00e9 h\u016flky (doporu\u010dujeme).<\/li>\n <li><strong>Hygiena a zdrav\u00ed:<\/strong> Minimalistick\u00e1 hygiena (mal\u00fd ru\u010dn\u00edk z mikrovl\u00e1kna, pasta, kart\u00e1\u010dek, m\u00fddlo). <strong>Osobn\u00ed l\u00e9k\u00e1rni\u010dka<\/strong> (ka\u017ed\u00fd si nese dostatek n\u00e1plast\u00ed na sv\u00e9 puch\u00fd\u0159e a elastick\u00fd obvaz na kolena \u2013 nelze dokupovat na m\u00edst\u011b!). Slune\u010dn\u00ed br\u00fdle, kr\u00e9m, repelent.<\/li>\n <li><strong>Dokumenty (nepromokav\u00e1 kapsi\u010dka na krk):<\/strong> OP\/pas, origin\u00e1l karti\u010dky poji\u0161\u0165ovny, posudek l\u00e9ka\u0159e, bezinfek\u010dnost, dopl\u0148uj\u00edc\u00ed \u00fadaje, (kopie o\u010dkovac\u00edho pr\u016fkazu). Mal\u00fd z\u00e1pisn\u00edk, propiska. Kapesn\u00e9 dle uv\u00e1\u017een\u00ed.<\/li>\n <\/ul>\n <p class=\"gear-note\">Nenoste sladkosti (max minimum, ponesete i spole\u010dn\u00e9 vybaven\u00ed), cennosti ani mobily (stejn\u011b je nebude kde nab\u00edt, budeme si pov\u00eddat a hr\u00e1t!).<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"kocovny\" class=\"event-card\" onclick=\"toggleDetails(this)\">\n <div class=\"card-header\">\n <div class=\"date-box\">\n <span class=\"date-day\">18.\u201325. 7.<\/span>\n <\/div>\n <div class=\"card-main-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/DuycgS7.jpeg\" alt=\"Ko\u010dovn\u00fd t\u00e1bor Pochodn\u011b\" class=\"card-image\">\n <div class=\"card-info\">\n <h2 class=\"card-title\">Ko\u010dovn\u00fd t\u00e1bor Pochodn\u011b: \u010cesk\u00fd Les<\/h2>\n <span class=\"organizer-pill\">Vedouc\u00ed: Michal Hudec<\/span>\n <\/div>\n <\/div>\n <div class=\"toggle-icon-wrapper\">\n <svg class=\"toggle-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <\/div>\n <div class=\"card-details\" onclick=\"event.stopPropagation();\">\n <div class=\"details-inner\">\n <p class=\"details-text\">Letos chyst\u00e1me velkou zm\u011bnu! M\u00edsto klasick\u00e9ho st\u00e1l\u00e9ho t\u00e1bora vyr\u00e1\u017e\u00edme na t\u00e1bor ko\u010dovn\u00fd. Ka\u017ed\u00fd den se p\u0159esuneme na jin\u00e9 t\u00e1bo\u0159i\u0161t\u011b, ale nebojte \u2013 d\u011bti p\u016fjdou jen nalehko s mal\u00fdm batohem. Hlavn\u00ed zavazadla a stany jim p\u0159eveze doprovodn\u00e9 auto. \u010cek\u00e1 n\u00e1s tradi\u010dn\u00ed celot\u00e1borov\u00e1 hra a va\u0159en\u00ed v poln\u00ed kuchyni.<\/p>\n \n <div class=\"important-info\">\n <p><strong>Pro koho:<\/strong> Modr\u00e1, \u017dlut\u00e1 a \u010cerven\u00e1 dru\u017eina (ro\u010d. 2014 a mlad\u0161\u00ed, nutn\u00e1 aktivn\u00ed \u00fa\u010dast b\u011bhem roku).<\/p>\n <p><strong>Odjezd a n\u00e1vrat:<\/strong> Sobota 18. 7. r\u00e1no \u2013 Sobota 25. 7. odpoledne.<\/p>\n <p><strong>Cena:<\/strong> P\u0159edpoklad do 4 000 K\u010d. Vypln\u011bnou p\u0159ihl\u00e1\u0161ku se z\u00e1lohou 500 K\u010d (hotov\u011b) vho\u010fte do schr\u00e1nky nejpozd\u011bji do 28. 1. 2026.<\/p>\n <p><strong>Kontrola v\u011bc\u00ed:<\/strong> P\u00e1tek 17. 7. prob\u011bhne povinn\u00e1 sch\u016fzka a striktn\u00ed kontrola vybaven\u00ed.<\/p>\n <p><strong>Kontakt (vedouc\u00ed):<\/strong> Michal Hudec, +420 723 565 066, michal.hudec300@gmail.com<\/p>\n <\/div>\n\n <p style=\"font-weight: 700; color: var(--text-dark); margin-top: 20px;\">Nov\u00fd syst\u00e9m balen\u00ed (\u010ct\u011bte pozorn\u011b!)<\/p>\n <p class=\"details-text\" style=\"padding-top: 0; border: none; margin-bottom: 5px;\">V\u011bci rozd\u011blte na dv\u011b \u010d\u00e1sti. <strong>V\u0161e uvnit\u0159 mus\u00ed b\u00fdt zabaleno nepromokav\u011b v igelitov\u00fdch ta\u0161k\u00e1ch.<\/strong><\/p>\n \n <ul class=\"gear-list\">\n <li><strong>Na sebe p\u0159i odjezdu:<\/strong> Zelen\u00e1 odd\u00edlov\u00e1 ko\u0161ile (nebo tri\u010dko), \u0161\u00e1tek, kra\u0165asy, rozchozen\u00e9 pevn\u00e9 pohorky.<\/li>\n <li><strong>1. DO BATOHU (nesou si celou dobu):<\/strong> Pl\u00e1\u0161t\u011bnka (nejl\u00e9pe J\u00e9p\u00e9\u010dko), tepl\u00e1 fleeska\/bunda, 2x 1,5l voda, mal\u00fd n\u016f\u017e, buzola, p\u00ed\u0161\u0165alka, blok, osobn\u00ed l\u00e9k\u00e1rni\u010dka (n\u00e1plasti, obvaz \u2013 nepromokav\u011b), klobouk\/\u010depice, kr\u00e9m proti slunci, plavky, toaletn\u00ed pap\u00edr, kapesn\u00edky, lakroska + m\u00ed\u010dek. Kapesn\u00e9 max 200 K\u010d.<\/li>\n <li><strong>2. DO SPORTOVN\u00cd TA\u0160KY (poveze auto):<\/strong> <em>POZOR: \u017d\u00e1dn\u00e9 kufry ani ta\u0161ky na kole\u010dk\u00e1ch!<\/em> Mumiov\u00fd spac\u00e1k, karimatka (ne alumatka), e\u0161us (jen velk\u00fd d\u00edl), hrnek, l\u017e\u00edce, lihov\u00fd va\u0159i\u010d + l\u00edh, 2x sirky, LED \u010delovka, hygienick\u00e9 pot\u0159eby (mal\u00e9 balen\u00ed), oble\u010den\u00ed na p\u0159evle\u010den\u00ed (ide\u00e1ln\u011b termopr\u00e1dlo, dlouh\u00e9 \u0161us\u0165\u00e1ky \u2013 ne d\u017e\u00edny, oble\u010den\u00ed na span\u00ed v\u010d. kulichu), n\u00e1hradn\u00ed sportovn\u00ed boty (ne crocs), uzlova\u010dka, 3x hadr\u00e1k, 5x pr\u00e1zdn\u00e1 igelitka.<\/li>\n <li><strong>3. STAN (poveze auto):<\/strong> Mal\u00fd a lehk\u00fd stan s tropikem (sp\u00ed se po odd\u00edlech).<\/li>\n <\/ul>\n <p class=\"gear-note\">Pros\u00edme, ned\u00e1vejte d\u011btem nic nav\u00edc (ply\u0161\u00e1ky, pol\u0161t\u00e1\u0159e), kv\u016fli omezen\u00e9mu m\u00edstu v doprovodn\u00e9m aut\u011b. Ned\u00e1vejte jim ani cennosti a telefony.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n function toggleDetails(element) {\n if (!element.classList.contains('event-card')) return;\n \n element.classList.toggle(\"active\");\n \n let details = element.querySelector(\".card-details\");\n \n if (details.style.maxHeight) {\n details.style.maxHeight = null;\n } else {\n details.style.maxHeight = details.scrollHeight + \"px\";\n }\n }\n\n \/\/ Funkce pro automatick\u00e9 rozbalen\u00ed karty po na\u010dten\u00ed str\u00e1nky (pokud je v URL hash, nap\u0159. #cyklotrek)\n window.addEventListener('DOMContentLoaded', (event) => {\n const hash = window.location.hash;\n if (hash) {\n const targetCard = document.querySelector(hash);\n if (targetCard && targetCard.classList.contains('event-card')) {\n setTimeout(() => {\n targetCard.classList.add(\"active\");\n targetCard.classList.add(\"highlighted\"); \n let details = targetCard.querySelector(\".card-details\");\n details.style.maxHeight = details.scrollHeight + \"px\";\n \n targetCard.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }, 500);\n\n setTimeout(() => {\n targetCard.classList.remove(\"highlighted\");\n }, 3000);\n }\n }\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"cs\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <style>\n :root { \n --brand-green: #207d20; \n --brand-green-hover: #186018; \n --dot-size: 10px; \n --dot-gap: 12px; \n }\n\n * {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n }\n\n body { \n font-family: 'Montserrat', sans-serif; \n background: transparent; \n padding: 20px 10px; \n }\n\n .slider-wrapper {\n position: relative;\n max-width: 1150px; \n margin: 0 auto;\n display: flex;\n align-items: center;\n gap: 15px; \n touch-action: pan-y; \n }\n\n .slider-container {\n flex: 1;\n overflow: hidden;\n border-radius: 16px; \n cursor: grab;\n padding: 15px 0; \n }\n \n .slider-container:active { cursor: grabbing; }\n\n .slider {\n display: flex;\n gap: 20px;\n transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); \n }\n\n .slide {\n flex: 0 0 100%; \n background: white;\n border-radius: 16px;\n overflow: hidden;\n border: none; \n box-shadow: 0 4px 15px rgba(0,0,0,0.06); \n transition: transform 0.4s ease, box-shadow 0.4s ease;\n user-select: none;\n }\n\n @media (min-width: 600px) { .slide { flex: 0 0 calc(50% - 10px); } }\n @media (min-width: 1000px) { .slide { flex: 0 0 calc(33.333% - 13.4px); } }\n\n .slide a { \n text-decoration: none; \n color: var(--brand-green); \n display: block; \n height: 100%;\n }\n \n .slide:hover {\n transform: translateY(-5px); \n box-shadow: 0 12px 25px rgba(0,0,0,0.12); \n }\n\n .img-box {\n width: 100%;\n height: 200px;\n overflow: hidden;\n background: #f4f4f4;\n }\n\n .slide img { \n width: 100%; \n height: 100%; \n object-fit: cover; \n pointer-events: none; \n transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n }\n\n .slide:hover img { transform: scale(1.06); }\n\n .slide p { \n padding: 20px 15px; \n margin: 0; \n font-weight: 600; \n text-align: center; \n font-size: 1rem;\n min-height: 70px;\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1.3;\n }\n\n .nav-btn {\n background: white; \n border: none;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1); \n width: 46px; height: 46px;\n border-radius: 50%; \n color: var(--brand-green);\n font-size: 1.2rem;\n cursor: pointer; \n transition: all 0.3s ease;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n z-index: 10;\n }\n \n .nav-btn:hover { \n background: var(--brand-green); \n color: white; \n transform: scale(1.05); \n box-shadow: 0 6px 15px rgba(32, 125, 32, 0.25); \n }\n\n .dots { \n display: flex; \n justify-content: center; \n gap: var(--dot-gap); \n margin-top: 20px; \n position: relative; \n width: fit-content;\n margin-left: auto;\n margin-right: auto;\n }\n\n .dot { \n width: var(--dot-size); \n height: var(--dot-size); \n background: #e0e0e0; \n border-radius: 50%; \n cursor: pointer; \n transition: background 0.3s ease; \n flex-shrink: 0;\n }\n \n .active-dot-overlay {\n width: var(--dot-size);\n height: var(--dot-size);\n background: var(--brand-green);\n border-radius: 50%;\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none; \n transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n z-index: 5;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"slider-wrapper\">\n <button class=\"nav-btn\" onclick=\"prev()\">\u276e<\/button>\n \n <div class=\"slider-container\" id=\"touchArea\">\n <div class=\"slider\" id=\"slider\">\n\n <div class=\"slide\" data-id=\"0\">\n <a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/2026-04-17-19-vyprava-kralovice-michalh-nela\" target=\"_blank\">\n <div class=\"img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/04\/IMG_0248.jpg\" alt=\"Jarn\u00ed v\u00fdprava Kralovice 2026\">\n <\/div>\n <p>Jarn\u00ed v\u00fdprava Kralovice 2026<\/p>\n <\/a>\n <\/div>\n\n <div class=\"slide\" data-id=\"1\"><a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/2026-01-10-vyrocni-vyprava-petr\" target=\"_blank\"><div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/img40.rajce.idnes.cz\/d4002\/19\/19846\/19846385_9fa8f63b2e9ee253fd58b84a14d513bb\/images\/IMG_3966.jpg?ver=0\"><\/div><p>V\u00fdro\u010dn\u00ed v\u00fdprava Krvav\u00e1 K\u00f3ta 2026<\/p><\/a><\/div>\n <div class=\"slide\" data-id=\"2\"><a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/2025-12-24-vanocni-koupani-jirkar\" target=\"_blank\"><div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/img45.rajce.idnes.cz\/d4503\/19\/19825\/19825795_0483fd413f37c4fa6fcca839c5d7c7af\/images\/PBS_008_web.jpg?ver=0\"><\/div><p>V\u00e1no\u010dn\u00ed koup\u00e1n\u00ed (Polar Bear) – 2025<\/p><\/a><\/div>\n <div class=\"slide\" data-id=\"3\"><a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/2025-12-12-14-vanoce-mrtnik-petr\" target=\"_blank\"><div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/img40.rajce.idnes.cz\/d4003\/19\/19817\/19817534_f2b92bc2fc32092ced1fb08febdb8a7b\/images\/IMG_3443.jpg?ver=0\"><\/div><p>V\u00e1no\u010dn\u00ed v\u00fdprava Mrtn\u00edk 2025<\/p><\/a><\/div>\n <div class=\"slide\" data-id=\"4\"><a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/2025-11-07-09-vyprava-kounov-michalh\" target=\"_blank\"><div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/img45.rajce.idnes.cz\/d4502\/19\/19782\/19782093_6fb62e8971c2f388ce23a5c3f8cb53b1\/images\/IMG_0321.jpg?ver=0\"><\/div><p>Podzimn\u00ed v\u00fdprava Kounov 2025<\/p><\/a><\/div>\n <div class=\"slide\" data-id=\"5\"><a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/2025-11-01-brigada-stab-kubap\" target=\"_blank\"><div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/img44.rajce.idnes.cz\/d4403\/19\/19776\/19776362_90ab2ed56d6756998323c7d7fc51ac2d\/images\/IMG_3720.jpg?ver=0\"><\/div><p>Podzimn\u00ed brig\u00e1da \u0160t\u00e1b 2025<\/p><\/a><\/div>\n <div class=\"slide\" data-id=\"6\"><a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/2025-09-19-21-taboreni-tremsin-petr\" target=\"_blank\"><div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/img40.rajce.idnes.cz\/d4003\/19\/19727\/19727072_b8f6822fb86c8bcb4769f84c69aa1846\/thumb\/IMG_2526.jpg?ver=0\"><\/div><p>Podzimn\u00ed t\u00e1bo\u0159en\u00ed T\u0159eme\u0161\u00edn 2025<\/p><\/a><\/div>\n <div class=\"slide\" data-id=\"7\"><a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/staly-tabor-milcice-2025-ukazky\" target=\"_blank\"><div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/img41.rajce.idnes.cz\/d4103\/19\/19651\/19651104_688d400e15c706165440ffedf8292646\/images\/IMG_0084.jpg?ver=0\"><\/div><p>St\u00e1l\u00fd t\u00e1bor Mil\u010dice 2025<\/p><\/a><\/div>\n <div class=\"slide\" data-id=\"8\"><a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/putak-2025-beskydy-vyber-michal\" target=\"_blank\"><div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/img42.rajce.idnes.cz\/d4203\/19\/19645\/19645154_b281a9b91072c6b14ae69ca9a84e806f\/images\/0C24A975-42FE-4313-81FF-D9B58978B07C_1_201_a.jpg?ver=0\"><\/div><p>Putovn\u00ed t\u00e1bor Beskydy 2025<\/p><\/a><\/div>\n \n\n <\/div>\n <\/div>\n\n <button class=\"nav-btn\" onclick=\"next()\">\u276f<\/button>\n<\/div>\n\n<div class=\"dots\" id=\"dots\"><\/div>\n\n<script>\n const slider = document.getElementById('slider');\n const dotContainer = document.getElementById('dots');\n const originalSlidesCount = document.querySelectorAll('.slide').length;\n let isMoving = false;\n let startX;\n let auto;\n\n const DOT_SIZE = 10; \n const DOT_GAP = 12;\n\n \/\/ INICIALIZACE TE\u010cEK A P\u0158ID\u00c1N\u00cd KLIKNUT\u00cd\n function initDots() {\n dotContainer.innerHTML = '';\n \n \/\/ P\u0159id\u00e1n\u00ed pohybliv\u00e9 zelen\u00e9 te\u010dky\n const overlay = document.createElement('div');\n overlay.className = 'active-dot-overlay';\n overlay.id = 'activeDotOverlay';\n dotContainer.appendChild(overlay);\n\n \/\/ P\u0159id\u00e1n\u00ed \u0161ed\u00fdch te\u010dek na pozad\u00ed\n for (let i = 0; i < originalSlidesCount; i++) {\n const d = document.createElement('div');\n d.className = `dot`;\n d.setAttribute('data-index', i);\n \n \/\/ FUNKCE KLIKNUT\u00cd NA TE\u010cKU\n d.addEventListener('click', () => {\n goTo(i);\n });\n \n dotContainer.appendChild(d);\n }\n }\n\n \/\/ POSUN ZELEN\u00c9 TE\u010cKY\n function updateActiveDot(targetId) {\n const translationX = targetId * (DOT_SIZE + DOT_GAP);\n const overlay = document.getElementById('activeDotOverlay');\n if (overlay) overlay.style.transform = `translateX(${translationX}px)`;\n }\n\n \/\/ JEDEN KROK VP\u0158ED\n function next() {\n if (isMoving) return;\n isMoving = true;\n const slideWidth = slider.querySelector('.slide').offsetWidth + 20; \n \n \/\/ Te\u010dka reaguje ihned\n const nextSlideId = parseInt(slider.children[1].getAttribute('data-id'));\n updateActiveDot(nextSlideId);\n \n slider.style.transition = \"transform 0.5s cubic-bezier(0.25, 1, 0.5, 1)\";\n slider.style.transform = `translateX(-${slideWidth}px)`;\n \n setTimeout(() => {\n slider.style.transition = \"none\";\n slider.appendChild(slider.firstElementChild);\n slider.style.transform = \"translateX(0)\";\n isMoving = false;\n }, 500);\n }\n\n \/\/ JEDEN KROK VZAD\n function prev() {\n if (isMoving) return;\n isMoving = true;\n const slideWidth = slider.querySelector('.slide').offsetWidth + 20;\n \n slider.style.transition = \"none\";\n slider.insertBefore(slider.lastElementChild, slider.firstElementChild);\n slider.style.transform = `translateX(-${slideWidth}px)`;\n \n \/\/ Te\u010dka reaguje ihned (DOM se u\u017e posunul)\n const prevSlideId = parseInt(slider.firstElementChild.getAttribute('data-id'));\n updateActiveDot(prevSlideId);\n \n \/\/ Nucen\u00fd reflow pro aplikaci zm\u011bny bez animace, pak hned animovat k nule\n setTimeout(() => {\n slider.style.transition = \"transform 0.5s cubic-bezier(0.25, 1, 0.5, 1)\";\n slider.style.transform = \"translateX(0)\";\n setTimeout(() => { isMoving = false; }, 500);\n }, 20);\n }\n\n \/\/ SKOK NA KONKR\u00c9TN\u00cd TE\u010cKU (NOV\u00c1 FUNKCE)\n function goTo(targetId) {\n if (isMoving) return;\n const currentId = parseInt(slider.firstElementChild.getAttribute('data-id'));\n if (targetId === currentId) return; \/\/ Klikl na fotku, kter\u00e1 u\u017e je vid\u011bt\n\n isMoving = true;\n clearInterval(auto); \/\/ Do\u010dasn\u011b zastav\u00ed autoplay\n\n const slidesArray = Array.from(slider.children);\n const domIndex = slidesArray.findIndex(s => parseInt(s.getAttribute('data-id')) === targetId);\n const totalSlides = slidesArray.length;\n const slideWidth = slider.querySelector('.slide').offsetWidth + 20;\n\n \/\/ Aktualizace te\u010dky hned po kliknut\u00ed\n updateActiveDot(targetId);\n\n \/\/ Pokud je c\u00edl v prvn\u00ed p\u016flce cyklu -> posun dop\u0159edu\n if (domIndex <= totalSlides \/ 2) {\n slider.style.transition = \"transform 0.5s cubic-bezier(0.25, 1, 0.5, 1)\";\n slider.style.transform = `translateX(-${slideWidth * domIndex}px)`;\n \n setTimeout(() => {\n slider.style.transition = \"none\";\n for (let i = 0; i < domIndex; i++) {\n slider.appendChild(slider.firstElementChild);\n }\n slider.style.transform = \"translateX(0)\";\n isMoving = false;\n startAutoPlay();\n }, 500);\n } \n \/\/ Pokud je bl\u00ed\u017e odzadu -> posun dozadu\n else {\n const steps = totalSlides - domIndex;\n slider.style.transition = \"none\";\n for (let i = 0; i < steps; i++) {\n slider.insertBefore(slider.lastElementChild, slider.firstElementChild);\n }\n slider.style.transform = `translateX(-${slideWidth * steps}px)`;\n \n setTimeout(() => {\n slider.style.transition = \"transform 0.5s cubic-bezier(0.25, 1, 0.5, 1)\";\n slider.style.transform = \"translateX(0)\";\n setTimeout(() => { \n isMoving = false; \n startAutoPlay();\n }, 500);\n }, 20);\n }\n }\n\n \/\/ DOTYKOV\u00c9 OVL\u00c1D\u00c1N\u00cd NA MOBILECH\n const touchArea = document.getElementById('touchArea');\n touchArea.addEventListener('touchstart', e => startX = e.touches[0].clientX, {passive: true});\n touchArea.addEventListener('touchend', e => {\n const endX = e.changedTouches[0].clientX;\n if (startX - endX > 50) { next(); resetAutoPlay(); }\n if (endX - startX > 50) { prev(); resetAutoPlay(); }\n }, {passive: true});\n\n \/\/ --- AUTOMATICK\u00dd POSUN ---\n function startAutoPlay() {\n auto = setInterval(next, 5000);\n }\n \n function resetAutoPlay() {\n clearInterval(auto);\n startAutoPlay();\n }\n\n \/\/ Inicializace a start autoplay po na\u010dten\u00ed\n initDots();\n startAutoPlay();\n \n \/\/ Zastaven\u00ed p\u0159ejet\u00edm my\u0161i, spu\u0161t\u011bn\u00ed p\u0159i odjet\u00ed\n const sliderWrapper = document.querySelector('.slider-wrapper');\n sliderWrapper.addEventListener('mouseenter', () => clearInterval(auto));\n sliderWrapper.addEventListener('mouseleave', () => resetAutoPlay());\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u010cist\u00fd Hero Prvek s horn\u00ed mezerou „Jeden za v\u0161echny, v\u0161ichni za jednoho“ turistick\u00fd odd\u00edl Pochode\u0148 Unho\u0161\u0165 Pro\u010d se k n\u00e1m p\u0159idat? Pl\u00e1n akc\u00ed – Pochode\u0148 Unho\u0161\u0165 Pl\u00e1n akc\u00ed odd\u00edlu Krom\u011b pravideln\u00fdch t\u00fddenn\u00edch dru\u017einov\u00fdch sch\u016fzek pro v\u00e1s p\u0159ipravujeme: 22. 5. P\u00e1tek 17:00 \u2013 19:00 ArmyDay Pochodn\u011b P\u0159ipravuje: \u017dlababa Tradi\u010dn\u00ed brann\u00e9 sout\u011b\u017en\u00ed odpoledne pln\u00e9 \u00fakol\u016f a zkou\u0161ek…<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"normal","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-414","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/comments?post=414"}],"version-history":[{"count":45,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/414\/revisions"}],"predecessor-version":[{"id":760,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/414\/revisions\/760"}],"wp:attachment":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/media?parent=414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":414,"date":"2026-03-28T09:14:59","date_gmt":"2026-03-28T09:14:59","guid":{"rendered":"https:\/\/www.pochoden.cz\/wordpress\/?page_id=414"},"modified":"2026-04-23T15:24:30","modified_gmt":"2026-04-23T15:24:30","slug":"domu","status":"publish","type":"page","link":"https:\/\/www.pochoden.cz\/wordpress\/","title":{"rendered":"Dom\u016f"},"content":{"rendered":"\n\n\n\n \n \n \u010cist\u00fd Hero Prvek s horn\u00ed mezerou<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <style>\n \/* --- Z\u00c1KLADN\u00cd RESET --- *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n body {\n background-color: transparent; \n }\n\n \/* --- HLAVN\u00cd KONTEJNER --- *\/\n .clean-hero {\n display: flex;\n flex-direction: column; \n justify-content: flex-start; \n align-items: center;\n text-align: center;\n \n \/* ZM\u011aN\u011aNO: Odsazen\u00ed - 20px naho\u0159e, 20px po stran\u00e1ch, 30px dole (p\u0159esn\u011b pro animaci a st\u00edn) *\/\n padding: 20px 20px 40px; \n background: transparent; \n }\n\n \/* --- TEXTY --- *\/\n .hero-quote {\n font-family: 'Montserrat', sans-serif;\n font-weight: 800; \n font-size: 3.2rem;\n color: #207d20; \/* Tvoje zelen\u00e1 *\/\n margin-bottom: 15px;\n line-height: 1.2;\n cursor: default;\n transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.3s ease;\n }\n\n .hero-subtitle {\n font-family: 'Montserrat', sans-serif;\n font-weight: 400;\n font-size: 1.4rem;\n color: #207d20;\n margin-bottom: 50px; \n cursor: default;\n transition: letter-spacing 0.4s ease, transform 0.4s ease;\n }\n\n \/* --- EFEKTY P\u0158I NAJET\u00cd MY\u0160\u00cd (HOVER) NA TEXT --- *\/\n .hero-quote:hover {\n transform: scale(1.03) translateY(-3px); \n }\n\n .hero-subtitle:hover {\n letter-spacing: 2px; \n transform: translateY(-2px);\n }\n\n \/* --- TLA\u010c\u00cdTKO --- *\/\n .hero-cta-button {\n display: inline-block;\n padding: 18px 50px;\n background-color: #207d20;\n color: #ffffff;\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n font-size: 1.15rem;\n text-decoration: none;\n border-radius: 50px;\n border: 2px solid #207d20;\n transition: all 0.4s ease;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12);\n }\n\n .hero-cta-button:hover {\n background-color: transparent;\n color: #207d20; \/* Slad\u011bno do stejn\u00e9 zelen\u00e9 *\/\n transform: translateY(-3px);\n box-shadow: 0 8px 12px rgba(0, 0, 0, 0.18);\n }\n\n \/* --- VSTUPN\u00cd ANIMACE --- *\/\n .clean-hero > * {\n animation: fadeIn 1s ease-out forwards;\n opacity: 0;\n }\n \n .hero-quote { animation-delay: 0.1s; }\n .hero-subtitle { animation-delay: 0.3s; }\n .hero-cta-button { animation-delay: 0.5s; }\n\n @keyframes fadeIn {\n \/* Tla\u010d\u00edtko p\u0159ij\u00ed\u017ed\u00ed z 20px zdola, proto pot\u0159ebujeme ten 30px spodn\u00ed padding *\/\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* --- RESPONZIVITA (Mobily) --- *\/\n @media (max-width: 768px) {\n .clean-hero {\n padding-top: 20px; \n }\n .hero-quote {\n font-size: 2.2rem;\n }\n .hero-subtitle {\n font-size: 1.1rem;\n margin-bottom: 40px;\n }\n .hero-cta-button {\n padding: 15px 35px;\n font-size: 1rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"clean-hero\">\n <h1 class=\"hero-quote\">„Jeden za v\u0161echny, v\u0161ichni za jednoho“<\/h1>\n <p class=\"hero-subtitle\">turistick\u00fd odd\u00edl Pochode\u0148 Unho\u0161\u0165<\/p>\n <a href=\"https:\/\/www.pochoden.cz\/wordpress\/proc-se-k-nam-pridat\/\" class=\"hero-cta-button\">Pro\u010d se k n\u00e1m p\u0159idat?<\/a>\n <\/section>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:55px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"cs\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Pl\u00e1n akc\u00ed – Pochode\u0148 Unho\u0161\u0165<\/title>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n :root {\n --brand-green: #207d20; \n --brand-green-hover: #186018; \n --text-dark: #2d3748;\n --text-light: #718096;\n --bg-gray: #f7fafc;\n --border-color: #e2e8f0;\n }\n\n * {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: transparent;\n color: var(--text-dark);\n padding: 40px 20px;\n }\n\n \/* HLAVN\u00cd KONTEJNER *\/\n .events-wrapper {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .section-title {\n font-size: 2.2rem;\n font-weight: 800;\n color: var(--brand-green);\n text-align: center;\n margin-bottom: 20px;\n }\n\n .events-intro {\n text-align: center;\n font-size: 1.1rem;\n line-height: 1.6;\n color: var(--text-light);\n margin-bottom: 40px;\n }\n\n .events-list {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n \/* --- JEDNOTLIV\u00c1 KARTA --- *\/\n .event-card {\n background: white;\n border-radius: 12px;\n cursor: pointer;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n border-left: 5px solid var(--brand-green);\n transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n overflow: hidden;\n display: flex;\n flex-direction: column;\n position: relative;\n scroll-margin-top: 40px; \n }\n\n .event-card:hover {\n transform: translateY(-3px);\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n }\n\n .event-card.highlighted {\n animation: highlightPulse 2s ease-out;\n box-shadow: 0 0 0 3px rgba(32, 125, 32, 0.4);\n }\n\n @keyframes highlightPulse {\n 0% { box-shadow: 0 0 0 0px rgba(32, 125, 32, 0.8); }\n 100% { box-shadow: 0 0 0 15px rgba(32, 125, 32, 0); }\n }\n\n \/* HLAVI\u010cKA KARTY *\/\n .card-header {\n display: flex;\n align-items: stretch;\n }\n\n .date-box {\n background-color: var(--bg-gray);\n padding: 20px 15px;\n min-width: 140px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n border-right: 1px solid var(--border-color);\n flex-shrink: 0;\n }\n\n .date-day {\n font-size: 1.4rem;\n font-weight: 800;\n color: var(--brand-green);\n line-height: 1.2;\n }\n\n .date-time {\n font-size: 0.8rem;\n color: var(--text-light);\n font-weight: 600;\n margin-top: 5px;\n text-transform: uppercase;\n }\n\n .card-main-wrapper {\n flex: 1;\n display: flex;\n align-items: center;\n padding: 20px;\n gap: 20px;\n }\n\n .card-image {\n width: 100px;\n height: 75px;\n border-radius: 8px;\n object-fit: cover;\n flex-shrink: 0;\n }\n\n .card-info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n }\n\n .card-title {\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--text-dark);\n margin-bottom: 8px;\n transition: color 0.3s ease;\n }\n\n .event-card:hover .card-title {\n color: var(--brand-green);\n }\n\n .organizer-pill {\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--brand-green);\n background-color: rgba(32, 125, 32, 0.1);\n padding: 4px 10px;\n border-radius: 20px;\n display: inline-block;\n margin-right: 5px;\n margin-bottom: 5px;\n }\n\n .category-pill {\n background-color: white;\n border: 1px solid var(--brand-green);\n color: var(--brand-green);\n }\n\n .toggle-icon-wrapper {\n display: flex;\n align-items: center;\n padding-right: 20px;\n }\n\n .toggle-icon {\n width: 24px;\n height: 24px;\n color: var(--brand-green);\n transition: transform 0.3s ease;\n }\n\n .event-card.active .toggle-icon {\n transform: rotate(180deg);\n }\n\n \/* --- DETAIL (Rozbalovac\u00ed \u010d\u00e1st) --- *\/\n .card-details {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease;\n opacity: 0;\n }\n\n .event-card.active .card-details {\n opacity: 1;\n }\n\n .details-inner {\n padding: 0 20px 25px 20px;\n }\n\n .details-text {\n font-size: 0.95rem;\n color: var(--text-dark);\n line-height: 1.6;\n margin-bottom: 15px;\n padding-top: 15px;\n border-top: 1px solid var(--border-color);\n }\n\n \/* Informa\u010dn\u00ed box *\/\n .important-info {\n background-color: var(--bg-gray);\n padding: 20px;\n border-radius: 12px;\n border-left: 4px solid var(--brand-green);\n margin-bottom: 15px;\n }\n\n .important-info p {\n margin-bottom: 8px;\n font-size: 0.9rem;\n }\n\n .important-info p:last-child {\n margin-bottom: 0;\n }\n\n .important-info strong {\n color: var(--text-dark);\n display: inline-block;\n min-width: 110px;\n }\n\n \/* --- STYLOV\u00c1N\u00cd PRO SEZNAM --- *\/\n .gear-list {\n margin-top: 10px;\n padding-left: 20px;\n list-style-type: none;\n }\n\n .gear-list li {\n position: relative;\n margin-bottom: 8px;\n font-size: 0.9rem;\n line-height: 1.5;\n color: var(--text-dark);\n }\n\n .gear-list li::before {\n content: \"\u2022\";\n color: var(--brand-green);\n font-weight: bold;\n position: absolute;\n left: -15px;\n font-size: 1.2rem;\n line-height: 1;\n }\n\n .gear-note {\n font-size: 0.85rem;\n color: var(--text-light);\n font-style: italic;\n margin-top: 10px;\n }\n\n \/* --- TLA\u010c\u00cdTKA --- *\/\n .action-buttons {\n display: flex;\n gap: 15px;\n margin-top: 25px;\n flex-wrap: wrap;\n }\n\n .btn {\n padding: 10px 20px;\n border-radius: 8px;\n font-family: 'Montserrat', sans-serif;\n font-weight: 600;\n font-size: 0.9rem;\n text-decoration: none;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: all 0.3s ease;\n cursor: pointer;\n }\n\n .btn-primary {\n background-color: var(--brand-green);\n color: white;\n border: 2px solid var(--brand-green);\n }\n\n .btn-primary:hover {\n background-color: var(--brand-green-hover);\n border-color: var(--brand-green-hover);\n }\n\n .btn-secondary {\n background-color: transparent;\n color: var(--brand-green);\n border: 2px solid var(--brand-green);\n }\n\n .btn-secondary:hover {\n background-color: var(--bg-gray);\n }\n\n \/* --- M\u00cdSTO PRO MAPU --- *\/\n .map-placeholder {\n width: 100%;\n height: 250px;\n background-color: var(--bg-gray);\n border-radius: 12px;\n margin-top: 20px;\n margin-bottom: 5px;\n border: 1px solid var(--border-color);\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--text-light);\n }\n\n .map-placeholder iframe {\n width: 100%;\n height: 100%;\n border: none;\n }\n\n \/* --- RESPONZIVITA (MOBILY) --- *\/\n @media (max-width: 650px) {\n .card-header { flex-direction: column; }\n .date-box {\n min-width: 100%;\n border-right: none;\n border-bottom: 1px solid var(--border-color);\n flex-direction: row;\n justify-content: flex-start;\n gap: 15px;\n padding: 15px 60px 15px 20px;\n }\n .date-time { margin-top: 0; }\n .card-main-wrapper {\n flex-direction: column;\n align-items: flex-start;\n padding: 20px;\n }\n .card-image { width: 100%; height: 150px; }\n \n \/* Tla\u010d\u00edtka na mobilu - oprava zobrazen\u00ed *\/\n .action-buttons { \n flex-direction: column; \n align-items: stretch;\n gap: 10px; \n width: 100%;\n }\n .btn { \n justify-content: center; \n text-align: center;\n width: 100%;\n padding: 12px 15px;\n }\n\n .toggle-icon-wrapper { \n position: absolute; \n top: 15px; \n right: 15px; \n padding: 0;\n width: 40px;\n height: 40px;\n background-color: #ffffff;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n z-index: 2;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"events-wrapper\">\n <h1 class=\"section-title\">Pl\u00e1n akc\u00ed odd\u00edlu<\/h1>\n <p class=\"events-intro\">Krom\u011b pravideln\u00fdch t\u00fddenn\u00edch dru\u017einov\u00fdch sch\u016fzek pro v\u00e1s p\u0159ipravujeme:<\/p>\n\n <div class=\"events-list\">\n\n <div id=\"armyday\" class=\"event-card\" onclick=\"toggleDetails(this)\">\n <div class=\"card-header\">\n <div class=\"date-box\">\n <span class=\"date-day\">22. 5.<\/span>\n <span class=\"date-time\">P\u00e1tek 17:00 \u2013 19:00<\/span>\n <\/div>\n <div class=\"card-main-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/z9xIofE.jpeg\" alt=\"ArmyDay Pochodn\u011b\" class=\"card-image\">\n <div class=\"card-info\">\n <h2 class=\"card-title\">ArmyDay Pochodn\u011b<\/h2>\n <span class=\"organizer-pill\">P\u0159ipravuje: \u017dlababa<\/span>\n <\/div>\n <\/div>\n <div class=\"toggle-icon-wrapper\">\n <svg class=\"toggle-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <\/div>\n <div class=\"card-details\">\n <div class=\"details-inner\">\n <p class=\"details-text\">Tradi\u010dn\u00ed brann\u00e9 sout\u011b\u017en\u00ed odpoledne pln\u00e9 \u00fakol\u016f a zkou\u0161ek obratnosti pro v\u0161echny \u010dleny.<\/p>\n <div class=\"important-info\">\n <p><strong>M\u00edsto:<\/strong> \u0160t\u00e1b<\/p>\n <p><strong>S sebou:<\/strong> Sportovn\u00ed \/ mask\u00e1\u010dov\u00e9 oble\u010den\u00ed<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"cyklotrek\" class=\"event-card\" onclick=\"toggleDetails(this)\">\n <div class=\"card-header\">\n <div class=\"date-box\">\n <span class=\"date-day\">23. 5.<\/span>\n <span class=\"date-time\">Sobota<\/span>\n <\/div>\n <div class=\"card-main-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/04\/fb-s-textem.jpg\" alt=\"CykloTREK Pochodn\u011b\" class=\"card-image\">\n <div class=\"card-info\">\n <h2 class=\"card-title\">25. CykloTREK Pochodn\u011b<\/h2>\n <div>\n <span class=\"organizer-pill\">P\u0159ipravuj\u00ed: Bar\u010da a Dom\u010da<\/span>\n <span class=\"organizer-pill category-pill\"><i class=\"fas fa-users\"><\/i> Akce pro ve\u0159ejnost<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"toggle-icon-wrapper\">\n <svg class=\"toggle-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <\/div>\n <div class=\"card-details\" onclick=\"event.stopPropagation();\">\n <div class=\"details-inner\">\n <p class=\"details-text\">V\u00e1\u017een\u00ed p\u0159\u00e1tel\u00e9 a p\u0159\u00edznivci kol, dovolujeme si v\u00e1s pozvat na dal\u0161\u00ed, letos ji\u017e 25. ro\u010dn\u00edk na\u0161\u00ed tradi\u010dn\u00ed odd\u00edlov\u00e9 akce. <strong>Akce je otev\u0159ena pro v\u0161echny p\u0159\u00edchoz\u00ed!<\/strong> Vezm\u011bte rodinu, \u0159ekn\u011bte o n\u00ed sv\u00fdm kamar\u00e1d\u016fm a zn\u00e1m\u00fdm.<\/p>\n \n <div class=\"important-info\">\n <p><strong>Kategorie:<\/strong> \n <span class=\"organizer-pill category-pill\" style=\"margin-left: 5px;\">Pohod\u00e1\u0159i (2-3 os.)<\/span> \n <span class=\"organizer-pill category-pill\">Dravci (2-3 os.)<\/span> \n <span class=\"organizer-pill category-pill\">Rodiny<\/span>\n <\/p>\n <p><strong>Harmonogram:<\/strong> 8:00 Registrace | 9:00 Start | 16:00 Konec sout\u011b\u017ee | 17:00 Vyhl\u00e1\u0161en\u00ed<\/p>\n <p><strong>Startovn\u00e9:<\/strong> Dosp\u011bl\u00ed 100 K\u010d | Do 15 let 50 K\u010d | P\u0159ed\u0161koln\u00ed d\u011bti zdarma<\/p>\n <\/div>\n\n <p style=\"font-weight: 700; color: var(--text-dark); margin-top: 20px;\">O co jde (pro ty, kte\u0159\u00ed je\u0161t\u011b nejeli):<\/p>\n <ul class=\"gear-list\">\n <li>Cyklo orienta\u010dn\u00ed sout\u011b\u017e po kr\u00e1sn\u00fdch m\u00edstech v okol\u00ed Unho\u0161t\u011b.<\/li>\n <li>Va\u0161\u00edm \u00fakolem je v ur\u010den\u00e9m \u010dase nav\u0161t\u00edvit co nejv\u00edce m\u00edst ozna\u010den\u00fdch na map\u011b a z\u00edskat tak maxim\u00e1ln\u00ed po\u010det bod\u016f.<\/li>\n <li>D\u016fle\u017eit\u00e1 bude orientace v ter\u00e9nu a na map\u011b a tak\u00e9 n\u011bjak\u00e1 ta fyzi\u010dka.<\/li>\n <li>S sebou: <strong>J\u00edzdn\u00ed kolo v dobr\u00e9m stavu, helmu a pit\u00ed.<\/strong> Zjednodu\u0161enou mapu od n\u00e1s dostanete na startu, ur\u010dit\u011b se ale hod\u00ed m\u00edt v telefonu sta\u017een\u00e9 Mapy.cz.<\/li>\n <\/ul>\n\n <div class=\"map-placeholder\">\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d495.28664164855553!2d14.114869312859057!3d50.079935505757646!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470bb9e459731069%3A0x6e6f0c5987b40f76!2zVW5ob8WhxaUgMzgxLCAyNzMgNTEgVW5ob8WhxaU!5e0!3m2!1scs!2scz!4v1776678226026!5m2!1scs!2scz\" width=\"100%\" height=\"100%\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n <\/div>\n <p class=\"gear-note\" style=\"text-align: center; margin-top: 5px;\">Start a c\u00edl sout\u011b\u017ee: U klubovny \u0160t\u00e1b<\/p>\n\n <div class=\"action-buttons\">\n <a href=\"https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLSfy9Gc6SPAw4UGOypRE-hXPISLWL6YJRxFYk6hMj6qZuXLpAg\/viewform\" class=\"btn btn-primary\" target=\"_blank\"><i class=\"fas fa-check-circle\"><\/i> Potvrdit \u00fa\u010dast (usnadn\u00ed pl\u00e1nov\u00e1n\u00ed)<\/a>\n <a href=\"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/04\/Prihlaska_a_revers_ucast_akce_2026.docx.pdf\" class=\"btn btn-secondary\" target=\"_blank\"><i class=\"fas fa-file-pdf\"><\/i> St\u00e1hnout revers<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"dendeti\" class=\"event-card\" onclick=\"toggleDetails(this)\">\n <div class=\"card-header\">\n <div class=\"date-box\">\n <span class=\"date-day\">31. 5.<\/span>\n <span class=\"date-time\">Ned\u011ble odpoledne<\/span>\n <\/div>\n <div class=\"card-main-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/WnYcF8J.jpeg\" alt=\"Den d\u011bt\u00ed s Pochodn\u00ed\" class=\"card-image\">\n <div class=\"card-info\">\n <h2 class=\"card-title\">Den d\u011bt\u00ed s Pochodn\u00ed<\/h2>\n <div>\n <span class=\"organizer-pill\">P\u0159ipravuje: Radka<\/span>\n <span class=\"organizer-pill category-pill\"><i class=\"fas fa-users\"><\/i> Akce pro ve\u0159ejnost<\/span>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"toggle-icon-wrapper\">\n <svg class=\"toggle-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <\/div>\n <div class=\"card-details\">\n <div class=\"details-inner\">\n <p class=\"details-text\">V\u00e1\u017een\u00ed a mil\u00ed kamar\u00e1di, p\u0159\u00e1tel\u00e9 a p\u0159\u00edznivci tradi\u010dn\u00edho D\u011btsk\u00e9ho dne v Unho\u0161ti! Tak\u00e9 letos prob\u011bhne pod z\u00e1\u0161titou odd\u00edlu Pochode\u0148 a op\u011bt se na v\u00e1s obrac\u00edm s prosbou o pomoc s jeho zaji\u0161t\u011bn\u00edm.<\/p>\n \n <div class=\"important-info\">\n <p><strong>M\u00edsto:<\/strong> Rybn\u00edk Bulhar a p\u0159ilehl\u00e9 louky<\/p>\n <p><strong>\u010cas pro d\u011bti:<\/strong> 14:00 \u2013 18:00<\/p>\n <p><strong>\u010cas pro po\u0159adatele:<\/strong> 13:00 \u2013 18:00<\/p>\n <p><strong>Kontakt (Radka):<\/strong> E-mail, SMS nebo WhatsApp na 724 247 133<\/p>\n <\/div>\n\n <p class=\"details-text\" style=\"padding-top: 0; border-top: none;\">M\u00e1te chu\u0165 vid\u011bt radost v o\u010d\u00edch d\u011bt\u00ed a pro\u017e\u00edt p\u0159\u00edjemn\u00e9 ned\u011bln\u00ed odpoledne? Moc r\u00e1da v\u00e1s uvid\u00edm. Bez v\u00e1s to prost\u011b nejde! \ud83d\ude42<br><br>Pokud se rozhodnete, \u017ee n\u00e1m pom\u016f\u017eete (se stanovi\u0161t\u011bm, odm\u011bnami nebo m\u00e1te zaj\u00edmav\u00fd n\u00e1pad), dejte mi pros\u00edm v\u011bd\u011bt. Napi\u0161te mi, jak\u00e9 stanovi\u0161t\u011b si vezmete a kde jej chcete. P\u0159edem v\u00e1m v\u0161em opravdu moc d\u011bkuji a t\u011b\u0161\u00edm se!<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"zaverecne\" class=\"event-card\" onclick=\"toggleDetails(this)\">\n <div class=\"card-header\">\n <div class=\"date-box\">\n <span class=\"date-day\">5.\u20137. 6.<\/span>\n <span class=\"date-time\">P\u00e1 \u2013 Ne<\/span>\n <\/div>\n <div class=\"card-main-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/5Vtb66r.jpeg\" alt=\"Z\u00e1v\u011bre\u010dn\u00e9 t\u00e1bo\u0159en\u00ed odd\u00edlu\" class=\"card-image\">\n <div class=\"card-info\">\n <h2 class=\"card-title\">Z\u00e1v\u011bre\u010dn\u00e9 t\u00e1bo\u0159en\u00ed odd\u00edlu<\/h2>\n <span class=\"organizer-pill\">P\u0159ipravuje: Am\u00e1lka<\/span>\n <\/div>\n <\/div>\n <div class=\"toggle-icon-wrapper\">\n <svg class=\"toggle-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <\/div>\n <div class=\"card-details\">\n <div class=\"details-inner\">\n <p class=\"details-text\">Slavnostn\u00ed zakon\u010den\u00ed celoro\u010dn\u00ed \u010dinnosti odd\u00edlu spole\u010dn\u00fdm t\u00e1bo\u0159en\u00edm pod stany.<\/p>\n <div class=\"important-info\">\n <p><strong>M\u00edsto:<\/strong> Bude up\u0159esn\u011bno<\/p>\n <p><strong>S sebou:<\/strong> [Dopl\u0148te]<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"putovni\" class=\"event-card\" onclick=\"toggleDetails(this)\">\n <div class=\"card-header\">\n <div class=\"date-box\">\n <span class=\"date-day\">27. 6. \u2013 11. 7.<\/span>\n <\/div>\n <div class=\"card-main-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/6FEikrO.jpeg\" alt=\"Putovn\u00ed t\u00e1bor Pochodn\u011b: Jesen\u00edky\" class=\"card-image\">\n <div class=\"card-info\">\n <h2 class=\"card-title\">Putovn\u00ed t\u00e1bor Pochodn\u011b: Jesen\u00edky<\/h2>\n <span class=\"organizer-pill\">Vedouc\u00ed: Jakub Pucholt<\/span>\n <\/div>\n <\/div>\n <div class=\"toggle-icon-wrapper\">\n <svg class=\"toggle-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <\/div>\n <div class=\"card-details\" onclick=\"event.stopPropagation();\">\n <div class=\"details-inner\">\n <p class=\"details-text\">\u010ctrn\u00e1ctidenn\u00ed putovn\u00ed t\u00e1bor poho\u0159\u00edm Jesen\u00edk\u016f, Rychlebsk\u00fdch hor a Kr\u00e1lick\u00e9ho Sn\u011b\u017en\u00edku. V\u0161echny sv\u00e9 v\u011bci si poneseme na z\u00e1dech a ka\u017edou noc budeme sp\u00e1t na jin\u00e9m m\u00edst\u011b ve vlastn\u00edch stanech. \u010cek\u00e1 n\u00e1s spousta z\u00e1bavy, nezapomenuteln\u00e1 panoramata a obrovsk\u00e1 zkou\u0161ka vytrvalosti!<\/p>\n \n <div class=\"important-info\">\n <p><strong>Pro koho:<\/strong> \u010cern\u00e1, Zelen\u00e1 a vybran\u00ed z \u010cerven\u00e9 dru\u017einy (od 10 let, nutn\u00e1 celoro\u010dn\u00ed aktivita).<\/p>\n <p><strong>Odjezd a n\u00e1vrat:<\/strong> Sobota 27. 6. r\u00e1no \u2013 Sobota 11. 7. odpoledne.<\/p>\n <p><strong>Cena:<\/strong> P\u0159edpoklad do 4 500 K\u010d. P\u0159ihl\u00e1\u0161ka se z\u00e1lohou 1 000 K\u010d do 28. 1. 2026 (hotov\u011b do schr\u00e1nky), doplatek do 30. 4.<\/p>\n <p><strong>Kontrola v\u011bc\u00ed:<\/strong> P\u00e1tek 26. 6. prob\u011bhne povinn\u00e1 sch\u016fzka a striktn\u00ed kontrola vybaven\u00ed.<\/p>\n <p><strong>Kontakt (vedouc\u00ed):<\/strong> Jakub Pucholt, +420 775 132 819, pucholtjakub@seznam.cz<\/p>\n <\/div>\n\n <p style=\"font-weight: 700; color: var(--text-dark); margin-top: 20px;\">Vybaven\u00ed s sebou (v\u0161e na z\u00e1da!):<\/p>\n <p class=\"details-text\" style=\"padding-top: 0; border: none; margin-bottom: 5px;\">Pe\u010dliv\u011b hl\u00eddejte <strong>hmotnost a velikost<\/strong> ka\u017ed\u00e9 v\u011bci! V\u0161e uvnit\u0159 batohu zabalte do pevn\u00fdch igelitov\u00fdch ta\u0161ek (\u017e\u00e1dn\u00fd batoh nen\u00ed nepromokav\u00fd).<\/p>\n \n <ul class=\"gear-list\">\n <li><strong>Velk\u00fd batoh:<\/strong> Mus\u00ed dob\u0159e sed\u011bt na z\u00e1dech (krosny s vn\u011bj\u0161\u00ed konstrukc\u00ed nejsou vhodn\u00e9). Uvnit\u0159 siln\u00fd igelitov\u00fd pytel, p\u0159\u00edpadn\u011b dokoupit kompresn\u00ed \u0159em\u00ednky na karimatku a l\u00e1hve.<\/li>\n <li><strong>Stan:<\/strong> Dvoupl\u00e1\u0161\u0165ov\u00fd s duralov\u00fdmi pruty, max 3,5 kg (sp\u00ed se po odd\u00edlech, nos\u00ed se rozd\u011blen\u00fd na 2 obaly). S p\u0159edstihem zkontrolovat kol\u00edky a ukotven\u00ed!<\/li>\n <li><strong>Span\u00ed:<\/strong> Tepl\u00fd, lehk\u00fd a mal\u00fd spac\u00e1k (v nepromokav\u00e9m obalu!). Karimatka s nepromokav\u00fdm obalem a poutky na p\u0159ichycen\u00ed.<\/li>\n <li><strong>Oble\u010den\u00ed:<\/strong> Rozchozen\u00e9 pevn\u00e9 pohorky (+ n\u00e1hr. tkani\u010dky), lehk\u00e9 sand\u00e1ly na p\u0159ezut\u00ed. Odd\u00edlov\u00e1 zelen\u00e1 ko\u0161ile\/triko a \u0161\u00e1tek. Tepl\u00e1 fleesov\u00e1 bunda, funk\u010dn\u00ed pr\u00e1dlo (h\u0159eje i schne), 3x siln\u00e9 pono\u017eky, dlouh\u00e9 rychleschnouc\u00ed kalhoty (odp\u00ednac\u00ed, ne d\u017e\u00edny\/man\u0161estr). V\u011bci na span\u00ed (v\u010d. kulichu a rukavic). Plavky. N\u00e1vleky nad pohorky (voliteln\u00e9).<\/li>\n <li><strong>Ochrana proti de\u0161ti:<\/strong> Pevn\u00e1 pl\u00e1\u0161t\u011bnka (J\u00e9p\u00e9\u010dko, ne pon\u010do) NEBO kvalitn\u00ed membr\u00e1nov\u00e1 bunda a kalhoty (Gore-Tex atd. – nesta\u010d\u00ed jen bunda!). Pl\u00e1\u0161t\u011bnka na batoh.<\/li>\n <li><strong>J\u00eddlo a pit\u00ed:<\/strong> Nerezov\u00e1 miska (ne plast, ne e\u0161us!), l\u017e\u00edce, v\u011bt\u0161\u00ed lehk\u00fd nerozbitn\u00fd hrne\u010dek. 3x 1,5l l\u00e1hev na vodu (doma podepsat, zajistit si obal na uchycen\u00ed k batohu) + lehk\u00e1 pl\u00e1t\u011bn\u00e1 ta\u0161ka\/s\u00ed\u0165ovka na don\u00e1\u0161ku vody od stud\u00e1nky.<\/li>\n <li><strong>Nezbytnosti:<\/strong> LED \u010delovka (+ n\u00e1hr. baterie), mal\u00fd zav\u00edrac\u00ed n\u016f\u017e s otv\u00edr\u00e1kem na konzervy, buzola, p\u00ed\u0161\u0165alka, lakroska + tenis\u00e1k, 2x sirky\/zapalova\u010d (nepromokav\u00e9), sv\u00ed\u010dka (hrobni\u010dka), nylonov\u00e1 \u0161\u0148\u016fra (8-10m) + 6 kol\u00ed\u010dk\u016f, mal\u00e9 \u0161it\u00ed. Trekov\u00e9 h\u016flky (doporu\u010dujeme).<\/li>\n <li><strong>Hygiena a zdrav\u00ed:<\/strong> Minimalistick\u00e1 hygiena (mal\u00fd ru\u010dn\u00edk z mikrovl\u00e1kna, pasta, kart\u00e1\u010dek, m\u00fddlo). <strong>Osobn\u00ed l\u00e9k\u00e1rni\u010dka<\/strong> (ka\u017ed\u00fd si nese dostatek n\u00e1plast\u00ed na sv\u00e9 puch\u00fd\u0159e a elastick\u00fd obvaz na kolena \u2013 nelze dokupovat na m\u00edst\u011b!). Slune\u010dn\u00ed br\u00fdle, kr\u00e9m, repelent.<\/li>\n <li><strong>Dokumenty (nepromokav\u00e1 kapsi\u010dka na krk):<\/strong> OP\/pas, origin\u00e1l karti\u010dky poji\u0161\u0165ovny, posudek l\u00e9ka\u0159e, bezinfek\u010dnost, dopl\u0148uj\u00edc\u00ed \u00fadaje, (kopie o\u010dkovac\u00edho pr\u016fkazu). Mal\u00fd z\u00e1pisn\u00edk, propiska. Kapesn\u00e9 dle uv\u00e1\u017een\u00ed.<\/li>\n <\/ul>\n <p class=\"gear-note\">Nenoste sladkosti (max minimum, ponesete i spole\u010dn\u00e9 vybaven\u00ed), cennosti ani mobily (stejn\u011b je nebude kde nab\u00edt, budeme si pov\u00eddat a hr\u00e1t!).<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div id=\"kocovny\" class=\"event-card\" onclick=\"toggleDetails(this)\">\n <div class=\"card-header\">\n <div class=\"date-box\">\n <span class=\"date-day\">18.\u201325. 7.<\/span>\n <\/div>\n <div class=\"card-main-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/i.imgur.com\/DuycgS7.jpeg\" alt=\"Ko\u010dovn\u00fd t\u00e1bor Pochodn\u011b\" class=\"card-image\">\n <div class=\"card-info\">\n <h2 class=\"card-title\">Ko\u010dovn\u00fd t\u00e1bor Pochodn\u011b: \u010cesk\u00fd Les<\/h2>\n <span class=\"organizer-pill\">Vedouc\u00ed: Michal Hudec<\/span>\n <\/div>\n <\/div>\n <div class=\"toggle-icon-wrapper\">\n <svg class=\"toggle-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"><\/path><\/svg>\n <\/div>\n <\/div>\n <div class=\"card-details\" onclick=\"event.stopPropagation();\">\n <div class=\"details-inner\">\n <p class=\"details-text\">Letos chyst\u00e1me velkou zm\u011bnu! M\u00edsto klasick\u00e9ho st\u00e1l\u00e9ho t\u00e1bora vyr\u00e1\u017e\u00edme na t\u00e1bor ko\u010dovn\u00fd. Ka\u017ed\u00fd den se p\u0159esuneme na jin\u00e9 t\u00e1bo\u0159i\u0161t\u011b, ale nebojte \u2013 d\u011bti p\u016fjdou jen nalehko s mal\u00fdm batohem. Hlavn\u00ed zavazadla a stany jim p\u0159eveze doprovodn\u00e9 auto. \u010cek\u00e1 n\u00e1s tradi\u010dn\u00ed celot\u00e1borov\u00e1 hra a va\u0159en\u00ed v poln\u00ed kuchyni.<\/p>\n \n <div class=\"important-info\">\n <p><strong>Pro koho:<\/strong> Modr\u00e1, \u017dlut\u00e1 a \u010cerven\u00e1 dru\u017eina (ro\u010d. 2014 a mlad\u0161\u00ed, nutn\u00e1 aktivn\u00ed \u00fa\u010dast b\u011bhem roku).<\/p>\n <p><strong>Odjezd a n\u00e1vrat:<\/strong> Sobota 18. 7. r\u00e1no \u2013 Sobota 25. 7. odpoledne.<\/p>\n <p><strong>Cena:<\/strong> P\u0159edpoklad do 4 000 K\u010d. Vypln\u011bnou p\u0159ihl\u00e1\u0161ku se z\u00e1lohou 500 K\u010d (hotov\u011b) vho\u010fte do schr\u00e1nky nejpozd\u011bji do 28. 1. 2026.<\/p>\n <p><strong>Kontrola v\u011bc\u00ed:<\/strong> P\u00e1tek 17. 7. prob\u011bhne povinn\u00e1 sch\u016fzka a striktn\u00ed kontrola vybaven\u00ed.<\/p>\n <p><strong>Kontakt (vedouc\u00ed):<\/strong> Michal Hudec, +420 723 565 066, michal.hudec300@gmail.com<\/p>\n <\/div>\n\n <p style=\"font-weight: 700; color: var(--text-dark); margin-top: 20px;\">Nov\u00fd syst\u00e9m balen\u00ed (\u010ct\u011bte pozorn\u011b!)<\/p>\n <p class=\"details-text\" style=\"padding-top: 0; border: none; margin-bottom: 5px;\">V\u011bci rozd\u011blte na dv\u011b \u010d\u00e1sti. <strong>V\u0161e uvnit\u0159 mus\u00ed b\u00fdt zabaleno nepromokav\u011b v igelitov\u00fdch ta\u0161k\u00e1ch.<\/strong><\/p>\n \n <ul class=\"gear-list\">\n <li><strong>Na sebe p\u0159i odjezdu:<\/strong> Zelen\u00e1 odd\u00edlov\u00e1 ko\u0161ile (nebo tri\u010dko), \u0161\u00e1tek, kra\u0165asy, rozchozen\u00e9 pevn\u00e9 pohorky.<\/li>\n <li><strong>1. DO BATOHU (nesou si celou dobu):<\/strong> Pl\u00e1\u0161t\u011bnka (nejl\u00e9pe J\u00e9p\u00e9\u010dko), tepl\u00e1 fleeska\/bunda, 2x 1,5l voda, mal\u00fd n\u016f\u017e, buzola, p\u00ed\u0161\u0165alka, blok, osobn\u00ed l\u00e9k\u00e1rni\u010dka (n\u00e1plasti, obvaz \u2013 nepromokav\u011b), klobouk\/\u010depice, kr\u00e9m proti slunci, plavky, toaletn\u00ed pap\u00edr, kapesn\u00edky, lakroska + m\u00ed\u010dek. Kapesn\u00e9 max 200 K\u010d.<\/li>\n <li><strong>2. DO SPORTOVN\u00cd TA\u0160KY (poveze auto):<\/strong> <em>POZOR: \u017d\u00e1dn\u00e9 kufry ani ta\u0161ky na kole\u010dk\u00e1ch!<\/em> Mumiov\u00fd spac\u00e1k, karimatka (ne alumatka), e\u0161us (jen velk\u00fd d\u00edl), hrnek, l\u017e\u00edce, lihov\u00fd va\u0159i\u010d + l\u00edh, 2x sirky, LED \u010delovka, hygienick\u00e9 pot\u0159eby (mal\u00e9 balen\u00ed), oble\u010den\u00ed na p\u0159evle\u010den\u00ed (ide\u00e1ln\u011b termopr\u00e1dlo, dlouh\u00e9 \u0161us\u0165\u00e1ky \u2013 ne d\u017e\u00edny, oble\u010den\u00ed na span\u00ed v\u010d. kulichu), n\u00e1hradn\u00ed sportovn\u00ed boty (ne crocs), uzlova\u010dka, 3x hadr\u00e1k, 5x pr\u00e1zdn\u00e1 igelitka.<\/li>\n <li><strong>3. STAN (poveze auto):<\/strong> Mal\u00fd a lehk\u00fd stan s tropikem (sp\u00ed se po odd\u00edlech).<\/li>\n <\/ul>\n <p class=\"gear-note\">Pros\u00edme, ned\u00e1vejte d\u011btem nic nav\u00edc (ply\u0161\u00e1ky, pol\u0161t\u00e1\u0159e), kv\u016fli omezen\u00e9mu m\u00edstu v doprovodn\u00e9m aut\u011b. Ned\u00e1vejte jim ani cennosti a telefony.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<script>\n function toggleDetails(element) {\n if (!element.classList.contains('event-card')) return;\n \n element.classList.toggle(\"active\");\n \n let details = element.querySelector(\".card-details\");\n \n if (details.style.maxHeight) {\n details.style.maxHeight = null;\n } else {\n details.style.maxHeight = details.scrollHeight + \"px\";\n }\n }\n\n \/\/ Funkce pro automatick\u00e9 rozbalen\u00ed karty po na\u010dten\u00ed str\u00e1nky (pokud je v URL hash, nap\u0159. #cyklotrek)\n window.addEventListener('DOMContentLoaded', (event) => {\n const hash = window.location.hash;\n if (hash) {\n const targetCard = document.querySelector(hash);\n if (targetCard && targetCard.classList.contains('event-card')) {\n setTimeout(() => {\n targetCard.classList.add(\"active\");\n targetCard.classList.add(\"highlighted\"); \n let details = targetCard.querySelector(\".card-details\");\n details.style.maxHeight = details.scrollHeight + \"px\";\n \n targetCard.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }, 500);\n\n setTimeout(() => {\n targetCard.classList.remove(\"highlighted\");\n }, 3000);\n }\n }\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"cs\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\n \n <style>\n :root { \n --brand-green: #207d20; \n --brand-green-hover: #186018; \n --dot-size: 10px; \n --dot-gap: 12px; \n }\n\n * {\n box-sizing: border-box;\n -webkit-font-smoothing: antialiased;\n margin: 0;\n padding: 0;\n }\n\n body { \n font-family: 'Montserrat', sans-serif; \n background: transparent; \n padding: 20px 10px; \n }\n\n .slider-wrapper {\n position: relative;\n max-width: 1150px; \n margin: 0 auto;\n display: flex;\n align-items: center;\n gap: 15px; \n touch-action: pan-y; \n }\n\n .slider-container {\n flex: 1;\n overflow: hidden;\n border-radius: 16px; \n cursor: grab;\n padding: 15px 0; \n }\n \n .slider-container:active { cursor: grabbing; }\n\n .slider {\n display: flex;\n gap: 20px;\n transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); \n }\n\n .slide {\n flex: 0 0 100%; \n background: white;\n border-radius: 16px;\n overflow: hidden;\n border: none; \n box-shadow: 0 4px 15px rgba(0,0,0,0.06); \n transition: transform 0.4s ease, box-shadow 0.4s ease;\n user-select: none;\n }\n\n @media (min-width: 600px) { .slide { flex: 0 0 calc(50% - 10px); } }\n @media (min-width: 1000px) { .slide { flex: 0 0 calc(33.333% - 13.4px); } }\n\n .slide a { \n text-decoration: none; \n color: var(--brand-green); \n display: block; \n height: 100%;\n }\n \n .slide:hover {\n transform: translateY(-5px); \n box-shadow: 0 12px 25px rgba(0,0,0,0.12); \n }\n\n .img-box {\n width: 100%;\n height: 200px;\n overflow: hidden;\n background: #f4f4f4;\n }\n\n .slide img { \n width: 100%; \n height: 100%; \n object-fit: cover; \n pointer-events: none; \n transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n }\n\n .slide:hover img { transform: scale(1.06); }\n\n .slide p { \n padding: 20px 15px; \n margin: 0; \n font-weight: 600; \n text-align: center; \n font-size: 1rem;\n min-height: 70px;\n display: flex;\n align-items: center;\n justify-content: center;\n line-height: 1.3;\n }\n\n .nav-btn {\n background: white; \n border: none;\n box-shadow: 0 4px 10px rgba(0,0,0,0.1); \n width: 46px; height: 46px;\n border-radius: 50%; \n color: var(--brand-green);\n font-size: 1.2rem;\n cursor: pointer; \n transition: all 0.3s ease;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n z-index: 10;\n }\n \n .nav-btn:hover { \n background: var(--brand-green); \n color: white; \n transform: scale(1.05); \n box-shadow: 0 6px 15px rgba(32, 125, 32, 0.25); \n }\n\n .dots { \n display: flex; \n justify-content: center; \n gap: var(--dot-gap); \n margin-top: 20px; \n position: relative; \n width: fit-content;\n margin-left: auto;\n margin-right: auto;\n }\n\n .dot { \n width: var(--dot-size); \n height: var(--dot-size); \n background: #e0e0e0; \n border-radius: 50%; \n cursor: pointer; \n transition: background 0.3s ease; \n flex-shrink: 0;\n }\n \n .active-dot-overlay {\n width: var(--dot-size);\n height: var(--dot-size);\n background: var(--brand-green);\n border-radius: 50%;\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none; \n transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);\n z-index: 5;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"slider-wrapper\">\n <button class=\"nav-btn\" onclick=\"prev()\">\u276e<\/button>\n \n <div class=\"slider-container\" id=\"touchArea\">\n <div class=\"slider\" id=\"slider\">\n\n <div class=\"slide\" data-id=\"0\">\n <a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/2026-04-17-19-vyprava-kralovice-michalh-nela\" target=\"_blank\">\n <div class=\"img-box\">\n <img decoding=\"async\" src=\"https:\/\/www.pochoden.cz\/wordpress\/wp-content\/uploads\/2026\/04\/IMG_0248.jpg\" alt=\"Jarn\u00ed v\u00fdprava Kralovice 2026\">\n <\/div>\n <p>Jarn\u00ed v\u00fdprava Kralovice 2026<\/p>\n <\/a>\n <\/div>\n\n <div class=\"slide\" data-id=\"1\"><a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/2026-01-10-vyrocni-vyprava-petr\" target=\"_blank\"><div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/img40.rajce.idnes.cz\/d4002\/19\/19846\/19846385_9fa8f63b2e9ee253fd58b84a14d513bb\/images\/IMG_3966.jpg?ver=0\"><\/div><p>V\u00fdro\u010dn\u00ed v\u00fdprava Krvav\u00e1 K\u00f3ta 2026<\/p><\/a><\/div>\n <div class=\"slide\" data-id=\"2\"><a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/2025-12-24-vanocni-koupani-jirkar\" target=\"_blank\"><div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/img45.rajce.idnes.cz\/d4503\/19\/19825\/19825795_0483fd413f37c4fa6fcca839c5d7c7af\/images\/PBS_008_web.jpg?ver=0\"><\/div><p>V\u00e1no\u010dn\u00ed koup\u00e1n\u00ed (Polar Bear) – 2025<\/p><\/a><\/div>\n <div class=\"slide\" data-id=\"3\"><a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/2025-12-12-14-vanoce-mrtnik-petr\" target=\"_blank\"><div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/img40.rajce.idnes.cz\/d4003\/19\/19817\/19817534_f2b92bc2fc32092ced1fb08febdb8a7b\/images\/IMG_3443.jpg?ver=0\"><\/div><p>V\u00e1no\u010dn\u00ed v\u00fdprava Mrtn\u00edk 2025<\/p><\/a><\/div>\n <div class=\"slide\" data-id=\"4\"><a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/2025-11-07-09-vyprava-kounov-michalh\" target=\"_blank\"><div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/img45.rajce.idnes.cz\/d4502\/19\/19782\/19782093_6fb62e8971c2f388ce23a5c3f8cb53b1\/images\/IMG_0321.jpg?ver=0\"><\/div><p>Podzimn\u00ed v\u00fdprava Kounov 2025<\/p><\/a><\/div>\n <div class=\"slide\" data-id=\"5\"><a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/2025-11-01-brigada-stab-kubap\" target=\"_blank\"><div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/img44.rajce.idnes.cz\/d4403\/19\/19776\/19776362_90ab2ed56d6756998323c7d7fc51ac2d\/images\/IMG_3720.jpg?ver=0\"><\/div><p>Podzimn\u00ed brig\u00e1da \u0160t\u00e1b 2025<\/p><\/a><\/div>\n <div class=\"slide\" data-id=\"6\"><a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/2025-09-19-21-taboreni-tremsin-petr\" target=\"_blank\"><div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/img40.rajce.idnes.cz\/d4003\/19\/19727\/19727072_b8f6822fb86c8bcb4769f84c69aa1846\/thumb\/IMG_2526.jpg?ver=0\"><\/div><p>Podzimn\u00ed t\u00e1bo\u0159en\u00ed T\u0159eme\u0161\u00edn 2025<\/p><\/a><\/div>\n <div class=\"slide\" data-id=\"7\"><a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/staly-tabor-milcice-2025-ukazky\" target=\"_blank\"><div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/img41.rajce.idnes.cz\/d4103\/19\/19651\/19651104_688d400e15c706165440ffedf8292646\/images\/IMG_0084.jpg?ver=0\"><\/div><p>St\u00e1l\u00fd t\u00e1bor Mil\u010dice 2025<\/p><\/a><\/div>\n <div class=\"slide\" data-id=\"8\"><a href=\"https:\/\/www.rajce.idnes.cz\/pochoden\/album\/putak-2025-beskydy-vyber-michal\" target=\"_blank\"><div class=\"img-box\"><img decoding=\"async\" src=\"https:\/\/img42.rajce.idnes.cz\/d4203\/19\/19645\/19645154_b281a9b91072c6b14ae69ca9a84e806f\/images\/0C24A975-42FE-4313-81FF-D9B58978B07C_1_201_a.jpg?ver=0\"><\/div><p>Putovn\u00ed t\u00e1bor Beskydy 2025<\/p><\/a><\/div>\n \n\n <\/div>\n <\/div>\n\n <button class=\"nav-btn\" onclick=\"next()\">\u276f<\/button>\n<\/div>\n\n<div class=\"dots\" id=\"dots\"><\/div>\n\n<script>\n const slider = document.getElementById('slider');\n const dotContainer = document.getElementById('dots');\n const originalSlidesCount = document.querySelectorAll('.slide').length;\n let isMoving = false;\n let startX;\n let auto;\n\n const DOT_SIZE = 10; \n const DOT_GAP = 12;\n\n \/\/ INICIALIZACE TE\u010cEK A P\u0158ID\u00c1N\u00cd KLIKNUT\u00cd\n function initDots() {\n dotContainer.innerHTML = '';\n \n \/\/ P\u0159id\u00e1n\u00ed pohybliv\u00e9 zelen\u00e9 te\u010dky\n const overlay = document.createElement('div');\n overlay.className = 'active-dot-overlay';\n overlay.id = 'activeDotOverlay';\n dotContainer.appendChild(overlay);\n\n \/\/ P\u0159id\u00e1n\u00ed \u0161ed\u00fdch te\u010dek na pozad\u00ed\n for (let i = 0; i < originalSlidesCount; i++) {\n const d = document.createElement('div');\n d.className = `dot`;\n d.setAttribute('data-index', i);\n \n \/\/ FUNKCE KLIKNUT\u00cd NA TE\u010cKU\n d.addEventListener('click', () => {\n goTo(i);\n });\n \n dotContainer.appendChild(d);\n }\n }\n\n \/\/ POSUN ZELEN\u00c9 TE\u010cKY\n function updateActiveDot(targetId) {\n const translationX = targetId * (DOT_SIZE + DOT_GAP);\n const overlay = document.getElementById('activeDotOverlay');\n if (overlay) overlay.style.transform = `translateX(${translationX}px)`;\n }\n\n \/\/ JEDEN KROK VP\u0158ED\n function next() {\n if (isMoving) return;\n isMoving = true;\n const slideWidth = slider.querySelector('.slide').offsetWidth + 20; \n \n \/\/ Te\u010dka reaguje ihned\n const nextSlideId = parseInt(slider.children[1].getAttribute('data-id'));\n updateActiveDot(nextSlideId);\n \n slider.style.transition = \"transform 0.5s cubic-bezier(0.25, 1, 0.5, 1)\";\n slider.style.transform = `translateX(-${slideWidth}px)`;\n \n setTimeout(() => {\n slider.style.transition = \"none\";\n slider.appendChild(slider.firstElementChild);\n slider.style.transform = \"translateX(0)\";\n isMoving = false;\n }, 500);\n }\n\n \/\/ JEDEN KROK VZAD\n function prev() {\n if (isMoving) return;\n isMoving = true;\n const slideWidth = slider.querySelector('.slide').offsetWidth + 20;\n \n slider.style.transition = \"none\";\n slider.insertBefore(slider.lastElementChild, slider.firstElementChild);\n slider.style.transform = `translateX(-${slideWidth}px)`;\n \n \/\/ Te\u010dka reaguje ihned (DOM se u\u017e posunul)\n const prevSlideId = parseInt(slider.firstElementChild.getAttribute('data-id'));\n updateActiveDot(prevSlideId);\n \n \/\/ Nucen\u00fd reflow pro aplikaci zm\u011bny bez animace, pak hned animovat k nule\n setTimeout(() => {\n slider.style.transition = \"transform 0.5s cubic-bezier(0.25, 1, 0.5, 1)\";\n slider.style.transform = \"translateX(0)\";\n setTimeout(() => { isMoving = false; }, 500);\n }, 20);\n }\n\n \/\/ SKOK NA KONKR\u00c9TN\u00cd TE\u010cKU (NOV\u00c1 FUNKCE)\n function goTo(targetId) {\n if (isMoving) return;\n const currentId = parseInt(slider.firstElementChild.getAttribute('data-id'));\n if (targetId === currentId) return; \/\/ Klikl na fotku, kter\u00e1 u\u017e je vid\u011bt\n\n isMoving = true;\n clearInterval(auto); \/\/ Do\u010dasn\u011b zastav\u00ed autoplay\n\n const slidesArray = Array.from(slider.children);\n const domIndex = slidesArray.findIndex(s => parseInt(s.getAttribute('data-id')) === targetId);\n const totalSlides = slidesArray.length;\n const slideWidth = slider.querySelector('.slide').offsetWidth + 20;\n\n \/\/ Aktualizace te\u010dky hned po kliknut\u00ed\n updateActiveDot(targetId);\n\n \/\/ Pokud je c\u00edl v prvn\u00ed p\u016flce cyklu -> posun dop\u0159edu\n if (domIndex <= totalSlides \/ 2) {\n slider.style.transition = \"transform 0.5s cubic-bezier(0.25, 1, 0.5, 1)\";\n slider.style.transform = `translateX(-${slideWidth * domIndex}px)`;\n \n setTimeout(() => {\n slider.style.transition = \"none\";\n for (let i = 0; i < domIndex; i++) {\n slider.appendChild(slider.firstElementChild);\n }\n slider.style.transform = \"translateX(0)\";\n isMoving = false;\n startAutoPlay();\n }, 500);\n } \n \/\/ Pokud je bl\u00ed\u017e odzadu -> posun dozadu\n else {\n const steps = totalSlides - domIndex;\n slider.style.transition = \"none\";\n for (let i = 0; i < steps; i++) {\n slider.insertBefore(slider.lastElementChild, slider.firstElementChild);\n }\n slider.style.transform = `translateX(-${slideWidth * steps}px)`;\n \n setTimeout(() => {\n slider.style.transition = \"transform 0.5s cubic-bezier(0.25, 1, 0.5, 1)\";\n slider.style.transform = \"translateX(0)\";\n setTimeout(() => { \n isMoving = false; \n startAutoPlay();\n }, 500);\n }, 20);\n }\n }\n\n \/\/ DOTYKOV\u00c9 OVL\u00c1D\u00c1N\u00cd NA MOBILECH\n const touchArea = document.getElementById('touchArea');\n touchArea.addEventListener('touchstart', e => startX = e.touches[0].clientX, {passive: true});\n touchArea.addEventListener('touchend', e => {\n const endX = e.changedTouches[0].clientX;\n if (startX - endX > 50) { next(); resetAutoPlay(); }\n if (endX - startX > 50) { prev(); resetAutoPlay(); }\n }, {passive: true});\n\n \/\/ --- AUTOMATICK\u00dd POSUN ---\n function startAutoPlay() {\n auto = setInterval(next, 5000);\n }\n \n function resetAutoPlay() {\n clearInterval(auto);\n startAutoPlay();\n }\n\n \/\/ Inicializace a start autoplay po na\u010dten\u00ed\n initDots();\n startAutoPlay();\n \n \/\/ Zastaven\u00ed p\u0159ejet\u00edm my\u0161i, spu\u0161t\u011bn\u00ed p\u0159i odjet\u00ed\n const sliderWrapper = document.querySelector('.slider-wrapper');\n sliderWrapper.addEventListener('mouseenter', () => clearInterval(auto));\n sliderWrapper.addEventListener('mouseleave', () => resetAutoPlay());\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u010cist\u00fd Hero Prvek s horn\u00ed mezerou „Jeden za v\u0161echny, v\u0161ichni za jednoho“ turistick\u00fd odd\u00edl Pochode\u0148 Unho\u0161\u0165 Pro\u010d se k n\u00e1m p\u0159idat? Pl\u00e1n akc\u00ed – Pochode\u0148 Unho\u0161\u0165 Pl\u00e1n akc\u00ed odd\u00edlu Krom\u011b pravideln\u00fdch t\u00fddenn\u00edch dru\u017einov\u00fdch sch\u016fzek pro v\u00e1s p\u0159ipravujeme: 22. 5. P\u00e1tek 17:00 \u2013 19:00 ArmyDay Pochodn\u011b P\u0159ipravuje: \u017dlababa Tradi\u010dn\u00ed brann\u00e9 sout\u011b\u017en\u00ed odpoledne pln\u00e9 \u00fakol\u016f a zkou\u0161ek…<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"normal","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-414","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/414","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/comments?post=414"}],"version-history":[{"count":45,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/414\/revisions"}],"predecessor-version":[{"id":760,"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/pages\/414\/revisions\/760"}],"wp:attachment":[{"href":"https:\/\/www.pochoden.cz\/wordpress\/wp-json\/wp\/v2\/media?parent=414"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}