1<!DOCTYPE html> 2<html lang="de-de" dir="ltr"> 3<head> 4 <meta name="viewport" content="width=device-width, initial-scale=1"> 5 6 7 8 9 10 11 <link rel="icon" href="/favicon.ico" sizes="any"> 12 13 14 15 <link rel="apple-touch-icon" href="/images/apple-touch-icon.png"> 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42<meta charset="utf-8"> 43 <meta name="robots" content="index, follow"> 44 <title>Events</title> 45 <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon"> 46<link href="/media/vendor/joomla-custom-elements/css/joomla-alert.min.css?0.4.1" rel="stylesheet"> 47 <link href="/media/system/css/joomla-fontawesome.min.css?4.5.24" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"> 48 <style id='critical-css'>@font-face{font-family:'Heebo';font-style:normal;font-weight:400;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;src:url(../../yootheme/fonts/heebo-e5a43b1c.woff2) format('woff2')}@font-face{font-family:'Heebo';font-style:normal;font-weight:400;unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;src:url(../../yootheme/fonts/heebo-9b586da9.woff2) format('woff2')}@font-face{font-family:'Heebo';font-style:normal;font-weight:400;unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;src:url(../../yootheme/fonts/heebo-eb101c27.woff2) format('woff2')}@font-face{font-family:'Heebo';font-style:normal;font-weight:400;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;src:url(../../yootheme/fonts/heebo-3832e299.woff2) format('woff2')}@font-face{font-family:'Heebo';font-style:normal;font-weight:400;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;src:url(../../yootheme/fonts/heebo-31c35472.woff2) format('woff2')}@font-face{font-family:'Heebo';font-style:normal;font-weight:500;
48unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;src:url(../../yootheme/fonts/heebo-84610b61.woff2) format('woff2')}@font-face{font-family:'Heebo';font-style:normal;font-weight:500;unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;src:url(../../yootheme/fonts/heebo-fa9d5dd4.woff2) format('woff2')}@font-face{font-family:'Heebo';font-style:normal;font-weight:500;unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;src:url(../../yootheme/fonts/heebo-8ad52c5a.woff2) format('woff2')}@font-face{font-family:'Heebo';font-style:normal;font-weight:500;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;src:url(../../yootheme/fonts/heebo-59f7d2e4.woff2) format('woff2')}@font-face{font-family:'Heebo';font-style:normal;font-weight:500;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;src:url(../../yootheme/fonts/heebo-f4a5d4e0.woff2) format('woff2')}@font-face{font-family:'Heebo';font-style:normal;font-weight:600;unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F;src:url(../../yootheme/fonts/heebo-bcadcbfb.woff2) format('woff2')}@font-face{font-family:'Heebo';font-style:normal;font-weight:600;unicode-range:U+0302-0303,U+0305,U+0307-0308,U+0310,U+0312,U+0315,U+031A,U+0326-0327,U+032C,U+032F-0330,U+0332-0333,U+0338,U+033A,U+0346,U+034D,U+0391-03A1,U+03A3-03A9,U+03B1-03C9,U+03D1,U+03D5-03D6,U+03F0-03F1,U+03F4-03F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-208E,U+2090-209C,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE00-1EEFF;src:url(../../yootheme/fonts/heebo-c2519d4e.woff2) format('woff2')}@font-face{font-family:'Heebo';font-style:normal;font-weight:600;
48unicode-range:U+0001-000C,U+000E-001F,U+007F-009F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+2800-28FF,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B00-2BFF,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F000-1F0FF,U+1F100-1F1AD,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F7FF,U+1F800-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FA89,U+1FA8F-1FAC6,U+1FACE-1FADC,U+1FADF-1FAE9,U+1FAF0-1FAF8,U+1FB00-1FBFF;src:url(../../yootheme/fonts/heebo-b219ecc0.woff2) format('woff2')}@font-face{font-family:'Heebo';font-style:normal;font-weight:600;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;src:url(../../yootheme/fonts/heebo-613b127e.woff2) format('woff2')}@font-face{font-family:'Heebo';font-style:normal;font-weight:600;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;src:url(../../yootheme/fonts/heebo-40aac462.woff2) format('woff2')}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-stretch:normal;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;src:url(../../yootheme/fonts/ibmplexsans-35d4c4fb.woff2) format('woff2')}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-stretch:normal;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;src:url(../../yootheme/fonts/ibmplexsans-11732fcf.woff2) format('woff2')}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-stretch:normal;unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;src:url(../../yootheme/fonts/ibmplexsans-165cc31b.woff2) format('woff2')}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-stretch:normal;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;src:url(../../yootheme/fonts/ibmplexsans-cbca1a9e.woff2) format('woff2')}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-stretch:normal;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;src:url(../../yootheme/fonts/ibmplexsans-39cc2907.woff2) format('woff2')}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-stretch:normal;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;src:url(../../yootheme/fonts/ibmplexsans-1133bd74.woff2) format('woff2')}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-stretch:normal;unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;src:url(../../yootheme/fonts/ibmplexsans-a5502265.woff2) format('woff2')}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-stretch:normal;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;src:url(../../yootheme/fonts/ibmplexsans-81f7c951.woff2) format('woff2')}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-stretch:normal;unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;src:url(../../yootheme/fonts/ibmplexsans-86d82585.woff2) format('woff2')}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-stretch:normal;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;src:url(../../yootheme/fonts/ibmplexsans-5b4efc00.woff2) format('woff2')}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-stretch:normal;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1D
48BF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;src:url(../../yootheme/fonts/ibmplexsans-a948cf99.woff2) format('woff2')}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-stretch:normal;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;src:url(../../yootheme/fonts/ibmplexsans-81be1fbc.woff2) format('woff2')}:root{--bs-blue:#92B095;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#F16376;--bs-orange:#fd7e14;--bs-yellow:#F6BF69;--bs-green:#8ACD8F;--bs-teal:#20c997;--bs-cyan:#92B095;--bs-white:#FFF;--bs-gray:#999;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#999;--bs-gray-700:#484848;--bs-gray-800:#343a40;--bs-gray-900:#444444;--bs-primary:#92B095;--bs-secondary:#999;--bs-success:#8ACD8F;--bs-info:#92B095;--bs-warning:#F6BF69;--bs-danger:#F16376;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:'IBM Plex Sans';--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#FFF}:where(:not([class*=uk-],[class*=tm-])),:where(:not([class*=uk-],[class*=tm-]))::after,:where(:not([class*=uk-],[class*=tm-]))::before{box-sizing:border-box}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-tr</style> 49<link rel="preload" href="/templates/yootheme_child/css/theme.16.css?1790239205" as="style" onload="this.onload=null;this.rel='stylesheet'" fetchpriority="high" id="theme-style"> 50<noscript><link rel="stylesheet" href="/templates/yootheme_child/css/theme.16.css?1790239205" id="theme-style"></noscript> 51 <link href="/templates/yootheme_child/css/custom.css?4.5.24" rel="stylesheet">
52<script type="application/json" class="joomla-script-options new">{"joomla.jtext":{"ERROR":"Error","MESSAGE":"Message","NOTICE":"Notice","WARNING":"Warning","JCLOSE":"Close","JOK":"OK","JOPEN":"Open"},"system.paths":{"root":"","rootFull":"https:\/\/www.chalet-oesterreich.co\/","base":"","baseFull":"https:\/\/www.chalet-oesterreich.co\/"},"csrf.token":"3ee7eb817f04f9cf556b079ae4108e1d"}</script>
52 53
53<script src="/media/system/js/core.min.js?2cb912"></script>
53 54
54<script src="/media/system/js/messages.min.js?9a4811" type="module"></script>
54 55
55<script src="/templates/yootheme/vendor/assets/uikit/dist/js/uikit.min.js?4.5.24"></script>
55 56
56<script src="/templates/yootheme/vendor/assets/uikit/dist/js/uikit-icons-design-escapes.min.js?4.5.24"></script>
56 57
57<script src="/templates/yootheme/js/theme.js?4.5.24"></script>
57 58
58<script src="/templates/yootheme_child/js/custom.js?4.5.24"></script>
58 59
59<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.chalet-oesterreich.co/#/schema/Organization/base","name":"Chalet-oesterreich","url":"https://www.chalet-oesterreich.co/"},{"@type":"WebSite","@id":"https://www.chalet-oesterreich.co/#/schema/WebSite/base","url":"https://www.chalet-oesterreich.co/","name":"Chalet-oesterreich","publisher":{"@id":"https://www.chalet-oesterreich.co/#/schema/Organization/base"}},{"@type":"WebPage","@id":"https://www.chalet-oesterreich.co/#/schema/WebPage/base","url":"https://www.chalet-oesterreich.co/events","name":"Events","isPartOf":{"@id":"https://www.chalet-oesterreich.co/#/schema/WebSite/base"},"about":{"@id":"https://www.chalet-oesterreich.co/#/schema/Organization/base"},"inLanguage":"en-GB"},{"@type":"Article","@id":"https://www.chalet-oesterreich.co/#/schema/com_content/article/2077","name":"Events","headline":"Events","inLanguage":"en-GB","articleSection":"Uncategorised","dateCreated":"2026-07-13T20:34:55+00:00","interactionStatistic":{"@type":"InteractionCounter","userInteractionCount":325},"isPartOf":{"@id":"https://www.chalet-oesterreich.co/#/schema/WebPage/base"}}]}</script>
59 60
60<script>window.yootheme ||= {}; var $theme = yootheme.theme = {"i18n":{"close":{"label":"Close"},"totop":{"label":"Back to top"},"marker":{"label":"Open"},"navbarToggleIcon":{"label":"Open Menu"},"paginationPrevious":{"label":"Previous page"},"paginationNext":{"label":"Next Page"},"searchIcon":{"toggle":"Open Search","submit":"Submit Search"},"slider":{"next":"Next slide","previous":"Previous slide","slideX":"Slide %s","slideLabel":"%s of %s"},"slideshow":{"next":"Next slide","previous":"Previous slide","slideX":"Slide %s","slideLabel":"%s of %s"},"lightboxPanel":{"next":"Next slide","previous":"Previous slide","slideLabel":"%s of %s","close":"Close"}}};</script>
60 61
61<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"chalet-oesterreich.co/#/organization","name":"chalet-oesterreich.co","url":"chalet-oesterreich.co","logo":"chalet-oesterreich.co/images/logo.png"},{"@type":"WebSite","@id":"chalet-oesterreich.co/#/website","url":"chalet-oesterreich.co","name":"chalet-oesterreich.co","publisher":{"@id":"chalet-oesterreich.co/#/organization"}},{"@type":"WebPage","@id":"chalet-oesterreich.co/#/webpage","url":"chalet-oesterreich.co","name":"chalet-oesterreich.co","inLanguage":"en-GB"}]}</script>
61 62 <meta property="og:title" content="Events"> 63 <meta property="og:type" content="website"> 64 <meta property="og:image" content="https://www.chalet-oesterreich.co/200.png"> 65 <meta property="og:url" content="https://www.chalet-oesterreich.co/events"> 66 <meta property="og:description" content="Events"> 67 <meta name="twitter:card" content="summary_large_image"> 68 <meta name="twitter:site" content="@chalet-oesterreich_co"> 69 <meta name="twitter:title" content="Events"> 70 <meta name="twitter:description" content="Events"> 71 <meta name="twitter:image" content="https://www.chalet-oesterreich.co/200.png"> 72 73 74 75 76<link rel="canonical" href="https://www.chalet-oesterreich.co/events" /> 77 78 79 <link rel="preload" href="/templates/yootheme_child/css/tn-intern-pinewood.css" 80 as="style" onload="this.onload=null;this.rel='stylesheet'"> 81<noscript><link rel="stylesheet" href="/templates/yootheme_child/css/tn-intern-pinewood.css"></noscript> 82 83<link rel="preload" href="/templates/yootheme_child/css/customtn.css" 84 as="style" onload="this.onload=null;this.rel='stylesheet'"> 85<noscript><link rel="stylesheet" href="/templates/yootheme_child/css/customtn.css"></noscript> 86 87<link rel="preload" href="/templates/yootheme_child/css/pinewood-lake.css" 88 as="style" onload="this.onload=null;this.rel='stylesheet'"> 89<noscript><link rel="stylesheet" href="/templates/yootheme_child/css/pinewood-lake.css"></noscript> 90 91 92 93<link rel="preload" href="/templates/yootheme_child/css/rmx7vtl.css" 94 as="style" onload="this.onload=null;this.rel='stylesheet'"> 95<noscript><link rel="stylesheet" href="/templates/yootheme_child/css/rmx7vtl.css"></noscript> 96 97 98 99 100 101 102 103 104 105<!-- CLEAN DOMAIN FIX2: chalet-oesterreich.co --> 106<!-- MATOMO MATCH: www.chalet-oesterreich.co --> 107<!-- GA CODE => --> 108<!-- MATOMO ID => 145 --> 109
110<script> 111var _paq = window._paq || []; 112_paq.push(['trackPageView']); 113_paq.push(['enableLinkTracking']); 114(function(){ 115 var u='//analytics.tourismusnetz.com/'; 116 _paq.push(['setTrackerUrl', u+'matomo.php']); 117 _paq.push(['setSiteId', '145']); 118 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 119 g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); 120})(); 121</script>
121 122 123 124 125 126 127 128 129 130 131 132 133
133<script> 134document.addEventListener('DOMContentLoaded', () => { 135 document.querySelectorAll('script[src]').forEach(s => { 136 if (!s.defer && !s.async && !s.src.includes('google') && !s.src.includes('analytics')) { 137 s.setAttribute('defer', 'defer'); 138 } 139 }); 140}); 141</script>
141 142 143</head> 144 145<body class=""> 146 147<div class="uk-hidden-visually uk-notification uk-notification-top-left uk-width-auto"> 148 <div class="uk-notification-message"> 149 <a href="#tm-main" class="uk-link-reset">Skip to main content</a> 150 </div> 151</div> 152 153 154<div class="tm-page"> 155 156 157 158 159<header class="tm-header-mobile uk-hidden@l"> 160 161 162 163 <div class="uk-navbar-container"> 164 165 <div class="uk-container uk-container-expand uk-padding-remove-left"> 166 <nav class="uk-navbar" uk-navbar="{"align":"center","container":".tm-header-mobile","boundary":".tm-header-mobile .uk-navbar-container"}"> 167 168 <div class="uk-navbar-left "> 169 170 <a href="https://www.chalet-oesterreich.co" aria-label="Back to home" class="uk-logo uk-navbar-item uk-padding-remove-left"> 171 CHALET-OESTERREICH.CO</a> 172 173 174 175 </div> 176 177 178 <div class="uk-navbar-right"> 179 180 <a uk-toggle href="#tm-dialog-mobile" class="uk-navbar-toggle"> 181 182 183 <div uk-navbar-toggle-icon></div> 184 185 186 </a> 187 188 189 190 </div> 191 192 </nav> 193 </div> 194 195 </div> 196 197 198 199 200 201 <div id="tm-dialog-mobile" uk-offcanvas="container: true; overlay: true" mode="push"> 202 <div class="uk-offcanvas-bar uk-flex uk-flex-column"> 203 204 <button class="uk-offcanvas-close uk-close-large" type="button" uk-close uk-toggle="cls: uk-close-large; mode: media; media: @s"></button> 205 206 <div class="uk-margin-auto-bottom uk-text-center"> 207 208<div class="uk-grid uk-child-width-1-1" uk-grid> <div> 209<div class="uk-panel" id="module-tm-4"> 210 211 212 <a href="https://www.chalet-oesterreich.co" aria-label="Back to home" class="uk-logo"> 213 <img alt="saalbach.co" loading="eager" src="/TN-white.svg"></a> 214</div> 215</div> <div> 216<div class="uk-panel" id="module-menu-dialog-mobile"> 217 218 219 220<ul class="uk-nav uk-nav-primary uk-nav- uk-nav-divider uk-nav-center"> 221 222 <li class="item-2431"><a href="/">Start</a></li> 223 <li class="item-2432"><a href="/unterkunftsanfrage">Anfragen</a></li> 224 <li class="item-2433"><a href="/unterkuenfte">Unterkünfte</a></li> 225 <li class="item-2434 uk-active"><a href="/events">Events</a></li> 226 <li class="item-2435"><a href="/chalet-ausstattung">Chalet Ausstattung und Lage</a></li> 227 <li class="item-2436"><a href="/sommer">Sommer</a></li> 228 <li class="item-2437"><a href="/alpenurlaub-region">Alpenurlaub oder Hütte am See</a></li> 229 <li class="item-2438"><a href="/urlaubsideen-freizeit">Freizeitideen</a></li> 230 <li class="item-2439"><a href="/winter">Winter</a></li></ul> 231 232</div> 233</div></div> 234 </div> 235 236 237 </div> 238 </div> 239 240 241 242 243</header> 244 245 246 247 248<header class="tm-header uk-visible@l"> 249 250 251 252 <div uk-sticky media="@l" cls-active="uk-navbar-sticky" sel-target=".uk-navbar-container"> 253 254 <div class="uk-navbar-container"> 255 256 <div class="uk-container uk-container-expand"> 257 <nav class="uk-navbar" uk-navbar="{"align":"center","container":".tm-header > [uk-sticky]","boundary":".tm-header .uk-navbar-container"}"> 258 259 <div class="uk-navbar-left "> 260 261 <a href="https://www.chalet-oesterreich.co" aria-label="Back to home" class="uk-logo uk-navbar-item"> 262 CHALET-OESTERREICH.CO</a> 263 264 265 266 </div> 267 268 269 <div class="uk-navbar-right"> 270 271 272<ul class="uk-navbar-nav"> 273 274 <li class="item-2431"><a href="/">Start</a></li> 275 <li class="item-2432"><a href="/unterkunftsanfrage">Anfragen</a></li><li class="uk-parent" id="unterkuenfte-menu" data-alias="unterkuenfte"> 276 <a href="/unterkuenfte">Unterkünfte</a> 277 <div class="uk-drop uk-navbar-dropdown"> 278 <ul id="unterkuenfte-dynamic" class="uk-nav uk-navbar-dropdown-nav"> 279 <li><em>Lade Unterkünfte...</em></li> 280 </ul> 281 </div> 282 </li>
282<script> 283document.addEventListener("DOMContentLoaded", () => { 284 const target = document.querySelector("#unterkuenfte-dynamic"); 285 const parentLi = document.querySelector("#unterkuenfte-menu"); 286 if (!target || !parentLi) return; 287 288 const alias = parentLi.dataset.alias; 289 const items = []; 290 291 if (!items || !items.length) { 292 target.innerHTML = "<li><em>Keine Unterkünfte gefunden</em></li>"; 293 return; 294 } 295 296 target.innerHTML = ""; 297 items.forEach((item) => { 298 const li = document.createElement("li"); 299 const a = document.createElement("a"); 300 a.href = "/" + [alias, item.slug].filter(Boolean).join("/"); 301 a.textContent = item.name || ""; 302 li.appendChild(a); 303 target.appendChild(li); 304 }); 305}); 306</script>
306 307 308 <li class="item-2434 uk-active"><a href="/events">Events</a></li> 309 <li class="item-2435"><a href="/chalet-ausstattung">Chalet Ausstattung und Lage</a></li> 310 <li class="item-2436"><a href="/sommer">Sommer</a></li> 311 <li class="item-2437"><a href="/alpenurlaub-region">Alpenurlaub oder Hütte am See</a></li> 312 <li class="item-2438"><a href="/urlaubsideen-freizeit">Freizeitideen</a></li> 313 <li class="item-2439"><a href="/winter">Winter</a></li></ul> 314 315 316 317 318 </div> 319 320 </nav> 321 </div> 322 323 </div> 324 325 </div> 326 327 328 329 330 331 332 333 <div id="tm-dialog" uk-offcanvas="container: true" mode="slide" flip> 334 <div class="uk-offcanvas-bar uk-flex uk-flex-column"> 335 336 <button class="uk-offcanvas-close uk-close-large" type="button" uk-close uk-toggle="cls: uk-close-large; mode: media; media: @s"></button> 337 338 <div class="uk-margin-auto-bottom tm-height-expand"> 339 340<div class="uk-panel" id="module-tm-3"> 341 342 343 <a href="https://www.chalet-oesterreich.co" aria-label="Back to home" class="uk-logo"> 344 <img alt="saalbach.co" loading="eager" src="/TN-white.svg"></a> 345</div> 346 347 </div> 348 349 350 </div> 351 </div> 352 353 354 355 356 357</header> 358 359 360 361 362 <main id="tm-main" > 363 <div> 364 365 <div class="uk-grid" uk-grid> 366 <div class="uk-width-expand@m"> 367 368 <div id="system-message-container" aria-live="polite"></div> 369 370 <!-- Builder #page --> 371<div class="uk-section-default uk-section"> 372 373 374 375 376 377 <div class="uk-container"> 378 <div class="uk-grid tm-grid-expand uk-child-width-1-1 uk-grid-margin"> 379<div class="uk-grid-item-match uk-width-1-1"> 380 <div class="uk-default uk-tile"> 381 382 383 384 385 386 387<h1 class="uk-heading-medium"> Events </h1> 388 389 390 391 </div> 392</div></div> 393 </div> 394 395 396 397</div> 398 </div> 399 400 401 402 403 404<aside style="display: flex;" id="tm-sidebar" class="tm-sidebar uk-visible@m uk-width-1-5@m"> 405 406 407<style> 408 .custom-vertical-nav { 409 all: unset; 410 position: relative !important; 411 height: 700px !important; 412 left: 20px !important; 413 top: 0 !important; 414 bottom: 25% !important; 415 margin: auto 0 !important; 416 background-color: #fefefe !important; 417 padding: 20px 10px !important; 418 border-radius: 12px !important; 419 z-index: 9999 !important; 420 display: flex !important; 421 align-items: center !important; 422 border: 1px solid; 423 border-color: #E8E8E8; 424 overflow: visible !important; 425 box-sizing: border-box !important; 426 font-family: 'Poppins', sans-serif !important; 427 } 428 429 .custom-vertical-nav * { 430 box-sizing: border-box !important; 431 font-family: 'Poppins', sans-serif !important; 432 } 433 434 .custom-nav-list { 435 list-style: none !important; 436 display: flex !important; 437 justify-content: space-between !important; 438 align-items: center !important; 439 flex-flow: column !important; 440 height: 100% !important; 441 width: 100% !important; 442 padding-left:0px; 443 } 444 445 .custom-nav-item { 446 width: 100% !important; 447 } 448 449.custom-nav-link { 450 display: flex !important; 451 align-items: center; 452 width: 100% !important; 453 cursor: pointer !important; 454 color: #1a2238 !important; 455 text-decoration: none !important; 456 position: relative !important; 457 transition: all 0.2s ease !important; 458 justify-content: center; 459} 460 461 .custom-nav-link svg { 462 width: 30px !important; 463 height: 30px !important; 464 flex-shrink: 0 !important; 465 fill: currentColor !important; 466 } 467 468 .custom-nav-text { 469 position: absolute !important; 470 background-color: #fefefe !important; 471 padding: 2px 15px !important; 472 border-radius: 30px !important; 473 margin-left: 10px !important; 474 font-weight: 500 !important; 475 font-size: 15px !important; 476 visibility: hidden !important; 477 opacity: 0 !important; 478 transition: all 0.2s ease !important; 479 white-space: nowrap !important; 480 } 481 482 .custom-nav-link:hover, 483 .custom-nav-link.active { 484 color: #000000ff !important; 485 } 486 487 .custom-nav-link:hover .custom-nav-text, 488 .custom-nav-link.active .custom-nav-text { 489 opacity: 1 !important; 490 visibility: visible !important; 491 margin-left: 50px !important; 492 } 493 494 .custom-vertical-nav.active .custom-nav-text { 495 position: relative !important; 496 opacity: 1 !important; 497 visibility: visible !important; 498 margin-left: 0 !important; 499 } 500 501 .custom-vertical-nav.active .custom-nav-link:hover .custom-nav-text { 502 margin-left: 0 !important; 503 } 504 </style> 505 506
506<script> 507 function toggleMenu() { 508 var menu = document.getElementById('customMenuBar'); 509 menu.classList.toggle('active'); 510 } 511 </script>
511 512<nav id="customMenuBar" class="custom-vertical-nav"> 513 <ul class="custom-nav-list"> 514 515 <div class="tn-brand-bar" id="tn-brand-bar"> 516 <!-- ð½ Custom SVG BloÄu (kalıcı) --> 517 <div class="peShiner" style="padding: 15px 0; 518 text-align: center; 519 display: flex; 520 justify-content: center;"> 521 <img class="no-svg-inject" src="/TN-white.svg" alt="Appartement.co Logo" style="width:32px; filter: invert(1); margin-left:0px;"> 522 </div> 523 524 525 526 527 <li class="custom-nav-item" id="tn-brand-bar"> 528 <a href="/unterkunftsanfrage" class="tn-svg custom-nav-link"> 529 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"> 530 <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5m-9-6h.008v.008H12v-.008ZM12 15h.008v.008H12V15Zm0 2.25h.008v.008H12v-.008ZM9.75 15h.008v.008H9.75V15Zm0 2.25h.008v.008H9.75v-.008ZM7.5 15h.008v.008H7.5V15Zm0 2.25h.008v.008H7.5v-.008Zm6.75-4.5h.008v.008h-.008v-.008Zm0 2.25h.008v.008h-.008V15Zm0 2.25h.008v.008h-.008v-.008Zm2.25-4.5h.008v.008H16.5v-.008Zm0 2.25h.008v.008H16.5V15Z" /> 531</svg> 532 533 <span class="custom-nav-text">Anfrage</span> 534 </a> 535 </li> 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 <li class="custom-nav-item" id="tn-brand-bar"> 554 <a href="/unterkunftsanfrage" class="tn-svg custom-nav-link "> 555 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-bed"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M7 9m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M22 17v-3h-20" /><path d="M2 8v9" /><path d="M12 14h10v-2a3 3 0 0 0 -3 -3h-7v5z" /></svg> 556 <span class="custom-nav-text">Unterkünfte</span> 557 </a> 558 </li> 559 560 561 562 563 564 565 <li class="custom-nav-item uk-hidden" id="tn-brand-bar"> 566 <a href="#" class="custom-nav-link"> 567 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6"> 568 <path stroke-linecap="round" stroke-linejoin="round" d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" /> 569</svg> 570 571 <span class="custom-nav-text">Wetter</span> 572 </a> 573 </li> 574<li class="custom-nav-item custom-weather-section"> 575 576 577<div id="weatherWidget" class="custom-weather-widget"> 578 579 <div class="custom-weather-days" id="weatherDays"> 580 <div class="custom-weather-loading">Lade Wetterdaten...</div> 581 </div> 582 </div> 583</li> 584</div> 585 </ul> 586</nav> 587 588 589 590<style> 591 .custom-weather-section { 592 width: 100% !important; 593 /*margin-top: 12px !important;*/ 594 /* padding-top: 10px !important;*/ 595 border-top: 1px solid rgba(0,0,0,0.1) !important; 596 } 597 598 .custom-weather-widget { 599 display: flex !important; 600 flex-direction: column !important; 601 align-items: center !important; 602 background-color: #fefefe !important; 603 border-radius: 20px !important; 604 /* padding: 10px 5px !important;*/ 605 box-sizing: border-box !important; 606 font-family: 'Poppins', sans-serif !important; 607 color: #1a2238 !important; 608 } 609 610 .custom-weather-title { 611 font-weight: 600 !important; 612 margin-bottom: 8px !important; 613 font-size: 14px !important; 614 } 615 616 .custom-weather-days { 617 display: flex !important; 618 flex-direction: column !important; 619 gap: 7px !important; 620 width: 100% !important; 621 margin-top: 11px; 622 } 623 624 .custom-weather-day { 625 display: flex !important; 626 justify-content: space-between !important; 627 align-items: center !important; 628 background-color: #ffffff !important; 629 border-radius: 14px !important; 630 /* padding: 6px 10px !important; */ 631 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important; 632 transition: all 0.2s 633ease !important; 634 flex-direction: column; 635 } 636 637 .custom-weather-day:hover { 638 transform: translateY(-2px) !important; 639 box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important; 640 } 641 642 .custom-weather-day img { 643width: 30px !important; 644 height: 30px !important; 645 flex-shrink: 0 !important; 646 } 647 648 .custom-weather-day span { 649 font-size: 13px !important; 650 font-weight: 500 !important; 651 } 652 653 .custom-weather-loading { 654 font-size: 12px !important; 655 opacity: 0.6 !important; 656 text-align: center !important; 657 width: 100% !important; 658 } 659</style> 660 661<style> 662 /* Skeleton efektleri */ 663 .custom-weather-skeleton { 664 display: flex !important; 665 justify-content: space-between !important;
666 align-items: center !important; 667 background: linear-gradient(90deg, #f2f2f2 25%, #e5e5e5 37%, #f2f2f2 63%) !important; 668 background-size: 400% 100% !important; 669 animation: skeleton-shimmer 1.4s ease infinite !important; 670 border-radius: 14px !important; 671 height: 30px !important; 672 margin-bottom: 6px !important; 673 padding: 0 10px !important; 674 } 675 676 @keyframes skeleton-shimmer { 677 0% { 678 background-position: -200% 0; 679 } 680 100% { 681 background-position: 200% 0; 682 } 683 } 684</style> 685 686 687
688<script> 689async function loadWeather() { 690 const weatherDays = document.getElementById("weatherDays"); 691 692 // Skeleton göster 693 weatherDays.innerHTML = ""; 694 for (let i = 0; i < 5; i++) { 695 const skeleton = document.createElement("div"); 696 skeleton.className = "custom-weather-skeleton"; 697 weatherDays.appendChild(skeleton); 698 } 699 700 // LocalStorage kontrolü 701 const cached = localStorage.getItem("weatherData"); 702 703 if (cached) { 704 const data = JSON.parse(cached); 705 renderWeather(data, weatherDays); 706 return; 707 } 708 709 // ð¹ API isteÄi (ARTIK PHPâDEN GELİYOR) 710 try { 711 const response = await fetch("https://gapi.cms.tourismusnetz.com/api/wetter?lat=47.593970&lon=14.124560&days=5&lang=de"); 712 const data = await response.json(); 713 714 localStorage.setItem("weatherData", JSON.stringify(data)); 715 renderWeather(data, weatherDays); 716 717 } catch (error) { 718 weatherDays.innerHTML = ""; 719 console.error("Wetter API Fehler:", error); 720 } 721} 722 723// Weather render 724function renderWeather(data, container) { 725 container.innerHTML = ""; 726 727 data.forEach((day) => { 728 const div = document.createElement("div"); 729 div.className = "custom-weather-day"; 730 731 const spanDay = document.createElement("span"); 732 spanDay.className = "day"; 733 spanDay.textContent = day.Day; 734 735 const img = document.createElement("img"); 736 img.src = day.Icons.replace( 737 "https://www.tn-wetterwidget.fullmarketing.at", 738 "https://gapi.cms.tourismusnetz.com/api" 739 ); 740 741 const spanTemp = document.createElement("span"); 742 spanTemp.className = "temp"; 743 spanTemp.textContent = `${day.FeltTemperatureMaximum.toFixed(1)}°C`; 744 745 div.appendChild(img); 746 div.appendChild(spanDay); 747 div.appendChild(spanTemp); 748 749 container.appendChild(div); 750 }); 751} 752 753document.addEventListener("DOMContentLoaded", loadWeather); 754</script>
754 755 756 757 758 <!-- ð§± Sabit dıŠiskelet --> 759 <div id="tn-brand-container uk-hidden"> 760 761 762 763 <div class=""> 764 <!-- Joomla sidebar modülleri --> 765 766 767 768 769 <div class="containertnbar uk-hidden" style="height:1000px;"> 770 <a id="anfrageButton" class="buttonanfrage uk-h3" href="/">Anfrage Senden</a> 771 772 <div class="date-input" style="top: 623px;"> 773 <input type="text" id="tarih1" name="tarih1" required placeholder=" "> 774 <label class="placeholdertnanfrage" for="tarih1">Abreise</label> 775 <span class="date-icon"> 776 <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-calendar-event" viewBox="0 0 24 24" stroke-width="1" fill="none" stroke-linecap="round" stroke-linejoin="round"> 777 <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> 778 <path d="M4 5m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"></path> 779 <path d="M16 3l0 4"></path> 780 <path d="M8 3l0 4"></path> 781 <path d="M4 11l16 0"></path> 782 <path d="M8 15h2v2h-2z"></path> 783 </svg> 784 </span> 785 </div> 786 787 <div class="date-input" style="top:848px;"> 788 <input type="text" id="tarih2" name="tarih2" required placeholder=" "> 789 <label class="placeholdertnanfrage" for="tarih2">Anreise</label> 790 <span class="date-icon"> 791 <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-calendar-event" viewBox="0 0 24 24" stroke-width="1" fill="none" stroke-linecap="round" stroke-linejoin="round"> 792 <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> 793 <path d="M4 5m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"></path> 794 <path d="M16 3l0 4"></path> 795 <path d="M8 3l0 4"></path> 796 <path d="M4 11l16 0"></path> 797 <path d="M8 15h2v2h-2z"></path> 798 </svg> 799 </span> 800 </div> 801</div> 802</div> 803 804 805 </div> 806 </div> 807 808 809</aside> 810 811 812 <style> 813 814 815#tm-sidebar a svg { 816 color: #000000 !important; 817} 818/* Sidebar modül alanına üst boÅluk ekle */ 819#tm-sidebar jdoc, 820#tm-sidebar [id^="module-"], 821#tm-sidebar .uk-panel { 822 margin-top: 20px !important; 823} 824#tm-sidebar .uk-grid-margin.uk-first-column { 825 margin-top: 20px !important; 826} 827 828 829 .containertnbar { 830 display: flex; 831 flex-direction: column; 832 align-items: center; 833 /* gap: 9px; */ 834 /* margin: 0px; */ 835 /* margin-top: 55px !important; */ 836 } 837 .buttonanfrage { 838 transform: rotate(-90deg); 839 cursor: pointer; 840 font-size: 16px; /* Buton font boyutu */ 841 padding: 10px 20px; /* Buton içi boÅluk */ 842 border: none; /* Kenarlık kaldırıldı */ 843 background-color: #ffffff; /* Buton rengi */ 844 color: rgb(0, 0, 0); /* Yazı rengi */ 845 /* border-radius: 5px; Kenar yuvarlama */ 846 transition: background-color 0.3s; /* GeçiÅ efekti */ 847 margin-bottom: 6vw; 848 width: max-content; 849 font-family: 'futura-pt'; 850 position: fixed; 851 top: 455px !important; 852 853 854 border-radius: 4px; 855 font-weight: 400; 856 857 } 858 .buttonbuttonanfrage:hover { 859 background-color: #b3af90; /* Hover rengi */ 860 } 861 .date-input { 862 display: flex; 863 align-items: center; 864 transform: rotate(-90deg); 865 position: fixed; 866 867 /* margin-bottom: 7vw; Inputlar arasındaki boÅluk */ 868 /* margin-top:20px */ 869 } 870 .date-input input { 871 padding: 10px; 872 width: 200px; 873 padding-right: 50px; 874 border: 1px solid #ffffff73; 875 /* border-radius: 5px; */ 876 background: black; 877 878 } 879 .date-input input:focus { 880 border-color: #b3af90; /* Focus rengi */ 881 outline: none; /* Kenar dıÅı */ 882 } 883 .placeholdertnanfrage { 884 position: absolute; 885 left: 10px; 886 top: 10px; 887 color: #ffffff; 888 pointer-events: none; 889 transition: 0.2s ease all; 890 text-transform: uppercase; 891 font-family: 'futura-pt'; 892 font-weight: 400; 893 } 894 .date-input input:focus + .placeholder, 895 .date-input input:not(:placeholder-shown) + .placeholder { 896 top: -10px; 897 font-size: 12px; 898 color: #666; 899 } 900 .date-icon { 901 position: absolute; 902 right: 10px; /* İkonu saÄa yerleÅtir */ 903 top: 50%; 904 transform: translateY(-50%); /* Dikey merkezleme */ 905 pointer-events: none; /* İkon tıklanmaz */ 906 display: flex; 907 align-items: center; 908 justify-content: center; 909 width: 30px; /* Dairenin çapı */ 910 height: 30px; /* Dairenin çapı */ 911 border-radius: 50%; /* Yuvarlak yap */ 912 background-color: #b3af90; /* Arka plan rengi */ 913 } 914 .date-icon svg { 915 width: 16px;
915 /* İkonun geniÅliÄi */ 916 height: 16px; /* İkonun yüksekliÄi */ 917 stroke: #ffffff; 918 } 919 </style> 920 921 922
923<script> 924 925if (window.jQuery && window.jQuery.fn && window.jQuery.fn.datepicker) { 926 jQuery(function($) { 927 928 $("#tarih1").datepicker({ 929 dateFormat: 'yy-mm-dd', 930 onSelect: function(dateText) { 931 932 $('#tarih1').siblings('.placeholdertnanfrage').text(dateText); 933 updateButtonHref(); 934 } 935 }); 936 937 $("#tarih2").datepicker({ 938 dateFormat: 'yy-mm-dd', 939 onSelect: function(dateText) { 940 941 $('#tarih2').siblings('.placeholdertnanfrage').text(dateText); 942 updateButtonHref(); 943 } 944 }); 945 946 947 function updateButtonHref() { 948 var anreise = $('#tarih2').val(); 949 var abreise = $('#tarih1').val(); 950 951 if (anreise && abreise) { 952 953 var baseUrl = $('tn-quick').attr('url'); 954 955 if (baseUrl) { 956 957 var newHref = baseUrl + "?anreise=" + anreise + "&abreise=" + abreise; 958 $('#anfrageButton').attr('href', newHref); 959 } 960 } 961 } 962 }); 963} 964</script>
964 965 966 967 968<style> 969#tm-sidebar a svg { 970 color: #000000; 971} 972 973#tm-sidebar a { 974margin-top: 20px !important; 975margin-bottom: 20px !important; 976} 977 978 979#tm-sidebar a svg { 980 /* -webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255, 255, 255, .8)));*/ 981 transition: all 0.1s 982ease-in-out; 983} 984 985#tm-sidebar a svg { 986 color: #fff; 987} 988#tm-sidebar a svg { 989 /* -webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255, 255, 255, .8)));*/ 990 transition: all 0.1s 991ease-in-out; 992} 993 994#tm-sidebar a svg { 995 color: #000000 !important; 996 fill: revert-layer !important; 997 width: 30px; 998 height: 30px; 999} 1000#tm-sidebar a svg { 1001 max-width: unset; 1002 padding: 0; 1003 margin: 0; 1004 display: inline !important; 1005} 1006 1007#tm-sidebar a { 1008 text-decoration: none !important; 1009} 1010 1011 1012#tm-sidebar a svg:hover { 1013 /* -webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(rgba(255, 255, 255, .8)));*/ 1014 transition: all 0.1s 1015ease-in-out; 1016 transform: scale(1.5); 1017} 1018 1019#tm-sidebar a svg:hover { 1020 color: #b3af90 !important; 1021} 1022 1023 1024#tn-brand-container { 1025 position: fixed; 1026 top: 0; 1027 bottom: 0; 1028 left: 0; 1029 width: 57px; 1030 background-color: #ffffff; 1031 z-index: 1; 1032} 1033 1034 1035#pinewood-slider-inquiry tn-quick form.tn-quick-form div.uk-margin div.uk-inline .vdatetime input { 1036 flex: 1; 1037 color: #000000; 1038 font-weight: 600; 1039} 1040 1041 1042 1043#textwhitepress p{ 1044color:white !important; 1045 1046} 1047 1048 1049 1050.btn, .uk-button-primary, .uk-button { 1051 font-family: "Fjalla One", futura-pt; 1052 font-size: 17px; 1053 font-weight: 400; 1054 text-transform: uppercase; 1055 text-decoration: none; 1056 line-height: 1.5; 1057 letter-spacing: 1px; 1058 word-spacing: 0px; 1059 text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); 1060 color: #FFFFFF; 1061 background-color: #000000; 1062 box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5); 1063 border-style: none; 1064 border-radius: 0px 0px 0px 0px; 1065 padding: 8px 25px 8px 25px; 1066} 1067 1068 1069 1070.uk-navbar-position-right .uk-button { 1071 font-family: "Fjalla One", futura-pt; 1072 font-size: 17px !important; 1073 font-weight: 400; 1074 text-transform: uppercase; 1075 text-decoration: none; 1076 line-height: 1.5; 1077 letter-spacing: 1px; 1078 word-spacing: 0px; 1079 text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3); 1080 color: #FFFFFF; 1081 background-color: #000000; 1082 box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5); 1083 border-style: none; 1084 border-radius: 0px 0px 0px 0px; 1085 padding: 5px 14px 5px 14px !important; 1086 border-radius: 4px !important; 1087} 1088 1089 1090 1091 1092 1093 1094 1095#tn-brand-container { 1096 position: fixed; 1097 top: 0; 1098 bottom: 0; 1099 left: 0; 1100 width: 57px; 1101 background-color: #ffffff; 1102 border-right: 1px solid #8888; 1103 z-index: 1; 1104} 1105 1106 1107.tn-brand-bar div div.uk-section-primary { 1108 background-color: #ffffff !important; 1109 border-right: 1px solid #8888; 1110} 1111 1112 1113#tn-brand-bar a svg.tn-svg { 1114 color: #000000; 1115} 1116 1117 1118.buttonanfrage { 1119 transform: rotate(-90deg); 1120 cursor: pointer; 1121 font-size: 16px; 1122 padding: 10px 20px; 1123 border: none; 1124 background-color: #ffffff; 1125 color: rgb(0, 0, 0); 1126 transition: background-color 0.3s; 1127 margin-bottom: 6vw; 1128 border: 1px solid; 1129 width: max-content; 1130 font-family: 'futura-pt'; 1131 position: fixed; 1132 top: 455px !important; 1133 border-radius: 4px; 1134 font-weight: 400; 1135 border: 1px solid #00000073 !important; 1136} 1137 1138.containertnbar .date-input:nth-of-type(1) { 1139 top: 680px !important; 1140} 1141 1142.containertnbar .date-input:nth-of-type(2) { 1143 top: 890px !important; 1144} 1145 1146 1147 1148.date-input input { 1149 padding: 10px; 1150 width: 200px; 1151 padding-right: 50px; 1152 border: 1px solid #00000073; 1153 /* border-radius: 5px; */ 1154 background: #ffffff; 1155 color: black; 1156} 1157 1158 1159.peShiner img{ 1160filter: invert(1); 1161} 1162 1163 1164.date-input input { 1165 padding: 10px; 1166 width: 200px; 1167 padding-right: 50px; 1168 border: 1px solid #00000073 !important; 1169 /* border-radius: 5px; */ 1170 background: #ffffff !important; 1171 color: black; 1172} 1173 1174 1175.placeholdertnanfrage { 1176 position: absolute; 1177 left: 10px; 1178 top: 10px; 1179 color: #000000 !important; 1180 pointer-events: none; 1181 transition: 0.2s 1182ease all; 1183 text-transform: uppercase; 1184 font-family: 'futura-pt'; 1185 font-weight: 400; 1186} 1187 1188 1189 1190.date-input input { 1191 1192 color: #00000000 !important; 1193} 1194 1195 1196.breadcumarea{ 1197display:none !important; 1198 1199} 1200 1201 1202 1203 1204.date-icon { 1205 1206 background-color: #000000 !important; 1207} 1208 1209 1210#custombggray { 1211background-color:#f3f3f3; 1212 padding-top: 70px; 1213} 1214 1215 1216 1217#custombggray .uk-tile-muted{ 1218border:none !important; 1219padding-top: 10px; 1220 padding-bottom: 10px; 1221} 1222 1223 1224#werbungarea .el-item{ 1225border-radius: 18px; 1226 border: 7px solid #f9f9f9; 1227 box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2); 1228 1229} 1230 1231 1232 /* Scrollbar'ın genel geniÅliÄi */ 1233::-webkit-scrollbar {
1234 width: 7px; 1235 height: 10px; 1236} 1237 1238/* Scrollbar'ın arka planı (kanal kısmı) */ 1239::-webkit-scrollbar-track { 1240 background: #f1f1f1; 1241 border-radius: 10px; 1242} 1243 1244/* Scrollbar kaydırma çubuÄu (thumb) */ 1245::-webkit-scrollbar-thumb { 1246 background: #888; 1247 border-radius: 10px; 1248} 1249 1250/* Hover olunca rengi deÄiÅsin */ 1251::-webkit-scrollbar-thumb:hover { 1252 background: #555; 1253} 1254 1255.uk-navbar-dropdown-nav>li>a{ 1256 font-family: 'Fjalla One'; 1257} 1258.hoverless{ 1259 font-family: 'Fjalla One'; 1260} 1261 1262.uk-dropdown-nav > li > a { 1263 font-family: 'Fjalla One'; 1264} 1265 1266img[alt="anfrage.png"] { 1267 display: none !important; 1268} 1269 1270 1271#tn-brand-bar svg { 1272 1273 1274 1275 1276} 1277 1278 1279 1280@media (max-width: 1424px) { 1281 1282.customslider .uk-slideshow-items { 1283 1284 min-height: max(400px, -85px + 100vh) !important; 1285 1286 1287} 1288 1289 1290.customslider .bottom-section { 1291gap: 0px !important; 1292} 1293 1294 1295.customslider .tour-card { 1296 padding: 0px 2px !important; 1297 1298 1299} 1300 1301 1302#heroSlider .el-title { 1303 font-size: 3rem !important; 1304 1305} 1306 1307#heroSlider .el-meta { 1308 font-size: 33px !important; 1309 1310 1311} 1312 1313 1314.custom-weather-day img { 1315 width: 18px !important; 1316 height: 18px !important; 1317 flex-shrink: 0 !important; 1318} 1319 1320.custom-weather-day span { 1321 font-size: 10px !important; 1322 font-weight: 500 !important; 1323} 1324.custom-vertical-nav { 1325 all: unset; 1326 position: relative !important; 1327 height: 524px !important; 1328 left: 10px !important; 1329 top: 0 !important; 1330 bottom: -13% !important; 1331 margin: auto 0 !important; 1332 background-color: #fefefe !important; 1333 padding: 20px 10px !important; 1334 border-radius: 12px !important; 1335 z-index: 9999 !important; 1336 display: flex !important; 1337 align-items: center !important; 1338 border: 1px solid; 1339 border-color: #E8E8E8; 1340 overflow: visible !important; 1341 box-sizing: border-box !important; 1342 font-family: 'Poppins', sans-serif !important; 1343 } 1344 1345 1346.custom-nav-link svg { 1347 width: 25px !important; 1348 height: 25px !important; 1349 flex-shrink: 0 !important; 1350 fill: currentColor !important; 1351} 1352 1353#tm-sidebar a { 1354 margin-top: 10px !important; 1355 margin-bottom: 10px !important; 1356} 1357 1358#tm-sidebar a svg { 1359 color: #000000 !important; 1360 fill: revert-layer !important; 1361 width: 25px; 1362 height: 25px; 1363} 1364 1365.tw-py-3 { 1366 padding-block: calc(var(--spacing) * 1); 1367} 1368 1369.customslider .book-btn { 1370 1371 display: none; 1372} 1373.customslider .tour-info h4 { 1374 font-size: 12px !important; 1375 font-weight: 600 !important; 1376 } 1377 1378 #module-126\#2 { 1379 position: absolute; 1380 /* top: 0; */ 1381 width: 100%; 1382 background: transparent; 1383 bottom: -61px; 1384 z-index: 1; 1385} 1386 1387 1388} 1389 1390 1391 1392 1393 1394 1395@media (max-width: 1224px) { 1396 1397.customslider .uk-slideshow-items { 1398 1399 min-height: max(400px, -85px + 100vh) !important; 1400 1401 1402} 1403 1404 1405.customslider .bottom-section { 1406gap: 0px !important; 1407} 1408 1409 1410.customslider .tour-card { 1411 padding: 0px 2px !important; 1412 1413 1414} 1415 1416 1417#heroSlider .el-title { 1418 font-size: 2rem !important; 1419 1420} 1421 1422#heroSlider .el-meta { 1423 font-size: 29px !important; 1424 1425 1426} 1427 1428 1429.custom-weather-day img { 1430 width: 16px !important; 1431 height: 16px !important; 1432 flex-shrink: 0 !important; 1433} 1434 1435.custom-weather-day span { 1436 font-size: 8px !important; 1437 font-weight: 500 !important; 1438} 1439.custom-vertical-nav { 1440 all: unset; 1441 position: relative !important; 1442 height: 524px !important; 1443 left: 10px !important; 1444 top: 0 !important; 1445 bottom: 0% !important; 1446 margin: auto 0 !important; 1447 background-color: #fefefe !important; 1448 padding: 20px 10px !important; 1449 border-radius: 12px !important; 1450 z-index: 9999 !important; 1451 display: flex !important; 1452 align-items: center !important; 1453 border: 1px solid; 1454 border-color: #E8E8E8; 1455 overflow: visible !important; 1456 box-sizing: border-box !important; 1457 font-family: 'Poppins', sans-serif !important; 1458 } 1459 1460 1461.custom-nav-link svg { 1462 width: 25px !important; 1463 height: 25px !important; 1464 flex-shrink: 0 !important; 1465 fill: currentColor !important; 1466} 1467 1468#tm-sidebar a { 1469 margin-top: 10px !important; 1470 margin-bottom: 10px !important; 1471} 1472 1473#tm-sidebar a svg { 1474 color: #000000 !important; 1475 fill: revert-layer !important; 1476 width: 25px; 1477 height: 25px; 1478} 1479 1480.tw-py-3 { 1481 padding-block: calc(var(--spacing) * 1); 1482} 1483 1484.customslider .book-btn { 1485 1486 display: none; 1487} 1488.customslider .tour-info h4 { 1489 font-size: 12px !important; 1490 font-weight: 600 !important; 1491 } 1492 1493 #module-126\#2 { 1494 position: absolute; 1495 /* top: 0; */ 1496 width: 100%; 1497 background: transparent; 1498 bottom: -61px; 1499 z-index: 1; 1500} 1501 1502 1503} 1504 1505 1506 1507 1508 1509@media (max-width: 1850px) { 1510 1511 1512 1513 .custom-weather-day img { 1514 width: 18px !important; 1515 height: 18px !important; 1516 flex-shrink: 0 !important; 1517} 1518 1519.custom-weather-day span { 1520 font-size: 10px !important; 1521 font-weight: 500 !important; 1522} 1523.custom-vertical-nav { 1524 all: unset; 1525 position: relative !important; 1526 height: 524px !important; 1527 left: 10px !important; 1528 top: 0 !important; 1529 bottom: 0% !important; 1530 margin: auto 0 !important; 1531 background-color: #fefefe !important; 1532 padding: 20px 10px !important; 1533 border-radius: 12px !important; 1534 z-index: 9999 !important; 1535 display: flex !important; 1536 align-items: center !important; 1537 border: 1px solid; 1538 border-color: #E8E8E8; 1539 overflow: visible !important; 1540 box-sizing: border-box !important; 1541 font-family: 'Poppins', sans-serif !important; 1542 } 1543 1544 1545.custom-nav-link svg { 1546 width: 25px !important; 1547 height: 25px !important; 1548 flex-shrink: 0 !important; 1549 fill: currentColor !important; 1550} 1551 1552#tm-sidebar a { 1553 margin-top: 10px !important; 1554 margin-bottom: 10px !important; 1555} 1556 1557#tm-sidebar a svg { 1558 color: #000000 !important; 1559 fill: revert-layer !important; 1560 width: 25px; 1561 height: 25px; 1562} 1563 1564 1565} 1566 1567 1568@media (max-width: 1265px) { 1569 1570.tm-sidebar { 1571 1572 display:none !important; 1573 1574 1575} 1576 1577 1578} 1579 1580 1581</style> 1582 1583 1584 </div> 1585 1586 </div> 1587 1588 1589 1590 1591 1592 1593 1594 1595 1596 1597 1598 1599 1600<style> 1601 1602#latestacco { 1603 min-height: 500px; /* kart yüksekliÄinden biraz fazla */ 1604} 1605 1606#latestacco .uk-card { 1607 border-radius: 14px; 1608 overflow: hidden; 1609 /* transition: all 0.25s 1610ease;*/ 1611 height: 440px; 1612 display: flex; 1613 border-color: #E8E8E8; 1614 flex-direction: column; 1615 border: 1px solid; 1616 border-color: #E8E8E8; 1617 background-color: #ffffff !important; 1618} 1619 #latestacco .uk-card:hover { 1620 /* transform: translateY(-4px);*/ 1621 box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); 1622 } 1623 1624 /* ð¹ Metin kısaltma */ 1625 #latestacco .line-clamp-2 { 1626 display: -webkit-box; 1627 -webkit-line-clamp: 2; 1628 -webkit-box-orient: vertical; 1629 overflow: hidden; 1630 } 1631 #latestacco .line-clamp-3 { 1632 display: -webkit-box; 1633 -webkit-line-clamp: 3; 1634 -webkit-box-orient: vertical; 1635 overflow: hidden; 1636 } 1637 1638 /* ð¹ Resim alanı */ 1639 #latestacco .uk-slideshow-items img { 1640 object-fit: cover; 1641 /* height: 310px;*/ 1642 width: 100%; 1643 transition: transform 0.3s ease; 1644 border-radius: 12px; 1645 } 1646 1647 #latestacco .uk-slideshow-items img:hover { 1648 transform: scale(1.04); 1649 } 1650 1651 #latestacco .uk-slider-items > li { 1652 padding: 10px; 1653 } 1654 1655 /* ð¹ Konum etiketi */ 1656 #latestacco .location-badge { 1657 position: absolute; 1658 left: 10px; 1659 top: 10px; 1660 background: rgba(255, 255, 255, 0.4); 1661 backdrop-filter: blur(8px); 1662 color: #373737; 1663 font-size: 13px; 1664 border-radius: 8px; 1665 padding: 4px 10px; 1666 display: flex; 1667 align-items: center; 1668 gap: 4px; 1669 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); 1670 } 1671 1672 /* ð¹ Oklar */ 1673 #latestacco .uk-position-center-left, 1674 #latestacco .uk-position-center-right { 1675 background: rgba(255, 255, 255, 0.85); 1676 border-radius: 50%; 1677 width: 34px; 1678 height: 34px; 1679 display: flex; 1680 align-items: center; 1681 justify-content: center; 1682 transition: background 0.3s ease; 1683 } 1684 1685 #latestacco .uk-position-center-left:hover, 1686 #latestacco .uk-position-center-right:hover { 1687 background: white; 1688 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); 1689 } 1690 1691 /* ð¹ Dot'lar */ 1692 #latestacco .uk-dotnav { 1693 margin-top: 6px; 1694 } 1695 1696 #latestacco .uk-dotnav > * > * { 1697 background-color: rgba(255, 255, 255, 0.85); 1698 border: 1px solid rgba(0, 0, 0, 0.15); 1699 width: 8px; 1700 height: 8px; 1701 transition: all 0.3s ease; 1702 } 1703 1704#latestacco .uk-dotnav > .uk-active > * { 1705 background-color: #3c3c3c; 1706 border-color: #ffffff; 1707 transform: scale(1.3); 1708 width: 10px; 1709 height: 10px; 1710} 1711 /* ð¹ İkonlar */ 1712 #latestacco .feature-icons { 1713 display: flex; 1714 flex-wrap: wrap; 1715 gap: 6px; 1716 margin-top: auto; 1717 min-height: 42px; 1718 align-items: flex-end; 1719 } 1720 1721 #latestacco .feature-icons i { 1722 background: #f2f2f2; 1723 border-radius: 6px; 1724 padding: 8px; 1725 font-size: 13px; 1726 color: #333; 1727 width: 30px; 1728 height: 30px; 1729 display: flex; 1730 align-items: center; 1731 justify-content: center; 1732 } 1733 1734 #latestacco .uk-card-body { 1735 flex-grow: 1; 1736 display: flex; 1737 flex-direction: column; 1738 justify-content: flex-start; 1739 padding: 8px 14px; 1740 } 1741 1742 #latestacco .uk-card-title { 1743 font-size: 15px; 1744 text-align: center; 1745 margin-bottom: 4px; 1746 line-height: 1.3; 1747 margin-bottom: 23px; 1748 1749} 1750 1751 #latestacco .uk-text-small {
1752 font-size: 15px !important; 1753 line-height: 1.4 !important; 1754 margin: 0; 1755 color:#3c3c3c; 1756 } 1757 1758 1759 #uk-link-reset { 1760 1761 1762 1763 } 1764 1765#latestacco .uk-card-footer a:hover { 1766 background: unset !important; 1767} 1768#latestacco .uk-card-footer a { 1769 background: unset !important; 1770 color: unset !important; 1771 border-radius: unset !important; 1772 padding: unset !important; 1773 font-size: unset !important; 1774 transition: all 0.2s ease; 1775} 1776 1777 1778#latestacco .uk-card-footer { 1779 1780 1781padding-top: 5px !important; 1782 1783} 1784 1785 1786 1787 1788 1789 #latestacco .uk-text-muted { 1790 1791 color:#3c3c3c !important; 1792 } 1793 1794 #latestacco .uk-card-footer { 1795 padding: 6px 14px; 1796 } 1797 1798 #latestacco .uk-slideshow-items { 1799 height: 210px; 1800 border-radius: 12px; 1801 padding: 5px; 1802 } 1803 1804 1805 #dotforgallery{ 1806bottom: 15px !important; 1807background: rgba(255, 255, 255, 0.4); 1808 backdrop-filter: blur(8px); 1809 padding: 6px; 1810 border-radius: 12px; 1811 1812 1813 1814 } 1815 1816 #latestacco .uk-position-relative { 1817 overflow: visible !important; /* ð¹ yoksa dıÅarı çıkan kısım kesilir */ 1818} 1819 1820 1821#latestacco .customp { 1822 1823 font-size:16px !important; 1824 text-align:center ; 1825} 1826 1827#latestacco .uk-slideshow-items { pointer-events: none !important; } 1828 1829#latestacco .uk-position-center-left, #latestacco .uk-position-center-right { 1830 background: #8f9491; 1831 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); 1832 color: white !important; 1833 background: rgba(255, 255, 255, 0.4); 1834 backdrop-filter: blur(8px); 1835 bottom: 0; 1836} 1837 1838 1839#latestacco .uk-position-center-left:hover, #latestacco .uk-position-center-right:hover { 1840 background: #8f9491; 1841 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); 1842 color: black !important; 1843 background: rgba(255, 255, 255, 0.4); 1844 backdrop-filter: blur(8px); 1845 bottom: 0; 1846} 1847 1848 1849 1850/* ð¹ Ãst saÄ buton container */ 1851#outer-acco-slider .top-right-nav { 1852 position: relative; 1853 1854 right: 0; 1855 display: flex; 1856 gap: 8px; 1857 z-index: 5; 1858 justify-content: flex-end; 1859} 1860 1861/* ð¹ Butonların stili */ 1862#outer-acco-slider .top-right-nav .outer-btn { 1863 background: rgba(255, 255, 255, 0.75); 1864 backdrop-filter: blur(8px); 1865 border-radius: 50%; 1866 width: 40px; 1867 height: 40px; 1868 display: flex; 1869 align-items: center; 1870 justify-content: center; 1871 font-size: 18px; 1872 color: #333; 1873 border: 1px solid rgba(0, 0, 0, 0.1); 1874 cursor: pointer; 1875 transition: all 0.3s ease; 1876} 1877 1878#outer-acco-slider .top-right-nav .outer-btn:hover { 1879 background: white; 1880 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); 1881 color: black; 1882} 1883 1884 1885 1886/* ð¹ outdotcustom dotnav stilleri */ 1887#latestacco .outdotcustom.uk-dotnav > .uk-active > * { 1888 background-color: #3c3c3c; 1889 border-color: #ffffff; 1890 transform: scale(1.3); 1891 width: 13px; 1892 height: 13px; 1893} 1894 1895/* ð¹ Pasif noktalar (isteÄe baÄlı) */ 1896#latestacco .outdotcustom.uk-dotnav > * > * { 1897 background-color: rgba(255, 255, 255, 0.7); 1898 border: 1px solid rgba(0, 0, 0, 0.2); 1899 width: 12px; 1900 height: 12px; 1901 transition: all 0.3s ease; 1902} 1903 1904 1905 1906</style> 1907 1908<div class="uk-section-default uk-section" style=" 1909 background: url(/bg5.png); 1910 background-size: contain; 1911 /* background-position-y: 64px; */ 1912"> 1913 <div style="margin-bottom:12px;" id="latestacco" class="uk-container"> 1914 1915<hr class="uk-divider-icon "> 1916 <h4 style="margin-bottom:20px;" class=" uk-margin-remove-top uk-text-center"> Neu auf chalet-oesterreich.co </h4> 1917 1918 1919 <div uk-slider="autoplay: false; pause-on-hover: true; draggable: false; finite: false; velocity: 0.3;" id="outer-acco-slider"> 1920 1921 1922<!-- ð¹ Ãst saÄ köÅe butonları --> 1923 <div class="top-right-nav"> 1924 <button class="outer-btn prev" uk-slider-item="previous"> 1925 <i class="fas fa-chevron-left"></i> 1926 </button> 1927 <button class="outer-btn next" uk-slider-item="next"> 1928 <i class="fas fa-chevron-right"></i> 1929 </button> 1930 </div> 1931 1932 <div class="uk-position-relative uk-visible-toggle" tabindex="-1"> 1933 <ul 1934 id="cards" 1935 class="uk-slider-items uk-child-width-1-1 uk-child-width-1-2@s uk-child-width-1-3@m uk-child-width-1-4@l" 1936 > 1937 <li> 1938 <div class="uk-card uk-card-default uk-card-small uk-card-hover"> 1939 <div class="uk-position-relative" uk-slideshow="ratio:7:4; autoplay:false; draggable:false;"> 1940 <ul class="uk-slideshow-items"> 1941 <li> 1942 <img 1943 src="https://www.chalet-oesterreich.co/medias/accommodations/3495/ferienwohnung-fieberbrunn-unterkunft-1146_full.jpg" 1944 alt="Ferienwohnungen Harasser" 1945 loading="lazy" 1946 decoding="async" 1947 fetchpriority="low" 1948 data-fallback='["ferienwohnung-fieberbrunn-unterkunft-1146_full.jpg","fieberbrunn-ferienwohnungen_full.jpg","3555-Harasser-Innen-sl1-fdbe5cdf_full.jpeg","ferienwohnung-fieberbrunn-unterkunft-1301-8d010ec0_full.jpg","ferienwohnung-fieberbrunn-unterkunft-1287-bbc7111a_full.jpg"]' 1949 1950onerror=" 1951 if (!this.dataset.try) this.dataset.try = 0; 1952 this.dataset.try++; 1953 1954 try { 1955 const imgs = JSON.parse(this.dataset.fallback || '[]'); 1956 1957 if (this.dataset.try <= imgs.length) { 1958 const r = imgs[this.dataset.try - 1]; 1959 let safeR = String(r); 1960 try { 1961 safeR = encodeURIComponent(decodeURIComponent(safeR)); 1962 } catch (e) { 1963 safeR = encodeURIComponent(safeR); 1964 } 1965 this.src = 'https://www.chalet-oesterreich.co/medias/accommodations/3495/' + safeR; 1966 1967 } else { 1968 this.onerror = null; 1969 this.src = '/tnkeinebild.png'; 1970 } 1971 } catch (e) { 1972 this.onerror = null; 1973 this.src = '/tnkeinebild.png'; 1974 } 1975" 1976 1977/> 1978 1979 1980 </li> 1981 <li> 1982 <img 1983 src="https://www.chalet-oesterreich.co/medias/accommodations/3495/fieberbrunn-ferienwohnungen_full.jpg" 1984 alt="Ferienwohnungen Harasser" 1985 loading="lazy" 1986 decoding="async" 1987 fetchpriority="low" 1988 data-fallback='["ferienwohnung-fieberbrunn-unterkunft-1146_full.jpg","fieberbrunn-ferienwohnungen_full.jpg","3555-Harasser-Innen-sl1-fdbe5cdf_full.jpeg","ferienwohnung-fieberbrunn-unterkunft-1301-8d010ec0_full.jpg","ferienwohnung-fieberbrunn-unterkunft-1287-bbc7111a_full.jpg"]' 1989 1990onerror=" 1991 if (!this.dataset.try) this.dataset.try = 0; 1992 this.dataset.try++; 1993 1994 try { 1995 const imgs = JSON.parse(this.dataset.fallback || '[]'); 1996 1997 if (this.dataset.try <= imgs.length) { 1998 const r = imgs[this.dataset.try - 1]; 1999 let safeR = String(r); 2000 try { 2001 safeR = encodeURIComponent(decodeURIComponent(safeR)); 2002 } catch (e) { 2003 safeR = encodeURIComponent(safeR); 2004 } 2005 this.src = 'https://www.chalet-oesterreich.co/medias/accommodations/3495/' + safeR; 2006 2007 } else { 2008 this.onerror = null; 2009 this.src = '/tnkeinebild.png'; 2010 } 2011 } catch (e) { 2012 this.onerror = null; 2013 this.src = '/tnkeinebild.png'; 2014 } 2015" 2016 2017/> 2018 2019 2020 </li> 2021 <li> 2022 <img 2023 src="https://www.chalet-oesterreich.co/medias/accommodations/3495/3555-Harasser-Innen-sl1-fdbe5cdf_full.jpeg" 2024 alt="Ferienwohnungen Harasser" 2025 loading="lazy" 2026 decoding="async" 2027 fetchpriority="low" 2028 data-fallback='["ferienwohnung-fieberbrunn-unterkunft-1146_full.jpg","fieberbrunn-ferienwohnungen_full.jpg","3555-Harasser-Innen-sl1-fdbe5cdf_full.jpeg","ferienwohnung-fieberbrunn-unterkunft-1301-8d010ec0_full.jpg","ferienwohnung-fieberbrunn-unterkunft-1287-bbc7111a_full.jpg"]' 2029 2030onerror=" 2031 if (!this.dataset.try) this.dataset.try = 0; 2032 this.dataset.try++; 2033 2034 try { 2035 const imgs = JSON.parse(this.dataset.fallback || '[]'); 2036 2037 if (this.dataset.try <= imgs.length) { 2038 const r = imgs[this.dataset.try - 1]; 2039 let safeR = String(r); 2040 try { 2041 safeR = encodeURIComponent(decodeURIComponent(safeR)); 2042 } catch (e) { 2043 safeR = encodeURIComponent(safeR); 2044 } 2045 this.src = 'https://www.chalet-oesterreich.co/medias/accommodations/3495/' + safeR; 2046 2047 } else { 2048 this.onerror = null; 2049 this.src = '/tnkeinebild.png'; 2050 } 2051 } catch (e) { 2052 this.onerror = null; 2053 this.src = '/tnkeinebild.png'; 2054 } 2055" 2056 2057/> 2058 2059 2060 </li> 2061 <li> 2062 <img 2063 src="https://www.chalet-oesterreich.co/medias/accommodations/3495/ferienwohnung-fieberbrunn-unterkunft-1301-8d010ec0_full.jpg" 2064 alt="Ferienwohnungen Harasser" 2065 loading="lazy" 2066 decoding="async" 2067 fetchpriority="low" 2068 data-fallback='["ferienwohnung-fieberbrunn-unterkunft-1146_full.jpg","fieberbrunn-ferienwohnungen_full.jpg","3555-Harasser-Innen-sl1-fdbe5cdf_full.jpeg","ferienwohnung-fieberbrunn-unterkunft-1301-8d010ec0_full.jpg","ferienwohnung-fieberbrunn-unterkunft-1287-bbc7111a_full.jpg"]' 2069 2070onerror=" 2071 if (!this.dataset.try) this.dataset.try = 0; 2072 this.dataset.try++; 2073 2074 try { 2075 const imgs = JSON.parse(this.dataset.fallback || '[]'); 2076 2077 if (this.dataset.try <= imgs.length) { 2078 const r = imgs[this.dataset.try - 1]; 2079 let safeR = String(r); 2080 try { 2081 safeR = encodeURIComponent(decodeURIComponent(safeR)); 2082 } catch (e) { 2083 safeR = encodeURIComponent(safeR); 2084 } 2085 this.src = 'https://www.chalet-oesterreich.co/medias/accommodations/3495/' + safeR; 2086 2087 } else { 2088 this.onerror = null; 2089 this.src = '/tnkeinebild.png'; 2090 } 2091 } catch (e) { 2092 this.onerror = null; 2093 this.src = '/tnkeinebild.png'; 2094 } 2095" 2096 2097/> 2098 2099 2100 </li> 2101 <li> 2102 <img 2103 src="https://www.chalet-oesterreich.co/medias/accommodations/3495/ferienwohnung-fieberbrunn-unterkunft-1287-bbc7111a_full.jpg" 2104 alt="Ferienwohnungen Harasser" 2105 loading="lazy" 2106 decoding="async" 2107 fetchpriority="low" 2108 data-fallback='["ferienwohnung-fieberbrunn-unterkunft-1146_full.jpg","fieberbrunn-ferienwohnungen_full.jpg","3555-Harasser-Innen-sl1-fdbe5cdf_full.jpeg","ferienwohnung-fieberbrunn-unterkunft-1301-8d010ec0_full.jpg","ferienwohnung-fieberbrunn-unterkunft-1287-bbc7111a_full.jpg"]' 2109 2110onerror=" 2111 if (!this.dataset.try) this.dataset.try = 0; 2112 this.dataset.try++; 2113 2114 try { 2115 const imgs = JSON.parse(this.dataset.fallback || '[]'); 2116 2117 if (this.dataset.try <= imgs.length) { 2118 const r = imgs[this.dataset.try - 1]; 2119 let safeR = String(r); 2120 try { 2121 safeR = encodeURIComponent(decodeURIComponent(safeR)); 2122 } catch (e) { 2123 safeR = encodeURIComponent(safeR); 2124 } 2125 this.src = 'https://www.chalet-oesterreich.co/medias/accommodations/3495/' + safeR; 2126 2127 } else { 2128 this.onerror = null; 2129 this.src = '/tnkeinebild.png'; 2130 } 2131 } catch (e) { 2132 this.onerror = null; 2133 this.src = '/tnkeinebild.png'; 2134 } 2135" 2136 2137/> 2138 2139 2140 </li> 2141 </ul> 2142 <div class="location-badge"> 2143 <i class="fas fa-map-marker-alt"></i> Fieberbrunn </div> 2144 <a class="uk-position-center-left uk-position-small uk-hidden-hover" href="#" uk-slidenav-previous uk-slideshow-item="previous"></a> 2145 <a class="uk-position-center-right uk-position-small uk-hidden-hover" href="#" uk-slidenav-next uk-slideshow-item="next"></a> 2146 <ul id="dotforgallery" class="uk-dotnav uk-position-bottom-center uk-p
2146osition-small"><li uk-slideshow-item="0"><a href="#"></a></li><li uk-slideshow-item="1"><a href="#"></a></li><li uk-slideshow-item="2"><a href="#"></a></li><li uk-slideshow-item="3"><a href="#"></a></li><li uk-slideshow-item="4"><a href="#"></a></li></ul> 2147 </div> 2148 2149 <div class="uk-card-body"> 2150 <h4 class="uk-card-title line-clamp-2">Ferienwohnungen Harasser - Chalets im Alpinstil mit komfortabler Ausstattung</h4> 2151 <p class="uk-text-small uk-text-muted line-clamp-3 customp"> 2152 Urlauben Sie in den exklusiven Chalets der Ferienwohnungen Harasser und lassen Sie sich von der umwerfenden Umgebung und der imposanten Bergwelt verzaubern. Hier werden vier Chalets angeboten, welche genügend Platz für 2-4 Gäste bieten. </p> 2153 <div class="feature-icons"><i class="fas fa-wifi" title="W-LAN"></i></div> 2154 </div> 2155 2156 <div class="uk-card-footer uk-flex uk-flex-between uk-text-small"> 2157 <span class="uk-text-muted"><i class="fas fa-home uk-margin-small-right"></i>Chalet</span> 2158 <a href="/unterkuenfte/Chalets/Oesterreich/Tirol/Pillerseetal/Fieberbrunn/Ferienwohnungen-Harasser-1" target="_self" class="uk-link-reset uk-text-primary"> 2159 <i class="fas fa-link uk-margin-small-right"></i>Zur Unterkunft 2160 </a> 2161 </div> 2162 </div> 2163 </li> 2164 </ul> 2165 2166 2167 </div> 2168 2169 <ul class="uk-slider-nav uk-dotnav uk-flex-center uk-margin outdotcustom"></ul> 2170 </div> 2171 2172 2173 2174 </div> 2175 2176</div> 2177 2178 2179 2180 2181 2182 2183 2184 2185 </main> 2186 2187 <div id="module-134" class="builder"><!-- Builder #module-134 --> 2188<div id="werbungneubottom" class="uk-section-default uk-section uk-padding-remove-top uk-padding-remove-bottom"> 2189 2190 2191 2192 2193 2194 2195 <div class="uk-grid tm-grid-expand uk-grid-collapse uk-margin-remove-vertical" uk-grid> 2196<div class="uk-width-1-2@s uk-width-1-4@m"> 2197 2198 2199 2200 2201 2202 2203 2204<article class="uk-inverse-dark uk-text-center uk-margin uk-text-center"> 2205 <div class="uk-inline-clip"> 2206 2207 2208<img src="/images/cms/chalet-oesterreich.co/u/2021/12/chalet-mit-pool-s.jpg" srcset="/images/cms/chalet-oesterreich.co/u/2021/12/chalet-mit-pool-s.jpg 768w, /images/cms/chalet-oesterreich.co/u/2021/12/chalet-mit-pool-s.jpg 1024w, /images/cms/chalet-oesterreich.co/u/2021/12/chalet-mit-pool-s.jpg 1366w, /images/cms/chalet-oesterreich.co/u/2021/12/chalet-mit-pool-s.jpg 1600w, /images/cms/chalet-oesterreich.co/u/2021/12/chalet-mit-pool-s.jpg 1783w" sizes="(min-width: 1783px) 1783px" width="1783" height="1080" alt="Luxus-Chalet mit Pool in Ãsterreich" loading="lazy" class="el-image uk-transition-opaque"> 2209 2210 2211 2212 <div class="uk-position-center uk-overlay-primary"><div class="uk-overlay uk-padding-small uk-margin-remove-first-child"> 2213 2214<h2 class="el-title uk-h2 uk-text-primary uk-margin-remove-top uk-margin-remove-bottom"> Chalet mit Pool </h2> 2215<div class="el-meta uk-text-meta uk-text-primary uk-margin-top">Privater Luxusurlaub</div> 2216 2217 2218<div class="uk-margin-top"><a href="/chalet-ausstattung" class="el-link uk-button uk-button-primary uk-button-large">Mehr erfahren</a></div></div></div> 2219 2220 </div> 2221</article> 2222 2223 2224 2225 2226</div> 2227<div class="uk-width-1-2@s uk-width-1-4@m"> 2228 2229 2230 2231 2232 2233 2234 2235<article class="uk-inverse-dark uk-text-center uk-margin uk-text-center"> 2236 <div class="uk-inline-clip"> 2237 2238 2239<img src="/images/cms/chalet-oesterreich.co/u/2021/12/alpen-chalets-s.jpg" srcset="/images/cms/chalet-oesterreich.co/u/2021/12/alpen-chalets-s.jpg 768w, /images/cms/chalet-oesterreich.co/u/2021/12/alpen-chalets-s.jpg 1024w, /images/cms/chalet-oesterreich.co/u/2021/12/alpen-chalets-s.jpg 1366w, /images/cms/chalet-oesterreich.co/u/202
22391/12/alpen-chalets-s.jpg 1600w, /images/cms/chalet-oesterreich.co/u/2021/12/alpen-chalets-s.jpg 1623w" sizes="(min-width: 1623px) 1623px" width="1623" height="1080" alt="Alpenchalets am Teich in Ãsterreich" loading="lazy" class="el-image uk-transition-opaque"> 2240 2241 2242 2243 <div class="uk-position-center uk-overlay-primary"><div class="uk-overlay uk-padding-small uk-margin-remove-first-child"> 2244 2245<h2 class="el-title uk-h2 uk-text-primary uk-margin-remove-top uk-margin-remove-bottom"> Alpenchalets </h2> 2246<div class="el-meta uk-text-meta uk-text-primary uk-margin-top">Berge, Seen & Natur</div> 2247 2248 2249<div class="uk-margin-top"><a href="/alpenurlaub-region" class="el-link uk-button uk-button-primary uk-button-large">Mehr erfahren</a></div></div></div> 2250 2251 </div> 2252</article> 2253 2254 2255 2256 2257</div> 2258<div class="uk-width-1-2@s uk-width-1-4@m"> 2259 2260 2261 2262 2263 2264 2265 2266<article class="uk-inverse-dark uk-text-center uk-margin uk-text-center"> 2267 <div class="uk-inline-clip"> 2268 2269 2270<img src="/images/cms/chalet-oesterreich.co/u/2021/12/gesellschaftsspiele-im-chalet-s.jpg" srcset="/images/cms/chalet-oesterreich.co/u/2021/12/gesellschaftsspiele-im-chalet-s.jpg 768w, /images/cms/chalet-oesterreich.co/u/2021/12/gesellschaftsspiele-im-chalet-s.jpg 1024w, /images/cms/chalet-oesterreich.co/u/2021/12/gesellschaftsspiele-im-chalet-s.jpg 1366w, /images/cms/chalet-oesterreich.co/u/2021/12/gesellschaftsspiele-im-chalet-s.jpg 1600w, /images/cms/chalet-oesterreich.co/u/2021/12/gesellschaftsspiele-im-chalet-s.jpg 1617w, /images/cms/chalet-oesterreich.co/u/2021/12/gesellschaftsspiele-im-chalet-s.jpg 1618w" sizes="(min-width: 1618px) 1618px" width="1618" height="1080" alt="Familie bei Gesellschaftsspielen im Chalet" loading="lazy" class="el-image uk-transition-opaque"> 2271 2272 2273 2274 <div class="uk-position-center uk-overlay-primary"><div class="uk-overlay uk-padding-small uk-margin-remove-first-child"> 2275 2276<h2 class="el-title uk-h2 uk-text-primary uk-margin-remove-top uk-margin-remove-bottom"> Familienurlaub im Chalet </h2> 2277<div class="el-meta uk-text-meta uk-text-primary uk-margin-top">Viel Platz & gemeinsame Zeit</div> 2278 2279 2280<div class="uk-margin-top"><a href="/urlaubsideen-freizeit" class="el-link uk-button uk-button-primary uk-button-large">Mehr erfahren</a></div></div></div> 2281 2282 </div> 2283</article> 2284 2285 2286 2287 2288</div> 2289<div class="uk-width-1-2@s uk-width-1-4@m"> 2290 2291 2292 2293 2294 2295 2296 2297<article class="uk-inverse-dark uk-text-center uk-margin uk-text-center"> 2298 <div class="uk-inline-clip"> 2299 2300 2301<img src="/images/cms/chalet-oesterreich.co/u/2021/12/kamin2.jpeg" srcset="/images/cms/chalet-oesterreich.co/u/2021/12/kamin2.jpeg 768w, /images/cms/chalet-oesterreich.co/u/2021/12/kamin2.jpeg 1024w, /images/cms/chalet-oesterreich.co/u/2021/12/kamin2.jpeg 1366w, /images/cms/chalet-oesterreich.co/u/2021/12/kamin2.jpeg 1600w, /images/cms/chalet-oesterreich.co/u/2021/12/kamin2.jpeg 1920w, /images/cms/chalet-oesterreich.co/u/2021/12/kamin2.jpeg 3234w" sizes="(min-width: 3234px) 3234px" width="3234" height="2160" alt="Gemütlicher Kamin im Winterchalet" loading="lazy" class="el-image uk-transition-opaque"> 2302 2303 2304 2305 <div class="uk-position-center uk-overlay-primary"><div class="uk-overlay uk-padding-small uk-margin-remove-first-child"> 2306 2307<h2 class="el-title uk-h2 uk-text-primary uk-margin-remove-top uk-margin-remove-bottom"> Winterurlaub im Chalet </h2> 2308<div class="el-meta uk-text-meta uk-text-primary uk-margin-top">Kamin, Sauna & Skivergnügen</div> 2309 2310 2311<div class="uk-margin-top"><a href="/winter" class="el-link uk-button uk-button-primary uk-button-large">Mehr erfahren</a></div></div></div> 2312 2313 </div> 2314</article> 2315 2316 2317 2318 2319</div></div> 2320 2321 2322 2323 2324</div></div> 2325 2326 2327 2328<footer id="pinia-footer" class="uk-padding-large uk-section-secondary uk-section"> 2329 <div class="uk-container uk-container-large"> 2330 2331 <!-- ð¹ Ãst Grid -->
2332 <div class="uk-grid uk-grid-match uk-child-width-1-3@m" uk-grid> 2333 2334 <!-- Sol: Animasyonlu TN Logo --> 2335 2336<!-- Sol: Dinamik portal logosu --> 2337<div 2338 class="uk-flex uk-flex-middle uk-flex-center" 2339 style="text-align:center;" 2340> 2341 <a 2342 href="https://www.chalet-oesterreich.co" 2343 target="_blank" 2344 rel="noopener noreferrer" 2345 aria-label="CHALET-OESTERREICH.CO" 2346 style=" 2347 display:flex; 2348 width:148px; 2349 height:196px; 2350 align-items:center; 2351 justify-content:center; 2352 box-sizing:border-box; 2353 color:#111827; 2354 text-decoration:none; 2355 " 2356 > 2357 <!-- Beyaz logo kartı --> 2358 <div 2359 style=" 2360 display:flex; 2361 width:122px; 2362 height:152px; 2363 flex-direction:column; 2364 align-items:center; 2365 justify-content:center; 2366 box-sizing:border-box; 2367 padding:18px 10px 14px; 2368 overflow:hidden; 2369 border-radius:7px; 2370 background:#ffffff; 2371 color:#111827; 2372 box-shadow:0 5px 16px rgba(0,0,0,.25); 2373 " 2374 > 2375 <!-- TN simgesi --> 2376 <svg
2377 viewBox="0 0 83.04 113.2" 2378 xmlns="http://www.w3.org/2000/svg" 2379 width="58" 2380 height="79" 2381 fill="none" 2382 role="img" 2383 aria-labelledby="custom-logo-title" 2384 style=" 2385 display:block; 2386 width:58px; 2387 height:79px; 2388 flex:0 0 79px; 2389 color:#111827; 2390 " 2391 > 2392 <title id="custom-logo-title"> 2393 CHALET-OESTERREICH.CO </title> 2394 2395 <polygon 2396 points="79.65 33.27 79.65 96.71 56.55 113.2 24.22 68.05 24.22 112.07 3.39 96.52 3.39 33.27 25.92 33.27 59.01 80.12 59.01 33.27 79.65 33.27" 2397 fill="currentColor" 2398 ></polygon> 2399 2400 <polygon 2401 points="51.09 54.48 51.09 23.85 83.04 23.85 83.04 0 0 0 0 23.75 29.79 23.75 51.09 54.48" 2402 fill="currentColor" 2403 ></polygon> 2404 </svg> 2405 2406 <!-- Domain adı --> 2407 <span 2408 style=" 2409 display:block; 2410 width:100%; 2411 margin-top:12px; 2412 color:#111827; 2413 font-size:10px; 2414 font-weight:700; 2415 line-height:1.25; 2416 letter-spacing:.15em; 2417 text-align:center; 2418 overflow-wrap:anywhere; 2419 " 2420 > 2421 CHALET-OESTERREICH.CO </span> 2422 </div> 2423 </a> 2424</div> 2425 2426 <!-- Orta: FÃR URLAUBER --> 2427 <div id="footer-row-1-col-l" class="uk-width-1-3@m uk-grid-item-match"> 2428 <div class="uk-panel"> 2429 <div class="uk-section-secondary uk-section uk-padding-remove-vertical uk-flex uk-flex-middle"> 2430 <div class="uk-width-1-1"> 2431 <div class="uk-container"> 2432 <div uk-grid> 2433 <div class="uk-width-1-1@m uk-grid-item-match uk-flex-bottom"> 2434 <div class="uk-tile-secondary uk-tile uk-padding-remove uk-grid-item-match uk-flex uk-flex-bottom"> 2435 <div class="uk-panel"> 2436 <h4 class="uk-h1 uk-text-muted uk-margin-remove-bottom">FÃR</h4> 2437 <h4 class="uk-h2 uk-text-emphasis uk-margin-remove-top">URLAUBER</h4> 2438 2439 <div class="uk-text-emphasis uk-margin" id="footer-urlauber-links"> 2440 <ul class="uk-list uk-list-collapse"><li><a href="/unterkuenfte">Unterkünfte</a></li><li><a href="/">Start</a></li><li><a href="/sommer">Sommer</a></li><li><a href="/events">Events</a></li><li><a href="/alpenurlaub-region">Alpenurlaub oder Hütte am See</a></li></ul> 2441 </div> 2442 2443 </div> 2444 </div> 2445 </div> 2446 </div> 2447 </div> 2448 </div> 2449 </div> 2450 </div> 2451 </div> 2452 2453 <!-- SaÄ: FÃR VERMIETER --> 2454 <div id="footer-row-1-col-r" class="uk-width-1-3@m uk-grid-item-match"> 2455 <div class="uk-panel"> 2456 <div class="uk-section-secondary uk-section uk-padding-remove-vertical uk-flex uk-flex-middle"> 2457 <div class="uk-width-1-1"> 2458 <div class="uk-container"> 2459 <div uk-grid> 2460 <div class="uk-width-1-1@m uk-grid-item-match uk-flex-bottom"> 2461 <div class="uk-tile-secondary uk-tile uk-padding-remove uk-grid-item-match uk-flex uk-flex-bottom"> 2462 <div class="uk-panel"> 2463 <h4 class="uk-h1 uk-text-muted uk-margin-remove-bottom">FÃR</h4> 2464 <h4 class="uk-h2 uk-text-emphasis uk-margin-remove-top">VERMIETER</h4> 2465 </div> 2466 </div> 2467 </div> 2468 </div> 2469 </div> 2470 </div> 2471 </div> 2472 2473 <div id="footer-row-1-col-r-address" class="uk-margin"> 2474 <p class="uk-text-muted"> 2475 DAS TOURISMUSNETZ<br/> 2476 GRUBHOF 57<br/> 2477 A-5092 ST. MARTIN BEI LOFER<br/> 2478 <!-- TELEFON: <a href="tel:+43658820404" target="_blank">+43 6588 20 404</a><br/>--> 2479 <a href="mailto:[email protected]"> 2480 [email protected]</a><br/>
2480 2481 <a href="https://www.tourismusnetz.com" target="_blank">WWW.TOURISM-NETWORK.CO</a><br/> 2482 </p> 2483 </div> 2484 </div> 2485 </div> 2486 2487 </div> 2488 2489 2490 <!-- ð¹ Alt Satır --> 2491 <div id="footer-row-2" uk-grid class="uk-grid"> 2492 <div class="uk-width-1-3@m uk-grid-item-match uk-flex-bottom uk-first-column"> 2493 <div class="uk-panel"> </div> 2494 </div> 2495 <div class="uk-width-2-3@m uk-grid-item-match uk-flex-bottom"> 2496 <div class="uk-panel"> 2497 <div class="uk-section-secondary uk-section uk-padding-remove-vertical uk-flex uk-flex-middle"> 2498 <div class="uk-width-1-1"> 2499 <div class="uk-container"> 2500 <div uk-grid> 2501 <div class="uk-width-1-1@m uk-grid-item-match uk-flex-bottom"> 2502 <div class="uk-tile-secondary uk-tile uk-padding-remove uk-grid-item-match uk-flex uk-flex-bottom"> 2503 <div class="uk-panel"> 2504 <div class="uk-text-emphasis uk-margin uk-margin-remove-top uk-margin-remove-bottom"> 2505 <p> 2506 KONTAKT 2507 2508 | 2509 2510 IMPRESSUM 2511 </p> 2512 </div> 2513 </div> 2514 </div> 2515 </div> 2516 </div> 2517 </div> 2518 </div> 2519 </div> 2520 <div id="footer-row-1-col-r-copyright"> 2521 <p class="uk-text-muted uk-text-small"> 2522 © CHALET-OESTERREICH.CO ALL RIGHTS RESERVED. POWERED BY FULLMARKETING.AT GMBH. 2523 </p> 2524 </div> 2525 </div> 2526 </div> 2527 </div> 2528 2529 </div> 2530</footer> 2531 2532<style> 2533a { 2534 text-decoration: none !important; 2535} 2536.uk-link-toggle:hover .uk-link, 2537.uk-link:hover, 2538a:hover { 2539 color: #b2ae8f !important; 2540 text-decoration: none !important; 2541 cursor: pointer; 2542} 2543</style> 2544 2545 2546 2547 2548 2549 2550</div> 2551 2552 2553 2554 2555<style> 2556 2557 .topsection .uk-background-fixed { 2558 background-size: 100% 76%; 2559 background-position-y: 0px; 2560 background-size: contain; 2561} 2562 2563.topsection .uk-background-cover { 2564 height: 100%; 2565} 2566 2567.topsection { 2568 /* height: calc(74vh - 81px);*/ 2569 min-height: 600px; /* CLS fix */ 2570 overflow: hidden; /* layout stabilization */ 2571} 2572 2573 2574 2575 2576body{ 2577 /* contain: layout paint;*/ 2578} 2579 2580 2581 2582</style>
2583<script> 2584 window.appData = { 2585 targetUrl: "/unterkunftsanfrage" 2586 }; 2587 console.log("targetUrl:", window.appData.targetUrl); 2588</script>
2588 2589 2590 2591<style> 2592 2593#tm-sidebar { 2594 position: fixed; 2595 top: 0; 2596 bottom: 0; 2597 left: 0; 2598 width: 57px !important; 2599 background-color: #ffffff00 !important; 2600 border-right: 1px solid #88888800 !important; 2601 z-index: 1; 2602 min-width: 5px; 2603 /* display: none; */ 2604} 2605 2606 2607.uk-divider-icon { 2608 position: relative; 2609 height: 64px; 2610 2611 background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJhIiB2aWV3Qm94PSIwIDAgODMuMDQgMTEzLjIiPjxkZWZzPjxzdHlsZT4uYntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxwb2x5Z29uIGNsYXNzPSJiIiBwb2ludHM9Ijc5LjY1IDMzLjI3IDc5LjY1IDk2LjcxIDU2LjU1IDExMy4yIDI0LjIyIDY4LjA1IDI0LjIyIDExMi4wNyAzLjM5IDk2LjUyIDMuMzkgMzMuMjcgMjUuOTIgMzMuMjcgNTkuMDEgODAuMTIgNTkuMDEgMzMuMjcgNzkuNjUgMzMuMjciLz48cG9seWdvbiBjbGFzcz0iYiIgcG9pbnRzPSI1MS4wOSA1NC40OCA1MS4wOSAyMy44NSA4My4wNCAyMy44NSA4My4wNCAwIDAgMCAwIDIzLjc1IDI5Ljc5IDIzLjc1IDUxLjA5IDU0LjQ4Ii8+PC9zdmc+") !important; 2612 2613 background-repeat: no-repeat; 2614 background-position: center; 2615 background-size: auto 60px; 2616 2617 filter: invert(1); 2618 2619 border: 0 !important; 2620} 2621</style> 2622 2623</body> 2624</html> 2625 2626 2627 2628 2629 2630
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.