<a class="u-skip-link btn btn--primary" href="#content">Skip to Content</a>
<div class="page">
<div class="sticky-container">
  <header class="page__header">
    <div class="container">
      <div class="top-header">
        <div class="header-logo">
          <div class="header-logo__left"><a class="c-main-logo" href="https://www.tum.de" target="_blank" rel="noopener">
              <svg xmlns="http://www.w3.org/2000/svg" width="78" height="38" viewbox="0 0 73 38">
                <path fill="currentColor" d="M28 0v31h8V0h37v38h-7V7h-8v31h-7V7h-8v31H21V7h-7v31H7V7H0V0h28z"></path>
              </svg><span class="u-visually-hidden">Technische Universität München</span></a></div>
          <div class="header-logo__right"><a href="#">TUM Campus Heilbronn</a><a href="https://www.tum.de">Technische Universität München</a></div>
        </div>
        <div class="header-misc">
          <nav class="c-language-menu" aria-label="Language"><a class="c-language-menu__link c-language-menu__link--active" href="#" aria-current="page">EN</a><a class="c-language-menu__link" href="#">DE</a>
          </nav>
          <button class="btn btn--menu" aria-controls="c-main-menu" aria-expanded="false" type="button">
            <svg class="menu-open active" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
              <use xlink:href="Images/svg/sprite.symbol.svg#icon-burger"></use>
            </svg>
            <svg class="menu-close" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
              <use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
            </svg><span class="u-visually-hidden">Menu</span>
          </button>
        </div>
      </div>
      <div class="bottom-header">
        <div class="bottom-header__left">
          <nav class="c-main-menu" id="c-main-menu" aria-label="Hauptnavigation">
            <div class="c-main-menu__list-wrapper">
              <ul class="c-main-menu__list" data-level="1" data-ul="1">
                <li class="c-main-menu__item c-main-menu__item--has-submenu">
                  <button class="btn c-main-menu__link" type="button" data-level="1" data-target="2-0"><span>1 Subpage</span>
                    <svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-right"></use>
                    </svg>
                  </button>
                </li>
                <li class="c-main-menu__item c-main-menu__item--has-submenu">
                  <button class="btn c-main-menu__link c-main-menu__link--active" type="button" data-level="1" data-target="2-1"><span>2 Subpage</span>
                    <svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-right"></use>
                    </svg>
                  </button>
                </li>
                <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="1" href="#">3 Subpage</a>
                </li>
                <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="1" href="#">4 Subpage</a>
                </li>
              </ul>
              <div class="c-main-menu__container" data-ul="2-0">
                <div class="container">
                  <button class="btn c-main-menu__close" type="button" aria-controls="c-main-menu" aria-expanded="true">
                    <svg width="15" height="15" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
                    </svg><span class="u-visually-hidden">Schließen</span>
                  </button>
                  <ul class="c-main-menu__list" data-level="2">
                    <li class="c-main-menu__item c-main-menu__item--back">
                      <button class="btn c-main-menu__link c-main-menu__link--back" type="button" data-level="1" data-target="1">
                        <svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
                        </svg><span>1 Subpage</span>
                      </button>
                    </li>
                    <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">1-1 Subpage</a>
                    </li>
                    <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">1-2 Subpage</a>
                    </li>
                    <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">1-3 Subpage</a>
                    </li>
                    <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">1-4 Subpage</a>
                    </li>
                    <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">1-5 Subpage</a>
                    </li>
                    <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">1-6 Subpage</a>
                    </li>
                  </ul>
                  <div class="c-main-menu__content"><a class="c-main-menu-content" href="#">
                      <div class="c-main-menu-content__image"></div>
                      <div class="c-main-menu-content__text">
                        <p class="text-white"><b>Beispiel Seite</b></p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt.</p>
                      </div></a><a class="c-main-menu-content" href="#">
                      <div class="c-main-menu-content__image"></div>
                      <div class="c-main-menu-content__text">
                        <p class="text-white"><b>Weitere Seite</b></p>
                        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
                      </div></a></div>
                </div>
              </div>
              <div class="c-main-menu__container" data-ul="2-1">
                <div class="container">
                  <button class="btn c-main-menu__close" type="button" aria-controls="c-main-menu" aria-expanded="true">
                    <svg width="15" height="15" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                      <use xlink:href="Images/svg/sprite.symbol.svg#icon-close"></use>
                    </svg><span class="u-visually-hidden">Schließen</span>
                  </button>
                  <ul class="c-main-menu__list" data-level="2">
                    <li class="c-main-menu__item c-main-menu__item--back">
                      <button class="btn c-main-menu__link c-main-menu__link--back" type="button" data-level="1" data-target="1">
                        <svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
                          <use xlink:href="Images/svg/sprite.symbol.svg#icon-chevron-left"></use>
                        </svg><span>2 Subpage</span>
                      </button>
                    </li>
                    <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">2-1 Subpage</a>
                    </li>
                    <li class="c-main-menu__item"><a class="btn c-main-menu__link c-main-menu__link--active" data-level="2" href="#">2-2 Subpage</a>
                    </li>
                    <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">2-3 Subpage</a>
                    </li>
                    <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">2-4 Subpage</a>
                    </li>
                    <li class="c-main-menu__item"><a class="btn c-main-menu__link" data-level="2" href="#">2-5 Subpage</a>
                    </li>
                  </ul>
                  <div class="c-main-menu__content"><a class="c-main-menu-content" href="#">
                      <div class="c-main-menu-content__image"></div>
                      <div class="c-main-menu-content__text">
                        <p class="text-white"><b>Beispiel Seite</b></p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt.</p>
                      </div></a><a class="c-main-menu-content" href="#">
                      <div class="c-main-menu-content__image"></div>
                      <div class="c-main-menu-content__text">
                        <p class="text-white"><b>Weitere Seite</b></p>
                        <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
                      </div></a></div>
                </div>
              </div>
              <nav class="c-language-menu" aria-label="Language"><a class="c-language-menu__link c-language-menu__link--active" href="#" aria-current="page">EN</a><a class="c-language-menu__link" href="#">DE</a>
              </nav>
            </div>
          </nav>
        </div>
        <div class="bottom-header__right"><a href="#phone">
            <svg class="menu-open active" width="32" height="32" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
              <use xlink:href="Images/svg/sprite.symbol.svg#icon-phone-2"></use>
            </svg><span class="u-visually-hidden">Telefon</span></a><a href="#mail">
            <svg class="menu-open active" width="32" height="32" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
              <use xlink:href="Images/svg/sprite.symbol.svg#icon-mail-2"></use>
            </svg><span class="u-visually-hidden">E-Mail</span></a></div>
      </div>
    </div>
  </header>
</div>
  <main class="page__content" id="content">
<!-- Grid/ Element container-->
<div class="frame frame-type-container frame-space-before-medium frame--small" id="c23987">
  <div class="c-quote">
    <svg width="73" height="71" viewbox="0 0 73 71" aria-hidden="true" focusable="false">
      <svg width="73" height="71" viewBox="0 0 73 71" aria-hidden="true" focusable="false">
        <use xlink:href="Images/svg/sprite.symbol.svg#icon-quote"></use>
      </svg>
    </svg>
    <blockquote>
      <p class="h5">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.<br/><br/>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 ipsu.</p>
      <footer itemprop="author publisher">
        <p class="h6" itemprop="name">Max Muster,<br/>CEO Umbrella Corporation</p>
      </footer>
    </blockquote>
  </div>
</div>

<!-- Grid/ Element container-->
<div class="frame frame-type-container frame-space-before-medium" id="c53245">
  <!-- Grid/ Element header-->
  <header class="frame__header">
    <h2>Downloads</h2>
  </header>
  <div class="c-downloads">
    <ul class="flex">
      <li class="c-downloads__item flex__sm-6 flex__lg-4 flex__xl-3">
        <div>
          <p class="c-downloads__item-lang">en</p><a class="c-downloads__item-link" href="/fileadmin/chn.tum.de/Download_Center/tum-campus-heilbronn-arrivals-winter-semester-2023.pdf" target="_blank">Titel des Downloads in kleiner &Uuml;berl&auml;nge</a>
          <p class="c-downloads__item-type">pdf, 126 KB</p>
        </div>
        <svg width="18" height="18" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
          <use xlink:href="Images/svg/sprite.symbol.svg#icon-download"></use>
        </svg>
      </li>
      <li class="c-downloads__item flex__sm-6 flex__lg-4 flex__xl-3">
        <div>
          <p class="c-downloads__item-lang">en</p><a class="c-downloads__item-link" href="/fileadmin/chn.tum.de/Download_Center/tum-campus-heilbronn-press-mindshift-magazine-second-edition-english.pdf" target="_blank">tum-campus-heilbronn-press-mindshift-magazine-second-edition-english.pdf</a>
          <p class="c-downloads__item-type">pdf, 2 MB</p>
        </div>
        <svg width="18" height="18" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
          <use xlink:href="Images/svg/sprite.symbol.svg#icon-download"></use>
        </svg>
      </li>
      <li class="c-downloads__item flex__sm-6 flex__lg-4 flex__xl-3">
        <div>
          <p class="c-downloads__item-lang">en</p><a class="c-downloads__item-link" href="/fileadmin/chn.tum.de/Download_Center/tum-campus-heilbronn-press-mindshift-magazine-second-edition-german.pdf" target="_blank">tum-campus-heilbronn-press-mindshift-magazine-second-edition-german.pdf</a>
          <p class="c-downloads__item-type">pdf, 2 MB</p>
        </div>
        <svg width="18" height="18" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
          <use xlink:href="Images/svg/sprite.symbol.svg#icon-download"></use>
        </svg>
      </li>
      <li class="c-downloads__item flex__sm-6 flex__lg-4 flex__xl-3">
        <div>
          <p class="c-downloads__item-lang">en</p><a class="c-downloads__item-link" href="/fileadmin/chn.tum.de/Download_Center/tum-campus-heilbronn-student-handbook.pdf" target="_blank">tum-campus-heilbronn-student-handbook.pdf</a>
          <p class="c-downloads__item-type">pdf, 908 KB</p>
        </div>
        <svg width="18" height="18" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
          <use xlink:href="Images/svg/sprite.symbol.svg#icon-download"></use>
        </svg>
      </li>
      <li class="c-downloads__item flex__sm-6 flex__lg-4 flex__xl-3">
        <div>
          <p class="c-downloads__item-lang">en</p><a class="c-downloads__item-link" href="/fileadmin/chn.tum.de/Download_Center/tum-campus-heilbronn-tum-talk-2023-chn-de.pdf" target="_blank">tum-campus-heilbronn-tum-talk-2023-chn-de.pdf</a>
          <p class="c-downloads__item-type">pdf, 114 KB</p>
        </div>
        <svg width="18" height="18" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
          <use xlink:href="Images/svg/sprite.symbol.svg#icon-download"></use>
        </svg>
      </li>
      <li class="c-downloads__item flex__sm-6 flex__lg-4 flex__xl-3">
        <div>
          <p class="c-downloads__item-lang">en</p><a class="c-downloads__item-link" href="/fileadmin/chn.tum.de/Download_Center/tum-campus-heilbronn-tum-talk-2023-chn-en.pdf" target="_blank">tum-campus-heilbronn-tum-talk-2023-chn-en.pdf</a>
          <p class="c-downloads__item-type">pdf, 109 KB</p>
        </div>
        <svg width="18" height="18" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
          <use xlink:href="Images/svg/sprite.symbol.svg#icon-download"></use>
        </svg>
      </li>
    </ul>
  </div>
</div>

<!-- Grid/ Element container-->
<div class="frame frame-type-container frame-space-before-medium" id="c5284">
  <div class="c-highlight">
    <picture class="c-highlight__image c-highlight__image--large">
      <source srcset="https://placeholder.in2code.de/1160x600" media="(min-width: 1000px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/860x600" media="(min-width: 500px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/440x600" type="image/webp"/><img src="https://placeholder.in2code.de/1160x600" title="" alt="" loading="lazy" maxwidth="1160"/>
    </picture>
    <picture class="c-highlight__image">
      <source srcset="https://placeholder.in2code.de/580x600" media="(min-width: 1000px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/860x600" media="(min-width: 500px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/440x600" type="image/webp"/><img src="https://placeholder.in2code.de/860x600" title="" alt="" loading="lazy" maxwidth="860"/>
    </picture>
    <picture class="c-highlight__image">
      <source srcset="https://placeholder.in2code.de/580x600" media="(min-width: 1000px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/860x600" media="(min-width: 500px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/440x600" type="image/webp"/><img src="https://placeholder.in2code.de/860x600" title="" alt="" loading="lazy" maxwidth="860"/>
    </picture>
    <picture class="c-highlight__image">
      <source srcset="https://placeholder.in2code.de/580x600" media="(min-width: 1000px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/860x600" media="(min-width: 500px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/440x600" type="image/webp"/><img src="https://placeholder.in2code.de/860x600" title="" alt="" loading="lazy" maxwidth="860"/>
    </picture>
    <picture class="c-highlight__image">
      <source srcset="https://placeholder.in2code.de/580x600" media="(min-width: 1000px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/860x600" media="(min-width: 500px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/440x600" type="image/webp"/><img src="https://placeholder.in2code.de/860x600" title="" alt="" loading="lazy" maxwidth="860"/>
    </picture>
    <picture class="c-highlight__image">
      <source srcset="https://placeholder.in2code.de/580x600" media="(min-width: 1000px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/860x600" media="(min-width: 500px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/440x600" type="image/webp"/><img src="https://placeholder.in2code.de/860x600" title="" alt="" loading="lazy" maxwidth="860"/>
    </picture>
    <picture class="c-highlight__image c-highlight__image--large">
      <source srcset="https://placeholder.in2code.de/1160x600" media="(min-width: 1000px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/860x600" media="(min-width: 500px)" type="image/webp"/>
      <source srcset="https://placeholder.in2code.de/440x600" type="image/webp"/><img src="https://placeholder.in2code.de/1160x600" title="" alt="" loading="lazy" maxwidth="1160"/>
    </picture>
  </div>
</div>
  </main>
<footer class="page__footer footer frame-space-before-medium">
  <div class="frame--background">
    <div class="container">
      <h2>Follow us</h2>
      <div class="footer__social-media"><a href="https://www.instagram.com/tum.campus.hn/" target="_blank">
          <svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
            <use xlink:href="Images/svg/sprite.symbol.svg#icon-instagram"></use>
          </svg><span class="u-visually-hidden">Instagram</span></a><a href="https://www.facebook.com/TUM.Campus.Heilbronn" target="_blank">
          <svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
            <use xlink:href="Images/svg/sprite.symbol.svg#icon-facebook"></use>
          </svg><span class="u-visually-hidden">Facebook</span></a><a href="https://www.tiktok.com/@tum.campus.hn" target="_blank">
          <svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
            <use xlink:href="Images/svg/sprite.symbol.svg#icon-tiktok"></use>
          </svg><span class="u-visually-hidden">TikTok</span></a><a href="https://www.youtube.com/@TUM.Campus.Heilbronn" target="_blank">
          <svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
            <use xlink:href="Images/svg/sprite.symbol.svg#icon-youtube"></use>
          </svg><span class="u-visually-hidden">YouTube</span></a><a href="https://www.linkedin.com/company/tum-campus-heilbronn/" target="_blank">
          <svg width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
            <use xlink:href="Images/svg/sprite.symbol.svg#icon-linkedin"></use>
          </svg><span class="u-visually-hidden">Linkedin</span></a></div>
      <div class="flex">
        <div class="flex__md-8">
          <div class="flex">
            <div class="flex__md-6 flex__lg-4"><b>Campus</b>
              <ul>
                <li><a href="#">Campus Heilbronn</a></li>
                <li><a href="#">Student Services</a></li>
                <li><a href="#">Explore Heilbronn</a></li>
                <li><a href="#">Alumni</a></li>
              </ul>
            </div>
            <div class="flex__md-6 flex__lg-4"><b>Stories</b>
              <ul>
                <li><a href="#">News</a></li>
                <li><a href="#">Mindshift Magazine</a></li>
                <li><a href="#">Blog</a></li>
              </ul>
            </div>
            <div class="flex__md-6 flex__lg-4"><b>Legal</b>
              <ul>
                <li><a href="#">Imprint</a></li>
                <li><a href="#">Privacy Policy</a></li>
                <li><a href="#">Declaration of Accessibility</a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="flex__md-4"><b>Kontakt</b>
          <ul>
            <li>Die TUM Campus Heilbronn gGmbH</li>
            <li>Bildungscampus 2</li>
            <li>74076 Heilbronn</li>
            <li id="phone">Telefon&nbsp;<a href="tel:+497131264180">+49 (0) 7131 264180</a></li>
            <li id="mail">E-Mail&nbsp;<a href="mailto:info.hn@chn.tum.de">info.hn@chn.tum.de</a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</footer>
</div>