<!DOCTYPE html>
<html lang="de">
<head>

<meta charset="utf-8">
<!-- 
	—————————————————————————————————————————————————
	RTP GmbH | www.rtp.ch
	TYPO3 Application Development and Hosting
	—————————————————————————————————————————————————
	Hinderling Volkart AG | www.hinderlingvolkart.com
	Concept, Design and Frontend Development
	—————————————————————————————————————————————————

	This website is powered by TYPO3 - inspiring people to share!
	TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
	TYPO3 is copyright 1998-2017 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
	Information and contribution at https://typo3.org/
-->




<meta name="generator" content="TYPO3 CMS">







<script type="text/javascript">
/*<![CDATA[*/
/*_scriptCode*/

			// decrypt helper function
		function decryptCharcode(n,start,end,offset) {
			n = n + offset;
			if (offset > 0 && n > end) {
				n = start + (n - end - 1);
			} else if (offset < 0 && n < start) {
				n = end - (start - n - 1);
			}
			return String.fromCharCode(n);
		}
			// decrypt string
		function decryptString(enc,offset) {
			var dec = "";
			var len = enc.length;
			for(var i=0; i < len; i++) {
				var n = enc.charCodeAt(i);
				if (n >= 0x2B && n <= 0x3A) {
					dec += decryptCharcode(n,0x2B,0x3A,offset);	// 0-9 . , - + / :
				} else if (n >= 0x40 && n <= 0x5A) {
					dec += decryptCharcode(n,0x40,0x5A,offset);	// A-Z @
				} else if (n >= 0x61 && n <= 0x7A) {
					dec += decryptCharcode(n,0x61,0x7A,offset);	// a-z
				} else {
					dec += enc.charAt(i);
				}
			}
			return dec;
		}
			// decrypt spam-protected emails
		function linkTo_UnCryptMailto(s) {
			location.href = decryptString(s,-2);
		}
		

/*]]>*/
</script>

<title>Home | Schweizer Jugendherbergen</title>
<meta name="title" content="Alles für das maximale Wintervergnügen"/>
<meta name="description" content="Due Schweizer Jugendherbergen bieten günstige Übernachtungen in der ganzen Schweiz. Klicken Sie sich durch unsere 51 Hostels. Aktuell mit vielen Winterangeboten."/>
<meta name="keywords" content="Schweizer Jugendherbergen Hostels Jugendherbergen günstige Übernachtung
"/>
<meta name="date" content="2017-03-14T09:03:51+01:00"/>
<link href="https://www.youthhostel.ch/de/" rel="canonical" />

<meta property="og:title" content="Alles für das maximale Wintervergnügen"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="https://www.youthhostel.ch/de/"/>
<meta property="og:image" content=""/>
<meta property="og:description" content="Due Schweizer Jugendherbergen bieten günstige Übernachtungen in der ganzen Schweiz. Klicken Sie sich durch unsere 51 Hostels. Aktuell mit vielen Winterangeboten."/>
<meta property="og:site_name" content="Youthhostel"/>
<meta property="article:published_time" content="2017-03-14T09:03:51+01:00"/>
<meta property="article:modified_time" content="2017-12-14T08:12:41+01:00"/>
<meta name="twitter:title" content="Alles für das maximale Wintervergnügen"/>
<meta name="twitter:description" content="Due Schweizer Jugendherbergen bieten günstige Übernachtungen in der ganzen Schweiz. Klicken Sie sich durch unsere 51 Hostels. Aktuell mit vielen Winterangeboten."/>
<meta name="twitter:image" content=""/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="robots" content="index,follow"/>




<script>
    window.app_config = {
        language: 'de',
        locale: {
            slider: {
                prevSlideMessage: 'Vorherige Folie',
                nextSlideMessage: 'Nächste Folie',
                firstSlideMessage: 'Dies ist die erste Folie',
                lastSlideMessage: 'Dies ist die letzte Folie',
                paginationBulletMessage: 'Zur Folie {{index}}',
            },
            date: {
                'date-picker-instruction': 'Use arrow keys to choose a date',
                'firstDayOfWeek': 1,
                'dateFormat': null, // can be a function(date) {return string;} -- we try to use Intl instead and fall back to ISO.
                'today': 'Heute',
                'disabled': 'Nicht verfügbar',
                'prev-month': 'Einen Monat vorwärts',
                'next-month': 'Einen Monat zurück',
                'months': [
                    'Januar',
                    'Februar',
                    'März',
                    'April',
                    'Mai',
                    'Juni',
                    'Juli',
                    'August',
                    'September',
                    'Oktober',
                    'November',
                    'Dezember',
                ],
                'monthsShort': [
                    'Jan',
                    'Feb',
                    'Mär',
                    'Apr',
                    'Mai',
                    'Jun',
                    'Jul',
                    'Aug',
                    'Sep',
                    'Okt',
                    'Nov',
                    'Dez',
                ],
                'weekdays': [
                    'Sonntag',
                    'Montag',
                    'Dienstag',
                    'Mittwoch',
                    'Donnerstag',
                    'Freitag',
                    'Samstag',
                ],
                'weekdaysShort': [
                    'So',
                    'Mo',
                    'Di',
                    'Mi',
                    'Do',
                    'Fr',
                    'Sa',
                ],
            }
        },
        google: {
            maps: {
                key: 'AIzaSyBeOt-LQzZro-SgsYmLuqpSEkBh48QK4NI',
            }
        }
    }
</script><link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,900%7CRoboto:300,400,500" rel="stylesheet"><link href="/fileadmin/cd/assets/css/ui.css" rel="stylesheet" media="all" /><script src="/fileadmin/cd/assets/js/vendor/modernizr.min.js"></script>
</head>
<body><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PW6KTBT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<div id="body">
    

    <header class="site_header site_header-transparent" data-addsearch="exclude">
        

    <div class="l-sitewidth">
        <h1 class="visuallyhidden">
            Navigationsbereich
        </h1>
        
        <nav aria-describedby="skiplinks--h2" class="skiplinks" data-js-skiplinks id="skiplinks">
            <h2 class="visuallyhidden" id="skiplinks--h2">
                Schnellnavigation
            </h2>
            <ul>
                <li>
                    <a accesskey="0" title="[ALT + 0]" href="/de/">
                        Seite starten
                    </a>
                </li>
                <li>
                    <a accesskey="1" title="[ALT + 1]" href="/de/#site-navigation">
                        Springe zur Hauptnavigation
                    </a>
                </li>
                <li>
                    <a accesskey="2" title="[ALT + 2]" href="/de/#main-navigation">
                        Zum Inhalt springen
                    </a>
                </li>
                <li>
                    <a accesskey="3" title="[ALT + 3]" href="/de/meta-links/kontakt/">
                        Kontaktseite
                    </a>
                </li>
                <li>
                    <a accesskey="4" title="[ALT + 4]" href="/de/#search">
                        Springe zur Suche
                    </a>
                </li>
            </ul>
        </nav>
        

        
        <div class="site_logo">
            <a class="site_logo--link" title="Zur Startseite" href="/de/">
                
                        <img src="/fileadmin/cd/assets/img/logos/1x/logo-full-inv-DE.png" width="260" height="50"         class="site_logo--img"
        additionalAttributes="{srcset: '/fileadmin/cd/assets/img/logos/1x/logo-full-inv-DE.png 1x, /fileadmin/cd/assets/img/logos/2x/logo-full-inv-DE.png 2x'}"  alt="" >
                    
            </a>
        </div>
        

        <div class="site_header--nav_container">
            
            <nav class="header_main_nav" data-js-nav_indicator>
                <h2 class="visuallyhidden">
                    Hauptnavigation
                </h2>
                <ul class="header_main_nav--list" role="menu">
                    <li class="header_main_nav--list--item"><a href="/de/hostels/" title="Hostels" class="header_main_nav--link js-nav_indicator--link" role="menuitem">Hostels</a></li><li class="header_main_nav--list--item"><a href="/de/specials/" title="Günstige Angebote rund um Ihre Übernachtung bei den Schweizer Jugendherbergen" class="header_main_nav--link js-nav_indicator--link" role="menuitem">Specials</a></li>
                </ul>
                <div class="header_main_nav--active_indicator js-nav_indicator--bar" role="presentation"></div>
            </nav>
            

            <div class="header_meta_nav">
                <h2 class="visuallyhidden">
                    Meta Navigation
                </h2>

                
                <ul class="header_meta_nav--list" role="menu">
                    <li class="header_meta_nav--list--item">
                        <a class="header_meta_nav--link is-visible-mobile" data-js-lightbox-trigger='{"title":"Search"}' href="#header-search-flyout-inner">
                            <span class="icon" data-icon="icn-nav-search"></span>
                        </a>
                        <div class="bottom flyout">
                            <a href="#u43" class="header_meta_nav--link" data-js-flyout="true" aria-controls="u43" aria-expanded="false">
                                <span class="icon" data-icon="icn-nav-search"></span>
                                <span class="visuallyhidden">
                                    Search
                                </span>
                            </a>
                            <div class="flyout--content is-collapsed" id="u43">
                                <div class="flyout--content--inner" data-js-selfalign="">
                                    <div class="header_search_flyout">
                                        <div class="header_search_flyout--inner" id="header-search-flyout-inner">
                                            <h3 class="visuallyhidden">
                                                Search
                                            </h3>
                                            <form action="/de/suchergebnisse/" method="get">
                                                <div class="form_row">
                                                    <label class="visuallyhidden" for="search">
                                                        Search
                                                    </label>
                                                    <div class="form_input">
                                                        <input id="search" name="q" placeholder="Suche" type="text">
                                                    </div>
                                                    <button class="button header_search_flyout--btn">
                                                        <span class="button--inner">
                                                            <span class="visuallyhidden">
                                                                Search
                                                            </span>
                                                            <span class="icon" data-icon="arrow-thin-right-light"></span>
                                                        </span>
                                                    </button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <button class="focusonly" data-flyout-el="close" type="button">
                                        Dropdown schliessen
                                    </button>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="header_meta_nav--list--item">
                        <button aria-expanded="false" aria-haspopup="true" class="burger_nav_trigger header_meta_nav--link js-burger_nav_trigger" type="button">
                            <span class="visuallyhidden">
                                Mitglieder Nummer
                            </span>
                            <span class="burger_nav_trigger--icon">
                                <span class="burger_nav_trigger--line"></span>
                                <span class="burger_nav_trigger--line"></span>
                                <span class="burger_nav_trigger--line"></span>
                            </span>
                        </button>
                    </li>
                </ul>
                
            </div>
        </div>
    </div>


    </header>

    <nav class="burger_nav" data-addsearch="exclude" data-js-burger_nav>            <h2 class="visuallyhidden">
                Off-Canvas Navigation
            </h2><div class="burger_nav--header">                <button class="burger_nav--close_btn js-burger_nav--close_btn" type="button">
                    <span class="visuallyhidden">
                        Menü schliessen
                    </span>
                </button><div class="header_language_selector" data-js-nav_indicator>            <h2 class="visuallyhidden">
                Sprachauswahl
            </h2><ul class="header_language_selector--list"><li><a href="/de/" class="is-active header_language_selector--link js-nav_indicator--link">DE</a></li><li><a href="/en/" class="header_language_selector--link js-nav_indicator--link">EN</a></li><li><a href="/fr/" class="header_language_selector--link js-nav_indicator--link">FR</a></li></ul><div class="header_language_selector--active_indicator js-nav_indicator--bar" role="presentation"></div></div></div><div class="burger_nav--body"><nav class="burger_main_nav">            <h2 class="visuallyhidden">
                Burger haupt Nav
            </h2><ul class="burger_main_nav--list" role="menu"><li><a href="/de/hostels/" title="Hostels" class="burger_main_nav--link link" role="menuitem">Hostels</a></li><li><a href="/de/specials/" title="Günstige Angebote rund um Ihre Übernachtung bei den Schweizer Jugendherbergen" class="burger_main_nav--link link" role="menuitem">Specials</a></li></ul></nav><nav class="burger_subnav">            <h3 class="burger_subnav--title">
                <span class="icon" data-icon="icn-star-active"></span>
                Vorteile
            </h3><ul class="burger_subnav--list" role="menu"><li><a href="/de/fuer-familien/" title="Für Familien" class="burger_subnav--link">Für Familien</a></li><li><a href="/de/fuer-gruppen/" title="Für Gruppen" class="burger_subnav--link">Für Gruppen</a></li><li><a href="/de/fuer-schulen/" title="Für Schulen" class="burger_subnav--link">Für Schulen</a></li></ul></nav><nav class="burger_subnav">            <h3 class="burger_subnav--title">
                <span class="icon" data-icon="icn-hostel"></span>
                Schweizer Jugendherbergen
            </h3><ul class="burger_subnav--list" role="menu"><li><a href="/de/ueber-uns/portrait/" title="Über uns" class="burger_subnav--link">Über uns</a></li><li><a href="/de/news/archiv/" title="News" class="burger_subnav--link">News</a></li><li><a href="/de/mitgliedschaft/mitgliedschaft/" title="Mitgliedschaft" class="burger_subnav--link">Mitgliedschaft</a></li><li><a href="/de/shop/mitgliederkarten/" title="Shop" class="burger_subnav--link">Shop</a></li></ul></nav><nav class="burger_meta_nav">            <h3 class="visuallyhidden">
                Burger Meta Nav
            </h3><ul class="burger_meta_nav--list" role="menu"><li><a href="/de/faq/top-5-fragen/" title="FAQ" class="burger_meta_nav--link">FAQ</a></li><li><a href="/de/kontakt/" title="Kontakt" class="burger_meta_nav--link">Kontakt</a></li><li><a href="/de/medien/" title="Medien" class="burger_meta_nav--link">Medien</a></li></ul></nav></div></nav>

    <div class="site-content" id="main-content" role="main">
        

    
            <div class="header_hero header_hero-home"><div class="header_hero--background" data-js-cover=""><img src="/fileadmin/img/home/hero-demo.jpeg" width="1440" height="700"  class="header_hero--background--img"  alt="" ></div><div class="header_hero--content">
                <div class="header_hero--content--inner">
                    <div class="header_hero--content--text"><h1 class="header_hero--title">Alles für das maximale Wintervergnügen</h1><div class="header_hero--text is-hidden-mobile"><p>Lassen Sie sich inspirieren und entdecken Sie unsere Jugendherbergen in den Top-Bergregionen.</p><p><a href="/de/skiferien-bei-uns-zu-den-besten-bedingungen/" class="link link-arrow_inverse">Mehr erfahren</a></p></div></div>
                </div>
            </div></div><div class="booking_bar" data-js-booking_bar=""><div class="booking_bar--inner">
    <div class="l-sitewidth">
        <form action="https://www.youthhostel.ch/de/hostels/" class="js-booking_bar--form">
            <div class="booking_bar--content">
                <div class="booking_bar--fields">
                    
                            <div class="booking_bar--col">
                                <div class="location_selector">
                                    <a class="location_selector--mobile_trigger is-visible-mobile" data-js-lightbox-trigger="{&quot;title&quot;:&quot;Ortschaft oder Region&quot;}" href="#location-selector-inner">
                                        <span class="visuallyhidden">Öffnen Sie das Standortauswahl-Overlay</span>
                                    </a>
                                    <div id="location-selector-inner">
                                        <div class="location_selector--inner" data-js-location_selector="" data-location-selector="{&quot;url&quot;:&quot;https://www.youthhostel.ch/de/api/locations/&quot;,&quot;result&quot;:{&quot;wrapper&quot;:&quot;locations&quot;},&quot;suggestionList&quot;:{&quot;template&quot;:&quot;location-selector-suggestionlist&quot;}}">
                                            <div class="location_selector--input_container">
                                                <label for="u1"></label>
                                                <div class="form_input"><input class="js-location_selector--hostelNo" id="u1" name="hostelNo" type="hidden" value="">
                                                </div>
                                                <label class="visuallyhidden" for="u2">Ortschaft oder Region</label>
                                                <div class="form_input form_input-icon"><input class="js-location_selector--input location_selector--input" id="u2" name="u2" placeholder="Ortschaft oder Region" type="text">
                                                    <span class="form_input--icon icon" data-icon="icn-pin-active"></span>
                                                </div>
                                                <button class="js-location_selector--clear_btn location_selector--clear_btn" title="Feld zurücksetzen" type="button">
                                                    <span class="visuallyhidden">Feld zurücksetzen</span>
                                                </button>
                                            </div>
                                            <div class="location_selector--flyout js-location_selector--flyout">
                                                <div class="location_selector--suggestionlist js-location_selector--suggestionlist"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        

                    <div class="booking_bar--col">
                        <div class="datepicker">
                            <div id="datepicker-inner">
                                <div class="datepicker--inner" data-js-datepicker="">
                                    <div class="datepicker--dropdown is-hidden-mobile">
                                        <button class="datepicker--trigger js-datepicker--trigger" type="button">
                                            <span class="datepicker--icon icon" data-icon="icn-calendar-active"></span>
                                            <span>Reisezeit? </span>
                                        </button>
                                        <div class="datepicker--fields js-datepicker--fields" data-js-daterange="[&quot;u3&quot;,&quot;u4&quot;]" data-minrange="1">
                                            <div class="form_row no-gap">
                                                <label class="visuallyhidden" for="u3">Anreise</label>
                                                <div class="input_clone input_date">
                                                    <input id="u3" min="23.12.2017" name="startDate" tabindex="-1" type="date">
                                                    <button class="input_clone--clone" type="button">
                                                        <span class="input_clone--icon icon" data-icon="icn-calendar-active"></span>
                                                        <span data-js-bind="u3 | date">Anreise</span>
                                                        <span class="visuallyhidden">(Wählen Sie mit den Pfeiltasten ein Datum)</span>
                                                    </button>
                                                </div>
                                            </div>
                                            <div class="datepicker--separator">—</div>
                                            <div class="form_row no-gap">
                                                <label class="visuallyhidden" for="u4">Abreise</label>
                                                <div class="input_clone input_date">
                                                    <input id="u4" min="24.12.2017" name="endDate" tabindex="-1" type="date">
                                                    <button class="input_clone--clone" type="button">
                                                        <span data-js-bind="u4 | date">Abreise</span>
                                                        <span class="visuallyhidden">(Wählen Sie mit den Pfeiltasten ein Datum)</span>
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <a class="datepicker--mobile_trigger js-datepicker--mobile_trigger" data-js-lightbox-trigger="{&quot;title&quot;:&quot;Reisezeit?&quot;}" href="#datepicker-inner">
                                        <span class="datepicker--icon icon" data-icon="icn-calendar-active"></span>
                                        <span>Reisezeit? </span>
                                    </a>
                                    <div class="datepicker--tabs js-datepicker--tabs" data-js-daterange="[&quot;mobile-u3&quot;,&quot;mobile-u4&quot;]" data-minrange="1">
                                        <div class="tabs" data-js-tabs="">
                                            <div class="tabs_navigation" data-js-tabs_nav="">
                                                <div class="tabs_navigation--inner" data-js-nav_indicator="">
                                                    <h2 class="visuallyhidden">Tab Navigation</h2>
                                                    <ul class="tabs_navigation--list" role="tablist">
                                                        <li class="tabs_navigation--list--item" role="presentation">
                                                            <a aria-controls="pane-u5-0" aria-selected="true" class="is-active js-nav_indicator--link js-tabs--link js-tabs_navigation--link tabs_navigation--link" data-js-bind="mobile-u3 | date" href="#pane-u5-0" id="tab-u5-0" role="tab">
                                                                <span class="visuallyhidden">Ausgewählt </span>
                                                                <span class="tabs_navigation--link--text">
                                                                    Anreise
                                                                </span>
                                                            </a>
                                                        </li>
                                                        <li class="tabs_navigation--list--item" role="presentation">
                                                            <a aria-controls="pane-u5-1" aria-selected="false" class="js-nav_indicator--link js-tabs--link js-tabs_navigation--link tabs_navigation--link" data-js-bind="mobile-u4 | date" href="#pane-u5-1" id="tab-u5-1" role="tab">
                                                                <span class="tabs_navigation--link--text">
                                                                    Abreise
                                                                </span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                    <div class="tabs_navigation--active_indicator js-nav_indicator--bar" role="presentation"></div>
                                                </div>
                                            </div>
                                            <section aria-hidden="true" aria-labelledby="tab-u5-0" class="is-active js-tabs--pane tabs--pane" id="pane-u5-0">
                                                <h3 class="visuallyhidden">Anreise</h3>
                                                <label class="visuallyhidden" for="mobile-u3">Anreise</label>
                                                <div class="input_clone input_date">
                                                    <input data-js-dateinput-options="{&quot;bound&quot;:false,&quot;numberOfMonths&quot;:1}" id="mobile-u3" min="23.12.2017" name="mobile-u3" tabindex="-1" type="date">
                                                    <button class="input_clone--clone visuallyhidden" type="button">
                                                        <span data-js-bind="mobile-u3 | date">Anreise</span>
                                                        <span class="visuallyhidden">(Wählen Sie mit den Pfeiltasten ein Datum)</span>
                                                    </button>
                                                </div>
                                            </section>
                                            <section aria-hidden="false" aria-labelledby="tab-u5-1" class="tabs--pane js-tabs--pane" id="pane-u5-1">
                                                <h3 class="visuallyhidden">Abreise</h3>
                                                <label class="visuallyhidden" for="mobile-u4">Abreise</label>
                                                <div class="input_clone input_date">
                                                    <input data-js-dateinput-options="{&quot;bound&quot;:false,&quot;numberOfMonths&quot;:1}" id="mobile-u4" min="24.12.2017" name="mobile-u4" tabindex="-1" type="date">
                                                    <button class="input_clone--clone visuallyhidden" type="button">
                                                        <span data-js-bind="mobile-u4 | date">Abreise</span>
                                                        <span class="visuallyhidden">(Wählen Sie mit den Pfeiltasten ein Datum)</span>
                                                    </button>
                                                </div>
                                            </section>
                                        </div>
                                        <button class="button datepicker--confirm_btn js-lightbox--close"><span class="button--inner">
                                            Bestätigen
                                            </span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="booking_bar--col">
                        <div class="guest_selector">
                            <a class="guest_selector--mobile_trigger js-guest_selector--mobile_trigger is-visible-mobile" data-js-lightbox-trigger="{&quot;title&quot;:&quot;&quot;}" href="#guest-selector-inner"></a>
                            <div id="guest-selector-inner">
                                <div class="guest_selector--inner">
                                    <div class="bottom flyout has-custom_trigger">
                                        <button type="button" class="flyout--trigger guest_selector--trigger js-guest_selector--trigger" data-js-flyout="true" aria-controls="u11" aria-expanded="false">
                                            <span class="form_input--icon icon" data-icon="icn-person-active"></span>
                                            <span class="guest_selector--trigger--text js-guest_selector--trigger--text">
                                                <span data-js-number-counter="#guest-selector-content">0</span>
                                                Personen
                                            </span>
                                            <span class="visuallyhidden">Personen</span>
                                        </button>
                                        <div class="flyout--content is-collapsed" id="u11">
                                            <div class="flyout--content--inner" data-js-selfalign="">
                                                <div class="guest_selector--content" id="guest-selector-content">
                                                    <div class="quantity_input">
                                                        <label class="quantity_input--label" for="u6">
                                                            <span class="quantity_input--label--text">Männlich</span>
                                                            <span class="quantity_input--label--subline">ab 13 J.</span>
                                                        </label>
                                                        <div class="quantity_input--input_area" data-js-quantitative_input_controls="">
                                                            <button aria-hidden="true" class="quantity_input--button_minus js-quantitative_input_controls--btn" tabindex="-1" title="Anzahl um 1 verringern" type="button" value="-1"></button>
                                                            <input class="quantity_input--input js-quantitative_input_controls--input" id="u6" max="9" min="0" name="male" placeholder="0" type="number" value="0">
                                                            <button aria-hidden="true" class="quantity_input--button_plus js-quantitative_input_controls--btn" tabindex="-1" title="Anzahl um 1 erhöhen" type="button" value="1"></button>
                                                        </div>
                                                    </div>
                                                    <div class="quantity_input">
                                                        <label class="quantity_input--label" for="u7">
                                                            <span class="quantity_input--label--text">Weiblich</span>
                                                            <span class="quantity_input--label--subline">ab 13 J.</span>
                                                        </label>
                                                        <div class="quantity_input--input_area" data-js-quantitative_input_controls="">
                                                            <button aria-hidden="true" class="quantity_input--button_minus js-quantitative_input_controls--btn" tabindex="-1" title="Anzahl um 1 verringern" type="button" value="-1"></button>
                                                            <input class="quantity_input--input js-quantitative_input_controls--input" id="u7" max="9" min="0" name="female" placeholder="0" type="number" value="0">
                                                            <button aria-hidden="true" class="quantity_input--button_plus js-quantitative_input_controls--btn" tabindex="-1" title="Anzahl um 1 erhöhen" type="button" value="1"></button>
                                                        </div>
                                                    </div>
                                                    <div class="quantity_input">
                                                        <label class="quantity_input--label" for="u8">
                                                            <span class="quantity_input--label--text">Kinder</span>
                                                            <span class="quantity_input--label--subline">6-12 J.</span>
                                                        </label>
                                                        <div class="quantity_input--input_area" data-js-quantitative_input_controls="">
                                                            <button aria-hidden="true" class="quantity_input--button_minus js-quantitative_input_controls--btn" tabindex="-1" title="Anzahl um 1 verringern" type="button" value="-1"></button>
                                                            <input class="quantity_input--input js-quantitative_input_controls--input" id="u8" max="9" min="0" name="teens" placeholder="0" type="number" value="0">
                                                            <button aria-hidden="true" class="quantity_input--button_plus js-quantitative_input_controls--btn" tabindex="-1" title="Anzahl um 1 erhöhen" type="button" value="1"></button>
                                                        </div>
                                                    </div>
                                                    <div class="quantity_input">
                                                        <label class="quantity_input--label" for="u9">
                                                            <span class="quantity_input--label--text">Kinder</span>
                                                            <span class="quantity_input--label--subline">2-5 J.</span>
                                                        </label>
                                                        <div class="quantity_input--input_area" data-js-quantitative_input_controls="">
                                                            <button aria-hidden="true" class="quantity_input--button_minus js-quantitative_input_controls--btn" tabindex="-1" title="Anzahl um 1 verringern" type="button" value="-1"></button>
                                                            <input class="quantity_input--input js-quantitative_input_controls--input" id="u9" max="9" min="0" name="children" placeholder="0" type="number" value="0">
                                                            <button aria-hidden="true" class="quantity_input--button_plus js-quantitative_input_controls--btn" tabindex="-1" title="Anzahl um 1 erhöhen" type="button" value="1"></button>
                                                        </div>
                                                    </div>
                                                    <div class="quantity_input">
                                                        <label class="quantity_input--label" for="u10">
                                                            <span class="quantity_input--label--text">Kinder</span>
                                                            <span class="quantity_input--label--subline">0-1 J.</span>
                                                        </label>
                                                        <div class="quantity_input--input_area" data-js-quantitative_input_controls="">
                                                            <button aria-hidden="true" class="quantity_input--button_minus js-quantitative_input_controls--btn" tabindex="-1" title="Anzahl um 1 verringern" type="button" value="-1"></button>
                                                            <input class="quantity_input--input js-quantitative_input_controls--input" id="u10" max="9" min="0" name="babies" placeholder="0" type="number" value="0">
                                                            <button aria-hidden="true" class="quantity_input--button_plus js-quantitative_input_controls--btn" tabindex="-1" title="Anzahl um 1 erhöhen" type="button" value="1"></button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <button class="focusonly" data-flyout-el="close" type="button">
                                                    Dropdown schliessen
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                    <button class="button guest_selector--confirm_btn js-lightbox--close">
                                        <span class="button--inner">
                                            Bestätigen
                                        </span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="booking_bar--col">
                        <a class="button booking_bar--search js-booking_bar--search" href="https://booking.youthhostel.ch/tabs.php?">
                            <span class="button--inner">
                                <span>Buchen</span>
                                <span class="icon" data-icon="icn-flag-calendar"></span>
                            </span>
                        </a>
                        
                                <button class="button booking_bar--explore">
                                    <span class="button--inner">
                                        <span>Erkunden</span>
                                        <span class="icon" data-icon="icn-nav-search-inv"></span>
                                    </span>
                                </button>
                            
                    </div>
                </div>
            </div>
        </form>
    </div>

    
</div>

</div>
        

    


    
        <section id="c39" class="section_container">
            

    


    <div class="l-sitewidth">
        <div class="section_title">
            <h2 class="section_title--title h2">
                Unsere Winter-Hostels
            </h2>
        </div>
    </div>




    
            


    <div class="slider" data-js-slider="{&quot;pageDots&quot;:true}">
        <div class="slider--controls">
            <button class="slider--prev slider--btn js-slider--prev" type="button">
                <span class="icon" data-icon="arrow-fat-left"></span>
                <span class="visuallyhidden">Prev</span>
            </button>
            <button class="slider--next slider--btn js-slider--next" type="button">
                <span class="icon" data-icon="arrow-fat-right"></span>
                <span class="visuallyhidden">Next</span>
            </button>
        </div>
        <div class="slider--inner js-slider--viewport">
            <ul class="slider--wrapper js-slider--wrapper">
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/hostels/crans-montana/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/0/6/csm_1JH-Crans-Montana-Waldsicht_a91de954d7.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/0/6/csm_1JH-Crans-Montana-Waldsicht_33b74a45dd.jpg 480x307:/fileadmin/_processed_/0/6/csm_1JH-Crans-Montana-Waldsicht_a3f6a14b7d.jpg" style="background-image: url(/fileadmin/_processed_/0/6/csm_1JH-Crans-Montana-Waldsicht_a91de954d7.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Crans-Montana</h3>
                                <p class="content_teaser--text">
                                    Eines der schönsten Gesichter des Wallis zeigt sich in Crans-Montana. Da macht auch das zur Jugendherberge umgebaute Bella Lui seinem Namen alle Ehre!
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/hostels/davos/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/f/0/csm_Jugendherberge-Davos-Aussenansicht-Veranda-Winter_919121e934.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/f/0/csm_Jugendherberge-Davos-Aussenansicht-Veranda-Winter_a6fff300b9.jpg 480x307:/fileadmin/_processed_/f/0/csm_Jugendherberge-Davos-Aussenansicht-Veranda-Winter_6e1d001ae3.jpg" style="background-image: url(/fileadmin/_processed_/f/0/csm_Jugendherberge-Davos-Aussenansicht-Veranda-Winter_919121e934.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Davos</h3>
                                <p class="content_teaser--text">
                                    Unzählige Kurgäste können nicht irren: Seit rund 150 Jahren geniesst man in Davos frische Luft, kühle Bergseen und ein Alpenpanorama der Superlative.
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/hostels/engelberg/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/4/3/csm_Jugendherberge-Engelberg-Winter_Aussenansicht_54219a69f2.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/4/3/csm_Jugendherberge-Engelberg-Winter_Aussenansicht_e761eb97b5.jpg 480x307:/fileadmin/_processed_/4/3/csm_Jugendherberge-Engelberg-Winter_Aussenansicht_490ebe2557.jpg" style="background-image: url(/fileadmin/_processed_/4/3/csm_Jugendherberge-Engelberg-Winter_Aussenansicht_54219a69f2.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Engelberg</h3>
                                <p class="content_teaser--text">
                                    Abwechslungsreich zu jeder Jahreszeit. In Engelberg wird das Bergerlebnis grossgeschrieben – im Titlis-Schnee, auf der Alp oder auf der Rodelbahn.
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/hostels/fiesch/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/b/d/csm_Jugendherberge-Fiesch-Aussenansicht_Winter_7522a1945a.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/b/d/csm_Jugendherberge-Fiesch-Aussenansicht_Winter_fd5cdecce6.jpg 480x307:/fileadmin/_processed_/b/d/csm_Jugendherberge-Fiesch-Aussenansicht_Winter_48308d99a8.jpg" style="background-image: url(/fileadmin/_processed_/b/d/csm_Jugendherberge-Fiesch-Aussenansicht_Winter_7522a1945a.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Fiesch</h3>
                                <p class="content_teaser--text">
                                    Sport-Arena und Aletsch-Arena «auf einen Streich» gibt&#039;s in der Jugendherberge Fiesch. Viele Anlagen des Sport Resorts sind für unsere Gäste gratis.
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/hostels/grindelwald/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/8/e/csm_Jugendherberge-Grindelwald-Aussenansicht_Winter_03ffad1a97.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/8/e/csm_Jugendherberge-Grindelwald-Aussenansicht_Winter_fe0de273bf.jpg 480x307:/fileadmin/_processed_/8/e/csm_Jugendherberge-Grindelwald-Aussenansicht_Winter_eeb9c7dc81.jpg" style="background-image: url(/fileadmin/_processed_/8/e/csm_Jugendherberge-Grindelwald-Aussenansicht_Winter_03ffad1a97.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Grindelwald</h3>
                                <p class="content_teaser--text">
                                    Sonnenterrasse mit majestätischem Bergpanorama: Ein einmaliger Ausblick auf Eiger, Mönch und Jungfrau ist in der Jugendherberge Grindelwald inklusive.
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/hostels/gstaad-saanenland/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/f/7/csm_Jugendherberge-Gestaad_Saanenland-Aussenansicht_Winter3_692e1939a4.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/f/7/csm_Jugendherberge-Gestaad_Saanenland-Aussenansicht_Winter3_e11c86daf6.jpg 480x307:/fileadmin/_processed_/f/7/csm_Jugendherberge-Gestaad_Saanenland-Aussenansicht_Winter3_f036e9e959.jpg" style="background-image: url(/fileadmin/_processed_/f/7/csm_Jugendherberge-Gestaad_Saanenland-Aussenansicht_Winter3_692e1939a4.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Gstaad Saanenland</h3>
                                <p class="content_teaser--text">
                                    Flanieren durch die Chalet-Dörfer Saanen und Gstaad, herzliche Gastlichkeit mit Alpenpanorama und unbegrenzte Wander- und Wintersportmöglichkeiten.
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/hostels/interlaken/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/4/2/csm_Jugendherberge-Interlaken-Aussenansicht_Winter_154db37c99.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/4/2/csm_Jugendherberge-Interlaken-Aussenansicht_Winter_e2589b7e43.jpg 480x307:/fileadmin/_processed_/4/2/csm_Jugendherberge-Interlaken-Aussenansicht_Winter_5a17d041c9.jpg" style="background-image: url(/fileadmin/_processed_/4/2/csm_Jugendherberge-Interlaken-Aussenansicht_Winter_154db37c99.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Interlaken</h3>
                                <p class="content_teaser--text">
                                    Ein modernes Youth Hostel mit Restaurant und absoluter Top-Lage am Bahnhof Interlaken Ost. Hier eröffnet sich Ihnen die gesamte Jungfrau-Region!
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/hostels/klosters/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/4/3/csm_Jugendherberge-Klosters-Aussicht-Winter_e6ca379251.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/4/3/csm_Jugendherberge-Klosters-Aussicht-Winter_1db17ca912.jpg 480x307:/fileadmin/_processed_/4/3/csm_Jugendherberge-Klosters-Aussicht-Winter_5a0a9b2282.jpg" style="background-image: url(/fileadmin/_processed_/4/3/csm_Jugendherberge-Klosters-Aussicht-Winter_e6ca379251.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Klosters</h3>
                                <p class="content_teaser--text">
                                    Erleben Sie unvergessliche Familienferien und sportliche Hochgefühle im charmanten Bündner Bergdorf Klosters. Natürlich im gemütlichen Chalet.
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/hostels/pontresina/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/3/9/csm_Jugendherberge-Pontresina-Aussenansicht-Winter_6f01d04ed9.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/3/9/csm_Jugendherberge-Pontresina-Aussenansicht-Winter_6bfec801b8.jpg 480x307:/fileadmin/_processed_/3/9/csm_Jugendherberge-Pontresina-Aussenansicht-Winter_5d9104049e.jpg" style="background-image: url(/fileadmin/_processed_/3/9/csm_Jugendherberge-Pontresina-Aussenansicht-Winter_6f01d04ed9.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Pontresina</h3>
                                <p class="content_teaser--text">
                                    Auge in Auge mit dem Steinbock! Auf 1800 Metern ü.M., im Bergdorf Pontresina, sind die Gletscher, die Alpen und ihre tierischen Bewohner ganz nah.
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/hostels/scuol/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/9/b/csm_Jugendherberge-Scuol-Aussenansicht-Winter_ff3a3c0a27.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/9/b/csm_Jugendherberge-Scuol-Aussenansicht-Winter_55a030918c.jpg 480x307:/fileadmin/_processed_/9/b/csm_Jugendherberge-Scuol-Aussenansicht-Winter_20200027be.jpg" style="background-image: url(/fileadmin/_processed_/9/b/csm_Jugendherberge-Scuol-Aussenansicht-Winter_ff3a3c0a27.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Scuol</h3>
                                <p class="content_teaser--text">
                                    Hier sind Sie an der Quelle der Erholung: In der Jugendherberge Scuol geniesst man erlebnisreiche und zugleich günstige Aktiv-Ferien im Engadin.
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/hostels/st-moritz/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/d/0/csm_Jugendherberge-St.Moritz-Aussenansicht-Winter_860fe97615.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/d/0/csm_Jugendherberge-St.Moritz-Aussenansicht-Winter_8f11c5194f.jpg 480x307:/fileadmin/_processed_/d/0/csm_Jugendherberge-St.Moritz-Aussenansicht-Winter_f6c7f55638.jpg" style="background-image: url(/fileadmin/_processed_/d/0/csm_Jugendherberge-St.Moritz-Aussenansicht-Winter_860fe97615.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">St. Moritz</h3>
                                <p class="content_teaser--text">
                                    Ferien der Spitzenklasse in St. Moritz gibt es auch ohne Schnickschnack – aber dafür mit Stil, Gemütlichkeit und eigenem Fondue- und Raclettestübli.
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/hostels/sta-maria/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/2/3/csm_Jugendherberge-Sta.Maria-Aussenansicht-Winter2_e292f587b8.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/2/3/csm_Jugendherberge-Sta.Maria-Aussenansicht-Winter2_9dfef23500.jpg 480x307:/fileadmin/_processed_/2/3/csm_Jugendherberge-Sta.Maria-Aussenansicht-Winter2_c3b7fdd9e3.jpg" style="background-image: url(/fileadmin/_processed_/2/3/csm_Jugendherberge-Sta.Maria-Aussenansicht-Winter2_e292f587b8.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Sta. Maria</h3>
                                <p class="content_teaser--text">
                                    Jenseits des Ofenpasses eröffnet sich ein Blick auf Arvenwälder, Bergwiesen und traditionelle Häuser. Unser charmantes Hostel ist aus dem Jahr 1537.
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/hostels/trin/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/b/c/csm_Jugendherberge-Trin-Aussenansicht_b104d4577d.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/b/c/csm_Jugendherberge-Trin-Aussenansicht_d74fa3c3f6.jpg 480x307:/fileadmin/_processed_/b/c/csm_Jugendherberge-Trin-Aussenansicht_a5b87a6346.jpg" style="background-image: url(/fileadmin/_processed_/b/c/csm_Jugendherberge-Trin-Aussenansicht_b104d4577d.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Trin</h3>
                                <p class="content_teaser--text">
                                    Wilde Schluchten, kristallklares Bergseewasser, weite Wiesen und Wälder. Das Naturparadies Trin lässt Sie vergessen, was Stress bedeutet, garantiert!
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/hostels/valbella/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/1/3/csm_Jugendherberge-Valbella-Aussenansicht-Winter_2a6b7e24ba.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/1/3/csm_Jugendherberge-Valbella-Aussenansicht-Winter_56d5943298.jpg 480x307:/fileadmin/_processed_/1/3/csm_Jugendherberge-Valbella-Aussenansicht-Winter_e31c37a401.jpg" style="background-image: url(/fileadmin/_processed_/1/3/csm_Jugendherberge-Valbella-Aussenansicht-Winter_2a6b7e24ba.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Valbella</h3>
                                <p class="content_teaser--text">
                                    Im sonnigen Hochtal Lenzerheide-Valbella trumpft unsere Jugendherberge mit einer 5-Sterne Aussicht auf das Bergpanorama und den Heidsee auf!
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/hostels/wellnesshostel4000/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/d/6/csm_Jugendherberge-Saas-Fee-Aussenansicht-Winter2_78b6870049.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/d/6/csm_Jugendherberge-Saas-Fee-Aussenansicht-Winter2_72858ada95.jpg 480x307:/fileadmin/_processed_/d/6/csm_Jugendherberge-Saas-Fee-Aussenansicht-Winter2_2053166fa0.jpg" style="background-image: url(/fileadmin/_processed_/d/6/csm_Jugendherberge-Saas-Fee-Aussenansicht-Winter2_78b6870049.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">wellnessHostel4000</h3>
                                <p class="content_teaser--text">
                                    Wellness, Fitness-Center und Jugendherberge in einem! Das bedeutet Entspannung pur in einem Pionierbau umgeben von 13 erhabenen Viertausendern.
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/hostels/zermatt/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/f/1/csm_Jugendherberge-Zermatt-Aussenansicht-Winter_6aab0c5d3c.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/f/1/csm_Jugendherberge-Zermatt-Aussenansicht-Winter_cf3d8a1bb9.jpg 480x307:/fileadmin/_processed_/f/1/csm_Jugendherberge-Zermatt-Aussenansicht-Winter_2142975cff.jpg" style="background-image: url(/fileadmin/_processed_/f/1/csm_Jugendherberge-Zermatt-Aussenansicht-Winter_6aab0c5d3c.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Zermatt</h3>
                                <p class="content_teaser--text">
                                    Das Matterhorn, Berg der Berge und Hauptdarsteller im Naturschauspiel um Zermatt: Aus dem Fenster der Jugendherberge hat man ihn direkt im Blickfeld.
                                </p>
                            </div>
                        </a>
                    </li>
                
            </ul>
        </div>
    </div>



        


        </section>
    

        <section id="c79" class="section_container">
            

    


    <div class="l-sitewidth">
        <div class="section_title">
            <h2 class="section_title--title h2">
                Aktuelle Specials
            </h2>
        </div>
    </div>




    
            


    <div class="slider" data-js-slider="{&quot;pageDots&quot;:true}">
        <div class="slider--controls">
            <button class="slider--prev slider--btn js-slider--prev" type="button">
                <span class="icon" data-icon="arrow-fat-left"></span>
                <span class="visuallyhidden">Prev</span>
            </button>
            <button class="slider--next slider--btn js-slider--next" type="button">
                <span class="icon" data-icon="arrow-fat-right"></span>
                <span class="visuallyhidden">Next</span>
            </button>
        </div>
        <div class="slider--inner js-slider--viewport">
            <ul class="slider--wrapper js-slider--wrapper">
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/specials/skipass-inklusive-saas-fee/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/9/c/csm_Skipass_inklusive_Saas-Fee_7d3a9f8826.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/9/c/csm_Skipass_inklusive_Saas-Fee_970c4416c0.jpg 480x307:/fileadmin/_processed_/9/c/csm_Skipass_inklusive_Saas-Fee_d7e957495e.jpg" style="background-image: url(/fileadmin/_processed_/9/c/csm_Skipass_inklusive_Saas-Fee_7d3a9f8826.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Skipass inklusive Saas-Fee</h3>
                                <p class="content_teaser--text">
                                    Skifahren in der freien Ferienrepublik Saas-Fee/Saastal.<br />
<br />

                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/specials/langlauf-wochen-camp-suvretta-sports-st-moritz/">
                            


    <div class="teaser_flag">
        <span class="icon" data-icon=""></span>
        <span class="teaser_flag--text">Limitiert</span>
    </div>




                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/d/f/csm_Langlauf_Engadin_03c6278d6c.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/d/f/csm_Langlauf_Engadin_90f0473b89.jpg 480x307:/fileadmin/_processed_/d/f/csm_Langlauf_Engadin_c8b8a98d72.jpg" style="background-image: url(/fileadmin/_processed_/d/f/csm_Langlauf_Engadin_03c6278d6c.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Langlauf Wochen Camp Suvretta Sports St. Moritz</h3>
                                <p class="content_teaser--text">
                                    Buchen Sie Ihr Langlauf Trainings-Vorbereitungswoche für &quot;La Diagonala&quot; oder den Engadiner Skimarathon.
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/specials/langlauf-3-tages-camp-suvretta-sports-st-moritz/">
                            


    <div class="teaser_flag">
        <span class="icon" data-icon=""></span>
        <span class="teaser_flag--text">Limitiert</span>
    </div>




                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/f/8/csm_Langlauf_Camp_Suvretta_Sports_St._Moritz_aad9fee2c1.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/f/8/csm_Langlauf_Camp_Suvretta_Sports_St._Moritz_8f55d27fb5.jpg 480x307:/fileadmin/_processed_/f/8/csm_Langlauf_Camp_Suvretta_Sports_St._Moritz_7194e9005a.jpg" style="background-image: url(/fileadmin/_processed_/f/8/csm_Langlauf_Camp_Suvretta_Sports_St._Moritz_aad9fee2c1.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Langlauf 3-Tages Camp Suvretta Sports St. Moritz</h3>
                                <p class="content_teaser--text">
                                    Buchen Sie Ihr Langlauf Trainings-Wochenende für &quot;La Diagonala&quot; oder den Engadiner Skimarathon.
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/specials/langlauf-in-den-spuren-des-engadins-pontresina/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/7/b/csm_Langlauf_in_den_Spuren_des_Engadins_Pontresina_67917ae019.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/7/b/csm_Langlauf_in_den_Spuren_des_Engadins_Pontresina_e512df4da3.jpg 480x307:/fileadmin/_processed_/7/b/csm_Langlauf_in_den_Spuren_des_Engadins_Pontresina_96b9ef1dec.jpg" style="background-image: url(/fileadmin/_processed_/7/b/csm_Langlauf_in_den_Spuren_des_Engadins_Pontresina_67917ae019.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Langlauf in den Spuren des Engadins Pontresina</h3>
                                <p class="content_teaser--text">
                                    Erwerben Sie die Skating- oder die klassische Technik des Langlaufens in verschiedenen Leistungsgruppen.
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/specials/wellnesspackage-saas-fee/">
                            


    <div class="teaser_flag">
        <span class="icon" data-icon=""></span>
        <span class="teaser_flag--text">Wellness</span>
    </div>




                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/9/2/csm_Wellnesspackage_Saas-Fee_8dfac5a211.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/9/2/csm_Wellnesspackage_Saas-Fee_6f37682755.jpg 480x307:/fileadmin/_processed_/9/2/csm_Wellnesspackage_Saas-Fee_7558be45c3.jpg" style="background-image: url(/fileadmin/_processed_/9/2/csm_Wellnesspackage_Saas-Fee_8dfac5a211.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Wellnesspackage Saas-Fee</h3>
                                <p class="content_teaser--text">
                                    Entspannen vom Feinsten. 
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/specials/hotelskipass/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/5/6/csm_Hotelskipass_Pontresina_St._Moritz_c00ad4363b.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/5/6/csm_Hotelskipass_Pontresina_St._Moritz_18d0209696.jpg 480x307:/fileadmin/_processed_/5/6/csm_Hotelskipass_Pontresina_St._Moritz_b5ba325635.jpg" style="background-image: url(/fileadmin/_processed_/5/6/csm_Hotelskipass_Pontresina_St._Moritz_c00ad4363b.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Hotelskipass</h3>
                                <p class="content_teaser--text">
                                    Öffentliche Verkehrsmittel und Hotelskipass inklusive in Pontresina und St. Moritz.
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/specials/skispass-in-minschuns-sta-maria/">
                            





                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/b/a/csm_Skispass_in_Minschuns_Sta._Maria_99f61ffdd5.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/b/a/csm_Skispass_in_Minschuns_Sta._Maria_e996ec558a.jpg 480x307:/fileadmin/_processed_/b/a/csm_Skispass_in_Minschuns_Sta._Maria_1e89da5715.jpg" style="background-image: url(/fileadmin/_processed_/b/a/csm_Skispass_in_Minschuns_Sta._Maria_99f61ffdd5.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Skispass in Minschuns Sta. Maria</h3>
                                <p class="content_teaser--text">
                                    Bis zu 20% auf die Übernachtung.
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/specials/schneeschuh-woche-chalandamarz-sta-maria/">
                            


    <div class="teaser_flag">
        <span class="icon" data-icon=""></span>
        <span class="teaser_flag--text">Limitiert</span>
    </div>




                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/a/4/csm_Chalandamarz_Engadin_Sta.Maria_c7a8326d89.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/a/4/csm_Chalandamarz_Engadin_Sta.Maria_73a03a479a.jpg 480x307:/fileadmin/_processed_/a/4/csm_Chalandamarz_Engadin_Sta.Maria_e840725bcb.jpg" style="background-image: url(/fileadmin/_processed_/a/4/csm_Chalandamarz_Engadin_Sta.Maria_c7a8326d89.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Schneeschuh-Woche &quot;Chalandamarz&quot; Sta. Maria</h3>
                                <p class="content_teaser--text">
                                    Mit Schneeschuhen die sanften Hügel besteigen und den Winter in seiner ganzen Pracht geniessen.
                                </p>
                            </div>
                        </a>
                    </li>
                
                    <li class="slider--slide js-slider--slide">
                        <a class="content_teaser content_teaser-boxed" href="/de/specials/schneeschuh-wochenende-sta-maria/">
                            


    <div class="teaser_flag">
        <span class="icon" data-icon=""></span>
        <span class="teaser_flag--text">Limitiert</span>
    </div>




                            
                                <div class="content_teaser--img_wrapper">
                                    <div class="image" style="background-image: url(/fileadmin/_processed_/b/8/csm_Schneehschuh_1baf2bee08.jpg); padding-top: 64.02%;">
                                        <div data-sizes="524x336:/fileadmin/_processed_/b/8/csm_Schneehschuh_f9ba518512.jpg 480x307:/fileadmin/_processed_/b/8/csm_Schneehschuh_2834220c32.jpg" style="background-image: url(/fileadmin/_processed_/b/8/csm_Schneehschuh_1baf2bee08.jpg);"></div>
                                    </div>
                                </div>
                            

                            <div class="content_teaser--content">
                                <h3 class="content_teaser--title">Schneeschuh-Wochenende Sta. Maria</h3>
                                <p class="content_teaser--text">
                                    Einfach mal ausprobieren und im Schnee die eigenen Spuren legen.
                                </p>
                            </div>
                        </a>
                    </li>
                
            </ul>
        </div>
    </div>




        


        </section>
    

        <section id="c81" class="section_container">
            

    

<div class="compound_teaser">
    <div class="compound_teaser--media">
        
                
                    <div class="image_teaser">
                        <div class="image" style="background-image: url(/fileadmin/_processed_/1/b/csm_new-website-youthhostel_082ae787e9.jpg); padding-top: 60.0%">
                            <div data-sizes="3200x1920:/fileadmin/_processed_/1/b/csm_new-website-youthhostel_94eabd2152.jpg 2591x1555:/fileadmin/_processed_/1/b/csm_new-website-youthhostel_edb87248a7.jpg 2099x1259:/fileadmin/_processed_/1/b/csm_new-website-youthhostel_6f26d8d311.jpg 1700x1020:/fileadmin/_processed_/1/b/csm_new-website-youthhostel_e89750c5b1.jpg 1377x826:/fileadmin/_processed_/1/b/csm_new-website-youthhostel_3d29e54679.jpg 1115x669:/fileadmin/_processed_/1/b/csm_new-website-youthhostel_3c61a187a7.jpg 903x542:/fileadmin/_processed_/1/b/csm_new-website-youthhostel_6e7cedd79a.jpg 731x439:/fileadmin/_processed_/1/b/csm_new-website-youthhostel_65b984d50c.jpg 479x287:/fileadmin/_processed_/1/b/csm_new-website-youthhostel_0952a8a2a8.jpg" style="background-image: url(/fileadmin/_processed_/1/b/csm_new-website-youthhostel_082ae787e9.jpg)">
                            </div>
                        </div>
                    </div>
                
            
    </div>
    <div class="compound_teaser--content">
        <div class="compound_teaser--content--inner">
            <div class="text_teaser">
                <h2 class="text_teaser--title">Wir haben eine neue Webseite!</h2>
                <div class="text_teaser--content">
                    <div class="text_teaser--body">
                        
                                <p>
                                    Wir sind stolz und freuen uns sehr Ihnen unsere neue Webseite vorstellen zu dürfen. Der neue visuelle Auftritt widerspiegelt die Modernisierung der Schweizer Jugendherbergen und stellt den ersten, massgeblichen Schritt eines umfassenden Redesigns dar.
                                </p>
                            
                    </div>
                    
                        
                                <div class="button_group button_group-left button_group-nogap">
                                    <ul class="button_group--list">
                                        <li class="button_group--list--item">
                                            <a href="/de/news/artikel/willkommen-auf-unserer-neuen-webseite/" class="button">
                                                <span class="button--inner">Mehr erfahren</span>
                                            </a>
                                        </li>
                                        <li class="button_group--list--item">
                                            
                                                
                                            
                                        </li>
                                    </ul>
                                </div>
                            
                    
                </div>
            </div>
        </div>
    </div>
</div>




        </section>
    

        <section id="c97" class="section_container">
            

    <div class="fullwidth_media_teaser">
        <div class="fullwidth_media_teaser--inner">
            <div class="fullwidth_media_teaser--background" data-js-cover="">
                <img class="fullwidth_media_teaser--background--img" data-focus-area="{&quot;x&quot;:1945.6,&quot;y&quot;:1094.4,&quot;width&quot;:204.8,&quot;height&quot;:115.2}" src="/fileadmin/_processed_/8/9/csm_Jugendherberge-Scuol-Aussenansicht-Winter2_8c9c9e493f.jpg" width="1900" height="900" alt="Aussenansicht Winter und Berge Jugendherberge Scuol" />
            </div>
            
                <div class="fullwidth_media_teaser--content">
                    <span class="fullwidth_media_teaser--subtitle"></span>
                    <h2 class="fullwidth_media_teaser--title">Jugendherberge Scuol entdecken</h2>
                    <a href="/de/hostels/scuol/" class="button button-transparent button-white">
                        <span class="button--inner">Zum Hostel</span>
                    </a>
                </div>
            
        </div>
    </div>




        </section>
    



    </div>

    <div class="site_footer" data-addsearch="exclude">
        

    <div class="footer_quick_links">
        <h2 class="visuallyhidden">Footer Quick Links</h2>
        
        <section id="c32" class="section_container">
            
    <div class="l-sitewidth">
        <div class="picto_grid">
            <ul class="picto_grid--list">
                <li>
                    


        

<a href="/de/mitgliedschaft/mitgliedschaft/" class="as-inline picto_teaser">
    <div class="picto_teaser--inner">
        <div class="picto_teaser--icon">
            <span class="icon" data-icon="icons-pictos-membership"></span>
        </div>
        <h3 class="picto_teaser--title">Mitglied werden</h3>
        <div class="picto_teaser--content">Informieren Sie sich über die Vorteile einer Mitgliedschaft</div>
        
            <div class="picto_teaser--cta">
                <span class="link link-arrow">Mehr</span>
            </div>
        
    </div>
</a>


    


                </li>
                <li>
                    


        

<a href="/de/faq/" class="as-inline picto_teaser">
    <div class="picto_teaser--inner">
        <div class="picto_teaser--icon">
            <span class="icon" data-icon="icons-pictos-help"></span>
        </div>
        <h3 class="picto_teaser--title">Fragen &amp; Antworten</h3>
        <div class="picto_teaser--content">Finden Sie hier eine Zusammenstellung der häufigsten Fragen (FAQ)</div>
        
            <div class="picto_teaser--cta">
                <span class="link link-arrow">Mehr</span>
            </div>
        
    </div>
</a>


    


                </li>
                <li>
                    


        

<a href="/de/newsletter-abonnieren/" class="as-inline picto_teaser">
    <div class="picto_teaser--inner">
        <div class="picto_teaser--icon">
            <span class="icon" data-icon="icons-pictos-newsletter"></span>
        </div>
        <h3 class="picto_teaser--title">Newsletter abonnieren</h3>
        <div class="picto_teaser--content">Erhalten Sie monatliche Updates und attraktive Angebote der Schweizer Jugendherbergen</div>
        
            <div class="picto_teaser--cta">
                <span class="link link-arrow">Mehr</span>
            </div>
        
    </div>
</a>


    


                </li>
            </ul>
        </div>
    </div>


        </section>
    

    </div>

    <div class="footer_bar">
        <div class="l-sitewidth">
            <div class="footer_bar--inner">
                
                <div class="footer_bar--col">
                    <div class="footer_logo_list">
                      <h2 class="visuallyhidden">Footer Logo Liste</h2>
                      <ul class="footer_logo_list--list" role="menu">
                        <li>
                            <a role="menuitem" class="footer_logo--link" target="_blank" href="http://www.swisstourfed.ch/">
                                <img alt="Qualität" src="/fileadmin/_processed_/0/2/csm_logo-11_df3ecb1b63.png" width="43" height="50" />
                            </a>
                        </li>
                        <li>
                            <a role="menuitem" class="footer_logo--link" target="_blank" href="https://www.myswitzerland.com">
                                <img alt="Schweiz Tourismus" src="/fileadmin/_processed_/e/a/csm_logo-12_a21e813b23.png" width="132" height="50" />
                            </a>
                        </li>
                      </ul>
                    </div>
                </div>
                

                
                <div class="footer_bar--col">
                    <nav class="footer_main_nav">
                        <h2 class="visuallyhidden">
                            Footer Navigation
                        </h2>
                        <ul class="footer_main_nav--list" role="menu">
                            <li class="footer_main_nav--list--item"><a href="/de/ueber-uns/portrait/" title="Über uns" class="footer_main_nav--link" role="menuitem">Über uns</a></li><li class="footer_main_nav--list--item"><a href="/de/agb/" title="AGB" class="footer_main_nav--link" role="menuitem">AGB</a></li><li class="footer_main_nav--list--item"><a href="/de/impressum/" title="Impressum" class="footer_main_nav--link" role="menuitem">Impressum</a></li><li class="footer_main_nav--list--item"><a href="/de/kontakt/" title="Kontakt" class="footer_main_nav--link" role="menuitem">Kontakt</a></li>
                        </ul>
                    </nav>
                </div>
                

                
                <div class="footer_bar--col">
                    <div class="footer_social_media">
                        <h2 class="visuallyhidden">Footer Social Media</h2>
                        <ul class="footer_social_media--list" role="menu">
                            <li class="footer_social_media--list--item">
                                <a class="footer_social_media--link" target="_blank" href="https://www.facebook.com/youthhostel.ch/">
                                    <span class="icon" data-icon="icn-social-light-fb"></span>
                                </a>
                            </li>
                            <li class="footer_social_media--list--item">
                                <a class="footer_social_media--link" target="_blank" href="https://www.instagram.com/swissyouthhostels/ ">
                                    <span class="icon" data-icon="icn-social-light-ig"></span>
                                </a>
                            </li>
                            <li class="footer_social_media--list--item">
                                <a class="footer_social_media--link" target="_blank" href="https://www.youtube.com/channel/UC2619tnZN02YxRyfUqyH-bw/featured">
                                    <span class="icon" data-icon="icn-social-light-yt"></span>
                                </a>
                            </li>
                            <li class="footer_social_media--list--item">
                                <div class="flyout right top">
                                    <a href="#social-media-flyout" class="footer_social_media--link" data-js-flyout="true" aria-controls="social-media-flyout" aria-expanded="false">
                                        <span class="icon" data-icon="icn-social-light-share"></span>
                                        <span class="visuallyhidden">
                                            Menü teilen
                                        </span>
                                    </a>
                                    <div class="flyout--content is-collapsed" id="social-media-flyout">
                                        <div class="flyout--content--inner" data-js-selfalign="">
                                            <div class="share_flyout">
                                                <h2 class="visuallyhidden">
                                                    Teile diese Seite
                                                </h2>
                                                <div class="share_flyout--url">
                                                    https://www.youthhostel.ch/de/
                                                </div>
                                                <button class="button">
                                                    <span class="button--inner">
                                                        Link kopieren
                                                    </span>
                                                </button>
                                                <ul class="share_flyout--social_media">
                                                    <li>
                                                        <a class="share_flyout--social_media--item" href="https://twitter.com/home?status=https://www.youthhostel.ch/de/">
                                                            <span class="icon" data-icon="icn-social-tw"></span>
                                                            <span>
                                                                Auf Twitter Teilen
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a class="share_flyout--social_media--item" href="https://www.facebook.com/sharer/sharer.php?u=https://www.youthhostel.ch/de/">
                                                            <span class="icon" data-icon="icn-social-fb"></span>
                                                            <span>
                                                                Auf Facebook teilen
                                                            </span>
                                                        </a>
                                                    </li>
                                                    <li>
                                                        <a class="share_flyout--social_media--item" href="mailto:?body=https://www.youthhostel.ch/de/">
                                                            <span class="icon" data-icon="icn-social-mail"></span>
                                                            <span>
                                                                Per Mail verschicken
                                                            </span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <button class="focusonly" data-flyout-el="close" type="button">
                                                Dropdown schliessen
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                
            </div>
            <div class="footer_copyrights">
                <span class="footer_copyrights--text">
                    ⓒ 2017 Schweizer Jugendherberge

                </span>
            </div>
        </div>
    </div>


    </div>


</div>



<script defer src="/fileadmin/cd/assets/js/vendor/jquery.js" type="text/javascript"></script><script defer src="/fileadmin/cd/assets/js/ui.js" type="text/javascript"></script><!-- Begin: components/partials/template -->
<script>
  window.app_config = window.app_config || {}; app_config.templates = app_config.templates || {}; app_config.templates['template-tooltip'] = function(obj){var p=[],print=function(){p.push.apply(p,arguments);}; with(obj){p.push(' <div class="js-tooltip--flyout tooltip--flyout" role="tooltip">   <div class="js-tooltip--flyout--arrow tooltip--flyout--arrow"></div>   <div class="tooltip--flyout--inner">     <button class="js-tooltip--flyout--close tooltip--flyout--close visuallyhidden" type="button"></button>     <div class="tooltip--flyout--content">       ',content,'     </div>   </div> </div>  ');}return p.join('');};
  /*

  <div class="js-tooltip--flyout tooltip--flyout" role="tooltip">
    <div class="js-tooltip--flyout--arrow tooltip--flyout--arrow"></div>
    <div class="tooltip--flyout--inner">
      <button class="js-tooltip--flyout--close tooltip--flyout--close visuallyhidden" type="button"></button>
      <div class="tooltip--flyout--content">
        [%=content%]
      </div>
    </div>
  </div>
  */
</script>
<!-- End: components/partials/template -->
<!-- Begin: components/partials/template -->
<script>
  window.app_config = window.app_config || {}; app_config.templates = app_config.templates || {}; app_config.templates['availability-tooltip'] = function(obj){var p=[],print=function(){p.push.apply(p,arguments);}; with(obj){p.push(' <div class="',cls,' availability--calendar js-availability--calendar" data-calendar-id="',id,'">   <div class="availability--calendar--header">     <button class="availability--change_month availability--prev js-availability--prev"></button>     <button class="availability--change_month availability--next js-availability--next"></button>   </div>   <div class="availability--calendar--body">     ',content,'   </div> </div>  ');}return p.join('');};
  /*

  <div class="[%=cls%] availability--calendar js-availability--calendar" data-calendar-id="[%=id%]">
    <div class="availability--calendar--header">
      <button class="availability--change_month availability--prev js-availability--prev"></button>
      <button class="availability--change_month availability--next js-availability--next"></button>
    </div>
    <div class="availability--calendar--body">
      [%=content%]
    </div>
  </div>
  */
</script>
<!-- End: components/partials/template -->
<!-- Begin: components/partials/template -->
<script>
  window.app_config = window.app_config || {}; app_config.templates = app_config.templates || {}; app_config.templates['template-lightbox'] = function(obj){var p=[],print=function(){p.push.apply(p,arguments);}; with(obj){p.push(' <aside class="lightbox" data-js-lightbox>   <div class="lightbox--container js-lightbox--container">     <div class="lightbox--header">       <h1 class="lightbox--title js-lightbox--title">         ',title,'       </h1>       '); if (defaultCloseButton) { p.push('       <a class="lightbox--close js-lightbox--close" href="../../" role="button">         <span class="lightbox--close--label visuallyhidden">Close</span>       </a>       '); } p.push('     </div>     <div class="js-lightbox--body lightbox--body">       <div class="js-lightbox--content lightbox--content">         ',content,'       </div>     </div>     '); if (defaultCloseButton) { p.push('     <div class="lightbox--footer">       <a class="lightbox--close js-lightbox--close visuallyhidden" href="../../" role="button">         <span class="lightbox--close--label">Close</span>       </a>       '); } p.push('     </div>   </div> </aside>  ');}return p.join('');};
  /*

  <aside class="lightbox" data-js-lightbox>
    <div class="lightbox--container js-lightbox--container">
      <div class="lightbox--header">
        <h1 class="lightbox--title js-lightbox--title">
          [%=title%]
        </h1>
        [% if (defaultCloseButton) { %]
        <a class="lightbox--close js-lightbox--close" href="../../" role="button">
          <span class="lightbox--close--label visuallyhidden">Close</span>
        </a>
        [% } %]
      </div>
      <div class="js-lightbox--body lightbox--body">
        <div class="js-lightbox--content lightbox--content">
          [%=content%]
        </div>
      </div>
      [% if (defaultCloseButton) { %]
      <div class="lightbox--footer">
        <a class="lightbox--close js-lightbox--close visuallyhidden" href="../../" role="button">
          <span class="lightbox--close--label">Close</span>
        </a>
        [% } %]
      </div>
    </div>
  </aside>
  */
</script>
<!-- End: components/partials/template -->
<!-- Begin: components/partials/template -->
<script>
  window.app_config = window.app_config || {}; app_config.templates = app_config.templates || {}; app_config.templates['location-selector-suggestionlist'] = function(obj){var p=[],print=function(){p.push.apply(p,arguments);}; with(obj){p.push(' <div class="location_selector--suggestionlist js-location_selector--suggestionlist">   '); for ( var j = 0; j < obj.length; j++ ) { var o = obj[j]; p.push('   <div class="location_selector--suggestionlist--section ',o.sectionCls,'">    <strong class="location_selector--suggestionlist--title">     <span class="location_selector--suggestionlist--title--icon icon" data-icon="',o.icon,'"></span>     <span class="location_selector--suggestionlist--title--text">',o.title,'</span>    </strong>    <div class="location_selector--suggestionlist--list" role="listbox">     '); for ( var i = 0; i < o.items.length; i++ ) { var item = o.items[i]; p.push('      <a href="" role="option" class="location_selector--suggestionlist--item js-location_selector--suggestionlist--item" role="option" data-location-selector-option-value="',item.value,'" data-location-selector-option-type="',item.type,'" data-location-selector-option-hostelnumber="',item.hostelNo,'" data-location-selector-option-variations="',item.variations,'" data-location-selector-option-region="',item.region,'">       <span class="location_selector--suggestionlist--item--text">',item.value,'</span>       <span class="visuallyhidden">in Liste: ',o.title,'</span>      </a>     '); } p.push('    </div>   </div>   '); } p.push('      '); if ( !obj.length ) {p.push('    <div class="location_selector--noresults">',obj ,'</div>   '); } p.push(' </div>  ');}return p.join('');};
  /*

  <div class="location_selector--suggestionlist js-location_selector--suggestionlist">
    [% for ( var j = 0; j < obj.length; j++ ) { var o = obj[j]; %]
    <div class="location_selector--suggestionlist--section [%=o.sectionCls%]">
        <strong class="location_selector--suggestionlist--title">
            <span class="location_selector--suggestionlist--title--icon icon" data-icon="[%=o.icon%]"></span>
            <span class="location_selector--suggestionlist--title--text">[%=o.title%]</span>
        </strong>
        <div class="location_selector--suggestionlist--list" role="listbox">
            [% for ( var i = 0; i < o.items.length; i++ ) { var item = o.items[i]; %]
                <a href="" role="option" class="location_selector--suggestionlist--item js-location_selector--suggestionlist--item" role="option" data-location-selector-option-value="[%=item.value%]" data-location-selector-option-type="[%=item.type%]" data-location-selector-option-hostelnumber="[%=item.hostelNo%]" data-location-selector-option-variations="[%=item.variations%]" data-location-selector-option-region="[%=item.region%]">
                    <span class="location_selector--suggestionlist--item--text">[%=item.value%]</span>
                    <span class="visuallyhidden">in Liste: [%=o.title%]</span>
                </a>
            [% } %]
        </div>
    </div>
    [% } %]

    [% if ( !obj.length ) {%]
        <div class="location_selector--noresults">[%=obj %]</div>
    [% } %]
  </div>
  */
</script>
<!-- End: components/partials/template --><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PW6KTBT');</script>
</body>
</html>