Header
Weitere Darstellungen für die Header-Navigation sind unter Menü zu finden.
Varianten
Header wien.gv.at"
- Mit Logo, Suchfeld und Burgermenü
- Der Header bleibt beim Scrollen der Seite sichtbar. Das Logo verlinkt auf die Startseite wien.gv.at.
Link
Header wien.gv.at" öffnen
Code
<wm-header>
<div>
<a href="/">
<svg viewBox="0 0 311 142" width="80" role="img" aria-labelledby="site-logo1">
<title id="site-logo1">Startseite wien.gv.at</title>
<path fill="#FF0000" d="M55.3 53.6V15.3H14.2c0 13.3 1 26.2 2.9 38.3h38.2zM55.3 65.7h-36c6.9 32.7 20.2 57.1 36 62.2V65.7zM67.3 53.6V15.3h41.1c0 13.3-1 26.2-2.9 38.3H67.3zM67.3 65.7h36c-6.9 32.7-20.2 57.1-36 62.2V65.7z"></path>
<path fill="currentColor" d="M153.5 65.2c-2.4 0-4.7-.3-6.9-1s-4.4-1.7-6.6-3.1l1.3-8.4h.3c2.1 1.6 4.1 2.7 6.2 3.3 2.1.6 4 .9 5.7.9 5 0 7.5-1.9 7.5-5.6 0-1.3-.4-2.5-1.1-3.5-.7-1-2-2.1-3.8-3.1l-6-3.4c-3.5-1.9-5.9-4-7.4-6.2s-2.2-4.7-2.2-7.4c0-4.2 1.4-7.5 4.2-9.9 2.8-2.4 6.6-3.6 11.3-3.6 4.3 0 8.3 1.1 11.9 3.2l-1.3 8.1h-.3c-1.4-1-3-1.7-4.9-2.2-1.9-.5-3.6-.7-5.3-.7-4.4 0-6.6 1.7-6.6 5 0 1.2.4 2.3 1.1 3.3.8 1 2.2 2.1 4.4 3.3l5.3 2.9c3.3 1.8 5.8 3.8 7.3 6s2.3 4.8 2.3 7.8c0 4.5-1.5 8-4.5 10.6-2.8 2.5-6.8 3.7-11.9 3.7zM183.8 64c-1.6-2.2-2.7-4.6-3.5-7.4-.8-2.8-1.2-6-1.2-9.5V39h-5.7v-7.6h5.7v-9.7h9v9.7h7.7l-1.3 7.6H188v7.4c0 3.7.5 6.9 1.5 9.6 1 2.7 2.4 5.3 4.3 7.6v.4h-10zM209 64.6c-3.2 0-5.7-.8-7.5-2.5-1.9-1.7-2.8-4-2.8-7.1 0-3.1 1.1-5.5 3.2-7.3 2.2-1.8 5.1-2.8 8.8-3.2l9.1-.9v-.1c0-1.8-.5-3.1-1.5-4-1-.9-2.8-1.4-5.4-1.4-1.9 0-3.9.2-5.9.7-2 .5-3.6 1-4.8 1.6h-.4l1.3-7.7c1.4-.6 3.1-1 5.1-1.5 2-.4 4.2-.6 6.4-.6 4.9 0 8.5 1.1 10.8 3.4 2.3 2.3 3.4 5.6 3.4 10v10.4c0 1.7.1 3.4.4 5 .2 1.6.6 3 1.2 4.2v.4h-8.5c-.3-.6-.5-1.5-.7-2.4-.2-1-.3-1.9-.4-2.7h-.4c-.8 1.6-2.3 2.9-4.3 4s-4.4 1.7-7.1 1.7zm-1.1-10.3c0 1 .3 1.8.9 2.4.6.6 1.7 1 3.1 1 2.3 0 4.1-.7 5.6-2s2.2-3.1 2.2-5.2v-.8l-6.9.8c-1.7.2-3 .6-3.8 1.1-.7.6-1.1 1.5-1.1 2.7zM260.9 64v-4.9h-.4c-1 1.8-2.4 3.2-4.3 4.2s-4 1.5-6.4 1.5c-2.9 0-5.4-.7-7.6-2.1-2.2-1.4-3.9-3.4-5.1-6-1.2-2.6-1.8-5.6-1.8-9 0-3.4.6-6.4 1.8-9 1.2-2.6 2.9-4.5 5.1-6 2.2-1.4 4.7-2.1 7.6-2.1 2.2 0 4.2.4 6 1.3 1.8.9 3.2 2.1 4.2 3.6h.5V15.3h9.1V64h-8.7zm-8.1-7c2.5 0 4.4-.9 5.9-2.6 1.5-1.7 2.2-4 2.2-6.7 0-2.8-.7-5.1-2.2-6.7-1.5-1.7-3.5-2.5-5.9-2.5-2.5 0-4.5.8-5.9 2.5-1.5 1.6-2.2 3.9-2.2 6.8 0 2.8.7 5.1 2.2 6.7 1.4 1.6 3.3 2.5 5.9 2.5zM284.9 64c-1.6-2.2-2.7-4.6-3.5-7.4-.8-2.8-1.2-6-1.2-9.5V39h-5.7v-7.6h5.7v-9.7h9v9.7h7.7l-1.3 7.6h-6.4v7.4c0 3.7.5 6.9 1.5 9.6 1 2.7 2.4 5.3 4.3 7.6v.4h-10.1zM161.6 126.1h-11c-1.1-2.4-2.3-5.4-3.5-9-1.3-3.6-2.5-7.5-3.6-11.9-1.2-4.4-2.2-8.9-3.1-13.7-.9-4.7-1.5-9.4-1.8-14.1h9.9c.3 4.3.9 8.8 1.7 13.5.8 4.7 1.7 9.2 2.8 13.7 1.1 4.4 2.2 8.5 3.4 12.2h.5l9.9-33h7.3l9.9 33h.5c1.2-3.7 2.3-7.8 3.3-12.2 1-4.4 1.9-9 2.7-13.7.8-4.7 1.3-9.2 1.7-13.5h9.7c-.3 4.7-1 9.4-1.8 14.1-.9 4.7-1.9 9.3-3.1 13.7-1.2 4.4-2.4 8.3-3.6 11.9-1.3 3.6-2.4 6.6-3.5 9h-11l-8.2-27.4h-.7l-8.4 27.4zM213.1 88.3c-1.7 0-3.1-.5-4.2-1.6s-1.6-2.4-1.6-4 .5-3 1.6-4 2.5-1.6 4.2-1.6c1.7 0 3.1.5 4.2 1.6 1.1 1 1.6 2.4 1.6 4s-.5 2.9-1.6 4c-1.1 1-2.5 1.6-4.2 1.6zm-4.6 37.8V93.4h9.1v32.7h-9.1zM241.4 126.9c-3.6 0-6.6-.7-9.2-2.1-2.6-1.4-4.6-3.4-5.9-5.9-1.4-2.6-2.1-5.5-2.1-9 0-3.6.7-6.7 2.2-9.3 1.5-2.6 3.5-4.6 6-5.9 2.6-1.4 5.5-2.1 8.7-2.1 4.8 0 8.5 1.5 11.2 4.4 2.7 2.9 4 7 4 12.2v2l-22.5 2.5c.6 2 1.7 3.4 3.2 4.2 1.6.8 3.5 1.2 5.7 1.2 2.1 0 4.2-.3 6.4-.8 2.1-.6 3.7-1.2 4.8-1.9h.5l-1.3 7.8c-1.2.6-2.9 1.2-5.1 1.8-2.1.6-4.3.9-6.6.9zm-.5-27c-2 0-3.7.6-5 1.9-1.3 1.2-2.1 3.1-2.4 5.6l13.9-1.6c-.3-2-1-3.5-2.1-4.4-1.3-1-2.7-1.5-4.4-1.5zM262.6 126.1V93.4h8.2V99h.4c.8-1.9 2.2-3.4 4.1-4.6 1.9-1.1 4.1-1.7 6.6-1.7 3.8 0 6.8 1.3 9 3.8s3.3 6.1 3.3 10.6v19.1h-9.1v-17.9c0-5.1-2.1-7.7-6.3-7.7-2.1 0-3.8.8-5.1 2.3-1.3 1.5-1.9 3.5-1.9 6v17.3h-9.2z"></path>
</svg>
</a>
<form role="search">
<wm-input label="Suche" hideLabel="hideLabel" placeholder="Wie können wir helfen?" search="hiddenmobile"></wm-input>
</form>
<wm-nav-main type="hidden" label="Hauptnavigation">
<wm-stack horizontal="" slot="buttoncontent" gap="xs">
<span class="wm-h-vh wm-h-vh--mobil">Menü</span>
<wm-icon iconid="burger"></wm-icon>
</wm-stack>
<ul>
<li>
<a href="#">
<wm-icon iconid="language"></wm-icon>
Deutsch
</a>
<ul>
<li><a href="#">English</a></li>
<li><a href="#">Bosanski Hrvatski Srpski</a></li>
<li><a href="#">Türkçe</a></li>
</ul>
</li>
</ul>
<ul>
<li>
<a href="#">
<wm-icon iconid="vienna"></wm-icon>
Stadtplan
</a>
</li>
<li>
<a href="#">
<wm-icon iconid="amtswege"></wm-icon>
Amtswege
</a>
</li>
<li>
<a href="#">
<wm-icon iconid="contact"></wm-icon>
Kontakte
</a>
</li>
<li>
<a href="#">
<wm-icon iconid="jobs"></wm-icon>
Jobs bei der Stadt
</a>
</li>
</ul>
<ul>
<li>
<a href="#">Freizeit</a>
<ul>
<li>
<a href="#">Übersicht</a>
</li>
<li>
<a href="#">Veranstaltungen</a>
</li>
<li>
<a href="#">Baden</a>
</li>
<li>
<a href="#">Kultur</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Geschichte</a></li>
<li><a href="#">Förderungen</a></li>
<li><a href="#">Museen</a></li>
<li><a href="#">Musik</a></li>
<li><a href="#">Film</a></li>
<li><a href="#">Bühne & Tanz</a></li>
<li><a href="#">Lesen</a></li>
</ul>
</li>
<li>
<a href="#">
Märkte
</a>
</li>
<li>
<a href="#">
Natur
</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Erholungsgebiete</a></li>
<li><a href="#">Parks & Gärten</a></li>
<li><a href="#">Wandern</a></li>
</ul>
</li>
<li>
<a href="#">
Sport
</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Sportmöglichkeiten</a></li>
<li><a href="#">Kurse</a></li>
<li><a href="#">Vereine</a></li>
</ul>
</li>
<li>
<a href="#">
Radfahren
</a>
</li>
<li>
<a href="#">
Spielplätze
</a>
</li>
<li>
<a href="#">
Grillen
</a>
</li>
</ul>
</li>
<li>
<a href="#">
Wohnen
</a>
<ul>
<li>
<a href="#">Übersicht</a>
</li>
<li>
<a href="#">Meldeservice</a>
</li>
<li>
<a href="#">Wohnungssuche</a>
</li>
<li>
<a href="#">Gemeindewohnungen</a>
</li>
<li>
<a href="#">Bauen</a>
</li>
<li>
<a href="#">Förderungen</a>
</li>
<li>
<a href="#">Hilfe & Beratung</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Servicestellen</a></li>
<li><a href="#">Wohnen im Alter</a></li>
<li><a href="#">Betreutes Wohnen</a></li>
<li><a href="#">Barrierefreies Wohnen</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">
Verkehr
</a>
<ul>
<li>
<a href="#">Übersicht</a>
</li>
<li>
<a href="#">Parken</a>
</li>
<li>
<a href="#">Auto & Motorrad</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Parken</a></li>
<li><a href="#">Verkehrslage</a></li>
<li><a href="#">Carsharing</a></li>
<li><a href="#">Taxi</a></li>
<li><a href="#">Motorrad</a></li>
</ul>
</li>
<li>
<a href="#">Rad</a>
</li>
<li>
<a href="#">Öffentlicher Verkehr</a>
</li>
<li>
<a href="#">Zu Fuß</a>
</li>
<li>
<a href="#">Baustellen</a>
</li>
<li>
<a href="#">Verkehrssicherheit</a>
</li>
</ul>
</li>
<li>
<a href="#">
Bildung
</a>
<ul>
<li>
<a href="#">Übersicht</a>
</li>
<li>
<a href="#">Kindergarten</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Alle Standorte</a></li>
<li><a href="#">Anmeldung</a></li>
<li><a href="#">Servicestellen</a></li>
<li><a href="#">Jobs & Ausbildung</a></li>
<li><a href="#">Förderungen</a></li>
</ul>
</li>
<li>
<a href="#">Schule</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Bildungsdirektion</a></li>
<li><a href="#">Alle Standorte</a></li>
<li><a href="#">Förderungen</a></li>
<li><a href="#">Tagesbetreuung & Hort</a></li>
</ul>
</li>
<li>
<a href="#">Lehre</a>
</li>
<li>
<a href="#">Studium</a>
</li>
<li>
<a href="#">Weiterbildung</a>
</li>
<li>
<a href="#">Büchereien & Archive</a>
</li>
<li>
<a href="#">Forschung</a>
</li>
</ul>
</li>
<li>
<a href="#">
Gesundheit
</a>
<ul>
<li>
<a href="#">Übersicht</a>
</li>
<li>
<a href="#">Beratung & Vorsorge</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Vorsorgeuntersuchung</a></li>
<li><a href="#">Impfen</a></li>
<li><a href="#">Schwangerschaft</a></li>
<li><a href="#">Psychische Gesundheit</a></li>
</ul>
</li>
<li>
<a href="#">Krankenhäuser</a>
</li>
<li>
<a href="#">Ärzte & Apotheken</a>
</li>
<li>
<a href="#">Pflege</a>
</li>
</ul>
</li>
<li>
<a href="#">
Umwelt
</a>
<ul>
<li>
<a href="#">Übersicht</a>
</li>
<li>
<a href="#">Klima</a>
</li>
<li>
<a href="#">Müll</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Mistplätze</a></li>
<li><a href="#">Mülltrennung</a></li>
<li><a href="#">48er-Tandler</a></li>
<li><a href="#">Müllabfuhr</a></li>
</ul>
</li>
<li>
<a href="#">Wasser</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Gewässer</a></li>
<li><a href="#">Trinkwasser</a></li>
<li><a href="#">Kanalisation</a></li>
<li><a href="#">Hochwasser</a></li>
</ul>
</li>
<li>
<a href="#">Energie</a>
</li>
<li>
<a href="#">Wetter</a>
</li>
<li>
<a href="#">Umweltschutz</a>
</li>
<li>
<a href="#">Forst- & Landwirtschaft</a>
</li>
</ul>
</li>
<li>
<a href="#">
Zusammenleben
</a>
<ul>
<li>
<a href="#">Übersicht</a>
</li>
<li>
<a href="#">Kind & Familie</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Beratung</a></li>
<li><a href="#">Baby</a></li>
<li><a href="#">Kinder & Jugendliche</a></li>
<li><a href="#">Adoption</a></li>
<li><a href="#">Pflegefamilie</a></li>
<li><a href="#">Krise</a></li>
</ul>
</li>
<li>
<a href="#">Ehe & Partnerschaft</a>
</li>
<li>
<a href="#">Senior*innen</a>
</li>
<li>
<a href="#">Integration</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Ankommen in Wien</a></li>
<li><a href="#">Beratung</a></li>
<li><a href="#">Deutsch lernen</a></li>
<li><a href="#">Förderungen</a></li>
</ul>
</li>
<li>
<a href="#">Ehrenamtliche Arbeit</a>
</li>
<li>
<a href="#">Gleichstellung</a>
</li>
<li>
<a href="#">Sicherheit</a>
</li>
<li>
<a href="#">Tiere</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Fundservice</a></li>
<li><a href="#">Tierheime</a></li>
<li><a href="#">Tiergesundheit</a></li>
<li><a href="#">Haus- & Nutztiere</a></li>
<li><a href="#">Kauf & Zucht</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">
Stadtplanung
</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Projekte</a></li>
<li><a href="#">Bürger*innen-Beteiligung</a></li>
<li><a href="#">Flächenwidmung</a></li>
<li><a href="#">Geodaten</a></li>
<li><a href="#">Stadtforschung</a></li>
<li><a href="#">Strategien</a></li>
</ul>
</li>
<li>
<a href="#">
Politik
</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Bezirke</a></li>
<li><a href="#">Stadtpolitik</a></li>
<li><a href="#">Landespolitik</a></li>
<li><a href="#">Wahlen</a></li>
<li><a href="#">Mitbestimmen</a></li>
<li><a href="#">Finanzen</a></li>
<li><a href="#">Internationales</a></li>
</ul>
</li>
<li>
<a href="#">
Wirtschaft
</a>
<ul>
<li>
<a href="#">Übersicht</a>
</li>
<li>
<a href="#">Arbeit</a>
</li>
<li>
<a href="#">Gründen & Gewerbe</a>
</li>
<li>
<a href="#">Betriebsanlagen</a>
</li>
<li>
<a href="#">Hilfe & Beratung</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Förderung & Finanzierung</a></li>
<li><a href="#">Veranstalter*innen</a></li>
<li><a href="#">Ökobusiness</a></li>
</ul>
</li>
<li>
<a href="#">Stadt als Auftraggeberin</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Ausschreibungen</a></li>
<li><a href="#">Vertragsbestimmungen</a></li>
<li><a href="#">Vorgaben für Bauprojekte</a></li>
<li><a href="#">Schlichtungsstelle</a></li>
</ul>
</li>
<li>
<a href="#">Märkte</a>
</li>
<li>
<a href="#">Wirtschaftsstandort Wien</a>
</li>
</ul>
</li>
</ul>
<ul>
<li>
<a href="#">Mein Wien</a>
</li>
</ul>
<div>
<wm-list type="horizontal" gap="s">
<ul>
<li><a href="https://bsky.app/profile/wien.gv.at" class="wm-no-external-icon" target="_blank"><wm-icon iconid="bluesky">BlueSky</wm-icon></a></li>
<li><a href="https://facebook.com/wien.at" class="wm-no-external-icon" target="_blank"><wm-icon iconid="facebook">Facebook</wm-icon></a></li>
<li><a href="https://instagram.com/stadtwien" class="wm-no-external-icon" target="_blank"><wm-icon iconid="instagram">Instagram</wm-icon></a></li>
<li><a href="https://www.linkedin.com/company/city-of-vienna/" class="wm-no-external-icon" target="_blank"><wm-icon iconid="linkedin">Linked In</wm-icon></a></li>
<li><a href="https://tiktok.com/@stadtwien" class="wm-no-external-icon" target="_blank"><wm-icon iconid="tiktok">TikTok</wm-icon></a></li>
<li><a href="https://www.wien.gv.at/bot/" class="wm-no-external-icon" target="_blank"><wm-icon iconid="wien-bot">Wienbot</wm-icon></a></li>
<li><a href="https://x.com/Stadt_Wien" class="wm-no-external-icon" target="_blank"><wm-icon iconid="twitter">X (Twitter)</wm-icon></a></li>
<li><a href="https://youtube.com/channel/UCGLOly45we_1ZTXAXF7TZDA" class="wm-no-external-icon" target="_blank"><wm-icon iconid="youtube">YouTube</wm-icon></a></li>
</ul>
</wm-list>
<p>
<a href="#">
<strong>NEWSLETTER</strong>
</a>
</p>
</div>
</wm-nav-main>
</div>
</wm-header>
<main></main>
Header wien.gv.at English
Link
Header wien.gv.at English öffnen
Code
<wm-header>
<div>
<a href="/">
<svg viewBox="0 0 480.448 189.355" width="80" role="img" aria-labelledby="site-logo2">
<title id="site-logo2">City of Vienna</title>
<g transform="matrix(1.33333 0 0 -1.33333 0 189.355)">
<path
fill="#FF0000"
d="M55.272 88.387v38.293h-41.1c0-13.314 1.011-26.232 2.865-38.293zM55.272 76.326H19.233c6.906-32.71 20.248-57.066
36.04-62.152zM67.334 88.387v38.293h41.1c0-13.314-1.011-26.232-2.865-38.293zM67.334
76.326h36.039c-6.906-32.71-20.248-57.066-36.04-62.152z"/>
<path
fill="currentColor"
d="M163.719 76.8c-4.763 0-8.974 1.07-12.632 3.213-3.659 2.143-6.505 5.131-8.54 8.962-2.036 3.832-3.052 8.281-3.052 13.346
0 3.853.617 7.348 1.851 10.488 1.234 3.138 2.965 5.822 5.196 8.053 2.228 2.23 4.848 3.95 7.857 5.163 3.009 1.211 6.268
1.818 9.775 1.818 2.813 0 5.4-.369 7.759-1.104 2.36-.737 4.406-1.689 6.138-2.857l-1.364-8.313h-.389c-1.387 1.082-3.01
1.948-4.871 2.598-1.862.65-3.941.974-6.234.974-3.075
0-5.813-.66-8.215-1.98-2.404-1.322-4.299-3.227-5.683-5.716-1.387-2.49-2.078-5.53-2.078-9.124 0-3.464.659-6.462 1.98-8.995
1.32-2.532 3.192-4.47 5.618-5.812 2.424-1.342 5.26-2.013 8.508-2.013 2.293 0 4.513.325 6.656.974 2.143.65 3.971 1.45
5.487 2.403h.39l-1.428-8.962c-3.68-2.078-7.924-3.117-12.729-3.117M185.523 110.634h9.091V77.968h-9.091zm4.545 5.26c-1.732
0-3.139.53-4.221 1.591-1.082 1.06-1.624 2.392-1.624 3.994 0 1.645.542 2.987 1.624 4.026 1.082 1.039 2.489 1.559 4.221
1.559 1.775 0 3.193-.52 4.255-1.559 1.06-1.039 1.591-2.381 1.591-4.026
0-1.602-.531-2.934-1.591-3.994-1.062-1.061-2.48-1.591-4.255-1.591M220.836 77.968h-10.001c-1.56 2.165-2.74 4.644-3.54
7.436-.801 2.793-1.201 5.963-1.201
9.514v8.118h-5.715v7.598h5.715v9.676h8.963v-9.676h7.662l-1.3-7.598h-6.362v-7.403c0-3.681.507-6.885 1.524-9.612a28.587
28.587 0 0 1 4.255-7.598zM229.976 61.732v.454l8.572 15.781c-1.776 2.858-3.474 6.083-5.097 9.677a103.09 103.09 0 0 0-4.319
11.332 103.434 103.434 0 0 0-2.988 11.657h9.353c.605-3.724 1.58-7.718 2.921-11.982a111.324 111.324 0 0 1
4.741-12.436h.455a135.537 135.537 0 0 1 4.838 12.177 72.663 72.663 0 0 1 3.02
12.241h8.198c-1.04-5.629-1.823-11.072-3.88-16.333-2.056-5.26-4.578-10.705-7.565-16.333l-8.637-16.235zM294.981
85.112c2.425 0 4.405.812 5.942 2.435 1.537 1.624 2.306 3.885 2.306 6.786 0 2.9-.769 5.174-2.306 6.82-1.537 1.644-3.517
2.467-5.942 2.467-2.382 0-4.35-.823-5.909-2.467-1.558-1.646-2.338-3.92-2.338-6.82 0-2.901.78-5.162 2.338-6.786 1.56-1.623
3.527-2.435 5.91-2.435m0-7.923c-3.335 0-6.322.693-8.962 2.078-2.642 1.385-4.72 3.366-6.234 5.942-1.517 2.575-2.275
5.618-2.275 9.124 0 3.507.758 6.548 2.275 9.125a15.609 15.609 0 0 0 6.234 5.974c2.64 1.407 5.627 2.11 8.961 2.11 3.334 0
6.321-.703 8.962-2.11a15.63 15.63 0 0 0 6.235-5.974c1.515-2.577 2.273-5.618 2.273-9.125
0-3.506-.758-6.55-2.273-9.124-1.516-2.576-3.594-4.557-6.235-5.942-2.64-1.385-5.628-2.078-8.962-2.078M322.307
77.968v25.068h-6.235v7.598h6.235v2.922c0 4.502 1.18 7.923 3.54 10.26 2.358 2.339 5.356 3.508 8.993 3.508 1.43 0 2.695-.13
3.8-.39 1.104-.26 1.302-.563 2.125-.91l-1.233-7.402h-.39c-1.04.562-1.424.844-2.679.844-1.557
0-2.792-.52-3.7-1.56-.91-1.038-1.364-2.596-1.364-4.675v-2.597h8.377l-1.3-7.598H331.4V77.968zM165.472
15.904h-10.456c-1.645 3.203-3.28 6.764-4.903 10.683a197.742 197.742 0 0 0-4.611 12.306 224.09 224.09 0 0 0-3.961 12.99
166.04 166.04 0 0 0-2.955 12.727h9.935a189.003 189.003 0 0 1 4.905-20.393c2.013-6.71 4.275-13.118 6.787-19.22h.389c2.51
6.102 4.774 12.51 6.787 19.22a178.871 178.871 0 0 1 4.837 20.393h9.678a167.008 167.008 0 0 0-2.956-12.728 225.663 225.663
0 0 0-3.961-12.989 197.742 197.742 0 0 0-4.611-12.306c-1.623-3.919-3.26-7.48-4.903-10.683M186.853
48.569h9.092V15.904h-9.092zm4.545 5.261c-1.731 0-3.138.529-4.219 1.591-1.084 1.06-1.625 2.391-1.625 3.994 0 1.644.541
2.987 1.625 4.026C188.26 64.48 189.667 65 191.398 65c1.776 0 3.194-.52 4.254-1.559 1.062-1.039 1.591-2.382 1.591-4.026
0-1.603-.529-2.934-1.591-3.994-1.06-1.062-2.478-1.591-4.254-1.591M217.666 42.075c-2.035
0-3.714-.617-5.033-1.85-1.322-1.234-2.134-3.086-2.436-5.552l13.898 1.558c-.303 2.033-1.018 3.516-2.143
4.448-1.127.93-2.555 1.396-4.286 1.396m.52-26.95c-3.552 0-6.614.692-9.19 2.078-2.577 1.385-4.557 3.354-5.942 5.91-1.386
2.554-2.078 5.54-2.078 8.961 0 3.594.723 6.678 2.175 9.254 1.45 2.576 3.452 4.557 6.006 5.942 2.555 1.386 5.456 2.08
8.703 2.08 4.807 0 8.55-1.474 11.235-4.418 2.684-2.944 4.026-7.012 4.026-12.209v-2.012l-22.47-2.533c.606-1.992 1.69-3.399
3.247-4.22 1.56-.824 3.463-1.236 5.715-1.236 2.12 0 4.242.282 6.365.845 2.12.562 3.723 1.19 4.806
1.883h.454l-1.3-7.793c-1.211-.649-2.9-1.234-5.064-1.753a28.6 28.6 0 0 0-6.688-.779M238.657
15.904V48.57h8.248V43.05h.389c.822 1.904 2.176 3.43 4.059 4.578 1.883 1.146 4.079 1.721 6.591 1.721 3.81 0 6.808-1.267
8.995-3.799 2.185-2.534 3.279-6.05 3.279-10.553V15.904h-9.092v17.924c0 5.107-2.1 7.663-6.299 7.663-2.122
0-3.832-.758-5.13-2.274-1.299-1.515-1.949-3.529-1.949-6.039V15.904zM277.701 15.904V48.57h8.248V43.05h.39c.822 1.904 2.175
3.43 4.058 4.578 1.883 1.146 4.081 1.721 6.593 1.721 3.808 0 6.808-1.267 8.993-3.799 2.187-2.534 3.28-6.05
3.28-10.553V15.904h-9.091v17.924c0 5.107-2.102 7.663-6.299 7.663-2.122
0-3.832-.758-5.132-2.274-1.299-1.515-1.947-3.529-1.947-6.039V15.904zM323.629 25.645c0-.953.313-1.754.942-2.403.626-.65
1.657-.974 3.084-.974 2.252 0 4.125.66 5.619 1.981 1.494 1.32 2.24 3.062 2.24
5.227v.78l-6.884-.78c-1.732-.173-2.998-.552-3.8-1.137-.801-.584-1.201-1.483-1.201-2.694m1.104-10.26c-3.16
0-5.671.843-7.532 2.531-1.862 1.69-2.794 4.048-2.794 7.08 0 3.073 1.082 5.497 3.247 7.273 2.165 1.774 5.087 2.835 8.769
3.182l9.09.91v.064c0 1.775-.486 3.117-1.46 4.027-.975.91-2.76 1.363-5.358 1.363-1.95
0-3.928-.228-5.942-.682-2.013-.454-3.627-.985-4.84-1.59h-.388l1.299 7.727c1.385.562 3.095 1.05 5.13 1.462 2.034.411
4.177.617 6.429.617 4.893 0 8.485-1.148 10.78-3.443s3.443-5.628
3.443-10v-10.39c0-1.689.119-3.357.358-5.002.237-1.645.637-3.03 1.2-4.156v-.454h-8.506c-.261.648-.5 1.461-.715
2.434a16.195 16.195 0 0 0-.39 2.696h-.39c-.823-1.602-2.251-2.946-4.286-4.027-2.035-1.082-4.416-1.623-7.144-1.623"/>
</g>
</svg>
</a>
<form role="search">
<wm-input label="Search" hideLabel="hideLabel" placeholder="What can we do for you?" search="hiddenmobile"></wm-input>
</form>
<wm-nav-main type="hidden" label="Hauptnavigation">
<wm-stack horizontal="" slot="buttoncontent" gap="xs">
<span class="wm-h-vh wm-h-vh--mobil">Menu</span>
<wm-icon iconid="burger"></wm-icon>
</wm-stack>
<ul>
<li>
<a href="#">
<wm-icon iconid="language"></wm-icon>
English
</a>
<ul>
<li><a href="#">Deutsch</a></li>
<li><a href="#">Bosanski Hrvatski Srpski</a></li>
<li><a href="#">Türkçe</a></li>
</ul>
</li>
</ul>
<ul>
<li>
<a href="#">
<wm-icon iconid="vienna"></wm-icon>
Map
</a>
</li>
<li>
<a href="#">
<wm-icon iconid="amtswege"></wm-icon>
Amtswege
</a>
</li>
<li>
<a href="#">
<wm-icon iconid="contact"></wm-icon>
Contact
</a>
</li>
<li>
<a href="#">
<wm-icon iconid="jobs"></wm-icon>
Jobs
</a>
</li>
</ul>
<ul>
<li>
<a href="#">Freizeit</a>
<ul>
<li>
<a href="#">Übersicht</a>
</li>
<li>
<a href="#">Veranstaltungen</a>
</li>
<li>
<a href="#">Baden</a>
</li>
<li>
<a href="#">Kultur</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Geschichte</a></li>
<li><a href="#">Förderungen</a></li>
<li><a href="#">Museen</a></li>
<li><a href="#">Musik</a></li>
<li><a href="#">Film</a></li>
<li><a href="#">Bühne & Tanz</a></li>
<li><a href="#">Lesen</a></li>
</ul>
</li>
<li>
<a href="#">
Märkte
</a>
</li>
<li>
<a href="#">
Natur
</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Erholungsgebiete</a></li>
<li><a href="#">Parks & Gärten</a></li>
<li><a href="#">Wandern</a></li>
</ul>
</li>
<li>
<a href="#">
Sport
</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Sportmöglichkeiten</a></li>
<li><a href="#">Kurse</a></li>
<li><a href="#">Vereine</a></li>
</ul>
</li>
<li>
<a href="#">
Radfahren
</a>
</li>
<li>
<a href="#">
Spielplätze
</a>
</li>
<li>
<a href="#">
Grillen
</a>
</li>
</ul>
</li>
<li>
<a href="#">
Wohnen
</a>
<ul>
<li>
<a href="#">Übersicht</a>
</li>
<li>
<a href="#">Meldeservice</a>
</li>
<li>
<a href="#">Wohnungssuche</a>
</li>
<li>
<a href="#">Gemeindewohnungen</a>
</li>
<li>
<a href="#">Bauen</a>
</li>
<li>
<a href="#">Förderungen</a>
</li>
<li>
<a href="#">Hilfe & Beratung</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Servicestellen</a></li>
<li><a href="#">Wohnen im Alter</a></li>
<li><a href="#">Betreutes Wohnen</a></li>
<li><a href="#">Barrierefreies Wohnen</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">
Verkehr
</a>
<ul>
<li>
<a href="#">Übersicht</a>
</li>
<li>
<a href="#">Parken</a>
</li>
<li>
<a href="#">Auto & Motorrad</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Parken</a></li>
<li><a href="#">Verkehrslage</a></li>
<li><a href="#">Carsharing</a></li>
<li><a href="#">Taxi</a></li>
<li><a href="#">Motorrad</a></li>
</ul>
</li>
<li>
<a href="#">Rad</a>
</li>
<li>
<a href="#">Öffentlicher Verkehr</a>
</li>
<li>
<a href="#">Zu Fuß</a>
</li>
<li>
<a href="#">Baustellen</a>
</li>
<li>
<a href="#">Verkehrssicherheit</a>
</li>
</ul>
</li>
<li>
<a href="#">
Bildung
</a>
<ul>
<li>
<a href="#">Übersicht</a>
</li>
<li>
<a href="#">Kindergarten</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Alle Standorte</a></li>
<li><a href="#">Anmeldung</a></li>
<li><a href="#">Servicestellen</a></li>
<li><a href="#">Jobs & Ausbildung</a></li>
<li><a href="#">Förderungen</a></li>
</ul>
</li>
<li>
<a href="#">Schule</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Bildungsdirektion</a></li>
<li><a href="#">Alle Standorte</a></li>
<li><a href="#">Förderungen</a></li>
<li><a href="#">Tagesbetreuung & Hort</a></li>
</ul>
</li>
<li>
<a href="#">Lehre</a>
</li>
<li>
<a href="#">Studium</a>
</li>
<li>
<a href="#">Weiterbildung</a>
</li>
<li>
<a href="#">Büchereien & Archive</a>
</li>
<li>
<a href="#">Forschung</a>
</li>
</ul>
</li>
<li>
<a href="#">
Gesundheit
</a>
<ul>
<li>
<a href="#">Übersicht</a>
</li>
<li>
<a href="#">Beratung & Vorsorge</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Vorsorgeuntersuchung</a></li>
<li><a href="#">Impfen</a></li>
<li><a href="#">Schwangerschaft</a></li>
<li><a href="#">Psychische Gesundheit</a></li>
</ul>
</li>
<li>
<a href="#">Krankenhäuser</a>
</li>
<li>
<a href="#">Ärzte & Apotheken</a>
</li>
<li>
<a href="#">Pflege</a>
</li>
</ul>
</li>
<li>
<a href="#">
Umwelt
</a>
<ul>
<li>
<a href="#">Übersicht</a>
</li>
<li>
<a href="#">Klima</a>
</li>
<li>
<a href="#">Müll</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Mistplätze</a></li>
<li><a href="#">Mülltrennung</a></li>
<li><a href="#">48er-Tandler</a></li>
<li><a href="#">Müllabfuhr</a></li>
</ul>
</li>
<li>
<a href="#">Wasser</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Gewässer</a></li>
<li><a href="#">Trinkwasser</a></li>
<li><a href="#">Kanalisation</a></li>
<li><a href="#">Hochwasser</a></li>
</ul>
</li>
<li>
<a href="#">Energie</a>
</li>
<li>
<a href="#">Wetter</a>
</li>
<li>
<a href="#">Umweltschutz</a>
</li>
<li>
<a href="#">Forst- & Landwirtschaft</a>
</li>
</ul>
</li>
<li>
<a href="#">
Zusammenleben
</a>
<ul>
<li>
<a href="#">Übersicht</a>
</li>
<li>
<a href="#">Kind & Familie</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Beratung</a></li>
<li><a href="#">Baby</a></li>
<li><a href="#">Kinder & Jugendliche</a></li>
<li><a href="#">Adoption</a></li>
<li><a href="#">Pflegefamilie</a></li>
<li><a href="#">Krise</a></li>
</ul>
</li>
<li>
<a href="#">Ehe & Partnerschaft</a>
</li>
<li>
<a href="#">Senior*innen</a>
</li>
<li>
<a href="#">Integration</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Ankommen in Wien</a></li>
<li><a href="#">Beratung</a></li>
<li><a href="#">Deutsch lernen</a></li>
<li><a href="#">Förderungen</a></li>
</ul>
</li>
<li>
<a href="#">Ehrenamtliche Arbeit</a>
</li>
<li>
<a href="#">Gleichstellung</a>
</li>
<li>
<a href="#">Sicherheit</a>
</li>
<li>
<a href="#">Tiere</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Fundservice</a></li>
<li><a href="#">Tierheime</a></li>
<li><a href="#">Tiergesundheit</a></li>
<li><a href="#">Haus- & Nutztiere</a></li>
<li><a href="#">Kauf & Zucht</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">
Stadtplanung
</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Projekte</a></li>
<li><a href="#">Bürger*innen-Beteiligung</a></li>
<li><a href="#">Flächenwidmung</a></li>
<li><a href="#">Geodaten</a></li>
<li><a href="#">Stadtforschung</a></li>
<li><a href="#">Strategien</a></li>
</ul>
</li>
<li>
<a href="#">
Politik
</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Bezirke</a></li>
<li><a href="#">Stadtpolitik</a></li>
<li><a href="#">Landespolitik</a></li>
<li><a href="#">Wahlen</a></li>
<li><a href="#">Mitbestimmen</a></li>
<li><a href="#">Finanzen</a></li>
<li><a href="#">Internationales</a></li>
</ul>
</li>
<li>
<a href="#">
Wirtschaft
</a>
<ul>
<li>
<a href="#">Übersicht</a>
</li>
<li>
<a href="#">Arbeit</a>
</li>
<li>
<a href="#">Gründen & Gewerbe</a>
</li>
<li>
<a href="#">Betriebsanlagen</a>
</li>
<li>
<a href="#">Hilfe & Beratung</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Förderung & Finanzierung</a></li>
<li><a href="#">Veranstalter*innen</a></li>
<li><a href="#">Ökobusiness</a></li>
</ul>
</li>
<li>
<a href="#">Stadt als Auftraggeberin</a>
<ul>
<li><a href="#">Übersicht</a></li>
<li><a href="#">Ausschreibungen</a></li>
<li><a href="#">Vertragsbestimmungen</a></li>
<li><a href="#">Vorgaben für Bauprojekte</a></li>
<li><a href="#">Schlichtungsstelle</a></li>
</ul>
</li>
<li>
<a href="#">Märkte</a>
</li>
<li>
<a href="#">Wirtschaftsstandort Wien</a>
</li>
</ul>
</li>
</ul>
<ul>
<li>
<a href="#">Mein Wien</a>
</li>
</ul>
<div>
<wm-list type="horizontal" gap="s">
<ul>
<li><a href="https://bsky.app/profile/wien.gv.at" class="wm-no-external-icon" target="_blank"><wm-icon iconid="bluesky">BlueSky</wm-icon></a></li>
<li><a href="https://facebook.com/wien.at" class="wm-no-external-icon" target="_blank"><wm-icon iconid="facebook">Facebook</wm-icon></a></li>
<li><a href="https://instagram.com/stadtwien" class="wm-no-external-icon" target="_blank"><wm-icon iconid="instagram">Instagram</wm-icon></a></li>
<li><a href="https://www.linkedin.com/company/city-of-vienna/" class="wm-no-external-icon" target="_blank"><wm-icon iconid="linkedin">Linked In</wm-icon></a></li>
<li><a href="https://tiktok.com/@stadtwien" class="wm-no-external-icon" target="_blank"><wm-icon iconid="tiktok">TikTok</wm-icon></a></li>
<li><a href="https://www.wien.gv.at/bot/" class="wm-no-external-icon" target="_blank"><wm-icon iconid="wien-bot">Wienbot</wm-icon></a></li>
<li><a href="https://x.com/Stadt_Wien" class="wm-no-external-icon" target="_blank"><wm-icon iconid="twitter">X (Twitter)</wm-icon></a></li>
<li><a href="https://youtube.com/channel/UCGLOly45we_1ZTXAXF7TZDA" class="wm-no-external-icon" target="_blank"><wm-icon iconid="youtube">YouTube</wm-icon></a></li>
</ul>
</wm-list>
<p>
<a href="#">
<strong>NEWSLETTER</strong>
</a>
</p>
</div>
</wm-nav-main>
</div>
</wm-header>
Header Sonderauftritte "Minimal"
- Mit Seitentitel, Logo und Menüzeile
- Das Menü der Sonderseiten ist in einer der Markenfarben leicht (30 Prozent) eingefärbt, die Schrift ist Fast Schwarz. Das aufgeklappte Menü ist in einer der 6 Markenfarben zu 100 Prozent eingefärbt: Morgenrot, Flieder, Abendstimmung, Frischgrün, Goldgelb oder Nebelgrau. Die Schriftfarbe ist Fast Schwarz oder bei Abendstimmung ausnahmsweise Weiß.
- Das Logo verlinkt auf die Startseite von wien.gv.at, der Seitentitel auf die Startseite des jeweiligen Auftritts.
Link
Header Sonderauftritte "Minimal" öffnen
Code
<wm-header microsite color="morgenrot">
<div>
<a href="#">Seitentitel</a>
<a href="/">
<svg viewBox="0 0 311 142" width="80" role="img" aria-labelledby="site-logo1">
<title id="site-logo1">Startseite wien.gv.at</title>
<path fill="#FF0000" d="M55.3 53.6V15.3H14.2c0 13.3 1 26.2 2.9 38.3h38.2zM55.3 65.7h-36c6.9 32.7 20.2 57.1 36 62.2V65.7zM67.3 53.6V15.3h41.1c0 13.3-1 26.2-2.9 38.3H67.3zM67.3 65.7h36c-6.9 32.7-20.2 57.1-36 62.2V65.7z"></path>
<path fill="currentColor" d="M153.5 65.2c-2.4 0-4.7-.3-6.9-1s-4.4-1.7-6.6-3.1l1.3-8.4h.3c2.1 1.6 4.1 2.7 6.2 3.3 2.1.6 4 .9 5.7.9 5 0 7.5-1.9 7.5-5.6 0-1.3-.4-2.5-1.1-3.5-.7-1-2-2.1-3.8-3.1l-6-3.4c-3.5-1.9-5.9-4-7.4-6.2s-2.2-4.7-2.2-7.4c0-4.2 1.4-7.5 4.2-9.9 2.8-2.4 6.6-3.6 11.3-3.6 4.3 0 8.3 1.1 11.9 3.2l-1.3 8.1h-.3c-1.4-1-3-1.7-4.9-2.2-1.9-.5-3.6-.7-5.3-.7-4.4 0-6.6 1.7-6.6 5 0 1.2.4 2.3 1.1 3.3.8 1 2.2 2.1 4.4 3.3l5.3 2.9c3.3 1.8 5.8 3.8 7.3 6s2.3 4.8 2.3 7.8c0 4.5-1.5 8-4.5 10.6-2.8 2.5-6.8 3.7-11.9 3.7zM183.8 64c-1.6-2.2-2.7-4.6-3.5-7.4-.8-2.8-1.2-6-1.2-9.5V39h-5.7v-7.6h5.7v-9.7h9v9.7h7.7l-1.3 7.6H188v7.4c0 3.7.5 6.9 1.5 9.6 1 2.7 2.4 5.3 4.3 7.6v.4h-10zM209 64.6c-3.2 0-5.7-.8-7.5-2.5-1.9-1.7-2.8-4-2.8-7.1 0-3.1 1.1-5.5 3.2-7.3 2.2-1.8 5.1-2.8 8.8-3.2l9.1-.9v-.1c0-1.8-.5-3.1-1.5-4-1-.9-2.8-1.4-5.4-1.4-1.9 0-3.9.2-5.9.7-2 .5-3.6 1-4.8 1.6h-.4l1.3-7.7c1.4-.6 3.1-1 5.1-1.5 2-.4 4.2-.6 6.4-.6 4.9 0 8.5 1.1 10.8 3.4 2.3 2.3 3.4 5.6 3.4 10v10.4c0 1.7.1 3.4.4 5 .2 1.6.6 3 1.2 4.2v.4h-8.5c-.3-.6-.5-1.5-.7-2.4-.2-1-.3-1.9-.4-2.7h-.4c-.8 1.6-2.3 2.9-4.3 4s-4.4 1.7-7.1 1.7zm-1.1-10.3c0 1 .3 1.8.9 2.4.6.6 1.7 1 3.1 1 2.3 0 4.1-.7 5.6-2s2.2-3.1 2.2-5.2v-.8l-6.9.8c-1.7.2-3 .6-3.8 1.1-.7.6-1.1 1.5-1.1 2.7zM260.9 64v-4.9h-.4c-1 1.8-2.4 3.2-4.3 4.2s-4 1.5-6.4 1.5c-2.9 0-5.4-.7-7.6-2.1-2.2-1.4-3.9-3.4-5.1-6-1.2-2.6-1.8-5.6-1.8-9 0-3.4.6-6.4 1.8-9 1.2-2.6 2.9-4.5 5.1-6 2.2-1.4 4.7-2.1 7.6-2.1 2.2 0 4.2.4 6 1.3 1.8.9 3.2 2.1 4.2 3.6h.5V15.3h9.1V64h-8.7zm-8.1-7c2.5 0 4.4-.9 5.9-2.6 1.5-1.7 2.2-4 2.2-6.7 0-2.8-.7-5.1-2.2-6.7-1.5-1.7-3.5-2.5-5.9-2.5-2.5 0-4.5.8-5.9 2.5-1.5 1.6-2.2 3.9-2.2 6.8 0 2.8.7 5.1 2.2 6.7 1.4 1.6 3.3 2.5 5.9 2.5zM284.9 64c-1.6-2.2-2.7-4.6-3.5-7.4-.8-2.8-1.2-6-1.2-9.5V39h-5.7v-7.6h5.7v-9.7h9v9.7h7.7l-1.3 7.6h-6.4v7.4c0 3.7.5 6.9 1.5 9.6 1 2.7 2.4 5.3 4.3 7.6v.4h-10.1zM161.6 126.1h-11c-1.1-2.4-2.3-5.4-3.5-9-1.3-3.6-2.5-7.5-3.6-11.9-1.2-4.4-2.2-8.9-3.1-13.7-.9-4.7-1.5-9.4-1.8-14.1h9.9c.3 4.3.9 8.8 1.7 13.5.8 4.7 1.7 9.2 2.8 13.7 1.1 4.4 2.2 8.5 3.4 12.2h.5l9.9-33h7.3l9.9 33h.5c1.2-3.7 2.3-7.8 3.3-12.2 1-4.4 1.9-9 2.7-13.7.8-4.7 1.3-9.2 1.7-13.5h9.7c-.3 4.7-1 9.4-1.8 14.1-.9 4.7-1.9 9.3-3.1 13.7-1.2 4.4-2.4 8.3-3.6 11.9-1.3 3.6-2.4 6.6-3.5 9h-11l-8.2-27.4h-.7l-8.4 27.4zM213.1 88.3c-1.7 0-3.1-.5-4.2-1.6s-1.6-2.4-1.6-4 .5-3 1.6-4 2.5-1.6 4.2-1.6c1.7 0 3.1.5 4.2 1.6 1.1 1 1.6 2.4 1.6 4s-.5 2.9-1.6 4c-1.1 1-2.5 1.6-4.2 1.6zm-4.6 37.8V93.4h9.1v32.7h-9.1zM241.4 126.9c-3.6 0-6.6-.7-9.2-2.1-2.6-1.4-4.6-3.4-5.9-5.9-1.4-2.6-2.1-5.5-2.1-9 0-3.6.7-6.7 2.2-9.3 1.5-2.6 3.5-4.6 6-5.9 2.6-1.4 5.5-2.1 8.7-2.1 4.8 0 8.5 1.5 11.2 4.4 2.7 2.9 4 7 4 12.2v2l-22.5 2.5c.6 2 1.7 3.4 3.2 4.2 1.6.8 3.5 1.2 5.7 1.2 2.1 0 4.2-.3 6.4-.8 2.1-.6 3.7-1.2 4.8-1.9h.5l-1.3 7.8c-1.2.6-2.9 1.2-5.1 1.8-2.1.6-4.3.9-6.6.9zm-.5-27c-2 0-3.7.6-5 1.9-1.3 1.2-2.1 3.1-2.4 5.6l13.9-1.6c-.3-2-1-3.5-2.1-4.4-1.3-1-2.7-1.5-4.4-1.5zM262.6 126.1V93.4h8.2V99h.4c.8-1.9 2.2-3.4 4.1-4.6 1.9-1.1 4.1-1.7 6.6-1.7 3.8 0 6.8 1.3 9 3.8s3.3 6.1 3.3 10.6v19.1h-9.1v-17.9c0-5.1-2.1-7.7-6.3-7.7-2.1 0-3.8.8-5.1 2.3-1.3 1.5-1.9 3.5-1.9 6v17.3h-9.2z"></path>
</svg>
</a>
</div>
<div>
<wm-nav-main microsite type="hiddenmobile">
<ol>
<li>
<a href="/#ebook">
eBook
</a>
<ol>
<li>
<a href="/#ebook">Übersicht</a>
</li>
<li>
<a href="/#ebook">eBook 1</a>
</li>
<li>
<a href="/#eBook">eBook 2</a>
</li>
<li>
<a href="/#emagazine">eBook 3</a>
</li>
</ol>
</li>
<li>
<a href="/#eaudio">
eAudio
</a>
<ol>
<li>
<a href="/#eaudio">
Übersicht</a>
</li>
<li>
<a href="/#ebook">eAudio 1</a>
</li>
<li>
<a href="/#eaudio">eAudio 2</a>
</li>
<li>
<a href="/#emagazine">eAudio 3</a>
</li>
</ol>
</li>
<li>
<a href="/#emagazine">
eMagazine
</a>
<ol>
<li>
<a href="/#emagazine">
Übersicht</a>
</li>
<li>
<a href="/#ebook">eMagazine 1</a>
</li>
<li>
<a href="/#eMagazine">eMagazine 2</a>
</li>
</ol>
</li>
<li>
<a href="/#ePaper">
ePaper
</a>
<ol>
<li>
<a href="/#ePaper">
Übersicht</a>
</li>
<li>
<a href="/#ebook">ePaper 1</a>
</li>
</ol>
</li>
<li>
<a href="/#eLlarning">
eLearning
</a>
<ol>
<li>
<a href="/#eLlarning">
Übersicht</a>
</li>
<li>
<a href="/#ebook">eLearning 1</a>
</li>
<li>
<a href="/#eLearning">eLearning 2</a>
</li>
<li>
<a href="/#emagazine">eLearning 3</a>
</li>
<li>
<a href="/#emagazine">eLearning 4</a>
</li>
<li>
<a href="/#emagazine">eLearning 5</a>
</li>
</ol>
</li>
</ol>
</wm-nav-main>
</div>
</wm-header>
Header Sonderauftritte "Alle Funktionen"
- Mit Sprachwahl, Login und Suche
- Wenn notwendig, Blur-Effekt bei zu vielen oder zu langen Menüpunkten. Ist alternativ über Burgermenü zu lösen.
Link
Header Sonderauftritte "Alle Funktionen" öffnen
Code
<wm-header microsite="microsite" color="frischgruen">
<div>
<a href="#">Seitentitel</a>
<a href="/">
<svg viewBox="0 0 311 142" width="80" role="img" aria-labelledby="site-logo1">
<title id="site-logo1">Startseite wien.gv.at</title>
<path fill="#FF0000" d="M55.3 53.6V15.3H14.2c0 13.3 1 26.2 2.9 38.3h38.2zM55.3 65.7h-36c6.9 32.7 20.2 57.1 36 62.2V65.7zM67.3 53.6V15.3h41.1c0 13.3-1 26.2-2.9 38.3H67.3zM67.3 65.7h36c-6.9 32.7-20.2 57.1-36 62.2V65.7z"></path>
<path fill="currentColor" d="M153.5 65.2c-2.4 0-4.7-.3-6.9-1s-4.4-1.7-6.6-3.1l1.3-8.4h.3c2.1 1.6 4.1 2.7 6.2 3.3 2.1.6 4 .9 5.7.9 5 0 7.5-1.9 7.5-5.6 0-1.3-.4-2.5-1.1-3.5-.7-1-2-2.1-3.8-3.1l-6-3.4c-3.5-1.9-5.9-4-7.4-6.2s-2.2-4.7-2.2-7.4c0-4.2 1.4-7.5 4.2-9.9 2.8-2.4 6.6-3.6 11.3-3.6 4.3 0 8.3 1.1 11.9 3.2l-1.3 8.1h-.3c-1.4-1-3-1.7-4.9-2.2-1.9-.5-3.6-.7-5.3-.7-4.4 0-6.6 1.7-6.6 5 0 1.2.4 2.3 1.1 3.3.8 1 2.2 2.1 4.4 3.3l5.3 2.9c3.3 1.8 5.8 3.8 7.3 6s2.3 4.8 2.3 7.8c0 4.5-1.5 8-4.5 10.6-2.8 2.5-6.8 3.7-11.9 3.7zM183.8 64c-1.6-2.2-2.7-4.6-3.5-7.4-.8-2.8-1.2-6-1.2-9.5V39h-5.7v-7.6h5.7v-9.7h9v9.7h7.7l-1.3 7.6H188v7.4c0 3.7.5 6.9 1.5 9.6 1 2.7 2.4 5.3 4.3 7.6v.4h-10zM209 64.6c-3.2 0-5.7-.8-7.5-2.5-1.9-1.7-2.8-4-2.8-7.1 0-3.1 1.1-5.5 3.2-7.3 2.2-1.8 5.1-2.8 8.8-3.2l9.1-.9v-.1c0-1.8-.5-3.1-1.5-4-1-.9-2.8-1.4-5.4-1.4-1.9 0-3.9.2-5.9.7-2 .5-3.6 1-4.8 1.6h-.4l1.3-7.7c1.4-.6 3.1-1 5.1-1.5 2-.4 4.2-.6 6.4-.6 4.9 0 8.5 1.1 10.8 3.4 2.3 2.3 3.4 5.6 3.4 10v10.4c0 1.7.1 3.4.4 5 .2 1.6.6 3 1.2 4.2v.4h-8.5c-.3-.6-.5-1.5-.7-2.4-.2-1-.3-1.9-.4-2.7h-.4c-.8 1.6-2.3 2.9-4.3 4s-4.4 1.7-7.1 1.7zm-1.1-10.3c0 1 .3 1.8.9 2.4.6.6 1.7 1 3.1 1 2.3 0 4.1-.7 5.6-2s2.2-3.1 2.2-5.2v-.8l-6.9.8c-1.7.2-3 .6-3.8 1.1-.7.6-1.1 1.5-1.1 2.7zM260.9 64v-4.9h-.4c-1 1.8-2.4 3.2-4.3 4.2s-4 1.5-6.4 1.5c-2.9 0-5.4-.7-7.6-2.1-2.2-1.4-3.9-3.4-5.1-6-1.2-2.6-1.8-5.6-1.8-9 0-3.4.6-6.4 1.8-9 1.2-2.6 2.9-4.5 5.1-6 2.2-1.4 4.7-2.1 7.6-2.1 2.2 0 4.2.4 6 1.3 1.8.9 3.2 2.1 4.2 3.6h.5V15.3h9.1V64h-8.7zm-8.1-7c2.5 0 4.4-.9 5.9-2.6 1.5-1.7 2.2-4 2.2-6.7 0-2.8-.7-5.1-2.2-6.7-1.5-1.7-3.5-2.5-5.9-2.5-2.5 0-4.5.8-5.9 2.5-1.5 1.6-2.2 3.9-2.2 6.8 0 2.8.7 5.1 2.2 6.7 1.4 1.6 3.3 2.5 5.9 2.5zM284.9 64c-1.6-2.2-2.7-4.6-3.5-7.4-.8-2.8-1.2-6-1.2-9.5V39h-5.7v-7.6h5.7v-9.7h9v9.7h7.7l-1.3 7.6h-6.4v7.4c0 3.7.5 6.9 1.5 9.6 1 2.7 2.4 5.3 4.3 7.6v.4h-10.1zM161.6 126.1h-11c-1.1-2.4-2.3-5.4-3.5-9-1.3-3.6-2.5-7.5-3.6-11.9-1.2-4.4-2.2-8.9-3.1-13.7-.9-4.7-1.5-9.4-1.8-14.1h9.9c.3 4.3.9 8.8 1.7 13.5.8 4.7 1.7 9.2 2.8 13.7 1.1 4.4 2.2 8.5 3.4 12.2h.5l9.9-33h7.3l9.9 33h.5c1.2-3.7 2.3-7.8 3.3-12.2 1-4.4 1.9-9 2.7-13.7.8-4.7 1.3-9.2 1.7-13.5h9.7c-.3 4.7-1 9.4-1.8 14.1-.9 4.7-1.9 9.3-3.1 13.7-1.2 4.4-2.4 8.3-3.6 11.9-1.3 3.6-2.4 6.6-3.5 9h-11l-8.2-27.4h-.7l-8.4 27.4zM213.1 88.3c-1.7 0-3.1-.5-4.2-1.6s-1.6-2.4-1.6-4 .5-3 1.6-4 2.5-1.6 4.2-1.6c1.7 0 3.1.5 4.2 1.6 1.1 1 1.6 2.4 1.6 4s-.5 2.9-1.6 4c-1.1 1-2.5 1.6-4.2 1.6zm-4.6 37.8V93.4h9.1v32.7h-9.1zM241.4 126.9c-3.6 0-6.6-.7-9.2-2.1-2.6-1.4-4.6-3.4-5.9-5.9-1.4-2.6-2.1-5.5-2.1-9 0-3.6.7-6.7 2.2-9.3 1.5-2.6 3.5-4.6 6-5.9 2.6-1.4 5.5-2.1 8.7-2.1 4.8 0 8.5 1.5 11.2 4.4 2.7 2.9 4 7 4 12.2v2l-22.5 2.5c.6 2 1.7 3.4 3.2 4.2 1.6.8 3.5 1.2 5.7 1.2 2.1 0 4.2-.3 6.4-.8 2.1-.6 3.7-1.2 4.8-1.9h.5l-1.3 7.8c-1.2.6-2.9 1.2-5.1 1.8-2.1.6-4.3.9-6.6.9zm-.5-27c-2 0-3.7.6-5 1.9-1.3 1.2-2.1 3.1-2.4 5.6l13.9-1.6c-.3-2-1-3.5-2.1-4.4-1.3-1-2.7-1.5-4.4-1.5zM262.6 126.1V93.4h8.2V99h.4c.8-1.9 2.2-3.4 4.1-4.6 1.9-1.1 4.1-1.7 6.6-1.7 3.8 0 6.8 1.3 9 3.8s3.3 6.1 3.3 10.6v19.1h-9.1v-17.9c0-5.1-2.1-7.7-6.3-7.7-2.1 0-3.8.8-5.1 2.3-1.3 1.5-1.9 3.5-1.9 6v17.3h-9.2z"></path>
</svg>
</a>
</div>
<div>
<wm-nav-main microsite="microsite" type="hiddenmobile">
<ul>
<li><a href="#">Menüpunkt 1</a></li>
<li><a href="#">Menüpunkt 2</a></li>
<li><a href="#">Menüpunkt 3</a></li>
<li><a href="#">Menüpunkt 4</a></li>
<li><a href="#">Menüpunkt 5</a></li>
</ul>
</wm-nav-main>
<div>
<wm-button kind="clean" menu="block-end inline-end">
<button>
<span class="wmheader_extramenubuttontext">Maria M.</span>
<wm-icon iconid="contact_notification"></wm-icon>
</button>
<ul>
<li>
<button>Mein Profil</button>
</li>
<li>
<button>Abmelden</button>
</li>
</ul>
</wm-button>
<wm-button kind="clean" menu="block-end inline-end">
<button>
<span class="wmheader_extramenubuttontext">Sprache</span>
<wm-icon iconid="language"></wm-icon>
</button>
<ul>
<li>
<button>Deutsch</button>
</li>
<li>
<button>Englisch</button>
</li>
</ul>
</wm-button>
<div>
<form role="search">
<wm-input label="Suche" hideLabel="hideLabel" placeholder="Suche" search="hidden"></wm-input>
</form>
</div>
</div>
</div>
</wm-header>
Header Sonderauftritte "Suche"
Link
Header Sonderauftritte "Suche" öffnen
Code
<wm-header microsite="microsite" color="abendstimmung">
<div>
<a href="#">Seitentitel</a>
<a href="/">
<svg viewBox="0 0 311 142" width="80" role="img" aria-labelledby="site-logo1">
<title id="site-logo1">Startseite wien.gv.at</title>
<path fill="#FF0000" d="M55.3 53.6V15.3H14.2c0 13.3 1 26.2 2.9 38.3h38.2zM55.3 65.7h-36c6.9 32.7 20.2 57.1 36 62.2V65.7zM67.3 53.6V15.3h41.1c0 13.3-1 26.2-2.9 38.3H67.3zM67.3 65.7h36c-6.9 32.7-20.2 57.1-36 62.2V65.7z"></path>
<path fill="currentColor" d="M153.5 65.2c-2.4 0-4.7-.3-6.9-1s-4.4-1.7-6.6-3.1l1.3-8.4h.3c2.1 1.6 4.1 2.7 6.2 3.3 2.1.6 4 .9 5.7.9 5 0 7.5-1.9 7.5-5.6 0-1.3-.4-2.5-1.1-3.5-.7-1-2-2.1-3.8-3.1l-6-3.4c-3.5-1.9-5.9-4-7.4-6.2s-2.2-4.7-2.2-7.4c0-4.2 1.4-7.5 4.2-9.9 2.8-2.4 6.6-3.6 11.3-3.6 4.3 0 8.3 1.1 11.9 3.2l-1.3 8.1h-.3c-1.4-1-3-1.7-4.9-2.2-1.9-.5-3.6-.7-5.3-.7-4.4 0-6.6 1.7-6.6 5 0 1.2.4 2.3 1.1 3.3.8 1 2.2 2.1 4.4 3.3l5.3 2.9c3.3 1.8 5.8 3.8 7.3 6s2.3 4.8 2.3 7.8c0 4.5-1.5 8-4.5 10.6-2.8 2.5-6.8 3.7-11.9 3.7zM183.8 64c-1.6-2.2-2.7-4.6-3.5-7.4-.8-2.8-1.2-6-1.2-9.5V39h-5.7v-7.6h5.7v-9.7h9v9.7h7.7l-1.3 7.6H188v7.4c0 3.7.5 6.9 1.5 9.6 1 2.7 2.4 5.3 4.3 7.6v.4h-10zM209 64.6c-3.2 0-5.7-.8-7.5-2.5-1.9-1.7-2.8-4-2.8-7.1 0-3.1 1.1-5.5 3.2-7.3 2.2-1.8 5.1-2.8 8.8-3.2l9.1-.9v-.1c0-1.8-.5-3.1-1.5-4-1-.9-2.8-1.4-5.4-1.4-1.9 0-3.9.2-5.9.7-2 .5-3.6 1-4.8 1.6h-.4l1.3-7.7c1.4-.6 3.1-1 5.1-1.5 2-.4 4.2-.6 6.4-.6 4.9 0 8.5 1.1 10.8 3.4 2.3 2.3 3.4 5.6 3.4 10v10.4c0 1.7.1 3.4.4 5 .2 1.6.6 3 1.2 4.2v.4h-8.5c-.3-.6-.5-1.5-.7-2.4-.2-1-.3-1.9-.4-2.7h-.4c-.8 1.6-2.3 2.9-4.3 4s-4.4 1.7-7.1 1.7zm-1.1-10.3c0 1 .3 1.8.9 2.4.6.6 1.7 1 3.1 1 2.3 0 4.1-.7 5.6-2s2.2-3.1 2.2-5.2v-.8l-6.9.8c-1.7.2-3 .6-3.8 1.1-.7.6-1.1 1.5-1.1 2.7zM260.9 64v-4.9h-.4c-1 1.8-2.4 3.2-4.3 4.2s-4 1.5-6.4 1.5c-2.9 0-5.4-.7-7.6-2.1-2.2-1.4-3.9-3.4-5.1-6-1.2-2.6-1.8-5.6-1.8-9 0-3.4.6-6.4 1.8-9 1.2-2.6 2.9-4.5 5.1-6 2.2-1.4 4.7-2.1 7.6-2.1 2.2 0 4.2.4 6 1.3 1.8.9 3.2 2.1 4.2 3.6h.5V15.3h9.1V64h-8.7zm-8.1-7c2.5 0 4.4-.9 5.9-2.6 1.5-1.7 2.2-4 2.2-6.7 0-2.8-.7-5.1-2.2-6.7-1.5-1.7-3.5-2.5-5.9-2.5-2.5 0-4.5.8-5.9 2.5-1.5 1.6-2.2 3.9-2.2 6.8 0 2.8.7 5.1 2.2 6.7 1.4 1.6 3.3 2.5 5.9 2.5zM284.9 64c-1.6-2.2-2.7-4.6-3.5-7.4-.8-2.8-1.2-6-1.2-9.5V39h-5.7v-7.6h5.7v-9.7h9v9.7h7.7l-1.3 7.6h-6.4v7.4c0 3.7.5 6.9 1.5 9.6 1 2.7 2.4 5.3 4.3 7.6v.4h-10.1zM161.6 126.1h-11c-1.1-2.4-2.3-5.4-3.5-9-1.3-3.6-2.5-7.5-3.6-11.9-1.2-4.4-2.2-8.9-3.1-13.7-.9-4.7-1.5-9.4-1.8-14.1h9.9c.3 4.3.9 8.8 1.7 13.5.8 4.7 1.7 9.2 2.8 13.7 1.1 4.4 2.2 8.5 3.4 12.2h.5l9.9-33h7.3l9.9 33h.5c1.2-3.7 2.3-7.8 3.3-12.2 1-4.4 1.9-9 2.7-13.7.8-4.7 1.3-9.2 1.7-13.5h9.7c-.3 4.7-1 9.4-1.8 14.1-.9 4.7-1.9 9.3-3.1 13.7-1.2 4.4-2.4 8.3-3.6 11.9-1.3 3.6-2.4 6.6-3.5 9h-11l-8.2-27.4h-.7l-8.4 27.4zM213.1 88.3c-1.7 0-3.1-.5-4.2-1.6s-1.6-2.4-1.6-4 .5-3 1.6-4 2.5-1.6 4.2-1.6c1.7 0 3.1.5 4.2 1.6 1.1 1 1.6 2.4 1.6 4s-.5 2.9-1.6 4c-1.1 1-2.5 1.6-4.2 1.6zm-4.6 37.8V93.4h9.1v32.7h-9.1zM241.4 126.9c-3.6 0-6.6-.7-9.2-2.1-2.6-1.4-4.6-3.4-5.9-5.9-1.4-2.6-2.1-5.5-2.1-9 0-3.6.7-6.7 2.2-9.3 1.5-2.6 3.5-4.6 6-5.9 2.6-1.4 5.5-2.1 8.7-2.1 4.8 0 8.5 1.5 11.2 4.4 2.7 2.9 4 7 4 12.2v2l-22.5 2.5c.6 2 1.7 3.4 3.2 4.2 1.6.8 3.5 1.2 5.7 1.2 2.1 0 4.2-.3 6.4-.8 2.1-.6 3.7-1.2 4.8-1.9h.5l-1.3 7.8c-1.2.6-2.9 1.2-5.1 1.8-2.1.6-4.3.9-6.6.9zm-.5-27c-2 0-3.7.6-5 1.9-1.3 1.2-2.1 3.1-2.4 5.6l13.9-1.6c-.3-2-1-3.5-2.1-4.4-1.3-1-2.7-1.5-4.4-1.5zM262.6 126.1V93.4h8.2V99h.4c.8-1.9 2.2-3.4 4.1-4.6 1.9-1.1 4.1-1.7 6.6-1.7 3.8 0 6.8 1.3 9 3.8s3.3 6.1 3.3 10.6v19.1h-9.1v-17.9c0-5.1-2.1-7.7-6.3-7.7-2.1 0-3.8.8-5.1 2.3-1.3 1.5-1.9 3.5-1.9 6v17.3h-9.2z"></path>
</svg>
</a>
</div>
<div>
<wm-nav-main type="hiddenmobile" microsite="microsite">
<ul>
<li><a href="#">Regierungsmonitor</a></li>
<li><a href="#">Stadtregierung</a></li>
<li><a href="#">Koalitionsprogramm</a></li>
</ul>
</wm-nav-main>
<div>
<form role="search">
<wm-input label="Suche" hideLabel="hideLabel" placeholder="Suche" search="hidden"></wm-input>
</form>
</div>
</div>
</wm-header>
Header Sonderauftritte "Suche mit Eingabefeld"
Alternative zur Suche mit Lupe
Link
Header Sonderauftritte "Suche mit Eingabefeld" öffnen
Code
<wm-header microsite="microsite" color="abendstimmung">
<div>
<a href="#">Seitentitel</a>
<a href="/">
<svg viewBox="0 0 311 142" width="80" role="img" aria-labelledby="site-logo1">
<title id="site-logo1">Startseite wien.gv.at</title>
<path fill="#FF0000" d="M55.3 53.6V15.3H14.2c0 13.3 1 26.2 2.9 38.3h38.2zM55.3 65.7h-36c6.9 32.7 20.2 57.1 36 62.2V65.7zM67.3 53.6V15.3h41.1c0 13.3-1 26.2-2.9 38.3H67.3zM67.3 65.7h36c-6.9 32.7-20.2 57.1-36 62.2V65.7z"></path>
<path fill="currentColor" d="M153.5 65.2c-2.4 0-4.7-.3-6.9-1s-4.4-1.7-6.6-3.1l1.3-8.4h.3c2.1 1.6 4.1 2.7 6.2 3.3 2.1.6 4 .9 5.7.9 5 0 7.5-1.9 7.5-5.6 0-1.3-.4-2.5-1.1-3.5-.7-1-2-2.1-3.8-3.1l-6-3.4c-3.5-1.9-5.9-4-7.4-6.2s-2.2-4.7-2.2-7.4c0-4.2 1.4-7.5 4.2-9.9 2.8-2.4 6.6-3.6 11.3-3.6 4.3 0 8.3 1.1 11.9 3.2l-1.3 8.1h-.3c-1.4-1-3-1.7-4.9-2.2-1.9-.5-3.6-.7-5.3-.7-4.4 0-6.6 1.7-6.6 5 0 1.2.4 2.3 1.1 3.3.8 1 2.2 2.1 4.4 3.3l5.3 2.9c3.3 1.8 5.8 3.8 7.3 6s2.3 4.8 2.3 7.8c0 4.5-1.5 8-4.5 10.6-2.8 2.5-6.8 3.7-11.9 3.7zM183.8 64c-1.6-2.2-2.7-4.6-3.5-7.4-.8-2.8-1.2-6-1.2-9.5V39h-5.7v-7.6h5.7v-9.7h9v9.7h7.7l-1.3 7.6H188v7.4c0 3.7.5 6.9 1.5 9.6 1 2.7 2.4 5.3 4.3 7.6v.4h-10zM209 64.6c-3.2 0-5.7-.8-7.5-2.5-1.9-1.7-2.8-4-2.8-7.1 0-3.1 1.1-5.5 3.2-7.3 2.2-1.8 5.1-2.8 8.8-3.2l9.1-.9v-.1c0-1.8-.5-3.1-1.5-4-1-.9-2.8-1.4-5.4-1.4-1.9 0-3.9.2-5.9.7-2 .5-3.6 1-4.8 1.6h-.4l1.3-7.7c1.4-.6 3.1-1 5.1-1.5 2-.4 4.2-.6 6.4-.6 4.9 0 8.5 1.1 10.8 3.4 2.3 2.3 3.4 5.6 3.4 10v10.4c0 1.7.1 3.4.4 5 .2 1.6.6 3 1.2 4.2v.4h-8.5c-.3-.6-.5-1.5-.7-2.4-.2-1-.3-1.9-.4-2.7h-.4c-.8 1.6-2.3 2.9-4.3 4s-4.4 1.7-7.1 1.7zm-1.1-10.3c0 1 .3 1.8.9 2.4.6.6 1.7 1 3.1 1 2.3 0 4.1-.7 5.6-2s2.2-3.1 2.2-5.2v-.8l-6.9.8c-1.7.2-3 .6-3.8 1.1-.7.6-1.1 1.5-1.1 2.7zM260.9 64v-4.9h-.4c-1 1.8-2.4 3.2-4.3 4.2s-4 1.5-6.4 1.5c-2.9 0-5.4-.7-7.6-2.1-2.2-1.4-3.9-3.4-5.1-6-1.2-2.6-1.8-5.6-1.8-9 0-3.4.6-6.4 1.8-9 1.2-2.6 2.9-4.5 5.1-6 2.2-1.4 4.7-2.1 7.6-2.1 2.2 0 4.2.4 6 1.3 1.8.9 3.2 2.1 4.2 3.6h.5V15.3h9.1V64h-8.7zm-8.1-7c2.5 0 4.4-.9 5.9-2.6 1.5-1.7 2.2-4 2.2-6.7 0-2.8-.7-5.1-2.2-6.7-1.5-1.7-3.5-2.5-5.9-2.5-2.5 0-4.5.8-5.9 2.5-1.5 1.6-2.2 3.9-2.2 6.8 0 2.8.7 5.1 2.2 6.7 1.4 1.6 3.3 2.5 5.9 2.5zM284.9 64c-1.6-2.2-2.7-4.6-3.5-7.4-.8-2.8-1.2-6-1.2-9.5V39h-5.7v-7.6h5.7v-9.7h9v9.7h7.7l-1.3 7.6h-6.4v7.4c0 3.7.5 6.9 1.5 9.6 1 2.7 2.4 5.3 4.3 7.6v.4h-10.1zM161.6 126.1h-11c-1.1-2.4-2.3-5.4-3.5-9-1.3-3.6-2.5-7.5-3.6-11.9-1.2-4.4-2.2-8.9-3.1-13.7-.9-4.7-1.5-9.4-1.8-14.1h9.9c.3 4.3.9 8.8 1.7 13.5.8 4.7 1.7 9.2 2.8 13.7 1.1 4.4 2.2 8.5 3.4 12.2h.5l9.9-33h7.3l9.9 33h.5c1.2-3.7 2.3-7.8 3.3-12.2 1-4.4 1.9-9 2.7-13.7.8-4.7 1.3-9.2 1.7-13.5h9.7c-.3 4.7-1 9.4-1.8 14.1-.9 4.7-1.9 9.3-3.1 13.7-1.2 4.4-2.4 8.3-3.6 11.9-1.3 3.6-2.4 6.6-3.5 9h-11l-8.2-27.4h-.7l-8.4 27.4zM213.1 88.3c-1.7 0-3.1-.5-4.2-1.6s-1.6-2.4-1.6-4 .5-3 1.6-4 2.5-1.6 4.2-1.6c1.7 0 3.1.5 4.2 1.6 1.1 1 1.6 2.4 1.6 4s-.5 2.9-1.6 4c-1.1 1-2.5 1.6-4.2 1.6zm-4.6 37.8V93.4h9.1v32.7h-9.1zM241.4 126.9c-3.6 0-6.6-.7-9.2-2.1-2.6-1.4-4.6-3.4-5.9-5.9-1.4-2.6-2.1-5.5-2.1-9 0-3.6.7-6.7 2.2-9.3 1.5-2.6 3.5-4.6 6-5.9 2.6-1.4 5.5-2.1 8.7-2.1 4.8 0 8.5 1.5 11.2 4.4 2.7 2.9 4 7 4 12.2v2l-22.5 2.5c.6 2 1.7 3.4 3.2 4.2 1.6.8 3.5 1.2 5.7 1.2 2.1 0 4.2-.3 6.4-.8 2.1-.6 3.7-1.2 4.8-1.9h.5l-1.3 7.8c-1.2.6-2.9 1.2-5.1 1.8-2.1.6-4.3.9-6.6.9zm-.5-27c-2 0-3.7.6-5 1.9-1.3 1.2-2.1 3.1-2.4 5.6l13.9-1.6c-.3-2-1-3.5-2.1-4.4-1.3-1-2.7-1.5-4.4-1.5zM262.6 126.1V93.4h8.2V99h.4c.8-1.9 2.2-3.4 4.1-4.6 1.9-1.1 4.1-1.7 6.6-1.7 3.8 0 6.8 1.3 9 3.8s3.3 6.1 3.3 10.6v19.1h-9.1v-17.9c0-5.1-2.1-7.7-6.3-7.7-2.1 0-3.8.8-5.1 2.3-1.3 1.5-1.9 3.5-1.9 6v17.3h-9.2z"></path>
</svg>
</a>
</div>
<div>
<wm-nav-main type="hiddenmobile" microsite="microsite">
<ul>
<li><a href="#">Regierungsmonitor</a></li>
<li><a href="#">Stadtregierung</a></li>
<li><a href="#">Koalitionsprogramm</a></li>
</ul>
</wm-nav-main>
<form role="search">
<wm-input label="Suche" hideLabel="hideLabel" placeholder="Suche"></wm-input>
</form>
</div>
</wm-header>
Header Sonderauftritte "Angemeldet"
Link
Header Sonderauftritte "Angemeldet" öffnen
Code
<wm-header microsite color="morgenrot">
<div>
<a href="#">Seitentitel</a>
<a href="/">
<svg viewBox="0 0 311 142" width="80" role="img" aria-labelledby="site-logo1">
<title id="site-logo1">Startseite wien.gv.at</title>
<path fill="#FF0000" d="M55.3 53.6V15.3H14.2c0 13.3 1 26.2 2.9 38.3h38.2zM55.3 65.7h-36c6.9 32.7 20.2 57.1 36 62.2V65.7zM67.3 53.6V15.3h41.1c0 13.3-1 26.2-2.9 38.3H67.3zM67.3 65.7h36c-6.9 32.7-20.2 57.1-36 62.2V65.7z"></path>
<path fill="currentColor" d="M153.5 65.2c-2.4 0-4.7-.3-6.9-1s-4.4-1.7-6.6-3.1l1.3-8.4h.3c2.1 1.6 4.1 2.7 6.2 3.3 2.1.6 4 .9 5.7.9 5 0 7.5-1.9 7.5-5.6 0-1.3-.4-2.5-1.1-3.5-.7-1-2-2.1-3.8-3.1l-6-3.4c-3.5-1.9-5.9-4-7.4-6.2s-2.2-4.7-2.2-7.4c0-4.2 1.4-7.5 4.2-9.9 2.8-2.4 6.6-3.6 11.3-3.6 4.3 0 8.3 1.1 11.9 3.2l-1.3 8.1h-.3c-1.4-1-3-1.7-4.9-2.2-1.9-.5-3.6-.7-5.3-.7-4.4 0-6.6 1.7-6.6 5 0 1.2.4 2.3 1.1 3.3.8 1 2.2 2.1 4.4 3.3l5.3 2.9c3.3 1.8 5.8 3.8 7.3 6s2.3 4.8 2.3 7.8c0 4.5-1.5 8-4.5 10.6-2.8 2.5-6.8 3.7-11.9 3.7zM183.8 64c-1.6-2.2-2.7-4.6-3.5-7.4-.8-2.8-1.2-6-1.2-9.5V39h-5.7v-7.6h5.7v-9.7h9v9.7h7.7l-1.3 7.6H188v7.4c0 3.7.5 6.9 1.5 9.6 1 2.7 2.4 5.3 4.3 7.6v.4h-10zM209 64.6c-3.2 0-5.7-.8-7.5-2.5-1.9-1.7-2.8-4-2.8-7.1 0-3.1 1.1-5.5 3.2-7.3 2.2-1.8 5.1-2.8 8.8-3.2l9.1-.9v-.1c0-1.8-.5-3.1-1.5-4-1-.9-2.8-1.4-5.4-1.4-1.9 0-3.9.2-5.9.7-2 .5-3.6 1-4.8 1.6h-.4l1.3-7.7c1.4-.6 3.1-1 5.1-1.5 2-.4 4.2-.6 6.4-.6 4.9 0 8.5 1.1 10.8 3.4 2.3 2.3 3.4 5.6 3.4 10v10.4c0 1.7.1 3.4.4 5 .2 1.6.6 3 1.2 4.2v.4h-8.5c-.3-.6-.5-1.5-.7-2.4-.2-1-.3-1.9-.4-2.7h-.4c-.8 1.6-2.3 2.9-4.3 4s-4.4 1.7-7.1 1.7zm-1.1-10.3c0 1 .3 1.8.9 2.4.6.6 1.7 1 3.1 1 2.3 0 4.1-.7 5.6-2s2.2-3.1 2.2-5.2v-.8l-6.9.8c-1.7.2-3 .6-3.8 1.1-.7.6-1.1 1.5-1.1 2.7zM260.9 64v-4.9h-.4c-1 1.8-2.4 3.2-4.3 4.2s-4 1.5-6.4 1.5c-2.9 0-5.4-.7-7.6-2.1-2.2-1.4-3.9-3.4-5.1-6-1.2-2.6-1.8-5.6-1.8-9 0-3.4.6-6.4 1.8-9 1.2-2.6 2.9-4.5 5.1-6 2.2-1.4 4.7-2.1 7.6-2.1 2.2 0 4.2.4 6 1.3 1.8.9 3.2 2.1 4.2 3.6h.5V15.3h9.1V64h-8.7zm-8.1-7c2.5 0 4.4-.9 5.9-2.6 1.5-1.7 2.2-4 2.2-6.7 0-2.8-.7-5.1-2.2-6.7-1.5-1.7-3.5-2.5-5.9-2.5-2.5 0-4.5.8-5.9 2.5-1.5 1.6-2.2 3.9-2.2 6.8 0 2.8.7 5.1 2.2 6.7 1.4 1.6 3.3 2.5 5.9 2.5zM284.9 64c-1.6-2.2-2.7-4.6-3.5-7.4-.8-2.8-1.2-6-1.2-9.5V39h-5.7v-7.6h5.7v-9.7h9v9.7h7.7l-1.3 7.6h-6.4v7.4c0 3.7.5 6.9 1.5 9.6 1 2.7 2.4 5.3 4.3 7.6v.4h-10.1zM161.6 126.1h-11c-1.1-2.4-2.3-5.4-3.5-9-1.3-3.6-2.5-7.5-3.6-11.9-1.2-4.4-2.2-8.9-3.1-13.7-.9-4.7-1.5-9.4-1.8-14.1h9.9c.3 4.3.9 8.8 1.7 13.5.8 4.7 1.7 9.2 2.8 13.7 1.1 4.4 2.2 8.5 3.4 12.2h.5l9.9-33h7.3l9.9 33h.5c1.2-3.7 2.3-7.8 3.3-12.2 1-4.4 1.9-9 2.7-13.7.8-4.7 1.3-9.2 1.7-13.5h9.7c-.3 4.7-1 9.4-1.8 14.1-.9 4.7-1.9 9.3-3.1 13.7-1.2 4.4-2.4 8.3-3.6 11.9-1.3 3.6-2.4 6.6-3.5 9h-11l-8.2-27.4h-.7l-8.4 27.4zM213.1 88.3c-1.7 0-3.1-.5-4.2-1.6s-1.6-2.4-1.6-4 .5-3 1.6-4 2.5-1.6 4.2-1.6c1.7 0 3.1.5 4.2 1.6 1.1 1 1.6 2.4 1.6 4s-.5 2.9-1.6 4c-1.1 1-2.5 1.6-4.2 1.6zm-4.6 37.8V93.4h9.1v32.7h-9.1zM241.4 126.9c-3.6 0-6.6-.7-9.2-2.1-2.6-1.4-4.6-3.4-5.9-5.9-1.4-2.6-2.1-5.5-2.1-9 0-3.6.7-6.7 2.2-9.3 1.5-2.6 3.5-4.6 6-5.9 2.6-1.4 5.5-2.1 8.7-2.1 4.8 0 8.5 1.5 11.2 4.4 2.7 2.9 4 7 4 12.2v2l-22.5 2.5c.6 2 1.7 3.4 3.2 4.2 1.6.8 3.5 1.2 5.7 1.2 2.1 0 4.2-.3 6.4-.8 2.1-.6 3.7-1.2 4.8-1.9h.5l-1.3 7.8c-1.2.6-2.9 1.2-5.1 1.8-2.1.6-4.3.9-6.6.9zm-.5-27c-2 0-3.7.6-5 1.9-1.3 1.2-2.1 3.1-2.4 5.6l13.9-1.6c-.3-2-1-3.5-2.1-4.4-1.3-1-2.7-1.5-4.4-1.5zM262.6 126.1V93.4h8.2V99h.4c.8-1.9 2.2-3.4 4.1-4.6 1.9-1.1 4.1-1.7 6.6-1.7 3.8 0 6.8 1.3 9 3.8s3.3 6.1 3.3 10.6v19.1h-9.1v-17.9c0-5.1-2.1-7.7-6.3-7.7-2.1 0-3.8.8-5.1 2.3-1.3 1.5-1.9 3.5-1.9 6v17.3h-9.2z"></path>
</svg>
</a>
</div>
<div>
<wm-nav-main microsite type="hiddenmobile">
<ol>
<li>
<a href="/#">
Mein Wien
</a>
</li>
<li>
<a href="/#">
Amtswege
</a>
</li>
</ol>
</wm-nav-main>
<div>
<wm-button kind="clean" menu="block-end inline-end">
<button>
<span class="wmheader_extramenubuttontext">Maria M.</span>
<wm-icon iconid="contact_loggedin"></wm-icon>
</button>
<ul>
<li>
<button>Mein Profil</button>
</li>
<li>
<button>Abmelden</button>
</li>
</ul>
</wm-button>
</div>
</div>
</wm-header>
Header Sonderauftritte "Angemeldet" mit Mitteilung
Link
Header Sonderauftritte "Angemeldet" mit Mitteilung öffnen
Code
<wm-header microsite color="morgenrot">
<div>
<a href="#">Seitentitel</a>
<a href="/">
<svg viewBox="0 0 311 142" width="80" role="img" aria-labelledby="site-logo1">
<title id="site-logo1">Startseite wien.gv.at</title>
<path fill="#FF0000" d="M55.3 53.6V15.3H14.2c0 13.3 1 26.2 2.9 38.3h38.2zM55.3 65.7h-36c6.9 32.7 20.2 57.1 36 62.2V65.7zM67.3 53.6V15.3h41.1c0 13.3-1 26.2-2.9 38.3H67.3zM67.3 65.7h36c-6.9 32.7-20.2 57.1-36 62.2V65.7z"></path>
<path fill="currentColor" d="M153.5 65.2c-2.4 0-4.7-.3-6.9-1s-4.4-1.7-6.6-3.1l1.3-8.4h.3c2.1 1.6 4.1 2.7 6.2 3.3 2.1.6 4 .9 5.7.9 5 0 7.5-1.9 7.5-5.6 0-1.3-.4-2.5-1.1-3.5-.7-1-2-2.1-3.8-3.1l-6-3.4c-3.5-1.9-5.9-4-7.4-6.2s-2.2-4.7-2.2-7.4c0-4.2 1.4-7.5 4.2-9.9 2.8-2.4 6.6-3.6 11.3-3.6 4.3 0 8.3 1.1 11.9 3.2l-1.3 8.1h-.3c-1.4-1-3-1.7-4.9-2.2-1.9-.5-3.6-.7-5.3-.7-4.4 0-6.6 1.7-6.6 5 0 1.2.4 2.3 1.1 3.3.8 1 2.2 2.1 4.4 3.3l5.3 2.9c3.3 1.8 5.8 3.8 7.3 6s2.3 4.8 2.3 7.8c0 4.5-1.5 8-4.5 10.6-2.8 2.5-6.8 3.7-11.9 3.7zM183.8 64c-1.6-2.2-2.7-4.6-3.5-7.4-.8-2.8-1.2-6-1.2-9.5V39h-5.7v-7.6h5.7v-9.7h9v9.7h7.7l-1.3 7.6H188v7.4c0 3.7.5 6.9 1.5 9.6 1 2.7 2.4 5.3 4.3 7.6v.4h-10zM209 64.6c-3.2 0-5.7-.8-7.5-2.5-1.9-1.7-2.8-4-2.8-7.1 0-3.1 1.1-5.5 3.2-7.3 2.2-1.8 5.1-2.8 8.8-3.2l9.1-.9v-.1c0-1.8-.5-3.1-1.5-4-1-.9-2.8-1.4-5.4-1.4-1.9 0-3.9.2-5.9.7-2 .5-3.6 1-4.8 1.6h-.4l1.3-7.7c1.4-.6 3.1-1 5.1-1.5 2-.4 4.2-.6 6.4-.6 4.9 0 8.5 1.1 10.8 3.4 2.3 2.3 3.4 5.6 3.4 10v10.4c0 1.7.1 3.4.4 5 .2 1.6.6 3 1.2 4.2v.4h-8.5c-.3-.6-.5-1.5-.7-2.4-.2-1-.3-1.9-.4-2.7h-.4c-.8 1.6-2.3 2.9-4.3 4s-4.4 1.7-7.1 1.7zm-1.1-10.3c0 1 .3 1.8.9 2.4.6.6 1.7 1 3.1 1 2.3 0 4.1-.7 5.6-2s2.2-3.1 2.2-5.2v-.8l-6.9.8c-1.7.2-3 .6-3.8 1.1-.7.6-1.1 1.5-1.1 2.7zM260.9 64v-4.9h-.4c-1 1.8-2.4 3.2-4.3 4.2s-4 1.5-6.4 1.5c-2.9 0-5.4-.7-7.6-2.1-2.2-1.4-3.9-3.4-5.1-6-1.2-2.6-1.8-5.6-1.8-9 0-3.4.6-6.4 1.8-9 1.2-2.6 2.9-4.5 5.1-6 2.2-1.4 4.7-2.1 7.6-2.1 2.2 0 4.2.4 6 1.3 1.8.9 3.2 2.1 4.2 3.6h.5V15.3h9.1V64h-8.7zm-8.1-7c2.5 0 4.4-.9 5.9-2.6 1.5-1.7 2.2-4 2.2-6.7 0-2.8-.7-5.1-2.2-6.7-1.5-1.7-3.5-2.5-5.9-2.5-2.5 0-4.5.8-5.9 2.5-1.5 1.6-2.2 3.9-2.2 6.8 0 2.8.7 5.1 2.2 6.7 1.4 1.6 3.3 2.5 5.9 2.5zM284.9 64c-1.6-2.2-2.7-4.6-3.5-7.4-.8-2.8-1.2-6-1.2-9.5V39h-5.7v-7.6h5.7v-9.7h9v9.7h7.7l-1.3 7.6h-6.4v7.4c0 3.7.5 6.9 1.5 9.6 1 2.7 2.4 5.3 4.3 7.6v.4h-10.1zM161.6 126.1h-11c-1.1-2.4-2.3-5.4-3.5-9-1.3-3.6-2.5-7.5-3.6-11.9-1.2-4.4-2.2-8.9-3.1-13.7-.9-4.7-1.5-9.4-1.8-14.1h9.9c.3 4.3.9 8.8 1.7 13.5.8 4.7 1.7 9.2 2.8 13.7 1.1 4.4 2.2 8.5 3.4 12.2h.5l9.9-33h7.3l9.9 33h.5c1.2-3.7 2.3-7.8 3.3-12.2 1-4.4 1.9-9 2.7-13.7.8-4.7 1.3-9.2 1.7-13.5h9.7c-.3 4.7-1 9.4-1.8 14.1-.9 4.7-1.9 9.3-3.1 13.7-1.2 4.4-2.4 8.3-3.6 11.9-1.3 3.6-2.4 6.6-3.5 9h-11l-8.2-27.4h-.7l-8.4 27.4zM213.1 88.3c-1.7 0-3.1-.5-4.2-1.6s-1.6-2.4-1.6-4 .5-3 1.6-4 2.5-1.6 4.2-1.6c1.7 0 3.1.5 4.2 1.6 1.1 1 1.6 2.4 1.6 4s-.5 2.9-1.6 4c-1.1 1-2.5 1.6-4.2 1.6zm-4.6 37.8V93.4h9.1v32.7h-9.1zM241.4 126.9c-3.6 0-6.6-.7-9.2-2.1-2.6-1.4-4.6-3.4-5.9-5.9-1.4-2.6-2.1-5.5-2.1-9 0-3.6.7-6.7 2.2-9.3 1.5-2.6 3.5-4.6 6-5.9 2.6-1.4 5.5-2.1 8.7-2.1 4.8 0 8.5 1.5 11.2 4.4 2.7 2.9 4 7 4 12.2v2l-22.5 2.5c.6 2 1.7 3.4 3.2 4.2 1.6.8 3.5 1.2 5.7 1.2 2.1 0 4.2-.3 6.4-.8 2.1-.6 3.7-1.2 4.8-1.9h.5l-1.3 7.8c-1.2.6-2.9 1.2-5.1 1.8-2.1.6-4.3.9-6.6.9zm-.5-27c-2 0-3.7.6-5 1.9-1.3 1.2-2.1 3.1-2.4 5.6l13.9-1.6c-.3-2-1-3.5-2.1-4.4-1.3-1-2.7-1.5-4.4-1.5zM262.6 126.1V93.4h8.2V99h.4c.8-1.9 2.2-3.4 4.1-4.6 1.9-1.1 4.1-1.7 6.6-1.7 3.8 0 6.8 1.3 9 3.8s3.3 6.1 3.3 10.6v19.1h-9.1v-17.9c0-5.1-2.1-7.7-6.3-7.7-2.1 0-3.8.8-5.1 2.3-1.3 1.5-1.9 3.5-1.9 6v17.3h-9.2z"></path>
</svg>
</a>
</div>
<div>
<wm-nav-main microsite type="hiddenmobile">
<ol>
<li>
<a href="/#">
Mein Wien
</a>
</li>
<li>
<a href="/#">
Amtswege
</a>
</li>
</ol>
</wm-nav-main>
<div>
<wm-button kind="clean" menu="block-end inline-end">
<button>
<span class="wmheader_extramenubuttontext">Maria M.</span>
<wm-icon iconid="contact_notification"></wm-icon>
</button>
<ul>
<li>
<button>Mein Profil</button>
</li>
<li>
<button>Abmelden</button>
</li>
</ul>
</wm-button>
</div>
</div>
</wm-header>
API
Abhängigkeiten
HTML
<script src="https://assets.wien.gv.at/theme/latest/js/components/Header/Header.js" type="module"></script>
JavaScript
import { Header } from './wienermelange/assets/js/components/Header/Header.js';
Eigenschaften
Eigenschaften
| Eigenschaft |
Beschreibung |
Werte |
Default |
color
|
Farbe der 2. Zeile im Header
|
'flieder'|'goldgelb'|'abendstimmung'|'morgenrot'|'frischgruen'|'wasserblau'
|
leer
|
Slots
| Name |
Beschreibung |
default
|
1 oder 2 divs
|
Methoden
| Eigenschaft |
Optionen |
Argumente |
addAction
|
Eine Action von außen hinzufügen
|
(Node)
|
CSS API
|
Property
|
Beschreibung
|
--header-actions-gap
|
Abstand zwischen Elementen in der 2. Zeile
|
--header-nav-level1-background-color
|
Hintergrundfarbe Navigation Level 1
|
--header-nav-level2-background-color
|
Hintergrundfarbe Navigation Level 2
|
--header-nav-level3-background-color
|
Hintergrundfarbe Navigation Level 3
|
--header-nav-flyout-background-color--desktop
|
Hintergrundfarbe Navigationsflyout (Desktop)
|
--header-nav-link-color
|
Schriftfarbe der Navigations-Links
|
--header-nav-flyout-link-color--desktop
|
Schriftfarbe der Navigations-Links im Navigationsflyout (Desktop)
|
Kontakt
Haben Sie noch Fragen, Feedback oder brauchen Sie ein Element, das die Pattern Library noch nicht
bietet?
handbuch@ma53.wien.gv.at