<div class="landing-page--container process-container bg--main-gray-light text--center-align md-whiteframe-1dp">
	<h2 class="text--light">Arbeitslos - was tun?</h2>
	<p class="process-container__text">
		Hier erhalten Sie Hilfe und Ratschläge für Ihre Situation.<br /> In welchem Abschnitt befinden Sie sich?
	</p>
	<div class="process">
		<div class="process__item">
			<p>Vor der Arbeitslosigkeit</p>
		</div>
		<div class="process__item">
			<p>Ab Beginn der Arbeitslosigkeit</p>
		</div>
		<div class="process__item">
			<p>Aussteuerung beantragen</p>
		</div>
		<div class="process__item">
			<p>Arbeitslosigkeit abmelden</p>
		</div>

	</div>
</div>

<button class="btn btn-primary btn-block btn-sm">Kandidat als Link versenden</button>

<p></p>

<ul class="nav filter-nav flex-column">
	<li class="nav-item">
		<a class="nav-link"><i class="fa fa-star-o" aria-hidden="true"></i> Kandidat speichern</a>
	</li>
	<li class="nav-item">
		<a class="nav-link"><i class="fa fa-share" aria-hidden="true"></i> Link kopieren</a>
	</li>
	<li class="nav-item">
		<a class="nav-link"><i class="fa fa-print" aria-hidden="true"></i> Drucken</a>
	</li>
</ul>

<button class="btn btn-primary btn-block btn-sm">Kandidat als Link versenden</button>

<p></p>

<ul class="nav filter-nav flex-column">
	<!-- NOT DISPLAYED IN PUBLIC MODE --
    <li class="nav-item">
        <a class="nav-link"><i class="fa fa-star-o" aria-hidden="true"></i> Kandidat speichern</a>
    </li>
    -->
	<li class="nav-item">
		<a class="nav-link"><i class="fa fa-share" aria-hidden="true"></i> Link kopieren</a>
	</li>
	<li class="nav-item">
		<a class="nav-link"><i class="fa fa-print" aria-hidden="true"></i> Drucken</a>
	</li>
</ul>

<!-- filter -->
<div class="sticked sticked--top">
	<div class="job-search__filter d-none d-md-block">
		<p class="filter__title text--line-height--h3">Kandidaten filtern</p>

		<div class="form-group">
			<label for="experience" class="small">Berufserfahrung</label>
			<select class="form-control form-control-sm custom-select" id="experience">
				<option selected>egal</option>
				<option value="1">value 1</option>
				<option value="2">value 2</option>
			</select>
		</div>

		<div class="form-group">
			<label for="job-location" class="small">Arbeitsort</label>
			<input type="text" class="form-control form-control-sm" id="job-location" placeholder="Ortschaft, Kanton">
		</div>

		<div class="form-group">
			<label for="verfugbarkeit" class="small">Verfügbarkeit</label>
			<select class="form-control form-control-sm custom-select" id="verfugbarkeit">
				<option selected>egal</option>
				<option value="1">ab Sofort</option>
				<option value="2">nach Vereinbarung</option>
			</select>
		</div>

		<div class="form-group">
			<label for="workload-to" class="small">Arbeitspensum</label>
			<div class="form-group__inline">
				<select class="form-control form-control-sm custom-select" id="workload-from">
					<option selected>0 %</option>
					<option value="1">One</option>
					<option value="2">Two</option>
					<option value="3">Three</option>
				</select>
				<select class="form-control form-control-sm custom-select" id="workload-to">
					<option selected>100%</option>
					<option value="1">One</option>
					<option value="2">Two</option>
					<option value="3">Three</option>
				</select>
			</div>
		</div>

		<div class="form-group">
			<label for="languages" class="small">Sprackenntnisse</label>
			<select class="form-control form-control-sm custom-select" id="languages">
				<option selected>egal</option>
				<option value="1">ab Sofort</option>
				<option value="2">nach Vereinbarung</option>
			</select>
		</div>

		<div class="form-group">
			<label for="driving" class="small">Führerausweiskategorie</label>
			<select class="form-control form-control-sm custom-select" id="driving">
				<option selected>egal</option>
				<option value="1">ab Sofort</option>
				<option value="2">nach Vereinbarung</option>
			</select>
		</div>

		<div class="form-group">
			<label for="education" class="small">Bildungsstufe</label>
			<select class="form-control form-control-sm custom-select" id="education">
				<option selected>egal</option>
				<option value="1">ab Sofort</option>
				<option value="2">nach Vereinbarung</option>
			</select>
		</div>

		<div class="form-group">
			<label for="workform" class="small">Arbeitsform</label>
			<select class="form-control form-control-sm custom-select" id="workform">
				<option selected>egal</option>
				<option value="1">ab Sofort</option>
				<option value="2">nach Vereinbarung</option>
			</select>
		</div>
	</div>

	<ul class="nav filter-nav flex-column d-none d-md-block">
		<li class="nav-item">
			<a class="nav-link" href="#"><i class="fa fa-star-o" aria-hidden="true"></i> Suche speichern</a>
		</li>
		<li class="nav-item">
			<a class="nav-link" href="#"><i class="fa fa-search" aria-hidden="true"></i> Gemerkte Kandidaten anzeigen</a>
		</li>
	</ul>

</div>
<!-- /filter -->

<p class="filter__title text--line-height--h3">Kandidaten filtern</p>

<div class="form-group">
	<label for="experience" class="small">Berufserfahrung</label>
	<select class="form-control form-control-sm custom-select" id="experience">
		<option selected>egal</option>
		<option value="1">value 1</option>
		<option value="2">value 2</option>
	</select>
</div>

<div class="form-group">
	<label for="job-location" class="small">Arbeitsort</label>
	<input type="text" class="form-control form-control-sm" id="job-location" placeholder="Ortschaft, Kanton">
</div>

<div class="form-group">
	<label for="verfugbarkeit" class="small">Verfügbarkeit</label>
	<select class="form-control form-control-sm custom-select" id="verfugbarkeit">
		<option selected>egal</option>
		<option value="1">ab Sofort</option>
		<option value="2">nach Vereinbarung</option>
	</select>
</div>

<div class="form-group">
	<label for="workload-to" class="small">Arbeitspensum</label>
	<div class="form-group__inline">
		<select class="form-control form-control-sm custom-select" id="workload-from">
			<option selected>0 %</option>
			<option value="1">One</option>
			<option value="2">Two</option>
			<option value="3">Three</option>
		</select>
		<select class="form-control form-control-sm custom-select" id="workload-to">
			<option selected>100%</option>
			<option value="1">One</option>
			<option value="2">Two</option>
			<option value="3">Three</option>
		</select>
	</div>
</div>

<div class="form-group">
	<label for="languages" class="small">Sprackenntnisse</label>
	<select class="form-control form-control-sm custom-select" id="languages">
		<option selected>egal</option>
		<option value="1">ab Sofort</option>
		<option value="2">nach Vereinbarung</option>
	</select>
</div>

<div class="form-group">
	<label for="driving" class="small">Führerausweiskategorie</label>
	<select class="form-control form-control-sm custom-select" id="driving">
		<option selected>egal</option>
		<option value="1">ab Sofort</option>
		<option value="2">nach Vereinbarung</option>
	</select>
</div>

<div class="form-group">
	<label for="education" class="small">Bildungsstufe</label>
	<select class="form-control form-control-sm custom-select" id="education">
		<option selected>egal</option>
		<option value="1">ab Sofort</option>
		<option value="2">nach Vereinbarung</option>
	</select>
</div>

<div class="form-group">
	<label for="workform" class="small">Arbeitsform</label>
	<select class="form-control form-control-sm custom-select" id="workform">
		<option selected>egal</option>
		<option value="1">ab Sofort</option>
		<option value="2">nach Vereinbarung</option>
	</select>
</div>

<div class="row">
	<div class="col-sm-12 col-md-10 col-xxl-8">

		<ul class="nav nav-tabs nav--job-room" role="tablist">
			<li class="nav-item">
				<a class="nav-link active" data-toggle="tab" href="#candidate-search" role="tab">Kandidaten finden</a>
			</li>
			<li class="nav-item">
				<a class="nav-link" data-toggle="tab" href="#job-publication" role="tab">Job publizieren</a>
			</li>
			<!--<li class="nav-item">
				<a class="nav-link" data-toggle="tab" href="#job-publication-left" role="tab">Job publizieren (li)</a>
			</li>-->
		</ul>

		<!-- Tab panes -->
		<div class="tab-content--job-room">
			<div class="tab-content">
				<div class="tab-pane active" id="candidate-search" role="tabpanel">
					<h1 class="candidate-search__title">Finden Sie passende Kandidaten</h1>
					<div class="d-flex flex-row">
						<form class="candidate-search__form">
							<fieldset>
								<div class="form-group">
									<label for="example-text-input" class="sr-only">Ich suche eine/n</label>
									<div>
										<input class="form-control" type="text" id="example-text-input" placeholder="Berufsbezeichung, Kenntnisse, Skills" />
									</div>
								</div>

								<div class="form-group">
									<label for="cs-3" class="sr-only">Wohnort</label>
									<div>
										<input class="form-control" type="text" id="cs-3" placeholder="Wohnort" />
									</div>
								</div>

								<div class="form-group">
									<label for="cs-8" class="sr-only">Abschluss</label>
									<div>
										<select class="form-control custom-select" id="cs-8">
												<option selected>Abschluss auswählen</option>
												<option value="1">One</option>
												<option value="2">Two</option>
												<option value="3">Three</option>
											</select>
									</div>
								</div> <a class="btn btn-primary btn-lg" href="job-room/candidate-result-list.html">Kandidaten anzeigen (1'644)</a>
							</fieldset>
						</form>
						<div class="job-publication__radar">
							<div class="candidate-radar d-none d-md-inline-block">
								<!--
								<button type="button" class="close" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
								-->

								Diesem Job-Profil enstprechen bereits<br />
								<span class="badge badge-radar">1'644</span><br /> Stellensuchenden
								<a href="job-room/candidate-result-list.html">Jetzt anzeigen!</a>
							</div>
						</div>
					</div>

				</div>
				<div class="tab-pane" id="job-publication" role="tabpanel">
					<div class="d-flex flex-row">
						<div class="job-publication__form">
							<fieldset class="job-publication--horizontal">
								<legend>Stellenbeschreibung</legend>

								<div class="form-group">
									<label for="job-title" class="col-form-label">Stellenbezeichnung</label>
									<div>
										<input type="text" class="form-control" id="job-title" />
									</div>
								</div>
								<div class="form-group">
									<label for="occupation" class="col-form-label">Beruf</label>
									<div>
										<input type="text" class="form-control" id="occupation" placeholder="z.B. Maurer" />
									</div>
								</div>
								<div class="form-group">
									<label for="education" class="col-form-label">Ausbildung <span class="optional">Optional</span></label>
									<div>
										<select class="form-control custom-select" id="education">
											<option selected>keine Auswahl</option>
											<option value="1">One</option>
											<option value="2">Two</option>
											<option value="3">Three</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label for="exp" class="col-form-label">Berufserfahrung <span class="optional">Optional</span></label>
									<div>
										<select class="form-control custom-select" id="exp">
											<option selected>keine Auswahl</option>
											<option value="1">One</option>
											<option value="2">Two</option>
											<option value="3">Three</option>
										</select>
									</div>
								</div>
								<div class="form-group">
									<label for="description">Tätigkeit /Anforderungen</label>
									<div>
										<textarea class="form-control" id="description" rows="5" placeholder="max. 9000 Characters" aria-describedby="maxChar"></textarea>
										<small id="maxChar" class="form-text text-muted">
											9000 characters available
										</small>
									</div>
								</div>

								<div class="form-group">
									<label for="workload-to" class="col-form-label">Arbeitspensum</label>
									<div class="form-group__inline sm-inline">
										<select class="form-control custom-select" id="workload-from">
											<option selected>0 %</option>
											<option value="1">One</option>
											<option value="2">Two</option>
											<option value="3">Three</option>
										</select>
										<select class="form-control custom-select" id="workload-to">
											<option selected>100%</option>
											<option value="1">One</option>
											<option value="2">Two</option>
											<option value="3">Three</option>
										</select>
									</div>
								</div>

								<div class="form-group">
									<label class="col-form-label">Stellenantritt</label>
									<div class="form-group__inline">
										<div class="radio col-form-label">
											<input type="radio" name="optionsRadios" id="optionsRadios4" value="option4" />
											<label for="optionsRadios4">
												ab Sofort
											</label>
										</div>

										<div class="radio col-form-label">
											<input type="radio" name="optionsRadios" id="optionsRadios5" value="option5" />
											<label for="optionsRadios5">
												nach Vereinbarung
											</label>
										</div>

										<div class="form-group">
											<label for="stellenantritt-date" class="sr-only">Stellenantritt ab Datum</label>
											<div>
												<input type="date" class="form-control" id="stellenantritt-date" />
											</div>
										</div>
									</div>
								</div>

								<div class="form-group">
									<label class="col-form-label">Anstellungsdauer</label>
									<div class="form-group__inline">
										<div class="radio col-form-label">
											<input type="radio" name="optionsRadios2" id="optionsRadios6" value="option6" checked="checked" />
											<label for="optionsRadios6">
												unbefristet
											</label>
										</div>

										<div class="radio col-form-label">
											<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option7" />
											<label for="optionsRadios7">
												befristet bis
											</label>
										</div>

										<div class="form-group">
											<label for="anstellungsdauer-date" class="sr-only">Anstellungsdauer befristet bis Datum</label>
											<div>
												<input type="date" class="form-control" id="anstellungsdauer-date" />
											</div>
										</div>
									</div>
								</div>

								<div class="form-group">
									<label for="driving-lic" class="col-form-label">Führerausweis <span class="optional">Optional</span></label>
									<div>
										<select class="form-control custom-select" id="driving-lic">
											<option selected>keine Auswahl</option>
											<option value="1">One</option>
											<option value="2">Two</option>
											<option value="3">Three</option>
										</select>
									</div>
								</div>

								<div class="form-group">
									<label for="lang" class="col-form-label">Sprachkenntnisse <span class="optional">Optional</span></label>
									<div>
										<select class="form-control custom-select" id="lang">
											<option selected>keine Auswahl</option>
											<option value="1">One</option>
											<option value="2">Two</option>
											<option value="3">Three</option>
										</select>
									</div>
								</div>
							</fieldset>

							<fieldset class="job-publication--horizontal">
								<legend>Arbeitsort</legend>

								<div class="form-group">
									<label for="country" class="col-form-label">Land</label>
									<div>
										<select class="form-control custom-select" id="country">
											<option value="CH" selected>Schweiz</option>
											<option value="1">One</option>
											<option value="2">Two</option>
											<option value="3">Three</option>
										</select>
									</div>
								</div>

								<div class="form-group">
									<label for="place" class="col-form-label">PLZ / Ort</label>
									<div>
										<input type="text" class="form-control" id="place" />
									</div>
								</div>

								<div class="form-group">
									<label for="add-text" class="col-form-label">Zusatztext <span class="optional">Optional</span></label>
									<div>
										<input type="text" class="form-control" id="add-text" />
									</div>
								</div>
							</fieldset>

							<fieldset class="job-publication--horizontal">
								<legend>Unternehmen</legend>

								<div class="form-group">
									<label for="unt-name" class="col-form-label">Unternehmen</label>
									<div>
										<input type="text" class="form-control" id="unt-name" />
									</div>
								</div>
								<div class="form-group">
									<label for="unt-street" class="col-form-label">Strasse</label>
									<div>
										<input type="text" class="form-control" id="unt-street" />
									</div>
								</div>
								<div class="form-group">
									<label for="unt-zip" class="col-form-label">PLZ / Ort</label>
									<div>
										<input type="text" class="form-control" id="unt-zip" />
									</div>
								</div>
								<div class="form-group">
									<label for="unt-pobox" class="col-form-label">Postfach-Nr. <span class="optional">Optional</span></label>
									<div>
										<input type="text" class="form-control" id="unt-pobox" />
									</div>
								</div>
								<div class="form-group">
									<label for="unt-pobox-zip" class="col-form-label">Postfach PLZ / Ort <span class="optional">Optional</span></label>
									<div>
										<input type="text" class="form-control" id="unt-pobox-zip" />
									</div>
								</div>
								<div class="form-group">
									<label for="unt-country" class="col-form-label">Land</label>
									<div>
										<select class="form-control custom-select" id="unt-country">
											<option value="CH" selected>Schweiz</option>
											<option value="1">One</option>
											<option value="2">Two</option>
											<option value="3">Three</option>
										</select>
									</div>
								</div>
							</fieldset>

							<fieldset class="job-publication--horizontal">
								<legend>Kontaktperson</legend>

								<div class="form-group">
									<label for="kp-anrede" class="col-form-label">Anrede</label>
									<div>
										<select class="form-control custom-select" id="kp-anrede">
											<option selected>keine Auswahl</option>
											<option value="1">One</option>
											<option value="2">Two</option>
											<option value="3">Three</option>
										</select>
									</div>
								</div>

								<div class="form-group">
									<label for="kp-vorname" class="col-form-label">Vorname</label>
									<div>
										<input type="text" class="form-control" id="kp-vorname" />
									</div>
								</div>
								<div class="form-group">
									<label for="kp-name" class="col-form-label">Nachname</label>
									<div>
										<input type="text" class="form-control" id="kp-name" />
									</div>
								</div>
								<div class="form-group">
									<label for="kp-tel" class="col-form-label">Telefon</label>
									<div>
										<input type="text" class="form-control" id="kp-tel" />
									</div>
								</div>
								<div class="form-group">
									<label for="kp-email" class="col-form-label">E-Mail</label>
									<div>
										<input type="email" class="form-control" id="kp-email" />
									</div>
								</div>

							</fieldset>

							<fieldset class="job-publication--horizontal">
								<legend>Bewerbungsformen</legend>

								<div class="checkbox">
									<input id="written" type="checkbox" />
									<label for="written">
										Schriftliche Bewerbung
									</label>
								</div>

								<div class="checkbox">
									<input id="electronic" type="checkbox" />
									<label for="electronic">
										Elektronische Bewerbung
									</label>
								</div>

								<div class="form-group">
									<label for="app-email" class="col-form-label">E-Mail</label>
									<div>
										<input type="email" class="form-control" id="app-email" />
									</div>
								</div>
								<div class="form-group">
									<label for="app-form" class="col-form-label">Online-Formular</label>
									<div>
										<input type="text" class="form-control" id="app-form" />
									</div>
								</div>

								<div class="checkbox">
									<input id="phone" type="checkbox" />
									<label for="phone">
										Telefonische Bewerbung
									</label>
								</div>
								<div class="form-group">
									<label for="app-phone" class="col-form-label">Telefon</label>
									<div>
										<input type="text" class="form-control" id="app-phone" />
									</div>
								</div>

								<div class="form-group">
									<label for="app-text">Ergänzende Angaben</label>
									<div>
										<textarea class="form-control" id="app-text" rows="5" placeholder="max. 240 Characters" aria-describedby="maxChar2"></textarea>
										<small id="maxChar2" class="form-text text-muted">
											240 characters available
										</small>
									</div>
								</div>
							</fieldset>

							<fieldset class="job-publication--horizontal">
								<legend>Publikationsmedien</legend>

								<div class="checkbox">
									<input id="jr" type="checkbox" />
									<label for="jr">
										Job-Room <a href="http://www.job-room.ch" target="_blank">Job-Room Webseite</a>
									</label>
								</div>

								<div class="checkbox">
									<input id="eu" type="checkbox" />
									<label for="eu">
										EURES <a href="http://www.eures.ch" target="_blank">EURES Portal</a>
									</label>
								</div>
							</fieldset>

							<hr />

							<fieldset class="job-publication--horizontal">
								<div class="checkbox">
									<input id="first" type="checkbox" />
									<label for="first">
										Ich bestätige, dass der Arbeitgeber die orts- und branchenüblichen Lohn- und Arbeitsbedingungen einhält.
									</label>
								</div>
							</fieldset>

							<div class="job-publication--horizontal__actions">
								<div class="form__actions">
									<button class="btn btn-primary btn-lg">Job publizieren</button>
									<button class="btn btn-secondary btn-lg">Zurücksetzen</button>
								</div>
							</div>
						</div>
						<div class="job-publication__radar">
							<div class="candidate-radar d-none d-md-inline-block">
								<!--
								<button type="button" class="close" aria-label="Close">
									<span aria-hidden="true">&times;</span>
								</button>
								-->

								Diesem Job-Profil enstprechen bereits<br />
								<span class="badge badge-radar">1'644</span><br /> Stellensuchenden
								<a href="job-room/candidate-result-list.html">Jetzt anzeigen!</a>
							</div>
						</div>
					</div>
				</div>
				<div class="tab-pane" id="job-publication-left" role="tabpanel">
					<fieldset class="job-publication">
						<legend>Stellenbeschreibung</legend>

						<div class="form-group">
							<label for="job-title" class="col-form-label">Stellenbezeichnung</label>
							<div>
								<input type="text" class="form-control" placeholder="z.B. Maurer" id="job-title" />
							</div>
						</div>
						<div class="form-group">
							<label for="occupation" class="col-form-label">Beruf</label>
							<div>
								<input type="text" class="form-control" id="occupation" />
							</div>
						</div>
						<div class="form-group">
							<label for="education" class="col-form-label">Ausbildung <span class="optional">Optional</span></label>
							<div>
								<select class="form-control custom-select" id="education">
									<option selected>keine Auswahl</option>
									<option value="1">One</option>
									<option value="2">Two</option>
									<option value="3">Three</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label for="exp" class="col-form-label">Berufserfahrung <span class="optional">Optional</span></label>
							<div>
								<select class="form-control custom-select" id="exp">
									<option selected>keine Auswahl</option>
									<option value="1">One</option>
									<option value="2">Two</option>
									<option value="3">Three</option>
								</select>
							</div>
						</div>
						<div class="form-group">
							<label for="description">Tätigkeit /Anforderungen</label>
							<div>
								<textarea class="form-control" id="description" rows="5" placeholder="max. 9000 Characters" aria-describedby="maxChar"></textarea>
								<small id="maxChar" class="form-text text-muted">
									9000 characters available
								</small>
							</div>
						</div>

						<div class="form-group">
							<label for="workload-to" class="col-form-label">Arbeitspensum</label>
							<div class="form-group__inline">
								<select class="form-control custom-select" id="workload-from">
									<option selected>0 %</option>
									<option value="1">One</option>
									<option value="2">Two</option>
									<option value="3">Three</option>
								</select>
								<select class="form-control custom-select" id="workload-to">
									<option selected>100%</option>
									<option value="1">One</option>
									<option value="2">Two</option>
									<option value="3">Three</option>
								</select>
							</div>
						</div>

						<div class="form-group">
							<label class="col-form-label">Stellenantritt</label>
							<!-- todo all widht 33% -->
							<div class="form-group__inline">
								<div class="radio">
									<input type="radio" name="optionsRadios" id="optionsRadios4" value="option4" checked="checked" />
									<label for="optionsRadios4">
										ab Sofort
									</label>
								</div>

								<div class="radio">
									<input type="radio" name="optionsRadios" id="optionsRadios5" value="option5" />
									<label for="optionsRadios5">
										nach Vereinbarung
									</label>
								</div>

								<div class="form-group">
									<label for="stellenantritt-date" class="sr-only">Stellenantritt ab Datum</label>
									<div>
										<input type="date" class="form-control" id="stellenantritt-date" />
									</div>
								</div>
							</div>
						</div>

						<div class="form-group">
							<label class="col-form-label">Anstellungsdauer</label>
							<!-- todo all widht 33% -->
							<div class="form-group__inline">
								<div class="radio">
									<input type="radio" name="optionsRadios2" id="optionsRadios6" value="option6" checked="checked" />
									<label for="optionsRadios6">
										unbefristet
									</label>
								</div>

								<div class="radio">
									<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option7" />
									<label for="optionsRadios7">
										befristet bis
									</label>
								</div>

								<div class="form-group">
									<label for="anstellungsdauer-date" class="sr-only">Anstellungsdauer befristet bis Datum</label>
									<div>
										<input type="date" class="form-control" id="anstellungsdauer-date" />
									</div>
								</div>
							</div>
						</div>

						<div class="form-group">
							<label for="driving-lic" class="col-form-label">Führerausweis <span class="optional">Optional</span></label>
							<div>
								<select class="form-control custom-select" id="driving-lic">
									<option selected>keine Auswahl</option>
									<option value="1">One</option>
									<option value="2">Two</option>
									<option value="3">Three</option>
								</select>
							</div>
						</div>

						<div class="form-group">
							<label for="lang" class="col-form-label">Sprachkenntnisse <span class="optional">Optional</span></label>
							<div>
								<select class="form-control custom-select" id="lang">
									<option selected>keine Auswahl</option>
									<option value="1">One</option>
									<option value="2">Two</option>
									<option value="3">Three</option>
								</select>
							</div>
						</div>
					</fieldset>

					<fieldset class="job-publication">
						<legend>Arbeitsort</legend>

						<div class="form-group">
							<label for="country" class="col-form-label">Land</label>
							<div>
								<select class="form-control custom-select" id="country">
									<option value="CH" selected>Schweiz</option>
									<option value="1">One</option>
									<option value="2">Two</option>
									<option value="3">Three</option>
								</select>
							</div>
						</div>

						<div class="form-group">
							<label for="place" class="col-form-label">PLZ / Ort</label>
							<div>
								<input type="text" class="form-control" id="place" />
							</div>
						</div>

						<div class="form-group">
							<label for="add-text" class="col-form-label">Zusatztext <span class="optional">Optional</span></label>
							<div>
								<input type="text" class="form-control" id="add-text" />
							</div>
						</div>
					</fieldset>

					<fieldset class="job-publication">
						<legend>Unternehmen</legend>

						<div class="form-group">
							<label for="unt-name" class="col-form-label">Unternehmen</label>
							<div>
								<input type="text" class="form-control" id="unt-name" />
							</div>
						</div>
						<div class="form-group">
							<label for="unt-street" class="col-form-label">Strasse</label>
							<div>
								<input type="text" class="form-control" id="unt-street" />
							</div>
						</div>
						<div class="form-group">
							<label for="unt-zip" class="col-form-label">PLZ / Ort</label>
							<div>
								<input type="text" class="form-control" id="unt-zip" />
							</div>
						</div>
						<div class="form-group">
							<label for="unt-pobox" class="col-form-label">Postfach-Nr. <span class="optional">Optional</span></label>
							<div>
								<input type="text" class="form-control" id="unt-pobox" />
							</div>
						</div>
						<div class="form-group">
							<label for="unt-pobox-zip" class="col-form-label">Postfach PLZ / Ort <span class="optional">Optional</span></label>
							<div>
								<input type="text" class="form-control" id="unt-pobox-zip" />
							</div>
						</div>
						<div class="form-group">
							<label for="unt-country" class="col-form-label">Land</label>
							<div>
								<select class="form-control custom-select" id="unt-country">
									<option value="CH" selected>Schweiz</option>
									<option value="1">One</option>
									<option value="2">Two</option>
									<option value="3">Three</option>
								</select>
							</div>
						</div>
					</fieldset>

					<fieldset class="job-publication">
						<legend>Kontaktperson</legend>

						<div class="form-group">
							<label for="kp-anrede" class="col-form-label">Anrede</label>
							<div>
								<select class="form-control custom-select" id="kp-anrede">
									<option selected>keine Auswahl</option>
									<option value="1">One</option>
									<option value="2">Two</option>
									<option value="3">Three</option>
								</select>
							</div>
						</div>

						<div class="form-group">
							<label for="kp-vorname" class="col-form-label">Vorname</label>
							<div>
								<input type="text" class="form-control" id="kp-vorname" />
							</div>
						</div>
						<div class="form-group">
							<label for="kp-name" class="col-form-label">Nachname</label>
							<div>
								<input type="text" class="form-control" id="kp-name" />
							</div>
						</div>
						<div class="form-group">
							<label for="kp-tel" class="col-form-label">Telefon</label>
							<div>
								<input type="text" class="form-control" id="kp-tel" />
							</div>
						</div>
						<div class="form-group">
							<label for="kp-email" class="col-form-label">E-Mail</label>
							<div>
								<input type="email" class="form-control" id="kp-email" />
							</div>
						</div>

					</fieldset>

					<fieldset class="job-publication">
						<legend>Bewerbungsformen</legend>

						<div class="checkbox">
							<input id="written" type="checkbox" />
							<label for="written">
								Schriftliche Bewerbung
							</label>
						</div>

						<div class="checkbox">
							<input id="electronic" type="checkbox" />
							<label for="electronic">
								Elektronische Bewerbung
							</label>
						</div>

						<div class="form-group">
							<label for="app-email" class="col-form-label">E-Mail</label>
							<div>
								<input type="email" class="form-control" id="app-email" />
							</div>
						</div>
						<div class="form-group">
							<label for="app-form" class="col-form-label">Online-Formular</label>
							<div>
								<input type="text" class="form-control" id="app-form" />
							</div>
						</div>

						<div class="checkbox">
							<input id="phone" type="checkbox" />
							<label for="phone">
								Telefonische Bewerbung
							</label>
						</div>
						<div class="form-group">
							<label for="app-phone" class="col-form-label">Telefon</label>
							<div>
								<input type="text" class="form-control" id="app-phone" />
							</div>
						</div>

						<div class="form-group">
							<label for="app-text">Ergänzende Angaben</label>
							<div>
								<textarea class="form-control" id="app-text" rows="5" placeholder="max. 240 Characters" aria-describedby="maxChar2"></textarea>
								<small id="maxChar2" class="form-text text-muted">
									240 characters available
								</small>
							</div>
						</div>
					</fieldset>

					<fieldset class="job-publication">
						<legend>Publikationsmedien</legend>

						<div class="checkbox">
							<input id="jr" type="checkbox" />
							<label for="jr">
								<a href="http://www.job-room.ch" target="_blank">Job-Room</a>
							</label>
						</div>

						<div class="checkbox">
							<input id="eu" type="checkbox" />
							<label for="eu">
								<a href="http://www.eures.ch" target="_blank">EURES</a>
							</label>
						</div>
					</fieldset>

					<hr />

					<fieldset class="job-publication">
						<div class="checkbox">
							<input id="first" type="checkbox" />
							<label for="first">
								Ich bestätige, dass der Arbeitgeber die orts- und branchenüblichen Lohn- und Arbeitsbedingungen einhält.
							</label>
						</div>
					</fieldset>

					<div class="job-publication__actions">
						<div class="form__actions">
							<button class="btn btn-primary">Job publizieren</button>
							<button class="btn btn-secondary">Zurücksetzen</button>
						</div>
					</div>
					<div class="candidate-radar d-none d-md-inline-block">
						<!--
						<button type="button" class="close" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
						-->

						Diesem Job-Profil enstprechen bereits<br />
						<span class="badge badge-radar">1'644</span><br /> Stellensuchenden
						<a href="job-room/candidate-result-list.html">Jetzt anzeigen!</a>
					</div>
				</div>
			</div>
		</div>


	</div>
</div>

<div class="candidate-radar d-none d-md-inline-block">
	<!--
	<button type="button" class="close" aria-label="Close">
		<span aria-hidden="true">&times;</span>
	</button>
	-->

	Diesem Job-Profil enstprechen bereits<br />
	<span class="badge badge-radar">1'644</span><br /> Stellensuchenden
	<a href="job-room/candidate-result-list.html">Jetzt anzeigen!</a>
</div>

<div class="form-group">
	<label for="example-text-input" class="sr-only">Ich suche eine/n</label>
	<div>
		<input class="form-control" type="text" id="example-text-input" placeholder="Berufsbezeichung, Kenntnisse, Skills" />
	</div>
</div>

<div class="form-group">
	<label for="cs-3" class="sr-only">Wohnort</label>
	<div>
		<input class="form-control" type="text" id="cs-3" placeholder="Wohnort" />
	</div>
</div>

<div class="form-group">
	<label for="cs-8" class="sr-only">Abschluss</label>
	<div>
		<select class="form-control custom-select" id="cs-8">
				<option selected>Abschluss auswählen</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
	</div>
</div>

<ul class="pagination pagination--block pagination-alv  d-none d-md-flex">
	<li class="page-item">
		<a class="page-link" href="#" tabindex="-1"><i class="fa fa-chevron-left" aria-hidden="true"></i> Zurück</a>
	</li>
	<li class="page-item">
		<a class="page-link" href="#">Weiter <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
	</li>
</ul>

<ul class="pagination pagination--block pagination-alv d-none d-md-flex">
	<li class="page-item disabled">
		<a class="page-link" href="#" tabindex="-1"><i class="fa fa-chevron-left" aria-hidden="true"></i> Zurück</a>
	</li>
	<li class="page-item">
		<a class="page-link" href="#">Weiter <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
	</li>
</ul>

<!-- filter -->
<div class="sticked sticked--top">
	<div class="job-search__filter d-none d-md-block">
		<p class="filter__title text--line-height--h3">Suchergebnisse filtern</p>

		<div class="form-group">
			<label for="sort" class="sr-only">Sortierung</label>
			<select class="form-control form-control-sm custom-select" id="sort">
				<option selected>Sortiere nach Datum</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
		</div>

		<div class="form-group">
			<label for="unternehmen" class="small">Name des Unternehmen</label>
			<input type="text" class="form-control form-control-sm" id="unternehmen" placeholder="Name des Unternehmen">
		</div>

		<div class="form-group">
			<label for="Anstellungsdauer" class="small">Anstellungsdauer</label>
			<select class="form-control form-control-sm custom-select" id="Anstellungsdauer">
				<option selected>egal</option>
				<option value="1">unbefristet</option>
				<option value="2">befristet</option>
			</select>
		</div>

		<div class="form-group">
			<label for="workload-to" class="small">Arbeitspensum</label>
			<div class="form-group__inline sm-inline">
				<select class="form-control form-control-sm custom-select" id="workload-from">
					<option selected>0 %</option>
					<option value="1">One</option>
					<option value="2">Two</option>
					<option value="3">Three</option>
				</select>
				<select class="form-control form-control-sm custom-select" id="workload-to">
					<option selected>100%</option>
					<option value="1">One</option>
					<option value="2">Two</option>
					<option value="3">Three</option>
				</select>
			</div>
		</div>

		<div class="form-group range-slider">
			<label for="online_since" class="small">Online seit</label>
			<input class="range-slider__range" min="1" max="60" step="1" value="20" type="range" id="online_since" />
			<span class="range-slider__value range-slider__value--unit small" data-unit="Tage(n)">0</span>
		</div>
	</div>

	<ul class="nav filter-nav flex-column d-none d-md-block">
		<li class="nav-item">
			<a class="nav-link" href="#"><i class="fa fa-bell-o" aria-hidden="true"></i> Job-Alert erstellen</a>
		</li>
		<li class="nav-item">
			<a class="nav-link" href="#"><i class="fa fa-star-o" aria-hidden="true"></i> Suche speichern</a>
		</li>
		<li class="nav-item">
			<a class="nav-link" href="#"><i class="fa fa-search" aria-hidden="true"></i> Gemerkte Jobs anzeigen</a>
		</li>
	</ul>
	<ul class="nav subnavbar-nav filter-nav md-whiteframe-1dp d-none d-md-block">
		<li class="nav-title">
			Job-Alternativen
		</li>
		<li class="nav-item">
			<a class="nav-link" href="#">Webdesigner m/w</a>
		</li>
		<li class="nav-item">
			<a class="nav-link" href="#">Mediamatiker m/w</a>
		</li>
		<li class="nav-item">
			<a class="nav-link" href="#">Interaction- / Screendesigner m/w</a>
		</li>
	</ul>

	<ul class="nav subnavbar-nav filter-nav md-whiteframe-1dp  d-none d-md-block">
		<li class="nav-title">
			Erweitern Sie den Suchradius
		</li>
		<li class="nav-item">
			<a class="nav-link" href="#">17 Jobs + 50 km</a>
		</li>
		<li class="nav-item">
			<a class="nav-link" href="#">33 Jobs + 100 km</a>
		</li>
		<li class="nav-item">
			<a class="nav-link" href="#">54 Jobs + 150 km</a>
		</li>
	</ul>
</div>
<!-- /filter -->

<ul class="nav filter-nav flex-column d-none d-md-block">
	<li class="nav-item">
		<a class="nav-link" href="#"><i class="fa fa-bell-o" aria-hidden="true"></i> Job-Alert erstellen</a>
	</li>
	<li class="nav-item">
		<a class="nav-link" href="#"><i class="fa fa-star-o" aria-hidden="true"></i> Suche speichern</a>
	</li>
	<li class="nav-item">
		<a class="nav-link" href="#"><i class="fa fa-search" aria-hidden="true"></i> Gemerkte Jobs anzeigen</a>
	</li>
</ul>

<p class="filter__title text--line-height--h3">Suchergebnisse filtern</p>

<div class="form-group">
	<label for="sort" class="sr-only">Sortierung</label>
	<select class="form-control form-control-sm custom-select" id="sort">
		<option selected>Sortiere nach Datum</option>
		<option value="1">One</option>
		<option value="2">Two</option>
		<option value="3">Three</option>
	</select>
</div>

<div class="form-group">
	<label for="unternehmen" class="small">Name des Unternehmen</label>
	<input type="text" class="form-control form-control-sm" id="unternehmen" placeholder="Name des Unternehmen">
</div>

<div class="form-group">
	<label for="Anstellungsdauer" class="small">Anstellungsdauer</label>
	<select class="form-control form-control-sm custom-select" id="Anstellungsdauer">
		<option selected>egal</option>
		<option value="1">unbefristet</option>
		<option value="2">befristet</option>
	</select>
</div>

<div class="form-group">
	<label for="workload-to" class="small">Arbeitspensum</label>
	<div class="form-group__inline sm-inline">
		<select class="form-control form-control-sm custom-select" id="workload-from">
			<option selected>0 %</option>
			<option value="1">One</option>
			<option value="2">Two</option>
			<option value="3">Three</option>
		</select>
		<select class="form-control form-control-sm custom-select" id="workload-to">
			<option selected>100%</option>
			<option value="1">One</option>
			<option value="2">Two</option>
			<option value="3">Three</option>
		</select>
	</div>
</div>

<div class="form-group range-slider">
	<label for="online_since" class="small">Online seit</label>
	<input class="range-slider__range" min="1" max="60" step="1" value="20" type="range" id="online_since" />
	<span class="range-slider__value range-slider__value--unit small" data-unit="Tage(n)">0</span>
</div>

<div class="row">
	<div class="col-sm-12 col-md-10 col-xxl-8">
		<div class="content--job-search">
			<h1 class="tool__heading">Finden Sie jetzt Ihren Traumjob!</h1>

			<div class="d-flex flex-row">
				<div class="job-search__form">
					<form>
						<div class="form-group form-group--wide">
							<label for="formGroupExampleInput" class="sr-only">Berufsbezeichnung, Berufsgruppe, Fähigkeiten</label>
							<input type="text" class="form-control form-control-lg" id="formGroupExampleInput" placeholder="Berufsbezeichnung, Berufsgruppe, Fähigkeiten" />
						</div>
						<div class="form-group form-group--wide form-group--icon">
							<label for="basic-addon2" class="sr-only">Ort, Region, Kanton</label>
							<input type="text" class="form-control form-control-lg" placeholder="Ort, Region, Kanton" id="basic-addon2" />
							<!-- todo refine -->
							<a href="#" class="fa-stack form-control--icon">
							  <i class="fa fa-circle fa-stack-2x"></i>
							  <i class="fa fa-map-marker fa-stack-1x fa-inverse"></i>
							</a>
						</div>

						<div class="form-group range-slider">
							<label for="radius" class="sr-only">Radius</label>
							<input class="range-slider__range" min="5" max="150" step="5" value="20" type="range" id="radius" />
							<span class="range-slider__value range-slider__value--unit" data-unit="km">0</span>
						</div>
						<a class="btn btn-primary btn-lg btn-block" href="job-room/job-result-list.html">Traumjob finden!</a>
					</form>
				</div>

				<div class="job-search__radar">
					<div class="job-radar d-none d-md-inline-block">
						Diesem Job-Profil entsprechen bereits<br />
						<span class="badge badge-radar">1'644</span><br /> Jobs
						<a href="job-room/job-result-list.html">Jetzt anzeigen!</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<fieldset class="job-publication--horizontal">
	<legend>Stellenbeschreibung</legend>

	<div class="form-group">
		<label for="job-title" class="col-form-label">Stellenbezeichnung</label>
		<div>
			<input type="text" class="form-control" id="job-title" />
		</div>
	</div>
	<div class="form-group">
		<label for="occupation" class="col-form-label">Beruf</label>
		<div>
			<input type="text" class="form-control" id="occupation" placeholder="z.B. Maurer" />
		</div>
	</div>
	<div class="form-group">
		<label for="education" class="col-form-label">Ausbildung <span class="optional">Optional</span></label>
		<div>
			<select class="form-control custom-select" id="education">
				<option selected>keine Auswahl</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
		</div>
	</div>
	<div class="form-group">
		<label for="exp" class="col-form-label">Berufserfahrung <span class="optional">Optional</span></label>
		<div>
			<select class="form-control custom-select" id="exp">
				<option selected>keine Auswahl</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
		</div>
	</div>
	<div class="form-group">
		<label for="description">Tätigkeit /Anforderungen</label>
		<div>
			<textarea class="form-control" id="description" rows="5" placeholder="max. 9000 Characters" aria-describedby="maxChar"></textarea>
			<small id="maxChar" class="form-text text-muted">
				9000 characters available
			</small>
		</div>
	</div>

	<div class="form-group">
		<label for="workload-to" class="col-form-label">Arbeitspensum</label>
		<div class="form-group__inline sm-inline">
			<select class="form-control custom-select" id="workload-from">
				<option selected>0 %</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
			<select class="form-control custom-select" id="workload-to">
				<option selected>100%</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
		</div>
	</div>

	<div class="form-group">
		<label class="col-form-label">Stellenantritt</label>
		<div class="form-group__inline">
			<div class="radio col-form-label">
				<input type="radio" name="optionsRadios" id="optionsRadios4" value="option4" />
				<label for="optionsRadios4">
					ab Sofort
				</label>
			</div>

			<div class="radio col-form-label">
				<input type="radio" name="optionsRadios" id="optionsRadios5" value="option5" />
				<label for="optionsRadios5">
					nach Vereinbarung
				</label>
			</div>

			<div class="form-group">
				<label for="stellenantritt-date" class="sr-only">Stellenantritt ab Datum</label>
				<div>
					<input type="date" class="form-control" id="stellenantritt-date" />
				</div>
			</div>
		</div>
	</div>

	<div class="form-group">
		<label class="col-form-label">Anstellungsdauer</label>
		<div class="form-group__inline">
			<div class="radio col-form-label">
				<input type="radio" name="optionsRadios2" id="optionsRadios6" value="option6" checked="checked" />
				<label for="optionsRadios6">
					unbefristet
				</label>
			</div>

			<div class="radio col-form-label">
				<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option7" />
				<label for="optionsRadios7">
					befristet bis
				</label>
			</div>

			<div class="form-group">
				<label for="anstellungsdauer-date" class="sr-only">Anstellungsdauer befristet bis Datum</label>
				<div>
					<input type="date" class="form-control" id="anstellungsdauer-date" />
				</div>
			</div>
		</div>
	</div>

	<div class="form-group">
		<label for="driving-lic" class="col-form-label">Führerausweis <span class="optional">Optional</span></label>
		<div>
			<select class="form-control custom-select" id="driving-lic">
				<option selected>keine Auswahl</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
		</div>
	</div>

	<div class="form-group">
		<label for="lang" class="col-form-label">Sprachkenntnisse <span class="optional">Optional</span></label>
		<div>
			<select class="form-control custom-select" id="lang">
				<option selected>keine Auswahl</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
		</div>
	</div>
</fieldset>

<fieldset class="job-publication--horizontal">
	<legend>Arbeitsort</legend>

	<div class="form-group">
		<label for="country" class="col-form-label">Land</label>
		<div>
			<select class="form-control custom-select" id="country">
				<option value="CH" selected>Schweiz</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
		</div>
	</div>

	<div class="form-group">
		<label for="place" class="col-form-label">PLZ / Ort</label>
		<div>
			<input type="text" class="form-control" id="place" />
		</div>
	</div>

	<div class="form-group">
		<label for="add-text" class="col-form-label">Zusatztext <span class="optional">Optional</span></label>
		<div>
			<input type="text" class="form-control" id="add-text" />
		</div>
	</div>
</fieldset>

<fieldset class="job-publication--horizontal">
	<legend>Unternehmen</legend>

	<div class="form-group">
		<label for="unt-name" class="col-form-label">Unternehmen</label>
		<div>
			<input type="text" class="form-control" id="unt-name" />
		</div>
	</div>
	<div class="form-group">
		<label for="unt-street" class="col-form-label">Strasse</label>
		<div>
			<input type="text" class="form-control" id="unt-street" />
		</div>
	</div>
	<div class="form-group">
		<label for="unt-zip" class="col-form-label">PLZ / Ort</label>
		<div>
			<input type="text" class="form-control" id="unt-zip" />
		</div>
	</div>
	<div class="form-group">
		<label for="unt-pobox" class="col-form-label">Postfach-Nr. <span class="optional">Optional</span></label>
		<div>
			<input type="text" class="form-control" id="unt-pobox" />
		</div>
	</div>
	<div class="form-group">
		<label for="unt-pobox-zip" class="col-form-label">Postfach PLZ / Ort <span class="optional">Optional</span></label>
		<div>
			<input type="text" class="form-control" id="unt-pobox-zip" />
		</div>
	</div>
	<div class="form-group">
		<label for="unt-country" class="col-form-label">Land</label>
		<div>
			<select class="form-control custom-select" id="unt-country">
				<option value="CH" selected>Schweiz</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
		</div>
	</div>
</fieldset>

<fieldset class="job-publication--horizontal">
	<legend>Kontaktperson</legend>

	<div class="form-group">
		<label for="kp-anrede" class="col-form-label">Anrede</label>
		<div>
			<select class="form-control custom-select" id="kp-anrede">
				<option selected>keine Auswahl</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
		</div>
	</div>

	<div class="form-group">
		<label for="kp-vorname" class="col-form-label">Vorname</label>
		<div>
			<input type="text" class="form-control" id="kp-vorname" />
		</div>
	</div>
	<div class="form-group">
		<label for="kp-name" class="col-form-label">Nachname</label>
		<div>
			<input type="text" class="form-control" id="kp-name" />
		</div>
	</div>
	<div class="form-group">
		<label for="kp-tel" class="col-form-label">Telefon</label>
		<div>
			<input type="text" class="form-control" id="kp-tel" />
		</div>
	</div>
	<div class="form-group">
		<label for="kp-email" class="col-form-label">E-Mail</label>
		<div>
			<input type="email" class="form-control" id="kp-email" />
		</div>
	</div>

</fieldset>

<fieldset class="job-publication--horizontal">
	<legend>Bewerbungsformen</legend>

	<div class="checkbox">
		<input id="written" type="checkbox" />
		<label for="written">
			Schriftliche Bewerbung
		</label>
	</div>

	<div class="checkbox">
		<input id="electronic" type="checkbox" />
		<label for="electronic">
			Elektronische Bewerbung
		</label>
	</div>

	<div class="form-group">
		<label for="app-email" class="col-form-label">E-Mail</label>
		<div>
			<input type="email" class="form-control" id="app-email" />
		</div>
	</div>
	<div class="form-group">
		<label for="app-form" class="col-form-label">Online-Formular</label>
		<div>
			<input type="text" class="form-control" id="app-form" />
		</div>
	</div>

	<div class="checkbox">
		<input id="phone" type="checkbox" />
		<label for="phone">
			Telefonische Bewerbung
		</label>
	</div>
	<div class="form-group">
		<label for="app-phone" class="col-form-label">Telefon</label>
		<div>
			<input type="text" class="form-control" id="app-phone" />
		</div>
	</div>

	<div class="form-group">
		<label for="app-text">Ergänzende Angaben</label>
		<div>
			<textarea class="form-control" id="app-text" rows="5" placeholder="max. 240 Characters" aria-describedby="maxChar2"></textarea>
			<small id="maxChar2" class="form-text text-muted">
				240 characters available
			</small>
		</div>
	</div>
</fieldset>

<fieldset class="job-publication--horizontal">
	<legend>Publikationsmedien</legend>

	<div class="checkbox">
		<input id="jr" type="checkbox" />
		<label for="jr">
			Job-Room <a href="http://www.job-room.ch" target="_blank">Job-Room Webseite</a>
		</label>
	</div>

	<div class="checkbox">
		<input id="eu" type="checkbox" />
		<label for="eu">
			EURES <a href="http://www.eures.ch" target="_blank">EURES Portal</a>
		</label>
	</div>
</fieldset>

<hr />

<fieldset class="job-publication--horizontal">
	<div class="checkbox">
		<input id="first" type="checkbox" />
		<label for="first">
			Ich bestätige, dass der Arbeitgeber die orts- und branchenüblichen Lohn- und Arbeitsbedingungen einhält.
		</label>
	</div>
</fieldset>

<div class="job-publication--horizontal__actions">
	<div class="form__actions">
		<button class="btn btn-primary btn-lg">Job publizieren</button>
		<button class="btn btn-secondary btn-lg">Zurücksetzen</button>
	</div>
</div>

<fieldset class="job-publication">
	<legend>Stellenbeschreibung</legend>

	<div class="form-group">
		<label for="job-title" class="col-form-label">Stellenbezeichnung</label>
		<div>
			<input type="text" class="form-control" placeholder="z.B. Maurer" id="job-title" />
		</div>
	</div>
	<div class="form-group">
		<label for="occupation" class="col-form-label">Beruf</label>
		<div>
			<input type="text" class="form-control" id="occupation" />
		</div>
	</div>
	<div class="form-group">
		<label for="education" class="col-form-label">Ausbildung <span class="optional">Optional</span></label>
		<div>
			<select class="form-control custom-select" id="education">
				<option selected>keine Auswahl</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
		</div>
	</div>
	<div class="form-group">
		<label for="exp" class="col-form-label">Berufserfahrung <span class="optional">Optional</span></label>
		<div>
			<select class="form-control custom-select" id="exp">
				<option selected>keine Auswahl</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
		</div>
	</div>
	<div class="form-group">
		<label for="description">Tätigkeit /Anforderungen</label>
		<div>
			<textarea class="form-control" id="description" rows="5" placeholder="max. 9000 Characters" aria-describedby="maxChar"></textarea>
			<small id="maxChar" class="form-text text-muted">
				9000 characters available
			</small>
		</div>
	</div>

	<div class="form-group">
		<label for="workload-to" class="col-form-label">Arbeitspensum</label>
		<div class="form-group__inline">
			<select class="form-control custom-select" id="workload-from">
				<option selected>0 %</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
			<select class="form-control custom-select" id="workload-to">
				<option selected>100%</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
		</div>
	</div>

	<div class="form-group">
		<label class="col-form-label">Stellenantritt</label>
		<!-- todo all widht 33% -->
		<div class="form-group__inline">
			<div class="radio">
				<input type="radio" name="optionsRadios" id="optionsRadios4" value="option4" checked="checked" />
				<label for="optionsRadios4">
					ab Sofort
				</label>
			</div>

			<div class="radio">
				<input type="radio" name="optionsRadios" id="optionsRadios5" value="option5" />
				<label for="optionsRadios5">
					nach Vereinbarung
				</label>
			</div>

			<div class="form-group">
				<label for="stellenantritt-date" class="sr-only">Stellenantritt ab Datum</label>
				<div>
					<input type="date" class="form-control" id="stellenantritt-date" />
				</div>
			</div>
		</div>
	</div>

	<div class="form-group">
		<label class="col-form-label">Anstellungsdauer</label>
		<!-- todo all widht 33% -->
		<div class="form-group__inline">
			<div class="radio">
				<input type="radio" name="optionsRadios2" id="optionsRadios6" value="option6" checked="checked" />
				<label for="optionsRadios6">
					unbefristet
				</label>
			</div>

			<div class="radio">
				<input type="radio" name="optionsRadios2" id="optionsRadios7" value="option7" />
				<label for="optionsRadios7">
					befristet bis
				</label>
			</div>

			<div class="form-group">
				<label for="anstellungsdauer-date" class="sr-only">Anstellungsdauer befristet bis Datum</label>
				<div>
					<input type="date" class="form-control" id="anstellungsdauer-date" />
				</div>
			</div>
		</div>
	</div>

	<div class="form-group">
		<label for="driving-lic" class="col-form-label">Führerausweis <span class="optional">Optional</span></label>
		<div>
			<select class="form-control custom-select" id="driving-lic">
				<option selected>keine Auswahl</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
		</div>
	</div>

	<div class="form-group">
		<label for="lang" class="col-form-label">Sprachkenntnisse <span class="optional">Optional</span></label>
		<div>
			<select class="form-control custom-select" id="lang">
				<option selected>keine Auswahl</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
		</div>
	</div>
</fieldset>

<fieldset class="job-publication">
	<legend>Arbeitsort</legend>

	<div class="form-group">
		<label for="country" class="col-form-label">Land</label>
		<div>
			<select class="form-control custom-select" id="country">
				<option value="CH" selected>Schweiz</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
		</div>
	</div>

	<div class="form-group">
		<label for="place" class="col-form-label">PLZ / Ort</label>
		<div>
			<input type="text" class="form-control" id="place" />
		</div>
	</div>

	<div class="form-group">
		<label for="add-text" class="col-form-label">Zusatztext <span class="optional">Optional</span></label>
		<div>
			<input type="text" class="form-control" id="add-text" />
		</div>
	</div>
</fieldset>

<fieldset class="job-publication">
	<legend>Unternehmen</legend>

	<div class="form-group">
		<label for="unt-name" class="col-form-label">Unternehmen</label>
		<div>
			<input type="text" class="form-control" id="unt-name" />
		</div>
	</div>
	<div class="form-group">
		<label for="unt-street" class="col-form-label">Strasse</label>
		<div>
			<input type="text" class="form-control" id="unt-street" />
		</div>
	</div>
	<div class="form-group">
		<label for="unt-zip" class="col-form-label">PLZ / Ort</label>
		<div>
			<input type="text" class="form-control" id="unt-zip" />
		</div>
	</div>
	<div class="form-group">
		<label for="unt-pobox" class="col-form-label">Postfach-Nr. <span class="optional">Optional</span></label>
		<div>
			<input type="text" class="form-control" id="unt-pobox" />
		</div>
	</div>
	<div class="form-group">
		<label for="unt-pobox-zip" class="col-form-label">Postfach PLZ / Ort <span class="optional">Optional</span></label>
		<div>
			<input type="text" class="form-control" id="unt-pobox-zip" />
		</div>
	</div>
	<div class="form-group">
		<label for="unt-country" class="col-form-label">Land</label>
		<div>
			<select class="form-control custom-select" id="unt-country">
				<option value="CH" selected>Schweiz</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
		</div>
	</div>
</fieldset>

<fieldset class="job-publication">
	<legend>Kontaktperson</legend>

	<div class="form-group">
		<label for="kp-anrede" class="col-form-label">Anrede</label>
		<div>
			<select class="form-control custom-select" id="kp-anrede">
				<option selected>keine Auswahl</option>
				<option value="1">One</option>
				<option value="2">Two</option>
				<option value="3">Three</option>
			</select>
		</div>
	</div>

	<div class="form-group">
		<label for="kp-vorname" class="col-form-label">Vorname</label>
		<div>
			<input type="text" class="form-control" id="kp-vorname" />
		</div>
	</div>
	<div class="form-group">
		<label for="kp-name" class="col-form-label">Nachname</label>
		<div>
			<input type="text" class="form-control" id="kp-name" />
		</div>
	</div>
	<div class="form-group">
		<label for="kp-tel" class="col-form-label">Telefon</label>
		<div>
			<input type="text" class="form-control" id="kp-tel" />
		</div>
	</div>
	<div class="form-group">
		<label for="kp-email" class="col-form-label">E-Mail</label>
		<div>
			<input type="email" class="form-control" id="kp-email" />
		</div>
	</div>

</fieldset>

<fieldset class="job-publication">
	<legend>Bewerbungsformen</legend>

	<div class="checkbox">
		<input id="written" type="checkbox" />
		<label for="written">
			Schriftliche Bewerbung
		</label>
	</div>

	<div class="checkbox">
		<input id="electronic" type="checkbox" />
		<label for="electronic">
			Elektronische Bewerbung
		</label>
	</div>

	<div class="form-group">
		<label for="app-email" class="col-form-label">E-Mail</label>
		<div>
			<input type="email" class="form-control" id="app-email" />
		</div>
	</div>
	<div class="form-group">
		<label for="app-form" class="col-form-label">Online-Formular</label>
		<div>
			<input type="text" class="form-control" id="app-form" />
		</div>
	</div>

	<div class="checkbox">
		<input id="phone" type="checkbox" />
		<label for="phone">
			Telefonische Bewerbung
		</label>
	</div>
	<div class="form-group">
		<label for="app-phone" class="col-form-label">Telefon</label>
		<div>
			<input type="text" class="form-control" id="app-phone" />
		</div>
	</div>

	<div class="form-group">
		<label for="app-text">Ergänzende Angaben</label>
		<div>
			<textarea class="form-control" id="app-text" rows="5" placeholder="max. 240 Characters" aria-describedby="maxChar2"></textarea>
			<small id="maxChar2" class="form-text text-muted">
				240 characters available
			</small>
		</div>
	</div>
</fieldset>

<fieldset class="job-publication">
	<legend>Publikationsmedien</legend>

	<div class="checkbox">
		<input id="jr" type="checkbox" />
		<label for="jr">
			<a href="http://www.job-room.ch" target="_blank">Job-Room</a>
		</label>
	</div>

	<div class="checkbox">
		<input id="eu" type="checkbox" />
		<label for="eu">
			<a href="http://www.eures.ch" target="_blank">EURES</a>
		</label>
	</div>
</fieldset>

<hr />

<fieldset class="job-publication">
	<div class="checkbox">
		<input id="first" type="checkbox" />
		<label for="first">
			Ich bestätige, dass der Arbeitgeber die orts- und branchenüblichen Lohn- und Arbeitsbedingungen einhält.
		</label>
	</div>
</fieldset>

<div class="job-publication__actions">
	<div class="form__actions">
		<button class="btn btn-primary">Job publizieren</button>
		<button class="btn btn-secondary">Zurücksetzen</button>
	</div>
</div>

<div class="job-search__radar">
	<div class="job-radar d-none d-md-inline-block">
		Diesem Job-Profil entsprechen bereits<br />
		<span class="badge badge-radar">1'644</span><br /> Jobs
		<a href="job-room/job-result-list.html">Jetzt anzeigen!</a>
	</div>
</div>

<div class="form-group form-group--wide">
	<label for="formGroupExampleInput" class="sr-only">Berufsbezeichnung, Berufsgruppe, Fähigkeiten</label>
	<input type="text" class="form-control form-control-lg" id="formGroupExampleInput" placeholder="Berufsbezeichnung, Berufsgruppe, Fähigkeiten" />
</div>
<div class="form-group form-group--wide form-group--icon">
	<label for="basic-addon2" class="sr-only">Ort, Region, Kanton</label>
	<input type="text" class="form-control form-control-lg" placeholder="Ort, Region, Kanton" id="basic-addon2" />
	<!-- todo refine -->
	<a href="#" class="fa-stack form-control--icon">
	  <i class="fa fa-circle fa-stack-2x"></i>
	  <i class="fa fa-map-marker fa-stack-1x fa-inverse"></i>
	</a>
</div>

<div class="form-group range-slider">
	<label for="radius" class="sr-only">Radius</label>
	<input class="range-slider__range" min="5" max="150" step="5" value="20" type="range" id="radius" />
	<span class="range-slider__value range-slider__value--unit" data-unit="km">0</span>
</div>

<div class="scroll-top">
	<i class="fa fa-chevron-up" aria-hidden="true"></i>
</div>