<div class="sticky">
<header class="header">
<div class="header-inner">
<div class="header-logo"><img src="/images/logo.svg"></div>
<div class="header-meta-nav">
<nav class="meta-navigation">
<ul>
<li><a href="#" class="text-orange"><i>Infoanlässe <span>&</span> Events</i></a></li>
<li>
<div class="dropdown">
<button class="btn " type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Für Studierende <i class="fal fa-angle-down"></i>
</button>
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<div class="dropdown-menu-bg"></div>
<a class="dropdown-item" href="#">Stundenplan</a>
<a class="dropdown-item" href="#">Moodle-Login</a>
<a class="dropdown-item" href="#">Badge-Nutzung</a>
<a class="dropdown-item" href="#">E-Mail-Kennwort ändern</a>
<a class="dropdown-item" href="#">Hausreglement</a>
</div>
</div>
</li>
<li>
<a href="#">
<svg width="122" height="18" viewBox="0 0 122 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.34 17.18C5.26 17.18 6.92 16.14 6.92 14.44C6.92 12.3 3.26 10.08 3.26 8.58C3.26 7.92 3.7 7.48 4.56 7.48C5.64 7.48 5.66 8.6 5.66 9.5C6.54 9.5 7.36 9.16 7.36 8.16C7.36 7.2 6.52 6.58 4.82 6.58C2.92 6.58 1.64 7.66 1.64 9.2C1.64 11.3 5.22 13.12 5.22 15.08C5.22 15.98 4.36 16.32 3.62 16.32C2.36 16.32 2.34 15.42 2.34 14.36C2.16 14.3 1.96 14.28 1.8 14.28C1.06 14.28 0.56 14.8 0.56 15.54C0.56 16.64 1.78 17.18 3.34 17.18ZM16.0092 9.08C16.0092 10.88 12.4092 12.14 11.4492 12.2L11.5692 11.38C12.7292 9.28 14.2892 8.16 15.1492 8.16C15.6692 8.16 16.0092 8.46 16.0092 9.08ZM11.7492 9.92C11.8292 9.24 12.8292 1.9 12.8292 1.3C12.8292 0.939999 12.7092 0.679999 12.2692 0.679999C12.0892 0.679999 11.7692 0.759999 11.4492 0.839999L9.44922 1.3C9.16922 1.36 9.06922 1.48 9.06922 1.7C9.06922 1.88 9.18922 2.04 9.40922 2.04H10.2092C10.7492 2.04 10.9092 2.22 10.9092 2.72C10.9092 3.24 9.16922 16.32 9.16922 16.94C9.16922 17.08 9.22922 17.16 9.36922 17.16C9.52922 17.16 10.2092 17.02 10.7092 16.86C10.9292 16.8 10.9892 16.7 11.0092 16.46L11.3692 13.08L12.2892 12.82C13.8692 16.64 14.8292 17.16 15.3892 17.16C16.0892 17.16 18.1692 15.82 18.1692 15.32C18.1692 15.16 18.0892 15.1 17.9492 15.1C17.6692 15.1 16.2692 15.42 16.0492 15.42C15.6692 15.42 15.1892 15 13.7492 12.3C15.8692 11.68 17.7892 10.32 17.7892 8.36C17.7892 7.36 17.0292 6.58 15.9292 6.58C14.4492 6.58 12.8292 7.62 11.7892 9.92H11.7492ZM20.1389 16.72C20.1389 17.04 20.3389 17.14 20.6189 17.14C21.5389 17.14 24.2189 16.08 24.2189 15.66C24.2189 15.44 24.0589 15.4 23.8989 15.4H22.6189C22.1789 15.4 22.1189 15.36 22.1189 15.1C22.1189 14.6 23.0789 7.38 23.0789 7C23.0789 6.68 22.8789 6.58 22.5989 6.58C21.6789 6.58 19.1389 7.84 19.1389 8.26C19.1389 8.48 19.2389 8.52 19.3989 8.52H20.6189C20.9989 8.52 21.1189 8.52 21.1189 8.7C21.1189 9.3 20.1389 16.1 20.1389 16.72ZM21.1989 3.32C21.1989 4.06 21.8189 4.68 22.5589 4.68C23.2989 4.68 23.9189 4.06 23.9189 3.32C23.9189 2.58 23.2989 1.96 22.5589 1.96C21.8189 1.96 21.1989 2.58 21.1989 3.32ZM29.6642 1.3C29.6642 0.939999 29.5442 0.679999 29.1042 0.679999C28.9242 0.679999 28.6042 0.759999 28.2842 0.839999L26.3242 1.3C26.0442 1.36 25.9442 1.48 25.9442 1.7C25.9442 1.88 26.0642 2.04 26.2842 2.04H27.0842C27.6242 2.04 27.7842 2.22 27.7842 2.72C27.7842 3.24 26.0642 16.14 26.0642 16.76C26.0642 17.06 26.2642 17.16 26.5442 17.16C27.4642 17.16 30.1642 16.1 30.1642 15.68C30.1642 15.46 30.0042 15.42 29.8442 15.42H28.5042C28.1242 15.42 28.0042 15.4 28.0042 15.22C28.0042 14.48 29.6642 1.9 29.6642 1.3ZM35.5041 1.3C35.5041 0.939999 35.3841 0.679999 34.9441 0.679999C34.7641 0.679999 34.4441 0.759999 34.1241 0.839999L32.1641 1.3C31.8841 1.36 31.7841 1.48 31.7841 1.7C31.7841 1.88 31.9041 2.04 32.1241 2.04H32.9241C33.4641 2.04 33.6241 2.22 33.6241 2.72C33.6241 3.24 31.9041 16.14 31.9041 16.76C31.9041 17.06 32.1041 17.16 32.3841 17.16C33.3041 17.16 36.0041 16.1 36.0041 15.68C36.0041 15.46 35.8441 15.42 35.6841 15.42H34.3441C33.9641 15.42 33.8441 15.4 33.8441 15.22C33.8441 14.48 35.5041 1.9 35.5041 1.3ZM38.2639 9.88H36.7839V7.62H38.2639V4.54H41.1439V7.62H43.5639V9.88H41.1439V13.58C41.1439 14.0333 41.2306 14.3867 41.4039 14.64C41.5906 14.88 41.8772 15 42.2639 15C42.5572 15 42.8106 14.9533 43.0239 14.86C43.2372 14.7533 43.4372 14.6333 43.6239 14.5L44.7839 16.26C43.8772 16.98 42.8906 17.34 41.8239 17.34C41.1572 17.34 40.5972 17.24 40.1439 17.04C39.6906 16.8533 39.3239 16.5933 39.0439 16.26C38.7639 15.9133 38.5639 15.5 38.4439 15.02C38.3239 14.54 38.2639 14.0067 38.2639 13.42V9.88ZM45.9233 7.62H48.6833L48.7833 8.8C49.0233 8.48 49.3499 8.17333 49.7633 7.88C50.1899 7.58667 50.7366 7.44 51.4033 7.44C51.6566 7.44 51.8699 7.45333 52.0433 7.48C52.2299 7.50667 52.4099 7.55333 52.5833 7.62L52.1233 10.16C51.8299 10.0667 51.4833 10.02 51.0833 10.02C50.4033 10.02 49.8499 10.2267 49.4233 10.64C49.0099 11.04 48.8033 11.6133 48.8033 12.36V17H45.9233V7.62ZM59.0195 16.12C58.6995 16.4933 58.2929 16.78 57.7995 16.98C57.3195 17.18 56.7795 17.28 56.1795 17.28C55.8462 17.28 55.4929 17.2333 55.1195 17.14C54.7595 17.0467 54.4195 16.8933 54.0995 16.68C53.7929 16.4533 53.5329 16.1533 53.3195 15.78C53.1195 15.4067 53.0195 14.94 53.0195 14.38C53.0195 13.8333 53.1262 13.3467 53.3395 12.92C53.5662 12.4933 53.8729 12.14 54.2595 11.86C54.6462 11.5667 55.0995 11.3467 55.6195 11.2C56.1529 11.0533 56.7262 10.98 57.3395 10.98C57.6729 10.98 58.0062 10.9867 58.3395 11C58.6862 11.0133 58.9129 11.0333 59.0195 11.06V10.86C59.0195 10.62 58.9662 10.42 58.8595 10.26C58.7662 10.0867 58.6329 9.94667 58.4595 9.84C58.2995 9.72 58.1129 9.64 57.8995 9.6C57.6862 9.54667 57.4595 9.52 57.2195 9.52C56.5795 9.52 56.0462 9.6 55.6195 9.76C55.2062 9.92 54.8529 10.1 54.5595 10.3L53.3795 8.54C53.5795 8.39333 53.8062 8.24667 54.0595 8.1C54.3129 7.95333 54.6129 7.82 54.9595 7.7C55.3062 7.58 55.6929 7.48667 56.1195 7.42C56.5595 7.34 57.0595 7.3 57.6195 7.3C59.0462 7.3 60.0995 7.68667 60.7795 8.46C61.4595 9.22 61.7995 10.2467 61.7995 11.54V17H59.0995L59.0195 16.12ZM59.0195 12.86C58.9529 12.8467 58.8262 12.8333 58.6395 12.82C58.4529 12.7933 58.2395 12.78 57.9995 12.78C57.1995 12.78 56.6329 12.8933 56.2995 13.12C55.9662 13.3467 55.7995 13.6667 55.7995 14.08C55.7995 14.8533 56.2662 15.24 57.1995 15.24C57.4262 15.24 57.6462 15.2067 57.8595 15.14C58.0862 15.06 58.2795 14.9533 58.4395 14.82C58.6129 14.6867 58.7529 14.52 58.8595 14.32C58.9662 14.12 59.0195 13.8867 59.0195 13.62V12.86ZM63.8525 3.66H66.9325V6.24H63.8525V3.66ZM63.9525 7.62H66.8325V17H63.9525V7.62ZM69.0488 7.62H71.8088L71.8888 8.64C72.1954 8.26667 72.5954 7.96667 73.0888 7.74C73.5954 7.51333 74.1221 7.4 74.6688 7.4C75.7488 7.4 76.6021 7.72 77.2288 8.36C77.8688 9 78.1888 9.94667 78.1888 11.2V17H75.3088V11.6C75.3088 11.08 75.1754 10.6667 74.9088 10.36C74.6554 10.0533 74.2954 9.9 73.8288 9.9C73.5088 9.9 73.2288 9.96 72.9888 10.08C72.7488 10.1867 72.5488 10.3333 72.3888 10.52C72.2288 10.7067 72.1088 10.9267 72.0288 11.18C71.9488 11.42 71.9088 11.68 71.9088 11.96V17H69.0488V7.62ZM89.1192 15.98C89.0126 16.0467 88.8526 16.16 88.6392 16.32C88.4259 16.4667 88.1459 16.6133 87.7992 16.76C87.4659 16.9067 87.0659 17.0333 86.5992 17.14C86.1326 17.26 85.5992 17.32 84.9992 17.32C84.1992 17.32 83.4792 17.2 82.8392 16.96C82.1992 16.7067 81.6526 16.36 81.1992 15.92C80.7592 15.48 80.4192 14.9533 80.1792 14.34C79.9526 13.7133 79.8392 13.0267 79.8392 12.28C79.8392 11.6267 79.9459 11 80.1592 10.4C80.3859 9.78667 80.7059 9.25333 81.1192 8.8C81.5326 8.34667 82.0392 7.98667 82.6392 7.72C83.2392 7.44 83.9192 7.3 84.6792 7.3C85.4392 7.3 86.1059 7.43333 86.6792 7.7C87.2526 7.96667 87.7326 8.34 88.1192 8.82C88.5192 9.28667 88.8192 9.85333 89.0192 10.52C89.2192 11.1733 89.3192 11.8933 89.3192 12.68V13.16H82.6392C82.6526 13.6667 82.8726 14.1133 83.2992 14.5C83.7392 14.8733 84.3392 15.06 85.0992 15.06C85.8459 15.06 86.4526 14.9533 86.9192 14.74C87.3859 14.5133 87.7259 14.32 87.9392 14.16L89.1192 15.98ZM86.5992 11.32C86.5992 11.12 86.5592 10.92 86.4792 10.72C86.3992 10.5067 86.2792 10.3133 86.1192 10.14C85.9592 9.96667 85.7592 9.82667 85.5192 9.72C85.2792 9.6 84.9926 9.54 84.6592 9.54C84.3259 9.54 84.0326 9.6 83.7792 9.72C83.5259 9.82667 83.3126 9.96667 83.1392 10.14C82.9792 10.3133 82.8526 10.5067 82.7592 10.72C82.6792 10.92 82.6392 11.12 82.6392 11.32H86.5992ZM90.9623 7.62H93.7223L93.8223 8.8C94.0623 8.48 94.389 8.17333 94.8023 7.88C95.229 7.58667 95.7757 7.44 96.4423 7.44C96.6957 7.44 96.909 7.45333 97.0823 7.48C97.269 7.50667 97.449 7.55333 97.6223 7.62L97.1623 10.16C96.869 10.0667 96.5223 10.02 96.1223 10.02C95.4423 10.02 94.889 10.2267 94.4623 10.64C94.049 11.04 93.8423 11.6133 93.8423 12.36V17H90.9623V7.62ZM107.251 15.68C106.251 15.68 105.071 14.98 105.071 12.46C105.071 9.1 106.711 7.48 107.791 7.48C108.931 7.48 108.971 8.64 108.971 9.56C109.971 9.56 110.771 9.24 110.771 8.2C110.771 7.2 109.831 6.58 108.351 6.58C105.871 6.58 103.331 8.62 103.331 13C103.331 15.28 104.531 17.14 106.511 17.14C108.771 17.14 110.571 15.42 110.571 14.58C110.571 14.38 110.431 14.3 110.331 14.3C110.011 14.3 108.931 15.68 107.251 15.68ZM114.749 9.26C114.829 8.58 115.749 1.9 115.749 1.3C115.749 0.939999 115.629 0.679999 115.189 0.679999C115.009 0.679999 114.689 0.759999 114.369 0.839999L112.369 1.3C112.089 1.36 111.989 1.48 111.989 1.7C111.989 1.88 112.109 2.04 112.329 2.04H113.129C113.669 2.04 113.829 2.22 113.829 2.72C113.829 3.24 112.089 16.32 112.089 16.94C112.089 17.08 112.149 17.16 112.289 17.16C112.449 17.16 113.129 17.02 113.629 16.86C113.849 16.8 113.909 16.7 113.929 16.46L114.649 10.52C116.169 9.04 117.089 8.24 117.969 8.24C118.389 8.24 118.609 8.42 118.609 8.9C118.609 9.42 117.469 16.42 117.469 16.8C117.469 17.06 117.669 17.16 117.949 17.16C118.869 17.16 121.549 16.08 121.549 15.62C121.549 15.44 121.449 15.4 121.169 15.4H119.889C119.509 15.4 119.369 15.38 119.369 15.2C119.369 14.82 120.489 8.92 120.489 8.16C120.489 7.12 119.789 6.58 118.889 6.58C117.569 6.58 116.229 7.74 114.809 9.26H114.749Z" fill="#001B35" />
<path d="M98.2739 15.68C98.2739 16.46 98.8939 17.08 99.6739 17.08C100.474 17.08 101.114 16.46 101.114 15.68C101.114 14.88 100.474 14.24 99.6739 14.24C98.8939 14.24 98.2739 14.88 98.2739 15.68Z" fill="#F39100" />
</svg>
</a>
</li>
<li>
<button class="meta-search-btn"><i class="fal fa-search"></i></button>
</li>
</ul>
</nav>
</div>
<div class="header-mobile-nav">
<button class="btn btn-profile js-profile">
<svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 36.2292C28.2916 36.2292 36.2292 28.2916 36.2292 18.5C36.2292 8.70849 28.2916 0.770874 18.5 0.770874C8.70849 0.770874 0.770874 8.70849 0.770874 18.5C0.770874 28.2916 8.70849 36.2292 18.5 36.2292Z" stroke="#001B35" stroke-linecap="round" stroke-linejoin="round" />
<path d="M6.10352 31.174C8.73604 29.6475 11.5363 28.4308 14.4486 27.548C15.7389 27.0716 15.8792 24.1116 14.9542 23.0941C13.6191 21.6249 12.4876 19.9029 12.4876 15.7465C12.3303 14.0716 12.8983 12.4095 14.0479 11.1812C15.1975 9.95293 16.8184 9.2762 18.5001 9.32241C20.1818 9.2762 21.8026 9.95293 22.9522 11.1812C24.1018 12.4095 24.6699 14.0716 24.5126 15.7465C24.5126 19.909 23.381 21.6249 22.0459 23.0941C21.1209 24.1116 21.2612 27.0716 22.5516 27.548C25.4638 28.4308 28.2641 29.6475 30.8966 31.174" stroke="#001B35" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
<button class="btn btn-search js-search">
<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.3126 29.8958C23.3667 29.8958 29.8959 23.3666 29.8959 15.3125C29.8959 7.25831 23.3667 0.729126 15.3126 0.729126C7.25843 0.729126 0.729248 7.25831 0.729248 15.3125C0.729248 23.3666 7.25843 29.8958 15.3126 29.8958Z" stroke="#001B35" stroke-linecap="round" stroke-linejoin="round" />
<path d="M34.271 34.2707L25.6245 25.6243" stroke="#001B35" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
<button class="btn btn-menu js-menu">
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M43.75 14.5834H6.25" stroke="#001B35" stroke-linecap="round" stroke-linejoin="round" />
<path d="M43.75 25H6.25" stroke="#001B35" stroke-linecap="round" stroke-linejoin="round" />
<path d="M43.75 35.4167H6.25" stroke="#001B35" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
</div>
</div>
</header>
<div class="search-overlay">
<div class="container">
<div class="search-header">
<!--<div class="header-logo"><img src="/images/logo.svg"></div>-->
<button class="close-search-btn btn-close">
<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.729187 0.727783L34.2709 34.2695" stroke="#001B35" stroke-linecap="round" stroke-linejoin="round" />
<path d="M34.2709 0.727783L0.729187 34.2695" stroke="#001B35" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
</div>
<form class="search-form" action="" method="" id="">
<label class="search-form-label">Volltextsuche</label>
<div class="search-form-field row">
<div class="col-md-8">
<input class="input-text-search" type="text" placeholder="Suchbegriff oder Webcode eingeben" id="" name="">
</div>
<div class="col-md-4">
<button class="btn btn-primary btn-text-search" type="submit" value="Suchen" id="">Suchen</button>
</div>
</div>
</form>
<hr class="spacer" data-size="s">
<div class="search-form">
<label class="search-form-label">Kursfinder</label>
<form class="quickfinder-form">
<section class="section-wrapper quickfinder">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4">
<h3 class="label-title">Formate</h3>
<div class="checkbox"> <input type="checkbox" id="lorem1"> <label for="lorem1"><i class="fal fa-check"></i>Bildungsgänge und Kurse</label> </div>
<div class="checkbox"> <input type="checkbox" id="lorem2"> <label for="lorem2"><i class="fal fa-check"></i>Seminare</label> </div>
<div class="checkbox"> <input type="checkbox" id="lorem3"> <label for="lorem3"><i class="fal fa-check"></i>SmartCamps</label> </div>
<div class="checkbox"> <input type="checkbox" id="lorem4"> <label for="lorem4"><i class="fal fa-check"></i>Skillbox</label> </div>
<div class="checkbox"> <input type="checkbox" id="lorem5"> <label for="lorem5"><i class="fal fa-check"></i>Tagungen</label> </div>
</div>
<div class="col-sm-6 col-md-4">
<h3 class="label-title">Themen</h3>
<div class="checkbox"> <input type="checkbox" id="lorem11"> <label for="lorem11"><i class="fal fa-check"></i>Bildungsgänge und Kurse</label> </div>
<div class="checkbox"> <input type="checkbox" id="lorem12"> <label for="lorem12"><i class="fal fa-check"></i>Seminare</label> </div>
<div class="checkbox"> <input type="checkbox" id="lorem13"> <label for="lorem13"><i class="fal fa-check"></i>SmartCamps</label> </div>
<div class="checkbox"> <input type="checkbox" id="lorem14"> <label for="lorem14"><i class="fal fa-check"></i>Skillbox</label> </div>
<div class="checkbox"> <input type="checkbox" id="lorem15"> <label for="lorem15"><i class="fal fa-check"></i>Tagungen</label> </div>
<div class="checkbox"> <input type="checkbox" id="lorem16"> <label for="lorem16"><i class="fal fa-check"></i>Bildungsgänge und Kurse</label> </div>
<div class="checkbox"> <input type="checkbox" id="lorem17"> <label for="lorem17"><i class="fal fa-check"></i>Seminare</label> </div>
<div class="checkbox"> <input type="checkbox" id="lorem18"> <label for="lorem18"><i class="fal fa-check"></i>SmartCamps</label> </div>
<div class="checkbox"> <input type="checkbox" id="lorem19"> <label for="lorem19"><i class="fal fa-check"></i>Skillbox</label> </div>
<div class="checkbox"> <input type="checkbox" id="lorem20"> <label for="lorem20"><i class="fal fa-check"></i>Tagungen</label> </div>
</div>
<div class="col-sm-12 col-md-4"> <a href="#lorem" class="btn btn-white">Anzeigen</a> </div>
</div>
</div>
</section>
</form>
</div>
</div>
</div>
<div class="navigation">
<button class="close-navigation-btn">
<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.729187 0.727783L34.2709 34.2695" stroke="#001B35" stroke-linecap="round" stroke-linejoin="round" />
<path d="M34.2709 0.727783L0.729187 34.2695" stroke="#001B35" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
<nav class="main-navigation" role="navigation">
<div class="container">
<ul>
<li class="is-active"><a href="">School</a></li>
<li><a href="">Business</a></li>
<li><a href="">Sihlpost</a></li>
</ul>
</div>
</nav>
<nav class="sub-navigation" role="navigation">
<div class="container">
<ul class="navigation-level-1">
<li>
<a href="#" class="has-children">Bildung <svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.62683 25.3196L18.1998 13.7864C18.3071 13.688 18.3685 13.5466 18.3685 13.3982C18.3685 13.2497 18.3071 13.1083 18.1998 13.0099L5.62683 1.4757" stroke="#F39100" stroke-linecap="round" stroke-linejoin="round" /></svg></a>
<div class="flyout-menu">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="navigation-section">
<div class="label-title"><a href="">Themen</a> <svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.62683 25.3196L18.1998 13.7864C18.3071 13.688 18.3685 13.5466 18.3685 13.3982C18.3685 13.2497 18.3071 13.1083 18.1998 13.0099L5.62683 1.4757" stroke="#F39100" stroke-linecap="round" stroke-linejoin="round" /></svg></div>
<ul class="navigation-level-2">
<li><a href="">Handelsschule, HWD, Technische Kaufleute</a></li>
<li><a href="">Rechnungswesen, Treuhand und Steuern</a></li>
<li><a href="">Management und Leadership – mit HFW!</a></li>
<li><a href="">Marketing, Verkauf und Kommunikation</a></li>
<li><a href="">Sprachen</a></li>
<li><a href="">HR/Personal und Sozialversicherungen</a></li>
<li><a href="">Recht und öffentliche Verwaltung – mit HF!</a></li>
<li><a href="">Office Management/Projektmanagement</a></li>
<li><a href="">Detailhandel</a></li>
<li><a href="">Banken und Versicherungen</a></li>
<li><a href="">Einkauf/Aussenhandel</a></li>
<li><a href="">Immobilien</a></li>
</ul>
</div>
</div>
<div class="col-lg-4 ">
<div class="navigation-section">
<div class="label-title"><a href="">Formate</a> <svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.62683 25.3196L18.1998 13.7864C18.3071 13.688 18.3685 13.5466 18.3685 13.3982C18.3685 13.2497 18.3071 13.1083 18.1998 13.0099L5.62683 1.4757" stroke="#F39100" stroke-linecap="round" stroke-linejoin="round" /></svg></div>
<ul class="navigation-level-2">
<li><a href="">Bildungsgänge und Kurse</a></li>
<li><a href="">Seminare</a></li>
<li><a href="">SmartCamps</a></li>
<li><a href="">Skillbox</a></li>
</ul>
</div>
<div class="navigation-section">
<div class="label-title"><a href="">Höhere Fachschulen HF</a> <svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.62683 25.3196L18.1998 13.7864C18.3071 13.688 18.3685 13.5466 18.3685 13.3982C18.3685 13.2497 18.3071 13.1083 18.1998 13.0099L5.62683 1.4757" stroke="#F39100" stroke-linecap="round" stroke-linejoin="round" /></svg></div>
<ul class="navigation-level-2">
<li><a href="">Höhere Fachschulen HF</a></li>
<li><a href="">Höhere Fachschule für Wirtschaft HFW</a></li>
<li><a href="">Höhere Fachschule für Recht HFR</a></li>
<li><a href="">Nachdiplomstudiengänge NDS HF</a></li>
</ul>
</div>
</div>
<div class="col-lg-4 ">
<div class="navigation-section">
<div class="label-title"><a href="">Wissen rund um Bildung</a> <svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.62683 25.3196L18.1998 13.7864C18.3071 13.688 18.3685 13.5466 18.3685 13.3982C18.3685 13.2497 18.3071 13.1083 18.1998 13.0099L5.62683 1.4757" stroke="#F39100" stroke-linecap="round" stroke-linejoin="round" /></svg></div>
<div class="navigation-level-2">
<div class="navigation-teaser">
<p>Das Schweizer Bildungswesen hält viel für Sie bereit – wenn Sie sich darin ausgekennen. Lernen Sie es kennen!</p>
<a href="" class="btn btn-primary">Mehr erfahren</a>
</div>
</div>
</div>
<div class="navigation-section">
<div class="label-title"><a href="">Skilltrainer.ch</a> <svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.62683 25.3196L18.1998 13.7864C18.3071 13.688 18.3685 13.5466 18.3685 13.3982C18.3685 13.2497 18.3071 13.1083 18.1998 13.0099L5.62683 1.4757" stroke="#F39100" stroke-linecap="round" stroke-linejoin="round" /></svg></div>
<div class="navigation-level-2">
<div class="navigation-teaser">
<p>Ihre einzigartige Plattform für individuelles Skillmanagement.</p>
<a href="" class="btn btn-primary">Mehr erfahren</a><br>
<svg width="183" height="26" viewBox="0 0 183 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.01 25.27C7.89 25.27 10.38 23.71 10.38 21.16C10.38 17.95 4.89 14.62 4.89 12.37C4.89 11.38 5.55 10.72 6.84 10.72C8.46 10.72 8.49 12.4 8.49 13.75C9.81 13.75 11.04 13.24 11.04 11.74C11.04 10.3 9.78 9.37 7.23 9.37C4.38 9.37 2.46 10.99 2.46 13.3C2.46 16.45 7.83 19.18 7.83 22.12C7.83 23.47 6.54 23.98 5.43 23.98C3.54 23.98 3.51 22.63 3.51 21.04C3.24 20.95 2.94 20.92 2.7 20.92C1.59 20.92 0.84 21.7 0.84 22.81C0.84 24.46 2.67 25.27 5.01 25.27ZM24.0138 13.12C24.0138 15.82 18.6138 17.71 17.1738 17.8L17.3538 16.57C19.0938 13.42 21.4338 11.74 22.7238 11.74C23.5038 11.74 24.0138 12.19 24.0138 13.12ZM17.6238 14.38C17.7438 13.36 19.2438 2.35 19.2438 1.45C19.2438 0.909999 19.0638 0.519999 18.4038 0.519999C18.1338 0.519999 17.6538 0.639999 17.1738 0.759999L14.1738 1.45C13.7538 1.54 13.6038 1.72 13.6038 2.05C13.6038 2.32 13.7838 2.56 14.1138 2.56H15.3138C16.1238 2.56 16.3638 2.83 16.3638 3.58C16.3638 4.36 13.7538 23.98 13.7538 24.91C13.7538 25.12 13.8438 25.24 14.0538 25.24C14.2938 25.24 15.3138 25.03 16.0638 24.79C16.3938 24.7 16.4838 24.55 16.5138 24.19L17.0538 19.12L18.4338 18.73C20.8038 24.46 22.2438 25.24 23.0838 25.24C24.1338 25.24 27.2538 23.23 27.2538 22.48C27.2538 22.24 27.1338 22.15 26.9238 22.15C26.5038 22.15 24.4038 22.63 24.0738 22.63C23.5038 22.63 22.7838 22 20.6238 17.95C23.8038 17.02 26.6838 14.98 26.6838 12.04C26.6838 10.54 25.5438 9.37 23.8938 9.37C21.6738 9.37 19.2438 10.93 17.6838 14.38H17.6238ZM30.2084 24.58C30.2084 25.06 30.5084 25.21 30.9284 25.21C32.3084 25.21 36.3284 23.62 36.3284 22.99C36.3284 22.66 36.0884 22.6 35.8484 22.6H33.9284C33.2684 22.6 33.1784 22.54 33.1784 22.15C33.1784 21.4 34.6184 10.57 34.6184 10C34.6184 9.52 34.3184 9.37 33.8984 9.37C32.5184 9.37 28.7084 11.26 28.7084 11.89C28.7084 12.22 28.8584 12.28 29.0984 12.28H30.9284C31.4984 12.28 31.6784 12.28 31.6784 12.55C31.6784 13.45 30.2084 23.65 30.2084 24.58ZM31.7984 4.48C31.7984 5.59 32.7284 6.52 33.8384 6.52C34.9484 6.52 35.8784 5.59 35.8784 4.48C35.8784 3.37 34.9484 2.44 33.8384 2.44C32.7284 2.44 31.7984 3.37 31.7984 4.48ZM44.4963 1.45C44.4963 0.909999 44.3163 0.519999 43.6563 0.519999C43.3863 0.519999 42.9063 0.639999 42.4263 0.759999L39.4863 1.45C39.0663 1.54 38.9163 1.72 38.9163 2.05C38.9163 2.32 39.0963 2.56 39.4263 2.56H40.6263C41.4363 2.56 41.6763 2.83 41.6763 3.58C41.6763 4.36 39.0963 23.71 39.0963 24.64C39.0963 25.09 39.3963 25.24 39.8163 25.24C41.1963 25.24 45.2463 23.65 45.2463 23.02C45.2463 22.69 45.0063 22.63 44.7663 22.63H42.7563C42.1863 22.63 42.0063 22.6 42.0063 22.33C42.0063 21.22 44.4963 2.35 44.4963 1.45ZM53.2561 1.45C53.2561 0.909999 53.0761 0.519999 52.4161 0.519999C52.1461 0.519999 51.6661 0.639999 51.1861 0.759999L48.2461 1.45C47.8261 1.54 47.6761 1.72 47.6761 2.05C47.6761 2.32 47.8561 2.56 48.1861 2.56H49.3861C50.1961 2.56 50.4361 2.83 50.4361 3.58C50.4361 4.36 47.8561 23.71 47.8561 24.64C47.8561 25.09 48.1561 25.24 48.5761 25.24C49.9561 25.24 54.0061 23.65 54.0061 23.02C54.0061 22.69 53.7661 22.63 53.5261 22.63H51.5161C50.9461 22.63 50.7661 22.6 50.7661 22.33C50.7661 21.22 53.2561 2.35 53.2561 1.45ZM57.3959 14.32H55.1759V10.93H57.3959V6.31H61.7159V10.93H65.3459V14.32H61.7159V19.87C61.7159 20.55 61.8459 21.08 62.1059 21.46C62.3859 21.82 62.8159 22 63.3959 22C63.8359 22 64.2159 21.93 64.5359 21.79C64.8559 21.63 65.1559 21.45 65.4359 21.25L67.1759 23.89C65.8159 24.97 64.3359 25.51 62.7359 25.51C61.7359 25.51 60.8959 25.36 60.2159 25.06C59.5359 24.78 58.9859 24.39 58.5659 23.89C58.1459 23.37 57.8459 22.75 57.6659 22.03C57.4859 21.31 57.3959 20.51 57.3959 19.63V14.32ZM68.8849 10.93H73.0249L73.1749 12.7C73.5349 12.22 74.0249 11.76 74.6449 11.32C75.2849 10.88 76.1049 10.66 77.1049 10.66C77.4849 10.66 77.8049 10.68 78.0649 10.72C78.3449 10.76 78.6149 10.83 78.8749 10.93L78.1849 14.74C77.7449 14.6 77.2249 14.53 76.6249 14.53C75.6049 14.53 74.7749 14.84 74.1349 15.46C73.5149 16.06 73.2049 16.92 73.2049 18.04V25H68.8849V10.93ZM88.5293 23.68C88.0493 24.24 87.4393 24.67 86.6993 24.97C85.9793 25.27 85.1693 25.42 84.2693 25.42C83.7693 25.42 83.2393 25.35 82.6793 25.21C82.1393 25.07 81.6293 24.84 81.1493 24.52C80.6893 24.18 80.2993 23.73 79.9793 23.17C79.6793 22.61 79.5293 21.91 79.5293 21.07C79.5293 20.25 79.6893 19.52 80.0093 18.88C80.3493 18.24 80.8093 17.71 81.3893 17.29C81.9693 16.85 82.6493 16.52 83.4293 16.3C84.2293 16.08 85.0893 15.97 86.0093 15.97C86.5093 15.97 87.0093 15.98 87.5093 16C88.0293 16.02 88.3693 16.05 88.5293 16.09V15.79C88.5293 15.43 88.4493 15.13 88.2893 14.89C88.1493 14.63 87.9493 14.42 87.6893 14.26C87.4493 14.08 87.1693 13.96 86.8493 13.9C86.5293 13.82 86.1893 13.78 85.8293 13.78C84.8693 13.78 84.0693 13.9 83.4293 14.14C82.8093 14.38 82.2793 14.65 81.8393 14.95L80.0693 12.31C80.3693 12.09 80.7093 11.87 81.0893 11.65C81.4693 11.43 81.9193 11.23 82.4393 11.05C82.9593 10.87 83.5393 10.73 84.1793 10.63C84.8393 10.51 85.5893 10.45 86.4293 10.45C88.5693 10.45 90.1493 11.03 91.1693 12.19C92.1893 13.33 92.6993 14.87 92.6993 16.81V25H88.6493L88.5293 23.68ZM88.5293 18.79C88.4293 18.77 88.2393 18.75 87.9593 18.73C87.6793 18.69 87.3593 18.67 86.9993 18.67C85.7993 18.67 84.9493 18.84 84.4493 19.18C83.9493 19.52 83.6993 20 83.6993 20.62C83.6993 21.78 84.3993 22.36 85.7993 22.36C86.1393 22.36 86.4693 22.31 86.7893 22.21C87.1293 22.09 87.4193 21.93 87.6593 21.73C87.9193 21.53 88.1293 21.28 88.2893 20.98C88.4493 20.68 88.5293 20.33 88.5293 19.93V18.79ZM95.7788 4.99H100.399V8.86H95.7788V4.99ZM95.9288 10.93H100.249V25H95.9288V10.93ZM103.573 10.93H107.713L107.833 12.46C108.293 11.9 108.893 11.45 109.633 11.11C110.393 10.77 111.183 10.6 112.003 10.6C113.623 10.6 114.903 11.08 115.843 12.04C116.803 13 117.283 14.42 117.283 16.3V25H112.963V16.9C112.963 16.12 112.763 15.5 112.363 15.04C111.983 14.58 111.443 14.35 110.743 14.35C110.263 14.35 109.843 14.44 109.483 14.62C109.123 14.78 108.823 15 108.583 15.28C108.343 15.56 108.163 15.89 108.043 16.27C107.923 16.63 107.863 17.02 107.863 17.44V25H103.573V10.93ZM133.679 23.47C133.519 23.57 133.279 23.74 132.959 23.98C132.639 24.2 132.219 24.42 131.699 24.64C131.199 24.86 130.599 25.05 129.899 25.21C129.199 25.39 128.399 25.48 127.499 25.48C126.299 25.48 125.219 25.3 124.259 24.94C123.299 24.56 122.479 24.04 121.799 23.38C121.139 22.72 120.629 21.93 120.269 21.01C119.929 20.07 119.759 19.04 119.759 17.92C119.759 16.94 119.919 16 120.239 15.1C120.579 14.18 121.059 13.38 121.679 12.7C122.299 12.02 123.059 11.48 123.959 11.08C124.859 10.66 125.879 10.45 127.019 10.45C128.159 10.45 129.159 10.65 130.019 11.05C130.879 11.45 131.599 12.01 132.179 12.73C132.779 13.43 133.229 14.28 133.529 15.28C133.829 16.26 133.979 17.34 133.979 18.52V19.24H123.959C123.979 20 124.309 20.67 124.949 21.25C125.609 21.81 126.509 22.09 127.649 22.09C128.769 22.09 129.679 21.93 130.379 21.61C131.079 21.27 131.589 20.98 131.909 20.74L133.679 23.47ZM129.899 16.48C129.899 16.18 129.839 15.88 129.719 15.58C129.599 15.26 129.419 14.97 129.179 14.71C128.939 14.45 128.639 14.24 128.279 14.08C127.919 13.9 127.489 13.81 126.989 13.81C126.489 13.81 126.049 13.9 125.669 14.08C125.289 14.24 124.969 14.45 124.709 14.71C124.469 14.97 124.279 15.26 124.139 15.58C124.019 15.88 123.959 16.18 123.959 16.48H129.899ZM136.444 10.93H140.584L140.734 12.7C141.094 12.22 141.584 11.76 142.204 11.32C142.844 10.88 143.664 10.66 144.664 10.66C145.044 10.66 145.364 10.68 145.624 10.72C145.904 10.76 146.174 10.83 146.434 10.93L145.744 14.74C145.304 14.6 144.784 14.53 144.184 14.53C143.164 14.53 142.334 14.84 141.694 15.46C141.074 16.06 140.764 16.92 140.764 18.04V25H136.444V10.93ZM160.877 23.02C159.377 23.02 157.607 21.97 157.607 18.19C157.607 13.15 160.067 10.72 161.687 10.72C163.397 10.72 163.457 12.46 163.457 13.84C164.957 13.84 166.157 13.36 166.157 11.8C166.157 10.3 164.747 9.37 162.527 9.37C158.807 9.37 154.997 12.43 154.997 19C154.997 22.42 156.797 25.21 159.767 25.21C163.157 25.21 165.857 22.63 165.857 21.37C165.857 21.07 165.647 20.95 165.497 20.95C165.017 20.95 163.397 23.02 160.877 23.02ZM172.123 13.39C172.243 12.37 173.623 2.35 173.623 1.45C173.623 0.909999 173.443 0.519999 172.783 0.519999C172.513 0.519999 172.033 0.639999 171.553 0.759999L168.553 1.45C168.133 1.54 167.983 1.72 167.983 2.05C167.983 2.32 168.163 2.56 168.493 2.56H169.693C170.503 2.56 170.743 2.83 170.743 3.58C170.743 4.36 168.133 23.98 168.133 24.91C168.133 25.12 168.223 25.24 168.433 25.24C168.673 25.24 169.693 25.03 170.443 24.79C170.773 24.7 170.863 24.55 170.893 24.19L171.973 15.28C174.253 13.06 175.633 11.86 176.953 11.86C177.583 11.86 177.913 12.13 177.913 12.85C177.913 13.63 176.203 24.13 176.203 24.7C176.203 25.09 176.503 25.24 176.923 25.24C178.303 25.24 182.323 23.62 182.323 22.93C182.323 22.66 182.173 22.6 181.753 22.6H179.833C179.263 22.6 179.053 22.57 179.053 22.3C179.053 21.73 180.733 12.88 180.733 11.74C180.733 10.18 179.683 9.37 178.333 9.37C176.353 9.37 174.343 11.11 172.213 13.39H172.123Z" fill="white" />
<path d="M147.411 23.02C147.411 24.19 148.341 25.12 149.511 25.12C150.711 25.12 151.671 24.19 151.671 23.02C151.671 21.82 150.711 20.86 149.511 20.86C148.341 20.86 147.411 21.82 147.411 23.02Z" fill="#F39100" />
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li><a href=""><span class="smarteconomy">SmartEconomy<i>Ready</i></span></a></li>
<li><a href="">Lernort</a></li>
<li>
<a href="#" class="has-children">Über Uns <svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.62683 25.3196L18.1998 13.7864C18.3071 13.688 18.3685 13.5466 18.3685 13.3982C18.3685 13.2497 18.3071 13.1083 18.1998 13.0099L5.62683 1.4757" stroke="#F39100" stroke-linecap="round" stroke-linejoin="round" /></svg></a>
<div class="flyout-menu">
<div class="container">
<div class="row">
<div class="col-lg-4 ">
<div class="navigation-section">
<div class="label-title">Title <svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.62683 25.3196L18.1998 13.7864C18.3071 13.688 18.3685 13.5466 18.3685 13.3982C18.3685 13.2497 18.3071 13.1083 18.1998 13.0099L5.62683 1.4757" stroke="#F39100" stroke-linecap="round" stroke-linejoin="round" /></svg></div>
<div class="navigation-level-2">
<div class="navigation-teaser">
<p>Plurima et maxima constituit Iam vero omnium vitiorum suorum plurima et maxima constituit monumenta. </p>
<a href="" class="btn btn-primary">Mehr erfahren</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 ">
<div class="navigation-section">
<div class="label-title">Title <svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.62683 25.3196L18.1998 13.7864C18.3071 13.688 18.3685 13.5466 18.3685 13.3982C18.3685 13.2497 18.3071 13.1083 18.1998 13.0099L5.62683 1.4757" stroke="#F39100" stroke-linecap="round" stroke-linejoin="round" /></svg></div>
<div class="navigation-level-2">
<div class="navigation-teaser">
<p>Plurima et maxima constituit Iam vero omnium vitiorum suorum plurima et maxima constituit monumenta. </p>
<a href="" class="btn btn-primary">Mehr erfahren</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 ">
<div class="navigation-section">
<div class="label-title">Title <svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.62683 25.3196L18.1998 13.7864C18.3071 13.688 18.3685 13.5466 18.3685 13.3982C18.3685 13.2497 18.3071 13.1083 18.1998 13.0099L5.62683 1.4757" stroke="#F39100" stroke-linecap="round" stroke-linejoin="round" /></svg></div>
<div class="navigation-level-2">
<div class="navigation-teaser">
<p>Plurima et maxima constituit Iam vero omnium vitiorum suorum plurima et maxima constituit monumenta. </p>
<a href="" class="btn btn-primary">Mehr erfahren</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="consulting-nav-item"><a href=""><span>Beratung</span> <svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.8743 9.0625H6.24281C5.70837 9.0625 5.19585 9.27489 4.81806 9.6529C4.44027 10.0309 4.2282 10.5436 4.22852 11.078V24.7708" stroke="white" stroke-linecap="round" stroke-linejoin="round" />
<path d="M24.7695 24.7721V16.918" stroke="white" stroke-linecap="round" stroke-linejoin="round" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.3952 24.7695C28.3952 26.7716 26.7722 28.3945 24.7702 28.3945H4.22852C2.22648 28.3945 0.603516 26.7716 0.603516 24.7695H28.3952Z" stroke="white" stroke-linecap="round" stroke-linejoin="round" />
<path d="M19.332 6.64453C19.332 5.64351 20.1435 4.83203 21.1445 4.83203C22.1455 4.83203 22.957 5.64351 22.957 6.64453C22.957 7.64555 22.1455 8.45703 21.1445 8.45703" stroke="white" stroke-linecap="round" stroke-linejoin="round" />
<path d="M21.1458 10.2695C21.3127 10.2695 21.4479 10.4048 21.4479 10.5716C21.4479 10.7385 21.3127 10.8737 21.1458 10.8737C20.979 10.8737 20.8438 10.7385 20.8438 10.5716C20.8438 10.4048 20.979 10.2695 21.1458 10.2695" stroke="white" stroke-linecap="round" stroke-linejoin="round" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.0649 0.603517C19.1373 0.609968 17.2929 1.38965 15.9452 2.76779C14.5975 4.14593 13.8592 6.00724 13.8958 7.93448C13.8415 9.28369 14.1685 10.6209 14.8395 11.7927L12.6875 16.3119L17.2079 14.1586C19.8503 15.7967 23.2387 15.5889 25.6612 13.6403C28.0836 11.6917 29.0127 8.42653 27.979 5.49449C26.9453 2.56246 24.1738 0.601951 21.0649 0.603517V0.603517Z" stroke="white" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
</li>
</ul>
</div>
</nav>
<nav class="mobile-meta-navigation" role="navigation">
<ul class="navigation-level-1">
<li class="">
<a href="" class="is-highlighted">Infoanlässe & Events</a>
</li>
<li class="">
<a href="#">Für Studierende <svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.62683 25.3196L18.1998 13.7864C18.3071 13.688 18.3685 13.5466 18.3685 13.3982C18.3685 13.2497 18.3071 13.1083 18.1998 13.0099L5.62683 1.4757" stroke="#F39100" stroke-linecap="round" stroke-linejoin="round" /></svg></a>
<div class="flyout-menu">
<div class="navigation-section">
<ul class="navigation-level-2">
<li><a href="">Stundenplan</a></li>
<li><a href="">Moodle-Login</a></li>
<li><a href="">Badge-Nutzung</a></li>
<li><a href="">E-Mail-Kennwort ändern</a></li>
<li><a href="">Hausreglement</a></li>
</ul>
</div>
</div>
</li>
<li class="">
<a href="">Login <svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.62683 25.3196L18.1998 13.7864C18.3071 13.688 18.3685 13.5466 18.3685 13.3982C18.3685 13.2497 18.3071 13.1083 18.1998 13.0099L5.62683 1.4757" stroke="#F39100" stroke-linecap="round" stroke-linejoin="round" /></svg></a>
</li>
<li class="">
<a href="">Spracheinstellungen: Deutsch <svg width="24" height="26" viewBox="0 0 24 26" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.62683 25.3196L18.1998 13.7864C18.3071 13.688 18.3685 13.5466 18.3685 13.3982C18.3685 13.2497 18.3071 13.1083 18.1998 13.0099L5.62683 1.4757" stroke="#F39100" stroke-linecap="round" stroke-linejoin="round" /></svg></a>
</li>
</ul>
</nav>
<div class="nav-dimmer"></div>
</div>
</div>
<!-- page head -->
<section class="section-wrapper section-pagehead" data-section-padding="medium">
<div class="container">
<nav class="breadcrumb" role="navigation" aria-labelledby="system-breadcrumb">
<h2 id="system-breadcrumb" class="sr-only">Pfadnavigation</h2>
<ol>
<li>
<a href="#lorem">Home</a>
<i class="far fa-arrow-right "></i> </li>
<li>
<a href="#lorem">Business</a>
<i class="far fa-arrow-right "></i> </li>
<li>
<a href="#lorem">Whitepaper</a>
<i class="far fa-arrow-right "></i> </li>
</ol>
</nav>
<div class="page-head">
<h1 class="page-head-title">Lorem ipsum dolor sit amet, consetetur sadipscing elitr</h1>
<p class="page-head-lead">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
</div>
</section>
<!-- whitepaper details -->
<section class="section-wrapper " data-section-padding="medium">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="text" style=" ">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.</p>
</div>
</div>
<div class="col-lg-4">
<div class="sidebar">
<div class="tile sidebar-whitepaper ">
<div class="whitepaper-logo"><img src="/images/logo.svg"></div>
<div class="tile-svg">
<img src="/images/whitepaper-dummy.svg">
</div>
<div class="tile-preline">preline...</div>
<div class="tile-text">lorem impsum dolor</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- anmeldung -->
<section class="section-wrapper " data-section-padding="medium">
<div class="container">
<h1 class="page-title">Registrierung für PDF-Download</h1>
<div class="row form-section">
<div class="col-md-3">
<h3 class="title-small ">Persönliche Daten</h3>
<p>Bitte füllen Sie alle mit einem Stern * bezeichneten Felder aus.</p>
</div>
<div class="col-md-9">
<form>
<div class="form-group row"> <label class="col-sm-3 col-form-label" for="field1">Anrede *</label>
<div class="col-sm-9"> <select class="form-control custom-select" id="field1">
<option>Bitte auswählen...</option>
</select> </div>
</div>
<div class="form-group row"> <label class="col-sm-3 col-form-label" for="field2">Name *</label>
<div class="col-sm-9"> <input type="text" class="form-control" id="field2" aria-describedby="" placeholder=""> </div>
</div>
<div class="form-group row"> <label class="col-sm-3 col-form-label" for="field3">Vorname *</label>
<div class="col-sm-9"> <input type="text" class="form-control" id="field3" aria-describedby="" placeholder=""> </div>
</div>
<div class="form-group row"> <label class="col-sm-3 col-form-label" for="field4">Firma</label>
<div class="col-sm-9"> <input type="text" class="form-control" id="field4" aria-describedby="" placeholder=""> </div>
</div>
<div class="form-group row"> <label class="col-sm-3 col-form-label" for="field5">Funktion</label>
<div class="col-sm-9"> <input type="text" class="form-control" id="field5" aria-describedby="" placeholder=""> </div>
</div>
<div class="form-group row"> <label class="col-sm-3 col-form-label" for="field6">Strasse *</label>
<div class="col-sm-6"> <input type="text" class="form-control" id="field6" aria-describedby="" placeholder=""> </div> <label class="col-sm-1 col-form-label" for="field7">Nr *</label>
<div class="col-sm-2"> <input type="text" class="form-control" id="field7" aria-describedby="" placeholder=""> </div>
</div>
<div class="form-group row"> <label class="col-sm-3 col-form-label" for="field8">Adresszusatz</label>
<div class="col-sm-9"> <input type="text" class="form-control" id="field8" aria-describedby="" placeholder=""> </div>
</div>
<div class="form-group row"> <label class="col-sm-3 col-form-label" for="field9">PLZ *</label>
<div class="col-sm-2"> <input type="text" class="form-control" id="field9" aria-describedby="" placeholder=""> </div> <label class="col-sm-1 col-form-label" for="field10">Ort *</label>
<div class="col-sm-6"> <input type="text" class="form-control" id="field10" aria-describedby="" placeholder=""> </div>
</div>
<div class="form-group row"> <label class="col-sm-3 col-form-label" for="field11">Telefon *</label>
<div class="col-sm-9"> <input type="text" class="form-control" id="field11" aria-describedby="" placeholder="+41..."> </div>
</div>
<div class="form-group row"> <label class="col-sm-3 col-form-label" for="field12">E-Mail *</label>
<div class="col-sm-9"> <input type="text" class="form-control" id="field12" aria-describedby="" placeholder=""> </div>
</div>
</form>
</div>
</div>
<div class="row form-section">
<div class="col-12"> <a class="btn btn-primary" href="#lorem" target="_self">Senden und Download</a> </div>
</div>
</div>
</section>
<!-- sharing -->
<section class="section-wrapper " data-section-padding="">
<div class="container">
</div>
</section>
<footer class="footer">
<div class="footer-inner">
<div class="row">
<div class="col-sm-6 col-lg-3 order-sm-1 order-lg-6">
<div class="newsletter">
<h3 class="label-title">Bleiben Sie à jour!</h3> <a href="#" class="newsletter-text">Abonnieren Sie unseren Newsletter</a>
</div>
</div>
<div class="col-sm-3 col-lg-3 order-2 order-lg-3">
<h3 class="label-title">Soziale Medien</h3>
<ul class="social-media-links">
<li><a href=""><i class="fab fa-fw fa-facebook-f"></i> Facebook</a></li>
<li><a href=""><i class="fab fa-fw fa-twitter"></i> Twitter</a></li>
<li><a href=""><i class="fab fa-fw fa-xing"></i> Xing</a></li>
<li><a href=""><i class="fab fa-fw fa-linkedin-in"></i> LinkedIn</a></li>
</ul>
</div>
<div class="col-sm-3 col-lg-3 order-3 order-lg-1">
<h3 class="label-title">Quicklinks</h3>
<ul>
<li><a href="">Impressum</a></li>
<li><a href="">Datenschutzerklärung</a></li>
<li><a href="">Nutzungsbedinungen</a></li>
</ul>
</div>
<div class="col-sm-6 col-lg-3 order-4 order-lg-2">
<h3 class="label-title">Kontakt</h3>
<p>KV Business School Zürich AG<br> Bildungszentrum Sihlpost<br> Sihlpostgasse 2<br> 8004 Zürich<br> T <a href="tel:+41449743000">+41 44 974 30 00</a><br> <a href="mailto:info@kvz-weiterbildung.ch">info@kvz-weiterbildung.ch</a> </p>
</div>
<div class="col-sm-6 col-lg-3 order-6 order-sm-5 order-lg-4 footer-dark">
<h3 class="label-title">Netzwerk</h3>
<ul>
<li><a href="">Kaufmännischer Verband Schweiz <i class="fal fa-arrow-up rotate-45"></i></a></li>
<li><a href="">KV Zürich, Berufsfachschule <i class="fal fa-arrow-up rotate-45"></i></a></li>
</ul> <a href="#"><img src="/images/logo-kfmv.svg"></a> <a href="#"><img src="/images/logo-kvz.svg"></a>
</div>
<div class="col-sm-12 col-lg-3 order-5 order-sm-6 order-lg-5">
<small>Copyright © 2020</small>
</div>
</div>
</div>
</footer>
<div class="sticky">
{% render "@components/03-layout/header/header.twig" %}
{% render "@components/05-navigations/main-navigation/main-navigation" %}
</div>
<!-- page head -->
{% render "@components/02-components/section/section.twig" with {
section_class: pagehead.section_class,
section_padding: pagehead.section_padding,
content: pagehead.content
} %}
<!-- whitepaper details -->
{% render "@components/02-components/section/section.twig" with {
section_class: whitepaper.section_class,
section_padding: whitepaper.section_padding,
content: whitepaper.content,
sidebar_content: whitepaper.sidebar_content
} %}
<!-- anmeldung -->
{% render "@components/02-components/section/section.twig" with {
section_class: register.section_class,
section_padding: register.section_padding,
content: register.content
} %}
<!-- sharing -->
{% render "@components/02-components/section/section.twig" with {
section_class: sharing.section_class,
section_padding: sharing.section_padding,
content: sharing.content
} %}
{% render "@components/03-layout/footer/footer.twig" %}
{
"pagehead": {
"section_class": "section-pagehead",
"section_padding": "medium",
"content": [
{
"$collection": {
"items": [
{
"$breadcrumb": {
"items": [
{
"item": null,
"name": "Home",
"link": "#lorem",
"icon_id": "fa-arrow-right",
"icon_type": "far",
"icon_options": ""
},
{
"item": null,
"name": "Business",
"link": "#lorem",
"icon_id": "fa-arrow-right",
"icon_type": "far",
"icon_options": ""
},
{
"item": null,
"name": "Whitepaper",
"link": "#lorem",
"icon_id": "fa-arrow-right",
"icon_type": "far",
"icon_options": ""
}
]
}
},
{
"$pagehead": {
"title": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr",
"lead": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",
"content": ""
}
}
]
}
}
]
},
"whitepaper": {
"section_class": "",
"section_padding": "medium",
"content": [
{
"$collection": {
"items": [
{
"$text": {
"items": "",
"content": "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.</p>"
}
}
]
}
}
],
"sidebar_content": [
{
"$collection": {
"items": [
{
"$whitepaper-sidebar": {
"preline": "preline...",
"text": "lorem impsum dolor"
}
}
]
}
}
]
},
"register": {
"section_class": "",
"section_padding": "medium",
"content": "<h1 class=\"page-title\">Registrierung für PDF-Download</h1> <div class=\"row form-section\"> <div class=\"col-md-3\"> <h3 class=\"title-small \">Persönliche Daten</h3> <p>Bitte füllen Sie alle mit einem Stern * bezeichneten Felder aus.</p> </div> <div class=\"col-md-9\"> <form> <div class=\"form-group row\"> <label class=\"col-sm-3 col-form-label\" for=\"field1\">Anrede *</label> <div class=\"col-sm-9\"> <select class=\"form-control custom-select\" id=\"field1\"> <option>Bitte auswählen...</option> </select> </div> </div> <div class=\"form-group row\"> <label class=\"col-sm-3 col-form-label\" for=\"field2\">Name *</label> <div class=\"col-sm-9\"> <input type=\"text\" class=\"form-control\" id=\"field2\" aria-describedby=\"\" placeholder=\"\"> </div> </div> <div class=\"form-group row\"> <label class=\"col-sm-3 col-form-label\" for=\"field3\">Vorname *</label> <div class=\"col-sm-9\"> <input type=\"text\" class=\"form-control\" id=\"field3\" aria-describedby=\"\" placeholder=\"\"> </div> </div> <div class=\"form-group row\"> <label class=\"col-sm-3 col-form-label\" for=\"field4\">Firma</label> <div class=\"col-sm-9\"> <input type=\"text\" class=\"form-control\" id=\"field4\" aria-describedby=\"\" placeholder=\"\"> </div> </div> <div class=\"form-group row\"> <label class=\"col-sm-3 col-form-label\" for=\"field5\">Funktion</label> <div class=\"col-sm-9\"> <input type=\"text\" class=\"form-control\" id=\"field5\" aria-describedby=\"\" placeholder=\"\"> </div> </div> <div class=\"form-group row\"> <label class=\"col-sm-3 col-form-label\" for=\"field6\">Strasse *</label> <div class=\"col-sm-6\"> <input type=\"text\" class=\"form-control\" id=\"field6\" aria-describedby=\"\" placeholder=\"\"> </div> <label class=\"col-sm-1 col-form-label\" for=\"field7\">Nr *</label> <div class=\"col-sm-2\"> <input type=\"text\" class=\"form-control\" id=\"field7\" aria-describedby=\"\" placeholder=\"\"> </div> </div> <div class=\"form-group row\"> <label class=\"col-sm-3 col-form-label\" for=\"field8\">Adresszusatz</label> <div class=\"col-sm-9\"> <input type=\"text\" class=\"form-control\" id=\"field8\" aria-describedby=\"\" placeholder=\"\"> </div> </div> <div class=\"form-group row\"> <label class=\"col-sm-3 col-form-label\" for=\"field9\">PLZ *</label> <div class=\"col-sm-2\"> <input type=\"text\" class=\"form-control\" id=\"field9\" aria-describedby=\"\" placeholder=\"\"> </div> <label class=\"col-sm-1 col-form-label\" for=\"field10\">Ort *</label> <div class=\"col-sm-6\"> <input type=\"text\" class=\"form-control\" id=\"field10\" aria-describedby=\"\" placeholder=\"\"> </div> </div> <div class=\"form-group row\"> <label class=\"col-sm-3 col-form-label\" for=\"field11\">Telefon *</label> <div class=\"col-sm-9\"> <input type=\"text\" class=\"form-control\" id=\"field11\" aria-describedby=\"\" placeholder=\"+41...\"> </div> </div> <div class=\"form-group row\"> <label class=\"col-sm-3 col-form-label\" for=\"field12\">E-Mail *</label> <div class=\"col-sm-9\"> <input type=\"text\" class=\"form-control\" id=\"field12\" aria-describedby=\"\" placeholder=\"\"> </div> </div> </form> </div> </div> <div class=\"row form-section\"> <div class=\"col-12\"> <a class=\"btn btn-primary\" href=\"#lorem\" target=\"_self\">Senden und Download</a> </div> </div>"
},
"sidebar_content": {
"logo_src": "/images/logo.svg",
"item": [
{
"$tile--whitepaper": {
"preline": "preline...",
"text": "lorem impsum dolor"
}
}
]
},
"text": {
"content": "<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.</p>"
}
}
.whitepaper_side {
padding: 20px 0;
background: #eee;
display: flex;
flex-direction: column;
.tile-preline{
padding: 20px 20px 0;
}
.tile-text{
padding: 0 20px;
}
.logo{
width: 40%;
align-self: flex-end;
margin-bottom: 40px;
margin-right: 20px;
}
}
There are no notes for this item.