<div style="max-width:650px;">
	<section class="section">
		<div class="container" style="margin-left:0;margin-right:0;">
			<div class="columns" style="margin-left:0;margin-right:0;">
				<div class="column">
					<div class="field has-addons is-expanded">
						<div class="control has-icons-left is-expanded">
							<input id="input" class="input is-medium is-fullwidth" type="text" placeholder="Adresse, Ort oder Örtlichkeit">
							<span class="icon is-medium is-left">
								<span id="formState" class="fas fa fa-home"></span>
							</span>
						</div>
						<div class="control">
							<a id="gps_button" class="button is-custom is-medium">
								<i class="fam fa fa-map-marker"></i>
							</a>
						</div>
						<div class="control">
							<a id="calculate_button" class="button is-custom is-medium">
								Berechnen
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section id="errSection" class="section" style="padding-top:0; display: none">
		<div class="container" style="margin-left:0;margin-right:0;">
			<div>
				<div id="errResultContent" class="resultItem">
					Error
				</div>
			</div>
		</div>
	</section>
	<section id="resSection" class="section" style="padding-top:0; display: none">
		<div class="container" style="margin-left:0;margin-right:0;">
			<div id="resultContent">
				<div class="resultItem">
					<p class="is-size-6">
						<strong id="destination_address" class="color-custom"></strong>
					</p>
					<p>
						<i class="fa fa-fw fa-road"></i>
						<span id="destination_distance"></span>
					</p>
					<p>
						<i class="fa fa-fw fa-eur"></i>
						<span id="destination_cost">
						</span>
					</p>
				</div>
				<small id="hugeDistance" style="display: none;">
					<i class="fa fa-info-circle"></i> Aufgrund der großen Strecke bitten wir Sie uns zu kontaktieren!
				</small>
			</div>
		</div>
	</section>
</div>