1<!DOCTYPE html> 2<html lang="de" class="no-js"> 3<head> 4
4<script>document.documentElement.classList.remove('no-js');</script>
4 5 <!-- Tracify --> 6
6<script type="text/javascript" src="https://script.juventus.ch/api.v1.js"></script>
6 7
7<script type="text/javascript"> 8 var tracify = Tracify({ csid: '4b580944-8413-45ea-baee-fe5d59136b7a', fingerPrint: true }); 9 tracify.capturePageView(); 10 </script>
10 11 <!-- End Tracify --> 12 <!-- Google Tag Manager --> 13
13<script> 14 window.dataLayer = window.dataLayer || []; 15 16 function gtag() { 17 dataLayer.push(arguments); 18 } 19 20 gtag('consent', 'default', { 21 ad_storage: 'denied', 22 ad_user_data: 'denied', 23 ad_personalization: 'denied', 24 analytics_storage: 'denied', 25 functionality_storage: 'denied', 26 personalization_storage: 'denied', 27 security_storage: 'granted', 28 wait_for_update: 2000, 29 }); 30 31 gtag('set', 'ads_data_redaction', true); 32 gtag('set', 'url_passthrough', true); 33 </script>
33 34
34<script>
vendor: 435 bytes, lines 34-44
34 35 (function (w, d, s, l, i) { 36 w[l] = w[l] || []; 37 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); 38 var f = d.getElementsByTagName(s)[0], 39 j = d.createElement(s), 40 dl = l != 'dataLayer' ? '&l=' + l : ''; 41 j.async = true; 42 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 43 f.parentNode.insertBefore(j, f); 44 })(window, document, 'script', 'dataLayer', '
44GTM-KXNV2WJ
vendor: 6 bytes, lines 44-45
44'); 45
45</script>
45 46 47
47<script> 48 (function () { 49 try { 50 var url = new URL(window.location.href); 51 52 if (url.searchParams.has('_gl')) { 53 url.searchParams.delete('_gl'); 54 55 var search = url.searchParams.toString(); 56 var newUrl = url.pathname + (search ? '?' + search : '') + window.location.hash; 57 58 window.history.replaceState({}, '', newUrl); 59 } 60 } catch (e) { 61 // fail silently 62 } 63 })(); 64 </script>
64 65 <!-- End Google Tag Manager --> 66 67 <!-- Start cookieyes banner --> 68
68<script 69 id="cookieyes" 70 type="text/javascript" 71 src="https://cdn-cookieyes.com/client_data/544ef1427857123b0f6fc96ae63ea273/script.js" 72 ></script>
72 73 <!-- End cookieyes banner --> 74 <meta charset="utf-8" /> 75 <link rel="stylesheet" href="https://www.juventus.ch/app/themes/project/dist/styles/main.css?v=23"> 76 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> 77 <link rel="apple-touch-icon" sizes="180x180" href="https://www.juventus.ch/app/themes/project/resources/media/favicon/apple-touch-icon.png"> 78 <link rel="icon" type="image/png" sizes="96x96" href="https://www.juventus.ch/app/themes/project/resources/media/favicon/favicon-96x96.png"> 79 <link rel="manifest" href="https://www.juventus.ch/app/themes/project/resources/media/favicon/site.webmanifest"> 80 <!-- START preloads --> 81 <link rel="preload" as="font" href="https://www.juventus.ch/app/themes/project/resources/fonts/QuinnDisplay-BoldItalic.woff2" type="font/woff2" crossorigin="anonymous" /> 82 <link rel="preload" as="font" href="https://www.juventus.ch/app/themes/project/resources/fonts/SuisseIntl-Regular.woff2" type="font/woff2" crossorigin="anonymous" /> 83 <link rel="preload" as="font" href="https://www.juventus.ch/app/themes/project/resources/fonts/SuisseIntl-Medium.woff2" type="font/woff2" crossorigin="anonymous" /> 84 <link rel="preload" as="font" href="https://www.juventus.ch/app/themes/project/resources/fonts/SuisseIntl-SemiBold.woff2" type="font/woff2" crossorigin="anonymous" /> 85 <link rel="preload" href="https://www.juventus.ch/app/uploads/2026/05/2026-05-sjs26-web-home-main-thumb-1800x1348.png" as="image" fetchpriority="high"><link rel="preload" href="https://www.juventus.ch/app/uploads/2026/05/2026-05-sjs26-web-home-main-thumb-600x449.png" as="image" fetchpriority="high"> <!-- END preloads --> 86 87 <meta name="description" content="Webseite für die Juventus Schule"> 88 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 89 90 <!-- This site is optimized with the Yoast SEO plugin v28.6 - https://yoast.com/product/yoast-seo-wordpress/ --> 91 <title>Juventus | Aus- & Weiterbildung mitten in Zürich</title> 92 <meta name="description" content="Stiftung Juventus-Schulen an 2 Standorten in Zürich, anerkannte Aus- & Weiterbildungen in Medizin, Wirtschaft & Technik inkl. Berufsmatur" /> 93 <link rel="canonical" href="https://www.juventus.ch/" /> 94 <meta property="og:locale" content="de_DE" /> 95 <meta property="og:type" content="website" /> 96 <meta property="og:title" content="Juventus | Aus- & Weiterbildung mitten in Zürich" /> 97 <meta property="og:description" content="Stiftung Juventus-Schulen an 2 Standorten in Zürich, anerkannte Aus- & Weiterbildungen in Medizin, Wirtschaft & Technik inkl. Berufsmatur" /> 98 <meta property="og:url" content="https://www.juventus.ch/" /> 99 <meta property="og:site_name" content="juventus" /> 100 <meta property="article:publisher" content="https://www.facebook.com/p/Juventus-Schulen-100086622745842/" /> 101 <meta property="article:modified_time" content="2026-10-07T06:23:21+00:00" /> 102 <meta property="og:image" content="https://www.juventus.ch/app/uploads/2026/01/OG-Image.jpg" /> 103 <meta property="og:image:width" content="1200" /> 104 <meta property="og:image:height" content="630" /> 105 <meta property="og:image:type" content="image/jpeg" /> 106 <meta name="twitter:card" content="summary_large_image" /> 107
107<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.juventus.ch\/","url":"https:\/\/www.juventus.ch\/","name":"Juventus | Aus- & Weiterbildung mitten in Zürich","isPartOf":{"@id":"https:\/\/www.juventus.ch\/#website"},"datePublished":"2025-12-22T11:06:22+00:00","dateModified":"2026-10-07T06:23:21+00:00","description":"Stiftung Juventus-Schulen an 2 Standorten in Zürich, anerkannte Aus- & Weiterbildungen in Medizin, Wirtschaft & Technik inkl. Berufsmatur","breadcrumb":{"@id":"https:\/\/www.juventus.ch\/#breadcrumb"},"inLanguage":"de-CH","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.juventus.ch\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.juventus.ch\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/www.juventus.ch\/#website","url":"https:\/\/www.juventus.ch\/","name":"juventus","description":"Aus- & Weiterbildung in Medizin, Wirtschaft & Technik - 2 Standorte mitten in Zürich","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.juventus.ch\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-CH"}]}</script>
107 108 <!-- / Yoast SEO plugin. --> 109 110 111<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.juventus.ch/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.juventus.ch%2F" /> 112<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.juventus.ch/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.juventus.ch%2F&format=xml" /> 113<style id="wp-img-auto-sizes-contain-inline-css"> 114img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 115/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 116</style> 117<style id="wp-emoji-styles-inline-css"> 118 119 img.wp-smiley, img.emoji { 120 display: inline !important; 121 border: none !important; 122 box-shadow: none !important; 123 height: 1em !important; 124 width: 1em !important; 125 margin: 0 0.07em !important; 126 vertical-align: -0.1em !important; 127 background: none !important; 128 padding: 0 !important; 129 } 130/*# sourceURL=wp-emoji-styles-inline-css */ 131</style> 132<style id="classic-theme-styles-inline-css"> 133/*! This file is auto-generated */ 134.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 135/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 136</style> 137<style id="wp-block-styles-placeholder-inline-css"> 138:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." } 139/*# sourceURL=wp-block-styles-placeholder-inline-css */ 140</style> 141<style id="wp-global-styles-placeholder-inline-css"> 142:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." } 143/*# sourceURL=wp-global-styles-placeholder-inline-css */ 144</style> 145<link rel="https://api.w.org/" href="https://www.juventus.ch/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.juventus.ch/wp-json/wp/v2/pages/9" /><link rel='shortlink' href='https://www.juventus.ch/' /> 146<link rel="icon" href="https://www.juventus.ch/app/uploads/2026/05/cropped-favicon-96x96-1-32x32.png" sizes="32x32" /> 147<link rel="icon" href="https://www.juventus.ch/app/uploads/2026/05/cropped-favicon-96x96-1-192x192.png" sizes="192x192" /> 148<link rel="apple-touch-icon" href="https://www.juventus.ch/app/uploads/2026/05/cropped-favicon-96x96-1-180x180.png" /> 149<meta name="msapplication-TileImage" content="https://www.juventus.ch/app/uploads/2026/05/cropped-favicon-96x96-1-270x270.png" /> 150</head> 151<body x-data="{ wp_id: 9 }"> 152<!-- Google Tag Manager (noscript) -->
vendor: 81 bytes, lines 152-155
152 153 <noscript> 154 <iframe 155 src="https://www.googletagmanager.com/ns.html?id=
155GTM-KXNV2WJ
vendor: 114 bytes, lines 155-161
155" 156 height="0" 157 width="0" 158 style="display: none; visibility: hidden" 159 ></iframe> 160 </noscript> 161
161<!-- End Google Tag Manager (noscript) --> 162<header 163 :data-scrolled="Alpine.store('globals').scroll_pos > 0" 164 class="group/header data-scrolled:-translate-y-8 data-scrolled:3xl:-translate-y-7 data-scrolled:lg:translate-y-0 fixed top-0 z-10 flex w-full flex-col bg-transparent px-14 py-4 transition-transform md:px-6 lg:px-8 lg:py-2.5" 165 data-in-animation="header" 166 data-component="layout/header" 167> 168 <span 169 x-cloak 170 class="size-full shadow-nav no-interaction group-data-scrolled/header:opacity-100! absolute inset-0 block bg-white opacity-0 transition-opacity" 171 ></span> 172 <span class="3xl:h-7 block h-8 w-full lg:hidden"></span> 173 <div class="relative flex w-full items-center justify-between"> 174 <a href="/"> 175 <img 176 class="3xl:h-8 xxs:h-7 translate-y-0.75 h-10" 177 src="https://www.juventus.ch/app/uploads/2026/03/juventus_color.svg" 178 alt="Logo Stiftung Juventus-Schulen" 179 fetchpriority="high" 180 /> 181 </a> 182 <div class="flex items-center justify-end gap-3 lg:gap-2"> 183 <div 184 :data-open="Alpine.store('search').is_open" 185 class="group/search z-1 data-open:z-3 data-open:delay-0 relative delay-200" 186 @click.outside="Alpine.store('search').close()" 187 @keydown.esc="Alpine.store('search').close()" 188 data-component="layout/header/search" 189> 190 191 <span id="overlay-search" x-cloak class="overlay opacity-0"></span> 192 193 <button 194 class="3xl:h-13 3xl:px-6 lg:size-14 z-1 group-data-open/search:opacity-0 transition-(--tr-colors-opacity) group-data-open/search:delay-0 group-data-scrolled/header:outline-grey-border relative flex h-14 cursor-pointer items-center justify-center gap-2.5 rounded-xl bg-white/10 px-8 outline outline-white/25 backdrop-blur-md delay-200 hover:outline-white/50 sm:w-10 md:w-12 lg:bg-transparent lg:px-0 lg:outline-none lg:backdrop-blur-none" 195 @click="Alpine.store('search').toggle()" 196 > 197 <span class="size-6 transition-(--tr-filter) default-ease group-data-scrolled/header:invert-100 relative"> 198 <svg 199 data-component="elements/icon" 200 class="shrink-0 absolute" 201 fill="none" 202 height="24" 203 width="24" 204 viewBox="0 0 32 32" 205 xmlns="http://www.w3.org/2000/svg" 206 > 207 <path class="stroke-white" d="m27 27-6.5344-6.5361m-15.4656-6.4051c0 1.1896.23431 2.3676.68956 3.4667.45525 1.099 1.12252 2.0977 1.96371 2.9388.84119.8412 1.83983 1.5085 2.93893 1.9638 1.099.4552 2.277.6895 3.4666.6895s2.3676-.2343 3.4667-.6895c1.0991-.4553 2.0977-1.1226 2.9389-1.9638.8412-.8411 1.5084-1.8398 1.9637-2.9388.4552-1.0991.6895-2.2771.6895-3.4667s-.2343-2.3676-.6895-3.4667c-.4553-1.09902-1.1225-2.09765-1.9637-2.93884s-1.8398-1.50845-2.9389-1.9637-2.2771-.68956-3.4667-.68956-2.3676.23431-3.4666.68956c-1.0991.45525-2.09774 1.12251-2.93893 1.9637s-1.50846 1.83982-1.96371 2.93884c-.45525 1.0991-.68956 2.2771-.68956 3.4667z" stroke-width="2.5" /> 208 </svg> 209 </span> 210 <span class="typo-nav default-ease group-data-scrolled/header:text-black! text-white transition-colors lg:hidden"> 211 Suche 212 </span> 213 </button> 214 215 <div 216 id="ct-search" 217 class="z-2 w-100 default-ease group-data-open/search:has-interaction no-interaction group-data-open/search:opacity-100 group-data-open/search:-translate-x-1/2 group-data-open/search:w-150 max-h-160 group-data-open/search:md:w-[calc(100%-20px)] fixed left-1/2 top-11 h-14 translate-x-0 overflow-clip rounded-xl bg-white opacity-0 transition-all md:max-h-[calc(100vh-20px)] md:-translate-x-1/2 lg:top-2.5" 218 > 219 <div 220 class="w-150 max-h-160 no-scrollbar after:content:[''] after:bg-linear-to-t absolute left-0 top-0 overflow-y-scroll overscroll-y-contain bg-white after:fixed after:bottom-0 after:left-0 after:block after:h-4 after:w-full after:from-white after:to-transparent md:max-h-full md:w-full" 221 > 222 <div class="flex flex-col gap-6 md:gap-4"> 223 224 <div 225 class="md:border-grey-border z-2 after:bg-linear-to-b sticky top-0 flex items-center gap-2 bg-white px-4 pt-4 after:absolute after:bottom-0 after:left-0 after:block after:h-4 after:w-full after:translate-y-full after:from-white after:to-transparent after:content-[''] md:gap-3 md:border-b md:pt-1 md:after:hidden" 226 > 227 <label class="relative h-14 w-full" for="search" aria-label="Suche"> 228 <svg 229 data-component="elements/icon" 230 class="shrink-0 no-interaction absolute left-8 top-1/2 -translate-y-1/2 md:left-4" 231 fill="none" 232 height="24" 233 width="24"
234 viewBox="0 0 32 32" 235 xmlns="http://www.w3.org/2000/svg" 236 > 237 <path class="stroke-black" d="m27 27-6.5344-6.5361m-15.4656-6.4051c0 1.1896.23431 2.3676.68956 3.4667.45525 1.099 1.12252 2.0977 1.96371 2.9388.84119.8412 1.83983 1.5085 2.93893 1.9638 1.099.4552 2.277.6895 3.4666.6895s2.3676-.2343 3.4667-.6895c1.0991-.4553 2.0977-1.1226 2.9389-1.9638.8412-.8411 1.5084-1.8398 1.9637-2.9388.4552-1.0991.6895-2.2771.6895-3.4667s-.2343-2.3676-.6895-3.4667c-.4553-1.09902-1.1225-2.09765-1.9637-2.93884s-1.8398-1.50845-2.9389-1.9637-2.2771-.68956-3.4667-.68956-2.3676.23431-3.4666.68956c-1.0991.45525-2.09774 1.12251-2.93893 1.9637s-1.50846 1.83982-1.96371 2.93884c-.45525 1.0991-.68956 2.2771-.68956 3.4667z" stroke-width="2" /> 238 </svg> 239 <input 240 class="size-full typo-input default-ease placeholder:text-grey-light border-grey-border rounded-xl border bg-white pl-16 pr-8 text-black transition-colors focus:border-black focus:outline-none md:rounded-none md:border-0 md:pl-12" 241 type="search" 242 id="search" 243 name="search" 244 placeholder="Suchbegriff eingeben" 245 x-model="Alpine.store('search').query" 246 @input="await Alpine.store('search').search()" 247 /> 248 <button 249 :data-filled="!!Alpine.store('search').query" 250 class="size-6 bg-grey-light transition-(--opacity-transform) data-filled:opacity-100 md:size-4.5 absolute right-6 top-1/2 flex -translate-y-1/2 cursor-pointer items-center justify-center rounded-full opacity-0 hover:rotate-90 md:right-0" 251 @click="Alpine.store('search').clear()" 252 > 253 <svg 254 data-component="elements/icon" 255 class="shrink-0 md:size-3" 256 fill="none" 257 height="14" 258 width="14" 259 viewBox="0 0 32 32" 260 xmlns="http://www.w3.org/2000/svg" 261 > 262 <path class="stroke-white" d="m6.80762 6.80761 18.38478 18.38479m0-18.38479-18.38478 18.38479" stroke-width="3.5" /> 263 </svg> 264 </button> 265 </label> 266 <button 267 class="btn-black h-14! shrink-0 md:border-0 md:bg-white md:px-0 md:font-normal md:text-black" 268 @click="Alpine.store('search').close()" 269 > 270 Abbrechen 271 </button> 272 </div> 273 274 <div 275 x-show="! Alpine.store('search').result" 276 class="flex flex-col px-8 pb-8 pt-2 md:pb-6" 277 data-component="teaser/search/empty" 278 @click="Alpine.store('search').askAI()" 279 > 280 <button 281 data-component="elements/contact" 282 class="group/link flex cursor-pointer items-center justify-center gap-4 overflow-x-clip" 283 > 284 <svg 285 data-component="elements/icon" 286 class="shrink-0" 287 fill="none" 288 height="16" 289 width="16" 290 viewBox="0 0 32 32" 291 xmlns="http://www.w3.org/2000/svg" 292 > 293 <path class="stroke-grey-text" d="m5.76271 5.78117c1.48592-1.48592 1.76537-4.28117 2.3849-4.28117.61954 0 .89901 2.79525 2.38489 4.28117 1.4859 1.48591 4.2627 1.6433 4.2627 2.36651 0 .72324-2.7768.8806-4.2627 2.36652-1.48588 1.4859-1.76535 4.2812-2.38489 4.2812-.61953 0-.89898-2.7953-2.3849-4.2812-1.48591-1.48592-4.26271-1.64328-4.26271-2.36652 0-.72321 2.7768-.8806 4.26271-2.36651z" stroke-width="2" /> 294 <path class="stroke-grey-text" d="m17.501 17.5274c2.1384-2.1384 2.5406-6.1612 3.4322-6.1612s1.2938 4.0228 3.4322 6.1612 6.1346 2.3649 6.1346 3.4057c0 1.0409-3.9962 1.2673-6.1346 3.4057-2.1384 2.1385-2.5406 6.1612-3.4322 6.1612s-1.2938-4.0227-3.4322-6.1612c-2.1384-2.1384-6.1346-2.3648-6.1346-3.4057 0-1.0408 3.9962-1.2673 6.1346-3.4057z" stroke-width="2" /> 295 </svg> 296 <span class="typo-paragraph-s link-1 link-black text-black">KI-Assistent fragen</span> 297 </button> 298 </div> 299 300 <div 301 x-show="Alpine.store('search').result" 302 class="flex flex-col gap-4 px-8 pb-4 md:px-6 md:pb-1" 303 x-html="Alpine.store('search').result" 304 ></div> 305 </div> 306 </div> 307 </div> 308</div> 309 <div 310 :data-open="Alpine.store('nav').is_open" 311 :data-subnav-open="!!Alpine.store('nav').active_subnav" 312 class="group/nav z-2 relative" 313 @click.outside="Alpine.store('nav').close()" 314 @keydown.esc="Alpine.store('nav').close()" 315 data-component="layout/header/menu" 316> 317 318 319 <span id="overlay-nav" x-cloak class="overlay opacity-0"></span> 320 321 322 <div 323 x-cloak 324 id="ct-nav" 325 class="w-38 3xl:w-36 default-ease group-data-open/nav:w-130! 3xl:h-13 md:group-data-open/nav:w-[calc(100vw-20px)]! lg:-right-5.5 group-data-open/nav:has-interaction no-interaction no-scrollbar duration-333 absolute right-0 top-0 h-14 max-h-[calc(100dvh-20px)] overflow-x-clip overflow-y-scroll overscroll-y-contain rounded-xl transition-all sm:w-10 md:-right-3.5 md:w-12 lg:h-14 lg:w-14" 326 > 327 <div 328 class="size-full w-130 group-data-open/nav:lg:bg-white lg:default-ease duration-333 absolute right-0 top-0 h-auto rounded-xl bg-white transition-all md:w-[calc(100vw-20px)] lg:bg-transparent" 329 > 330 <div class="flex flex-col justify-center gap-12 p-12 md:gap-8 md:px-8 lg:gap-10"> 331 332 <nav aria-label="Hauptnavigation" class="group-data-subnav-open/nav:hidden"> 333 <ul class="flex flex-col gap-8 lg:gap-6"> 334 <li 335 class="group-data-subnav-open/nav:animate-none animate-fade-from-left" 336 style="animation-delay: 0ms" 337 > 338 <button 339 x-data="{ slug: 'grundbildung' }" 340 class="group cursor-pointer"
341 @click="Alpine.store('nav').openSubnav(slug)" 342 > 343 <span 344 class="typo-nav-header-l default-ease group-hover:text-grey-text text-black transition-colors" 345 > 346 Grundbildung 347 </span> 348 </button> 349 </li> 350 <li 351 class="group-data-subnav-open/nav:animate-none animate-fade-from-left" 352 style="animation-delay: 33ms" 353 > 354 <button 355 x-data="{ slug: 'weiterbildung' }" 356 class="group cursor-pointer" 357 @click="Alpine.store('nav').openSubnav(slug)" 358 > 359 <span 360 class="typo-nav-header-l default-ease group-hover:text-grey-text text-black transition-colors" 361 > 362 Weiterbildung 363 </span> 364 </button> 365 </li> 366 <li 367 class="group-data-subnav-open/nav:animate-none animate-fade-from-left" 368 style="animation-delay: 66ms" 369 > 370 <button class="group cursor-pointer" @click="Alpine.store('modal').open('consultation')"> 371 <span 372 class="typo-nav-header-l default-ease group-hover:text-grey-text text-black transition-colors" 373 > 374 Beratung 375 </span> 376 </button> 377 </li> 378 <li 379 class="group-data-subnav-open/nav:animate-none animate-fade-from-left" 380 style="animation-delay: 99ms" 381 > 382 <button 383 x-data="{ slug: 'uber_juventus' }" 384 class="group cursor-pointer" 385 @click="Alpine.store('nav').openSubnav(slug)" 386 > 387 <span 388 class="typo-nav-header-l default-ease group-hover:text-grey-text text-black transition-colors" 389 > 390 Ãber Juventus 391 </span> 392 </button> 393 </li> 394 <li 395 class="group-data-subnav-open/nav:animate-none animate-fade-from-left" 396 style="animation-delay: 132ms" 397 > 398 <a class="group" href="https://www.juventus.ch/learning-hub/" target=""> 399 <span 400 class="typo-nav-header-l default-ease group-hover:text-grey-text text-black transition-colors" 401 > 402 Learning Hub 403 </span> 404 </a> 405 </li> 406 </ul> 407 </nav> 408 409 <nav 410 class="border-grey-border group-data-subnav-open/nav:hidden border-t pt-12 md:pt-8 lg:pt-10" 411 aria-label="Subnavigation" 412 > 413 <ul class="flex flex-col gap-6 md:gap-4 lg:gap-5"> 414 <li 415 class="group-data-subnav-open/nav:animate-none animate-fade-from-left" 416 style="animation-delay: 165ms" 417 > 418 <a 419 class="group/link flex items-center gap-3" 420 href="tel:043 268 26 26" 421 target="" 422 > 423 <svg 424 data-component="elements/icon" 425 class="shrink-0" 426 fill="none" 427 height="20" 428 width="20" 429 viewBox="0 0 32 32" 430 xmlns="http://www.w3.org/2000/svg" 431 > 432 <path class="stroke-grey-text" d="m19.2897 26.6299.012.007c1.0621.6762 2.3231.9699 3.5747.8326 1.2516-.1372 2.419-.6973 3.3093-1.5876l.774-.774c.3457-.3462.5399-.8153.5399-1.3045s-.1942-.9584-.5399-1.3045l-3.261-3.259c-.3461-.3457-.8153-.5399-1.3045-.5399s-.9584.1942-1.3045.5399c-.1712.1713-.3744.3073-.5982.4001-.2237.0927-.4636.1405-.7058.1405s-.482-.0478-.7058-.1405c-.2237-.0928-.427-.2288-.5982-.4001l-5.218-5.219c-.3457-.3462-.5398-.8153-.5398-1.3045s.1941-.9584.5398-1.3045c.1714-.1712.3074-.3745.4001-.5982.0928-.2238.1405-.4636.1405-.7058 0-.24225-.0477-.4821-.1405-.70585-.0927-.22375-.2287-.42702-.4001-.59819l-3.26-3.264c-.34611-.34569-.8153-.53986-1.30448-.53986-.48919 0-.95838.19417-1.3045.53986l-.774.774c-.89018.89038-1.45019 2.05764-1.58763 3.30916-.13744 1.25148.1559 2.51248.83163 3.57488l.008.012c3.57341 5.2898 8.12798 9.8454 13.41698 13.42z" stroke-width="2" /> 433 </svg> 434
435 <span class="typo-paragraph-l text-grey-text link-1 link-grey-text"> 436 +41 43 268 26 26 437 </span> 438 </a> 439 </li> 440 <li 441 class="group-data-subnav-open/nav:animate-none animate-fade-from-left" 442 style="animation-delay: 198ms" 443 > 444 <a 445 class="group/link flex items-center gap-3" 446 href="https://www.juventus.ch/standorte-kontakt/" 447 target="" 448 > 449 <svg 450 data-component="elements/icon" 451 class="shrink-0" 452 fill="none" 453 height="20" 454 width="20" 455 viewBox="0 0 32 32" 456 xmlns="http://www.w3.org/2000/svg" 457 > 458 <path class="stroke-grey-text" d="m16 16c1.933 0 3.5-1.567 3.5-3.5s-1.567-3.5-3.5-3.5-3.5 1.567-3.5 3.5 1.567 3.5 3.5 3.5z" stroke-width="2" /> 459 <path class="stroke-grey-text" d="m26.5 13.2c0 6.1859-10.5 16.8-10.5 16.8s-10.5-10.6141-10.5-16.8c0-6.1856 4.701-11.20001 10.5-11.20001s10.5 5.01441 10.5 11.20001z" stroke-width="2" /> 460 </svg> 461 462 <span class="typo-paragraph-l text-grey-text link-1 link-grey-text"> 463 Standorte 464 </span> 465 </a> 466 </li> 467 <li 468 class="group-data-subnav-open/nav:animate-none animate-fade-from-left" 469 style="animation-delay: 231ms" 470 > 471 <a 472 class="group/link flex items-center gap-3" 473 href="https://www.juventus.ch/standorte-kontakt/juventus-zuerich-kontakt/" 474 target="" 475 > 476 <svg 477 data-component="elements/icon" 478 class="shrink-0" 479 fill="none" 480 height="20" 481 width="20" 482 viewBox="0 0 32 32" 483 xmlns="http://www.w3.org/2000/svg" 484 > 485 <path class="stroke-grey-text" d="M28.3342 8.65791L16 18.7391L3.66583 8.65791M3 8H29V26.087H3V8Z" stroke-width="2" /> 486 </svg> 487 488 <span class="typo-paragraph-l text-grey-text link-1 link-grey-text"> 489 Kontakt 490 </span> 491 </a> 492 </li> 493 </ul> 494 </nav> 495 496 <div 497 :data-subnav-current="slug === Alpine.store('nav').active_subnav" 498 x-data="{ slug: 'grundbildung' }" 499 class="group/subnav data-subnav-current:flex hidden flex-col gap-8 lg:gap-6" 500 > 501 502 <button 503 class="group/btn border-grey-border flex cursor-pointer items-center gap-4 border-b pb-6" 504 @click="Alpine.store('nav').closeSubnav()" 505 > 506 <div 507 class="bg-grey-bg size-10 group-data-subnav-current/subnav:animate-fade-from-right flex cursor-pointer items-center justify-center rounded-xl" 508 > 509 <svg 510 data-component="elements/icon" 511 class="shrink-0 transition-transform group-hover/btn:-translate-x-1" 512 fill="none" 513 height="16" 514 width="16" 515 viewBox="0 0 32 32" 516 xmlns="http://www.w3.org/2000/svg" 517 > 518 <path class="stroke-grey-text" d="m23 30-14-14 14-14" stroke-width="3" /> 519 </svg> 520 </div> 521 <p class="typo-nav-header-s text-grey-text">Grundbildung</p> 522 </button> 523 524 <ul class="flex flex-col gap-8 lg:gap-6" aria-label="Subnavigation Grundbildung"> 525 <li 526 class="group-data-subnav-current/subnav:animate-fade-from-right" 527 style="animation-delay: 33ms" 528 > 529 <a class="group" href="https://www.juventus.ch/grundbildung/medizinische-lehrberufe/" target=""> 530 <span 531 class="typo-nav-header-m group-hover:text-grey-text default-ease text-black transition-colors" 532 > 533 Medizinische Lehrberufe 534 </span> 535 </a> 536 </li> 537 <li 538 class="group-data-subnav-current/subnav:animate-fade-from-right" 539 style="animation-delay: 66ms" 540 > 541 <a class="group" href="https://www.juventus.ch/grundbildung/kaufmaennische-lehrberufe/" target="">
542 <span 543 class="typo-nav-header-m group-hover:text-grey-text default-ease text-black transition-colors" 544 > 545 Kaufmännische Lehrberufe 546 </span> 547 </a> 548 </li> 549 <li 550 class="group-data-subnav-current/subnav:animate-fade-from-right" 551 style="animation-delay: 99ms" 552 > 553 <a class="group" href="https://www.juventus.ch/grundbildung/berufsmatura/" target=""> 554 <span 555 class="typo-nav-header-m group-hover:text-grey-text default-ease text-black transition-colors" 556 > 557 Berufsmaturität 558 </span> 559 </a> 560 </li> 561 <li 562 class="group-data-subnav-current/subnav:animate-fade-from-right" 563 style="animation-delay: 132ms" 564 > 565 <a class="group" href="https://www.juventus.ch/grundbildung/" target=""> 566 <span 567 class="typo-nav-header-m group-hover:text-grey-text default-ease text-black transition-colors" 568 > 569 Alle Grundbildungen 570 </span> 571 </a> 572 </li> 573 </ul> 574 </div> 575 <div 576 :data-subnav-current="slug === Alpine.store('nav').active_subnav" 577 x-data="{ slug: 'weiterbildung' }" 578 class="group/subnav data-subnav-current:flex hidden flex-col gap-8 lg:gap-6" 579 > 580 581 <button 582 class="group/btn border-grey-border flex cursor-pointer items-center gap-4 border-b pb-6" 583 @click="Alpine.store('nav').closeSubnav()" 584 > 585 <div 586 class="bg-grey-bg size-10 group-data-subnav-current/subnav:animate-fade-from-right flex cursor-pointer items-center justify-center rounded-xl" 587 > 588 <svg 589 data-component="elements/icon" 590 class="shrink-0 transition-transform group-hover/btn:-translate-x-1" 591 fill="none" 592 height="16" 593 width="16" 594 viewBox="0 0 32 32" 595 xmlns="http://www.w3.org/2000/svg" 596 > 597 <path class="stroke-grey-text" d="m23 30-14-14 14-14" stroke-width="3" /> 598 </svg> 599 </div> 600 <p class="typo-nav-header-s text-grey-text">Weiterbildung</p> 601 </button> 602 603 <ul class="flex flex-col gap-8 lg:gap-6" aria-label="Subnavigation Weiterbildung"> 604 <li 605 class="group-data-subnav-current/subnav:animate-fade-from-right" 606 style="animation-delay: 33ms" 607 > 608 <a class="group" href="https://www.juventus.ch/weiterbildungen/wirtschaft-management/" target=""> 609 <span 610 class="typo-nav-header-m group-hover:text-grey-text default-ease text-black transition-colors" 611 > 612 Wirtschaft & Management 613 </span> 614 </a> 615 </li> 616 <li 617 class="group-data-subnav-current/subnav:animate-fade-from-right" 618 style="animation-delay: 66ms" 619 > 620 <a class="group" href="https://www.juventus.ch/weiterbildungen/technik-informatik/" target=""> 621 <span 622 class="typo-nav-header-m group-hover:text-grey-text default-ease text-black transition-colors" 623 > 624 Technik & Informatik 625 </span> 626 </a> 627 </li> 628 <li 629 class="group-data-subnav-current/subnav:animate-fade-from-right" 630 style="animation-delay: 99ms" 631 > 632 <a class="group" href="https://www.juventus.ch/weiterbildungen/medizin-gesundheit/" target="">
633 <span 634 class="typo-nav-header-m group-hover:text-grey-text default-ease text-black transition-colors" 635 > 636 Medizin & Gesundheit 637 </span> 638 </a> 639 </li> 640 <li 641 class="group-data-subnav-current/subnav:animate-fade-from-right" 642 style="animation-delay: 132ms" 643 > 644 <a class="group" href="https://www.juventus.ch/weiterbildungen/" target=""> 645 <span 646 class="typo-nav-header-m group-hover:text-grey-text default-ease text-black transition-colors" 647 > 648 Alle Weiterbildungen 649 </span> 650 </a> 651 </li> 652 </ul> 653 </div> 654 <div 655 :data-subnav-current="slug === Alpine.store('nav').active_subnav" 656 x-data="{ slug: 'uber_juventus' }" 657 class="group/subnav data-subnav-current:flex hidden flex-col gap-8 lg:gap-6" 658 > 659 660 <button 661 class="group/btn border-grey-border flex cursor-pointer items-center gap-4 border-b pb-6" 662 @click="Alpine.store('nav').closeSubnav()" 663 > 664 <div 665 class="bg-grey-bg size-10 group-data-subnav-current/subnav:animate-fade-from-right flex cursor-pointer items-center justify-center rounded-xl" 666 > 667 <svg 668 data-component="elements/icon" 669 class="shrink-0 transition-transform group-hover/btn:-translate-x-1" 670 fill="none" 671 height="16" 672 width="16" 673 viewBox="0 0 32 32" 674 xmlns="http://www.w3.org/2000/svg" 675 > 676 <path class="stroke-grey-text" d="m23 30-14-14 14-14" stroke-width="3" /> 677 </svg> 678 </div> 679 <p class="typo-nav-header-s text-grey-text">Ãber Juventus</p> 680 </button> 681 682 <ul class="flex flex-col gap-8 lg:gap-6" aria-label="Subnavigation Ãber Juventus"> 683 <li 684 class="group-data-subnav-current/subnav:animate-fade-from-right" 685 style="animation-delay: 33ms" 686 > 687 <a class="group" href="https://www.juventus.ch/ueber-juventus/ueber-juventus/" target=""> 688 <span 689 class="typo-nav-header-m group-hover:text-grey-text default-ease text-black transition-colors" 690 > 691 Juventus entdecken 692 </span> 693 </a> 694 </li> 695 <li 696 class="group-data-subnav-current/subnav:animate-fade-from-right" 697 style="animation-delay: 66ms" 698 > 699 <a class="group" href="https://www.juventus.ch/ueber-juventus/unser-team/" target=""> 700 <span 701 class="typo-nav-header-m group-hover:text-grey-text default-ease text-black transition-colors" 702 > 703 Unser Team 704 </span> 705 </a> 706 </li> 707 <li 708 class="group-data-subnav-current/subnav:animate-fade-from-right" 709 style="animation-delay: 99ms" 710 > 711 <a class="group" href="https://www.juventus.ch/ueber-juventus/erfolgsberichte/" target=""> 712 <span 713 class="typo-nav-header-m group-hover:text-grey-text default-ease text-black transition-colors" 714 > 715 Erfolgsgeschichten 716 </span> 717 </a> 718 </li> 719 <li 720 class="group-data-subnav-current/subnav:animate-fade-from-right" 721 style="animation-delay: 132ms" 722 > 723 <a class="group" href="https://www.juventus.ch/ueber-juventus/news/" target="">
724 <span 725 class="typo-nav-header-m group-hover:text-grey-text default-ease text-black transition-colors" 726 > 727 News 728 </span> 729 </a> 730 </li> 731 <li 732 class="group-data-subnav-current/subnav:animate-fade-from-right" 733 style="animation-delay: 165ms" 734 > 735 <a class="group" href="https://www.juventus.ch/ueber-juventus/job-bei-juventus/" target=""> 736 <span 737 class="typo-nav-header-m group-hover:text-grey-text default-ease text-black transition-colors" 738 > 739 Jobs 740 </span> 741 </a> 742 </li> 743 </ul> 744 </div> 745 </div> 746 </div> 747 </div> 748 749 750 <button 751 class="w-38 3xl:w-36 3xl:px-6 3xl:h-13 3xl:gap-3 lg:size-14 default-ease group-data-scrolled/header:group-data-open/nav:bg-white group-data-scrolled/header:bg-grey-bg group-data-scrolled/header:lg:bg-transparent hover:bg-grey-bg group-data-open/nav:translate-y-2.5 group-data-open/nav:lg:translate-x-2.5 group-data-open/nav:hover:bg-white group-data-open/nav:md:translate-y-1 group-data-open/nav:md:translate-x-0 relative flex h-14 cursor-pointer items-center justify-center gap-4 roun
751ded-xl bg-white px-8 transition-all sm:w-10 md:w-12 md:bg-transparent lg:bg-transparent lg:px-0 lg:hover:bg-transparent" 752 @click="Alpine.store('nav').toggle()" 753 > 754 <span class="typo-nav group-data-open/nav:opacity-0 text-black transition-opacity lg:hidden">Menü</span> 755 <span 756 class="size-6 lg:size-5 default-ease lg:invert-100 lg:group-data-open/nav:invert-0 transition-(--tr-filter) group-data-scrolled/header:lg:invert-0! flex flex-col items-center justify-center gap-1.5 px-0.5 lg:px-0" 757 > 758 <span 759 class="group-data-open/nav:rotate-45 group-data-open/nav:translate-y-1 default-ease h-0.5 w-full bg-black transition-transform" 760 ></span> 761 <span 762 class="group-data-open/nav:-rotate-45 group-data-open/nav:-translate-y-1 default-ease h-0.5 w-full bg-black transition-transform" 763 ></span> 764 </span> 765 </button> 766 767</div> 768 </div> 769 </div> 770</header> 771<main data-component="layout/base" class="overflow-x-clip"> 772 <section class="z-2! relative h-screen py-6 md:pb-0 lg:h-auto lg:pt-24" data-component="flex/sections/hero_front"> 773 774 <img 775 data-in-animation="decoration" 776 class="-bottom-30 absolute left-0 lg:hidden" 777 src="https://www.juventus.ch/app/themes/project/resources/media/decoration/hero_front_bl.svg" 778 alt="" 779 fetchpriority="high" 780 /> 781 <div class="absolute right-0 top-0 hidden lg:block"> 782 <img 783 class="lg:scale-65 xxs:scale-60 sm:scale-55 origin-top-right" 784 src="https://www.juventus.ch/app/themes/project/resources/media/decoration/hero_tr.svg" 785 alt="" 786 fetchpriority="high" 787 /> 788 </div> 789 790 <div class="relative flex h-full justify-between gap-20 pl-24 pr-6 lg:flex-col lg:gap-0 lg:px-0"> 791 792 <div 793 data-in-animation="content" 794 class="gap-18 w-124 3xl:w-108 3xl:gap-14 min-w-1/3 lg:pl-18 lg:z-1 flex shrink-0 flex-col items-center justify-center md:px-6 lg:w-full lg:translate-y-8 lg:items-start lg:gap-10" 795 > 796 <div class="3xl:gap-5 flex w-min max-w-full flex-col gap-6 lg:w-full lg:gap-4"> 797 <h1 class="text-primary *:block"> 798 <span 799 class="typo-h1-lg-sansserif whitespace-nowrap" 800 > 801 Freude 802 </span> 803 <span 804 class="typo-h1-lg-serif whitespace-nowrap" 805 > 806 am Erfolg. 807 </span> 808 </h1> 809 <p 810 class="typo-paragraph text-grey-text max-w-120 text-balance w-full translate-x-1 text-left lg:translate-x-0" 811 data-in-animation="subline" 812 > 813 Juventus bietet moderne Aus- und Weiterbildungen mitten in Zürich. Was suchen Sie? 814 </p> 815 </div> 816 817 <div class="max-w-120 w-full"> 818 <form 819 x-data="chat" 820 class="border-grey-border group/ki max-w-120 flex w-full flex-col gap-1.5 rounded-xl border bg-white px-2.5 pb-3 pt-2.5" 821 @submit.prevent="submit" 822 :data-active="active" 823 data-component="misc/chat" 824> 825 <div class="relative"> 826 827 <textarea 828 aria-label="Ihre Nachricht" 829 class="border-grey-border h-30 typo-paragraph-l group-data-active/ki:border-primary pl-15 group-data-active/ki:shadow-chat w-full resize-none appearance-none rounded-xl border pb-3 pr-3 pt-6 text-black transition-all focus:outline-none md:py-4 md:pl-10 md:pr-4" 830 name="chat" 831 id="chat" 832 rows="10" 833 x-model="message" 834 @focusin="focused = true" 835 @focusout="focused = false" 836 @keydown.enter.prevent="submit" 837 ></textarea> 838 839 <div class="size-6 no-interaction md:size-4 absolute left-5 top-6 animate-pulse md:left-4 md:top-5"> 840 <img 841 class="size-full absolute inset-0 object-cover transition-opacity" 842 src="https://www.juventus.ch/app/themes/project/resources/media/icons/style/ki-grey.svg" 843 alt="" 844 fetchpriority="high" 845 /> 846 <img 847 x-cloak 848 class="size-full group-data-active/ki:opacity-100 absolute inset-0 object-cover opacity-0 transition-opacity" 849 src="https://www.juventus.ch/app/themes/project/resources/media/icons/style/ki-primary.svg" 850 alt="" 851 fetchpriority="high" 852 /> 853 </div> 854 855 <div 856 class="size-full no-interaction group-data-active/ki:opacity-0 absolute inset-0 overflow-clip transition-opacity" 857 x-ref="texts" 858 > 859 <p 860 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 861 > 862 Ich möchte die Berufsmaturität berufsbegleitend absolvieren. 863 </p> 864 <p 865 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 866 > 867 Ich möchte mich im Bereich KI weiterbilden. 868 </p> 869 <p 870 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 871 > 872 Ich interessiere mich für Wirtschaftsinformatik. 873 </p> 874 <p 875 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 876 > 877 Ich suche den Quereinstieg ins Büro. 878 </p> 879 <p 880 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 881 > 882 Ich möchte mich in Wirtschaft und Management weiterbilden. 883 </p> 884 <p 885 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 886 > 887 Ich möchte mich in Technik und Informatik weiterbilden. 888 </p> 889 <p 890 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 891 > 892 Ich möchte mich als Maschinenbauer weiterbilden. 893 </p> 894 <p 895 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 896 > 897 Ich habe das KV gemacht und suche eine Weiterbildung. 898 </p> 899 <p 900 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 901 > 902 Ich möchte mich in Elektrotechnik weiterbilden. 903 </p> 904 <p 905 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 906 > 907 Ich möchte die konventionellen Aufnahmetechniken EKA erlernen. 908 </p> 909 <p 910 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 911 > 912 Ich bin seit 15 Jahren im Gesundheitswesen und möchte Führungsverantwortung
912übernehmen. 913 </p> 914 <p 915 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 916 > 917 Ich möchte ins Gesundheitswesen wechseln. 918 </p> 919 <p 920 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 921 > 922 Ich möchte mein Fachwissen als MPA ausbauen. 923 </p> 924 <p 925 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 926 > 927 Ich möchte im Gesundheitswesen Führungsverantwortung übernehmen. 928 </p> 929 <p 930 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 931 > 932 Ich suche ein CAS für Führungspersonen im Gesundheitswesen. 933 </p> 934 <p 935 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 936 > 937 Ich möchte mehr verdienen und suche passende Weiterbildungen. 938 </p> 939 <p 940 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 941 > 942 Ich möchte mich beruflich neu orientieren. 943 </p> 944 <p 945 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 946 > 947 Ich möchte von der Technik ins Management wechseln. 948 </p> 949 <p 950 class="text-grey-text typo-paragraph-l left-15 absolute top-6 pr-5 opacity-0 transition-opacity duration-500 ease-in-out sm:hyphens-auto md:left-10 md:top-4 md:pr-4" 951 > 952 Ich möchte mich selbstständig machen und brauche das passende Wissen. 953 </p> 954 955 <div 956 class="bg-(image:--gradient-chat) animate-move-gradient bg-size-[350%_150%] absolute inset-0 left-3 top-3 h-[calc(100%-24px)] w-[calc(100%-24px)]" 957 ></div> 958 </div> 959 </div> 960 <div class="xxs:pl-2 flex items-center justify-between pl-3 pr-0.5"> 961 <button class="textbtn-primary" type="button" @click="analysis"> 962 <svg 963 data-component="elements/icon" 964 class="shrink-0 btn-icon-left md:hidden" 965 fill="none" 966 height="16" 967 width="16" 968 viewBox="0 0 32 32" 969 xmlns="http://www.w3.org/2000/svg" 970 > 971 <path class="stroke-primary" d="m27 11.6667h-6.7692c-.4489 0-.8793-.1827-1.1967-.5077-.3173-.3251-.4956-.766-.4956-1.22567v-6.93333m-9.48833 14.5h12.94983m-12.98662 5.0493h6.48662m11.5 4.7174c0 .4597-.1783.9006-.4957 1.2256-.3173.3251-.7478.5077-1.1966.5077h-18.61539c-.44883 0-.87928-.1826-1.19664-.5077-.31737-.325-.49567-.7659-.49567-1.2256v-22.53337c0-.45971.1783-.90059.49567-1.22565.31736-.32506.74781-.50768 1.19664-.50768h11.99169c.4485.0001.8786.18256 1.1959.50729l6.6248 6.78541c.3171.325.4952.7655.4953 1.2249z" stroke-width="2.5" /> 972 </svg> 973 <span class="btn-label-right md:hidden">Lebenslauf-Analyse</span> 974 <span class="btn-label-right hidden md:inline">Lebenslauf-Check</span> 975 </button> 976 <button class="btn-primary xxs:px-4"> 977 <span class="md:hidden">Vorschlag erhalten</span> 978 <span class="hidden md:inline">Vorschläge</span> 979 </button> 980 </div> 981</form> 982 </div> 983 </div> 984 985 <div data-in-animation="media" class="bg-primary relative w-full overflow-clip rounded-xl lg:rou
985nded-none"> 986 987 <video 988 class="size-full md:hidden object-cover" 989 poster="https://www.juventus.ch/app/uploads/2026/05/2026-05-sjs26-web-home-main-thumb-1800x1348.png" 990 preload="metadata" 991 playsinline 992 muted 993 loop 994 data-optimize 995 > 996 <source data-src="https://www.juventus.ch/app/uploads/2026/10/Juventus_Hero_V2.webm" type="video/webm" /> 997 998 <source src="https://www.juventus.ch/app/uploads/2026/10/Juventus_Hero_V2.mp4" type="video/mp4" /> 999 </video> 1000 <video 1001 class="size-full hidden object-cover md:block" 1002 poster="https://www.juventus.ch/app/uploads/2026/05/2026-05-sjs26-web-home-main-thumb-600x449.png" 1003 preload="metadata" 1004 playsinline 1005 muted 1006 loop 1007 data-optimize 1008 > 1009 <source data-src="https://www.juventus.ch/app/uploads/2026/10/Juventus_Hero_V2.webm" type="video/webm" /> 1010 1011 <source src="https://www.juventus.ch/app/uploads/2026/10/Juventus_Hero_V2.mp4" type="video/mp4" /> 1012 </video> 1013 1014 <span class="bg-linear-to-bl from-black/55 absolute inset-0 to-transparent to-50%"></span> 1015 </div> 1016 </div> 1017</section> 1018<section 1019 data-component="flex/sections/overview_offer_types" 1020 data-section="bg-grey/top-normal/bottom-normal/box" 1021> 1022 1023 <img 1024 data-parallax="32,100" 1025 class="absolute right-0 top-8 md:hidden lg:top-0" 1026 src="https://www.juventus.ch/app/themes/project/resources/media/decoration/overview_offer_types_r.svg" 1027 alt="" 1028 /> 1029 1030 1031 <div class="wrap-content gap-8 flex flex-col sm:gap-6"> 1032 1033 <div class="flex items-center justify-between gap-2.5 md:flex-col md:items-start"> 1034 <h2 class="typo-h2-serif text-black"> 1035 Aus- und Weiterbildung bei Juventus 1036 </h2> 1037 </div> 1038 1039 1040 <div class="grid grid-cols-2 gap-4 md:grid-cols-1"> 1041 <a 1042 href="https://juventus.ch/grundbildung/" 1043 target="_self" 1044 class="min-h-130 md:min-h-100 sm:min-h-80 group relative block w-full overflow-clip rounded-xl" 1045 > 1046 <img 1047 data-component="elements/preload-image" 1048 data-src="https://www.juventus.ch/app/uploads/2026/05/sjs26-key-circle-blank-medizin-gesundheit-20jahre-2-web-1200x900.jpg" 1049 class="blur-lg transition-filter-transform size-full default-ease absolute inset-0 object-cover transition-transform group-hover:scale-105" 1050 src="https://www.juventus.ch/app/uploads/2026/05/sjs26-key-circle-blank-medizin-gesundheit-20jahre-2-web-20x15.jpg" 1051 alt="Juventus Aus- und Weiterbildung in Medizin & Gesundheit" 1052/> 1053 <div 1054 class="bg-linear-to-t size-full xs:p-7 xxs:p-6 relative flex flex-col justify-end gap-2 from-black/70 to-transparent to-60% p-10 md:px-6 lg:p-8" 1055 > 1056 <div class="flex items-end justify-between gap-14 md:gap-10"> 1057 <div class="flex flex-col gap-2"> 1058 <h3 class="typo-h3 text-white">Grundbildung</h3> 1059 <p class="typo-paragraph-s md:typo-info text-white">Berufsfachschule in Zürich für Medizinische und Tiermedizinische Praxisassistent:innen EFZ plus KV EFZ ohne Lehrstelle & BM2 ohne Aufnahmeprüfung in 3 Ausrichtungen</p> 1060 </div> 1061 <div class="iconbtn-transparent-ghost shrink-0"> 1062 <svg 1063 data-component="elements/icon" 1064 class="shrink-0" 1065 fill="none" 1066 height="16" 1067 width="16" 1068 viewBox="0 0 32 32" 1069 xmlns="http://www.w3.org/2000/svg" 1070 > 1071 <path class="stroke-white" d="m1 16h28m0 0-11-11m11 11-11 11" stroke-width="2.5" /> 1072 </svg> 1073 </div> 1074 </div> 1075 </div> 1076 </a> 1077 <a 1078 href="https://juventus.ch/weiterbildungen/" 1079 target="_self" 1080 class="min-h-130 md:min-h-100 sm:min-h-80 group relative block w-full overflow-clip rounded-xl" 1081 > 1082 <img 1083 data-component="elements/preload-image" 1084 data-src="https://www.juventus.ch/app/uploads/2026/03/sjs26-flash-compi-male-25jahre-2-web-1200x900.jpg" 1085 class="blur-lg transition-filter-transform size-full default-ease absolute inset-0 object-cover transition-transform group-hover:scale-105" 1086 src="https://www.juventus.ch/app/uploads/2026/03/sjs26-flash-compi-male-25jahre-2-web-20x15.jpg" 1087 alt="KI Weiterbildung" 1088/> 1089 <div 1090 class="bg-linear-to-t size-full xs:p-7 xxs:p-6 relative flex flex-col justify-end gap-2 from-black/70 to-transparent to-60% p-10 md:px-6 lg:p-8" 1091 > 1092 <div class="flex items-end justify-between gap-14 md:gap-10"> 1093 <div class="flex flex-col gap-2"> 1094 <h3 class="typo-h3 text-white">Weiterbildung</h3> 1095 <p class="typo-paragraph-s md:typo-info text-white">Vom kurzen Input bis zu CAS & MAS: Weiterbildungen in Medizin & Gesundheit, Wirtschaft & Management und Technik & Informatik</p> 1096 </div>
1097 <div class="iconbtn-transparent-ghost shrink-0"> 1098 <svg 1099 data-component="elements/icon" 1100 class="shrink-0" 1101 fill="none" 1102 height="16" 1103 width="16" 1104 viewBox="0 0 32 32" 1105 xmlns="http://www.w3.org/2000/svg" 1106 > 1107 <path class="stroke-white" d="m1 16h28m0 0-11-11m11 11-11 11" stroke-width="2.5" /> 1108 </svg> 1109 </div> 1110 </div> 1111 </div> 1112 </a> 1113 </div> 1114 1115 1116 1117 1118 </div> 1119</section> 1120<section 1121 data-component="flex/sections/slider_news" 1122 data-section="bg-white/top-normal/bottom-normal/box" 1123> 1124 <div class="wrap-content flex flex-col gap-8"> 1125 1126 <div class="flex items-center justify-between gap-2.5 md:flex-col md:items-start"> 1127 <h2 class="typo-h2-serif text-black">Am Puls von Juventus</h2> 1128 <a 1129 class="textbtn-primary group sm:col-span-2" 1130 href="https://juventus.ch/ueber-juventus/news/" 1131 target="" 1132 > 1133 <span class="btn-label-left">Alle News</span> 1134 <svg 1135 data-component="elements/icon" 1136 class="shrink-0 btn-icon-right" 1137 fill="none" 1138 height="16" 1139 width="16" 1140 viewBox="0 0 32 32" 1141 xmlns="http://www.w3.org/2000/svg" 1142 > 1143 <path class="stroke-primary" d="m1 16h28m0 0-11-11m11 11-11 11" stroke-width="2.5" /> 1144 </svg> 1145 </a> 1146 </div> 1147 1148 <div 1149 x-data="{ 1150 embla: false, 1151 active_slide: 0, 1152 needed_dots: 0, 1153 can_scroll_prev: false, 1154 can_scroll_next: false, 1155 init() { 1156 const slider = this.$refs.slider 1157 this.embla = window.EmblaCarousel(slider, { loop: false, skipSnaps: true }) 1158 this.embla.on('init', () => { 1159 this.initSlide() 1160 this.initNeededDots() 1161 }) 1162 this.embla.on('select', () => { 1163 this.initSlide() 1164 }) 1165 this.embla.on('resize', () => { 1166 this.initNeededDots() 1167 }) 1168 }, 1169 initSlide() { 1170 this.active_slide = this.embla.selectedScrollSnap() 1171 this.can_scroll_prev = this.embla.canScrollPrev() 1172 this.can_scroll_next = this.embla.canScrollNext() 1173 }, 1174 initNeededDots() { 1175 this.needed_dots = this.embla.scrollSnapList().length 1176 }, 1177 }" 1178 class="flex flex-col gap-6" 1179 data-component="elements/slider" 1180> 1181 1182 <div x-ref="slider" class="embla"> 1183 <div class="embla__container 3xl:auto-cols-(--spacing-slider-md-reduced) auto-cols-(--spacing-slider-md) md:auto-cols-[95%] grid grid-flow-col gap-6 md:gap-4"> 1184 <a 1185 href="https://www.juventus.ch/news/humor-als-fuehrungsinstrument-mit-leichtigkeit-wirksam-fuehren/" 1186 target="_self" 1187 class="@container embla__slide group" 1188 data-component="teaser/news" 1189 > 1190 <div 1191 class=" gap-6 @3xl:flex-row flex h-full flex-col" 1192 > 1193 1194 <div class="rounded-xl @3xl:w-full overflow-clip"> 1195 <img 1196 data-component="elements/preload-image" 1197 data-src="https://www.juventus.ch/app/uploads/2026/09/20260924181034-LR9_6410.jpg" 1198 class="blur-lg transition-filter-transform @lg:h-90 @3xl:min-h-105 @3xl:h-full @3xl:w-673/420 default-ease h-60 w-full object-cover transition-transform group-hover:scale-105" 1199 src="https://www.juventus.ch/app/uploads/2026/09/20260924181034-LR9_6410.jpg" 1200 alt="20260924181034-LR9_6410" 1201/> 1202 </div> 1203 1204 <div 1205 class="gap-6 @3xl:w-130 @3xl:shrink-0 flex h-full flex-col justify-between" 1206 > 1207 <div class="flex flex-col gap-3"> 1208 <p class="typo-paragraph-s text-black">Aktuell bei Juventus</p> 1209 <h3 class="typo-h4-medium text-balance text-black"> 1210 Mit Leichtigkeit wirksam führen 1211 </h3> 1212 <p class="typo-paragraph text-grey-text">Donnerstagsrunde 09/2026 zum Thema Humor als Führungsinstrument</p> 1213 </div> 1214 <div class="pt-6 border-grey-border flex items-center gap-3 border-t"> 1215 <p class="typo-info text-grey-text">25. September 2026</p> 1216 <span class="size-0.75 bg-grey-text shrink-0 rounded-full"></span> 1217 <p class="typo-info text-grey-text">Fabienne Gross & Ursula Röhl</p> 1218 </div> 1219 </div> 1220 </div> 1221 </a> 1222 <a 1223 href="https://www.juventus.ch/news/gemeinsam-erfolge-feiern/" 1224 target="_self" 1225 class="@container embla__slide group" 1226 data-component="teaser/news" 1227 > 1228 <div 1229 class=" gap-6 @3xl:flex-row flex h-full flex-col" 1230 > 1231 1232 <div class="rounded-xl @3xl:w-full overflow-clip"> 1233 <img 1234 data-component="elements/preload-image" 1235 data-src="https://www.juventus.ch/app/uploads/2026/09/2026-08-WTM-Diplomfeier-2.jpg" 1236 class="blur-lg transition-filter-transform @lg:h-90 @3xl:min-h-105 @3xl:h-full @3xl:w-673/420 default-ease h-60 w-full object-cover transition-transform group-hover:scale-105" 1237 src="https://www.juventus.ch/app/uploads/2026/09/2026-08-WTM-Diplomfeier-2.jpg" 1238 alt="Diplomfeier der Juventus Schulen, am 28.08.2026 im Aura in Züric
1238h." 1239/> 1240 </div> 1241 1242 <div 1243 class="gap-6 @3xl:w-130 @3xl:shrink-0 flex h-full flex-col justify-between" 1244 > 1245 <div class="flex flex-col gap-3"> 1246 <p class="typo-paragraph-s text-black">Aktuell bei Juventus</p> 1247 <h3 class="typo-h4-medium text-balance text-black"> 1248 Gemeinsam Erfolge feiern 1249 </h3> 1250 <p class="typo-paragraph text-grey-text">Diplomfeier WTM 08/2026</p> 1251 </div> 1252 <div class="pt-6 border-grey-border flex items-center gap-3 border-t"> 1253 <p class="typo-info text-grey-text">4. September 2026</p> 1254 <span class="size-0.75 bg-grey-text shrink-0 rounded-full"></span> 1255 <p class="typo-info text-grey-text">Claudia Sidler-Brand, Oliver Meili, Marion Hüsser</p> 1256 </div> 1257 </div> 1258 </div> 1259 </a> 1260 <a 1261 href="https://www.juventus.ch/news/diplomfeier-der-medizinischen-weiterbildungen-juventus/" 1262 target="_self" 1263 class="@container embla__slide group" 1264 data-component="teaser/news" 1265 > 1266 <div 1267 class=" gap-6 @3xl:flex-row flex h-full flex-col" 1268 > 1269 1270 <div class="rounded-xl @3xl:w-full overflow-clip"> 1271 <img 1272 data-component="elements/preload-image" 1273 data-src="https://www.juventus.ch/app/uploads/2026/09/2026-08-Diplomfeier-MEG-Weiterbildung-1-1200x597.jpg" 1274 class="blur-lg transition-filter-transform @lg:h-90 @3xl:min-h-105 @3xl:h-full @3xl:w-673/420 default-ease h-60 w-full object-cover transition-transform group-hover:scale-105" 1275 src="https://www.juventus.ch/app/uploads/2026/09/2026-08-Diplomfeier-MEG-Weiterbildung-1-20x10.jpg" 1276 alt="2026-08 Diplomfeier MEG Weiterbildung" 1277/> 1278 </div> 1279 1280 <div 1281 class="gap-6 @3xl:w-130 @3xl:shrink-0 flex h-full flex-col justify-between" 1282 > 1283 <div class="flex flex-col gap-3"> 1284 <p class="typo-paragraph-s text-black">Medizin & Gesundheit</p> 1285 <h3 class="typo-h4-medium text-balance text-black"> 1286 Ein Abend voller Stolz 1287 </h3> 1288 <p class="typo-paragraph text-grey-text">Diplomfeier Weiterbildung Medizin 08/2026</p> 1289 </div> 1290 <div class="pt-6 border-grey-border flex items-center gap-3 border-t"> 1291 <p class="typo-info text-grey-text">2. September 2026</p> 1292 <span class="size-0.75 bg-grey-text shrink-0 rounded-full"></span> 1293 <p class="typo-info text-grey-text">Andrea Heshmati</p> 1294 </div> 1295 </div> 1296 </div> 1297 </a> 1298 <a 1299 href="https://www.juventus.ch/news/einladung-zur-juventus-donnerstagsrunde-humor-als-fuehrungsinstrument/" 1300 target="_self" 1301 class="@container embla__slide group" 1302 data-component="teaser/news" 1303 > 1304 <div 1305 class=" gap-6 @3xl:flex-row flex h-full flex-col" 1306 > 1307 1308 <div class="rounded-xl @3xl:w-full overflow-clip"> 1309 <img 1310 data-component="elements/preload-image" 1311 data-src="https://www.juventus.ch/app/uploads/2026/08/2028-09-doru-key-1200x329.jpg" 1312 class="blur-lg transition-filter-transform @lg:h-90 @3xl:min-h-105 @3xl:h-full @3xl:w-673/420 default-ease h-60 w-full object-cover transition-transform group-hover:scale-105" 1313 src="https://www.juventus.ch/app/uploads/2026/08/2028-09-doru-key-20x5.jpg" 1314 alt="Juventus Donnerstagsrunde: Humor als Führungsinstrument" 1315/> 1316 </div> 1317 1318 <div 1319 class="gap-6 @3xl:w-130 @3xl:shrink-0 flex h-full flex-col justify-between" 1320 > 1321 <div class="flex flex-col gap-3"> 1322 <p class="typo-paragraph-s text-black">Medizin & Gesundheit</p> 1323 <h3 class="typo-h4-medium text-balance text-black"> 1324 Einladung zur Juventus Donnerstagsrunde: Humor als Führungsinstrument 1325 </h3> 1326 <p class="typo-paragraph text-grey-text">Cornelia Schinzilarz zeigt praxisnah, wie Humor Menschen stärkt, Zusammenarbeit fördert und Führung wirksa</p> 1327 </div> 1328 <div class="pt-6 border-grey-border flex items-center gap-3 border-t"> 1329 <p class="typo-info text-grey-text">25. August 2026</p>
1330 <span class="size-0.75 bg-grey-text shrink-0 rounded-full"></span> 1331 <p class="typo-info text-grey-text">Ursula Röhl</p> 1332 </div> 1333 </div> 1334 </div> 1335 </a> 1336 <a 1337 href="https://www.juventus.ch/news/danke-karin-fuer-ueber-zehn-jahre-voller-engagement/" 1338 target="_self" 1339 class="@container embla__slide group" 1340 data-component="teaser/news" 1341 > 1342 <div 1343 class=" gap-6 @3xl:flex-row flex h-full flex-col" 1344 > 1345 1346 <div class="rounded-xl @3xl:w-full overflow-clip"> 1347 <img 1348 data-component="elements/preload-image" 1349 data-src="https://www.juventus.ch/app/uploads/2026/07/2026-07-Abschied-Karin-1200x886.jpg" 1350 class="blur-lg transition-filter-transform @lg:h-90 @3xl:min-h-105 @3xl:h-full @3xl:w-673/420 default-ease h-60 w-full object-cover transition-transform group-hover:scale-105" 1351 src="https://www.juventus.ch/app/uploads/2026/07/2026-07-Abschied-Karin-20x15.jpg" 1352 alt="2026-07 Abschied Karin" 1353/> 1354 </div> 1355 1356 <div 1357 class="gap-6 @3xl:w-130 @3xl:shrink-0 flex h-full flex-col justify-between" 1358 > 1359 <div class="flex flex-col gap-3"> 1360 <p class="typo-paragraph-s text-black">Aktuell bei Juventus</p> 1361 <h3 class="typo-h4-medium text-balance text-black"> 1362 Danke, Karin â für über zehn Jahre voller Engagement 1363 </h3> 1364 <p class="typo-paragraph text-grey-text">Nach über zehn Jahren verabschieden wir Karin Pfleghard in den Ruhestand und sagen herzlich Danke.</p> 1365 </div> 1366 <div class="pt-6 border-grey-border flex items-center gap-3 border-t"> 1367 <p class="typo-info text-grey-text">24. Juli 2026</p> 1368 <span class="size-0.75 bg-grey-text shrink-0 rounded-full"></span> 1369 <p class="typo-info text-grey-text">Fabienne Gross</p> 1370 </div> 1371 </div> 1372 </div> 1373 </a> 1374 <a 1375 href="https://www.juventus.ch/news/herzliche-gratulation-an-unsere-kaufleute-efz/" 1376 target="_self" 1377 class="@container embla__slide group" 1378 data-component="teaser/news" 1379 > 1380 <div 1381 class=" gap-6 @3xl:flex-row flex h-full flex-col" 1382 > 1383 1384 <div class="rounded-xl @3xl:w-full overflow-clip"> 1385 <img 1386 data-component="elements/preload-image" 1387 data-src="https://www.juventus.ch/app/uploads/2026/07/Bild0079_DSC_6552-1200x800.jpg" 1388 class="blur-lg transition-filter-transform @lg:h-90 @3xl:min-h-105 @3xl:h-full @3xl:w-673/420 default-ease h-60 w-full object-cover transition-transform group-hover:scale-105" 1389 src="https://www.juventus.ch/app/uploads/2026/07/Bild0079_DSC_6552-20x13.jpg" 1390 alt="Bild0079_DSC_6552" 1391/> 1392 </div> 1393 1394 <div 1395 class="gap-6 @3xl:w-130 @3xl:shrink-0 flex h-full flex-col justify-between" 1396 > 1397 <div class="flex flex-col gap-3"> 1398 <p class="typo-paragraph-s text-black">Wirtschaft & Management</p> 1399 <h3 class="typo-h4-medium text-balance text-black"> 1400 Herzliche Gratulation an unsere Kaufleute EFZ 1401 </h3> 1402 <p class="typo-paragraph text-grey-text">Diplomfeier im Zunfthaus zur Meisen</p> 1403 </div> 1404 <div class="pt-6 border-grey-border flex items-center gap-3 border-t"> 1405 <p class="typo-info text-grey-text">15. Juli 2026</p> 1406 <span class="size-0.75 bg-grey-text shrink-0 rounded-full"></span> 1407 <p class="typo-info text-grey-text">Marion Hüsser & Julian Spatz</p> 1408 </div> 1409 </div> 1410 </div> 1411 </a> 1412 </div> 1413 </div> 1414 1415 <div class="flex items-center justify-between md:hidden"> 1416 <div class="flex gap-3"> 1417 <template x-for="i in needed_dots"> 1418 <button 1419 class="default-ease after:min-w-5 relative block h-1.5 cursor-pointer rounded-full outline-[1.5px] transition-all after:absolute after:left-1/2 after:top-1/2 after:h-5 after:w-full after:-translate-x-1/2 after:-translate-y-1/2 after:content-['']" 1420 :class="{ 'w-6 outline-transparent bg-primary': i - 1 === active_slide, ' w-1.5 outline-black/20': i - 1 !== active_slide }" 1421 @click="embla.scrollTo(i - 1)" 1422 ></button> 1423 </template> 1424 </div> 1425 <div class="flex gap-2"> 1426 <button 1427 @click="embla.scrollPrev()" 1428 :disabled="!can_scroll_prev" 1429 class="iconbtn-grey-border-ghost group" 1430 aria-label="Zur vorherigen Slide" 1431 > 1432 <svg 1433 data-component="elements/icon" 1434 class="shrink-0 default-ease group-hover:-translate-x-0.75 transition-transform" 1435 fill="none" 1436 height="16" 1437 width="16"
1438 viewBox="0 0 32 32" 1439 xmlns="http://www.w3.org/2000/svg" 1440 > 1441 <path class="stroke-black" d="m23 30-14-14 14-14" stroke-width="2.5" /> 1442 </svg> 1443 </button> 1444 <button 1445 @click="embla.scrollNext()" 1446 :disabled="!can_scroll_next" 1447 class="iconbtn-grey-border-ghost group" 1448 aria-label="Zur nächsten Slide" 1449 > 1450 <svg 1451 data-component="elements/icon" 1452 class="shrink-0 default-ease group-hover:translate-x-0.75 transition-transform" 1453 fill="none" 1454 height="16" 1455 width="16" 1456 viewBox="0 0 32 32" 1457 xmlns="http://www.w3.org/2000/svg" 1458 > 1459 <path class="stroke-black" d="m9 30 14-14-14-14" stroke-width="2.5" /> 1460 </svg> 1461 </button> 1462 </div> 1463 </div> 1464</div> 1465 </div> 1466</section> 1467<section 1468 data-component="flex/sections/cta_list" 1469 data-section="bg-white/top-normal/bottom-normal/box" 1470> 1471 1472 <img 1473 data-parallax="150,70" 1474 class="translate-y-3/5 absolute bottom-0 right-0 origin-right md:hidden lg:scale-90" 1475 src="https://www.juventus.ch/app/themes/project/resources/media/decoration/cta_list_br.svg" 1476 alt="" 1477 /> 1478 <img 1479 data-parallax="80,150" 1480 class="absolute bottom-0 left-0 translate-y-1/2 xl:hidden" 1481 src="https://www.juventus.ch/app/themes/project/resources/media/decoration/cta_list_bl.svg" 1482 alt="" 1483 /> 1484 1485 <div class="wrap-content xs:gap-7 flex gap-10 md:gap-8 xl:flex-col"> 1486 <div class="w-132 3xl:w-md xs:gap-2 flex shrink-0 flex-col gap-6 sm:gap-3 md:gap-4 xl:w-auto xl:max-w-md"> 1487 <h2 class="typo-h2-serif text-black">Beratung</h2> 1488 <p class="typo-paragraph text-grey-text text-balance">Sie möchten wissen, welcher Bildungsweg zu Ihnen passt? Unsere Bildungsberater:innen nehmen sich immer persönlich Zeit für Ihre Fragen und helfen Ihnen, das richtige Angebot zu finden â individuell, ehrlich und unverbindlich.</p> 1489 </div> 1490 <div class="flex w-full flex-col gap-4"> 1491 <div 1492 class="border-grey-border md:grid-cols-(--gr-line-tile) xxs:p-6 3xl:p-9 xxs:gap-x-3 xxs:gap-y-4 flex w-full items-center gap-8 rounded-xl border bg-white p-10 sm:p-7 md:grid md:gap-x-4 md:gap-y-6 md:py-8" 1493 > 1494 <svg 1495 data-component="elements/icon" 1496 class="shrink-0 md:size-10 xxs:size-8 shrink-0 md:-translate-y-0.5 md:self-start" 1497 fill="none" 1498 height="48" 1499 width="48" 1500 viewBox="0 0 32 32" 1501 xmlns="http://www.w3.org/2000/svg" 1502 > 1503 <path class="stroke-grey-text" d="m19.4317 7.20598c2.6337-.51257 4.7542-2.59034 5.2845-5.20598.5302 2.61564 2.6501 4.69341 5.2838 5.20598m0 .00298c-2.6337.51256-4.7541 2.59034-5.2843 5.20594-.5303-2.6156-2.6503-4.69337-5.284-5.20594m-4.9857-1.667h-9.85151c-1.4329 0-2.59449 1.12455-2.59449 2.51175v12.99029c0 1.3873 1.16159 2.5118 2.59449 2.5118h2.82752v4.1857c0 1.1452 1.45356 1.6929 2.25318.8491l4.38531-4.6279c.2457-.2593.5924-.4069.9559-.4069h9.1063c1.4329 0 2.5945-1.1245 2.5945-2.5118v-4.7732" stroke-width="1" /> 1504 <path class="stroke-grey-text" d="m14 13.499c1.7444-.3445 3.149-1.741 3.5002-3.499.3512 1.758 1.7554 3.1545 3.4998 3.499m0 .002c-1.7444.3445-3.149 1.741-3.5001 3.499-.3513-1.758-1.7555-3.1545-3.4999-3.499" stroke-width="1" /> 1505 </svg> 1506 <div class="flex w-full flex-col gap-2 md:gap-1.5"> 1507 <h3 class="typo-h4-medium text-black">24/7 KI-Assistent</h3> 1508 <p class="typo-paragraph-s text-grey-text text-balance">Personalisierte, KI-gestützte Karriereberatung</p> 1509 </div> 1510 <div class="w-50 flex shrink-0 justify-end md:col-span-2 md:w-full"> 1511 <button class="btn-primary w-full" @click="Alpine.store('marple').open()"> 1512 Assistent starten 1513 </button> 1514 </div> 1515 </div> 1516 <div 1517 class="border-grey-border md:grid-cols-(--gr-line-tile) xxs:p-6 3xl:p-9 xxs:gap-x-3 xxs:gap-y-4 flex w-full items-center gap-8 rounded-xl border bg-white p-10 sm:p-7 md:grid md:gap-x-4 md:gap-y-6 md:py-8" 1518 > 1519 <svg 1520 data-component="elements/icon" 1521 class="shrink-0 md:size-10 xxs:size-8 shrink-0 md:-translate-y-0.5 md:self-start" 1522 fill="none" 1523 height="48" 1524 width="48"
1525 viewBox="0 0 32 32" 1526 xmlns="http://www.w3.org/2000/svg" 1527 > 1528 <path class="stroke-grey-text" d="m1 12h30m-22-5.06667v-6.93333m14 6.93333v-6.93333m8 28c0 1.0667-.9333 2-2 2h-26c-1.06667 0-2-.9333-2-2v-22c0-1.06667.93333-2 2-2h26c1.0667 0 2 .93333 2 2zm-23.60013-11.0667c-.26667 0-.53334.2667-.53334.5334 0 .2666.26667.5333.53334.5333.26666 0 .53336-.2667.53336-.5333 0-.2667-.2667-.5334-.53336-.5334zm0 7.0667c-.26667 0-.53334.2667-.53334.5333 0 .2667.26667.5334.53334.5334.26666 0 .53336-.2667.53336-.5334 0-.2666-.2667-.5333-.53336-.5333zm8.53333-7.0667c-.2667 0-.5333.2667-.5333.5334 0 .2666.2666.5333.5333.5333s.5333-.2667.5333-.5333c0-.2667-.2666-.5334-.5333-.5334zm0 7.0667c-.2667 0-.5333.2667-.5333.5333 0 .2667.2666.5334.5333.5334s.5333-.2667.5333-.5334c0-.2666-.2666-.5333-.5333-.5333zm8.5335 0c-.2667 0-.5334.2667-.5334.5333 0 .2667.2667.5334.5334.5334.2666 0 .5333-.2667.5333-.5334 0-.2666-.2667-.5333-.5333-.5333zm-.0002-8.9335c-1.3333 0-2.4 1.0667-2.4 2.4 0 1.3334 1.0667 2.4 2.4 2.4 1.3334 0 2.4-1.0666 2.4-2.4 0-1.3333-1.0666-2.4-2.4-2.4z" stroke-width="1" /> 1529 </svg> 1530 <div class="flex w-full flex-col gap-2 md:gap-1.5"> 1531 <h3 class="typo-h4-medium text-black">Info-Events</h3> 1532 <p class="typo-paragraph-s text-grey-text text-balance">Lernen Sie uns kennen â bevor Sie sich entscheiden</p> 1533 </div> 1534 <div class="w-50 flex shrink-0 justify-end md:col-span-2 md:w-full"> 1535 <a class="btn-primary w-full" href="https://juventus.ch/info-events/" target=""> 1536 Events zeigen 1537 </a> 1538 </div> 1539 </div> 1540 <div 1541 class="border-grey-border md:grid-cols-(--gr-line-tile) xxs:p-6 3xl:p-9 xxs:gap-x-3 xxs:gap-y-4 flex w-full items-center gap-8 rounded-xl border bg-white p-10 sm:p-7 md:grid md:gap-x-4 md:gap-y-6 md:py-8" 1542 > 1543 <svg 1544 data-component="elements/icon" 1545 class="shrink-0 md:size-10 xxs:size-8 shrink-0 md:-translate-y-0.5 md:self-start" 1546 fill="none" 1547 height="48" 1548 width="48" 1549 viewBox="0 0 32 32" 1550 xmlns="http://www.w3.org/2000/svg" 1551 > 1552 <path class="stroke-grey-text" d="m7.30435 9.82609v-7.56522c0-.3344.13284-.65511.3693-.89157s.55716-.3693.89157-.3693h20.17388c.3344 0 .6551.13284.8916.3693s.3693.55717.3693.89157v15.13043c0 .3344-.1328.6551-.3693.8916-.2365.2364-.5572.3693-.8916.3693h-13.8695m-.6305 3.7826h8.8261m-4.413-3.7826v3.7826m5.6739-8.8261c-.2482-.9823-.817-1.8537-1.6164-2.4762-.7993-.6225-1.7835-.9605-2.7967-.9605-1.0131 0-1.9973.338-2.7966.9605-.7994.6225-1.3682 1.4939-1.6164 2.4762m2.2065-6.61957c0 .28977.0571.57669.168.8444s.2734.51095.4783.71585c.2049.20489.4481.36742.7158.47831.2678.11089.5547.16796.8444.16796.2898 0 .5767-.05707.8444-.16796.2678-.11089.511-.27342.7159-.47831.2049-.2049.3674-.44814.4783.71585s.168-.55463.168-.8444c0-.28976-.0571-.57669-.168-.8444s-.2734-.51095-.4783-.71585c-.2049-.20489-.4481-.36742-.7159-.47831-.2677-.11089-.5546-.16796-.8444-.16796-.2897 0-.5766.05707-.8444.16796-.2677.11089-.5109.27342-.7158.47831-.2049.2049-.3674.44814-.4783.71585s-.168.55464-.168.8444zm-2.8369 23.01087c0-1.8392-.7307-3.6031-2.0312-4.9036-1.3005-1.3006-3.0644-2.0312-4.90362-2.0312s-3.6031.7306-4.90363 2.0312c-1.30052 1.3005-2.03115 3.0644-2.03115 4.9036zm-11.1083-12.9239c0 .5381.106 1.071.31193 1.5682.20594.4971.50778.9489.8883 1.3294s.83226.6824 1.32943.8883 1.03004.3119 1.56817.3119c.53814 0 1.071-.106 1.56817-.3119s.9489-.5078 1.3294-.8883c.3806-.3805.6824-.8323.8883-1.3294.206-.4972.312-1.0301.312-1.5682 0-1.0868-.4318-2.1291-1.2003-2.8976-.76846-.7685-1.81076-1.2002-2.89757-1.2002s-2.12911.4317-2.8976 1.2002-1.20023 1.8108-1.20023 2.8976z" stroke-width="1" /> 1553 </svg> 1554 <div class="flex w-full flex-col gap-2 md:gap-1.5"> 1555 <h3 class="typo-h4-medium text-black">Persönliche Beratung</h3> 1556 <p class="typo-paragraph-s text-grey-text text-balance">Persönliche Beratung durch echte Expert:innen</p> 1557 </div> 1558 <div class="w-50 flex shrink-0 justify-end md:col-span-2 md:w-full"> 1559 <a class="btn-primary w-full" href="https://juventus.ch/persoenliche-beratung/" target=""> 1560 Juventus Beratung 1561 </a> 1562 </div> 1563 </div> 1564 </div> 1565 </div> 1566</section> 1567<section 1568 data-component="flex/sections/about" 1569 data-section="bg-grey/top-normal/bottom-normal/box" 1570 x-data="about" 1571> 1572 <div class="wrap-content flex flex-col gap-8 md:gap-6"> 1573 1574 <div class="flex items-center justify-between gap-2.5 md:flex-col md:items-start"> 1575 <h2 class="typo-h2-serif text-black">Darum Juventus</h2> 1576 <a 1577 class="textbtn-primary group sm:col-span-2" 1578 href="https://juventus.ch/ueber-juventus/ueber-juventus/" 1579 target="" 1580 >
1581 <span class="btn-label-left">Mehr über Juventus</span> 1582 <svg 1583 data-component="elements/icon" 1584 class="shrink-0 btn-icon-right" 1585 fill="none" 1586 height="16" 1587 width="16" 1588 viewBox="0 0 32 32" 1589 xmlns="http://www.w3.org/2000/svg" 1590 > 1591 <path class="stroke-primary" d="m1 16h28m0 0-11-11m11 11-11 11" stroke-width="2.5" /> 1592 </svg> 1593 </a> 1594 </div> 1595 1596 <div 1597 class="md:w-ct-full md:no-scrollbar flex gap-4 md:snap-x md:snap-mandatory md:overflow-x-scroll md:overscroll-x-contain md:px-8" 1598 > 1599 <div 1600 :data-active="active_slide === key" 1601 x-data="{ key: 0 }" 1602 class="h-155 group/slide 3xl:h-140 transition-(--tr-about) data-active:w-full data-active:cursor-default data-active:hover:w-full data-active:hover:px-6 relative flex w-24 grow cursor-pointer flex-col justify-between overflow-clip rounded-2xl p-6 duration-500 ease-in-out hover:w-32 hover:px-10 md:h-auto md:w-full md:shrink-0 md:snap-center md:justify-start md:gap-6 md:rounded-none md:p-0" 1603 @click="changeSlide(key)" 1604 > 1605 1606 <div class="size-full absolute inset-0 md:relative md:h-60 md:overflow-clip md:rounded-xl"> 1607 <video 1608 class="size-full object-cover md:aspect-square" 1609 poster="https://www.juventus.ch/app/uploads/2026/05/04_Juventus-Website_USP-1_Freude-am-Erfolg_V4-thumb-1200x674.jpg" 1610 preload="metadata" 1611 playsinline 1612 muted 1613 loop 1614 data-about-video="0" 1615 data-optimize 1616 > 1617 <source src="https://www.juventus.ch/app/uploads/2026/05/USP-1_Freude-am-Erfolg.mp4" type="video/webm" /> 1618 1619 <source src="https://www.juventus.ch/app/uploads/2026/05/USP-1_Freude-am-Erfolg.mp4" type="video/mp4" /> 1620 </video> 1621 1622 <span 1623 class="bg-linear-to-tr to-black/15 size-full md:bg-linear-to-br absolute inset-0 from-black/80 from-5% to-45% md:from-black/20 md:from-0% md:to-black/0 md:to-50%" 1624 ></span> 1625 </div> 1626 1627 <div 1628 class="size-12 bg-white/15 relative flex shrink-0 items-center justify-center rounded-full border-[1.5px] border-white/25 backdrop-blur-md md:absolute md:left-4 md:top-4" 1629 > 1630 <p class="typo-number text-center text-white">1</p> 1631 </div> 1632 1633 <div 1634 class="group-data-active/slide:delay-500 group-data-active/slide:opacity-100 relative flex flex-col gap-4 p-4 opacity-0 transition-opacity md:p-0 md:opacity-100" 1635 > 1636 <h3 class="typo-h3 text-white md:text-black">Freude am Erfolg</h3> 1637 <p class="typo-paragraph md:text-grey-text max-w-xl text-white">Bei Juventus lernen Menschen mit Freude â weil der Unterricht lebendig ist, die Begleitung persönlich und die Infrastruktur auf der Höhe der Zeit. Wir geben alles dafür, dass Sie Ihre Aus- oder Weiterbildung mit dem bestmöglichen Ergebnis abschliessen.</p> 1638 </div> 1639 1640 <p 1641 class="typo-h4-medium whitespace-nowrap! group-data-active/slide:opacity-0 absolute bottom-8 left-1/2 -translate-x-1/2 text-white drop-shadow-md transition-opacity md:hidden" 1642 x-cloak 1643 style="writing-mode: sideways-lr" 1644 > 1645 Freude am Erfolg 1646 </p> 1647 </div> 1648 <div 1649 :data-active="active_slide === key" 1650 x-data="{ key: 1 }" 1651 class="h-155 group/slide 3xl:h-140 transition-(--tr-about) data-active:w-full data-active:cursor-default data-active:hover:w-full data-active:hover:px-6 relative flex w-24 grow cursor-pointer flex-col justify-between overflow-clip rounded-2xl p-6 duration-500 ease-in-out hover:w-32 hover:px-10 md:h-auto md:w-full md:shrink-0 md:snap-center md:justify-start md:gap-6 md:rounded-none md:p-0" 1652 @click="changeSlide(key)" 1653 > 1654 1655 <div class="size-full absolute inset-0 md:relative md:h-60 md:overflow-clip md:rounded-xl"> 1656 <video 1657 class="size-full object-cover md:aspect-square" 1658 poster="https://www.juventus.ch/app/uploads/2026/05/05_Juventus-Website_USP-2_Innovation-Wertschaetzung_V4-thumb-1200x668.jpg" 1659 preload="metadata" 1660 playsinline 1661 muted 1662 loop 1663 data-about-video="1" 1664 1665 > 1666 <source src="https://www.juventus.ch/app/uploads/2026/05/USP-2_Innovation-Wertschaetzung.mp4" type="video/webm" /> 1667 1668 <source src="https://www.juventus.ch/app/uploads/2026/05/USP-2_Innovation-Wertschaetzung.mp4" type="video/mp4" /> 1669 </video> 1670
1671 <span 1672 class="bg-linear-to-tr to-black/15 size-full md:bg-linear-to-br absolute inset-0 from-black/80 from-5% to-45% md:from-black/20 md:from-0% md:to-black/0 md:to-50%" 1673 ></span> 1674 </div> 1675 1676 <div 1677 class="size-12 bg-white/15 relative flex shrink-0 items-center justify-center rounded-full border-[1.5px] border-white/25 backdrop-blur-md md:absolute md:left-4 md:top-4" 1678 > 1679 <p class="typo-number text-center text-white">2</p> 1680 </div> 1681 1682 <div 1683 class="group-data-active/slide:delay-500 group-data-active/slide:opacity-100 relative flex flex-col gap-4 p-4 opacity-0 transition-opacity md:p-0 md:opacity-100" 1684 > 1685 <h3 class="typo-h3 text-white md:text-black">Innovation & Wertschätzung</h3> 1686 <p class="typo-paragraph md:text-grey-text max-w-xl text-white">Wir glauben daran, dass Menschen am besten lernen, wenn sie sich gesehen fühlen. Deshalb schaffen wir eine Lernumgebung, die inspiriert statt nur funktioniert â und ein Bildungsangebot, das sich laufend weiterentwickelt, weil wir zuhören: unseren Teilnehmenden und dem Arbeitsmarkt.</p> 1687 </div> 1688 1689 <p 1690 class="typo-h4-medium whitespace-nowrap! group-data-active/slide:opacity-0 absolute bottom-8 left-1/2 -translate-x-1/2 text-white drop-shadow-md transition-opacity md:hidden" 1691 x-cloak 1692 style="writing-mode: sideways-lr" 1693 > 1694 Innovation & Wertschätzung 1695 </p> 1696 </div> 1697 <div 1698 :data-active="active_slide === key" 1699 x-data="{ key: 2 }" 1700 class="h-155 group/slide 3xl:h-140 transition-(--tr-about) data-active:w-full data-active:cursor-default data-active:hover:w-full data-active:hover:px-6 relative flex w-24 grow cursor-pointer flex-col justify-between overflow-clip rounded-2xl p-6 duration-500 ease-in-out hover:w-32 hover:px-10 md:h-auto md:w-full md:shrink-0 md:snap-center md:justify-start md:gap-6 md:rounded-none md:p-0" 1701 @click="changeSlide(key)" 1702 > 1703 1704 <div class="size-full absolute inset-0 md:relative md:h-60 md:overflow-clip md:rounded-xl"> 1705 <video 1706 class="size-full object-cover md:aspect-square" 1707 poster="https://www.juventus.ch/app/uploads/2026/05/06_Juventus-Website_USP-3_Exzellenz-Qualitaet_V3-thumb-1200x670.jpg" 1708 preload="metadata" 1709 playsinline 1710 muted 1711 loop 1712 data-about-video="2" 1713 1714 > 1715 <source src="https://www.juventus.ch/app/uploads/2026/05/USP-3_Exzellenz-Qualitaet.mp4" type="video/webm" /> 1716 1717 <source src="https://www.juventus.ch/app/uploads/2026/05/USP-3_Exzellenz-Qualitaet.mp4" type="video/mp4" /> 1718 </video> 1719 1720 <span 1721 class="bg-linear-to-tr to-black/15 size-full md:bg-linear-to-br absolute inset-0 from-black/80 from-5% to-45% md:from-black/20 md:from-0% md:to-black/0 md:to-50%" 1722 ></span> 1723 </div> 1724 1725 <div 1726 class="size-12 bg-white/15 relative flex shrink-0 items-center justify-center rounded-full border-[1.5px] border-white/25 backdrop-blur-md md:absolute md:left-4 md:top-4" 1727 > 1728 <p class="typo-number text-center text-white">3</p> 1729 </div> 1730 1731 <div 1732 class="group-data-active/slide:delay-500 group-data-active/slide:opacity-100 relative flex flex-col gap-4 p-4 opacity-0 transition-opacity md:p-0 md:opacity-100" 1733 > 1734 <h3 class="typo-h3 text-white md:text-black">Exzellenz & Qualität</h3> 1735 <p class="typo-paragraph md:text-grey-text max-w-xl text-white">Guter Unterricht verändert Biografien. Deshalb setzen wir auf Lehrpersonen und Dozierende, die nicht nur Wissen vermitteln, sondern Menschen begeistern â mit fachlicher Tiefe, didaktischer Leidenschaft und dem Anspruch, Lernerfolge nicht nur zu versprechen, sondern sichtbar zu machen.</p> 1736 </div> 1737 1738 <p 1739 class="typo-h4-medium whitespace-nowrap! group-data-active/slide:opacity-0 absolute bottom-8 left-1/2 -translate-x-1/2 text-white drop-shadow-md transition-opacity md:hidden" 1740 x-cloak 1741 style="writing-mode: sideways-lr" 1742 > 1743 Exzellenz & Qualität 1744 </p> 1745 </div> 1746 <div 1747 :data-active="active_slide === key" 1748 x-data="{ key: 3 }"
1749 class="h-155 group/slide 3xl:h-140 transition-(--tr-about) data-active:w-full data-active:cursor-default data-active:hover:w-full data-active:hover:px-6 relative flex w-24 grow cursor-pointer flex-col justify-between overflow-clip rounded-2xl p-6 duration-500 ease-in-out hover:w-32 hover:px-10 md:h-auto md:w-full md:shrink-0 md:snap-center md:justify-start md:gap-6 md:rounded-none md:p-0" 1750 @click="changeSlide(key)" 1751 > 1752 1753 <div class="size-full absolute inset-0 md:relative md:h-60 md:overflow-clip md:rounded-xl"> 1754 <video 1755 class="size-full object-cover md:aspect-square" 1756 poster="https://www.juventus.ch/app/uploads/2026/05/07_Juventus-Website_USP-4_Partnerschaft-Vielfalt_V5-thumb-1200x668.jpg" 1757 preload="metadata" 1758 playsinline 1759 muted 1760 loop 1761 data-about-video="3" 1762 1763 > 1764 <source src="https://www.juventus.ch/app/uploads/2026/05/USP-4_Partnerschaft-Vielfalt.mp4" type="video/webm" /> 1765 1766 <source src="https://www.juventus.ch/app/uploads/2026/05/USP-4_Partnerschaft-Vielfalt.mp4" type="video/mp4" /> 1767 </video> 1768 1769 <span 1770 class="bg-linear-to-tr to-black/15 size-full md:bg-linear-to-br absolute inset-0 from-black/80 from-5% to-45% md:from-black/20 md:from-0% md:to-black/0 md:to-50%" 1771 ></span> 1772 </div> 1773 1774 <div 1775 class="size-12 bg-white/15 relative flex shrink-0 items-center justify-center rounded-full border-[1.5px] border-white/25 backdrop-blur-md md:absolute md:left-4 md:top-4" 1776 > 1777 <p class="typo-number text-center text-white">4</p> 1778 </div> 1779 1780 <div 1781 class="group-data-active/slide:delay-500 group-data-active/slide:opacity-100 relative flex flex-col gap-4 p-4 opacity-0 transition-opacity md:p-0 md:opacity-100" 1782 > 1783 <h3 class="typo-h3 text-white md:text-black">Partnerschaft & Vielfalt</h3> 1784 <p class="typo-paragraph md:text-grey-text max-w-xl text-white">Grossartige Bildung entsteht durch Menschen, die füreinander einstehen. Unsere Dozierenden bringen ihre Praxiserfahrung nicht nur mit â sie teilen sie mit Ãberzeugung. Und weil sich die Welt weiterdreht, tun wir es auch: mit Bildungsangeboten, die wachsen, wenn die Anforderungen wachsen.</p> 1785 </div> 1786 1787 <p 1788 class="typo-h4-medium whitespace-nowrap! group-data-active/slide:opacity-0 absolute bottom-8 left-1/2 -translate-x-1/2 text-white drop-shadow-md transition-opacity md:hidden" 1789 x-cloak 1790 style="writing-mode: sideways-lr" 1791 > 1792 Partnerschaft & Vielfalt 1793 </p> 1794 </div> 1795 </div> 1796 1797 <div class="grid grid-cols-4 gap-4 pt-4 md:grid-cols-1 md:gap-y-2 xl:grid-cols-2"> 1798 <div class="border-grey-border xs:p-5 flex flex-col gap-4 roun
1798ded-xl border bg-white p-6 md:gap-1 md:py-5"> 1799 <p class="text-primary typo-fact">+100 Jahre</p> 1800 <p class="typo-paragraph-l text-grey-text text-balance">anerkannte Bildung mit Qualität in Zürich</p> 1801 </div> 1802 <div class="border-grey-border xs:p-5 flex flex-col gap-4 rounded-xl border bg-white p-6 md:gap-1 md:py-5"> 1803 <p class="text-primary typo-fact">94%</p> 1804 <p class="typo-paragraph-l text-grey-text text-balance">Erfolgsquote über alle Kurse</p> 1805 </div> 1806 <div class="border-grey-border xs:p-5 flex flex-col gap-4 rounded-xl border bg-white p-6 md:gap-1 md:py-5"> 1807 <p class="text-primary typo-fact">+3'000</p> 1808 <p class="typo-paragraph-l text-grey-text text-balance">Lernende & Studierende pro Jahr</p> 1809 </div> 1810 <div class="border-grey-border xs:p-5 flex flex-col gap-4 rounded-xl border bg-white p-6 md:gap-1 md:py-5"> 1811 <p class="text-primary typo-fact">5.4/6*</p> 1812 <p class="typo-paragraph-l text-grey-text text-balance">in Befragungen zur Unterrichtsqualität</p> 1813 </div> 1814 </div> 1815 </div> 1816</section> 1817<section 1818 data-component="flex/sections/slider_experience" 1819 data-section="bg-grey/top-normal/bottom-normal/box" 1820> 1821 <div class="wrap-content flex flex-col gap-8"> 1822 1823 <div class="flex items-center justify-between gap-2.5 md:flex-col md:items-start"> 1824 <h2 class="typo-h2-serif text-black">Erfolgsgeschichten</h2> 1825 <a 1826 class="textbtn-primary group sm:col-span-2" 1827 href="https://juventus.ch/ueber-juventus/erfolgsberichte/" 1828 target="" 1829 > 1830 <span class="btn-label-left">Alle Erfolgsberichte</span> 1831 <svg 1832 data-component="elements/icon" 1833 class="shrink-0 btn-icon-right" 1834 fill="none" 1835 height="16" 1836 width="16" 1837 viewBox="0 0 32 32" 1838 xmlns="http://www.w3.org/2000/svg" 1839 > 1840 <path class="stroke-primary" d="m1 16h28m0 0-11-11m11 11-11 11" stroke-width="2.5" /> 1841 </svg> 1842 </a> 1843 </div> 1844 1845 <div 1846 x-data="{ 1847 embla: false, 1848 active_slide: 0, 1849 needed_dots: 0, 1850 can_scroll_prev: false, 1851 can_scroll_next: false, 1852 init() { 1853 const slider = this.$refs.slider 1854 this.embla = window.EmblaCarousel(slider, { loop: false, skipSnaps: true }) 1855 this.embla.on('init', () => { 1856 this.initSlide() 1857 this.initNeededDots() 1858 }) 1859 this.embla.on('select', () => { 1860 this.initSlide() 1861 }) 1862 this.embla.on('resize', () => { 1863 this.initNeededDots() 1864 }) 1865 }, 1866 initSlide() { 1867 this.active_slide = this.embla.selectedScrollSnap() 1868 this.can_scroll_prev = this.embla.canScrollPrev() 1869 this.can_scroll_next = this.embla.canScrollNext() 1870 }, 1871 initNeededDots() { 1872 this.needed_dots = this.embla.scrollSnapList().length 1873 }, 1874 }" 1875 class="flex flex-col gap-6" 1876 data-component="elements/slider" 1877> 1878 1879 <div x-ref="slider" class="embla"> 1880 <div class="embla__container 3xl:auto-cols-(--spacing-slider-md-reduced) auto-cols-(--spacing-slider-md) md:auto-cols-[95%] grid grid-flow-col gap-6 md:gap-4"> 1881 <a 1882 href="https://www.juventus.ch/erfolgsbericht/die-weiterbildung-zur-mpk-hat-mir-neue-moeglichkeiten-eroeffnet/" 1883 target="_self" 1884 class="@container embla__slide group" 1885 data-component="teaser/experience" 1886 > 1887 <div 1888 class="embla__slide gap-6 @3xl:flex-row @3xl:items-center @3xl:h-120 flex h-full flex-col" 1889 > 1890 1891 <div class="rounded-xl @3xl:w-full @3xl:h-full overflow-clip"> 1892 <img 1893 data-component="elements/preload-image" 1894 data-src="https://www.juventus.ch/app/uploads/2026/04/202604_Juventus-Website_Edit-V1-3890-scaled-e1777176371941-1200x850.jpg" 1895 class="blur-lg transition-filter-transform @lg:h-90 @3xl:min-h-105 @3xl:h-full @3xl:w-673/420 default-ease h-60 w-full object-cover transition-transform group-hover:scale-105" 1896 src="https://www.juventus.ch/app/uploads/2026/04/202604_Juventus-Website_Edit-V1-3890-scaled-e1777176371941-20x14.jpg" 1897 alt="Juventus Rezension Absolventin MPK Praxisleitend" 1898/> 1899 </div> 1900 1901 <div 1902 class=" @3xl:gap-4 @3xl:justify-center @3xl:w-130 @3xl:shrink-0 flex h-full flex-col gap-3" 1903 > 1904 <h3 class="typo-h4-medium text-balance text-black"> 1905 «Die Weiterbildung zur MPK hat mir neue Möglichkeiten eröffnet» 1906 </h3> 1907 <p class="typo-paragraph text-grey-text">Cinziahat den Lehrgang zur Medizinischen Praxiskoordinatorin (MPK) in praxisleitender Richtung absolviert.</p> 1908 </div> 1909 </div> 1910 </a> 1911 <a
1912 href="https://www.juventus.ch/erfolgsbericht/ich-wollte-nach-dem-efz-direkt-weitermachen/" 1913 target="_self" 1914 class="@container embla__slide group" 1915 data-component="teaser/experience" 1916 > 1917 <div 1918 class="embla__slide gap-6 @3xl:flex-row @3xl:items-center @3xl:h-120 flex h-full flex-col" 1919 > 1920 1921 <div class="rounded-xl @3xl:w-full @3xl:h-full overflow-clip"> 1922 <img 1923 data-component="elements/preload-image" 1924 data-src="https://www.juventus.ch/app/uploads/2026/06/Takiallah-Idri-1200x900.jpg" 1925 class="blur-lg transition-filter-transform @lg:h-90 @3xl:min-h-105 @3xl:h-full @3xl:w-673/420 default-ease h-60 w-full object-cover transition-transform group-hover:scale-105" 1926 src="https://www.juventus.ch/app/uploads/2026/06/Takiallah-Idri-20x15.jpg" 1927 alt="Takiallah Idri" 1928/> 1929 </div> 1930 1931 <div 1932 class=" @3xl:gap-4 @3xl:justify-center @3xl:w-130 @3xl:shrink-0 flex h-full flex-col gap-3" 1933 > 1934 <h3 class="typo-h4-medium text-balance text-black"> 1935 «Ich wollte nach dem EFZ direkt weitermachen» 1936 </h3> 1937 <p class="typo-paragraph text-grey-text">Takiallah studiert HF Elektrotechnik bei Juventus und schätzt die flexible und persönliche Begleitung.</p> 1938 </div> 1939 </div> 1940 </a> 1941 <a 1942 href="https://www.juventus.ch/erfolgsbericht/ich-kenne-das-gesundheitswesen-jetzt-aus-verschiedenen-perspektiven/" 1943 target="_self" 1944 class="@container embla__slide group" 1945 data-component="teaser/experience" 1946 > 1947 <div 1948 class="embla__slide gap-6 @3xl:flex-row @3xl:items-center @3xl:h-120 flex h-full flex-col" 1949 > 1950 1951 <div class="rounded-xl @3xl:w-full @3xl:h-full overflow-clip"> 1952 <img 1953 data-component="elements/preload-image" 1954 data-src="https://www.juventus.ch/app/uploads/2026/05/Meret-von-Arx-Thumbnail-1200x689.jpg" 1955 class="blur-lg transition-filter-transform @lg:h-90 @3xl:min-h-105 @3xl:h-full @3xl:w-673/420 default-ease h-60 w-full object-cover transition-transform group-hover:scale-105" 1956 src="https://www.juventus.ch/app/uploads/2026/05/Meret-von-Arx-Thumbnail-20x11.jpg" 1957 alt="Meret von Arx" 1958/> 1959 </div> 1960 1961 <div 1962 class=" @3xl:gap-4 @3xl:justify-center @3xl:w-130 @3xl:shrink-0 flex h-full flex-col gap-3" 1963 > 1964 <h3 class="typo-h4-medium text-balance text-black"> 1965 «Ich kenne das Gesundheitswesen jetzt aus verschiedenen Perspektiven.» 1966 </h3> 1967 <p class="typo-paragraph text-grey-text">Meret von Arx (33) hat den MAS in Health Care Management bei Juventus absolviert.</p> 1968 </div> 1969 </div> 1970 </a> 1971 <a 1972 href="https://www.juventus.ch/erfolgsbericht/nach-30-jahren-wollte-ich-eine-neue-herausforderung-in-meinem-berufsleben-haben/" 1973 target="_self" 1974 class="@container embla__slide group" 1975 data-component="teaser/experience" 1976 > 1977 <div 1978 class="embla__slide gap-6 @3xl:flex-row @3xl:items-center @3xl:h-120 flex h-full flex-col" 1979 > 1980 1981 <div class="rounded-xl @3xl:w-full @3xl:h-full overflow-clip"> 1982 <img 1983 data-component="elements/preload-image" 1984 data-src="https://www.juventus.ch/app/uploads/2026/06/Bild-Debora-1200x900.png" 1985 class="blur-lg transition-filter-transform @lg:h-90 @3xl:min-h-105 @3xl:h-full @3xl:w-673/420 default-ease h-60 w-full object-cover transition-transform group-hover:scale-105" 1986 src="https://www.juventus.ch/app/uploads/2026/06/Bild-Debora-20x15.png" 1987 alt="Debora Brunelli" 1988/> 1989 </div> 1990 1991 <div 1992 class=" @3xl:gap-4 @3xl:justify-center @3xl:w-130 @3xl:shrink-0 flex h-full flex-col gap-3" 1993 > 1994 <h3 class="typo-h4-medium text-balance text-black"> 1995 «Nach 30 Jahren wollte ich eine neue Herausforderung in meinem Berufsleben haben.» 1996 </h3> 1997 <p class="typo-paragraph text-grey-text">Nach 30 Jahren als Kosmetikerin wagt Debora einen neuen beruflichen Schritt.</p> 1998 </div> 1999 </div> 2000 </a> 2001 <a 2002 href="https://www.juventus.ch/erfolgsbericht/ich-bin-immer-sehr-gerne-zur-schule-gekommen/" 2003 target="_self" 2004 class="@container embla__slide group" 2005 data-component="teaser/experience" 2006 > 2007 <div 2008 class="embla__slide gap-6 @3xl:flex-row @3xl:items-center @3xl:h-120 flex h-full flex-col" 2009 > 2010 2011 <div class="rounded-xl @3xl:w-full @3xl:h-full overflow-clip"> 2012 <img 2013 data-component="elements/preload-image" 2014 data-src="https://www.juventus.ch/app/uploads/2026/06/Josephine-Jakob-1200x900.png" 2015 class="blur-lg transition-filter-transform @lg:h-90 @3xl:min-h-105 @3xl:h-full @3xl:w-673/420 default-ease h-60 w-full object-cover transition-transform group-hover:scale-105" 2016 src="https://www.juventus.ch/app/uploads/2026/06/Josephine-Jakob-20x15.png" 2017 alt="Testimonial: Josephine Jakob" 2018/> 2019 </div> 2020 2021 <div 2022 class=" @3xl:gap-4 @3xl:justify-center @3xl:w-130 @3xl:shrink-0 flex h-full flex-col gap-3" 2023 > 2024 <h3 class="typo-h4-medium text-balance text-black"> 2025 «Ich bin immer sehr gerne in die Schule gekommen.» 2026 </h3> 2027 <p class="typo-paragraph text-grey-text">Mit Leidenschaft für Tiere und Medizin durch die Ausbildung</p> 2028 </div> 2029 </div> 2030 </a> 2031 <a
2032 href="https://www.juventus.ch/erfolgsbericht/erfahrungsbericht-medizinische-praxisassitentin-mpa-efz-ohne-lehrvertrag/" 2033 target="_self" 2034 class="@container embla__slide group" 2035 data-component="teaser/experience" 2036 > 2037 <div 2038 class="embla__slide gap-6 @3xl:flex-row @3xl:items-center @3xl:h-120 flex h-full flex-col" 2039 > 2040 2041 <div class="rounded-xl @3xl:w-full @3xl:h-full overflow-clip"> 2042 <img 2043 data-component="elements/preload-image" 2044 data-src="https://www.juventus.ch/app/uploads/2026/05/Juventus-MPA-Testimonial_Anina-Sigrist_Thn-01-1200x675.jpg" 2045 class="blur-lg transition-filter-transform @lg:h-90 @3xl:min-h-105 @3xl:h-full @3xl:w-673/420 default-ease h-60 w-full object-cover transition-transform group-hover:scale-105" 2046 src="https://www.juventus.ch/app/uploads/2026/05/Juventus-MPA-Testimonial_Anina-Sigrist_Thn-01-20x11.jpg" 2047 alt="Annina S. Erfahrungsbericht Juventus Medizinische Praxisassistentin MPA EFZ Schulischer Weg ohne Lehrvertrag" 2048/> 2049 </div> 2050 2051 <div 2052 class=" @3xl:gap-4 @3xl:justify-center @3xl:w-130 @3xl:shrink-0 flex h-full flex-col gap-3" 2053 > 2054 <h3 class="typo-h4-medium text-balance text-black"> 2055 «Ich wollte MPA werden â und nicht länger warten.» 2056 </h3> 2057 <p class="typo-paragraph text-grey-text">Annina S. erzählt von Ihrer Lehre Med. Praxisassistentin MPA EFZ ohne Lehrvertrag bei Juventus.</p> 2058 </div> 2059 </div> 2060 </a> 2061 </div> 2062 </div> 2063 2064 <div class="flex items-center justify-between md:hidden"> 2065 <div class="flex gap-3"> 2066 <template x-for="i in needed_dots"> 2067 <button 2068 class="default-ease after:min-w-5 relative block h-1.5 cursor-pointer rounded-full outline-[1.5px] transition-all after:absolute after:left-1/2 after:top-1/2 after:h-5 after:w-full after:-translate-x-1/2 after:-translate-y-1/2 after:content-['']" 2069 :class="{ 'w-6 outline-transparent bg-primary': i - 1 === active_slide, ' w-1.5 outline-black/20': i - 1 !== active_slide }" 2070 @click="embla.scrollTo(i - 1)" 2071 ></button> 2072 </template> 2073 </div> 2074 <div class="flex gap-2"> 2075 <button 2076 @click="embla.scrollPrev()" 2077 :disabled="!can_scroll_prev" 2078 class="iconbtn-grey-border-ghost group" 2079 aria-label="Zur vorherigen Slide" 2080 > 2081 <svg 2082 data-component="elements/icon" 2083 class="shrink-0 default-ease group-hover:-translate-x-0.75 transition-transform" 2084 fill="none" 2085 height="16" 2086 width="16" 2087 viewBox="0 0 32 32" 2088 xmlns="http://www.w3.org/2000/svg" 2089 > 2090 <path class="stroke-black" d="m23 30-14-14 14-14" stroke-width="2.5" /> 2091 </svg> 2092 </button> 2093 <button 2094 @click="embla.scrollNext()" 2095 :disabled="!can_scroll_next" 2096 class="iconbtn-grey-border-ghost group" 2097 aria-label="Zur nächsten Slide" 2098 > 2099 <svg 2100 data-component="elements/icon" 2101 class="shrink-0 default-ease group-hover:translate-x-0.75 transition-transform" 2102 fill="none" 2103 height="16" 2104 width="16" 2105 viewBox="0 0 32 32" 2106 xmlns="http://www.w3.org/2000/svg" 2107 > 2108 <path class="stroke-black" d="m9 30 14-14-14-14" stroke-width="2.5" /> 2109 </svg> 2110 </button> 2111 </div> 2112 </div> 2113</div> 2114 </div> 2115</section> 2116<section 2117 data-component="flex/sections/links" 2118 data-section="bg-primary/top-normal/bottom-normal/box" 2119> 2120 <div class="wrap-content xs:gap-8 flex flex-col gap-16 md:gap-10 lg:gap-12"> 2121 <h2 class="typo-h2-serif text-white">Mehr Infos & Services</h2> 2122 2123 <ul class="xxs:grid-cols-1 grid grid-cols-2 gap-x-16 sm:gap-x-4 md:gap-x-8 lg:gap-x-12"> 2124 <li 2125 class="border-white/25 default-ease group w-full border-b py-4 transition-opacity" 2126 x-data="{ 2127 doHover() { 2128 this.$el.dataset.hovered = 'true' 2129 const siblings = [ 2130 ...this.$el.parentElement.querySelectorAll(`[data-hovered='false']`), 2131 ] 2132 siblings.forEach((sibling) => { 2133 sibling.style.opacity = '0.48' 2134 }) 2135 }, 2136 undoHover() {
2137 this.$el.dataset.hovered = 'false' 2138 const children = [...this.$el.parentElement.children] 2139 children.forEach((child) => { 2140 child.style.opacity = '1' 2141 }) 2142 }, 2143 }" 2144 data-hovered="false" 2145 @mouseenter="doHover()" 2146 @focusin="doHover()" 2147 @mouseleave="undoHover()" 2148 @focusout="undoHover()" 2149 > 2150 <a 2151 class="flex w-full items-center gap-6 sm:gap-3 md:gap-4" 2152 href="https://juventus.ch/learning-hub/" 2153 target="" 2154 > 2155 <span 2156 class="size-14 md:size-12 sm:size-8 bg-white/25 flex shrink-0 items-center justify-center rounded-xl sm:rounded-md" 2157 > 2158 <svg 2159 data-component="elements/icon" 2160 class="shrink-0 sm:scale-50 md:scale-90" 2161 fill="none" 2162 height="28" 2163 width="28" 2164 viewBox="0 0 32 32" 2165 xmlns="http://www.w3.org/2000/svg" 2166 > 2167 <path class="stroke-white" d="m19.0979 4.43754c.609-.29069 1.2721-.44003 1.9429-.43751.6679.01711 1.3253.17623 1.9311.46745.6059.29122 1.1472.7083 1.5904 1.22526.4431.51696.7784 1.12271.9852 1.77951s.2804 1.35059.2165 2.03812c.1022 1.07953-.0176 2.16913-.3515 3.19733-.3339 1.0283-.8744 1.9719-1.586 2.769-.4464.5095-.6125 3.2323.3964 3.6182 3.7322 1.4288 6.7036 2.4496 7.4161 3.9209.4438.9935.736 2.0521.8661 3.1382m-32.000034 1.8442c.017362-1.7137.36016-3.4072 1.008924-4.9843.71429-1.4768 3.68393-2.4921 7.41608-3.9209 1.00892-.3858.84285-3.1087.39642-3.6182-.71135-.7968-1.25171-1.7401-1.58561-2.7681-.33391-1.0279-.45383-2.1171-.35189-3.19633-.06395-.68753.00975-1.38132.2165-2.03812s.54213-1.26255.98524-1.77951.98446-.93404 1.59027-1.22526c.6059-.29122 1.2633-.45034 1.9312-.46745.6679.01711 1.3253.17623 1.9312.46745.6058.29122 1.1472.7083 1.5903 1.22526s.7785 1.12271.9852 1.77951c.2068.6568.2805 1.35059.2165 2.03812.1022 1.07953-.0176 2.16913-.3515 3.19733-.3339 1.0283-.8744 1.9719-1.586 2.769-.4464.5095-.6125 3.2323.3965 3.6182 3.7321 1.4288 6.7035 2.4496 7.416 3.9209.6488 1.5771.9916 3.2705 1.009 4.9842z" stroke-width="1.5" /> 2168 </svg> 2169 </span> 2170 <span class="typo-link text-white w-full"> 2171 Learning Hub 2172 </span> 2173 <div class="default-ease transition-transform group-hover:translate-x-2"> 2174 <svg 2175 data-component="elements/icon" 2176 class="shrink-0 md:hidden" 2177 fill="none" 2178 height="32" 2179 width="32" 2180 viewBox="0 0 32 32" 2181 xmlns="http://www.w3.org/2000/svg" 2182 > 2183 <path class="stroke-white" d="m1 16h28m0 0-5.5-5.5m5.5 5.5-5.5 5.5" stroke-width="1.5" /> 2184 </svg> 2185 </div> 2186 </a> 2187 </li> 2188 <li 2189 class="border-white/25 default-ease group w-full border-b py-4 transition-opacity" 2190 x-data="{ 2191 doHover() { 2192 this.$el.dataset.hovered = 'true' 2193 const siblings = [ 2194 ...this.$el.parentElement.querySelectorAll(`[data-hovered='false']`), 2195 ] 2196 siblings.forEach((sibling) => { 2197 sibling.style.opacity = '0.48' 2198 }) 2199 }, 2200 undoHover() { 2201 this.$el.dataset.hovered = 'false' 2202 const children = [...this.$el.parentElement.children] 2203 children.forEach((child) => { 2204 child.style.opacity = '1' 2205 }) 2206 }, 2207 }" 2208 data-hovered="false" 2209 @mouseenter="doHover()" 2210 @focusin="doHover()" 2211 @mouseleave="undoHover()" 2212 @focusout="undoHover()" 2213 > 2214 <a 2215 class="flex w-full items-center gap-6 sm:gap-3 md:gap-4" 2216 href="https://juventus.ch/ueber-juventus/erfolgsberichte/" 2217 target="" 2218 > 2219 <span 2220 class="size-14 md:size-12 sm:size-8 bg-white/25 flex shrink-0 items-center justify-center rounded-xl sm:rounded-md" 2221 > 2222 <svg 2223 data-component="elements/icon" 2224 class="shrink-0 sm:scale-50 md:scale-90" 2225 fill="none" 2226 height="28" 2227 width="28"
2228 viewBox="0 0 32 32" 2229 xmlns="http://www.w3.org/2000/svg" 2230 > 2231 <path class="stroke-white" d="m3 16.3107 10.5309-10.03251 4.31 3.90011 10.1591-9.678256m0 0-6.76-.000044m6.76.000044v6.036906m-1.797 25.96305c-1.9925-3.4133-5.6927-5.6889-9.8199-5.6889s-7.8274 2.2756-9.81983 5.6889m9.81983-7.1111c3.3012 0 5.9773-2.6744 5.9773-5.9733 0-3.299-2.6761-5.9734-5.9773-5.9734-3.3011 0-5.9773 2.6744-5.9773 5.9734 0 3.2989 2.6762 5.9733 5.9773 5.9733z" stroke-width="1.5" /> 2232 </svg> 2233 </span> 2234 <span class="typo-link text-white w-full"> 2235 Erfolgsgeschichten 2236 </span> 2237 <div class="default-ease transition-transform group-hover:translate-x-2"> 2238 <svg 2239 data-component="elements/icon" 2240 class="shrink-0 md:hidden" 2241 fill="none" 2242 height="32" 2243 width="32" 2244 viewBox="0 0 32 32" 2245 xmlns="http://www.w3.org/2000/svg" 2246 > 2247 <path class="stroke-white" d="m1 16h28m0 0-5.5-5.5m5.5 5.5-5.5 5.5" stroke-width="1.5" /> 2248 </svg> 2249 </div> 2250 </a> 2251 </li> 2252 <li 2253 class="border-white/25 default-ease group w-full border-b py-4 transition-opacity" 2254 x-data="{ 2255 doHover() { 2256 this.$el.dataset.hovered = 'true' 2257 const siblings = [ 2258 ...this.$el.parentElement.querySelectorAll(`[data-hovered='false']`), 2259 ] 2260 siblings.forEach((sibling) => { 2261 sibling.style.opacity = '0.48' 2262 }) 2263 }, 2264 undoHover() { 2265 this.$el.dataset.hovered = 'false' 2266 const children = [...this.$el.parentElement.children] 2267 children.forEach((child) => { 2268 child.style.opacity = '1' 2269 }) 2270 }, 2271 }" 2272 data-hovered="false" 2273 @mouseenter="doHover()" 2274 @focusin="doHover()" 2275 @mouseleave="undoHover()" 2276 @focusout="undoHover()" 2277 > 2278 <a 2279 class="flex w-full items-center gap-6 sm:gap-3 md:gap-4" 2280 href="https://juventus.ch/ueber-juventus/news/" 2281 target="" 2282 > 2283 <span 2284 class="size-14 md:size-12 sm:size-8 bg-white/25 flex shrink-0 items-center justify-center rounded-xl sm:rounded-md" 2285 > 2286 <svg 2287 data-component="elements/icon" 2288 class="shrink-0 sm:scale-50 md:scale-90" 2289 fill="none" 2290 height="28" 2291 width="28" 2292 viewBox="0 0 32 32" 2293 xmlns="http://www.w3.org/2000/svg" 2294 > 2295 <path class="stroke-white" d="m29 9.14286v16.28574c0 .6819-.274 1.336-.7615 1.8183-.4877.4821-1.149.7531-1.8385.7531m0 0c-.6895 0-1.3508-.271-1.8385-.7531-.4875-.4823-.7615-1.1364-.7615-1.8183v-19.71431c0-.45466-.1826-.8907-.5076-1.21219-.3251-.32148-.7661-.5021-1.2257-.5021h-17.33337c-.4597 0-.90059.18062-1.22565.5021-.32506.32149-.50768.75753-.50768 1.21219v19.71431c0 .6819.27393 1.336.76152 1.8183.4876.4821 1.14891.7531 1.83848.7531zm-19.06667-8.5714h12.13337m-12.13337 3.4285h6.93337m-6.93337-14.57139h12.13337v6.85719h-12.13337z" stroke-width="1.5" /> 2296 </svg> 2297 </span> 2298 <span class="typo-link text-white w-full"> 2299 News 2300 </span> 2301 <div class="default-ease transition-transform group-hover:translate-x-2"> 2302 <svg 2303 data-component="elements/icon" 2304 class="shrink-0 md:hidden" 2305 fill="none" 2306 height="32" 2307 width="32" 2308 viewBox="0 0 32 32" 2309 xmlns="http://www.w3.org/2000/svg" 2310 > 2311 <path class="stroke-white" d="m1 16h28m0 0-5.5-5.5m5.5 5.5-5.5 5.5" stroke-width="1.5" /> 2312 </svg> 2313 </div> 2314 </a> 2315 </li> 2316 <li 2317 class="border-white/25 default-ease group w-full border-b py-4 transition-opacity" 2318 x-data="{ 2319 doHover() { 2320 this.$el.dataset.hovered = 'true' 2321 const siblings = [ 2322 ...this.$el.parentElement.querySelectorAll(`[data-hovered='false']`), 2323 ]
2324 siblings.forEach((sibling) => { 2325 sibling.style.opacity = '0.48' 2326 }) 2327 }, 2328 undoHover() { 2329 this.$el.dataset.hovered = 'false' 2330 const children = [...this.$el.parentElement.children] 2331 children.forEach((child) => { 2332 child.style.opacity = '1' 2333 }) 2334 }, 2335 }" 2336 data-hovered="false" 2337 @mouseenter="doHover()" 2338 @focusin="doHover()" 2339 @mouseleave="undoHover()" 2340 @focusout="undoHover()" 2341 > 2342 <a 2343 class="flex w-full items-center gap-6 sm:gap-3 md:gap-4" 2344 href="https://juventus.ch/ueber-juventus/ueber-juventus/" 2345 target="" 2346 > 2347 <span 2348 class="size-14 md:size-12 sm:size-8 bg-white/25 flex shrink-0 items-center justify-center rounded-xl sm:rounded-md" 2349 > 2350 <svg 2351 data-component="elements/icon" 2352 class="shrink-0 sm:scale-50 md:scale-90" 2353 fill="none" 2354 height="28" 2355 width="28" 2356 viewBox="0 0 32 32" 2357 xmlns="http://www.w3.org/2000/svg" 2358 > 2359 <path class="stroke-white" d="m3.8125 20.3333s4.60417 5.4167 10.5625 1.0834c5.9583-4.3334 6.5-17.87503 6.5-17.87503m8.125 12.45833c0 7.1797-5.8203 13-13 13s-13-5.8203-13-13 5.8203-13 13-13 13 5.8203 13 13z" stroke-width="1.5" /> 2360 </svg> 2361 </span> 2362 <span class="typo-link text-white w-full"> 2363 Juventus entdecken 2364 </span> 2365 <div class="default-ease transition-transform group-hover:translate-x-2"> 2366 <svg 2367 data-component="elements/icon" 2368 class="shrink-0 md:hidden" 2369 fill="none" 2370 height="32" 2371 width="32" 2372 viewBox="0 0 32 32" 2373 xmlns="http://www.w3.org/2000/svg" 2374 > 2375 <path class="stroke-white" d="m1 16h28m0 0-5.5-5.5m5.5 5.5-5.5 5.5" stroke-width="1.5" /> 2376 </svg> 2377 </div> 2378 </a> 2379 </li> 2380 <li 2381 class="border-white/25 default-ease group w-full border-b py-4 transition-opacity" 2382 x-data="{ 2383 doHover() { 2384 this.$el.dataset.hovered = 'true' 2385 const siblings = [ 2386 ...this.$el.parentElement.querySelectorAll(`[data-hovered='false']`), 2387 ] 2388 siblings.forEach((sibling) => { 2389 sibling.style.opacity = '0.48' 2390 }) 2391 }, 2392 undoHover() { 2393 this.$el.dataset.hovered = 'false' 2394 const children = [...this.$el.parentElement.children] 2395 children.forEach((child) => { 2396 child.style.opacity = '1' 2397 }) 2398 }, 2399 }" 2400 data-hovered="false" 2401 @mouseenter="doHover()" 2402 @focusin="doHover()" 2403 @mouseleave="undoHover()" 2404 @focusout="undoHover()" 2405 > 2406 <a 2407 class="flex w-full items-center gap-6 sm:gap-3 md:gap-4" 2408 href="https://juventus.ch/schulungsraeume-mieten/" 2409 target="" 2410 > 2411 <span 2412 class="size-14 md:size-12 sm:size-8 bg-white/25 flex shrink-0 items-center justify-center rounded-xl sm:rounded-md" 2413 > 2414 <svg 2415 data-component="elements/icon" 2416 class="shrink-0 sm:scale-50 md:scale-90" 2417 fill="none" 2418 height="28" 2419 width="28" 2420 viewBox="0 0 32 32" 2421 xmlns="http://www.w3.org/2000/svg" 2422 > 2423 <path class="stroke-white" d="m16 16.2867s2.0292-3.1434 8.8483-3.3212c.0789-.0021.1573.0121.2308.0417.0735.0297.1405.0742.197.1309.0565.0568.1014.1246.132.1995.0307.0749.0465.1554.0464.2366v12.4971c.0001.159-.0602.3116-.168.4254-.1078.1137-.2544.1795-.4087.1833-6.8427.1693-8.8778 3.32-8.8778 3.32m0-13.7133v13.7133m0-13.7133s-2.0292-3.1434-8.84827-3.3212c-.07889-.0021-.15738.0121-.23085.0417-.07348.0297-.14045.0742-.19696.1309-.05651.0568-.10141.1246-.13206.1995s-.04643.1554-.04641.2366v12.4971c-.00004.159.06027.3116.16803.4254.10777.1137.25445.1795.4087.1833 6.84272.1693 8.87782 3.32 8.87782 3.32m-13-19.4779 13-8.5221 13 8.5221m-7.0909-7.30466h3.5454v2.43489" stroke-width="1.5" /> 2424 </svg> 2425 </span>
2426 <span class="typo-link text-white w-full"> 2427 Schulungsräume mieten 2428 </span> 2429 <div class="default-ease transition-transform group-hover:translate-x-2"> 2430 <svg 2431 data-component="elements/icon" 2432 class="shrink-0 md:hidden" 2433 fill="none" 2434 height="32" 2435 width="32" 2436 viewBox="0 0 32 32" 2437 xmlns="http://www.w3.org/2000/svg" 2438 > 2439 <path class="stroke-white" d="m1 16h28m0 0-5.5-5.5m5.5 5.5-5.5 5.5" stroke-width="1.5" /> 2440 </svg> 2441 </div> 2442 </a> 2443 </li> 2444 <li 2445 class="border-white/25 default-ease group w-full border-b py-4 transition-opacity" 2446 x-data="{ 2447 doHover() { 2448 this.$el.dataset.hovered = 'true' 2449 const siblings = [ 2450 ...this.$el.parentElement.querySelectorAll(`[data-hovered='false']`), 2451 ] 2452 siblings.forEach((sibling) => { 2453 sibling.style.opacity = '0.48' 2454 }) 2455 }, 2456 undoHover() { 2457 this.$el.dataset.hovered = 'false' 2458 const children = [...this.$el.parentElement.children] 2459 children.forEach((child) => { 2460 child.style.opacity = '1' 2461 }) 2462 }, 2463 }" 2464 data-hovered="false" 2465 @mouseenter="doHover()" 2466 @focusin="doHover()" 2467 @mouseleave="undoHover()" 2468 @focusout="undoHover()" 2469 > 2470 <a 2471 class="flex w-full items-center gap-6 sm:gap-3 md:gap-4" 2472 href="https://juventus.ch/standorte-kontakt/" 2473 target="" 2474 > 2475 <span 2476 class="size-14 md:size-12 sm:size-8 bg-white/25 flex shrink-0 items-center justify-center rounded-xl sm:rounded-md" 2477 > 2478 <svg 2479 data-component="elements/icon" 2480 class="shrink-0 sm:scale-50 md:scale-90" 2481 fill="none" 2482 height="28" 2483 width="28" 2484 viewBox="0 0 32 32" 2485 xmlns="http://www.w3.org/2000/svg" 2486 > 2487 <path class="stroke-white" d="m15.5 24.3521c0 .2761.2239.5.5.5s.5-.2239.5-.5h-.5zm4.2671-4.9471c-.2746-.0292-.5208.1697-.55.4443s.1698.5209.4444.5501l.0528-.4972zm-7.4638.998c.2745-.0295.4732-.276.4436-.5506-.0295-.2746-.276-.4732-.5506-.4437l.0535.4972zm3.6967-6.2628v.5c3.3531 0 6.0714-2.7176 6.0714-6.0701h-.5-.5c0 2.8-2.2704 5.0701-5.0714 5.0701zm5.5714-5.5701h.5c0-3.35253-2.7183-6.0701-6.0714-6.0701v.5.5c2.801 0 5.0714 2.27007 5.0714 5.0701zm-5.5714-5.5701v-.5c-3.353 0-6.07143 2.71757-6.07143 6.0701h.50003.5c0-2.80002 2.2704-5.0701 5.0714-5.0701zm-5.5714 5.5701h-.50003c0 3.3525 2.71843 6.0701 6.07143 6.0701v-.5-.5c-2.801 0-5.0714-2.2701-5.0714-5.0701zm5.5714 5.5701h-.5v10.2119h.5.5v-10.2119zm3.7143 5.762-.0528.4972c2.6508.2816 4.9129.8597 6.4961 1.6078.7924.3744 1.3912.7804 1.7853 1.1928.3919.41.5571.7984.5571 1.1582h.5.5c0-.6923-.3242-1.3156-.8342-1.8492-.5077-.5312-1.2233-1.0007-2.081-1.406-1.717-.8113-4.0977-1.4091-6.8177-1.698zm9.2857 4.456h-.5c0 .4367-.2464.9202-.844 1.4247-.5953.5027-1.4864.9778-2.6313 1.3867-2.2855.8161-5.476 1.3304-9.0247 1.3304v.5.5c3.6323 0 6.9418-.5248 9.361-1.3887 1.2074-.4312 2.2199-.9562 2.9401-1.5643.7179-.6061 1.1989-1.3436 1.1989-2.1888zm-13 4.6418v-.5c-3.5485 0-6.73897-.5158-9.02444-1.3334-1.14491-.4096-2.03603-.8855-2.63138-1.3887-.59771-.5052-.84418-.9891-.84418-1.4258h-.5-.5c0 .845.48091 1.5829 1.19867 2.1895.72013.6087 1.73258 1.1346 2.94005 1.5665 2.41929.8655 5.72888 1.3919 9.36128 1.3919zm-13-4.6479h.5c0-.3604.16466-.748.55447-1.1563.39223-.4109.98828-.8152 1.77739-1.188 1.5767-.745 3.82996-1.3207 6.47144-1.6048l-.0535-.4971-.0535-.4972c-2.70955.2915-5.0812.8868-6.79164 1.6949-.85446.4038-1.56754.8716-2.07354 1.4017-.50844.5326-.83112 1.155-.83112 1.8468zm12.5357-16.71035v-.5c.0196 0 .0357.01592.0357.03583h-.5-.5c0 .53262.4319.96417.9643.96417zm-.4643-.46417h.5c0 .0199-.0161.03582-.0357.03582v-.5-.5c-.5324 0-.9643.43155-.9643.96418zm.4643.46417v.5c.5324 0 .9643-.43155.9643-.96417h-.5-.5c0-.01991.0161-.03583.0357-.03583zm.4643-.46417h.5c0-.53263-.4319-.96418-.9643-.9
24876418v.5.5c-.0196 0-.0357-.01592-.0357-.03582z" stroke-width="1.5" /> 2488 </svg> 2489 </span> 2490 <span class="typo-link text-white w-full"> 2491 Standorte & Kontakt 2492 </span> 2493 <div class="default-ease transition-transform group-hover:translate-x-2"> 2494 <svg 2495 data-component="elements/icon" 2496 class="shrink-0 md:hidden" 2497 fill="none" 2498 height="32" 2499 width="32" 2500 viewBox="0 0 32 32" 2501 xmlns="http://www.w3.org/2000/svg" 2502 > 2503 <path class="stroke-white" d="m1 16h28m0 0-5.5-5.5m5.5 5.5-5.5 5.5" stroke-width="1.5" /> 2504 </svg> 2505 </div> 2506 </a> 2507 </li> 2508 <li 2509 class="border-white/25 default-ease group w-full border-b py-4 transition-opacity" 2510 x-data="{ 2511 doHover() { 2512 this.$el.dataset.hovered = 'true' 2513 const siblings = [ 2514 ...this.$el.parentElement.querySelectorAll(`[data-hovered='false']`), 2515 ] 2516 siblings.forEach((sibling) => { 2517 sibling.style.opacity = '0.48' 2518 }) 2519 }, 2520 undoHover() { 2521 this.$el.dataset.hovered = 'false' 2522 const children = [...this.$el.parentElement.children] 2523 children.forEach((child) => { 2524 child.style.opacity = '1' 2525 }) 2526 }, 2527 }" 2528 data-hovered="false" 2529 @mouseenter="doHover()" 2530 @focusin="doHover()" 2531 @mouseleave="undoHover()" 2532 @focusout="undoHover()" 2533 > 2534 <a 2535 class="flex w-full items-center gap-6 sm:gap-3 md:gap-4" 2536 href="https://juventus.ch/ueber-juventus/job-bei-juventus/" 2537 target="" 2538 > 2539 <span 2540 class="size-14 md:size-12 sm:size-8 bg-white/25 flex shrink-0 items-center justify-center rounded-xl sm:rounded-md" 2541 > 2542 <svg 2543 data-component="elements/icon" 2544 class="shrink-0 sm:scale-50 md:scale-90" 2545 fill="none" 2546 height="28" 2547 width="28" 2548 viewBox="0 0 32 32" 2549 xmlns="http://www.w3.org/2000/svg" 2550 > 2551 <path class="stroke-white" d="m1 19.6v12.4m11-6.2h5c1.0609 0 2.0783.4355 2.8284 1.2106.7502.7752 1.1716 1.8265 1.1716 2.9227h-20v-8.2666h7c1.06087 0 2.0783.4354 2.8284 1.2106.7502.7751 1.1716 1.8265 1.1716 2.9227zm0 0h-4m1.66667-8.2667v-9.64441c0-.73082.28095-1.4317.78103-1.94847.5001-.51677 1.1784-.80708 1.8856-.80708h16c.7073 0 1.3856.29031 1.8857.80708.5.51677.781 1.21765.781 1.94847v9.64441c0 .7309-.281 1.4317-.781 1.9485-.5001.5168-1.1784.8071-1.8857.8071h-13.6666m-5.00003-9.6445h21.33333m-10.6667 0v2.7556m4-8.26666h-8l.4814-2.98151c.0518-.32242.2129-.61528.4545-.82627.2416-.211.5478-.326385.8641-.32556h4.4c.3156.00015.621.11599.8617.3269.2407.2109.4012.50321.453.82493z" stroke-width="1.5" /> 2552 </svg> 2553 </span> 2554 <span class="typo-link text-white w-full"> 2555 Offene Stellen 2556 </span> 2557 <div class="default-ease transition-transform group-hover:translate-x-2"> 2558 <svg 2559 data-component="elements/icon" 2560 class="shrink-0 md:hidden" 2561 fill="none" 2562 height="32" 2563 width="32" 2564 viewBox="0 0 32 32" 2565 xmlns="http://www.w3.org/2000/svg" 2566 > 2567 <path class="stroke-white" d="m1 16h28m0 0-5.5-5.5m5.5 5.5-5.5 5.5" stroke-width="1.5" /> 2568 </svg> 2569 </div> 2570 </a> 2571 </li> 2572 <li 2573 class="border-white/25 default-ease group w-full border-b py-4 transition-opacity" 2574 x-data="{ 2575 doHover() { 2576 this.$el.dataset.hovered = 'true' 2577 const siblings = [ 2578 ...this.$el.parentElement.querySelectorAll(`[data-hovered='false']`), 2579 ] 2580 siblings.forEach((sibling) => { 2581 sibling.style.opacity = '0.48' 2582 }) 2583 }, 2584 undoHover() { 2585 this.$el.dataset.hovered = 'false' 2586 const children = [...this.$el.parentElement.children]
2587 children.forEach((child) => { 2588 child.style.opacity = '1' 2589 }) 2590 }, 2591 }" 2592 data-hovered="false" 2593 @mouseenter="doHover()" 2594 @focusin="doHover()" 2595 @mouseleave="undoHover()" 2596 @focusout="undoHover()" 2597 > 2598 <a 2599 class="flex w-full items-center gap-6 sm:gap-3 md:gap-4" 2600 href="https://juventus.ch/ueber-juventus/ueber-juventus/partnerinnen/" 2601 target="" 2602 > 2603 <span 2604 class="size-14 md:size-12 sm:size-8 bg-white/25 flex shrink-0 items-center justify-center rounded-xl sm:rounded-md" 2605 > 2606 <svg 2607 data-component="elements/icon" 2608 class="shrink-0 sm:scale-50 md:scale-90" 2609 fill="none" 2610 height="28" 2611 width="28" 2612 viewBox="0 0 32 32" 2613 xmlns="http://www.w3.org/2000/svg" 2614 > 2615 <path class="stroke-white" d="m19.0979 4.43754c.609-.29069 1.2721-.44003 1.9429-.43751.6679.01711 1.3253.17623 1.9311.46745.6059.29122 1.1472.7083 1.5904 1.22526.4431.51696.7784 1.12271.9852 1.77951s.2804 1.35059.2165 2.03812c.1022 1.07953-.0176 2.16913-.3515 3.19733-.3339 1.0283-.8744 1.9719-1.586 2.769-.4464.5095-.6125 3.2323.3964 3.6182 3.7322 1.4288 6.7036 2.4496 7.4161 3.9209.4438.9935.736 2.0521.8661 3.1382m-32.000034 1.8442c.017362-1.7137.36016-3.4072 1.008924-4.9843.71429-1.4768 3.68393-2.4921 7.41608-3.9209 1.00892-.3858.84285-3.1087.39642-3.6182-.71135-.7968-1.25171-1.7401-1.58561-2.7681-.33391-1.0279-.45383-2.1171-.35189-3.19633-.06395-.68753.00975-1.38132.2165-2.03812s.54213-1.26255.98524-1.77951.98446-.93404 1.59027-1.22526c.6059-.29122 1.2633-.45034 1.9312-.46745.6679.01711 1.3253.17623 1.9312.46745.6058.29122 1.1472.7083 1.5903 1.22526s.7785 1.12271.9852 1.77951c.2068.6568.2805 1.35059.2165 2.03812.1022 1.07953-.0176 2.16913-.3515 3.19733-.3339 1.0283-.8744 1.9719-1.586 2.769-.4464.5095-.6125 3.2323.3965 3.6182 3.7321 1.4288 6.7035 2.4496 7.416 3.9209.6488 1.5771.9916 3.2705 1.009 4.9842z" stroke-width="1.5" /> 2616 </svg> 2617 </span> 2618 <span class="typo-link text-white w-full"> 2619 Partner:innen 2620 </span> 2621 <div class="default-ease transition-transform group-hover:translate-x-2"> 2622 <svg 2623 data-component="elements/icon" 2624 class="shrink-0 md:hidden" 2625 fill="none" 2626 height="32" 2627 width="32" 2628 viewBox="0 0 32 32" 2629 xmlns="http://www.w3.org/2000/svg" 2630 > 2631 <path class="stroke-white" d="m1 16h28m0 0-5.5-5.5m5.5 5.5-5.5 5.5" stroke-width="1.5" /> 2632 </svg> 2633 </div> 2634 </a> 2635 </li> 2636 </ul> 2637 </div> 2638</section> 2639</main> 2640<dialog 2641 aria-modal="true" 2642 data-component="elements/flyout" 2643 :data-open="Alpine.store('modal').active_slug === slug" 2644 class="min-h-svh group/flyout no-interaction data-open:has-interaction md:h-dvh fixed inset-0 z-50 flex w-screen max-w-none justify-end overflow-clip bg-transparent outline-0 backdrop:bg-transparent md:max-h-none md:flex-col" 2645 data-slug="consultation" 2646 x-cloak 2647 x-data="{ slug: 'consultation' }" 2648 @close.prevent 2649 @keydown.escape.prevent="Alpine.store('modal').close()" 2650 @click.self="Alpine.store('modal').close()" 2651 data-component="layout/modal/consultation" 2652> 2653 <div class="wrap-flyout w-full py-4 md:max-w-none md:pb-0"> 2654 <div 2655 class="size-full ease-modal group-data-open/flyout:duration-600 group-data-open/flyout:translate-x-0 group-data-open/flyout:md:translate-y-0 transition-(--tr-opacity-transform) relative m-0 origin-right translate-x-[calc(100%+48px)] overflow-clip rounded-xl bg-white duration-300 md:origin-bottom md:translate-x-0 md:translate-y-[calc(100%+120px)] md:rounded-b-none" 2656 > 2657 <button 2658 class="size-10 z-1 group-data-scrollable/flyout:shadow-box absolute right-6 top-6 flex cursor-pointer items-center justify-center rounded-full bg-white transition-transform hover:rotate-90 focus-visible:outline-none" 2659 type="button" 2660 @click="Alpine.store('modal').close()" 2661 aria-label="Flyout schliessen" 2662 title="Flyout schliessen" 2663 > 2664 <svg 2665 data-component="elements/icon" 2666 class="shrink-0" 2667 fill="none" 2668 height="24" 2669 width="24"
2670 viewBox="0 0 32 32" 2671 xmlns="http://www.w3.org/2000/svg" 2672 > 2673 <path class="stroke-black" d="m6.80762 6.80761 18.38478 18.38479m0-18.38479-18.38478 18.38479" stroke-width="2.5" /> 2674 </svg> 2675 </button> 2676 2677 2678 <div 2679 data-modal-scrollcontainer 2680 class=" no-scrollbar h-full overflow-y-scroll overscroll-y-contain px-6 py-8 md:max-h-[calc(100svh-24px)]" 2681 > 2682 <div class="flex h-full flex-col justify-between gap-8 px-4 md:justify-start md:px-2"> 2683 <div class="flex flex-col gap-8"> 2684 <p class="typo-h3 max-w-md text-black">Beratung</p> 2685 <div class="flex flex-col gap-3"> 2686 <div class="@container"> 2687 <button 2688 class="border-grey-border grid-cols-(--gr-consultation) @sm:px-8 @sm:flex @sm:gap-6 group relative grid cursor-pointer items-center gap-x-4 gap-y-2 rounded-xl border bg-white p-6" 2689 @click="Alpine.store('modal').close(); Alpine.store('marple').open()" 2690 > 2691 <svg 2692 data-component="elements/icon" 2693 class="shrink-0 @sm:size-auto size-8 col-span-2 shrink-0 self-start" 2694 fill="none" 2695 height="40" 2696 width="40" 2697 viewBox="0 0 32 32" 2698 xmlns="http://www.w3.org/2000/svg" 2699 > 2700 <path class="stroke-grey-text" d="m19.4317 7.20598c2.6337-.51257 4.7542-2.59034 5.2845-5.20598.5302 2.61564 2.6501 4.69341 5.2838 5.20598m0 .00298c-2.6337.51256-4.7541 2.59034-5.2843 5.20594-.5303-2.6156-2.6503-4.69337-5.284-5.20594m-4.9857-1.667h-9.85151c-1.4329 0-2.59449 1.12455-2.59449 2.51175v12.99029c0 1.3873 1.16159 2.5118 2.59449 2.5118h2.82752v4.1857c0 1.1452 1.45356 1.6929 2.25318.8491l4.38531-4.6279c.2457-.2593.5924-.4069.9559-.4069h9.1063c1.4329 0 2.5945-1.1245 2.5945-2.5118v-4.7732" stroke-width="1.25" /> 2701 <path class="stroke-grey-text" d="m14 13.499c1.7444-.3445 3.149-1.741 3.5002-3.499.3512 1.758 1.7554 3.1545 3.4998 3.499m0 .002c-1.7444.3445-3.149 1.741-3.5001 3.499-.3513-1.758-1.7555-3.1545-3.4999-3.499" stroke-width="1.25" /> 2702 </svg> 2703 <div class="flex w-full shrink flex-col gap-2 text-left"> 2704 <p 2705 class="typo-h5-sansserif-medium @sm:relative @sm:top-auto @sm:left-auto left-18 absolute top-7 text-black" 2706 > 2707 24/7 KI-Assistent 2708 </p> 2709 <p class="typo-paragraph-s text-grey-text text-balance">Personalisierte, KI-gestützte Karriereberatung</p> 2710 </div> 2711 <div class="iconbtn-primary shrink-0"> 2712 <svg 2713 data-component="elements/icon" 2714 class="shrink-0" 2715 fill="none" 2716 height="16" 2717 width="16" 2718 viewBox="0 0 32 32" 2719 xmlns="http://www.w3.org/2000/svg" 2720 > 2721 <path class="stroke-white" d="m1 16h28m0 0-11-11m11 11-11 11" stroke-width="3" /> 2722 </svg> 2723 </div> 2724 </button> 2725 </div> 2726 <div class="@container"> 2727 <a 2728 href="https://juventus.ch/info-events/" 2729 target="" 2730 class="border-grey-border grid-cols-(--gr-consultation) @sm:px-8 @sm:flex @sm:gap-6 group relative grid items-center gap-x-4 gap-y-2 rounded-xl border bg-white p-6" 2731 > 2732 <svg 2733 data-component="elements/icon" 2734 class="shrink-0 @sm:size-auto size-8 col-span-2 shrink-0 self-start" 2735 fill="none" 2736 height="40" 2737 width="40" 2738 viewBox="0 0 32 32" 2739 xmlns="http://www.w3.org/2000/svg" 2740 > 2741 <path class="stroke-grey-text" d="m1 12h30m-22-5.06667v-6.93333m14 6.93333v-6.93333m8 28c0 1.0667-.9333 2-2 2h-26c-1.06667 0-2-.9333-2-2v-22c0-1.06667.93333-2 2-2h26c1.0667 0 2 .93333 2 2zm-23.60013-11.0667c-.26667 0-.53334.2667-.53334.5334 0 .2666.26667.5333.53334.5333.26666 0 .53336-.2667.53336-.5333 0-.2667-.2667-.5334-.53336-.5334zm0 7.0667c-.26667 0-.53334.2667-.53334.5333 0 .2667.26667.5334.53334.5334.26666 0 .53336-.2667.53336-.5334 0-.2666-.2667-.5333-.53336-.5333zm8.53333-7.0667c-.2667 0-.5333.2667-.5333.5334 0 .2666.2666.5333.5333.5333s.5333-.2667.5333-.5333c0-.2667-.2666-.5334-.5333-.5334zm0 7.0667c-.2667 0-.5333.2667-.5333.5333 0 .2667.2666.5334.5333.5334s.5333-.2667.5333-.5334c0-.2666-.2666-.5333-.5333-.5333zm8.5335 0c-.2667 0-.5334.2667-.5334.5333 0 .2667.2667.5334.5334.5334.2666 0 .5333-.2667.5333-.5334 0-.2666-.2667-.5333-.5333-.5333zm-.0002-8.9335c-1.3333 0-2.4 1.0667-2.4 2.4 0 1.3334 1.0667 2.4 2.4 2.4 1.3334 0 2.4-1.0666 2.4-2.4 0-1.3333-1.0666-2.4-2.4-2.4z" stroke-width="1.25" /> 2742 </svg> 2743 <div class="flex w-full shrink flex-col gap-2"> 2744 <p 2745 class="typo-h5-sansserif-medium @sm:relative @sm:top-auto @sm:left-auto left-18 absolute top-7 text-black" 2746 > 2747 Info-Events 2748 </p> 2749 <p class="typo-paragraph-s text-grey-text text-balance">Lernen Sie uns kennen â bevor Sie sich entscheiden</p> 2750 </div> 2751 <div class="iconbtn-primary shrink-0"> 2752 <svg 2753 data-component="elements/icon" 2754 class="shrink-0" 2755 fill="none" 2756 height="16" 2757 width="16"
2758 viewBox="0 0 32 32" 2759 xmlns="http://www.w3.org/2000/svg" 2760 > 2761 <path class="stroke-white" d="m1 16h28m0 0-11-11m11 11-11 11" stroke-width="3" /> 2762 </svg> 2763 </div> 2764 </a> 2765 </div> 2766 <div class="@container"> 2767 <a 2768 href="https://juventus.ch/persoenliche-beratung/" 2769 target="" 2770 class="border-grey-border grid-cols-(--gr-consultation) @sm:px-8 @sm:flex @sm:gap-6 group relative grid items-center gap-x-4 gap-y-2 rounded-xl border bg-white p-6" 2771 > 2772 <svg 2773 data-component="elements/icon" 2774 class="shrink-0 @sm:size-auto size-8 col-span-2 shrink-0 self-start" 2775 fill="none" 2776 height="40" 2777 width="40" 2778 viewBox="0 0 32 32" 2779 xmlns="http://www.w3.org/2000/svg" 2780 > 2781 <path class="stroke-grey-text" d="m7.30435 9.82609v-7.56522c0-.3344.13284-.65511.3693-.89157s.55716-.3693.89157-.3693h20.17388c.3344 0 .6551.13284.8916.3693s.3693.55717.3693.89157v15.13043c0 .3344-.1328.6551-.3693.8916-.2365.2364-.5572.3693-.8916.3693h-13.8695m-.6305 3.7826h8.8261m-4.413-3.7826v3.7826m5.6739-8.8261c-.2482-.9823-.817-1.8537-1.6164-2.4762-.7993-.6225-1.7835-.9605-2.7967-.9605-1.0131 0-1.9973.338-2.7966.9605-.7994.6225-1.3682 1.4939-1.6164 2.4762m2.2065-6.61957c0 .28977.0571.57669.168.8444s.2734.51095.4783.71585c.2049.20489.4481.36742.7158.47831.2678.11089.5547.16796.8444.16796.2898 0 .5767-.05707.8444-.16796.2678-.11089.511-.27342.7159-.47831.2049-.2049.3674-.44814.4783.71585s.168-.55463.168-.8444c0-.28976-.0571-.57669-.168-.8444s-.2734-.51095-.4783-.71585c-.2049-.20489-.4481-.36742-.7159-.47831-.2677-.11089-.5546-.16796-.8444-.16796-.2897 0-.5766.05707-.8444.16796-.2677.11089-.5109.27342-.7158.47831-.2049.2049-.3674.44814-.4783.71585s-.168.55464-.168.8444zm-2.8369 23.01087c0-1.8392-.7307-3.6031-2.0312-4.9036-1.3005-1.3006-3.0644-2.0312-4.90362-2.0312s-3.6031.7306-4.90363 2.0312c-1.30052 1.3005-2.03115 3.0644-2.03115 4.9036zm-11.1083-12.9239c0 .5381.106 1.071.31193 1.5682.20594.4971.50778.9489.8883 1.3294s.83226.6824 1.32943.8883 1.03004.3119 1.56817.3119c.53814 0 1.071-.106 1.56817-.3119s.9489-.5078 1.3294-.8883c.3806-.3805.6824-.8323.8883-1.3294.206-.4972.312-1.0301.312-1.5682 0-1.0868-.4318-2.1291-1.2003-2.8976-.76846-.7685-1.81076-1.2002-2.89757-1.2002s-2.12911.4317-2.8976 1.2002-1.20023 1.8108-1.20023 2.8976z" stroke-width="1.25" /> 2782 </svg> 2783 <div class="flex w-full shrink flex-col gap-2"> 2784 <p 2785 class="typo-h5-sansserif-medium @sm:relative @sm:top-auto @sm:left-auto left-18 absolute top-7 text-black" 2786 > 2787 Persönliche Beratung 2788 </p> 2789 <p class="typo-paragraph-s text-grey-text text-balance">Persönliche Beratung durch echte Expert:innen</p> 2790 </div> 2791 <div class="iconbtn-primary shrink-0"> 2792 <svg 2793 data-component="elements/icon" 2794 class="shrink-0" 2795 fill="none" 2796 height="16" 2797 width="16" 2798 viewBox="0 0 32 32" 2799 xmlns="http://www.w3.org/2000/svg" 2800 > 2801 <path class="stroke-white" d="m1 16h28m0 0-11-11m11 11-11 11" stroke-width="3" /> 2802 </svg> 2803 </div> 2804 </a> 2805 </div> 2806 </div> 2807 </div> 2808 <div class="border-grey-border flex gap-8 border-t pt-6 md:flex-col md:gap-3 md:border-t-0 md:pt-0"> 2809 <a href="tel:043 268 26 26" target="_self" class="group/link flex items-center gap-2 pt-2"> 2810 <svg 2811 data-component="elements/icon" 2812 class="shrink-0" 2813 fill="none" 2814 height="20" 2815 width="20" 2816 viewBox="0 0 32 32" 2817 xmlns="http://www.w3.org/2000/svg" 2818 > 2819 <path class="stroke-black" d="m19.2897 26.6299.012.007c1.0621.6762 2.3231.9699 3.5747.8326 1.2516-.1372 2.419-.6973 3.3093-1.5876l.774-.774c.3457-.3462.5399-.8153.5399-1.3045s-.1942-.9584-.5399-1.3045l-3.261-3.259c-.3461-.3457-.8153-.5399-1.3045-.5399s-.9584.1942-1.3045.5399c-.1712.1713-.3744.3073-.5982.4001-.2237.0927-.4636.1405-.7058.1405s-.482-.0478-.7058-.1405c-.2237-.0928-.427-.2288-.5982-.4001l-5.218-5.219c-.3457-.3462-.5398-.8153-.5398-1.3045s.1941-.9584.5398-1.3045c.1714-.1712.3074-.3745.4001-.5982.0928-.2238.1405-.4636.1405-.7058 0-.24225-.0477-.4821-.1405-.70585-.0927-.22375-.2287-.42702-.4001-.59819l-3.26-3.264c-.34611-.34569-.8153-.53986-1.30448-.53986-.48919 0-.95838.19417-1.3045.53986l-.774.774c-.89018.89038-1.45019 2.05764-1.58763 3.30916-.13744 1.25148.1559 2.51248.83163 3.57488l.008.012c3.57341 5.2898 8.12798 9.8454 13.41698 13.42z" stroke-width="2" /> 2820 </svg> 2821 <p class="typo-paragraph-s link-black link-1 text-black">+41 43 268 26 26</p> 2822 </a> 2823 <a href="https://www.juventus.ch/standorte-kontakt/juventus-zuerich-kontakt/" target="_self" class="group/link flex items-center gap-2 pt-2"> 2824 <svg 2825 data-component="elements/icon" 2826 class="shrink-0" 2827 fill="none" 2828 height="20" 2829 width="20"
2830 viewBox="0 0 32 32" 2831 xmlns="http://www.w3.org/2000/svg" 2832 > 2833 <path class="stroke-black" d="M28.3342 8.65791L16 18.7391L3.66583 8.65791M3 8H29V26.087H3V8Z" stroke-width="2" /> 2834 </svg> 2835 <p class="typo-paragraph-s link-black link-1 text-black">Kontakt</p> 2836 </a> 2837 </div> 2838 </div> 2839 </div> 2840 2841 2842 </div> 2843 </div> 2844</dialog> 2845<footer class="border-grey-border z-1 relative border-t bg-white" data-component="layout/footer"> 2846 2847 <div class="wrap-content hxl:flex-wrap flex justify-between gap-x-20 gap-y-14 py-20 sm:pt-14 md:pb-8 md:pt-16"> 2848 <div class="flex w-full gap-x-20 gap-y-14 lg:flex-col" data-component="layout/footer/nav"> 2849 <nav 2850 class="grow-1 flex flex-col gap-y-10 md:gap-y-8" 2851 aria-label="Navigation Angebot" 2852 > 2853 <p class="typo-h5-sansserif-medium text-black">Angebot</p> 2854 <div class="flex w-full gap-x-14 gap-y-10 sm:flex-col md:gap-y-8"> 2855 <div class="flex grow flex-col gap-y-10"> 2856 <ul class="gap-4.5 flex flex-col"> 2857 <li class="typo-nav-footer-s text-grey-text pb-2 md:pb-1">Grundbildung</li> 2858 <li class="typo-nav-footer-m link-1 link-black text-black"> 2859 <a href="https://www.juventus.ch/grundbildung/kaufmaennische-lehrberufe/" target=""> 2860 Kaufmännische Lehrberufe 2861 </a> 2862 </li> 2863 <li class="typo-nav-footer-m link-1 link-black text-black"> 2864 <a href="https://www.juventus.ch/grundbildung/medizinische-lehrberufe/" target=""> 2865 Medizinische Lehrberufe 2866 </a> 2867 </li> 2868 <li class="typo-nav-footer-m link-1 link-black text-black"> 2869 <a href="https://www.juventus.ch/grundbildung/berufsmatura/" target=""> 2870 Berufsmatura 2871 </a> 2872 </li> 2873 </ul> 2874 <ul class="gap-4.5 flex flex-col"> 2875 <li class="typo-nav-footer-s text-grey-text pb-2 md:pb-1">Weiterbildungen</li> 2876 <li class="typo-nav-footer-m link-1 link-black text-black"> 2877 <a href="https://www.juventus.ch/weiterbildungen/wirtschaft-management/" target=""> 2878 Wirtschaft & Management 2879 </a> 2880 </li> 2881 <li class="typo-nav-footer-m link-1 link-black text-black"> 2882 <a href="https://www.juventus.ch/weiterbildungen/technik-informatik/" target=""> 2883 Technik & Informatik 2884 </a> 2885 </li> 2886 <li class="typo-nav-footer-m link-1 link-black text-black"> 2887 <a href="https://www.juventus.ch/weiterbildungen/medizin-gesundheit/" target=""> 2888 Medizin & Gesundheit 2889 </a> 2890 </li> 2891 </ul> 2892 </div> 2893 </div> 2894 </nav> 2895 <nav 2896 class="grow-2 flex flex-col gap-y-10 md:gap-y-8" 2897 aria-label="Navigation Entdecken" 2898 > 2899 <p class="typo-h5-sansserif-medium text-black">Entdecken</p> 2900 <div class="flex w-full gap-x-14 gap-y-10 sm:flex-col md:gap-y-8"> 2901 <div class="flex grow flex-col gap-y-10"> 2902 <ul class="gap-4.5 flex flex-col"> 2903 <li class="typo-nav-footer-s text-grey-text pb-2 md:pb-1">Ãber uns</li> 2904 <li class="typo-nav-footer-m link-1 link-black text-black"> 2905 <a href="https://www.juventus.ch/ueber-juventus/ueber-juventus/" target=""> 2906 Juventus entdecken 2907 </a> 2908 </li> 2909 <li class="typo-nav-footer-m link-1 link-black text-black"> 2910 <a href="https://www.juventus.ch/ueber-juventus/unser-team/" target=""> 2911 Unser Team 2912 </a> 2913 </li> 2914 <li class="typo-nav-footer-m link-1 link-black text-black"> 2915 <a href="https://www.juventus.ch/ueber-juventus/erfolg
2915sberichte/" target=""> 2916 Erfolgsgeschichten 2917 </a> 2918 </li> 2919 <li class="typo-nav-footer-m link-1 link-black text-black"> 2920 <a href="https://www.juventus.ch/ueber-juventus/news/" target=""> 2921 News 2922 </a> 2923 </li> 2924 <li class="typo-nav-footer-m link-1 link-black text-black"> 2925 <a href="https://www.juventus.ch/ueber-juventus/job-bei-juventus/" target=""> 2926 Jobs 2927 </a> 2928 </li> 2929 </ul> 2930 </div> 2931 <div class="flex grow flex-col gap-y-10"> 2932 <ul class="gap-4.5 flex flex-col"> 2933 <li class="typo-nav-footer-s text-grey-text pb-2 md:pb-1">Beratung</li> 2934 <li class="typo-nav-footer-m link-1 link-black text-black"> 2935 <button class="cursor-pointer" @click="Alpine.store('marple').open()"> 2936 KI-Beratung 2937 </button> 2938 </li> 2939 <li class="typo-nav-footer-m link-1 link-black text-black"> 2940 <a href="https://www.juventus.ch/info-events-juventus-zuerich/" target=""> 2941 Info-Events 2942 </a> 2943 </li> 2944 <li class="typo-nav-footer-m link-1 link-black text-black"> 2945 <a href="https://www.juventus.ch/persoenliche-beratung-juventus/" target=""> 2946 Persönliche Beratung 2947 </a> 2948 </li> 2949 </ul> 2950 <ul class="gap-4.5 flex flex-col"> 2951 <li class="typo-nav-footer-s text-grey-text pb-2 md:pb-1">Services</li> 2952 <li class="typo-nav-footer-m link-1 link-black text-black"> 2953 <a href="https://www.juventus.ch/learning-hub/" target=""> 2954 Learning Hub 2955 </a> 2956 </li> 2957 <li class="typo-nav-footer-m link-1 link-black text-black"> 2958 <a href="https://lernen.juvecampus.ch/auth/RepositoryEntry/7733311/CourseNode/96393670339073" target="_blank"> 2959 OnlineCampus OpenOlat 2960 </a> 2961 </li> 2962 <li class="typo-nav-footer-m link-1 link-black text-black"> 2963 <a href="https://www.juventus.ch/schulungsraeume-mieten-in-zuerich/" target=""> 2964 Räume mieten 2965 </a> 2966 </li> 2967 </ul> 2968 </div> 2969 </div> 2970 </nav> 2971 </div> 2972 <div class="flex shrink-0 flex-col gap-6 md:w-full" data-component="layout/footer/contact"> 2973 <p class="typo-h5-sansserif-medium text-black">Kontakt</p> 2974 2975 <div class="flex flex-col gap-4"> 2976 <div class="relative"> 2977 <svg 2978 data-component="elements/icon" 2979 class="shrink-0 no-interaction absolute right-4 top-1/2 -translate-y-1/2" 2980 fill="none" 2981 height="14" 2982 width="14" 2983 viewBox="0 0 32 32" 2984 xmlns="http://www.w3.org/2000/svg" 2985 > 2986 <path class="stroke-grey-text" d="m30 9-14 14-14-14" stroke-width="3" /> 2987 </svg> 2988 <select 2989 data-location 2990 class="border-grey-border typo-nav-footer-s h-12 w-64 appearance-none rounded-lg border px-4 text-black focus-visible:outline-none md:w-full" 2991 name="location" 2992 id="location" 2993 x-model="Alpine.store('location').active_location" 2994 @change="Alpine.store('location').changeLocation()" 2995 aria-label="Standort auswählen" 2996 > 2997 <option value="71">JuveCampus HB â Zürich</option> 2998 <option value="66">JuveCampus City â Zürich</option> 2999 </select> 3000 </div> 3001 <template x-if="Alpine.store('location').active_location === 71"> 3002 <ul class="gap-4.5 flex flex-col"> 3003 <li class="typo-nav-footer-m"> 3004 <a class="group/link flex gap-3" href="https://maps.app.goo.gl/DsS8dVLuGxRdjCGTA" target="_blank"> 3005 <svg 3006 data-component="elements/icon" 3007 class="shrink-0 translate-y-0.5" 3008 fill="none" 3009 height="16" 3010 width="16"
3011 viewBox="0 0 32 32" 3012 xmlns="http://www.w3.org/2000/svg" 3013 > 3014 <path class="stroke-grey-text" d="m16 16c1.933 0 3.5-1.567 3.5-3.5s-1.567-3.5-3.5-3.5-3.5 1.567-3.5 3.5 1.567 3.5 3.5 3.5z" stroke-width="2.5" /> 3015 <path class="stroke-grey-text" d="m26.5 13.2c0 6.1859-10.5 16.8-10.5 16.8s-10.5-10.6141-10.5-16.8c0-6.1856 4.701-11.20001 10.5-11.20001s10.5 5.01441 10.5 11.20001z" stroke-width="2.5" /> 3016 </svg> 3017 <span class="link-black link-1">Stiftung Juventus-Schulen<br /> 3018JuveCampus HB<br /> 3019Lagerstrasse 102<br /> 30208004 Zürich</span> 3021 </a> 3022 </li> 3023 <li class="typo-nav-footer-m"> 3024 <a class="group/link flex gap-3" href="tel:043 268 26 26" target="_blank"> 3025 <svg 3026 data-component="elements/icon" 3027 class="shrink-0 translate-y-0.5" 3028 fill="none" 3029 height="16" 3030 width="16" 3031 viewBox="0 0 32 32" 3032 xmlns="http://www.w3.org/2000/svg" 3033 > 3034 <path class="stroke-grey-text" d="m19.2897 26.6299.012.007c1.0621.6762 2.3231.9699 3.5747.8326 1.2516-.1372 2.419-.6973 3.3093-1.5876l.774-.774c.3457-.3462.5399-.8153.5399-1.3045s-.1942-.9584-.5399-1.3045l-3.261-3.259c-.3461-.3457-.8153-.5399-1.3045-.5399s-.9584.1942-1.3045.5399c-.1712.1713-.3744.3073-.5982.4001-.2237.0927-.4636.1405-.7058.1405s-.482-.0478-.7058-.1405c-.2237-.0928-.427-.2288-.5982-.4001l-5.218-5.219c-.3457-.3462-.5398-.8153-.5398-1.3045s.1941-.9584.5398-1.3045c.1714-.1712.3074-.3745.4001-.5982.0928-.2238.1405-.4636.1405-.7058 0-.24225-.0477-.4821-.1405-.70585-.0927-.22375-.2287-.42702-.4001-.59819l-3.26-3.264c-.34611-.34569-.8153-.53986-1.30448-.53986-.48919 0-.95838.19417-1.3045.53986l-.774.774c-.89018.89038-1.45019 2.05764-1.58763 3.30916-.13744 1.25148.1559 2.51248.83163 3.57488l.008.012c3.57341 5.2898 8.12798 9.8454 13.41698 13.42z" stroke-width="2.5" /> 3035 </svg> 3036 <span class="link-black link-1">043 268 26 26</span> 3037 </a> 3038 </li> 3039 <li class="typo-nav-footer-m"> 3040 <a class="group/link flex gap-3" href="https://www.juventus.ch/standorte-kontakt/juventus-zuerich-kontakt/" target="_self"> 3041 <svg 3042 data-component="elements/icon" 3043 class="shrink-0 translate-y-0.5" 3044 fill="none" 3045 height="16" 3046 width="16" 3047 viewBox="0 0 32 32" 3048 xmlns="http://www.w3.org/2000/svg" 3049 > 3050 <path class="stroke-grey-text" d="M28.3342 8.65791L16 18.7391L3.66583 8.65791M3 8H29V26.087H3V8Z" stroke-width="2.5" /> 3051 </svg> 3052 <span class="link-black link-1">Kontakt</span> 3053 </a> 3054 </li> 3055 </ul> 3056 </template> 3057 <template x-if="Alpine.store('location').active_location === 66"> 3058 <ul class="gap-4.5 flex flex-col"> 3059 <li class="typo-nav-footer-m"> 3060 <a class="group/link flex gap-3" href="https://maps.app.goo.gl/EZWHG1CSVeP12Esq5" target="_blank"> 3061 <svg 3062 data-component="elements/icon" 3063 class="shrink-0 translate-y-0.5" 3064 fill="none" 3065 height="16" 3066 width="16" 3067 viewBox="0 0 32 32" 3068 xmlns="http://www.w3.org/2000/svg" 3069 > 3070 <path class="stroke-grey-text" d="m16 16c1.933 0 3.5-1.567 3.5-3.5s-1.567-3.5-3.5-3.5-3.5 1.567-3.5 3.5 1.567 3.5 3.5 3.5z" stroke-width="2.5" /> 3071 <path class="stroke-grey-text" d="m26.5 13.2c0 6.1859-10.5 16.8-10.5 16.8s-10.5-10.6141-10.5-16.8c0-6.1856 4.701-11.20001 10.5-11.20001s10.5 5.01441 10.5 11.20001z" stroke-width="2.5" /> 3072 </svg> 3073 <span class="link-black link-1">Stiftung Juventus-Schulen<br /> 3074JuveCampus City<br /> 3075Hallwylstr. 71<br /> 30768004 Zürich</span> 3077 </a> 3078 </li> 3079 <li class="typo-nav-footer-m"> 3080 <a class="group/link flex gap-3" href="tel:043 268 26 26" target="_blank"> 3081 <svg 3082 data-component="elements/icon" 3083 class="shrink-0 translate-y-0.5" 3084 fill="none" 3085 height="16" 3086 width="16" 3087 viewBox="0 0 32 32" 3088 xmlns="http://www.w3.org/2000/svg" 3089 > 3090 <path class="stroke-grey-text" d="m19.2897 26.6299.012.007c1.0621.6762 2.3231.9699 3.5747.8326 1.2516-.1372 2.419-.6973 3.3093-1.5876l.774-.774c.3457-.3462.5399-.8153.5399-1.3045s-.1942-.9584-.5399-1.3045l-3.261-3.259c-.3461-.3457-.8153-.5399-1.3045-.5399s-.9584.1942-1.3045.5399c-.1712.1713-.3744.3073-.5982.4001-.2237.0927-.4636.1405-.7058.1405s-.482-.0478-.7058-.1405c-.2237-.0928-.427-.2288-.5982-.4001l-5.218-5.219c-.3457-.3462-.5398-.8153-.5398-1.3045s.1941-.9584.5398-1.3045c.1714-.1712.3074-.3745.4001-.5982.0928-.2238.1405-.4636.1405-.7058 0-.24225-.0477-.4821-.1405-.70585-.0927-.22375-.2287-.42702-.4001-.59819l-3.26-3.264c-.34611-.34569-.8153-.53986-1.30448-.53986-.48919 0-.95838.19417-1.3045.53986l-.774.774c-.89018.89038-1.45019 2.05764-1.58763 3.30916-.13744 1.25148.1559 2.51248.83163 3.57488l.008.012c3.57341 5.2898 8.12798 9.8454 13.41698 13.42z" stroke-width="2.5" /> 3091 </svg>
3092 <span class="link-black link-1">043 268 26 26</span> 3093 </a> 3094 </li> 3095 <li class="typo-nav-footer-m"> 3096 <a class="group/link flex gap-3" href="https://www.juventus.ch/standorte-kontakt/juventus-zuerich-kontakt/" target="_self"> 3097 <svg 3098 data-component="elements/icon" 3099 class="shrink-0 translate-y-0.5" 3100 fill="none" 3101 height="16" 3102 width="16" 3103 viewBox="0 0 32 32" 3104 xmlns="http://www.w3.org/2000/svg" 3105 > 3106 <path class="stroke-grey-text" d="M28.3342 8.65791L16 18.7391L3.66583 8.65791M3 8H29V26.087H3V8Z" stroke-width="2.5" /> 3107 </svg> 3108 <span class="link-black link-1">Kontakt</span> 3109 </a> 3110 </li> 3111 </ul> 3112 </template> 3113 </div> 3114 3115 <div class="flex flex-col gap-4"> 3116 <p class="typo-nav-footer-s text-grey-text">Anfahrt</p> 3117 <template x-if="Alpine.store('location').active_location === 71"> 3118 <div class="xxs:gap-3 flex items-center gap-3 md:gap-4"> 3119 <a 3120 class="size-10 border-grey-border hover:bg-grey-bg default-ease flex items-center justify-center rounded-xl border bg-white transition-colors" 3121 href="https://www.google.com/maps/dir/?api=1&destination=Stiftung+Juventus+Schulen+(HB)+JuveCampus+HB+Lagerstrasse+102+8004+Zuerich&travelmode=transit&hl=de" 3122 target="_blank" 3123 aria-label="Mit dem ÃV" 3124 > 3125 <svg 3126 data-component="elements/icon" 3127 class="shrink-0" 3128 fill="none" 3129 height="20" 3130 width="20" 3131 viewBox="0 0 32 32" 3132 xmlns="http://www.w3.org/2000/svg" 3133 > 3134 <path class="stroke-black" d="m15.3191 2v8.6163m0 0c-3.5218.0297-7.03043.4424-10.46301 1.2309m10.46301-1.2309c3.5219.0297 7.0297.4424 10.4623 1.2309m-15.2219 10.9768v-2.93c0-.2805.1114-.5495.3098-.748.1983-.1984.4674-.3098.7479-.3098h7.4044c.2806 0 .5496.1114.748.3098.1984.1985.3098.4675.3098.748v2.93m5.702-10.9768v-5.53905c-.0032-1.14159-.4581-2.23551-1.2654-3.04273-.8072-.80724-1.9012-1.26217-3.0427-1.26542h-12.30907c-1.14159.00325-2.23551.45818-3.04273 1.26542-.80724.80722-1.26217 1.90114-1.26541 3.04273v5.53905m20.92531 0v9.2315c.0004.3527-.1222.6947-.347.9666s-.5374.4568-.8839.5228c-3.0213.7276-6.1252 1.0546-9.2318.9725-3.1107.0833-6.21876-.2437-9.24403-.9725-.34322-.0706-.65169-.2572-.87358-.5284-.22191-.2713-.34373-.6106-.345-.961v-9.2315m1.97363 14.2291-2.82972 4.9237m19.8087-4.9237 2.8297 4.9237m-18.15018-15.5144h-3.63142m20.9253 0h-3.6315" stroke-width="1.5" /> 3135 </svg> 3136 </a> 3137 <a 3138 class="size-10 border-grey-border hover:bg-grey-bg default-ease flex items-center justify-center rounded-xl border bg-white transition-colors" 3139 href="https://www.google.com/maps/dir/?api=1&destination=Stiftung+Juventus+Schulen+(HB)+JuveCampus+HB+Lagerstrasse+102+8004+Zuerich&travelmode=driving&hl=de" 3140 target="_blank" 3141 aria-label="Mit dem Auto" 3142 > 3143 <svg 3144 data-component="elements/icon" 3145 class="shrink-0" 3146 fill="none" 3147 height="20" 3148 width="20" 3149 viewBox="0 0 32 32" 3150 xmlns="http://www.w3.org/2000/svg" 3151 > 3152 <path class="stroke-black" d="m27.2667 21.5455c.4597 0 .9006-.182 1.2256-.506.3251-.3239.5077-.7632.5077-1.2213v-2.5921c-.0003-.5524-.2206-1.082-.6124-1.4728l-2.8543-2.8442m1.7334 8.6364h-22.53337m22.53337 0v1.7272c0 .4581-.1827.8975-.5077 1.2214-.3251.3239-.766.5059-1.2257.5059s-.9006-.182-1.2256-.5059c-.3251-.3239-.5077-.7633-.5077-1.2214v-1.7272zm-1.7334-8.6364h-19.06663m19.06663 0 1.7334-1.7273h1.7333m-22.53333 1.7273-2.85423 2.8442c-.39183.3908-.61209.9204-.61244 1.4728v2.5921c0 .4581.18262.8974.50768 1.2213.16096.1604.35204.2877.56234.3745.21029.0868.43569.1315.66331.1315m1.73334-8.6364 1.96444-5.22789c.18585-.49435.51887-.92029.95443-1.22077.43557-.30047.95286-.46113 1.48266-.46044h10.2636c.5292.00002 1.0457.161 1.4806.46143s.7674.72599.953 1.21978l1.9645 5.22789zm0 0-1.73334-1.7273h-1.73333m1.73333 10.3637v1.7272c0 .4581.18262.8975.50768 1.2214.32507.3239.76595.5059 1.22566.5059s.90059-.182 1.22565-.5059.50768-.7633.50768-1.2214v-1.7272zm-1.54613-5.1819h4.2952c.45939.0001.89995.182 1.22489.5056l1.22604 1.2217m18.87947-1.7273h-4.2952c-.4594.0001-.8999.182-1.2249.5056l-1.226 1.2217" stroke-width="1.5" /> 3153 </svg> 3154 </a> 3155 <a 3156 class="size-10 border-grey-border hover:bg-grey-bg default-ease flex items-center justify-center rounded-xl border bg-white transition-colors" 3157 href="https://www.google.com/maps/dir/?api=1&destination=Stiftung+Juventus+Schulen+(HB)+JuveCampus+HB+Lagerstrasse+102+8004+Zuerich&travelmode=bicycling&hl=de" 3158 target="_blank" 3159 aria-label="Mit dem Velo" 3160 > 3161 <svg 3162 data-component="elements/icon" 3163 class="shrink-0" 3164 fill="none" 3165 height="20" 3166 width="20"
3167 viewBox="0 0 32 32" 3168 xmlns="http://www.w3.org/2000/svg" 3169 > 3170 <path class="stroke-black" d="m16.0397 18.8584 5.8226-9.83185-10.1173 2.65415-5.20988 6.1042c-.08694.0923-.14405.2068-.1644.3297-.02036.123-.00309.2488.04971.3626.05281.1137.13886.2101.24775.2779.10888.0676.23589.1035.36565.1033zm0 0-6.15441-10.28571m15.75241 10.28441-4.4334-11.54181c-.0323-.08464-.0457-.17486-.0394-.2648.0065-.08993.0325-.17758.0764-.25723.044-.07966.105-.14955.179-.20515.074-.05559.1594-.09563.2506-.11754l1.9559-.47057m-15.41713 2.57143h4.02183m-5.86908 15.42857c2.96157 0 5.36238-2.3026 5.36238-5.1429 0-2.8402-2.40081-5.1428-5.36238-5.1428-2.96158 0-5.36242 2.3026-5.36242 5.1428 0 2.8403 2.40084 5.1429 5.36242 5.1429zm19.27518 0c2.9615 0 5.3624-2.3026 5.3624-5.1429 0-2.8402-2.4009-5.1428-5.3624-5.1428-2.9617 0-5.3624 2.3026-5.3624 5.1428 0 2.8403 2.4007 5.1429 5.3624 5.1429z" stroke-width="1.5" /> 3171 </svg> 3172 </a> 3173 </div> 3174 </template> 3175 <template x-if="Alpine.store('location').active_location === 66"> 3176 <div class="xxs:gap-3 flex items-center gap-3 md:gap-4"> 3177 <a 3178 class="size-10 border-grey-border hover:bg-grey-bg default-ease flex items-center justify-center rounded-xl border bg-white transition-colors" 3179 href="https://www.google.com/maps/dir/?api=1&destination=Stiftung+Juventus+Schulen+(City)&travelmode=transit&hl=de" 3180 target="_blank" 3181 aria-label="Mit dem ÃV" 3182 > 3183 <svg 3184 data-component="elements/icon" 3185 class="shrink-0" 3186 fill="none" 3187 height="20" 3188 width="20" 3189 viewBox="0 0 32 32" 3190 xmlns="http://www.w3.org/2000/svg" 3191 > 3192 <path class="stroke-black" d="m15.3191 2v8.6163m0 0c-3.5218.0297-7.03043.4424-10.46301 1.2309m10.46301-1.2309c3.5219.0297 7.0297.4424 10.4623 1.2309m-15.2219 10.9768v-2.93c0-.2805.1114-.5495.3098-.748.1983-.1984.4674-.3098.7479-.3098h7.4044c.2806 0 .5496.1114.748.3098.1984.1985.3098.4675.3098.748v2.93m5.702-10.9768v-5.53905c-.0032-1.14159-.4581-2.23551-1.2654-3.04273-.8072-.80724-1.9012-1.26217-3.0427-1.26542h-12.30907c-1.14159.00325-2.23551.45818-3.04273 1.26542-.80724.80722-1.26217 1.90114-1.26541 3.04273v5.53905m20.92531 0v9.2315c.0004.3527-.1222.6947-.347.9666s-.5374.4568-.8839.5228c-3.0213.7276-6.1252 1.0546-9.2318.9725-3.1107.0833-6.21876-.2437-9.24403-.9725-.34322-.0706-.65169-.2572-.87358-.5284-.22191-.2713-.34373-.6106-.345-.961v-9.2315m1.97363 14.2291-2.82972 4.9237m19.8087-4.9237 2.8297 4.9237m-18.15018-15.5144h-3.63142m20.9253 0h-3.6315" stroke-width="1.5" /> 3193 </svg> 3194 </a> 3195 <a 3196 class="size-10 border-grey-border hover:bg-grey-bg default-ease flex items-center justify-center rounded-xl border bg-white transition-colors" 3197 href="https://www.google.com/maps/dir/?api=1&destination=Stiftung+Juventus+Schulen+(City)&travelmode=driving&hl=de" 3198 target="_blank" 3199 aria-label="Mit dem Auto" 3200 > 3201 <svg 3202 data-component="elements/icon" 3203 class="shrink-0" 3204 fill="none" 3205 height="20" 3206 width="20" 3207 viewBox="0 0 32 32" 3208 xmlns="http://www.w3.org/2000/svg" 3209 > 3210 <path class="stroke-black" d="m27.2667 21.5455c.4597 0 .9006-.182 1.2256-.506.3251-.3239.5077-.7632.5077-1.2213v-2.5921c-.0003-.5524-.2206-1.082-.6124-1.4728l-2.8543-2.8442m1.7334 8.6364h-22.53337m22.53337 0v1.7272c0 .4581-.1827.8975-.5077 1.2214-.3251.3239-.766.5059-1.2257.5059s-.9006-.182-1.2256-.5059c-.3251-.3239-.5077-.7633-.5077-1.2214v-1.7272zm-1.7334-8.6364h-19.06663m19.06663 0 1.7334-1.7273h1.7333m-22.53333 1.7273-2.85423 2.8442c-.39183.3908-.61209.9204-.61244 1.4728v2.5921c0 .4581.18262.8974.50768 1.2213.16096.1604.35204.2877.56234.3745.21029.0868.43569.1315.66331.1315m1.73334-8.6364 1.96444-5.22789c.18585-.49435.51887-.92029.95443-1.22077.43557-.30047.95286-.46113 1.48266-.46044h10.2636c.5292.00002 1.0457.161 1.4806.46143s.7674.72599.953 1.21978l1.9645 5.22789zm0 0-1.73334-1.7273h-1.73333m1.73333 10.3637v1.7272c0 .4581.18262.8975.50768 1.2214.32507.3239.76595.5059 1.22566.5059s.90059-.182 1.22565-.5059.50768-.7633.50768-1.2214v-1.7272zm-1.54613-5.1819h4.2952c.45939.0001.89995.182 1.22489.5056l1.22604 1.2217m18.87947-1.7273h-4.2952c-.4594.0001-.8999.182-1.2249.5056l-1.226 1.2217" stroke-width="1.5" /> 3211 </svg> 3212 </a> 3213 <a 3214 class="size-10 border-grey-border hover:bg-grey-bg default-ease flex items-center justify-center rounded-xl border bg-white transition-colors" 3215 href="https://www.google.com/maps/dir/?api=1&destination=Stiftung+Juventus+Schulen+(City)&travelmode=bicycling&hl=de" 3216 target="_blank" 3217 aria-label="Mit dem Velo" 3218 > 3219 <svg 3220 data-component="elements/icon" 3221 class="shrink-0" 3222 fill="none" 3223 height="20" 3224 width="20"
3225 viewBox="0 0 32 32" 3226 xmlns="http://www.w3.org/2000/svg" 3227 > 3228 <path class="stroke-black" d="m16.0397 18.8584 5.8226-9.83185-10.1173 2.65415-5.20988 6.1042c-.08694.0923-.14405.2068-.1644.3297-.02036.123-.00309.2488.04971.3626.05281.1137.13886.2101.24775.2779.10888.0676.23589.1035.36565.1033zm0 0-6.15441-10.28571m15.75241 10.28441-4.4334-11.54181c-.0323-.08464-.0457-.17486-.0394-.2648.0065-.08993.0325-.17758.0764-.25723.044-.07966.105-.14955.179-.20515.074-.05559.1594-.09563.2506-.11754l1.9559-.47057m-15.41713 2.57143h4.02183m-5.86908 15.42857c2.96157 0 5.36238-2.3026 5.36238-5.1429 0-2.8402-2.40081-5.1428-5.36238-5.1428-2.96158 0-5.36242 2.3026-5.36242 5.1428 0 2.8403 2.40084 5.1429 5.36242 5.1429zm19.27518 0c2.9615 0 5.3624-2.3026 5.3624-5.1429 0-2.8402-2.4009-5.1428-5.3624-5.1428-2.9617 0-5.3624 2.3026-5.3624 5.1428 0 2.8403 2.4007 5.1429 5.3624 5.1429z" stroke-width="1.5" /> 3229 </svg> 3230 </a> 3231 </div> 3232 </template> 3233 </div> 3234</div> 3235 </div> 3236 3237 <div class="border-grey-border border-t py-8"> 3238 <div class="wrap-content flex items-center justify-between gap-8 lg:flex-col"> 3239 <nav class="md:w-ct-full md:left-0!" aria-label="Soziale Medien" data-component="layout/footer/socials"> 3240 <ul 3241 class="md:border-grey-border xxs:px-6 xxs:gap-3 flex items-center gap-4 sm:px-7 md:gap-4 md:border-b md:px-8 md:pb-8" 3242 > 3243 <li> 3244 <a 3245 class="size-10 hover:bg-grey-bg default-ease outline-grey-border flex items-center justify-center rounded-xl bg-white outline transition-colors" 3246 href="https://www.instagram.com/juventusschulen/" 3247 target="_blank" 3248 aria-label="Link zu Instagram" 3249 > 3250 <img class="size-4" src="https://www.juventus.ch/app/uploads/2026/01/instagram.svg" alt="Icon Instagram" fetchpriority="low" /> 3251 </a> 3252 </li> 3253 <li> 3254 <a 3255 class="size-10 hover:bg-grey-bg default-ease outline-grey-border flex items-center justify-center rounded-xl bg-white outline transition-colors" 3256 href="https://www.tiktok.com/@juventus.schulen" 3257 target="_blank" 3258 aria-label="Link zu TikTok" 3259 > 3260 <img class="size-4" src="https://www.juventus.ch/app/uploads/2026/01/tiktok.svg" alt="Icon TikTok" fetchpriority="low" /> 3261 </a> 3262 </li> 3263 <li> 3264 <a 3265 class="size-10 hover:bg-grey-bg default-ease outline-grey-border flex items-center justify-center rounded-xl bg-white outline transition-colors" 3266 href="https://www.linkedin.com/school/15122561/admin/page-posts/published/" 3267 target="_blank" 3268 aria-label="Link zu LinkedIn" 3269 > 3270 <img class="size-4" src="https://www.juventus.ch/app/uploads/2026/01/linkedin.svg" alt="Icon LinkedIn" fetchpriority="low" /> 3271 </a> 3272 </li> 3273 <li> 3274 <a 3275 class="size-10 hover:bg-grey-bg default-ease outline-grey-border flex items-center justify-center rounded-xl bg-white outline transition-colors" 3276 href="https://www.facebook.com/JuventusSchulen/" 3277 target="_blank" 3278 aria-label="Link zu Facebook" 3279 > 3280 <img class="size-4" src="https://www.juventus.ch/app/uploads/2026/01/facebook.svg" alt="Icon Facebook" fetchpriority="low" /> 3281 </a> 3282 </li> 3283 <li> 3284 <a 3285 class="size-10 hover:bg-grey-bg default-ease outline-grey-border flex items-center justify-center rounded-xl bg-white outline transition-colors" 3286 href="https://www.youtube.com/@JuvenewsTube/videos" 3287 target="_blank" 3288 aria-label="Link zu YouTube" 3289 > 3290 <img class="size-4" src="https://www.juventus.ch/app/uploads/2026/01/youtube.svg" alt="Icon YouTube" fetchpriority="low" /> 3291 </a> 3292 </li> 3293 </ul> 3294</nav> 3295 <nav class="md:w-full" aria-label="Legales" data-component="layout/footer/legals"> 3296 <ul class="flex items-center gap-8 md:flex-wrap md:gap-x-6 md:gap-y-2"> 3297 <li class="typo-nav-footer-s link-1 link-black whitespace-nowrap text-black"> 3298 3299 <a href="#" class="cky-banner-element">Cookie</a> 3300 3301 </li> 3302 <li class="typo-nav-footer-s link-1 link-black whitespace-nowrap text-black"> 3303 3304 <a href="https://www.juventus.ch/datenschutz/" target="">Datenschutz</a> 3305 3306 </li> 3307 <li class="typo-nav-footer-s link-1 link-black whitespace-nowrap text-black"> 3308 3309 <a href="https://www.juventus.ch/agb/" target="">AGB</a> 3310 3311 </li> 3312 <li class="typo-nav-footer-s link-1 link-black whitespace-nowrap text-black"> 3313 3314 <a href="https://www.juventus.ch/impressum/" target="">Impressum</a> 3315 3316 </li> 3317 </ul> 3318</nav> 3319 </div> 3320 </div> 3321</footer> 3322<span id="overlay-modal" x-cloak class="overlay z-40 opacity-0"></span> 3323
3323<script> 3324 document.addEventListener('alpine:init', () => { 3325 Alpine.data('chat', () => ({ 3326 init() { 3327 this.animateTexts(); 3328 }, 3329 message: '', 3330 focused: false, 3331 get active() { 3332 return !!this.focused || !!this.message; 3333 }, 3334 // -> functionality 3335 submit() { 3336 if (!this.message) { 3337 Alpine.store('marple').open('find-offer'); 3338 } else { 3339 Alpine.store('marple').open('get-options', this.message); 3340 } 3341 }, 3342 analysis() { 3343 Alpine.store('marple').open('analyze-cv'); 3344 }, 3345 // -> animation 3346 animateTexts() { 3347 const container = this.$refs.texts; 3348 if (!container) return; 3349 let texts = container.querySelectorAll('p'); 3350 if (!texts) return; 3351 texts = [...texts]; 3352 let i = 0; 3353 texts[0].classList.remove('opacity-0'); 3354 setTimeout(() => { 3355 setInterval(() => { 3356 if (this.active) return; 3357 i = i === texts.length - 1 ? 0 : i + 1; 3358 texts.forEach((text) => text.classList.add('opacity-0')); 3359 setTimeout(() => { 3360 texts[i].classList.remove('opacity-0'); 3361 }, 350); 3362 }, 4500); 3363 }, 1900); 3364 }, 3365 })); 3366 }); 3367 </script>
3367 3368
3368<script> 3369 document.addEventListener('alpine:init', () => { 3370 Alpine.data('about', () => ({ 3371 init() { 3372 if (this.mode !== 'video') return; 3373 this.initVideoLoading(); 3374 window.addEventListener('resize', () => this.initVideoLoading()); 3375 }, 3376 mode: 'video', 3377 active_slide: 0, 3378 initVideoLoading() { 3379 if (Alpine.store('globals').window_width > 768) { 3380 const videos = document.querySelectorAll('video[data-about-video]'); 3381 [...videos].forEach((video) => { 3382 if (video.dataset.aboutVideo === this.active_slide.toString()) return; 3383 Alpine.store('videos').remove(video); 3384 }); 3385 } else { 3386 const videos = document.querySelectorAll('video[data-about-video]'); 3387 [...videos].forEach((video) => { 3388 if (video.dataset.observed) return; 3389 Alpine.store('videos').add(video); 3390 }); 3391 } 3392 }, 3393 changeSlide(key) { 3394 if (this.mode === 'video' && Alpine.store('globals').window_width > 768) { 3395 const video_new = document.querySelector(`video[data-about-video="${key}"]`); 3396 if (video_new) { 3397 Alpine.store('videos').add(video_new); 3398 } 3399 const video_old = document.querySelector(`video[data-about-video="${this.active_slide}"]`); 3400 if (video_old) { 3401 Alpine.store('videos').remove(video_old); 3402 } 3403 } 3404 this.active_slide = key; 3405 }, 3406 })); 3407 }); 3408 </script>
vendor: 1 bytes, line 3408
3408
3409<script 3410 src="https://www.juventus.ch/app/themes/project/dist/scripts/main.js?v=23" 3411 onerror="document.documentElement.classList.add('no-js')" 3412></script>
vendor: 1 bytes, line 3412
3412
3413<script id="marple-expert-script" src="https://expert.marple.ch/build/assets/init.js" data-agent-id="juventus-schulen-website"></script>
vendor: 1 bytes, line 3413
3413
3414<script type="speculationrules"> 3415{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp/wp-*.php","/wp/wp-admin/*","/app/uploads/*","/app/*","/app/plugins/*","/app/themes/project/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 3416</script>
3416 3417</body> 3418</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.