@extends('template.'.config('settings.template').'.content.master')
@section('content')
    <div class="container">
        <section class="header">
            <img src="{{asset('template/images/header-startseite.jpg?=4')}}" alt="" style="width: 100%">
        </section>
    </div>

    <style>
        .ci-color{
            color: #fbbc43;
        }
    </style>

    <section class="article">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class="wrapper__title">
                        <h2>WIR SIND JEDERZEIT FÜR SIE ERREICHBAR</h2>
                    </div>
                </div>
            </div>
            <div class="row text-center">



                <div class="col-md-4">
                    <div class="info">

                        <svg style="fill:#fbbc43 ; 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"></path></svg>
                        <div class="description">
                            <h4 class="info-title">Telefonnummer</h4>
                            <h5><a href="tel:+4996592230 " class="text-decoration-none" style="color: #006a43">09654 92230</a></h5>

                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="info">

                        <svg style="fill: #fbbc43; 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"></path></svg>


                        <div class="description">
                            <h4 class="info-title">Kontakt per E-Mail</h4>
                            <h5><a href="mailto:wohnen-am-kreuzberg@t-online.de" class="text-decoration-none" style="color:#006a43;">wohnen-am-kreuzberg@t-online.de</a></h5>


                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="info">

                        <svg style="fill: #fbbc43; 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"></path></svg>
                        <div class="description">
                            <h4 class="info-title">Adresse</h4>
                            <h5>Wohnen am Kreuzberg</h5>
                            <p>
                                Vohenstraußer Straße 7
                                <br>
                                92714 Pleystein
                            </p>
                        </div>
                    </div>
                </div>

            </div>



                <div class="row">
                    <div class="col-12">
                        <br>
                        <br>
                        <br>

                        <h2 class="h3 my-5 ci-color">Ansprechpartner</h2>

                        <h3 class="h5 my-5 ci-color">GESCHÄFTSFÜHRUNG UND HEIMLEITUNG</h3>
                    </div>

                    <div class="col-4 text-center">
                        <img src="{{asset('template/images/person-kein-bild.jpg')}}" width="180px;" class="rounded img-fluid  mb-3 border">
                        <br>
                                                <span class="mt-4 fw-bolder">Katharina Zeuss</span>
                        <br>
                        <span class="text-muted">Heimleitung</span>
                    </div>
                    <div class="col-4 text-center">
                        <img src="{{asset('template/images/person-kein-bild.jpg')}}" width="180px;" class="rounded img-fluid  mb-3 border">
                        <br>
                        <span class="fw-bolder mt-5">Manfred Voit</span>
                        <br>
                        <span class="text-muted">Geschäftsführer</span>

                    </div>

                </div>

                <div class="row">

                    <div class="col-12">

                        <br>
                        <br>
                        <h3 class="h5 my-5 ci-color">PFLEGEDIENSTLEITUNG</h3>
                    </div>

                    <div class="col-4 text-center">
                        <img src="{{asset('template/images/person-kein-bild.jpg')}}" width="180px;" class="rounded img-fluid  mb-3 border">
                        <br>

                        <span class="fw-bolder mt-5">Andrea Neuber</span>

                        <br>
                        <span class="text-muted">PDL</span>
                    </div>
                    <div class="col-4 text-center">
                        <img src="{{asset('template/images/person-kein-bild.jpg')}}" width="180px;" class="rounded img-fluid  mb-3 border">
                        <br>

                        <span class="fw-bolder mt-5">Marlene Schmucker</span>
                        <br>
                        <span class="text-muted">Stellvertretende PDL</span>
                        <br>
                        <br>
                        <br>

                    </div>


                </div>






        </div>

    </section>





@stop