@extends('template.'.config('settings.template').'.content.master')
@section('head')
    <title>Kontakt - {{config('settings.name')}}</title>
@stop
@section('content')
    <div class="container">
        <section>
            <div class="row">
                <div class="col-12">
                    <h1>Kontakt</h1>
                </div>
            </div>
            <div class="row text-center">

                <div class="col-md-4">
                    <div class="info">
                        <svg style="fill: {{$_title_color}}; width: 50px; margin-bottom: 40px; margin-top:60px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M487.8 24.1L387 .8c-14.7-3.4-29.8 4.2-35.8 18.1l-46.5 108.5c-5.5 12.7-1.8 27.7 8.9 36.5l53.9 44.1c-34 69.2-90.3 125.6-159.6 159.6l-44.1-53.9c-8.8-10.7-23.8-14.4-36.5-8.9L18.9 351.3C5 357.3-2.6 372.3.8 387L24 487.7C27.3 502 39.9 512 54.5 512 306.7 512 512 307.8 512 54.5c0-14.6-10-27.2-24.2-30.4zM55.1 480l-23-99.6 107.4-46 59.5 72.8c103.6-48.6 159.7-104.9 208.1-208.1l-72.8-59.5 46-107.4 99.6 23C479.7 289.7 289.6 479.7 55.1 480z"/></svg>
                        <div class="description">
                            <h4 class="info-title">Telefonnummer</h4>
                            <h5><a href="tel: {{$_telefonnummer}}" class="text-decoration-none"> {{$_telefonnummer}}</a></h5>
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="info">
                            <svg style="fill: {{$_title_color}}; width: 50px; margin-bottom: 40px; margin-top:60px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h416c8.8 0 16 7.2 16 16v41.4c-21.9 18.5-53.2 44-150.6 121.3-16.9 13.4-50.2 45.7-73.4 45.3-23.2.4-56.6-31.9-73.4-45.3C85.2 197.4 53.9 171.9 32 153.4V112c0-8.8 7.2-16 16-16zm416 320H48c-8.8 0-16-7.2-16-16V195c22.8 18.7 58.8 47.6 130.7 104.7 20.5 16.4 56.7 52.5 93.3 52.3 36.4.3 72.3-35.5 93.3-52.3 71.9-57.1 107.9-86 130.7-104.7v205c0 8.8-7.2 16-16 16z"/></svg>
                        <div class="description">
                            <h4 class="info-title">Kontakt per E-Mail</h4>
                            <h5><a href="mailto:{{config('settings.contact_email')}}" class="text-decoration-none">{{config('settings.contact_email')}}</a></h5>
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="info">
                        <svg style="fill: {{$_title_color}}; width: 50px; margin-bottom: 40px; margin-top:60px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M528 352H352V240c0-8.8-7.2-16-16-16H112c-8.8 0-16 7.2-16 16v256c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16V368c0-8.8-7.2-16-16-16zM320 480H128v-96h192v96zm0-128H128v-96h192v96zm192 128H352v-96h160v96zm98.6-361.7L338.6 3.7c-11.8-5-25.3-5-37.2 0l-272 114.6C11.5 125.8 0 143.2 0 162.5V504c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V162.5c0-6.5 3.8-12.2 9.8-14.8l272-114.6c3.9-1.7 8.5-1.7 12.4 0l272 114.6c6 2.5 9.8 8.3 9.8 14.8V504c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V162.5c0-19.3-11.5-36.7-29.4-44.2z"/></svg>
                        <div class="description">
                            <h4 class="info-title">Firmenadresse</h4>
                            <h5>{{$_legal_name}}</h5>
                            <p>
                                {{$_street}} {{$_street_nr}}
                                <br>
                                {{$_postleitzahl}} {{$_city}}
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-12">
                    <br>
                    <br>
                    <br>
                    <h4>Anfahrt</h4>
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2584.7168713396118!2d12.33627211575778!3d49.62194215459373!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47a015cbfcf2bd61%3A0x54f98f3abc26d543!2sPfarrgasse%2021%2C%2092648%20Vohenstrau%C3%9F!5e0!3m2!1sde!2sde!4v1661785380758!5m2!1sde!2sde&zoom=9" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>
            </div>
        </section>
    </div>
@stop