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

@section('content')
    

    <div class="container">


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

                <p class="fs-5 mb-5 text-center">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>
            </div>

            <div class="col-12 mb-5">
                <img src="https://picsum.photos/2000/600" class="img-fluid rounded">

            </div>

            <div class="col-12">
                <p class="fs-5 mb-5">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>

                <p class="fs-5 mb-5">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>

                <p class="fs-5 mb-5">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>

                <p class="fs-5 mb-5">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>
            </div>


        </div>

        <div class="row my-5">
                <div class="col-12 col-md-6 col-lg-4">
                    <img src="https://picsum.photos/1000/500" class="img-fluid rounded shadow-sm">
                </div>

                <div class="col-12 col-md-6 col-lg-4">
                    <img src="https://picsum.photos/1000/500" class="img-fluid rounded shadow-sm">
                </div>

                <div class="col-12 col-md-6 col-lg-4">
                    <img src="https://picsum.photos/1000/500" class="img-fluid rounded shadow-sm">
                </div>
            </div>

        <div class="row my-5">
            <div class="col-12 col-md-6">
                <h2 class="mb-3 mt-4">Überschrift 2</h2>


                <h3 class="mb-3 mt-4">Überschrift 3</h3>
                <h4 class="mb-3 mt-4">Überschrift 4</h4>


                <p class="fs-5 mb-5">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>

                <p class="fs-5 mb-5">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>

                <p class="fs-5 mb-5">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>

                <p class="fs-5 mb-5">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
                </p>
            </div>

            <div class="col-12 col-md-5 offset-md-1">

                <h2 class="mb-3 mt-4">Überschrift 2</h2>
                <ul class="fs-5">

                    <li class="mb-3 list-unstyled" style="margin-left: -33px;">
                        <svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
                        </svg>
                        lorem ipsum dolor sit amet
                    </li>

                    <li class="mb-3 list-unstyled" style="margin-left: -33px;">
                        <svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
                        </svg>
                        lorem ipsum dolor sit amet
                    </li>

                    <li class="mb-3 list-unstyled" style="margin-left: -33px;">
                        <svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
                        </svg>
                        lorem ipsum dolor sit amet
                    </li>

                    <li class="mb-3 list-unstyled" style="margin-left: -33px;">
                        <svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
                        </svg>
                        lorem ipsum dolor sit amet
                    </li>

                    <li class="mb-3 list-unstyled" style="margin-left: -33px;">
                        <svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
                        </svg>
                        lorem ipsum dolor sit amet
                    </li>

                    <li class="mb-3 list-unstyled" style="margin-left: -33px;">
                        <svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
                        </svg>
                        lorem ipsum dolor sit amet
                    </li>

                    <li class="mb-3 list-unstyled" style="margin-left: -33px;">
                        <svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
                            <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
                        </svg>
                        lorem ipsum dolor sit amet
                    </li>


                </ul>
            </div>

        </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-2 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-2 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-2 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-2 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-2 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