@extends('template.'.config('settings.template').'.content.master')

@section('content')


    <div class="container">


        <div class="row mb-5">
            <div class="col-12">
                <h1 class="mb-5 mt-5">Über uns</h1>

                <p class="fs-5 mb-5 text-center">

                    {{$_about_introduction}}
                </p>
            </div>

            @if($_about_text)
                <div class="col-12 mb-5">
                    <x-img src="{{$_about_image}}" class="img-fluid rounded"/>


                </div>
            @endif

            <div class="col-12">
                <p class="fs-5 mb-5">
                    {{$_about_text}}
                </p>


            </div>


        </div>

        <div class="row my-5">

            @if($_about_image1)
                <div class="col-12 col-md-6 col-lg-4">
                    <x-img src="{{$_about_image1}}" class="img-fluid rounded shadow-sm"/>
                </div>
            @endif

            @if($_about_image2)
                <div class="col-12 col-md-6 col-lg-4">
                    <x-img src="{{$_about_image2}}" class="img-fluid rounded shadow-sm"/>
                </div>
            @endif

            @if($_about_image3)
                <div class="col-12 col-md-6 col-lg-4">
                    <x-img src="{{$_about_image3}}" class="img-fluid rounded shadow-sm"/>
                </div>
            @endif

        </div>

    </div>



    @if($_zeige_team)

        <div class="container-fluid py-5 bg-secondary">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <h2 class="h3 mb-5">Unser Team</h2>
                    </div>


                    <div class="col-3 text-center mb-5">
                        <img src="https://xsgames.co/randomusers/avatar.php?g=female" class="img-fluid">
                        <h4 class="mt-2 fs-5">Lorem Ipsum</h4>
                        <div class="text-muted fst-italic mb-2">Geschäftsführer</div>
                        <a href="tel:{{$_telefonnummer}}" class="text-decoration-none mb-3" style="color:{{$_primary_link_color}}">
                            <svg style="fill: currentColor; width: 13px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.7 128.7c9.7-2.6 19.9 2.3 23.7 11.6l20 48c3.4 8.2 1 17.6-5.8 23.2L200 231.7c16.6 35.2 45.1 63.7 80.3 80.3l20.2-24.7c5.6-6.8 15-9.2 23.2-5.8l48 20c9.3 3.9 14.2 14 11.6 23.7l-12 44C368.9 378 361 384 352 384c-123.7 0-224-100.3-224-224c0-9 6-16.9 14.7-19.3l44-12z"/></svg>
                            {{$_telefonnummer}}
                        </a>
                    </div>

                    <div class="col-3 text-center mb-5">
                        <img src="https://xsgames.co/randomusers/avatar.php?g=female" class="img-fluid">
                        <h4 class="mt-2 fs-5">Lorem Ipsum</h4>
                        <div class="text-muted fst-italic mb-2">Geschäftsführer</div>
                        <a href="tel:{{$_telefonnummer}}" class="text-decoration-none mb-3" style="color:{{$_primary_link_color}}">
                            <svg style="fill: currentColor; width: 13px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.7 128.7c9.7-2.6 19.9 2.3 23.7 11.6l20 48c3.4 8.2 1 17.6-5.8 23.2L200 231.7c16.6 35.2 45.1 63.7 80.3 80.3l20.2-24.7c5.6-6.8 15-9.2 23.2-5.8l48 20c9.3 3.9 14.2 14 11.6 23.7l-12 44C368.9 378 361 384 352 384c-123.7 0-224-100.3-224-224c0-9 6-16.9 14.7-19.3l44-12z"/></svg>
                            {{$_telefonnummer}}
                        </a>
                    </div>

                    <div class="col-3 text-center mb-5">
                        <img src="https://xsgames.co/randomusers/avatar.php?g=female" class="img-fluid">
                        <h4 class="mt-2 fs-5">Lorem Ipsum</h4>
                        <div class="text-muted fst-italic mb-2">Geschäftsführer</div>
                        <a href="tel:{{$_telefonnummer}}" class="text-decoration-none mb-3" style="color:{{$_primary_link_color}}">
                            <svg style="fill: currentColor; width: 13px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.7 128.7c9.7-2.6 19.9 2.3 23.7 11.6l20 48c3.4 8.2 1 17.6-5.8 23.2L200 231.7c16.6 35.2 45.1 63.7 80.3 80.3l20.2-24.7c5.6-6.8 15-9.2 23.2-5.8l48 20c9.3 3.9 14.2 14 11.6 23.7l-12 44C368.9 378 361 384 352 384c-123.7 0-224-100.3-224-224c0-9 6-16.9 14.7-19.3l44-12z"/></svg>
                            {{$_telefonnummer}}
                        </a>
                    </div>

                    <div class="col-3 text-center mb-5">
                        <img src="https://xsgames.co/randomusers/avatar.php?g=female" class="img-fluid">
                        <h4 class="mt-2 fs-5">Lorem Ipsum</h4>
                        <div class="text-muted fst-italic mb-2">Geschäftsführer</div>
                        <a href="tel:{{$_telefonnummer}}" class="text-decoration-none mb-3" style="color:{{$_primary_link_color}}">
                            <svg style="fill: currentColor; width: 13px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.7 128.7c9.7-2.6 19.9 2.3 23.7 11.6l20 48c3.4 8.2 1 17.6-5.8 23.2L200 231.7c16.6 35.2 45.1 63.7 80.3 80.3l20.2-24.7c5.6-6.8 15-9.2 23.2-5.8l48 20c9.3 3.9 14.2 14 11.6 23.7l-12 44C368.9 378 361 384 352 384c-123.7 0-224-100.3-224-224c0-9 6-16.9 14.7-19.3l44-12z"/></svg>
                            {{$_telefonnummer}}
                        </a>
                    </div>

                    <div class="col-3 text-center mb-5">
                        <img src="https://xsgames.co/randomusers/avatar.php?g=female" class="img-fluid">
                        <h4 class="mt-2 fs-5">Lorem Ipsum</h4>
                        <div class="text-muted fst-italic mb-2">Geschäftsführer</div>
                        <a href="tel:{{$_telefonnummer}}" class="text-decoration-none mb-3" style="color:{{$_primary_link_color}}">
                            <svg style="fill: currentColor; width: 13px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM186.7 128.7c9.7-2.6 19.9 2.3 23.7 11.6l20 48c3.4 8.2 1 17.6-5.8 23.2L200 231.7c16.6 35.2 45.1 63.7 80.3 80.3l20.2-24.7c5.6-6.8 15-9.2 23.2-5.8l48 20c9.3 3.9 14.2 14 11.6 23.7l-12 44C368.9 378 361 384 352 384c-123.7 0-224-100.3-224-224c0-9 6-16.9 14.7-19.3l44-12z"/></svg>
                            {{$_telefonnummer}}
                        </a>
                    </div>


                </div>
            </div>
        </div>
    @endif





    



    
@stop
    @section('scripts')

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jscroll/2.4.1/jquery.jscroll.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.countdown/2.2.0/jquery.countdown.min.js"></script>

  
@stop