PageSourceSearch

https://www.world-of-mountains.de/login

html world-of-mountains.de collected 2026-10-07 04:02:13 UTC 196,665 bytes, 5,000 lines download raw bytes

1<!DOCTYPE html>
2<html lang="de">
3<head>
4    <meta charset="utf-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
7
8    <title>World of mountains</title>
9    
10    <!-- Fav Icon -->
11    <link rel="icon" href="/themes/wom/favicon.png" type="image/x-icon">
12    <link rel="apple-touch-icon" href="/themes/wom/favicon.png">
13    
14        
15    <!-- Stylesheets -->
16    <link href="/assets/css/font-awesome-all.min.css" rel="stylesheet">
17    <link href="/assets/css/flaticon.css" rel="stylesheet">
18    <link href="/assets/css/owl.css" rel="stylesheet">
19    <link href="/assets/css/bootstrap.min.css" rel="stylesheet">
20    
21    <link href="/assets/css/nice-select.css" rel="stylesheet">
22    <link href="/assets/css/jquery-ui.css" rel="stylesheet">
23    <link href="/assets/css/color.css" rel="stylesheet">
24    <link href="/assets/css/style.css?v=1791345732" rel="stylesheet">
25    <link href="/assets/css/responsive.min.css" rel="stylesheet">
26
27    
27<script src="/assets/js/fancybox.umd.js"></script>
27
28    <link rel="stylesheet" href="/assets/css/fancybox.css"/>
29
30    <link rel="preload" as="style" href="https://www.world-of-mountains.de/build/assets/theme_css.css" /><link rel="preload" as="style" href="https://www.world-of-mountains.de/build/assets/styles.css" /><link rel="modulepreload" href="https://www.world-of-mountains.de/build/assets/app.js" /><link rel="stylesheet" href="https://www.world-of-mountains.de/build/assets/theme_css.css" /><link rel="stylesheet" href="https://www.world-of-mountains.de/build/assets/styles.css" />
30<script type="module" src="https://www.world-of-mountains.de/build/assets/app.js"></script>
30
31   
32   
33
34   
35   
36
37
38         <link href="https://www.world-of-mountains.de/assets/css/select2.min.css" rel="stylesheet" />
39<link href="https://www.world-of-mountains.de/assets/css/daterangepicker.css" rel="stylesheet" />
40<script>
41    window.app_settings = {};
42        window.locale = {
43                ['Cancel']: 'Abbrechen',
44                ['Apply']: 'Anwenden',
45            };
46     window.locale.weekDaysShort = ['So','Mo','Di','Mi','Do','Fr','Sa'];      window.locale.months = ['Januar','Februar','März','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember']; 
47    function trans(key, defaultValue) {
48        if(typeof(defaultValue) === 'undefined') {
49            defaultValue = key;
50        }
51        if(typeof(window.locale[key]) === 'undefined') {
52            return defaultValue;
53        }
54        return window.locale[key];
55    }
56
57    window.app_settings.price_locale = 'de-CH';
58    window.app_settings.price_decimals = '0';
59</script>
59
60  <!-- TrustBox script -->
61<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
61
62<!-- End TrustBox script -->
63<meta name="seobility" content="2097d3b99e07aaa024e75c42f7329ab9">
64<meta name="seobility" content="7177f825d55e0d14aa3a5f12b1c6fe03">
65
66  <style>
67
68
69[items-per-row] .cards {
70	display: grid;
71	grid-template-columns: 1fr 1fr;
72}
73
74.process-sidebar {
75	color: #fff
76}
77
78.has-links a {
79	text-decoration: underline;
80}
81
82.mobile-menu .h4 {
83	position: relative;
84	font-size: 20px;
85	color: #ffffff;
86	font-weight: 700;
87	margin-bottom: 20px;
88	color:#fff
89}
90
91.footer-top .widget-title .h3{
92	font-size: 24px;
93	line-height: 32px;
94	color: #ffffff;
95	font-weight: 600;
96}
97/* main dark #0d2050 */
98/* secondary logo #8da3b0 */
99/* accent #ffed00 */
100/* extra light #dbe5ec */
101
102	/* COMMON  */
103	body  {
104		padding-top: 100px;
105		font-family: Verdana, Geneva, Tahoma, sans-serif;
106        z-index: 1;
107        /*background: transparent;*/
108	}
109
110    .header-lower {
111        height: 100px;
112        z-index: 100000;
113    }
114
115
116	.no-border-left {
117		border-left: none !important;
118	}
119
120	.no-border-right {
121		border-right: none !important;
122	}
123
124	.tab-container .tab {
125		border: 1px solid #0d2050;
126		cursor: pointer;
127		font-size: 20px;
128		padding: 10px 20px;
129		margin-bottom: 10px;
130	}
131
132	.tab.tab-active {
133		background-color: #0d2050 !important;
134	}
135
136	.tab img {
137		transition: none !important
138	}
139
140	.tab.tab-active img {
141		filter: invert(1);
142	}
143
144	header .auto-container {
145		max-width: 100%;
146	}
147
148	.menu__dropdown.dropdown {
149		position: relative;
150	}
151
152	.menu__dropdown.dropdown:last-child ul {
153		right: 0;
154	}
155
156	.main-menu .navigation > li > a,
157	.main-menu .navigation > li > ul > li > a,
158	.main-menu .navigation > li > .megamenu li > a,
159	h1, h2, h3, h4, h5, h6, p {
160		font-family: Verdana, Geneva, Tahoma, sans-serif;
161	}
162	
163	p {
164		color:#333;
165	}
166
167	input[type="text"],
168	input[type="tel"],
169	input[type="email"],
170	input[type="search"],
171	input[type="number"],
172	input[type="password"],
173	input[type="date"],
174	textarea,
175	select,
176	.form-group .nice-select  {
177		height: 45px !important;
178		color: #000 !important;
179		border: 1px solid #e6ebeb;
180		border-radius: 5px;
181		padding: 10px 20px;
182		width: 100%;
183	}
184	textarea  {
185		height: inherit !important
186	}
187	input[type="text"]:focus,
188	input[type="tel"]:focus,
189	input[type="email"]:focus,
190	input[type="search"]:focus,
191	input[type="number"]:focus,
192	input[type="password"]:focus,
193	input[type="date"]:focus,
194	select:focus,
195	textarea:focus  {
196		border-color: #0d2050 !important
197	}
198	.form-group  {
199		margin-bottom: 10px !important
200	}
201	.cards__column a  {
202		color: inherit
203	}
204	.notification  {
205		z-index: -1;
206		padding: 30px;
207	}
208	.notification.show  {
209		z-index: 99995;
210		display: flex;
211	}
212	.card-1  {
213		position: relative;
214	}
215	.menu__list  {
216		padding: 30px 0
217	}
218
219	/* Framework */
220
221	.cols  {
222		display: flex;
223		flex-wrap: wrap;
224		flex-direction: row;
225		margin: 0 -15px;
226	}
227	.cols > *  {
228		padding: 0 15px;
229	}
230	.col-20  {
231		width: 20%;
232	}
233	.col-25  {
234		width: 25%;
235	}
236	.col-33  {
237		width: 33.33%;
238	}
239	.col-40  {
240		width: 40%;
241	}
242	.col-50  {
243		width: 50%;
244	}
245	.col-66  {
246		width: 66.66%;
247	}
248	.col-75  {
249		width: 75%;
250	}
251	.col-100  {
252		width: 100%;
253	}
254
255
256	/* swiper */
257
258	.swiper--fullheight  {
259		height: calc(80vh - 6rem);
260		min-height: 820px;
261	}
262	.swiper--halfheight  {
263		min-height: 450px;
264		height: calc(60vh - 6rem);
265	}
266	.swiper--halfheight .swiper-title  {
267		font-weight: 900;
268		margin-top: 0;
269		font-size: 46px;
270		text-transform: none;
271		font-family: 'Open Sans';
272		text-align: center;
273	}
274	[slides-per-view-desktop="3"]  {
275		height: 300px;
276		margin: 30px 0;
277	}
278	[slides-per-view-desktop="3"] swiper-slide img  {
279		width: 100%;
280		height: 100%;
281		object-fit: cover;
282		object-position: center
283	}
284	[slides-per-view-desktop="4"] swiper-slide img  {
285		float: left;
286		margin-right: 20px
287	}
288	[slides-per-view-desktop="4"]  {
289		padding: 0 60px !important;
290		margin: 40px 0;
291	}
292	[slides-per-view-desktop="4"] p  {
293		font-size: 14px;
294		margin-left: 100px;
295	}
296	swiper-container.swiper--sidebar  {
297		background-color: #7EBEC5
298	}
299	.swiper-content  {
300		position: relative
301	}
302	.swiper-slide  {
303		position: relative;
304	}
305	.swiper-slide > img  {
306		position: absolute;
307		width: 100% !important;
308		height: 100% !important;
309		object-fit: cover;
310	}
311	.swiper-title  {
312		position: absolute;
313		transform: translate(-50%, -50%);
314		left: 50%;
315		top: 50%;
316		font-size: 70px;
317		font-weight: 900;
318		text-transform: uppercase;
319		color: #fff;
320		width: 1440px;
321		max-width: 100%;
322		text-align: center;
323	}
324	.swiper--sidebar .swiper-slide  {
325		text-align: center;
326		display: flex;
327		flex-direction: column;
328		justify-content: center;
329		align-items: center;
330		padding: 0 40px;
331		color: #fff;
332	}
333	.swiper--sidebar .swiper-slide img  {
334		z-index: -1
335	}
336	.swiper--sidebar .swiper-title  {
337		position: static;
338		font-size: 20px;
339		width: auto;
340		transform: none;
341	}
342	.swiper--sidebar .swiper-button  {
343		border: 1px solid #fff;
344		color: #fff;
345		padding: 10px 20px;
346		transition: all 0.2s ease-in-out
347	}
348	.swiper--sidebar .swiper-button:hover  {
349		background-color: rgba(255,255,255, 0.2)
350	}
351
352	/* BUTTONS */
353	button {
354		font-family: Verdana, Geneva, Tahoma, sans-serif;
355	}
356
357	.button  {
358		/* position: relative;
359		display: inline-block;
360		font-size: 15px;
361		line-height: 26px;
362		color: #061a3a;
363		font-weight: 500;
364		border: 1px solid #e4e8e9;
365		border-radius: 4px;
366		padding: 11px 28px;
367		text-align: center;
368		*/
369		position: relative;
370		display: inline-block;
371		font-size: 15px;
372		line-height: 26px;
373		color: #061a3a;
374		font-weight: 500;
375		border: 1px solid #e4e8e9;
376		border-radius: 4px;
377		padding: 11px 28px;
378		text-align: center;
379		box-shadow: none
380	}
381
382	.button-secondary {
383		color: #ffffff;
384		background: #0d2050;
385	}
386
387	.button-secondary:hover  {
388		background: #0d2050;
389	}
390
391	.button {
392		border-color: #8da3b0;
393	}
394
395	.button-primary  {
396		overflow: hidden;
397		line-height: 47px;
398		height: 50px;
399		font-weight: 500;
400		color: #061a3a !important;
401		text-align: center;
402		padding: 0 41.5px;
403		border-radius: 0 !important;
404		z-index: 1;
405		box-shadow: none !important;
406		transition: all 500ms ease;
407		background-color: #0d2050 !important;
408		border-color: #0d2050 !important;
409		color: #fff !important;
410	}
411
412	.button-primary:hover  {
413		/* background-color: #e96d4e;
414		*/
415		/* background-color: #0d2050 !important;
416		border-color: #0d2050 !important; */
417		opacity: 0.8;
418	}
419
420    .button-error {
421        cursor: not-allowed;
422        background-color: #9d1313 !important;
423        border-color: #9d1313 !important;
424    }
425
426	/* .button-primary:before {
427		webkit-transition-duration: 800ms;
428		transition-duration: 800ms;
429		position: absolute;
430		width: 200%;
431		height: 200%;
432		content: "";
433		top: 110%;
434		left: 50%;
435		background: #061a3a;
436		-webkit-transform: translateX(-50%);
437		transform: translateX(-50%);
438		border-radius: 50%;
439		z-index: -1;
440	}
441	.button-primary:hover:before {
442		top: -40%;
443	} */
444
445	.button-sm  {
446		height: 36px;
447		padding: 0 15px;
448		font-size: 14px;
449		line-height: 36px;
450	}
451
452	video {
453		max-width: 100%;
454		max-height: 500px;
455		margin: 0 auto;
456	}
457
458	.accordion__item:not(.active) .accordion__item-content {
459		display: none;
460	}
461
462	.accordion__item--autogenerated {
463		margin-top: 15px;
464	}
465
466	.accordion__item-title {
467		cursor: pointer;
468		position: relative;
469		padding-right: 40px;
470		display: block;
471		width: 100%;
472	}
473
474	.accordion__item-title:after {
475		content: "+";
476		position: absolute;
477		top: 50%;
478		right: 20px;
479		transform: translateY(-50%);
480		font-size: 20px;
481		color: var(--c-primary);
482		pointer-events: none;
483	}
484
485	.accordion__item.active .accordion__item-title:after {
486		content: "-";
487		font-size: 30px;
488	}
489
490	.accordion__item:after {
491		content: none;
492	}
493
494	.accordion__item.active:after {
495		content: none;
496	}
497
498
499
500	/* GALLERY */
501
502	.f-button:not([data-fancybox-close]) {
503		display: none;
504	}
505	.gallery  {
506		position: relative;
507		width: 100%;
508		box-sizing: border-box;
509		opacity: 0;
510		transition: all 0.2s ease-in-out;
511	}
512	.gallery.loaded  {
513		opacity: 1;
514	}
515	.gallery-item a  {
516		display: block;
517		cursor: pointer;
518	}
519	.gallery-item a img  {
520		width: 100%;
521		height: 100%;
522		object-fit: contain
523	}
524	.gallery-columns-2 .gallery-item-width,
525	.gallery-columns-2 .gallery-item  {
526		width: calc(50% - 15px);
527	}
528	.gallery-columns-4 .gallery-item-width,
529	.gallery-columns-4 .gallery-item  {
530		width: calc(25% - 15px);
531	}
532	.gallery-columns-5 .gallery-item-width,
533	.gallery-columns-5 .gallery-item  {
534		width: calc(20% - 15px);
535	}
536	.gallery-columns-1 .gallery-item-width,
537	.gallery-columns-1 .gallery-item  {
538		width: calc(100% - 15px);
539	}
540	.gallery-item-width,
541	.gallery-item  {
542		width: calc(33.333% - 15px);
543		margin-bottom: 15px;
544	}
545	@media(max-width: 768px)  {
546		.gallery-item-width,
547		.gallery-item  {
548			width: calc(50% - 15px) !important;
549		}
550	}
551	@media(max-width: 467px)  {
552		.gallery-item-width,
553		.gallery-item  {
554			width: calc(100% - 15px) !important;
555		}
556	}
557
558
559	/* swiper */
560
561	.swiper--fullheight  {
562		height: calc(80vh - 6rem);
563		min-height: 820px;
564	}
565	.swiper--halfheight  {
566		min-height: 450px;
567		height: calc(60vh - 6rem);
568	}
569	.swiper--halfheight .swiper-title  {
570		font-weight: 900;
571		margin-top: 0;
572		font-size: 46px;
573		text-transform: none;
574		font-family: 'Open Sans';
575		text-align: center;
576	}
577	[slides-per-view-desktop="3"]  {
578		height: 300px;
579		margin: 30px 0;
580	}
581	[slides-per-view-desktop="3"] swiper-slide img  {
582		width: 100%;
583		height: 100%;
584		object-fit: cover;
585		object-position: center
586	}
587	[slides-per-view-desktop="4"] swiper-slide img  {
588		float: left;
589		margin-right: 20px
590	}
591	[slides-per-view-desktop="4"]  {
592		padding: 0 60px !important;
593		margin: 40px 0;
594	}
595	[slides-per-view-desktop="4"] p  {
596		font-size: 14px;
597	}
598	swiper-container.swiper--sidebar  {
599		background-color: #7EBEC5
600	}
601	.swiper-content  {
602		position: relative
603	}
604	.swiper-slide  {
605		position: relative;
606	}
607	.swiper-slide > img  {
608		position: absolute;
609		width: 100% !important;
610		height: 100% !important;
611		object-fit: cover;
612	}
613	.swiper-title  {
614		position: absolute;
615		transform: translate(-50%, -50%);
616		left: 50%;
617		top: 50%;
618		font-size: 70px;
619		font-weight: 900;
620		text-transform: uppercase;
621		color: #fff;
622		width: 1440px;
623		max-width: 100%;
624		text-align: center;
625	}
626	.swiper--sidebar .swiper-slide  {
627		text-align: center;
628		display: flex;
629		flex-direction: column;
630		justify-content: center;
631		align-items: center;
632		padding: 0 40px;
633		color: #fff;
634	}
635	.swiper--sidebar .swiper-slide img  {
636		z-index: -1
637	}
638	.swiper--sidebar .swiper-title  {
639		position: static;
640		font-size: 20px;
641		width: auto;
642		transform: none;
643	}
644	.swiper--sidebar .swiper-button  {
645		border: 1px solid #fff;
646		color: #fff;
647		padding: 10px 20px;
648		transition: all 0.2s ease-in-out
649	}
650	.swiper--sidebar .swiper-button:hover  {
651		background-color: rgba(255,255,255, 0.2)
652	}
653
654	swiper-container::part(button-prev), swiper-container::part(button-next) {
655		width: 50px;
656		height: 50px;
657		background-color: #fff;
658		border-radius: 50px;
659		box-shadow: 0 0 15px rgba(0,0,0,0.15);
660	}
661	swiper-container::part(button-next)  {
662		right: 20px;
663	}
664	swiper-container::part(button-prev)  {
665		left: 20px;
666	}
667	swiper-container::part(button-prev)::after,
668	swiper-container::part(button-next)::after  {
669		/* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3' /%3E%3C/svg%3E%0A"); */
670		width: 10px;
671		font-size: inherit;
672		opacity: 0.8;
673		color: #000;
674	}
675	/* swiper-container::part(button-prev)::after  {
676		transform: rotate(180deg)
677	} */
678
679	.has-backdrop, .listing-2  {
680		position: relative
681	}
682	.has-backdrop > *  {
683		position: relative
684	}
685	.has-backdrop::before, .listing-2::before  {
686		position: absolute;
687		content: '';
688		background: #071a38;
689		width: 100%;
690		height: 100%;
691		left: 0px;
692		top: 0px;
693		right: 0px;
694		opacity: 0.8;
695	}
696	.listing-2 > *  {
697		z-index: 2
698	}
699	.listing-2::before  {
700		z-index: 1;
701		opacity: 0.3
702	}
703	.listing-2__image  {
704		z-index: 0;
705	}
706	.cards.columns-1,
707	.cards.columns-4,
708	.cards.columns-2,
709	.cards.columns-3,
710	.cards.columns-4,
711	.cards.columns-5  {
712		display: flex;
713		flex-direction: row;
714		flex-wrap: wrap;
715		margin: 0 -15px;
716	}
717	.container-fw  {
718		max-width: inherit;
719	}
720	.cards > *  {
721		padding: 0 15px;
722		margin-bottom: 30px;
723	}
724	.columns-1 .cards__column  {
725		width: 100%;
726	}
727	.columns-2 .cards__column  {
728		width: 50%;
729	}
730	.columns-3 .cards__column  {
731		width: 33.33%;
732	}
733	.columns-4 .cards__column  {
734		width: 25%;
735	}
736	.columns-5 .cards__column  {
737		width: 20%;
738	}
739	@media(max-width: 787px) {
740		[class*="columns-"] .cards__column  {
741			width:100%;
742		}
743		.main-header .search-box-btn,
744		.main-header .menu-right-content .user-link a  {
745			width: 34px;
746			height:34px;
747			line-height: 31px;
748		}
749	}
750	@media(max-width: 1199px) {
751		body  {
752			padding-top: 76px;
753		}
754
755        .header-lower {
756            height: 90px !important;
757        }
758	}
759	@media(max-width: 467px) {
760		.cols > *  {
761			width: 100% !important;
762		}
763		.listing-4  {
764			flex-wrap: wrap;
765		}
766		.listing-4 > *  {
767			width: 100%;
768		}
769		.listing-4__image  {
770			width: auto !important;
771		}
772		.listing-4 a  {
773			margin-bottom: 15px
774		}
775		.multi-col-item  {
776			padding: 0 15px;
777		}
778	}
779	@media(max-width: 1199px)  {
780		.col-lg-100  {
781			width: 100% !important;
782		}
783	}
784	/* md */
785	@media(max-width: 787px)  {
786		.col-md-100  {
787			width: 100% !important;
788		}
789	}
790	@media(max-width: 499px)  {
791		body  {
792			padding-top: 65px !important;
793		}
794        .header-lower {
795            height: 65px !important;
796        }
797		.col-sm-100  {
798			width: 100% !important;
799		}
800	}
801
802
803	/* BOOKING */
804
805	select  {
806		width: 100%;
807		height: 40px;
808		line-height: 40px;
809		border-radius: 5px;
810		border: 1px solid #e6ebeb;
811		padding: 0 15px;
812	}
813	[room]  {
814		/* border-bottom: 1px solid #666;
815		*/
816		padding-bottom: 15px;
817		margin-bottom: 15px;
818		background-color: #f6f9f9;
819		padding: 30px;
820		border-radius: 5px;
821	}
822	.person  {
823		padding: 15px 0;
824		border-bottom: 1px solid #ccc
825	}
826	.person h3  {
827	}
828	.person h3 span::after  {
829		content: "."
830	}
831	.total-price  {
832		font-weight: 700;
833		color: #333;
834		font-size: 22px;
835	}
836
837
838	/* HEADER */
839
840	.main-menu .navbar-collapse {
841		position: relative;
842	}
843
844	.main-menu .navbar-collapse > .navigation {
845		margin-right: 150px;
846	}
847
848	.header-login-button {
849		position: absolute;
850		right: 50px;
851		top: 34px;
852	}
853
854	.header-login-button:hover {
855		color: #ffed06
856	}
857
858    div.language-switcher {
859        position: absolute;
860        right: 80px;
861        top: 27px;
862    }
863
864	a {
865		color: #8da3b0;
866	}
867
868	.sticky-header {
869		background-color: #0d2050
870	}
871
872	.main-header .search-box-btn {
873		color: #8da3b0;
874		background: transparent;
875	}
876
877	.main-header .search-box-btn:hover {
878		color: #ffed06;
879        background-color: unset !important;
880	}
881
882	.main-menu .navigation > li.current > a, 
883	.main-menu .navigation > li:hover > a,
884	.main-menu .navigation li > a:hover {
885		color: #ffed06 !important
886	}
887	
888	.main-menu .navigation>li>ul>li.dropdown>a:after {
889		right: 0;
890	}
891
892	.footer-top .contact-widget .info-list li i {
893		color: #fff !important
894	}
895
896	.footer-top .links-widget .links-list li a:hover,
897	.footer-bottom .footer-nav li a:hover {
898		color: #ffed06 !important
899	}
900
901	.footer-top p, .footer-top a,
902	.footer-top .contact-widget .info-list li,
903	.footer-bottom .footer-nav li a,
904	.footer-bottom .copyright p,
905	.footer-bottom .copyright p a
906	{
907		color: #fff;
908	}
909
910	.footer-top .links-widget .links-list li a:before,
911	.footer-bottom .footer-nav li:before {
912		background: #8da3b0;
913	}
914
915	.footer-top .logo-widget .social-links li a:hover {
916		background: #ffed06 !important
917	}
918
919	.register-section .inner-box .form-inner .forgor-password a,
920	.register-section .inner-box .form-inner .other-text a {
921		color: #8da3b2
922	}
923
924	.register-section .inner-box .form-inner .form-group label,
925	.custom-check-box .custom-controls-stacked .description,
926	body {
927		color: #0d2050
928	}
929
930	.theme-btn {
931		background: #8da3b0;
932		box-shadow: none;
933		padding-top: 0 !important;
934		padding-bottom: 0 !important
935	}
936
937	.theme-btn:before {
938		background: #0d2050
939	}
940
941	.register-section .inner-box .form-inner .form-group input:focus,
942	input[type="text"]:focus,
943	input[type="tel"]:focus,
944	input[type="email"]:focus,
945	input[type="search"]:focus,
946	input[type="number"]:focus,
947	input[type="password"]:focus,
948	input[type="date"]:focus,
949	select:focus,
950	textarea:focus {
951		border-color: #0d2050 !important;
952	}
953
954	.custom-check-box .custom-control.material-checkbox .material-control-indicator {
955		border-color: #0d2050 !important;
956	}
957
958	.custom-check-box .custom-control.material-checkbox .material-control-input:checked ~ .material-control-indicator {
959		background: #0d2050 !important;
960		border-color: #0d2050 !important;
961	}
962
963	.main-menu .navigation > li > ul > li > a,
964	.main-menu .navigation > li > .megamenu li > a{
965		color: #4c616e;
966	}
967
968	.main-menu .navigation > li > ul > li > a:hover,
969	.main-menu .navigation > li > ul > li.current > a,
970	.main-menu .navigation > li > .megamenu li > a:hover {
971		color: #0d2050
972	}
973
974	.main-menu .navigation > li > ul > li > a,
975	.main-menu .navigation > li > .megamenu li > a,
976	.main-menu .navigation li > a {
977		font-weight: 400 !important;
978	}
979
980	.main-menu .navigation > li > ul,
981	.main-menu .navigation > li > .megamenu,
982	.main-menu .navigation > li > ul > li > ul {
983		border: none;
984		border-radius: 0;
985	}
986
987	.footer-top .contact-widget .info-list li a:hover {
988		color: #ffed06
989	}
990
991	/* FOOTER */
992
993	.main-footer  {
994		position: relative;
995		margin-top: 100px;
996	}
997
998	.main-footer:before {
999		content: "";
1000		position: absolute;
1001		left: 0;
1002		right: 0;
1003		top: -100px;
1004		height: 100px;
1005		z-index: 1;
1006		
1007		background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 30" preserveAspectRatio="none"><path d="M0,0 C75,30 225,30 300,0 L300,30 L0,30 Z" fill="rgb(14,32,80)"/></svg>') no-repeat;
1008		/*background: #20508d;*/
1009	}
1010	.pagination li a, .pagination li span {
1011		background-color: #0d2050 !important;
1012		color: #fff !important
1013	}
1014
1015	.pagination li.active span,
1016	.pagination li:hover a {
1017		background-color: #ffed00 !important;
1018		border-color: #ffed00 !important;
1019		color:#0d2050 !important;
1020	}
1021
1022
1023.search-form {
1024    display: flex;
1025    position: absolute;
1026    right: 0;
1027    top: 26px;
1028    z-index: 100;
1029}
1030
1031.search-form input {
1032    border-radius: 30px !important;
1033    background-color: transparent;
1034    transition-delay: .3s;
1035    border: none !important;
1036    max-width: 0;
1037    padding: 0;
1038}
1039.search-form input:focus {
1040    background-color: white;
1041    max-width: 250px;
1042    transition-delay: 0s;
1043    padding: 20px 35px 20px 10px;
1044}
1045
1046.search-form__label {
1047    align-items: center;
1048    color: #8da3b0;
1049    display: flex;
1050    flex-direction: row;
1051    position: relative;
1052}
1053.search-form__label > svg {
1054    cursor: pointer;
1055    position: absolute;
1056    right: 5px;
1057}
1058.search-form__label > svg:hover {
1059    fill: #ffed06;
1060}
1061.search-form input:focus + svg {
1062    display: none;
1063}
1064.search-form__submit svg {
1065    margin-top: -2px;
1066}
1067.search-form__submit {
1068    transition-delay: .3s;
1069    position: absolute;
1070    right: 5px;
1071    top: 0;
1072    /*display: none;*/
1073    overflow: hidden;
1074    color: #8da3b0;
1075    width: 0px;
1076    height: 100%;
1077    background: transparent;
1078    z-index: 200;
1079}
1080.search-form input:focus ~ .search-form__submit {
1081    /*display: inline-block !important;*/
1082    width: 25px;
1083    transition-delay: 0s;
1084}
1085
1086.group-offer-card .button-secondary {
1087    color: white;
1088    cursor: pointer;
1089}
1090
1091.group-offer-card .button-secondary:hover {
1092    color: #0d2050 !important;
1093    border: 1px solid #0d2050;
1094    background-color: white;
1095}
1096
1097.group-offer-card .sc-price-description {
1098    display: none;
1099}
1100
1101.mobile-menu .header-login-button,
1102.mobile-menu .language-switcher {
1103    display: none;
1104}
1105
1106.main-footer.bg-color-2 {
1107    background: rgb(14,32,80);
1108}
1109
1110.group-offer-card li {
1111    color: #000;
1112}
1113
1114.cookie-popup-trigger {
1115    background-color: #061a3a !important;
1116    padding: 8px !important;
1117    left: 10px !important;
1118    bottom: 10px !important;
1119}
1120.cookie-popup-trigger svg {
1121    width: 20px !important;
1122    height: 20px !important;
1123    display: block;
1124}
1125
1126.sc-price-description {
1127    display: none;
1128}
1129
1130li {
1131    list-style-position: inside;
1132}
1133
1134@media (max-width: 1024px) {
1135  li {
1136    list-style-position: outside;
1137  }
1138}
1139
1140.cols-row {
1141    flex-direction: row !important;
1142}
1143
1144@media(max-width: 467px) {
1145    .cols-m-100 > *{
1146        width: 100%;
1147    }
1148
1149    .cols-row {
1150        margin: auto;
1151    }
1152    .cols-row > * {
1153        width: auto !important;
1154        flex-direction: row;
1155        display: flex;
1156        gap: 10px;
1157        align-items: center;
1158    }
1159}
1160
1161.main-header .search-box-btn,
1162.main-header .menu-right-content .user-link a {
1163    box-shadow: none;
1164}
1165
1166.buttons-block {
1167    flex-direction: column;
1168    display: flex;
1169    width: fit-content;
1170    gap: 10px;
1171    margin: auto;
1172}
1173
1174.color-black {
1175    color: black;
1176}
1177
1178.form-comment {
1179    display: block;
1180    font-size: 16px;
1181    color: gray;
1182    margin-bottom: 4px;
1183}
1184
1185.fancybox__container {
1186    --fancybox-bg: rgba(141, 163, 176, .98);
1187}
1188
1189.booking-process-1 .process-sidebar .content-box {
1190    background-color: #0e2050;
1191}
1192.booking-process-1 .builder-form .process-sidebar .form-group label {
1193    color: white;
1194}
1195
1196.booking-process-1 button.submit-offer-btn {
1197    background-color: rgb(252,229,0) !important;
1198    color: rgb(14,32,80) !important;
1199}
1200
1201.process-sidebar .content-box .price {
1202    background-color: rgb(219,230,236);
1203}
1204.process-sidebar .content-box .price h4 {
1205    color: rgb(14,32,80);
1206}
1207.main-header .search-box-outer .dropdown-menu {
1208    background-color: rgb(219 230 236);
1209}
1210.search-results .search-btn {
1211    background: rgb(14 32 80);
1212    color: white;
1213}
1214
1215.form-group-addon {
1216    display: flex;
1217    flex-direction: row;
1218    flex-wrap: nowrap;
1219}
1220
1221.form-group-addon input:first-child {
1222    border-top-right-radius: 0;
1223    border-bottom-right-radius: 0;
1224}
1225
1226.form-group-addon .input-addon {
1227    border-top-right-radius: 5px;
1228    border-bottom-right-radius: 5px;
1229    padding: 0 10px;
1230}
1231
1232.daterangepicker td.active, .daterangepicker td.active:hover {
1233    background-color: rgb(14 32 80);
1234}
1235.daterangepicker  .btn-primary {
1236    background-color: rgb(14 32 80);
1237    border-color: rgb(14 32 80);
1238}
1239
1240.main-menu {
1241    height: 100px;
1242}
1243
1244.book-form__offer-stats li *:first-child {
1245    min-width: 5ch;
1246}
1247.page-title.style-three .inner-box h3 .currency,
1248.page-title.style-three .inner-box h3 .price {
1249    color: white;
1250}
1251
1252@media only screen and (max-width: 767px) {
1253    .page-title.style-three {
1254        padding-top: 40px;
1255    }
1256
1257    .page-title.style-three .inner-box h2 {
1258        font-size: 30px;
1259    }
1260
1261    .page-title.style-three .inner-box h3 {
1262        font-size: 18px;
1263    }
1264}
1265
1266/* .tour-dates .button-sm {
1267    min-width: calc(10ch + 30px);
1268}
1269@media(max-width: 467px) {
1270    .tab-content .tour-dates {
1271        margin-left: -10px;
1272    }
1273
1274    .tour-dates td {
1275        font-size: 12px;
1276    }
1277    .tour-dates .button-sm {
1278        padding: 0 10px;
1279        min-width: calc(10ch + 20px);
1280    }
1281} */
1282.language-switcher.expand .dropdown-menu {
1283    display: block;
1284}
1285
1286.mobile-menu .navigation li > a {
1287    width: fit-content;
1288}
1289
1290.tour-block-two .inner-box .content-box h4 span:not(.currency,.price) {
1291    font-weight: bold;
1292    color: rgb(14, 32, 80);
1293}
1294.tour-block-two .inner-box .content-box p {
1295    color: #000;
1296}
1297.page-heading {
1298    color: rgb(14,32,80);
1299    margin: 50px auto;
1300    text-align: center;
1301}
1302
1303@media only screen and (max-width: 767px) {
1304    .shop-container {
1305        margin-top: 0px
1306    }
1307    .page-heading {
1308        margin-top: 20px;
1309        margin-bottom: 20px;
1310        font-size: 2em;
1311    }
1312	
1313	.tab-container {
1314		display: flex !important;
1315		flex-direction: row;
1316		flex-wrap: wrap;
1317		row-gap: 5px;
1318		column-gap: 5px;
1319	}
1320	
1321	.tab-container .tab {
1322		width: calc(50% - 6px);
1323		margin: 0;
1324		font-size: 14px;
1325		padding: 3px 10px;
1326	}
1327	
1328	/* Make last child 100% only when it's an odd child (3,5,7..) */
1329	.tab-container .tab:last-child:nth-child(odd) {
1330			width: 100%;
1331	}
1332	
1333}
1334</style>
1335
1336
1337  <!-- Google Tag Manager -->
1338
1339<script>
1340	window.addEventListener('load', (event) => {
vendor: 339 bytes, lines 1340-1345
1340
1341	  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1342		new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1343		j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1344		'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1345		})(window,document,'script','dataLayer','
1345GTM-5GXGR4S5
vendor: 5 bytes, lines 1345-1346
1345');
1346	
1346});
1347</script>
1347
1348
1349<!-- End Google Tag Manager -->
1350
1351<script>
1352	window.dataLayer = window.dataLayer || [];
1353	function gtag() { dataLayer.push(arguments); }
1354
1355			gtag('consent', 'default', {
1356			ad_user_data: 'denied',
1357			ad_personalization: 'denied',
1358			ad_storage: 'denied',
1359			analytics_storage: 'denied',
1360			wait_for_update: 500,
1361		});
1362	
1363	gtag('js', new Date());
1364	gtag('config', 'GTM-5GXGR4S5');
1365</script>
1365
1366
1367
1368
1369        
1370        
1371  <style>
1372    [x-cloak] { display: none !important; }
1373  </style>
1374</head>
1375
1376
1377<!-- page wrapper -->
1378<body>
1379
1380<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 1380-1381
1380
1381<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1381GTM-5GXGR4S5
vendor: 83 bytes, lines 1381-1382
1381"
1382height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1383<!-- End Google Tag Manager (noscript) -->
1384
1385<div class="boxed_wrapper_1">
1386    <style>
1387
1388.language-switcher {
1389    right: 4px;
1390    background-color: rgb(255, 255, 255);
1391    padding: 10px;
1392    border-radius: 35px;
1393    top: 55px;
1394}
1395
1396.language-switcher a {
1397    color: #0c1f50
1398}
1399
1400.language-switcher .active {
1401    font-weight: 700;
1402}
1403
1404</style>
1405
1406
1407<!-- main header -->
1408<header class="main-header"> 
1409
1410    <!-- sticky header -->
1411    <nav class="tw:h-[70px] tw:lg:h-[100px] tw:bg-primary tw:fixed tw:left-0 tw:top-0 tw:w-full tw:z-50 tw:shadow-md">
1412        <div class="container container-fw tw:h-full tw:flex tw:items-center tw:justify-between">
1413            <div class="tw:flex">
1414                <a class="tw:block tw:max-w-[150px] tw:md:max-w-[230px]" href="https://www.world-of-mountains.de">
1415                    <img src="/storage/uploads/3/world-of-mountains-logo-aktiv.png" alt="Travel Logo">
1416                </a>
1417            </div>
1418
1419            <!-- Mobile Action Buttons -->
1420            <div class="tw:flex tw:lg:hidden tw:items-center tw:space-x-1">
1421                <!-- Mobile Search Button -->
1422                <a href="https://www.world-of-mountains.de/search" 
1423                   class="tw:m-1 tw:inline-flex tw:items-center tw:justify-center tw:rounded-md tw:p-2.5 tw:text-white tw:transition-colors tw:duration-200 tw:hover:opacity-70">
1424                    <span class="tw:sr-only">Search</span>
1425                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="tw:w-5 tw:h-5">
1426                        <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
1427                    </svg>
1428                </a>
1429                
1430                <span class="position-relative" x-data="{ isLangOpen: false }">
1431                
1432                </span>
1433                <!-- Mobile User Button -->
1434                                    <a href="https://www.world-of-mountains.de/login" 
1435                       class="tw:m-1 tw:inline-flex tw:items-center tw:justify-center tw:rounded-md tw:p-2.5 tw:text-white tw:transition-colors tw:duration-200 tw:hover:opacity-70">
1436                        <span class="tw:sr-only">Login</span>
1437                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="tw:w-5 tw:h-5">
1438                            <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" />
1439                        </svg>
1440                    </a>
1441                
1442                <!-- Mobile Menu Button -->
1443                <button type="button" 
1444                        x-data="" 
1445                        @click="$dispatch('toggle-mobile-menu')"
1446                        class="mobile-burger-btn tw:m-1 tw:inline-flex tw:items-center tw:justify-center tw:rounded-md tw:p-2.5 tw:text-white">
1447                    <span class="tw:sr-only">Open main menu</span>
1448                    <svg class="tw:h-6 tw:w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
1449                        <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
1450                    </svg>
1451                </button>
1452            </div>
1453
1454            <!-- Desktop Navigation -->
1455            <div class="tw:hidden tw:lg:block">
1456                <nav class="tw:block tw:relative tw:z-50">
1457            <ul class="tw:flex tw:items-center tw:space-x-4 tw:ml-8">
1458                            <li x-data="{ 
1459        open: false, 
1460        isTouch: false 
1461    }" 
1462    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1463    @mouseenter="if (!isTouch) open = true" 
1464    @mouseleave="if (!isTouch) open = false" 
1465    class="tw:relative tw:list-none tw:relative ">
1466    
1467    <a href="https://www.world-of-mountains.de/" 
1468       class="tw:px-3 tw:py-2 tw:transition tw:duration-100 tw:text-white tw:hover:text-secondary tw:flex tw:items-center">
1469        <span>Startseite</span>
1470            </a>
1471
1472    
1473    </li>
1474                            <li x-data="{ 
1475        open: false, 
1476        isTouch: false 
1477    }" 
1478    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1479    @mouseenter="if (!isTouch) open = true" 
1480    @mouseleave="if (!isTouch) open = false" 
1481    class="tw:relative tw:list-none tw:relative ">
1482    
1483    <a href="https://www.world-of-mountains.de/aktivitaeten" 
1484       class="tw:px-3 tw:py-2 tw:transition tw:duration-100 tw:text-white tw:hover:text-secondary tw:flex tw:items-center">
1485        <span>Unsere Reisen</span>
1486                    
1487            <button type="button" @click.prevent="open = !open" class="tw:ml-1">
1488                 <span class="tw:sr-only">Toggle submenu</span>
1489                 <svg class="tw:w-4 tw:h-4 tw:ml-1 tw:transition-transform tw:duration-200 tw:group-hover/0:rotate-180" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1490        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
1491    </svg>
1492            </button>
1493            </a>
1494
1495    
1496            <div class="tw:absolute tw:left-0 tw:top-[calc(100%)] 
1497                    tw:z-50 tw:min-w-[200px]"
1498             x-show="open"
1499             @click.outside="open = false"
1500             x-cloak
1501             x-transition:enter="tw:transition tw:ease-out tw:duration-200"
1502             x-transition:enter-start="tw:opacity-0 tw:transform tw:scale-95"
1503             x-transition:enter-end="tw:opacity-100 tw:transform tw:scale-100"
1504             x-transition:leave="tw:transition tw:ease-in tw:duration-150"
1505             x-transition:leave-start="tw:opacity-100 tw:transform tw:scale-100"
1506             x-transition:leave-end="tw:opacity-0 tw:transform tw:scale-95">
1507            <ul class="tw:bg-white tw:border tw:border-gray-100 tw:rounded-lg tw:shadow-lg tw:py-1 
1508                       tw:mt-1">
1509                                    <li x-data="{ 
1510        open: false, 
1511        isTouch: false 
1512    }" 
1513    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1514    @mouseenter="if (!isTouch) open = true" 
1515    @mouseleave="if (!isTouch) open = false" 
1516    class="tw:relative tw:list-none tw:w-full tw:relative ">
1517    
1518    <a href="/group-offers" 
1519       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1520        <span>Reise suchen</span>
1521            </a>
1522
1523    
1524    </li>
1525                                    <li x-data="{ 
1526        open: false, 
1527        isTouch: false 
1528    }" 
1529    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1530    @mouseenter="if (!isTouch) open = true" 
1531    @mouseleave="if (!isTouch) open = false" 
1532    class="tw:relative tw:list-none tw:w-full tw:relative ">
1533    
1534    <a href="https://www.world-of-mountains.de/aktivitaeten/alpenuberquerungen" 
1535       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1536        <span>Alpenüberquerungen</span>
1537                    
1538            <button type="button" @click.prevent="open = !open" class="tw:ml-1">
1539                 <span class="tw:sr-only">Toggle submenu</span>
1540                 <svg class="tw:w-4 tw:h-4 tw:ml-2 tw:text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1541        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
1542    </svg>
1543            </button>
1544            </a>
1545
1546    
1547            <div class="tw:absolute tw:left-full tw:top-0 
1548                    tw:z-50 tw:min-w-[200px]"
1549             x-show="open"
1550             @click.outside="open = false"
1551             x-cloak
1552             x-transition:enter="tw:transition tw:ease-out tw:duration-200"
1553             x-transition:enter-start="tw:opacity-0 tw:transform tw:scale-95"
1554             x-transition:enter-end="tw:opacity-100 tw:transform tw:scale-100"
1555             x-transition:leave="tw:transition tw:ease-in tw:duration-150"
1556             x-transition:leave-start="tw:opacity-100 tw:transform tw:scale-100"
1557             x-transition:leave-end="tw:opacity-0 tw:transform tw:scale-95">
1558            <ul class="tw:bg-white tw:border tw:border-gray-100 tw:rounded-lg tw:shadow-lg tw:py-1 
1559                       tw:-mt-1 tw:ml-[2px]">
1560                                    <li x-data="{ 
1561        open: false, 
1562        isTouch: false 
1563    }" 
1564    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1565    @mouseenter="if (!isTouch) open = true" 
1566    @mouseleave="if (!isTouch) open = false" 
1567    class="tw:relative tw:list-none tw:w-full tw:relative ">
1568    
1569    <a href="https://www.world-of-mountains.de/aktivitaeten/alpenuberquerungen" 
1570       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1571        <span>Alle Alpenüberquerungen</span>
1572            </a>
1573
1574    
1575    </li>
1576                                    <li x-data="{ 
1577        open: false, 
1578        isTouch: false 
1579    }" 
1580    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1581    @mouseenter="if (!isTouch) open = true" 
1582    @mouseleave="if (!isTouch) open = false" 
1583    class="tw:relative tw:list-none tw:w-full tw:relative ">
1584    
1585    <a href="https://www.world-of-mountains.de/alpenuberquerungen/gefuhrte-alpenuberquerungen" 
1586       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1587        <span>Geführte Alpenüberquerungen</span>
1588            </a>
1589
1590    
1591    </li>
1592                                    <li x-data="{ 
1593        open: false, 
1594        isTouch: false 
1595    }" 
1596    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1597    @mouseenter="if (!isTouch) open = true" 
1598    @mouseleave="if (!isTouch) open = false" 
1599    class="tw:relative tw:list-none tw:w-full tw:relative ">
1600    
1601    <a href="https://www.world-of-mountains.de/alpenuberquerungen/individuelle-alpenuberquerungen" 
1602       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1603        <span>Individuelle Alpenüberquerungen</span>
1604            </a>
1605
1606    
1607    </li>
1608                                    <li x-data="{ 
1609        open: false, 
1610        isTouch: false 
1611    }" 
1612    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1613    @mouseenter="if (!isTouch) open = true" 
1614    @mouseleave="if (!isTouch) open = false" 
1615    class="tw:relative tw:list-none tw:w-full tw:relative ">
1616    
1617    <a href="https://www.world-of-mountains.de/alpenuberquerungen/gunstige-alpenuberquerungen" 
1618       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1619        <span>Günstige Alpenüberquerungen</span>
1620            </a>
1621
1622    
1623    </li>
1624                                    <li x-data="{ 
1625        open: false, 
1626        isTouch: false 
1627    }" 
1628    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1629    @mouseenter="if (!isTouch) open = true" 
1630    @mouseleave="if (!isTouch) open = false" 
1631    class="tw:relative tw:list-none tw:w-full tw:relative ">
1632    
1633    <a href="https://www.world-of-mountains.de/alpenuberquerungen/einfache-alpenuberquerungen" 
1634       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1635        <span>Einsteiger Alpenüberquerungen</span>
1636            </a>
1637
1638    
1639    </li>
1640                                    <li x-data="{ 
1641        open: false, 
1642        isTouch: false 
1643    }" 
1644    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1645    @mouseenter="if (!isTouch) open = true" 
1646    @mouseleave="if (!isTouch) open = false" 
1647    class="tw:relative tw:list-none tw:w-full tw:relative ">
1648    
1649    <a href="https://www.world-of-mountains.de/aktivitaeten/alpenuberquerungen-mit-kindern" 
1650       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1651        <span>Alpenüberquerungen mit Kindern</span>
1652            </a>
1653
1654    
1655    </li>
1656                                    <li x-data="{ 
1657        open: false, 
1658        isTouch: false 
1659    }" 
1660    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1661    @mouseenter="if (!isTouch) open = true" 
1662    @mouseleave="if (!isTouch) open = false" 
1663    class="tw:relative tw:list-none tw:w-full tw:relative ">
1664    
1665    <a href="https://www.world-of-mountains.de/aktivitaeten/alpenuberquerungen-mit-hund" 
1666       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1667        <span>Alpenüberquerungen mit Hund</span>
1668            </a>
1669
1670    
1671    </li>
1672                            </ul>
1673        </div>
1674    </li>
1675                                    <li x-data="{ 
1676        open: false, 
1677        isTouch: false 
1678    }" 
1679    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1680    @mouseenter="if (!isTouch) open = true" 
1681    @mouseleave="if (!isTouch) open = false" 
1682    class="tw:relative tw:list-none tw:w-full tw:relative ">
1683    
1684    <a href="https://www.world-of-mountains.de/aktivitaeten/wanderreisen-listung" 
1685       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1686        <span>Wanderreisen</span>
1687            </a>
1688
1689    
1690    </li>
1691                                    <li x-data="{ 
1692        open: false, 
1693        isTouch: false 
1694    }" 
1695    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1696    @mouseenter="if (!isTouch) open = true" 
1697    @mouseleave="if (!isTouch) open = false" 
1698    class="tw:relative tw:list-none tw:w-full tw:relative ">
1699    
1700    <a href="https://www.world-of-mountains.de/aktivitaeten/wanderurlaub-listung" 
1701       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1702        <span>Wanderurlaub</span>
1703            </a>
1704
1705    
1706    </li>
1707                                    <li x-data="{ 
1708        open: false, 
1709        isTouch: false 
1710    }" 
1711    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1712    @mouseenter="if (!isTouch) open = true" 
1713    @mouseleave="if (!isTouch) open = false" 
1714    class="tw:relative tw:list-none tw:w-full tw:relative ">
1715    
1716    <a href="https://www.world-of-mountains.de/aktivitaeten/trekkingreisen-listung" 
1717       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1718        <span>Trekkingreisen</span>
1719            </a>
1720
1721    
1722    </li>
1723                                    <li x-data="{ 
1724        open: false, 
1725        isTouch: false 
1726    }" 
1727    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1728    @mouseenter="if (!isTouch) open = true" 
1729    @mouseleave="if (!isTouch) open = false" 
1730    class="tw:relative tw:list-none tw:w-full tw:relative ">
1731    
1732    <a href="https://www.world-of-mountains.de/aktivitaeten/huttenwandern-in-den-alpen" 
1733       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1734        <span>Hüttentouren</span>
1735                    
1736            <button type="button" @click.prevent="open = !open" class="tw:ml-1">
1737                 <span class="tw:sr-only">Toggle submenu</span>
1738                 <svg class="tw:w-4 tw:h-4 tw:ml-2 tw:text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1739        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
1740    </svg>
1741            </button>
1742            </a>
1743
1744    
1745            <div class="tw:absolute tw:left-full tw:top-0 
1746                    tw:z-50 tw:min-w-[200px]"
1747             x-show="open"
1748             @click.outside="open = false"
1749             x-cloak
1750             x-transition:enter="tw:transition tw:ease-out tw:duration-200"
1751             x-transition:enter-start="tw:opacity-0 tw:transform tw:scale-95"
1752             x-transition:enter-end="tw:opacity-100 tw:transform tw:scale-100"
1753             x-transition:leave="tw:transition tw:ease-in tw:duration-150"
1754             x-transition:leave-start="tw:opacity-100 tw:transform tw:scale-100"
1755             x-transition:leave-end="tw:opacity-0 tw:transform tw:scale-95">
1756            <ul class="tw:bg-white tw:border tw:border-gray-100 tw:rounded-lg tw:shadow-lg tw:py-1 
1757                       tw:-mt-1 tw:ml-[2px]">
1758                                    <li x-data="{ 
1759        open: false, 
1760        isTouch: false 
1761    }" 
1762    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1763    @mouseenter="if (!isTouch) open = true" 
1764    @mouseleave="if (!isTouch) open = false" 
1765    class="tw:relative tw:list-none tw:w-full tw:relative ">
1766    
1767    <a href="https://www.world-of-mountains.de/huttenwandern-in-den-alpen/huttenwandern-huttentouren-osterreich" 
1768       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1769        <span>Österreich</span>
1770            </a>
1771
1772    
1773    </li>
1774                                    <li x-data="{ 
1775        open: false, 
1776        isTouch: false 
1777    }" 
1778    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1779    @mouseenter="if (!isTouch) open = true" 
1780    @mouseleave="if (!isTouch) open = false" 
1781    class="tw:relative tw:list-none tw:w-full tw:relative ">
1782    
1783    <a href="https://www.world-of-mountains.de/huttenwandern-in-den-alpen/huttenwandern-huttentouren-deutschland" 
1784       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1785        <span>Deutschland</span>
1786            </a>
1787
1788    
1789    </li>
1790                                    <li x-data="{ 
1791        open: false, 
1792        isTouch: false 
1793    }" 
1794    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1795    @mouseenter="if (!isTouch) open = true" 
1796    @mouseleave="if (!isTouch) open = false" 
1797    class="tw:relative tw:list-none tw:w-full tw:relative ">
1798    
1799    <a href="https://www.world-of-mountains.de/huttenwandern-in-den-alpen/huttenwandern-huttentouren-italien" 
1800       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1801        <span>Italien &amp; Südtirol</span>
1802            </a>
1803
1804    
1805    </li>
1806                                    <li x-data="{ 
1807        open: false, 
1808        isTouch: false 
1809    }" 
1810    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1811    @mouseenter="if (!isTouch) open = true" 
1812    @mouseleave="if (!isTouch) open = false" 
1813    class="tw:relative tw:list-none tw:w-full tw:relative ">
1814    
1815    <a href="https://www.world-of-mountains.de/huttenwandern-in-den-alpen/huttenwandern-huttentouren-schweiz" 
1816       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1817        <span>Schweiz</span>
1818            </a>
1819
1820    
1821    </li>
1822                                    <li x-data="{ 
1823        open: false, 
1824        isTouch: false 
1825    }" 
1826    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1827    @mouseenter="if (!isTouch) open = true" 
1828    @mouseleave="if (!isTouch) open = false" 
1829    class="tw:relative tw:list-none tw:w-full tw:relative ">
1830    
1831    <a href="https://www.world-of-mountains.de/huttenwandern-in-den-alpen/huttenwandern-huttentouren-schweden" 
1832       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1833        <span>Schweden</span>
1834            </a>
1835
1836    
1837    </li>
1838                                    <li x-data="{ 
1839        open: false, 
1840        isTouch: false 
1841    }" 
1842    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1843    @mouseenter="if (!isTouch) open = true" 
1844    @mouseleave="if (!isTouch) open = false" 
1845    class="tw:relative tw:list-none tw:w-full tw:relative ">
1846    
1847    <a href="https://www.world-of-mountains.de/huttenwandern-in-den-alpen/huttenwandern-huttentouren-norwegen" 
1848       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1849        <span>Norwegen</span>
1850            </a>
1851
1852    
1853    </li>
1854                                    <li x-data="{ 
1855        open: false, 
1856        isTouch: false 
1857    }" 
1858    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1859    @mouseenter="if (!isTouch) open = true" 
1860    @mouseleave="if (!isTouch) open = false" 
1861    class="tw:relative tw:list-none tw:w-full tw:relative ">
1862    
1863    <a href="https://www.world-of-mountains.de/huttenwandern-in-den-alpen/huttenwandern-huttentouren-griechenland" 
1864       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1865        <span>Griechenland</span>
1866            </a>
1867
1868    
1869    </li>
1870                            </ul>
1871        </div>
1872    </li>
1873                                    <li x-data="{ 
1874        open: false, 
1875        isTouch: false 
1876    }" 
1877    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1878    @mouseenter="if (!isTouch) open = true" 
1879    @mouseleave="if (!isTouch) open = false" 
1880    class="tw:relative tw:list-none tw:w-full tw:relative ">
1881    
1882    <a href="https://www.world-of-mountains.de/aktivitaeten/zelttouren-listung" 
1883       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1884        <span>Zelttouren</span>
1885            </a>
1886
1887    
1888    </li>
1889                                    <li x-data="{ 
1890        open: false, 
1891        isTouch: false 
1892    }" 
1893    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1894    @mouseenter="if (!isTouch) open = true" 
1895    @mouseleave="if (!isTouch) open = false" 
1896    class="tw:relative tw:list-none tw:w-full tw:relative ">
1897    
1898    <a href="https://www.world-of-mountains.de/aktivitaeten/kanu-und-kajak-listung" 
1899       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1900        <span>Kanu &amp; Kajak</span>
1901            </a>
1902
1903    
1904    </li>
1905                                    <li x-data="{ 
1906        open: false, 
1907        isTouch: false 
1908    }" 
1909    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1910    @mouseenter="if (!isTouch) open = true" 
1911    @mouseleave="if (!isTouch) open = false" 
1912    class="tw:relative tw:list-none tw:w-full tw:relative ">
1913    
1914    <a href="https://www.world-of-mountains.de/aktivitaeten/hochtouren" 
1915       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1916        <span>Hochtouren</span>
1917            </a>
1918
1919    
1920    </li>
1921                                    <li x-data="{ 
1922        open: false, 
1923        isTouch: false 
1924    }" 
1925    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1926    @mouseenter="if (!isTouch) open = true" 
1927    @mouseleave="if (!isTouch) open = false" 
1928    class="tw:relative tw:list-none tw:w-full tw:relative ">
1929    
1930    <a href="https://www.world-of-mountains.de/aktivitaeten/alpine-ausbildungen-listung" 
1931       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1932        <span>Alpine Ausbildungen</span>
1933            </a>
1934
1935    
1936    </li>
1937                                    <li x-data="{ 
1938        open: false, 
1939        isTouch: false 
1940    }" 
1941    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1942    @mouseenter="if (!isTouch) open = true" 
1943    @mouseleave="if (!isTouch) open = false" 
1944    class="tw:relative tw:list-none tw:w-full tw:relative ">
1945    
1946    <a href="https://www.world-of-mountains.de/aktivitaeten/alpine-abenteuer-listung" 
1947       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1948        <span>Alpine Abenteuer</span>
1949            </a>
1950
1951    
1952    </li>
1953                                    <li x-data="{ 
1954        open: false, 
1955        isTouch: false 
1956    }" 
1957    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1958    @mouseenter="if (!isTouch) open = true" 
1959    @mouseleave="if (!isTouch) open = false" 
1960    class="tw:relative tw:list-none tw:w-full tw:relative ">
1961    
1962    <a href="https://www.world-of-mountains.de/aktivitaeten/klettersteige-listung" 
1963       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1964        <span>Klettersteige &amp; Klettern</span>
1965            </a>
1966
1967    
1968    </li>
1969                                    <li x-data="{ 
1970        open: false, 
1971        isTouch: false 
1972    }" 
1973    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1974    @mouseenter="if (!isTouch) open = true" 
1975    @mouseleave="if (!isTouch) open = false" 
1976    class="tw:relative tw:list-none tw:w-full tw:relative ">
1977    
1978    <a href="https://www.world-of-mountains.de/aktivitaeten/schneeschuhwandern" 
1979       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1980        <span>Schneeschuhwandern</span>
1981            </a>
1982
1983    
1984    </li>
1985                                    <li x-data="{ 
1986        open: false, 
1987        isTouch: false 
1988    }" 
1989    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
1990    @mouseenter="if (!isTouch) open = true" 
1991    @mouseleave="if (!isTouch) open = false" 
1992    class="tw:relative tw:list-none tw:w-full tw:relative ">
1993    
1994    <a href="https://www.world-of-mountains.de/aktivitaeten/skitouren-listung" 
1995       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
1996        <span>Skitouren &amp; Langlaufen</span>
1997            </a>
1998
1999    
2000    </li>
2001                                    <li x-data="{ 
2002        open: false, 
2003        isTouch: false 
2004    }" 
2005    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2006    @mouseenter="if (!isTouch) open = true" 
2007    @mouseleave="if (!isTouch) open = false" 
2008    class="tw:relative tw:list-none tw:w-full tw:relative ">
2009    
2010    <a href="https://www.world-of-mountains.de/aktivitaeten/schnee-und-winter-reisen" 
2011       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2012        <span>Schnee &amp; Winter</span>
2013            </a>
2014
2015    
2016    </li>
2017                                    <li x-data="{ 
2018        open: false, 
2019        isTouch: false 
2020    }" 
2021    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2022    @mouseenter="if (!isTouch) open = true" 
2023    @mouseleave="if (!isTouch) open = false" 
2024    class="tw:relative tw:list-none tw:w-full tw:relative ">
2025    
2026    <a href="https://www.world-of-mountains.de/aktivitaeten/wandern-mit-kindern" 
2027       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2028        <span>Reisen mit Kindern</span>
2029            </a>
2030
2031    
2032    </li>
2033                                    <li x-data="{ 
2034        open: false, 
2035        isTouch: false 
2036    }" 
2037    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2038    @mouseenter="if (!isTouch) open = true" 
2039    @mouseleave="if (!isTouch) open = false" 
2040    class="tw:relative tw:list-none tw:w-full tw:relative ">
2041    
2042    <a href="https://www.world-of-mountains.de/aktivitaeten/wandern-mit-hund" 
2043       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2044        <span>Wandern mit Hund</span>
2045            </a>
2046
2047    
2048    </li>
2049                                    <li x-data="{ 
2050        open: false, 
2051        isTouch: false 
2052    }" 
2053    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2054    @mouseenter="if (!isTouch) open = true" 
2055    @mouseleave="if (!isTouch) open = false" 
2056    class="tw:relative tw:list-none tw:w-full tw:relative ">
2057    
2058    <a href="https://www.world-of-mountains.de/aktivitaeten/singlereisen" 
2059       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2060        <span>Singles &amp; Alleinreisende</span>
2061            </a>
2062
2063    
2064    </li>
2065                                    <li x-data="{ 
2066        open: false, 
2067        isTouch: false 
2068    }" 
2069    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2070    @mouseenter="if (!isTouch) open = true" 
2071    @mouseleave="if (!isTouch) open = false" 
2072    class="tw:relative tw:list-none tw:w-full tw:relative ">
2073    
2074    <a href="https://www.world-of-mountains.de/aktivitaeten/wandern-mit-yoga" 
2075       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2076        <span>Wandern &amp; Yoga</span>
2077            </a>
2078
2079    
2080    </li>
2081                                    <li x-data="{ 
2082        open: false, 
2083        isTouch: false 
2084    }" 
2085    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2086    @mouseenter="if (!isTouch) open = true" 
2087    @mouseleave="if (!isTouch) open = false" 
2088    class="tw:relative tw:list-none tw:w-full tw:relative ">
2089    
2090    <a href="https://www.world-of-mountains.de/aktivitaeten/radreisen-bikereisen-fahrradreisen" 
2091       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2092        <span>Radreisen</span>
2093            </a>
2094
2095    
2096    </li>
2097                            </ul>
2098        </div>
2099    </li>
2100                            <li x-data="{ 
2101        open: false, 
2102        isTouch: false 
2103    }" 
2104    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2105    @mouseenter="if (!isTouch) open = true" 
2106    @mouseleave="if (!isTouch) open = false" 
2107    class="tw:relative tw:list-none tw:relative ">
2108    
2109    <a href="https://www.world-of-mountains.de/reiseziele" 
2110       class="tw:px-3 tw:py-2 tw:transition tw:duration-100 tw:text-white tw:hover:text-secondary tw:flex tw:items-center">
2111        <span>Reiseziele</span>
2112                    
2113            <button type="button" @click.prevent="open = !open" class="tw:ml-1">
2114                 <span class="tw:sr-only">Toggle submenu</span>
2115                 <svg class="tw:w-4 tw:h-4 tw:ml-1 tw:transition-transform tw:duration-200 tw:group-hover/0:rotate-180" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2116        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
2117    </svg>
2118            </button>
2119            </a>
2120
2121    
2122            <div class="tw:absolute tw:left-0 tw:top-[calc(100%)] 
2123                    tw:z-50 tw:min-w-[200px]"
2124             x-show="open"
2125             @click.outside="open = false"
2126             x-cloak
2127             x-transition:enter="tw:transition tw:ease-out tw:duration-200"
2128             x-transition:enter-start="tw:opacity-0 tw:transform tw:scale-95"
2129             x-transition:enter-end="tw:opacity-100 tw:transform tw:scale-100"
2130             x-transition:leave="tw:transition tw:ease-in tw:duration-150"
2131             x-transition:leave-start="tw:opacity-100 tw:transform tw:scale-100"
2132             x-transition:leave-end="tw:opacity-0 tw:transform tw:scale-95">
2133            <ul class="tw:bg-white tw:border tw:border-gray-100 tw:rounded-lg tw:shadow-lg tw:py-1 
2134                       tw:mt-1">
2135                                    <li x-data="{ 
2136        open: false, 
2137        isTouch: false 
2138    }" 
2139    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2140    @mouseenter="if (!isTouch) open = true" 
2141    @mouseleave="if (!isTouch) open = false" 
2142    class="tw:relative tw:list-none tw:w-full tw:relative ">
2143    
2144    <a href="https://www.world-of-mountains.de/aktivitaeten/alpenuberquerungen" 
2145       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2146        <span>Alpenüberquerungen</span>
2147            </a>
2148
2149    
2150    </li>
2151                                    <li x-data="{ 
2152        open: false, 
2153        isTouch: false 
2154    }" 
2155    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2156    @mouseenter="if (!isTouch) open = true" 
2157    @mouseleave="if (!isTouch) open = false" 
2158    class="tw:relative tw:list-none tw:w-full tw:relative ">
2159    
2160    <a href="https://www.world-of-mountains.de/reiseziele/deutschland-wanderreisen-listung" 
2161       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2162        <span>Deutschland</span>
2163            </a>
2164
2165    
2166    </li>
2167                                    <li x-data="{ 
2168        open: false, 
2169        isTouch: false 
2170    }" 
2171    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2172    @mouseenter="if (!isTouch) open = true" 
2173    @mouseleave="if (!isTouch) open = false" 
2174    class="tw:relative tw:list-none tw:w-full tw:relative ">
2175    
2176    <a href="https://www.world-of-mountains.de/reiseziele/osterreich-wanderreisen-listung" 
2177       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2178        <span>Österreich</span>
2179            </a>
2180
2181    
2182    </li>
2183                                    <li x-data="{ 
2184        open: false, 
2185        isTouch: false 
2186    }" 
2187    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2188    @mouseenter="if (!isTouch) open = true" 
2189    @mouseleave="if (!isTouch) open = false" 
2190    class="tw:relative tw:list-none tw:w-full tw:relative ">
2191    
2192    <a href="https://www.world-of-mountains.de/reiseziele/schweiz-wanderreisen-listung" 
2193       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2194        <span>Schweiz &amp; Liechtenstein</span>
2195            </a>
2196
2197    
2198    </li>
2199                                    <li x-data="{ 
2200        open: false, 
2201        isTouch: false 
2202    }" 
2203    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2204    @mouseenter="if (!isTouch) open = true" 
2205    @mouseleave="if (!isTouch) open = false" 
2206    class="tw:relative tw:list-none tw:w-full tw:relative ">
2207    
2208    <a href="https://www.world-of-mountains.de/reiseziele/italien-wanderreisen-listung" 
2209       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2210        <span>Italien &amp; Südtirol</span>
2211            </a>
2212
2213    
2214    </li>
2215                                    <li x-data="{ 
2216        open: false, 
2217        isTouch: false 
2218    }" 
2219    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2220    @mouseenter="if (!isTouch) open = true" 
2221    @mouseleave="if (!isTouch) open = false" 
2222    class="tw:relative tw:list-none tw:w-full tw:relative ">
2223    
2224    <a href="https://www.world-of-mountains.de/reiseziele/spanien-wanderreisen-listung" 
2225       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2226        <span>Spanien &amp; Inseln</span>
2227            </a>
2228
2229    
2230    </li>
2231                                    <li x-data="{ 
2232        open: false, 
2233        isTouch: false 
2234    }" 
2235    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2236    @mouseenter="if (!isTouch) open = true" 
2237    @mouseleave="if (!isTouch) open = false" 
2238    class="tw:relative tw:list-none tw:w-full tw:relative ">
2239    
2240    <a href="https://www.world-of-mountains.de/reiseziele/portugal-wanderreisen-listung" 
2241       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2242        <span>Portugal &amp; Inseln</span>
2243            </a>
2244
2245    
2246    </li>
2247                                    <li x-data="{ 
2248        open: false, 
2249        isTouch: false 
2250    }" 
2251    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2252    @mouseenter="if (!isTouch) open = true" 
2253    @mouseleave="if (!isTouch) open = false" 
2254    class="tw:relative tw:list-none tw:w-full tw:relative ">
2255    
2256    <a href="https://www.world-of-mountains.de/reiseziele/griechenland-wanderreisen-listung" 
2257       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2258        <span>Griechenland</span>
2259            </a>
2260
2261    
2262    </li>
2263                                    <li x-data="{ 
2264        open: false, 
2265        isTouch: false 
2266    }" 
2267    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2268    @mouseenter="if (!isTouch) open = true" 
2269    @mouseleave="if (!isTouch) open = false" 
2270    class="tw:relative tw:list-none tw:w-full tw:relative ">
2271    
2272    <a href="https://www.world-of-mountains.de/reiseziele/schweden-wanderreisen-listung" 
2273       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2274        <span>Schweden</span>
2275            </a>
2276
2277    
2278    </li>
2279                                    <li x-data="{ 
2280        open: false, 
2281        isTouch: false 
2282    }" 
2283    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2284    @mouseenter="if (!isTouch) open = true" 
2285    @mouseleave="if (!isTouch) open = false" 
2286    class="tw:relative tw:list-none tw:w-full tw:relative ">
2287    
2288    <a href="https://www.world-of-mountains.de/reiseziele/finnland-wanderreisen-listung" 
2289       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2290        <span>Finnland</span>
2291            </a>
2292
2293    
2294    </li>
2295                                    <li x-data="{ 
2296        open: false, 
2297        isTouch: false 
2298    }" 
2299    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2300    @mouseenter="if (!isTouch) open = true" 
2301    @mouseleave="if (!isTouch) open = false" 
2302    class="tw:relative tw:list-none tw:w-full tw:relative ">
2303    
2304    <a href="https://www.world-of-mountains.de/reiseziele/norwegen-wanderreisen-listung" 
2305       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2306        <span>Norwegen</span>
2307            </a>
2308
2309    
2310    </li>
2311                                    <li x-data="{ 
2312        open: false, 
2313        isTouch: false 
2314    }" 
2315    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2316    @mouseenter="if (!isTouch) open = true" 
2317    @mouseleave="if (!isTouch) open = false" 
2318    class="tw:relative tw:list-none tw:w-full tw:relative ">
2319    
2320    <a href="https://www.world-of-mountains.de/reiseziele/slowenien-wanderreisen-listung" 
2321       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2322        <span>Slowenien</span>
2323            </a>
2324
2325    
2326    </li>
2327                                    <li x-data="{ 
2328        open: false, 
2329        isTouch: false 
2330    }" 
2331    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2332    @mouseenter="if (!isTouch) open = true" 
2333    @mouseleave="if (!isTouch) open = false" 
2334    class="tw:relative tw:list-none tw:w-full tw:relative ">
2335    
2336    <a href="https://www.world-of-mountains.de/reiseziele/irland-grossbritannien-wanderreisen-listung" 
2337       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2338        <span>Irland &amp; Großbritannien</span>
2339            </a>
2340
2341    
2342    </li>
2343                                    <li x-data="{ 
2344        open: false, 
2345        isTouch: false 
2346    }" 
2347    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2348    @mouseenter="if (!isTouch) open = true" 
2349    @mouseleave="if (!isTouch) open = false" 
2350    class="tw:relative tw:list-none tw:w-full tw:relative ">
2351    
2352    <a href="https://www.world-of-mountains.de/reiseziele/island-wanderreisen-listung" 
2353       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2354        <span>Island</span>
2355            </a>
2356
2357    
2358    </li>
2359                                    <li x-data="{ 
2360        open: false, 
2361        isTouch: false 
2362    }" 
2363    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2364    @mouseenter="if (!isTouch) open = true" 
2365    @mouseleave="if (!isTouch) open = false" 
2366    class="tw:relative tw:list-none tw:w-full tw:relative ">
2367    
2368    <a href="https://www.world-of-mountains.de/reiseziele/turkei-wanderreisen-listung" 
2369       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2370        <span>Türkei</span>
2371            </a>
2372
2373    
2374    </li>
2375                                    <li x-data="{ 
2376        open: false, 
2377        isTouch: false 
2378    }" 
2379    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2380    @mouseenter="if (!isTouch) open = true" 
2381    @mouseleave="if (!isTouch) open = false" 
2382    class="tw:relative tw:list-none tw:w-full tw:relative ">
2383    
2384    <a href="https://www.world-of-mountains.de/reiseziele/frankreich-wanderreisen-listung" 
2385       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2386        <span>Frankreich</span>
2387            </a>
2388
2389    
2390    </li>
2391                                    <li x-data="{ 
2392        open: false, 
2393        isTouch: false 
2394    }" 
2395    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2396    @mouseenter="if (!isTouch) open = true" 
2397    @mouseleave="if (!isTouch) open = false" 
2398    class="tw:relative tw:list-none tw:w-full tw:relative ">
2399    
2400    <a href="https://www.world-of-mountains.de/reiseziele/albanien-wanderreisen-listung" 
2401       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2402        <span>Albanien</span>
2403            </a>
2404
2405    
2406    </li>
2407                                    <li x-data="{ 
2408        open: false, 
2409        isTouch: false 
2410    }" 
2411    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2412    @mouseenter="if (!isTouch) open = true" 
2413    @mouseleave="if (!isTouch) open = false" 
2414    class="tw:relative tw:list-none tw:w-full tw:relative ">
2415    
2416    <a href="https://www.world-of-mountains.de/reiseziele/kapverdische-inseln" 
2417       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2418        <span>Kapverdische Inseln</span>
2419            </a>
2420
2421    
2422    </li>
2423                            </ul>
2424        </div>
2425    </li>
2426                            <li x-data="{ 
2427        open: false, 
2428        isTouch: false 
2429    }" 
2430    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2431    @mouseenter="if (!isTouch) open = true" 
2432    @mouseleave="if (!isTouch) open = false" 
2433    class="tw:relative tw:list-none tw:relative ">
2434    
2435    <a href="/group-offers" 
2436       class="tw:px-3 tw:py-2 tw:transition tw:duration-100 tw:text-white tw:hover:text-secondary tw:flex tw:items-center">
2437        <span>Reise suchen</span>
2438            </a>
2439
2440    
2441    </li>
2442                            <li x-data="{ 
2443        open: false, 
2444        isTouch: false 
2445    }" 
2446    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2447    @mouseenter="if (!isTouch) open = true" 
2448    @mouseleave="if (!isTouch) open = false" 
2449    class="tw:relative tw:list-none tw:relative ">
2450    
2451    <a href="https://www.world-of-mountains.de/Partnerreisen" 
2452       class="tw:px-3 tw:py-2 tw:transition tw:duration-100 tw:text-white tw:hover:text-secondary tw:flex tw:items-center">
2453        <span>Partnerreisen</span>
2454            </a>
2455
2456    
2457    </li>
2458                            <li x-data="{ 
2459        open: false, 
2460        isTouch: false 
2461    }" 
2462    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2463    @mouseenter="if (!isTouch) open = true" 
2464    @mouseleave="if (!isTouch) open = false" 
2465    class="tw:relative tw:list-none tw:relative ">
2466    
2467    <a href="https://blog.world-of-mountains.de/" 
2468       class="tw:px-3 tw:py-2 tw:transition tw:duration-100 tw:text-white tw:hover:text-secondary tw:flex tw:items-center">
2469        <span>Blog</span>
2470            </a>
2471
2472    
2473    </li>
2474                            <li x-data="{ 
2475        open: false, 
2476        isTouch: false 
2477    }" 
2478    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2479    @mouseenter="if (!isTouch) open = true" 
2480    @mouseleave="if (!isTouch) open = false" 
2481    class="tw:relative tw:list-none tw:relative ">
2482    
2483    <a href="https://api.whatsapp.com/send/?phone=4367762824731&amp;text&amp;type=phone_number&amp;app_absent=0" 
2484       class="tw:px-3 tw:py-2 tw:transition tw:duration-100 tw:text-white tw:hover:text-secondary tw:flex tw:items-center">
2485        <span>Chat</span>
2486            </a>
2487
2488    
2489    </li>
2490                            <li x-data="{ 
2491        open: false, 
2492        isTouch: false 
2493    }" 
2494    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2495    @mouseenter="if (!isTouch) open = true" 
2496    @mouseleave="if (!isTouch) open = false" 
2497    class="tw:relative tw:list-none tw:relative ">
2498    
2499    <a href="https://www.world-of-mountains.de/kontakt" 
2500       class="tw:px-3 tw:py-2 tw:transition tw:duration-100 tw:text-white tw:hover:text-secondary tw:flex tw:items-center">
2501        <span>Kontakt</span>
2502            </a>
2503
2504    
2505    </li>
2506                            <li x-data="{ 
2507        open: false, 
2508        isTouch: false 
2509    }" 
2510    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2511    @mouseenter="if (!isTouch) open = true" 
2512    @mouseleave="if (!isTouch) open = false" 
2513    class="tw:relative tw:list-none tw:relative ">
2514    
2515    <a href="https://www.world-of-mountains.de/uber" 
2516       class="tw:px-3 tw:py-2 tw:transition tw:duration-100 tw:text-white tw:hover:text-secondary tw:flex tw:items-center">
2517        <span>Über uns</span>
2518                    
2519            <button type="button" @click.prevent="open = !open" class="tw:ml-1">
2520                 <span class="tw:sr-only">Toggle submenu</span>
2521                 <svg class="tw:w-4 tw:h-4 tw:ml-1 tw:transition-transform tw:duration-200 tw:group-hover/0:rotate-180" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2522        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
2523    </svg>
2524            </button>
2525            </a>
2526
2527    
2528            <div class="tw:absolute tw:left-0 tw:top-[calc(100%)] 
2529                    tw:z-50 tw:min-w-[200px]"
2530             x-show="open"
2531             @click.outside="open = false"
2532             x-cloak
2533             x-transition:enter="tw:transition tw:ease-out tw:duration-200"
2534             x-transition:enter-start="tw:opacity-0 tw:transform tw:scale-95"
2535             x-transition:enter-end="tw:opacity-100 tw:transform tw:scale-100"
2536             x-transition:leave="tw:transition tw:ease-in tw:duration-150"
2537             x-transition:leave-start="tw:opacity-100 tw:transform tw:scale-100"
2538             x-transition:leave-end="tw:opacity-0 tw:transform tw:scale-95">
2539            <ul class="tw:bg-white tw:border tw:border-gray-100 tw:rounded-lg tw:shadow-lg tw:py-1 
2540                       tw:mt-1">
2541                                    <li x-data="{ 
2542        open: false, 
2543        isTouch: false 
2544    }" 
2545    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2546    @mouseenter="if (!isTouch) open = true" 
2547    @mouseleave="if (!isTouch) open = false" 
2548    class="tw:relative tw:list-none tw:w-full tw:relative ">
2549    
2550    <a href="https://www.world-of-mountains.de/uber" 
2551       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2552        <span>Über uns</span>
2553            </a>
2554
2555    
2556    </li>
2557                                    <li x-data="{ 
2558        open: false, 
2559        isTouch: false 
2560    }" 
2561    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2562    @mouseenter="if (!isTouch) open = true" 
2563    @mouseleave="if (!isTouch) open = false" 
2564    class="tw:relative tw:list-none tw:w-full tw:relative ">
2565    
2566    <a href="https://www.world-of-mountains.de/uber/team" 
2567       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2568        <span>Team</span>
2569            </a>
2570
2571    
2572    </li>
2573                                    <li x-data="{ 
2574        open: false, 
2575        isTouch: false 
2576    }" 
2577    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2578    @mouseenter="if (!isTouch) open = true" 
2579    @mouseleave="if (!isTouch) open = false" 
2580    class="tw:relative tw:list-none tw:w-full tw:relative ">
2581    
2582    <a href="https://www.world-of-mountains.de/uber/unsere-guides" 
2583       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2584        <span>Unsere Guides</span>
2585            </a>
2586
2587    
2588    </li>
2589                                    <li x-data="{ 
2590        open: false, 
2591        isTouch: false 
2592    }" 
2593    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2594    @mouseenter="if (!isTouch) open = true" 
2595    @mouseleave="if (!isTouch) open = false" 
2596    class="tw:relative tw:list-none tw:w-full tw:relative ">
2597    
2598    <a href="https://www.world-of-mountains.de/uber/unser-leitbild" 
2599       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2600        <span>Unser Leitbild</span>
2601            </a>
2602
2603    
2604    </li>
2605                                    <li x-data="{ 
2606        open: false, 
2607        isTouch: false 
2608    }" 
2609    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2610    @mouseenter="if (!isTouch) open = true" 
2611    @mouseleave="if (!isTouch) open = false" 
2612    class="tw:relative tw:list-none tw:w-full tw:relative ">
2613    
2614    <a href="https://www.world-of-mountains.de/uber/nachhaltigkeit" 
2615       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2616        <span>Nachhaltigkeit</span>
2617                    
2618            <button type="button" @click.prevent="open = !open" class="tw:ml-1">
2619                 <span class="tw:sr-only">Toggle submenu</span>
2620                 <svg class="tw:w-4 tw:h-4 tw:ml-2 tw:text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2621        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
2622    </svg>
2623            </button>
2624            </a>
2625
2626    
2627            <div class="tw:absolute tw:left-full tw:top-0 
2628                    tw:z-50 tw:min-w-[200px]"
2629             x-show="open"
2630             @click.outside="open = false"
2631             x-cloak
2632             x-transition:enter="tw:transition tw:ease-out tw:duration-200"
2633             x-transition:enter-start="tw:opacity-0 tw:transform tw:scale-95"
2634             x-transition:enter-end="tw:opacity-100 tw:transform tw:scale-100"
2635             x-transition:leave="tw:transition tw:ease-in tw:duration-150"
2636             x-transition:leave-start="tw:opacity-100 tw:transform tw:scale-100"
2637             x-transition:leave-end="tw:opacity-0 tw:transform tw:scale-95">
2638            <ul class="tw:bg-white tw:border tw:border-gray-100 tw:rounded-lg tw:shadow-lg tw:py-1 
2639                       tw:-mt-1 tw:ml-[2px]">
2640                                    <li x-data="{ 
2641        open: false, 
2642        isTouch: false 
2643    }" 
2644    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2645    @mouseenter="if (!isTouch) open = true" 
2646    @mouseleave="if (!isTouch) open = false" 
2647    class="tw:relative tw:list-none tw:w-full tw:relative ">
2648    
2649    <a href="https://www.world-of-mountains.de/uber/nachhaltigkeit" 
2650       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2651        <span>Verantwortungsvoller Tourismus</span>
2652            </a>
2653
2654    
2655    </li>
2656                                    <li x-data="{ 
2657        open: false, 
2658        isTouch: false 
2659    }" 
2660    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2661    @mouseenter="if (!isTouch) open = true" 
2662    @mouseleave="if (!isTouch) open = false" 
2663    class="tw:relative tw:list-none tw:w-full tw:relative ">
2664    
2665    <a href="https://www.world-of-mountains.de/nachhaltigkeit/konzeption" 
2666       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2667        <span>Verantwortungsvolle Planung</span>
2668            </a>
2669
2670    
2671    </li>
2672                                    <li x-data="{ 
2673        open: false, 
2674        isTouch: false 
2675    }" 
2676    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2677    @mouseenter="if (!isTouch) open = true" 
2678    @mouseleave="if (!isTouch) open = false" 
2679    class="tw:relative tw:list-none tw:w-full tw:relative ">
2680    
2681    <a href="https://www.world-of-mountains.de/nachhaltigkeit/co2-kompensation" 
2682       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2683        <span>Ökologischer Fußabdruck</span>
2684            </a>
2685
2686    
2687    </li>
2688                            </ul>
2689        </div>
2690    </li>
2691                                    <li x-data="{ 
2692        open: false, 
2693        isTouch: false 
2694    }" 
2695    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2696    @mouseenter="if (!isTouch) open = true" 
2697    @mouseleave="if (!isTouch) open = false" 
2698    class="tw:relative tw:list-none tw:w-full tw:relative ">
2699    
2700    <a href="https://www.world-of-mountains.de/uber/karriere" 
2701       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2702        <span>Karriere</span>
2703            </a>
2704
2705    
2706    </li>
2707                                    <li x-data="{ 
2708        open: false, 
2709        isTouch: false 
2710    }" 
2711    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2712    @mouseenter="if (!isTouch) open = true" 
2713    @mouseleave="if (!isTouch) open = false" 
2714    class="tw:relative tw:list-none tw:w-full tw:relative ">
2715    
2716    <a href="https://www.world-of-mountains.de/presse" 
2717       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2718        <span>Presse</span>
2719            </a>
2720
2721    
2722    </li>
2723                            </ul>
2724        </div>
2725    </li>
2726                            <li x-data="{ 
2727        open: false, 
2728        isTouch: false 
2729    }" 
2730    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2731    @mouseenter="if (!isTouch) open = true" 
2732    @mouseleave="if (!isTouch) open = false" 
2733    class="tw:relative tw:list-none tw:relative ">
2734    
2735    <a href="https://www.world-of-mountains.de/service" 
2736       class="tw:px-3 tw:py-2 tw:transition tw:duration-100 tw:text-white tw:hover:text-secondary tw:flex tw:items-center">
2737        <span>Infos</span>
2738                    
2739            <button type="button" @click.prevent="open = !open" class="tw:ml-1">
2740                 <span class="tw:sr-only">Toggle submenu</span>
2741                 <svg class="tw:w-4 tw:h-4 tw:ml-1 tw:transition-transform tw:duration-200 tw:group-hover/0:rotate-180" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
2742        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
2743    </svg>
2744            </button>
2745            </a>
2746
2747    
2748            <div class="tw:absolute tw:left-0 tw:top-[calc(100%)] 
2749                    tw:z-50 tw:min-w-[200px]"
2750             x-show="open"
2751             @click.outside="open = false"
2752             x-cloak
2753             x-transition:enter="tw:transition tw:ease-out tw:duration-200"
2754             x-transition:enter-start="tw:opacity-0 tw:transform tw:scale-95"
2755             x-transition:enter-end="tw:opacity-100 tw:transform tw:scale-100"
2756             x-transition:leave="tw:transition tw:ease-in tw:duration-150"
2757             x-transition:leave-start="tw:opacity-100 tw:transform tw:scale-100"
2758             x-transition:leave-end="tw:opacity-0 tw:transform tw:scale-95">
2759            <ul class="tw:bg-white tw:border tw:border-gray-100 tw:rounded-lg tw:shadow-lg tw:py-1 
2760                       tw:mt-1">
2761                                    <li x-data="{ 
2762        open: false, 
2763        isTouch: false 
2764    }" 
2765    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2766    @mouseenter="if (!isTouch) open = true" 
2767    @mouseleave="if (!isTouch) open = false" 
2768    class="tw:relative tw:list-none tw:w-full tw:relative ">
2769    
2770    <a href="https://www.world-of-mountains.de/service/schwierigkeitsgrade" 
2771       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2772        <span>Schwierigkeitsgrade</span>
2773            </a>
2774
2775    
2776    </li>
2777                                    <li x-data="{ 
2778        open: false, 
2779        isTouch: false 
2780    }" 
2781    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2782    @mouseenter="if (!isTouch) open = true" 
2783    @mouseleave="if (!isTouch) open = false" 
2784    class="tw:relative tw:list-none tw:w-full tw:relative ">
2785    
2786    <a href="https://www.world-of-mountains.de/service/expertenwissen-alpenuberquerungen" 
2787       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2788        <span>Expertentipps</span>
2789            </a>
2790
2791    
2792    </li>
2793                                    <li x-data="{ 
2794        open: false, 
2795        isTouch: false 
2796    }" 
2797    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2798    @mouseenter="if (!isTouch) open = true" 
2799    @mouseleave="if (!isTouch) open = false" 
2800    class="tw:relative tw:list-none tw:w-full tw:relative ">
2801    
2802    <a href="https://www.world-of-mountains.de/service/reiseunterlagen" 
2803       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2804        <span>Reiseunterlagen</span>
2805            </a>
2806
2807    
2808    </li>
2809                                    <li x-data="{ 
2810        open: false, 
2811        isTouch: false 
2812    }" 
2813    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2814    @mouseenter="if (!isTouch) open = true" 
2815    @mouseleave="if (!isTouch) open = false" 
2816    class="tw:relative tw:list-none tw:w-full tw:relative ">
2817    
2818    <a href="https://www.world-of-mountains.de/service/reiseversicherung" 
2819       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2820        <span>Reiseversicherung</span>
2821            </a>
2822
2823    
2824    </li>
2825                                    <li x-data="{ 
2826        open: false, 
2827        isTouch: false 
2828    }" 
2829    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2830    @mouseenter="if (!isTouch) open = true" 
2831    @mouseleave="if (!isTouch) open = false" 
2832    class="tw:relative tw:list-none tw:w-full tw:relative ">
2833    
2834    <a href="https://www.world-of-mountains.de/service/wander-und-bergsportversicherung" 
2835       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2836        <span>Wander- und Bergsportversicherung</span>
2837            </a>
2838
2839    
2840    </li>
2841                                    <li x-data="{ 
2842        open: false, 
2843        isTouch: false 
2844    }" 
2845    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2846    @mouseenter="if (!isTouch) open = true" 
2847    @mouseleave="if (!isTouch) open = false" 
2848    class="tw:relative tw:list-none tw:w-full tw:relative ">
2849    
2850    <a href="https://www.world-of-mountains.de/service/mietwagen" 
2851       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2852        <span>Mietwagen</span>
2853            </a>
2854
2855    
2856    </li>
2857                                    <li x-data="{ 
2858        open: false, 
2859        isTouch: false 
2860    }" 
2861    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2862    @mouseenter="if (!isTouch) open = true" 
2863    @mouseleave="if (!isTouch) open = false" 
2864    class="tw:relative tw:list-none tw:w-full tw:relative ">
2865    
2866    <a href="https://www.world-of-mountains.de/service/landerinformationen" 
2867       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2868        <span>Länderinformationen</span>
2869            </a>
2870
2871    
2872    </li>
2873                                    <li x-data="{ 
2874        open: false, 
2875        isTouch: false 
2876    }" 
2877    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2878    @mouseenter="if (!isTouch) open = true" 
2879    @mouseleave="if (!isTouch) open = false" 
2880    class="tw:relative tw:list-none tw:w-full tw:relative ">
2881    
2882    <a href="https://www.world-of-mountains.de/urkunde" 
2883       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2884        <span>Newsletter</span>
2885            </a>
2886
2887    
2888    </li>
2889                                    <li x-data="{ 
2890        open: false, 
2891        isTouch: false 
2892    }" 
2893    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2894    @mouseenter="if (!isTouch) open = true" 
2895    @mouseleave="if (!isTouch) open = false" 
2896    class="tw:relative tw:list-none tw:w-full tw:relative ">
2897    
2898    <a href="https://www.world-of-mountains.de/service/ausruestungspartner" 
2899       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2900        <span>Ausrüstungspartner</span>
2901            </a>
2902
2903    
2904    </li>
2905                                    <li x-data="{ 
2906        open: false, 
2907        isTouch: false 
2908    }" 
2909    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2910    @mouseenter="if (!isTouch) open = true" 
2911    @mouseleave="if (!isTouch) open = false" 
2912    class="tw:relative tw:list-none tw:w-full tw:relative ">
2913    
2914    <a href="https://www.world-of-mountains.de/service/info-alpenuberquerung-hund" 
2915       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2916        <span>Wandern mit Hund</span>
2917            </a>
2918
2919    
2920    </li>
2921                                    <li x-data="{ 
2922        open: false, 
2923        isTouch: false 
2924    }" 
2925    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
2926    @mouseenter="if (!isTouch) open = true" 
2927    @mouseleave="if (!isTouch) open = false" 
2928    class="tw:relative tw:list-none tw:w-full tw:relative ">
2929    
2930    <a href="https://www.world-of-mountains.de/faq" 
2931       class="tw:transition tw:duration-100 tw:text-gray-800 tw:hover:text-secondary tw:block tw:px-4 tw:py-2.5 tw:text-sm tw:flex tw:items-center tw:justify-between tw:hover:bg-gray-50">
2932        <span>FAQ</span>
2933            </a>
2934
2935    
2936    </li>
2937                            </ul>
2938        </div>
2939    </li>
2940                    </ul>
2941    </nav>            </div>
2942
2943            <!-- User and search icons -->
2944            <ul class="tw:hidden tw:lg:flex tw:items-center tw:space-x-4">
2945                <li class="tw:list-none">
2946                    <div class="tw:relative" x-data="{ isOpen: false }">
2947                        <button 
2948                            @click="isOpen = !isOpen"
2949                            class="tw:p-2 tw:rounded-full tw:text-white tw:hover:text-gray-900 tw:hover:bg-gray-100 tw:transition-colors tw:duration-200"
2950                            type="button"
2951                            aria-expanded="false"
2952                        >
2953                            <span class="tw:sr-only">Suche</span>
2954                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="24px">
2955      <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
2956    </svg>
2957                        </button>
2958
2959                        <div 
2960                            x-show="isOpen"
2961                            x-cloak
2962                            @click.away="if (!$event.target.closest('form')) isOpen = false"
2963                            x-transition:enter="tw:transition tw:ease-out tw:duration-200"
2964                            x-transition:enter-start="tw:opacity-0 tw:translate-y-1"
2965                            x-transition:enter-end="tw:opacity-100 tw:translate-y-0"
2966                            x-transition:leave="tw:transition tw:ease-in tw:duration-150"
2967                            x-transition:leave-start="tw:opacity-100 tw:translate-y-0"
2968                            x-transition:leave-end="tw:opacity-0 tw:translate-y-1"
2969                            class="tw:absolute tw:right-0 tw:mt-2 tw:w-72 tw:bg-white tw:rounded-lg tw:shadow-lg tw:ring-1 tw:ring-black tw:ring-opacity-5"
2970                        >
2971                            <form 
2972                                method="get" 
2973                                action="https://www.world-of-mountains.de/search" 
2974                                class="tw:p-4"
2975                                @click.stop
2976                            >
2977                                <div class="tw:relative">
2978                                    <input 
2979                                        type="search" 
2980                                        name="q" 
2981                                        placeholder="Suche...." 
2982                                        class="tw:w-full tw:pl-4 tw:pr-10 tw:py-2 tw:text-sm tw:border tw:border-gray-300 tw:rounded-md tw:focus:outline-none tw:focus:ring-2 tw:focus:ring-primary tw:focus:border-primary"
2983                                        required
2984                                        @click.stop
2985                                    >
2986                                    <button 
2987                                        type="submit" 
2988                                        class="tw:absolute tw:right-0 tw:top-0 tw:mt-2 tw:mr-3 tw:text-gray-400 tw:hover:text-gray-600"
2989                                    >
2990                                        <span class="fas fa-search tw:text-sm"></span>
2991                                    </button>
2992                                </div>
2993                            </form>
2994                        </div>
2995                    </div>
2996                </li>
2997                <li class="tw:list-none">
2998                    <div class="tw:relative">
2999                                                    <a 
3000                                href="https://www.world-of-mountains.de/login"
3001                                class="tw:p-2 tw:rounded-full tw:text-white tw:hover:text-gray-900 tw:hover:bg-gray-100 tw:transition-colors tw:duration-200 tw:inline-flex tw:items-center"
3002                                aria-label="Login" 
3003                                title="Login"
3004                            >
3005                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" height="30">
3006      <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" />
3007    </svg>
3008                            </a>
3009                                            </div>
3010                </li>
3011                <li class="tw:list-none position-relative" x-data="{ isLangOpen: false }">
3012                    
3013                </li>
3014            </ul>
3015        </div>
3016    </nav>
3017
3018    <!-- Mobile Menu Component -->
3019    <div x-data="{ open: false }" 
3020     @toggle-mobile-menu.window="open = !open"
3021     x-show="open"
3022     x-cloak
3023     class="tw:lg:hidden"
3024     role="dialog"
3025     aria-modal="true">
3026    
3027    
3028    <div x-show="open"
3029         x-transition:enter="tw:transition-opacity tw:ease-linear tw:duration-300"
3030         x-transition:enter-start="tw:opacity-0"
3031         x-transition:enter-end="tw:opacity-100"
3032         x-transition:leave="tw:transition-opacity tw:ease-linear tw:duration-300"
3033         x-transition:leave-start="tw:opacity-100"
3034         x-transition:leave-end="tw:opacity-0"
3035         @click="open = false"
3036         class="tw:fixed tw:inset-0 tw:bg-black/20 tw:z-50">
3037    </div>
3038
3039    
3040    <div x-show="open"
3041         x-transition:enter="tw:transform tw:transition tw:ease-in-out tw:duration-300"
3042         x-transition:enter-start="tw:translate-x-full"
3043         x-transition:enter-end="tw:translate-x-0"
3044         x-transition:leave="tw:transform tw:transition tw:ease-in-out tw:duration-300"
3045         x-transition:leave-start="tw:translate-x-0"
3046         x-transition:leave-end="tw:translate-x-full"
3047         class="tw:fixed tw:inset-y-0 tw:right-0 tw:z-50 tw:w-full tw:overflow-hidden tw:bg-primary tw:p-0 tw:sm:max-w-sm tw:sm:ring-1 tw:sm:ring-gray-900/10">
3048        
3049        
3050        <div class="mobile-menu-header tw:sticky tw:top-0 tw:left-0 tw:right-0 tw:flex tw:items-center tw:justify-between tw:px-4 tw:py-4 tw:bg-primary tw:shadow-md">
3051            <a href="https://www.world-of-mountains.de" class="tw:-m-1.5 tw:p-1.5">
3052                <img class="tw:h-8 tw:w-auto" src="/storage/uploads/3/world-of-mountains-logo-aktiv.png" alt="Travel Logo">
3053            </a>
3054            <button @click="open = false" class="mobile-menu-close-btn tw:-m-2.5 tw:rounded-md tw:p-2.5 tw:text-white tw:transition-colors tw:duration-200 tw:hover:opacity-80">
3055                <span class="tw:sr-only">Close menu</span>
3056                <svg class="tw:h-6 tw:w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
3057                    <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
3058                </svg>
3059            </button>
3060        </div>
3061
3062        
3063        <div class="tw:flow-root tw:h-[calc(100vh-70px)] tw:bg-primary">
3064            <div class="tw:h-full tw:overflow-y-auto tw:overflow-x-hidden tw:px-6 tw:pt-4 tw:pb-4">
3065                <nav class="tw:block">
3066            <ul class="tw:-my-2 tw:divide-y tw:divide-white/10">
3067                            <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3068    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3069        <a href="https://www.world-of-mountains.de/" 
3070           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3071                   tw:transition-colors tw:duration-200">
3072            <span>Startseite</span>
3073        </a>
3074        
3075            </div>
3076    
3077    </li>                            <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3078    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3079        <a href="https://www.world-of-mountains.de/aktivitaeten" 
3080           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3081                   tw:transition-colors tw:duration-200">
3082            <span>Unsere Reisen</span>
3083        </a>
3084        
3085                    <button 
3086                @click="open = !open" 
3087                type="button"
3088                class="mobile-menu-toggle-btn tw:p-2 tw:ml-2 tw:transition-colors tw:duration-200 tw:focus:outline-none tw:rounded-full tw:text-white"
3089                :aria-expanded="open"
3090            >
3091                <svg 
3092                    class="tw:w-5 tw:h-5 tw:transition-transform tw:duration-200" 
3093                    :class="{'tw:rotate-180': open}"
3094                    xmlns="http://www.w3.org/2000/svg" 
3095                    fill="none" 
3096                    viewBox="0 0 24 24" 
3097                    stroke="currentColor"
3098                >
3099                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
3100                </svg>
3101            </button>
3102            </div>
3103    
3104            <div 
3105            class="tw:mt-1"
3106            x-show="open"
3107            x-transition:enter="tw:transition-all tw:duration-300 tw:ease-in-out"
3108            x-transition:leave="tw:transition-all tw:duration-200 tw:ease-in-out"
3109            style="display: none;"
3110        >
3111            <ul class="tw:pl-3 tw:border-l tw:border-gray-200/40 tw:ml-2 tw:mb-2">
3112                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3113    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3114        <a href="/group-offers" 
3115           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3116                  tw:pl-6 tw:transition-colors tw:duration-200">
3117            <span>Reise suchen</span>
3118        </a>
3119        
3120            </div>
3121    
3122    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3123    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3124        <a href="https://www.world-of-mountains.de/aktivitaeten/alpenuberquerungen" 
3125           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3126                  tw:pl-6 tw:transition-colors tw:duration-200">
3127            <span>Alpenüberquerungen</span>
3128        </a>
3129        
3130                    <button 
3131                @click="open = !open" 
3132                type="button"
3133                class="mobile-menu-toggle-btn tw:p-2 tw:ml-2 tw:transition-colors tw:duration-200 tw:focus:outline-none tw:rounded-full tw:text-white"
3134                :aria-expanded="open"
3135            >
3136                <svg 
3137                    class="tw:w-5 tw:h-5 tw:transition-transform tw:duration-200" 
3138                    :class="{'tw:rotate-180': open}"
3139                    xmlns="http://www.w3.org/2000/svg" 
3140                    fill="none" 
3141                    viewBox="0 0 24 24" 
3142                    stroke="currentColor"
3143                >
3144                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
3145                </svg>
3146            </button>
3147            </div>
3148    
3149            <div 
3150            class="tw:mt-1"
3151            x-show="open"
3152            x-transition:enter="tw:transition-all tw:duration-300 tw:ease-in-out"
3153            x-transition:leave="tw:transition-all tw:duration-200 tw:ease-in-out"
3154            style="display: none;"
3155        >
3156            <ul class="tw:pl-3 tw:border-l tw:border-gray-200/40 tw:ml-2 tw:mb-2">
3157                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3158    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3159        <a href="https://www.world-of-mountains.de/aktivitaeten/alpenuberquerungen" 
3160           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3161                  tw:pl-9 tw:transition-colors tw:duration-200">
3162            <span>Alle Alpenüberquerungen</span>
3163        </a>
3164        
3165            </div>
3166    
3167    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3168    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3169        <a href="https://www.world-of-mountains.de/alpenuberquerungen/gefuhrte-alpenuberquerungen" 
3170           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3171                  tw:pl-9 tw:transition-colors tw:duration-200">
3172            <span>Geführte Alpenüberquerungen</span>
3173        </a>
3174        
3175            </div>
3176    
3177    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3178    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3179        <a href="https://www.world-of-mountains.de/alpenuberquerungen/individuelle-alpenuberquerungen" 
3180           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3181                  tw:pl-9 tw:transition-colors tw:duration-200">
3182            <span>Individuelle Alpenüberquerungen</span>
3183        </a>
3184        
3185            </div>
3186    
3187    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3188    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3189        <a href="https://www.world-of-mountains.de/alpenuberquerungen/gunstige-alpenuberquerungen" 
3190           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3191                  tw:pl-9 tw:transition-colors tw:duration-200">
3192            <span>Günstige Alpenüberquerungen</span>
3193        </a>
3194        
3195            </div>
3196    
3197    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3198    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3199        <a href="https://www.world-of-mountains.de/alpenuberquerungen/einfache-alpenuberquerungen" 
3200           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3201                  tw:pl-9 tw:transition-colors tw:duration-200">
3202            <span>Einsteiger Alpenüberquerungen</span>
3203        </a>
3204        
3205            </div>
3206    
3207    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3208    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3209        <a href="https://www.world-of-mountains.de/aktivitaeten/alpenuberquerungen-mit-kindern" 
3210           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3211                  tw:pl-9 tw:transition-colors tw:duration-200">
3212            <span>Alpenüberquerungen mit Kindern</span>
3213        </a>
3214        
3215            </div>
3216    
3217    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3218    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3219        <a href="https://www.world-of-mountains.de/aktivitaeten/alpenuberquerungen-mit-hund" 
3220           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3221                  tw:pl-9 tw:transition-colors tw:duration-200">
3222            <span>Alpenüberquerungen mit Hund</span>
3223        </a>
3224        
3225            </div>
3226    
3227    </li>                            </ul>
3228        </div>
3229    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3230    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3231        <a href="https://www.world-of-mountains.de/aktivitaeten/wanderreisen-listung" 
3232           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3233                  tw:pl-6 tw:transition-colors tw:duration-200">
3234            <span>Wanderreisen</span>
3235        </a>
3236        
3237            </div>
3238    
3239    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3240    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3241        <a href="https://www.world-of-mountains.de/aktivitaeten/wanderurlaub-listung" 
3242           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3243                  tw:pl-6 tw:transition-colors tw:duration-200">
3244            <span>Wanderurlaub</span>
3245        </a>
3246        
3247            </div>
3248    
3249    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3250    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3251        <a href="https://www.world-of-mountains.de/aktivitaeten/trekkingreisen-listung" 
3252           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3253                  tw:pl-6 tw:transition-colors tw:duration-200">
3254            <span>Trekkingreisen</span>
3255        </a>
3256        
3257            </div>
3258    
3259    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3260    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3261        <a href="https://www.world-of-mountains.de/aktivitaeten/huttenwandern-in-den-alpen" 
3262           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3263                  tw:pl-6 tw:transition-colors tw:duration-200">
3264            <span>Hüttentouren</span>
3265        </a>
3266        
3267                    <button 
3268                @click="open = !open" 
3269                type="button"
3270                class="mobile-menu-toggle-btn tw:p-2 tw:ml-2 tw:transition-colors tw:duration-200 tw:focus:outline-none tw:rounded-full tw:text-white"
3271                :aria-expanded="open"
3272            >
3273                <svg 
3274                    class="tw:w-5 tw:h-5 tw:transition-transform tw:duration-200" 
3275                    :class="{'tw:rotate-180': open}"
3276                    xmlns="http://www.w3.org/2000/svg" 
3277                    fill="none" 
3278                    viewBox="0 0 24 24" 
3279                    stroke="currentColor"
3280                >
3281                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
3282                </svg>
3283            </button>
3284            </div>
3285    
3286            <div 
3287            class="tw:mt-1"
3288            x-show="open"
3289            x-transition:enter="tw:transition-all tw:duration-300 tw:ease-in-out"
3290            x-transition:leave="tw:transition-all tw:duration-200 tw:ease-in-out"
3291            style="display: none;"
3292        >
3293            <ul class="tw:pl-3 tw:border-l tw:border-gray-200/40 tw:ml-2 tw:mb-2">
3294                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3295    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3296        <a href="https://www.world-of-mountains.de/huttenwandern-in-den-alpen/huttenwandern-huttentouren-osterreich" 
3297           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3298                  tw:pl-9 tw:transition-colors tw:duration-200">
3299            <span>Österreich</span>
3300        </a>
3301        
3302            </div>
3303    
3304    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3305    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3306        <a href="https://www.world-of-mountains.de/huttenwandern-in-den-alpen/huttenwandern-huttentouren-deutschland" 
3307           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3308                  tw:pl-9 tw:transition-colors tw:duration-200">
3309            <span>Deutschland</span>
3310        </a>
3311        
3312            </div>
3313    
3314    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3315    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3316        <a href="https://www.world-of-mountains.de/huttenwandern-in-den-alpen/huttenwandern-huttentouren-italien" 
3317           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3318                  tw:pl-9 tw:transition-colors tw:duration-200">
3319            <span>Italien &amp; Südtirol</span>
3320        </a>
3321        
3322            </div>
3323    
3324    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3325    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3326        <a href="https://www.world-of-mountains.de/huttenwandern-in-den-alpen/huttenwandern-huttentouren-schweiz" 
3327           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3328                  tw:pl-9 tw:transition-colors tw:duration-200">
3329            <span>Schweiz</span>
3330        </a>
3331        
3332            </div>
3333    
3334    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3335    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3336        <a href="https://www.world-of-mountains.de/huttenwandern-in-den-alpen/huttenwandern-huttentouren-schweden" 
3337           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3338                  tw:pl-9 tw:transition-colors tw:duration-200">
3339            <span>Schweden</span>
3340        </a>
3341        
3342            </div>
3343    
3344    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3345    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3346        <a href="https://www.world-of-mountains.de/huttenwandern-in-den-alpen/huttenwandern-huttentouren-norwegen" 
3347           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3348                  tw:pl-9 tw:transition-colors tw:duration-200">
3349            <span>Norwegen</span>
3350        </a>
3351        
3352            </div>
3353    
3354    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3355    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3356        <a href="https://www.world-of-mountains.de/huttenwandern-in-den-alpen/huttenwandern-huttentouren-griechenland" 
3357           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3358                  tw:pl-9 tw:transition-colors tw:duration-200">
3359            <span>Griechenland</span>
3360        </a>
3361        
3362            </div>
3363    
3364    </li>                            </ul>
3365        </div>
3366    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3367    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3368        <a href="https://www.world-of-mountains.de/aktivitaeten/zelttouren-listung" 
3369           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3370                  tw:pl-6 tw:transition-colors tw:duration-200">
3371            <span>Zelttouren</span>
3372        </a>
3373        
3374            </div>
3375    
3376    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3377    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3378        <a href="https://www.world-of-mountains.de/aktivitaeten/kanu-und-kajak-listung" 
3379           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3380                  tw:pl-6 tw:transition-colors tw:duration-200">
3381            <span>Kanu &amp; Kajak</span>
3382        </a>
3383        
3384            </div>
3385    
3386    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3387    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3388        <a href="https://www.world-of-mountains.de/aktivitaeten/hochtouren" 
3389           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3390                  tw:pl-6 tw:transition-colors tw:duration-200">
3391            <span>Hochtouren</span>
3392        </a>
3393        
3394            </div>
3395    
3396    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3397    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3398        <a href="https://www.world-of-mountains.de/aktivitaeten/alpine-ausbildungen-listung" 
3399           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3400                  tw:pl-6 tw:transition-colors tw:duration-200">
3401            <span>Alpine Ausbildungen</span>
3402        </a>
3403        
3404            </div>
3405    
3406    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3407    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3408        <a href="https://www.world-of-mountains.de/aktivitaeten/alpine-abenteuer-listung" 
3409           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3410                  tw:pl-6 tw:transition-colors tw:duration-200">
3411            <span>Alpine Abenteuer</span>
3412        </a>
3413        
3414            </div>
3415    
3416    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3417    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3418        <a href="https://www.world-of-mountains.de/aktivitaeten/klettersteige-listung" 
3419           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3420                  tw:pl-6 tw:transition-colors tw:duration-200">
3421            <span>Klettersteige &amp; Klettern</span>
3422        </a>
3423        
3424            </div>
3425    
3426    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3427    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3428        <a href="https://www.world-of-mountains.de/aktivitaeten/schneeschuhwandern" 
3429           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3430                  tw:pl-6 tw:transition-colors tw:duration-200">
3431            <span>Schneeschuhwandern</span>
3432        </a>
3433        
3434            </div>
3435    
3436    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3437    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3438        <a href="https://www.world-of-mountains.de/aktivitaeten/skitouren-listung" 
3439           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3440                  tw:pl-6 tw:transition-colors tw:duration-200">
3441            <span>Skitouren &amp; Langlaufen</span>
3442        </a>
3443        
3444            </div>
3445    
3446    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3447    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3448        <a href="https://www.world-of-mountains.de/aktivitaeten/schnee-und-winter-reisen" 
3449           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3450                  tw:pl-6 tw:transition-colors tw:duration-200">
3451            <span>Schnee &amp; Winter</span>
3452        </a>
3453        
3454            </div>
3455    
3456    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3457    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3458        <a href="https://www.world-of-mountains.de/aktivitaeten/wandern-mit-kindern" 
3459           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3460                  tw:pl-6 tw:transition-colors tw:duration-200">
3461            <span>Reisen mit Kindern</span>
3462        </a>
3463        
3464            </div>
3465    
3466    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3467    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3468        <a href="https://www.world-of-mountains.de/aktivitaeten/wandern-mit-hund" 
3469           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3470                  tw:pl-6 tw:transition-colors tw:duration-200">
3471            <span>Wandern mit Hund</span>
3472        </a>
3473        
3474            </div>
3475    
3476    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3477    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3478        <a href="https://www.world-of-mountains.de/aktivitaeten/singlereisen" 
3479           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3480                  tw:pl-6 tw:transition-colors tw:duration-200">
3481            <span>Singles &amp; Alleinreisende</span>
3482        </a>
3483        
3484            </div>
3485    
3486    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3487    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3488        <a href="https://www.world-of-mountains.de/aktivitaeten/wandern-mit-yoga" 
3489           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3490                  tw:pl-6 tw:transition-colors tw:duration-200">
3491            <span>Wandern &amp; Yoga</span>
3492        </a>
3493        
3494            </div>
3495    
3496    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3497    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3498        <a href="https://www.world-of-mountains.de/aktivitaeten/radreisen-bikereisen-fahrradreisen" 
3499           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3500                  tw:pl-6 tw:transition-colors tw:duration-200">
3501            <span>Radreisen</span>
3502        </a>
3503        
3504            </div>
3505    
3506    </li>                            </ul>
3507        </div>
3508    </li>                            <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3509    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3510        <a href="https://www.world-of-mountains.de/reiseziele" 
3511           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3512                   tw:transition-colors tw:duration-200">
3513            <span>Reiseziele</span>
3514        </a>
3515        
3516                    <button 
3517                @click="open = !open" 
3518                type="button"
3519                class="mobile-menu-toggle-btn tw:p-2 tw:ml-2 tw:transition-colors tw:duration-200 tw:focus:outline-none tw:rounded-full tw:text-white"
3520                :aria-expanded="open"
3521            >
3522                <svg 
3523                    class="tw:w-5 tw:h-5 tw:transition-transform tw:duration-200" 
3524                    :class="{'tw:rotate-180': open}"
3525                    xmlns="http://www.w3.org/2000/svg" 
3526                    fill="none" 
3527                    viewBox="0 0 24 24" 
3528                    stroke="currentColor"
3529                >
3530                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
3531                </svg>
3532            </button>
3533            </div>
3534    
3535            <div 
3536            class="tw:mt-1"
3537            x-show="open"
3538            x-transition:enter="tw:transition-all tw:duration-300 tw:ease-in-out"
3539            x-transition:leave="tw:transition-all tw:duration-200 tw:ease-in-out"
3540            style="display: none;"
3541        >
3542            <ul class="tw:pl-3 tw:border-l tw:border-gray-200/40 tw:ml-2 tw:mb-2">
3543                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3544    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3545        <a href="https://www.world-of-mountains.de/aktivitaeten/alpenuberquerungen" 
3546           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3547                  tw:pl-6 tw:transition-colors tw:duration-200">
3548            <span>Alpenüberquerungen</span>
3549        </a>
3550        
3551            </div>
3552    
3553    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3554    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3555        <a href="https://www.world-of-mountains.de/reiseziele/deutschland-wanderreisen-listung" 
3556           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3557                  tw:pl-6 tw:transition-colors tw:duration-200">
3558            <span>Deutschland</span>
3559        </a>
3560        
3561            </div>
3562    
3563    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3564    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3565        <a href="https://www.world-of-mountains.de/reiseziele/osterreich-wanderreisen-listung" 
3566           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3567                  tw:pl-6 tw:transition-colors tw:duration-200">
3568            <span>Österreich</span>
3569        </a>
3570        
3571            </div>
3572    
3573    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3574    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3575        <a href="https://www.world-of-mountains.de/reiseziele/schweiz-wanderreisen-listung" 
3576           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3577                  tw:pl-6 tw:transition-colors tw:duration-200">
3578            <span>Schweiz &amp; Liechtenstein</span>
3579        </a>
3580        
3581            </div>
3582    
3583    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3584    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3585        <a href="https://www.world-of-mountains.de/reiseziele/italien-wanderreisen-listung" 
3586           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3587                  tw:pl-6 tw:transition-colors tw:duration-200">
3588            <span>Italien &amp; Südtirol</span>
3589        </a>
3590        
3591            </div>
3592    
3593    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3594    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3595        <a href="https://www.world-of-mountains.de/reiseziele/spanien-wanderreisen-listung" 
3596           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3597                  tw:pl-6 tw:transition-colors tw:duration-200">
3598            <span>Spanien &amp; Inseln</span>
3599        </a>
3600        
3601            </div>
3602    
3603    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3604    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3605        <a href="https://www.world-of-mountains.de/reiseziele/portugal-wanderreisen-listung" 
3606           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3607                  tw:pl-6 tw:transition-colors tw:duration-200">
3608            <span>Portugal &amp; Inseln</span>
3609        </a>
3610        
3611            </div>
3612    
3613    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3614    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3615        <a href="https://www.world-of-mountains.de/reiseziele/griechenland-wanderreisen-listung" 
3616           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3617                  tw:pl-6 tw:transition-colors tw:duration-200">
3618            <span>Griechenland</span>
3619        </a>
3620        
3621            </div>
3622    
3623    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3624    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3625        <a href="https://www.world-of-mountains.de/reiseziele/schweden-wanderreisen-listung" 
3626           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3627                  tw:pl-6 tw:transition-colors tw:duration-200">
3628            <span>Schweden</span>
3629        </a>
3630        
3631            </div>
3632    
3633    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3634    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3635        <a href="https://www.world-of-mountains.de/reiseziele/finnland-wanderreisen-listung" 
3636           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3637                  tw:pl-6 tw:transition-colors tw:duration-200">
3638            <span>Finnland</span>
3639        </a>
3640        
3641            </div>
3642    
3643    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3644    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3645        <a href="https://www.world-of-mountains.de/reiseziele/norwegen-wanderreisen-listung" 
3646           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3647                  tw:pl-6 tw:transition-colors tw:duration-200">
3648            <span>Norwegen</span>
3649        </a>
3650        
3651            </div>
3652    
3653    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3654    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3655        <a href="https://www.world-of-mountains.de/reiseziele/slowenien-wanderreisen-listung" 
3656           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3657                  tw:pl-6 tw:transition-colors tw:duration-200">
3658            <span>Slowenien</span>
3659        </a>
3660        
3661            </div>
3662    
3663    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3664    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3665        <a href="https://www.world-of-mountains.de/reiseziele/irland-grossbritannien-wanderreisen-listung" 
3666           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3667                  tw:pl-6 tw:transition-colors tw:duration-200">
3668            <span>Irland &amp; Großbritannien</span>
3669        </a>
3670        
3671            </div>
3672    
3673    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3674    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3675        <a href="https://www.world-of-mountains.de/reiseziele/island-wanderreisen-listung" 
3676           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3677                  tw:pl-6 tw:transition-colors tw:duration-200">
3678            <span>Island</span>
3679        </a>
3680        
3681            </div>
3682    
3683    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3684    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3685        <a href="https://www.world-of-mountains.de/reiseziele/turkei-wanderreisen-listung" 
3686           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3687                  tw:pl-6 tw:transition-colors tw:duration-200">
3688            <span>Türkei</span>
3689        </a>
3690        
3691            </div>
3692    
3693    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3694    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3695        <a href="https://www.world-of-mountains.de/reiseziele/frankreich-wanderreisen-listung" 
3696           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3697                  tw:pl-6 tw:transition-colors tw:duration-200">
3698            <span>Frankreich</span>
3699        </a>
3700        
3701            </div>
3702    
3703    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3704    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3705        <a href="https://www.world-of-mountains.de/reiseziele/albanien-wanderreisen-listung" 
3706           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3707                  tw:pl-6 tw:transition-colors tw:duration-200">
3708            <span>Albanien</span>
3709        </a>
3710        
3711            </div>
3712    
3713    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3714    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3715        <a href="https://www.world-of-mountains.de/reiseziele/kapverdische-inseln" 
3716           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3717                  tw:pl-6 tw:transition-colors tw:duration-200">
3718            <span>Kapverdische Inseln</span>
3719        </a>
3720        
3721            </div>
3722    
3723    </li>                            </ul>
3724        </div>
3725    </li>                            <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3726    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3727        <a href="/group-offers" 
3728           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3729                   tw:transition-colors tw:duration-200">
3730            <span>Reise suchen</span>
3731        </a>
3732        
3733            </div>
3734    
3735    </li>                            <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3736    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3737        <a href="https://www.world-of-mountains.de/Partnerreisen" 
3738           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3739                   tw:transition-colors tw:duration-200">
3740            <span>Partnerreisen</span>
3741        </a>
3742        
3743            </div>
3744    
3745    </li>                            <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3746    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3747        <a href="https://blog.world-of-mountains.de/" 
3748           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3749                   tw:transition-colors tw:duration-200">
3750            <span>Blog</span>
3751        </a>
3752        
3753            </div>
3754    
3755    </li>                            <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3756    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3757        <a href="https://api.whatsapp.com/send/?phone=4367762824731&amp;text&amp;type=phone_number&amp;app_absent=0" 
3758           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3759                   tw:transition-colors tw:duration-200">
3760            <span>Chat</span>
3761        </a>
3762        
3763            </div>
3764    
3765    </li>                            <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3766    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3767        <a href="https://www.world-of-mountains.de/kontakt" 
3768           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3769                   tw:transition-colors tw:duration-200">
3770            <span>Kontakt</span>
3771        </a>
3772        
3773            </div>
3774    
3775    </li>                            <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3776    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3777        <a href="https://www.world-of-mountains.de/uber" 
3778           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3779                   tw:transition-colors tw:duration-200">
3780            <span>Über uns</span>
3781        </a>
3782        
3783                    <button 
3784                @click="open = !open" 
3785                type="button"
3786                class="mobile-menu-toggle-btn tw:p-2 tw:ml-2 tw:transition-colors tw:duration-200 tw:focus:outline-none tw:rounded-full tw:text-white"
3787                :aria-expanded="open"
3788            >
3789                <svg 
3790                    class="tw:w-5 tw:h-5 tw:transition-transform tw:duration-200" 
3791                    :class="{'tw:rotate-180': open}"
3792                    xmlns="http://www.w3.org/2000/svg" 
3793                    fill="none" 
3794                    viewBox="0 0 24 24" 
3795                    stroke="currentColor"
3796                >
3797                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
3798                </svg>
3799            </button>
3800            </div>
3801    
3802            <div 
3803            class="tw:mt-1"
3804            x-show="open"
3805            x-transition:enter="tw:transition-all tw:duration-300 tw:ease-in-out"
3806            x-transition:leave="tw:transition-all tw:duration-200 tw:ease-in-out"
3807            style="display: none;"
3808        >
3809            <ul class="tw:pl-3 tw:border-l tw:border-gray-200/40 tw:ml-2 tw:mb-2">
3810                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3811    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3812        <a href="https://www.world-of-mountains.de/uber" 
3813           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3814                  tw:pl-6 tw:transition-colors tw:duration-200">
3815            <span>Über uns</span>
3816        </a>
3817        
3818            </div>
3819    
3820    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3821    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3822        <a href="https://www.world-of-mountains.de/uber/team" 
3823           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3824                  tw:pl-6 tw:transition-colors tw:duration-200">
3825            <span>Team</span>
3826        </a>
3827        
3828            </div>
3829    
3830    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3831    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3832        <a href="https://www.world-of-mountains.de/uber/unsere-guides" 
3833           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3834                  tw:pl-6 tw:transition-colors tw:duration-200">
3835            <span>Unsere Guides</span>
3836        </a>
3837        
3838            </div>
3839    
3840    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3841    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3842        <a href="https://www.world-of-mountains.de/uber/unser-leitbild" 
3843           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3844                  tw:pl-6 tw:transition-colors tw:duration-200">
3845            <span>Unser Leitbild</span>
3846        </a>
3847        
3848            </div>
3849    
3850    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3851    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3852        <a href="https://www.world-of-mountains.de/uber/nachhaltigkeit" 
3853           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3854                  tw:pl-6 tw:transition-colors tw:duration-200">
3855            <span>Nachhaltigkeit</span>
3856        </a>
3857        
3858                    <button 
3859                @click="open = !open" 
3860                type="button"
3861                class="mobile-menu-toggle-btn tw:p-2 tw:ml-2 tw:transition-colors tw:duration-200 tw:focus:outline-none tw:rounded-full tw:text-white"
3862                :aria-expanded="open"
3863            >
3864                <svg 
3865                    class="tw:w-5 tw:h-5 tw:transition-transform tw:duration-200" 
3866                    :class="{'tw:rotate-180': open}"
3867                    xmlns="http://www.w3.org/2000/svg" 
3868                    fill="none" 
3869                    viewBox="0 0 24 24" 
3870                    stroke="currentColor"
3871                >
3872                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
3873                </svg>
3874            </button>
3875            </div>
3876    
3877            <div 
3878            class="tw:mt-1"
3879            x-show="open"
3880            x-transition:enter="tw:transition-all tw:duration-300 tw:ease-in-out"
3881            x-transition:leave="tw:transition-all tw:duration-200 tw:ease-in-out"
3882            style="display: none;"
3883        >
3884            <ul class="tw:pl-3 tw:border-l tw:border-gray-200/40 tw:ml-2 tw:mb-2">
3885                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3886    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3887        <a href="https://www.world-of-mountains.de/uber/nachhaltigkeit" 
3888           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3889                  tw:pl-9 tw:transition-colors tw:duration-200">
3890            <span>Verantwortungsvoller Tourismus</span>
3891        </a>
3892        
3893            </div>
3894    
3895    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3896    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3897        <a href="https://www.world-of-mountains.de/nachhaltigkeit/konzeption" 
3898           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3899                  tw:pl-9 tw:transition-colors tw:duration-200">
3900            <span>Verantwortungsvolle Planung</span>
3901        </a>
3902        
3903            </div>
3904    
3905    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3906    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3907        <a href="https://www.world-of-mountains.de/nachhaltigkeit/co2-kompensation" 
3908           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3909                  tw:pl-9 tw:transition-colors tw:duration-200">
3910            <span>Ökologischer Fußabdruck</span>
3911        </a>
3912        
3913            </div>
3914    
3915    </li>                            </ul>
3916        </div>
3917    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3918    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3919        <a href="https://www.world-of-mountains.de/uber/karriere" 
3920           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3921                  tw:pl-6 tw:transition-colors tw:duration-200">
3922            <span>Karriere</span>
3923        </a>
3924        
3925            </div>
3926    
3927    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3928    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3929        <a href="https://www.world-of-mountains.de/presse" 
3930           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3931                  tw:pl-6 tw:transition-colors tw:duration-200">
3932            <span>Presse</span>
3933        </a>
3934        
3935            </div>
3936    
3937    </li>                            </ul>
3938        </div>
3939    </li>                            <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3940    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3941        <a href="https://www.world-of-mountains.de/service" 
3942           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3943                   tw:transition-colors tw:duration-200">
3944            <span>Infos</span>
3945        </a>
3946        
3947                    <button 
3948                @click="open = !open" 
3949                type="button"
3950                class="mobile-menu-toggle-btn tw:p-2 tw:ml-2 tw:transition-colors tw:duration-200 tw:focus:outline-none tw:rounded-full tw:text-white"
3951                :aria-expanded="open"
3952            >
3953                <svg 
3954                    class="tw:w-5 tw:h-5 tw:transition-transform tw:duration-200" 
3955                    :class="{'tw:rotate-180': open}"
3956                    xmlns="http://www.w3.org/2000/svg" 
3957                    fill="none" 
3958                    viewBox="0 0 24 24" 
3959                    stroke="currentColor"
3960                >
3961                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
3962                </svg>
3963            </button>
3964            </div>
3965    
3966            <div 
3967            class="tw:mt-1"
3968            x-show="open"
3969            x-transition:enter="tw:transition-all tw:duration-300 tw:ease-in-out"
3970            x-transition:leave="tw:transition-all tw:duration-200 tw:ease-in-out"
3971            style="display: none;"
3972        >
3973            <ul class="tw:pl-3 tw:border-l tw:border-gray-200/40 tw:ml-2 tw:mb-2">
3974                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3975    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3976        <a href="https://www.world-of-mountains.de/service/schwierigkeitsgrade" 
3977           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3978                  tw:pl-6 tw:transition-colors tw:duration-200">
3979            <span>Schwierigkeitsgrade</span>
3980        </a>
3981        
3982            </div>
3983    
3984    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3985    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3986        <a href="https://www.world-of-mountains.de/service/expertenwissen-alpenuberquerungen" 
3987           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3988                  tw:pl-6 tw:transition-colors tw:duration-200">
3989            <span>Expertentipps</span>
3990        </a>
3991        
3992            </div>
3993    
3994    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
3995    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
3996        <a href="https://www.world-of-mountains.de/service/reiseunterlagen" 
3997           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
3998                  tw:pl-6 tw:transition-colors tw:duration-200">
3999            <span>Reiseunterlagen</span>
4000        </a>
4001        
4002            </div>
4003    
4004    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
4005    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
4006        <a href="https://www.world-of-mountains.de/service/reiseversicherung" 
4007           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
4008                  tw:pl-6 tw:transition-colors tw:duration-200">
4009            <span>Reiseversicherung</span>
4010        </a>
4011        
4012            </div>
4013    
4014    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
4015    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
4016        <a href="https://www.world-of-mountains.de/service/wander-und-bergsportversicherung" 
4017           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
4018                  tw:pl-6 tw:transition-colors tw:duration-200">
4019            <span>Wander- und Bergsportversicherung</span>
4020        </a>
4021        
4022            </div>
4023    
4024    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
4025    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
4026        <a href="https://www.world-of-mountains.de/service/mietwagen" 
4027           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
4028                  tw:pl-6 tw:transition-colors tw:duration-200">
4029            <span>Mietwagen</span>
4030        </a>
4031        
4032            </div>
4033    
4034    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
4035    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
4036        <a href="https://www.world-of-mountains.de/service/landerinformationen" 
4037           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
4038                  tw:pl-6 tw:transition-colors tw:duration-200">
4039            <span>Länderinformationen</span>
4040        </a>
4041        
4042            </div>
4043    
4044    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
4045    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
4046        <a href="https://www.world-of-mountains.de/urkunde" 
4047           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
4048                  tw:pl-6 tw:transition-colors tw:duration-200">
4049            <span>Newsletter</span>
4050        </a>
4051        
4052            </div>
4053    
4054    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
4055    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
4056        <a href="https://www.world-of-mountains.de/service/ausruestungspartner" 
4057           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
4058                  tw:pl-6 tw:transition-colors tw:duration-200">
4059            <span>Ausrüstungspartner</span>
4060        </a>
4061        
4062            </div>
4063    
4064    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
4065    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
4066        <a href="https://www.world-of-mountains.de/service/info-alpenuberquerung-hund" 
4067           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
4068                  tw:pl-6 tw:transition-colors tw:duration-200">
4069            <span>Wandern mit Hund</span>
4070        </a>
4071        
4072            </div>
4073    
4074    </li>                                    <li class="tw:relative tw:py-1.5 tw:list-none" x-data="{ open: false }">
4075    <div class="tw:flex tw:items-center tw:justify-between tw:w-full tw:pr-2">
4076        <a href="https://www.world-of-mountains.de/faq" 
4077           class="tw:text-white tw:font-semibold tw:hover:opacity-80 tw:grow tw:rounded-lg tw:py-2 tw:-mx-3 tw:px-3 
4078                  tw:pl-6 tw:transition-colors tw:duration-200">
4079            <span>FAQ</span>
4080        </a>
4081        
4082            </div>
4083    
4084    </li>                            </ul>
4085        </div>
4086    </li>                    </ul>
4087    </nav> 
4088                <!-- Contacts -->
4089                <ul class="tw:flex tw:flex-col tw:mt-16 tw:gap-3">
4090                    <p class="tw:block tw:mb-1 tw:text-2xl tw:font-semibold tw:text-white">
4091                        Kontakte
4092                    </p>
4093                    <li class="tw:mb-4 tw:flex tw:items-center tw:text-white">
4094                        <svg class="tw:w-4 tw:h-4 tw:text-white mr-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
4095                            <path stroke-linecap="round" stroke-linejoin="round" d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z" />
4096                        </svg>
4097                        Weinsberger Str. 8, 74199 Untergruppenbach, Deutschland
4098                    </li>
4099                    <li class="tw:mb-4 tw:flex tw:items-center">
4100                        <svg class="tw:w-4 tw:h-4 tw:text-white mr-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
4101                            <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z" />
4102                        </svg>
4103                        <a href="tel:+49 7131 385 485 0" class="tw:hover:underline tw:text-white">
4104                            +49 7131 385 485 0
4105                        </a>
4106                    </li>
4107                    <li class="tw:mb-4 tw:flex tw:items-center">
4108                        <svg class="tw:w-4 tw:h-4 tw:text-white mr-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
4109                            <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75" />
4110                        </svg>
4111                        <a href="mailto:[email protected]" class="tw:hover:underline tw:text-white">
4112                            [email protected]
4113                        </a>
4114                    </li>
4115
4116                    <div class="tw:flex tw:gap-4 tw:sm:justify-start tw:text-white">
4117                                                <a href="https://www.facebook.com/worldofmountains.de" class="tw:block tw:transition-opacity tw:text-inherit tw:hover:opacity-80" target="_blank">
4118                            <svg class="tw:w-8 tw:h-8" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
4119                                <path fill-rule="evenodd" d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987
4119h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" clip-rule="evenodd"></path>
4120                            </svg>
4121                        </a>
4122                                                                                                <a href="https://www.instagram.com/world_of_mountains_de" class="tw:block tw:transition-opacity tw:text-inherit tw:hover:opacity-80" target="_blank">
4123                            <svg class="tw:w-8 tw:h-8" aria-hidden="true" data-icon="instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
4124                                <path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path>
4125                            </svg>
4126                        </a>
4127                                                                        <a href="https://www.tiktok.com/@world_of_mountains" class="tw:block tw:transition-opacity tw:text-inherit tw:hover:opacity-80" target="_blank">
4128                            <svg class="tw:w-8 tw:h-8" aria-hidden="true" data-icon="tiktok" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
4129                                <path fill="currentColor" d="M448 209.91a210.06 210.06 0 0 1-122.77-39.25v178.72A162.55 162.55 0 1 1 185 188.31v89.89a74.62 74.62 0 1 0 52.23 71.18V0h88a121.18 121.18 0 0 0 1.86 22.17A122.18 122.18 0 0 0 381 102.39a121.43 121.43 0 0 0 67 20.14z"></path>
4130                            </svg>
4131                        </a>
4132                                                                        <a href="https://www.linkedin.com/company/world-of-mountains/" class="tw:block tw:transition-opacity tw:text-inherit tw:hover:opacity-80" target="_blank">
4133                            <svg class="tw:w-8 tw:h-8" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
4134                                <path d="M24,4H6C4.895,4,4,4.895,4,6v18c0,1.105,0.895,2,2,2h18c1.105,0,2-0.895,2-2V6C26,4.895,25.105,4,24,4z M10.954,22h-2.95 v-9.492h2.95V22z M9.449,11.151c-0.951,0-1.72-0.771-1.72-1.72c0-0.949,0.77-1.719,1.72-1.719c0.948,0,1.719,0.771,1.719,1.719 C11.168,10.38,10.397,11.151,9.449,11.151z M22.004,22h-2.948v-4.616c0-1.101-0.02-2.517-1.533-2.517 c-1.535,0-1.771,1.199-1.771,2.437V22h-2.948v-9.492h2.83v1.297h0.04c0.394-0.746,1.356-1.533,2.791-1.533 c2.987,0,3.539,1.966,3.539,4.522V22z"></path>
4135                            </svg>
4136                        </a>
4137                                            </div>
4138                </ul>
4139            </div>
4140        </div>
4141    </div>
4142</div> </header>
4143    
4144
4145    <section class="register-section py-5">
4146        <div class="auto-container">
4147            <div class="inner-box">
4148                
4149                <div class="form-inner">
4150
4151                    <h3>Login</h3>
4152
4153                    
4154                    
4155                    <form action="https://www.world-of-mountains.de/login" class="register-form" method="POST">
4156                        <input type="hidden" name="_token" value="TIDNALgEuzhBPrOMyFw97y6yZVMCNhqGyReuRMv3">                        <div class="row clearfix">
4157
4158                            <div class="col-lg-12 col-md-12 col-sm-12 column">
4159                                <div class="form-group">
4160                                    <label>Email</label>
4161                                                                        <input type="email" name="email" required="" value=""/>
4162                                </div>
4163                            </div>
4164                            <div class="col-lg-12 col-md-12 col-sm-12 column">
4165                                <div class="form-group">
4166                                    <label>Passwort</label>
4167                                                                        <input type="password" name="password" required="">
4168                                </div>
4169                            </div>
4170                            <div class="col-lg-12 col-md-12 col-sm-12 column">
4171                                <div class="form-group">
4172                                    <div class="forgor-password text-right">
4173                                        <a href="https://www.world-of-mountains.de/password/reset">Passwort vergessen?</a>
4174                                    </div>
4175                                </div>
4176                            </div>
4177                            <div class="col-lg-12 col-md-12 col-sm-12 column">
4178                                <div class="form-group">
4179                                    <div class="custom-check-box">
4180                                        <div class="custom-control
4180s-stacked">
4181                                            <label class="custom-control material-checkbox">
4182                                                <input type="checkbox" class="material-control-input" name="remember" value="1" />
4183                                                <span class="material-control-indicator"></span>
4184                                                <span class="description">An mich erinnern</span>
4185                                            </label>
4186                                        </div>
4187                                    </div>
4188                                </div>
4189                            </div>
4190                            <div class="col-lg-12 col-md-12 col-sm-12 column">
4191                                <div class="form-group message-btn">
4192                                    <button type="submit" class="button button-primary">Senden</button>
4193                                </div>
4194                            </div>
4195                        </div>
4196                    </form>
4197
4198                    <div class="other-text">Du hast noch kein Konto? <a href="https://www.world-of-mountains.de/register">Jetzt registrieren</a></div>
4199                </div>
4200            </div>
4201        </div>
4202    </section>
4203    <!-- main-footer -->
4204<footer class="main-footer bg-color-2">
4205    <div class="footer-top">
4206        
4207        <div class="auto-container">
4208            <div class="row clearfix">
4209                <div class="col-lg-3 col-md-6 col-sm-12 footer-column">
4210                    <div class="footer-widget logo-widget">
4211                        <figure class="footer-logo">
4212                            <a href="https://www.world-of-mountains.de">
4213                                
4214                                <img src="/storage/uploads/3/world-of-mountains-logo-aktiv.png" alt="World Of Mountains Logo">
4215                            </a>
4216                        </figure>
4217                        
4218                        <ul class="social-links clearfix">
4219                                                            <li><a title="Facebook" aria-label="Facebook" href="https://www.facebook.com/worldofmountains.de" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
4220                                                                                                                    <li><a title="Instagram" aria-label="Instagram" href="https://www.instagram.com/world_of_mountains_de" target="_blank"><i class="fab fa-instagram"></i></a></li>
4221                                                                                        <li><a title="TikTok" aria-label="TikTok" href="https://www.tiktok.com/@world_of_mountains" target="_blank" style="display:inline-flex;align-items:center;justify-content:center"><svg style="width:15px;height:15px;fill:currentColor" aria-hidden="true" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448 209.91a210.06 210.06 0 0 1-122.77-39.25v178.72A162.55 162.55 0 1 1 185 188.31v89.89a74.62 74.62 0 1 0 52.23 71.18V0h88a121.18 121.18 0 0 0 1.86 22.17A122.18 122.18 0 0 0 381 102.39a121.43 121.43 0 0 0 67 20.14z"/></svg></a></li>
4222                                                                                                                    <li><a title="LinkedIn" aria-label="LinkedIn" href="https://www.linkedin.com/company/world-of-mountains/" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
4223                                                    </ul>
4224                    </div>
4225                </div>
4226                <div class="col-lg-3 col-md-6 col-sm-12 footer-column">
4227                    <div class="footer-widget links-widget">
4228                        <div class="widget-title">
4229                            <div class="h3">Hilfreiche Links</div>
4230                        </div>
4231                        <div class="widget-content">
4232                            <nav class="tw:block tw:relative tw:z-50">
4233            <ul class="tw:flex tw:flex-col tw:items-start tw:space-x-4">
4234                            <li x-data="{ 
4235        open: false, 
4236        isTouch: false 
4237    }" 
4238    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
4239    @mouseenter="if (!isTouch) open = true" 
4240    @mouseleave="if (!isTouch) open = false" 
4241    class="tw:relative tw:list-none tw:relative ">
4242    
4243    <a href="https://www.world-of-mountains.de/faq" 
4244       class="tw:py-2 tw:transition tw:duration-100 tw:text-white tw:hover:text-secondary tw:flex tw:items-center">
4245        <span>Häufig gestellte Fragen</span>
4246            </a>
4247
4248    
4249    </li>
4250                            <li x-data="{ 
4251        open: false, 
4252        isTouch: false 
4253    }" 
4254    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
4255    @mouseenter="if (!isTouch) open = true" 
4256    @mouseleave="if (!isTouch) open = false" 
4257    class="tw:relative tw:list-none tw:relative ">
4258    
4259    <a href="https://www.world-of-mountains.de/agb-veranstalter" 
4260       class="tw:py-2 tw:transition tw:duration-100 tw:text-white tw:hover:text-secondary tw:flex tw:items-center">
4261        <span>AGB Veranstalter</span>
4262            </a>
4263
4264    
4265    </li>
4266                            <li x-data="{ 
4267        open: false, 
4268        isTouch: false 
4269    }" 
4270    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
4271    @mouseenter="if (!isTouch) open = true" 
4272    @mouseleave="if (!isTouch) open = false" 
4273    class="tw:relative tw:list-none tw:relative ">
4274    
4275    <a href="https://www.world-of-mountains.de/agb-vermittler" 
4276       class="tw:py-2 tw:transition tw:duration-100 tw:text-white tw:hover:text-secondary tw:flex tw:items-center">
4277        <span>AGB Vermittler</span>
4278            </a>
4279
4280    
4281    </li>
4282                            <li x-data="{ 
4283        open: false, 
4284        isTouch: false 
4285    }" 
4286    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
4287    @mouseenter="if (!isTouch) open = true" 
4288    @mouseleave="if (!isTouch) open = false" 
4289    class="tw:relative tw:list-none tw:relative ">
4290    
4291    <a href="https://www.world-of-mountains.de/reisebuero" 
4292       class="tw:py-2 tw:transition tw:duration-100 tw:text-white tw:hover:text-secondary tw:flex tw:items-center">
4293        <span>Für Reisebüros</span>
4294            </a>
4295
4296    
4297    </li>
4298                            <li x-data="{ 
4299        open: false, 
4300        isTouch: false 
4301    }" 
4302    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
4303    @mouseenter="if (!isTouch) open = true" 
4304    @mouseleave="if (!isTouch) open = false" 
4305    class="tw:relative tw:list-none tw:relative ">
4306    
4307    <a href="https://www.world-of-mountains.de/urkunde" 
4308       class="tw:py-2 tw:transition tw:duration-100 tw:text-white tw:hover:text-secondary tw:flex tw:items-center">
4309        <span>Newsletter</span>
4310            </a>
4311
4312    
4313    </li>
4314                            <li x-data="{ 
4315        open: false, 
4316        isTouch: false 
4317    }" 
4318    x-init="isTouch = !!('ontouchstart' in window || navigator.maxTouchPoints > 0)"
4319    @mouseenter="if (!isTouch) open = true" 
4320    @mouseleave="if (!isTouch) open = false" 
4321    class="tw:relative tw:list-none tw:relative ">
4322    
4323    <a href="https://www.world-of-mountains.de/kontakt" 
4324       class="tw:py-2 tw:transition tw:duration-100 tw:text-white tw:hover:text-secondary tw:flex tw:items-center">
4325        <span>Kontakt</span>
4326            </a>
4327
4328    
4329    </li>
4330                    </ul>
4331    </nav>                            
4332                        </div>
4333                    </div>
4334                </div>
4335                <div class="col-lg-3 col-md-6 col-sm-12 footer-column">
4336                    
4337                </div>
4338                <div class="col-lg-3 col-md-6 col-sm-12 footer-column">
4339                    <div class="footer-widget contact-widget">
4340                        <div class="widget-title">
4341                            <div class="h3">
4341Kontakte</div>
4342                        </div>
4343                        <div class="widget-content">
4344                            <ul class="info-list clearfix">
4345                                <li><i class="fas fa-map-marker-alt"></i>Weinsberger Str. 8, 74199 Untergruppenbach, Deutschland</li>
4346                                <li><i class="fas fa-phone"></i><a href="tel:+49 7131 385 485 0">+49 7131 385 485 0</a></li>
4347                                <li><i class="fas fa-envelope"></i><a href="mailto:[email protected]">[email protected]</a></li>
4348                            </ul>
4349                        </div>
4350                    </div>
4351                </div>
4352            </div>
4353        </div>
4354    </div>
4355    <div class="footer-bottom">
4356        <div class="auto-container">
4357            <div class="bottom-inner clearfix">
4358                <div class="copyright pull-left">
4359                    <p>&copy; 2026 World of Mountains GmbH</p>
4360                </div>
4361                <ul class="footer-nav pull-right">
4362                    <li><a href="/impressum">Impressum</a></li>
4363                    <li><a href="/datenschutz">Datenschutz</a></li>
4364                </ul>
4365            </div>
4366        </div>
4367    </div>
4368</footer>
4369<!-- main-footer end -->
4370
4371<!--Scroll to top-->
4372
4373</div>
4374
4375<div class="notification
4376    ">
4377    <div class="notification-close-btn">&#10006;</div>
4378    <div class="notification-content">
4379        
4380            </div>
4381</div>
4382<!-- jequery plugins -->
4383
4384<script src="/assets/js/jquery.js"></script>
4384
4385
4386<script src="/assets/js/popper.min.js"></script>
vendor: 1 bytes, line 4386
4386
4387<script lazyload data-src="/assets/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 4387
4387
4388<script src="/assets/js/owl.js"></script>
4388
4389
4390<script src="/assets/js/validation.js"></script>
4390
4391
4392
4393
4394<script src="/assets/js/jquery.nice-select.min.js"></script>
vendor: 1 bytes, line 4394
4394
4395<script src="/assets/js/jquery-ui.js"></script>
vendor: 1 bytes, line 4395
4395
4396<script src="/assets/js/jquery.ui.touch-punch.min.js"></script>
4396
4397
4398<script src="https://www.world-of-mountains.de/js/swiper-element-bundle.min.js"></script>
vendor: 1 bytes, line 4398
4398
4399<script src="https://www.world-of-mountains.de/js/masonry.pkgd.min.js"></script>
4399
4400
4401
4402
4403<script src="https://www.world-of-mountains.de/js/common.js?v=1791345732"></script>
vendor: 1 bytes, line 4403
4403
4404<script>
4405
4406    if($('.gallery').length > 0){
4407      $('.gallery').masonry({
4408          columnWidth: ".gallery-item-width",
4409          itemSelector: '.gallery-item',
4410          percentPosition : true,
4411          gutter: 15
4412      });
4413
4414      $('.gallery').addClass('loaded');
4415  }
4416    // if($('[data-fancybox="gallery"]').length > 0){
4417    //     Fancybox.bind('[data-fancybox="gallery"]');
4418    // }
4419
4420    // $(".search-box").hover(
4421    //     function () {
4422    //         $(this).width("250px");
4423    //         $(this).find("input").show();
4424    //         $(this).find('button[type="submit"]').width("12.8%");
4425    //     },
4426    //     function () {
4427    //         $(this).removeAttr("style");
4428    //         $(this).find("input").removeAttr("style");
4429    //         $(this).find('button[type="submit"]').removeAttr("style");
4430    //     }
4431    // );
4432
4433    $(document).ready(function () {
4434        $(".menu__burger").on("click", function () {
4435            $(".menu__list").toggleClass("menu__list--active");
4436        });
4437
4438        $('.accordion__item-title').click(function(){
4439
4440            var $this = $(this);
4441            var content = $this.next();
4442            var parent = $this.parent();
4443
4444            parent.toggleClass('active');
4445
4446            if(parent.hasClass('active')){
4447                content.css({"max-height": content.prop('scrollHeight') + 30 + "px"});
4448            }else{
4449                content.css({"max-height": 0});
4450            }
4451
4452        });
4453    });
4454
4455    setTimeout(function() {
4456        $('.alert').fadeOut();
4457    }, 5000);
4458
4459    // Get the modal
4460    var modal = document.getElementById('myModal');
4461    var html = document.getElementById('html');
4462
4463    // Get the button that opens the modal
4464    var btn = document.getElementById('myBtn');
4465
4466    // Get the <span> element that closes the modal
4467    var span = document.getElementsByClassName('close')[0];
4468
4469    // When the user clicks the button, open the modal
4470    if (btn) {
4471        btn.onclick = function() {
4472            modal.style.display = 'block';
4473            html.style.overflow = 'hidden';
4474        };
4475    }
4476
4477    // When the user clicks on <span> (x), close the modal
4478    if (span) {
4479        span.onclick = function() {
4480            modal.style.display = 'none';
4481            html.style.overflow = 'auto';
4482        };
4483    }
4484
4485    // When the user clicks anywhere outside of the modal, close it
4486    window.onclick = function(event) {
4487        if (event.target == modal) {
4488            modal.style.display = 'none';
4489            html.style.overflow = 'auto';
4490        }
4491    };
4492
4493    function showHidePassword($this) {
4494        var fieldType = $this.parent().find('[name="password"]');
4495
4496        if (fieldType.attr('type') == 'password') {
4497            $this.addClass('active');
4498            fieldType.attr('type', 'text');
4499        } else {
4500            $this.removeClass('active');
4501            fieldType.attr('type', 'password');
4502        }
4503    }
4504
4505    $('.readmore').on('click', function(){
4506
4507        $('.readmore-container').toggleClass('active');
4508
4509    })
4510
4511    $('.readmore-ski').on('click', function(){
4512        $this = $(this);
4513
4514        var parent = $this.parents('.accordion__item-content');
4515        var content = $this.parents('.accordion__item');
4516
4517        parent.find('.ski-content').toggleClass('active');
4518
4519        parent.css({"max-height": "999999px"});
4520
4521    })
4522
4523</script>
4523
4524
4525<!-- main-js -->
4526<script src="https://www.world-of-mountains.de/assets/js/script.js?v=1791345732"></script>
4526
4527
4528
4529
4530
4531<script>
4532
4533
4534    function swipers(){
4535
4536        $('swiper-container').each(function(){
4537
4538            let slidesPerView = 1,swiper,w_w;
4539
4540            w_w = $(window).width();
4541            swiper = $(this);
4542
4543            swiper.attr('rewind', true).attr('looped-slides', 1).attr('space-between', 20).attr('grab-cursor', true);
4544
4545            if(w_w > 467){
4546                slidesPerView = swiper.attr('slides-per-view-tablet');
4547            }
4548
4549            if(w_w > 767){
4550                slidesPerView = swiper.attr('slides-per-view-desktop');
4551            }
4552
4553            swiper.attr('slides-per-view', slidesPerView);
4554
4555        });
4556
4557    }
4558
4559    swipers();
4560
4561    $(window).on('resize', function(){
4562        setTimeout(swipers,200);
4563    })
4564
4565//     $(window).scroll(function () {
4566//
4567//         const scrollY = $(window).scrollTop();
4568//         const $stickyElement = $('.sticky-element');
4569//         const $content = $('.group-rows');
4570//         const $footer = $('.main-footer');
4571//         const contentTop = $content.offset().top;
4572//         const footerTop = $footer.offset().top;
4573//         const $stickyElementHeight = $('.sticky-header').height();
4574//         const gap = $stickyElementHeight + 15;
4575//
4576//         if ((scrollY + $stickyElementHeight + 15 > contentTop) && ((scrollY + $(window).height()) < footerTop)) {
4577//             const offset = scrollY - contentTop + gap;
4578//             $stickyElement.css('transform', 'translateY(' + offset + 'px)');
4579//         } else {
4580//             if(scrollY < contentTop){
4581//                 $stickyElement.css('transform', 'translateY(0)');
4582//             }
4583//         }
4584//     });
4585
4586</script>
4586
4587
4588<style>
4589    .notification {
4590        z-index: -1;
4591        padding: 30px;
4592    }
4593
4594    .notification.show {
4595        z-index: 99995;
4596        display: flex;
4597    }
4598</style>
4599<div class="notification js-notification
4600    ">
4601    <div class="notification-close-btn">&#10006;</div>
4602    <div class="notification-content js-notification-content">
4603        
4604            </div>
4605</div>
4606
4607<script src="https://www.world-of-mountains.de/themes/wom/app.js?v=1791345732"></script>
4607
4608
4609<script src="https://www.world-of-mountains.de/assets/js/select2.min.js"></script>
vendor: 1 bytes, line 4609
4609
4610<script src="https://www.world-of-mountains.de/assets/js/moment.min.js"></script>
vendor: 1 bytes, line 4610
4610
4611<script src="https://www.world-of-mountains.de/assets/js/daterangepicker.js"></script>
4611
4612
4613
4614
4615
4616<script>
4617
4618
4619$(document).ready(function() {
4620	
4621	function lazyLoad() {
4622		
4623		// $('link[lazyload][data-href]').each(function(){
4624		// 	const el = $(this);
4625		// 	if (!el.attr('href')) {
4626		// 		el.attr('href', el.data('href'));
4627		// 		el.attr('lazyload', '1');
4628		// 	}
4629		// });
4630		
4631		const offset = 100; // Adjust this value as needed
4632	
4633		$('[lazyload][data-src]').each(function () {
4634			const img = $(this);
4635			const imgTop = img.offset().top;
4636			const scrollTop = $(window).scrollTop();
4637			const windowHeight = $(window).height();
4638	
4639			// Check if the image is in the viewport with an offset
4640			if (imgTop < scrollTop + windowHeight + offset && imgTop > scrollTop - offset) {
4641				// Set src and lazyload attribute if not already set
4642				if (!img.attr('src')) {
4643					img.attr('src', img.data('src'));
4644					img.attr('lazyload', '1');
4645				}
4646			}
4647		});
4648	}
4649	
4650	// Initial load of images in view
4651	lazyLoad();
4652	
4653	// Load images on scroll
4654	$(window).on('scroll', lazyLoad);
4655	
4656	function setEqualHeight() {
4657		// Select all elements with the class same-height
4658		var elements = $('.same-height');
4659		
4660		// Iterate over the elements in groups of three
4661		for (var i = 0; i < elements.length; i += 4) {
4662			var maxHeight = 0;
4663			
4664			// Find the maximum height in the current group of three elements
4665			for (var j = i; j < i + 4 && j < elements.length; j++) {
4666				var currentHeight = $(elements[j]).height();
4667				if (currentHeight > maxHeight) {
4668					maxHeight = currentHeight;
4669				}
4670			}
4671			
4672			// Set the maximum height to all elements in the current group of three
4673			for (var j = i; j < i + 4 && j < elements.length; j++) {
4674				$(elements[j]).height(maxHeight);
4675			}
4676		}
4677	}
4678
4679	// Call the function to set equal height initially
4680	setEqualHeight();
4681
4682	// Optionally, you can call this function on window resize if the heights might change
4683	$(window).resize(function() {
4684		// Reset the height before calculating to handle responsive cases
4685		$('.same-height').height('auto');
4686		setEqualHeight();
4687	});
4688});
4689
4690</script>
4690<script>
4691    $(document).on('notify-login-modal', function(event, type) {
4692
4693        const loginModal = $('#login_modal')
4694
4695        let loginBox = Fancybox.show([{
4696            src: '#login_modal',
4697        }]);
4698
4699        loginModal.on('after-success', function(event, data) {
4700            if(typeof(data.csrf) !== 'undefined') {
4701                $('input[type="hidden"][name="_token"]').val(data.csrf)
4702            }
4703
4704            loginBox.close();
4705        })
4706    })
4707</script>
4707
4708<div class="login-modal" id="login_modal" style="display:none">
4709    <form action="https://www.world-of-mountains.de/login" class="register-form async-form display-invalid json-form" method="POST">
4710        <input type="hidden" name="_token" value="TIDNALgEuzhBPrOMyFw97y6yZVMCNhqGyReuRMv3">        <div class="row clearfix">
4711
4712            <div class="col-lg-12 col-md-12 col-sm-12 column">
4713                <div class="form-group">
4714                    <label>Email</label>
4715                                        <input type="email" name="email" required="" value=""/>
4716                </div>
4717            </div>
4718            <div class="col-lg-12 col-md-12 col-sm-12 column">
4719                <div class="form-group">
4720                    <label>Passwort</label>
4721                                        <input type="password" name="password" required="">
4722                </div>
4723            </div>
4724            <div class="col-lg-12 col-md-12 col-sm-12 column">
4725                <div class="form-group">
4726                    <div class="forgor-password text-right">
4727                        <a href="https://www.world-of-mountains.de/password/reset">Passwort vergessen?</a>
4728                    </div>
4729                </div>
4730            </div>
4731            <div class="col-lg-12 col-md-12 col-sm-12 column">
4732                <div class="form-group">
4733                    <div class="custom-check-box">
4734                        <div class="custom-controls-stacked">
4735                            <label class="custom-control material-checkbox">
4736                                <input type="checkbox" class="material-control-input" name="remember" value="1" />
4737                                <span class="material-control-indicator"></span>
4738                                <span class="description">Erinnern Sie sich an mich</span>
4739                            </label>
4740                        </div>
4741                    </div>
4742                </div>
4743            </div>
4744            <div class="col-lg-12 col-md-12 col-sm-12 column">
4745                <div class="form-group message-btn">
4746                    <button type="submit" class="button button-primary">Senden</button>
4747                </div>
4748            </div>
4749        </div>
4750    </form>
4751</div>
4752
4753<div id="fancybox_modal"></div>
4754
4755
4756            <style>
4757
4758                [data-respect-privacy] {
4759                    display:none;
4760                }
4761
4762                [show-hidden-iframes]{
4763                    position: absolute;
4764                    z-index: 100;
4765                    left: 50%;
4766                    top: 16%;
4767                    transform: translate(-50%, 50%);
4768                }
4769
4770            </style>
4771        
4772
4773        
4773<script>
4774
4775        function showHiddenIframes($this){
4776            $this.outerHTML = "";
4777            const iframes = document.querySelectorAll('[data-respect-privacy]');
4778            iframes.forEach((iframe) => {
4779              iframe.setAttribute('src', iframe.getAttribute('data-src'));
4780              iframe.removeAttribute('data-respect-privacy');
4781            });
4782            setCookie('accept_all')
4783
4784        }
4785
4786
4787
4788        </script>
4788
4789        
4790
4791        <style>
4792
4793            /* COOKIE BLOCK */
4794
4795            .hide {
4796                display:none
4797            }
4798
4799            .cookie-body {
4800                position: fixed;
4801                top: 0;
4802                bottom: 0;
4803                left: 0;
4804                right: 0;
4805                overflow: auto;
4806                padding: 60px 0;
4807                z-index: 9999;
4808                background-color: rgba(0,0,0,0.1);
4809            }
4810
4811            .cookie-block {
4812                width: 90%;
4813                max-width: 800px;
4814                margin: 0 auto;
4815                background-color: #fff;
4816                padding: 40px;
4817                font-size: 0.8rem;
4818                box-shadow: 0 0 15px rgb(0 0 0 / 20%);
4819                border-radius: 15px;
4820            }
4821
4822            .cookie-block * {
4823                font-size: 16px;
4824            }
4825
4826            .cookie-block__content {
4827                margin-bottom: 25px;
4828                max-height: calc(100vh - 280px);
4829                overflow-y: auto;
4830            }
4831
4832            .cookie-block__content a {
4833                color: blue;
4834            }
4835
4836            .cookie-block__choices {
4837                display: flex;
4838                flex-direction: row;
4839                justify-content: center;
4840                flex-wrap: wrap;
4841            }
4842
4843            .cookie-block__choices button {
4844                padding: 10px 20px;
4845                border: none;
4846                opacity: 0.9;
4847                cursor:pointer;
4848                margin: 0 15px 5px;
4849                background-color: #000;
4850                transition: all 0.1s ease-in-out;
4851                color: #fff;
4852                min-width: 150px;
4853                border-radius: 30px;
4854            }
4855
4856            .cookie-block__choices button:hover {
4857                opacity: 1;
4858            }
4859
4860            .cookie-block__accept {
4861                background-color: #4CAF50;
4862            }
4863
4864            .cookie-block__reject:hover {
4865                background-color: #c40000;
4866            }
4867
4868            .cookie-popup-trigger svg {
4869                width: 50px;
4870                height: 50px;
4871            }
4872
4873            .cookie-popup-trigger {
4874                position: fixed;
4875                left: 30px;
4876                bottom:30px;
4877                background-color: #4CAF50;
4878                color: #fff;
4879                padding: 5px 5px;
4880                cursor:pointer;
4881                z-index: 99;
4882                border-radius: 30px;
4883            }
4884                .cookie-block {
4885                    padding: 25px;
4886                }
4887
4888                .cookie-body {
4889                    padding: 10px 0;
4890                }
4891
4892                .cookie-block__content {
4893                    max-height: calc(100vh - 255px);
4894                }
4895
4896                .cookie-block__choices button {
4897                    width: 100%;
4898                }
4899
4900            .cookie-popup-trigger:hover {
4901                background-color:#5dca61
4902            }
4903
4904            @media(max-width: 767px){
4905                .cookie-popup-trigger {
4906                    bottom: 35px;
4907                    left: 30px;
4908                    padding: 9px !important;
4909                }
4910            }
4911
4912
4913        </style>
4914
4915        <div class="cookie-body" style="display:none">
4916            <div id="cookie-block" class="cookie-block">
4917                <div class="cookie-block__content">
4918                    Wir verwenden Cookies und Daten, um<br />
4919<br />
4920• die Benutzerfreundlichkeit unserer Website zu verbessern<br />
4921• Wir überwachen aktiv auf Störungen und ergreifen Maßnahmen zur Bekämpfung von Spam, Betrug und Missbrauch.<br />
4922• Wir sammeln Informationen über Interaktionen und statistische Daten unserer Website. Diese gesammelten Informationen dienen dazu, ein besseres Verständnis für die Nutzung unserer Dienste zu gewinnen und die Qualität dieser Dienste zu verbessern.<br />
4923<br />
4924Indem Sie die Option 'Alle akzeptieren' auswählen, ermöglichen Sie uns, Cookies und Daten einzusetzen, um<br />
4925• Innovative Dienste zu entwickeln und kontinuierlich zu optimieren.<br />
4926• Werbung gezielt auszuliefern und deren Effizienz zu messen.<br />
4927• Individuelle Inhalte basierend auf Ihren Präferenzen anzuzeigen.<br />
4928• Maßgeschneiderte Werbeanzeigen basierend auf Ihren Einstellungen zu zeigen.<br />
4929<br />
4930Durch die weitere Nutzung unserer Webseite stimmen Sie der Verwendung von Cookies gemäß unserer C
4930ookie-Richtlinie zu. Weitere Informationen
4931                </div>
4932                <div class="cookie-block__choices">
4933                    <button type="button" class="cookie-block__accept" onclick="setCookie('accept_all')">Alle akzeptieren</button>
4934                    <button style="background-color: #666;" type="button" class="cookie-block__reject" onclick="setCookie('reject_all')">Alle ablehnen</button>
4935                </div>
4936            </div>
4937        </div>
4938
4939        <div class="cookie-popup-trigger" style="display:none" onclick="$(this).hide(); $('.cookie-body').show(); $('body').css({'overflow': 'hidden'})"><svg xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0px"
4940     y="0px" viewBox="0 0 120.23 122.88" style="enable-background:new 0 0 120.23 122.88" xml:space="preserve"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style>
4941    <g><path class="st0" d="M98.18,0c3.3,0,5.98,2.68,5.98,5.98c0,3.3-2.68,5.98-5.98,5.98c-3.3,0-5.98-2.68-5.98-5.98 C92.21,2.68,94.88,0,98.18,0L98.18,0z M99.78,52.08c5.16,7.7,11.69,10.06,20.17,4.85c0.28,2.9,0.35,5.86,0.2,8.86 c-1.67,33.16-29.9,58.69-63.06,57.02C23.94,121.13-1.59,92.9,0.08,59.75C1.74,26.59,30.95,0.78,64.1,2.45 c-2.94,9.2-0.45,17.37,7.03,20.15C64.35,44.38,79.49,58.63,99.78,52.08L99.78,52.08z M30.03,47.79c4.97,0,8.99,4.03,8.99,8.99 s-4.03,8.99-8.99,8.99c-4.97,0-8.99-4.03-8.99-8.99S25.07,47.79,30.03,47.79L30.03,47.79z M58.35,59.25c2.86,0,5.18,2.32,5.18,5.18 c0,2.86-2.32,5.18-5.18,5.18c-2.86,0-5.18-2.32-5.18-5.18C53.16,61.57,55.48,59.25,58.35,59.25L58.35,59.25z M35.87,80.59 c3.49,0,6.32,2.83,6.32,6.32c0,3.49-2.83,6.32-6.32,6.32c-3.49,0-6.32-2.83-6.32-6.32C29.55,83.41,32.38,80.59,35.87,80.59 L35.87,80.59z M49.49,32.23c2.74,0,4.95,2.22,4.95,4.95c0,2.74-2.22,4.95-4.95,4.95c-2.74,0-4.95-2.22-4.95-4.95 C44.54,34.45,46.76,32.23,49.49,32.23L49.49,32.23z M76.39,82.8c4.59,0,8.3,3.72,8.3,8.3c0,4.59-3.72,8.3-8.3,8.3 c-4.59,0-8.3-3.72-8.3-8.3C68.09,86.52,71.81,82.8,76.39,82.8L76.39,82.8z M93.87,23.1c3.08,0,5.58,2.5,5.58,5.58 c0,3.08-2.5,5.58-5.58,5.58s-5.58-2.5-5.58-5.58C88.29,25.6,90.79,23.1,93.87,23.1L93.87,23.1z" fill="white"/></g>
4942</svg>
4943</div>
4944
4945        
4945<script>
4946
4947
4948
4949
4950            if(!localStorage['cookie_init']){
4951                $('.cookie-body').show();
4952                $('body').css({'overflow': 'hidden'})
4953            }else{
4954                $('.cookie-popup-trigger').show();
4955            }
4956
4957            localStorage['cookie_init'] = true;
4958
4959            function setCookie(choice) {
4960
4961                // document.getElementById("cookie-block").outerHTML = "";
4962                $('.cookie-body').hide();
4963                $('body').css({'overflow': 'inherit'})
4964
4965                const xhr = new XMLHttpRequest();
4966                const method = "GET";
4967                const url = "/?cookie="+choice;
4968
4969                xhr.open(method, url, true);
4970                xhr.onreadystatechange = () => {
4971
4972                  if (xhr.readyState === XMLHttpRequest.DONE) {
4973                    const status = xhr.status;
4974                    if (status === 0 || (status >= 200 && status < 400)) {
4975                      // success
4976                      if(xhr.responseText == 'accept_all'){
4977                        //delete localStorage['cookie_init'];
4978                        location.reload(true);
4979                      }
4980                      if(xhr.responseText == 'reject_all'){
4981                        location.reload(true);
4982                      }
4983
4984                    } else {
4985                      // error
4986                      console.log('error');
4987                    }
4988                  }
4989                };
4990                xhr.send();
4991
4992            }
4993
4994        </script>
4994
4995
4996        </body>
4997
4998        
4999        <!-- End of .page_wrapper -->
5000</html>

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.