Benjamin Völkl 2022-09-06 11:13:37 +02:00
parent 774517b513
commit b6101c45ca
21 changed files with 483 additions and 577 deletions

View File

@ -5,8 +5,8 @@


<div class="col-12 col-md-6 text-right"> <div class="col-12 col-md-6 text-right">


<a href="{{url('/datenschutz')}}">Datenschutzd</a> | <a href="{{url('/datenschutz')}}" class="text-decoration-none">Datenschutzd</a> |
<a href="{{url('/impressum')}}">Impressum</a> <a href="{{url('/impressum')}}" class="text-decoration-none">Impressum</a>
</div> </div>
</div> </div>
</div> </div>
@ -18,4 +18,4 @@
@yield('scripts') @yield('scripts')


</body> </body>
</html> </html>

View File

@ -4,7 +4,7 @@
<div class="container"> <div class="container">
<section class="header"> <section class="header">


<img src="{{asset('template/images/header-startseite.jpg')}}" class="img-fluid" alt=""> <img src="{{asset('template/images/header-startseite.jpg?=4')}}" class="img-fluid" alt="">
<div class="container"> <div class="container">
<div class="box__header box__header--startseite"> <div class="box__header box__header--startseite">
<div class="wrapper__box wrapper__box--startseite"> <div class="wrapper__box wrapper__box--startseite">
@ -145,7 +145,7 @@




<section class="full__image"> <section class="full__image">
<img src="{{asset('template/images/midle-startseite.jpg')}}" style="width: 100%" alt=""> <img src="{{asset('template/images/menschenbild.jpg')}}" style="width: 100%" alt="">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">

View File

@ -4,7 +4,7 @@


<div class="container"> <div class="container">


<img src="{{asset('template/images/header-stellenangebote.jpg')}}" style="width: 100%;" alt=""> <img src="{{asset('template/images/header-startseite.jpg?=4')}}" style="width: 100%;" alt="">
<div class="container"> <div class="container">
<div class="box__header"> <div class="box__header">
<div class="wrapper__box wrapper__box--stellenangebote"> <div class="wrapper__box wrapper__box--stellenangebote">
@ -48,7 +48,7 @@
<br> <br>





</div> </div>
<div class="col-12 col-lg-7"> <div class="col-12 col-lg-7">
<h5 class="card-title" style="margin-top: 20px;"> <h5 class="card-title" style="margin-top: 20px;">
@ -78,32 +78,7 @@
</div> </div>
@endforeach @endforeach


<div class="col-6 col-md-4 explode__note">
<div class="box__note">
<div class="box__note__text">
<div class="box__note__text--title">
<span>
WIR SIND JEDERZEIT<br/>FÜR SIE ERREICHBAR:
</span>
</div>


<div class="box__note__text--content">
<span>
Pflegeheim Pleystein GmbH<br/>
Wohnen am Kreuzberg<br/>
Vohenstraußer Straße 7<br/>
92714 Pleystein<br/>
</span>
</div>
<div class="box__note__text--contact">
<span>
09654 9223-0<br/>
wohnen-am-kreuzberg@t-online.de
</span>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</section> </section>

View File

@ -4,7 +4,7 @@
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no"> <meta name="viewport" content="width=device-width, user-scalable=no">
<meta name="facebook-domain-verification" content="v7wdjvxwcb3a3hj7vub5typgxxt46g" /> <meta name="facebook-domain-verification" content="v7wdjvxwcb3a3hj7vub5typgxxt46g" />






@ -18,7 +18,7 @@




<title>Pflegeheim Wohnen am Kreuzberg, Pleystein</title> <title>Pflegeheim Wohnen am Kreuzberg, Pleystein</title>



@if(isset($description)) @if(isset($description))
<meta name="description" content="{{$description}}"> <meta name="description" content="{{$description}}">
@ -113,13 +113,13 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12 col-sm-6 mb-3"> <div class="col-12 col-sm-6 mb-3">
Diese Seite benutzt <a href="https://www.areya.de/software/cms">Areya CMS <i class="fal fa-external-link"></i></a> Diese Seite benutzt <a href="https://www.areya.de/software/cms" class="text-decoration-none">Areya CMS <i class="fal fa-external-link"></i></a>


</div> </div>
<div class="col-12 col-sm-6 text-end"> <div class="col-12 col-sm-6 text-end">
<a href="{{url('datenschutz')}}">Datenschutz</a> <a href="{{url('datenschutz')}}" class="text-decoration-none">Datenschutz</a>
| |
<a href="{{url('impressum')}}">Impressum</a> <a href="{{url('impressum')}}" class="text-decoration-none">Impressum</a>
</div> </div>
</div> </div>



View File

View File

@ -1,84 +0,0 @@
@extends('template.'.config('settings.template').'.content.master')
@section('content')

<br>
<br>
<br>
<br>

<section id="article-section">


<div class="container">

<div class="article-feed">
<article class="newsentry" style="width: 100%;">

<div class="col-lg-12">
<div class="card shadow-lg" id="news-{{$nach->id}}">

<div class="card-body">
@if($nach->created_at->diffInHours(date('Y-m-d H:i:s')) < 1)
<div class="progress" style="height: 30px;">
<div class="progress-bar progress-bar-striped progress-bar-animated bg-warning" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%">
<span style="color: black; font-size: 16px;">{{ $nach->created_at->diffForHumans() }} veröffentlicht</span>
</div>
</div>
<br>
@endif

<a href="#">
<h2 class="card-title">{{$nach->title}}</h2>
</a>

<h6 class="card-subtitle mb-2">

<span style="font-weight: normal " class="text-dark"">{{date('d.m.Y H:i', strtotime($nach->created_at))}}</span>
</h6>



@if ($nach->image)
<img src="{{ asset('uploads/' . $nach->image) }}" class="img-responsive" style="max-width: 100%;margin-bottom: 20px; margin-top:20px; display: block;">
@endif


<p class="card-text">
{!! isset($nach->additional_fields['1']) ? $nach->additional_fields['1'] : 'keine Angaben' !!}
</p>



</div>

</div>
</div>


</article>
</div>
</div>
</section>


@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="{{ asset('template/js/dropzone.min.js') }}"></script>
<script src="{{ asset('template/js/fslightbox.js') }}"></script>


<script>
toastr.options = {
"progressBar": true
};
</script>




@stop

View File

@ -4,7 +4,7 @@


<div class="container"> <div class="container">
<section class="header"> <section class="header">
<img src="{{asset('template/images/header-einrichtung.jpg')}}" style="width: 100%;" alt=""> <img src="{{asset('template/images/gruppenbild.jpg')}}" style="width: 100%;" alt="">
<div class="container box__header"> <div class="container box__header">
<div class="wrapper__box wrapper__box--einrichtung"> <div class="wrapper__box wrapper__box--einrichtung">
<div class="wrapper__box__text"> <div class="wrapper__box__text">
@ -37,32 +37,7 @@
</div> </div>
</article> </article>
</div> </div>
<div class="col-6 col-md-4 explode__note">
<div class="box__note">
<div class="box__note__text">
<div class="box__note__text--title">
<span>
WIR SIND JEDERZEIT<br/>FÜR SIE ERREICHBAR:
</span>
</div>


<div class="box__note__text--content">
<span>
Pflegeheim Pleystein GmbH<br/>
Wohnen am Kreuzberg<br/>
Vohenstraußer Straße 7<br/>
92714 Pleystein<br/>
</span>
</div>
<div class="box__note__text--contact">
<span>
09654 9223-0<br/>
wohnen-am-kreuzberg@t-online.de
</span>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -93,7 +68,7 @@
<div class="wrapper__texBox--line"></div> <div class="wrapper__texBox--line"></div>
<p>Die Liebe zu Tieren<br/>ist wie Medizin.</p> <p>Die Liebe zu Tieren<br/>ist wie Medizin.</p>
</div> </div>
<img src="{{asset('template/images/middle-aussenanlagen.jpg')}}" class="img-fluid" alt=""> <img src="{{asset('template/images/ziegen.jpg')}}" class="img-fluid rounded" alt="">
</div> </div>
</div> </div>
<div class="row"> <div class="row">
@ -106,9 +81,9 @@
</div> </div>
</div> </div>
<div class="col"> <div class="col">
<img src="{{asset('template/images/middle-aussenanlagen.png')}}" class="position__img" alt=""> <img src="{{asset('template/images/zigen.jpg')}}" class="position__img" alt="">
</div> </div>
</div> </div>
</div> </div>
</section> </section>
@endsection @endsection

View File

@ -2,7 +2,7 @@
@section('content') @section('content')


<div class="container"> <div class="container">
<img src="{{asset('template/images/header-einrichtung.jpg')}}" style="width: 100%;" alt=""> <img src="{{asset('template/images/header-startseite.jpg?=4')}}" style="width: 100%;" alt="">
<div class="container box__header"> <div class="container box__header">
<div class="wrapper__box wrapper__box--entstehung"> <div class="wrapper__box wrapper__box--entstehung">
<div class="wrapper__box__text"> <div class="wrapper__box__text">
@ -121,4 +121,4 @@
</div> </div>
</div> </div>
</section> </section>
@stop @stop

View File

@ -2,10 +2,16 @@
@section('content') @section('content')
<div class="container"> <div class="container">
<section class="header"> <section class="header">
<img src="{{asset('template/images/header-kontakt.jpg')}}" alt="" style="width: 100%"> <img src="{{asset('template/images/header-startseite.jpg?=4')}}" alt="" style="width: 100%">
</section> </section>
</div> </div>


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

<section class="article"> <section class="article">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@ -15,71 +21,127 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row text-center">
<div class="col-12 col-md-6">
<div>
Pflegeheim Pleystein GmbH <br/>
Wohnen am Kreuzberg<br/> <div class="col-md-4">
Vohenstraußer Straße 7<br/> <div class="info">
92714 Pleystein<br/>
Tel.: <a href="tel:+49965492230" class="ci-link">09654 92230</a> <br/> <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>
Fax: 09654 9223-30 <div class="description">
<br/> Mail: <a href="mailto:wohnen-am-kreuzberg@t-online.de" class="ci-link">wohnen-am-kreuzberg@t-online.de</a> <h4 class="info-title">Telefonnummer</h4>
<br> <h5><a href="tel:+4996592230 " class="text-decoration-none" style="color: #006a43">09654 92230</a></h5>
<br>
<br> </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>


</div> </div>
<div>


<div class="row"> <div class="row">
<div class="col"> <div class="col-12">
<div class="wrapper__information--text"> <br>
<p>ANSPRECHAPTNER</p> <br>
</div> <br>
<div class="wrapper__information--content">
<div class="wrapper__information--title">
GESCHÄFTSFÜHRUNG UND HEIMLEITUNG
</div>
<div class="wrapper__information--names">
<span>
Manfred Voit<br/>
</span>
<span>
Dr. Hans Kirschsieper<br/>
</span>
</div>
</div>
<div class="wrapper__information--content">
<div class="wrapper__information--title">
PFLEGEDIENSTLEITUNG
</div>
<div class="wrapper__information--names">
<span>
Andrea Neuber
</span>
</div>
</div>
<div class="wrapper__information--content">
<div class="wrapper__information--title">
BEREICHSLEITUNGEN
</div>
<div class="wrapper__information--names">


<span> <h2 class="h3 my-5 ci-color">Ansprechpartner</h2>
Simona Kleiner<br/>
</span> <h3 class="h5 my-5 ci-color">GESCHÄFTSFÜHRUNG UND HEIMLEITUNG</h3>
<span>
P. Schmidt-Moll<br/>
</span>
</div>
</div>
</div> </div>
<div class="col"></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>
</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> </div>

</section> </section>





View File

@ -4,7 +4,7 @@


<div class="container"> <div class="container">
<section class="header"> <section class="header">
<img src="{{asset('template/images/header-einrichtung.jpg')}}" style="width: 100%;" alt=""> <img src="{{asset('template/images/header-startseite.jpg?=4')}}" style="width: 100%;" alt="">
<div class="container box__header"> <div class="container box__header">
<div class="wrapper__box wrapper__box--entstehung"> <div class="wrapper__box wrapper__box--entstehung">
<div class="wrapper__box__text"> <div class="wrapper__box__text">
@ -36,32 +36,7 @@
</div> </div>
</article> </article>
</div> </div>
<div class="col-6 col-md-4 explode__note">
<div class="box__note">
<div class="box__note__text">
<div class="box__note__text--title">
<span>
WIR SIND JEDERZEIT<br/>FÜR SIE ERREICHBAR:
</span>
</div>


<div class="box__note__text--content">
<span>
Pflegeheim Pleystein GmbH<br/>
Wohnen am Kreuzberg<br/>
Vohenstraußer Straße 7<br/>
92714 Pleystein<br/>
</span>
</div>
<div class="box__note__text--contact">
<span>
09654 9223-0<br/>
wohnen-am-kreuzberg@t-online.de
</span>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -70,7 +45,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<img src="{{asset('template/images/middle-mitarbeiter.jpg')}}" alt=""> <img src="{{asset('template/images/mitarbeiter.jpg')}}" alt="">
</div> </div>
</div> </div>
</div> </div>

View File

@ -4,7 +4,7 @@


<div class="container"> <div class="container">
<section class="header"> <section class="header">
<img src="{{asset('template/images/header-einrichtung.jpg')}}" style="width: 100%;" alt=""> <img src="{{asset('template/images/menschenbild.jpg')}}" style="width: 100%;" alt="">
<div class="container box__header"> <div class="container box__header">
<div class="wrapper__box wrapper__box--einrichtung"> <div class="wrapper__box wrapper__box--einrichtung">
<div class="wrapper__box__text"> <div class="wrapper__box__text">
@ -102,4 +102,4 @@
</div> </div>
</div> </div>
</section> </section>
@endsection @endsection

View File

@ -4,7 +4,7 @@


<div class="container"> <div class="container">
<section class="header"> <section class="header">
<img src="{{asset('template/images/header-wohnen.jpg')}}" style="width: 100%;" alt=""> <img src="{{asset('template/images/gruppenbild.jpg')}}" style="width: 100%;" alt="">
<div class="container box__header"> <div class="container box__header">
<div class="wrapper__box wrapper__box--wohnen"> <div class="wrapper__box wrapper__box--wohnen">
<div class="wrapper__box__text"> <div class="wrapper__box__text">

View File

@ -1,86 +1,86 @@
body { body {
margin: 0; } margin: 0; }


section { section {
margin-bottom: 40px; } margin-bottom: 40px; }


.section__margin--top { .section__margin--top {
margin-top: 80px; } margin-top: 80px; }


.section__remove__margin { .section__remove__margin {
margin-bottom: 0 !important; } margin-bottom: 0 !important; }


.wrapper__contact--location { .wrapper__contact--location {
font-weight: bold; font-weight: bold;
font-size: 16px; } font-size: 16px; }


.wrapper__title h2 { .wrapper__title h2 {
color: #fbbc43; color: #fbbc43;
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
margin-bottom: 50px; } margin-bottom: 50px; }


.wrapper__form h3 { .wrapper__form h3 {
color: #fbbc43; color: #fbbc43;
font-weight: bold; font-weight: bold;
font-size: 16px; } font-size: 16px; }


.wrapper__information { .wrapper__information {
font-size: 14px; } font-size: 14px; }
.wrapper__information--content { .wrapper__information--content {
margin-top: 15px; } margin-top: 15px; }
.wrapper__information--text { .wrapper__information--text {
color: #fbbc43; color: #fbbc43;
font-weight: bold; } font-weight: bold; }
.wrapper__information--title { .wrapper__information--title {
color: #111111; color: #111111;
font-weight: bold; } font-weight: bold; }


input, input,
textarea { textarea {
background-color: #eeeeee !important; } background-color: #eeeeee !important; }


.btn-form { .btn-form {
background-color: #eeeeee; background-color: #eeeeee;
border: solid 1px #111111 !important; border: solid 1px #111111 !important;
color: #111111; color: #111111;
border-radius: 0px !important; border-radius: 0px !important;
float: right; } float: right; }


.space__top { .space__top {
margin-top: 32px; } margin-top: 32px; }




.wrapper__box--startseite { .wrapper__box--startseite {
width: 640px !important; width: 640px !important;
height: 220px !important; } height: 220px !important; }
.wrapper__box--startseite .wrapper__box__text { .wrapper__box--startseite .wrapper__box__text {
display: flex; display: flex;
flex-direction: column !important; flex-direction: column !important;
margin-top: 5%; margin-top: 5%;
text-align: center; } text-align: center; }
.wrapper__box--startseite .wrapper__box__text--default {
color: #006a43;
font-size: 20px !important; }
@media only screen and (max-width: 414px) {
.wrapper__box--startseite .wrapper__box__text--default { .wrapper__box--startseite .wrapper__box__text--default {
color: #006a43; font-size: 1.4rem; } }
font-size: 20px !important; } .wrapper__box--startseite .wrapper__box__text--large {
@media only screen and (max-width: 414px) { color: #fbbc43;
.wrapper__box--startseite .wrapper__box__text--default { font-size: 2rem; }
font-size: 1.4rem; } } @media only screen and (max-width: 414px) {
.wrapper__box--startseite .wrapper__box__text--large { .wrapper__box--startseite .wrapper__box__text--large {
color: #fbbc43; font-size: 2.5rempx; } }
font-size: 2rem; } .wrapper__box--startseite .wrapper__box__text--small {
@media only screen and (max-width: 414px) { color: #006a43;
.wrapper__box--startseite .wrapper__box__text--large { font-size: 20px; }
font-size: 2.5rempx; } } @media only screen and (max-width: 414px) {
.wrapper__box--startseite .wrapper__box__text--small { .wrapper__box--startseite .wrapper__box__text--small {
color: #006a43; font-size: 15px; } }
font-size: 20px; } .wrapper__box--startseite .wrapper__box__img {
@media only screen and (max-width: 414px) {
.wrapper__box--startseite .wrapper__box__text--small {
font-size: 15px; } }
.wrapper__box--startseite .wrapper__box__img {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -88,377 +88,377 @@ textarea {
margin-top: -8%; } margin-top: -8%; }


.article-title { .article-title {
color: #fbbc43; color: #fbbc43;
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
margin-bottom: 5px; } margin-bottom: 5px; }


.article-content { .article-content {
font-size: 16px; } font-size: 16px; }


.explode__note { .explode__note {
position: absolute !important; position: absolute !important;
right: 0 !important; right: 0 !important;
padding-right: 0 !important; } padding-right: 0 !important; }


@media only screen and (max-width: 414px) { @media only screen and (max-width: 414px) {
.img-logo { .img-logo {
width: 28%; width: 28%;
margin-top: -3%; } } margin-top: -3%; } }


.box__note { .box__note {
background-color: #fbbc43; background-color: #fbbc43;
width: 256px; width: 256px;
position: absolute; position: absolute;
right: 0; } right: 0; }
@media only screen and (max-width: 515px) { @media only screen and (max-width: 515px) {
.box__note { .box__note {
display: none; } } display: none; } }
.box__note__text { .box__note__text {
padding: 18px 0 15px 12px; padding: 18px 0 15px 12px;
color: #ffffff; } color: #ffffff; }
.box__note__text--title { .box__note__text--title {
font-size: 14px; font-size: 14px;
font-weight: bold; } font-weight: bold; }
.box__note__text--content { .box__note__text--content {
margin-top: 5px; margin-top: 5px;
font-size: 12px; font-size: 12px;
line-height: 1.4; } line-height: 1.4; }
.box__note__text--contact { .box__note__text--contact {
font-size: 12px; font-size: 12px;
line-height: 1.4; line-height: 1.4;
margin-top: 5px; } margin-top: 5px; }


.full__image-content { .full__image-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
margin-top: -16%; } margin-top: -16%; }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.full__image-content { .full__image-content {
margin-top: -23%; } } margin-top: -23%; } }
@media only screen and (max-width: 414px) { @media only screen and (max-width: 414px) {
.full__image-content { .full__image-content {
margin-top: -30%; margin-top: -30%;
position: absolute; } } position: absolute; } }
@media only screen and (max-width: 375px) { @media only screen and (max-width: 375px) {
.full__image-content { .full__image-content {
margin-top: -31%; margin-top: -31%;
position: absolute; } } position: absolute; } }
.full__image-content--line { .full__image-content--line {
border: solid 3px #ffffff; border: solid 3px #ffffff;
width: 144px; } width: 144px; }
.full__image-content--text { .full__image-content--text {
color: #ffffff; color: #ffffff;
text-align: center; text-align: center;
font-size: 24px; } font-size: 24px; }
@media only screen and (max-width: 414px) { @media only screen and (max-width: 414px) {
.full__image-content--text { .full__image-content--text {
font-size: 15px; } } font-size: 15px; } }


.card { .card {
border: solid 1px #fbbc43 !important; } border: solid 1px #fbbc43 !important; }
.card-text { .card-text {
font-size: 14px; font-size: 14px;
text-align: left; } text-align: left; }




.btn-home { .btn-home {
font-size: 14px; font-size: 14px;
color: #ffffff; color: #ffffff;
border-color: #fbbc43 !important; border-color: #fbbc43 !important;
background-color: #fbbc43; } background-color: #fbbc43; }


.btn-home:hover { .btn-home:hover {
color: #fbbc43; color: #fbbc43;
background-color: #ffffff; } background-color: #ffffff; }


.middle__img { .middle__img {
margin-top: -30%; margin-top: -30%;
width: 101%; } width: 101%; }


.wrapper__recomandation--line { .wrapper__recomandation--line {
border: solid 3px #fbbc43; border: solid 3px #fbbc43;
margin-top: 9%; margin-top: 9%;
width: 144px; } width: 144px; }


.wrapper__recomandation--text { .wrapper__recomandation--text {
color: #fbbc43; color: #fbbc43;
font-size: 24px; } font-size: 24px; }


.wrapper__box--einrichtung { .wrapper__box--einrichtung {
width: 65% !important; } width: 65% !important; }


.wrapper__box--entstehung { .wrapper__box--entstehung {
width: 52% !important; } width: 52% !important; }


.wrapper__box--wohnen { .wrapper__box--wohnen {
width: 27% !important; } width: 27% !important; }
@media only screen and (max-width: 414px) { @media only screen and (max-width: 414px) {
.wrapper__box--wohnen { .wrapper__box--wohnen {
width: 44% !important; } } width: 44% !important; } }


.middle__img--entstehung { .middle__img--entstehung {
margin-top: -23%; margin-top: -23%;
width: 62%; width: 62%;
margin-left: -39%; } margin-left: -39%; }
@media only screen and (max-width: 414px) { @media only screen and (max-width: 414px) {
.middle__img--entstehung { .middle__img--entstehung {
margin-top: 3%; margin-top: 3%;
margin-left: -24%; } } margin-left: -24%; } }


.wrapper__sub--line { .wrapper__sub--line {
border: solid 2px #fbbc43; border: solid 2px #fbbc43;
width: 144px; } width: 144px; }


.wrapper__sub--text { .wrapper__sub--text {
margin-top: 2%; margin-top: 2%;
font-size: 14px; font-size: 14px;
color: #fbbc43; } color: #fbbc43; }


.first { .first {
margin-top: 7%; } margin-top: 7%; }


.second { .second {
margin-top: 9%; } margin-top: 9%; }


.adjust__positon { .adjust__positon {
margin-left: -17%; } margin-left: -17%; }


.container__center { .container__center {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; } align-items: center; }


.text__align { .text__align {
text-align: center; } text-align: center; }


.position__img { .position__img {
margin-top: -21%; margin-top: -21%;
width: 100%; } width: 100%; }


.wrapper__texBox { .wrapper__texBox {
position: absolute; position: absolute;
margin: 50px 40px; margin: 50px 40px;
color: white; color: white;
font-size: 24px; } font-size: 24px; }
.wrapper__texBox--line { .wrapper__texBox--line {
width: 144px; width: 144px;
border: solid 3px; } border: solid 3px; }


.position__arrow { .position__arrow {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
width: 100%; } width: 100%; }


.btn-outline-primary, .btn-outline-primary,
.btn-outline-primary:hover { .btn-outline-primary:hover {
color: white; color: white;
background-color: transparent !important; background-color: transparent !important;
border-color: white !important; } border-color: white !important; }


.btn-outline-primary a { .btn-outline-primary a {
color: white; color: white;
background-color: transparent; background-color: transparent;
border-color: white; } border-color: white; }


.btn.focus, .btn.focus,
.btn:focus { .btn:focus {
box-shadow: none !important; } box-shadow: none !important; }


.section__style { .section__style {
background-color: #eeeeee; background-color: #eeeeee;
height: 231px; } height: 231px; }
@media only screen and (max-width: 414px) { @media only screen and (max-width: 414px) {
.section__style { .section__style {
background-color: transparent; } } background-color: transparent; } }


.position__img-wohnen { .position__img-wohnen {
width: 68%; width: 68%;
margin-top: -12%; } margin-top: -12%; }


.wrapper__box__information { .wrapper__box__information {
position: absolute; position: absolute;
margin-top: -30%; margin-top: -30%;
width: 43%; width: 43%;
height: 250px; height: 250px;
background-color: #ffffff; background-color: #ffffff;
border: solid 3px #fbbc43; border: solid 3px #fbbc43;
padding: 3px 13px; padding: 3px 13px;
right: 0; } right: 0; }
@media only screen and (max-width: 414px) { @media only screen and (max-width: 414px) {
.wrapper__box__information { .wrapper__box__information {
display: none; } } display: none; } }


.article-subtitle { .article-subtitle {
font-size: 16px; font-size: 16px;
font-weight: bold; font-weight: bold;
color: #111111; } color: #111111; }


.article-subtitle--2 { .article-subtitle--2 {
font-size: 18px; font-size: 18px;
color: #fbbc43; color: #fbbc43;
font-weight: bold; } font-weight: bold; }


td, td,
.table thead th { .table thead th {
text-align: center; } text-align: center; }


.align-th-table { .align-th-table {
display: table-cell; display: table-cell;
vertical-align: initial !important; } vertical-align: initial !important; }






.navbar { .navbar {
background-color: #fbbc43; } background-color: #fbbc43; }




.nav-link { .nav-link {
color: #ffffff !important; color: #ffffff !important;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
padding: 0 .5rem !important; padding: 0 .5rem !important;
border: solid 1px #fbbc43;} border: solid 1px #fbbc43;}




.nav-link:hover { .nav-link:hover {
border: solid 1px #ffffff; } border: solid 1px #ffffff; }


.active { .active {
border: solid 1px #ffffff; } border: solid 1px #ffffff; }


.dropdown-item { .dropdown-item {
color: #fbbc43 !important; } color: #fbbc43 !important; }


.dropdown-item.active, .dropdown-item.active,
.dropdown-item:active { .dropdown-item:active {
color: #fbbc43; color: #fbbc43;
font-weight: bold; font-weight: bold;
background-color: transparent !important; } background-color: transparent !important; }




.box { .box {
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
text-decoration: none; } text-decoration: none; }
.box__galerie { .box__galerie {
width: 288px; width: 288px;
height: 219px; height: 219px;
border: solid 1px #fbbc43; } border: solid 1px #fbbc43; }
.box__galerie__year { .box__galerie__year {
color: #fbbc43; color: #fbbc43;
font-size: 30px; } font-size: 30px; }
.box__galerie__text { .box__galerie__text {
color: #fbbc43; color: #fbbc43;
font-size: 16px; } font-size: 16px; }
.box__galerie__line { .box__galerie__line {
border-bottom: solid 1px #fbbc43; border-bottom: solid 1px #fbbc43;
width: 96px; } width: 96px; }
.box__text { .box__text {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 111px; height: 111px;
width: 100%; } width: 100%; }
.box__text span { .box__text span {
color: #1b1b1b; color: #1b1b1b;
font-size: 16px; font-size: 16px;
text-align: center; } text-align: center; }
.box__text__line { .box__text__line {
border-bottom: solid 2px #fbbc43; border-bottom: solid 2px #fbbc43;
width: 82px; width: 82px;
margin-top: 15px; } margin-top: 15px; }


.box a { .box a {
text-decoration: none; } text-decoration: none; }


.box__galerie:hover { .box__galerie:hover {
background-color: #fbbc43; } background-color: #fbbc43; }


.box__galerie:hover .box__galerie__year, .box__galerie:hover .box__galerie__year,
.box__galerie:hover .box__galerie__text, .box__galerie:hover .box__galerie__text,
.box__galerie:hover .box__galerie__line { .box__galerie:hover .box__galerie__line {
color: #ffffff; color: #ffffff;
border-color: #ffffff; } border-color: #ffffff; }


.box__galerie--active { .box__galerie--active {
background-color: #fbbc43; } background-color: #fbbc43; }


.box__galerie--active .box__galerie__year, .box__galerie--active .box__galerie__year,
.box__galerie--active .box__galerie__line { .box__galerie--active .box__galerie__line {
color: #ffffff; color: #ffffff;
border-color: #ffffff; } border-color: #ffffff; }


.centered { .centered {
display: flex; display: flex;
justify-content: center; } justify-content: center; }


.albuns { .albuns {
margin-top: 71px; } margin-top: 71px; }


.wrapper__links { .wrapper__links {
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
color: #fbbc43; color: #fbbc43;
font-size: 16px; } font-size: 16px; }
.wrapper__links--left { .wrapper__links--left {
margin-left: -4%; } margin-left: -4%; }
.wrapper__links--right { .wrapper__links--right {
margin-left: 15%; } margin-left: 15%; }
.wrapper__links a { .wrapper__links a {
color: #fbbc43; } color: #fbbc43; }
.wrapper__links a:hover { .wrapper__links a:hover {
color: #fbbc43; } color: #fbbc43; }


.wrapper__text { .wrapper__text {
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
align-items: center; } align-items: center; }
.wrapper__text--title { .wrapper__text--title {
font-size: 24px; font-size: 24px;
color: #1b1b1b; } color: #1b1b1b; }
.wrapper__text--line { .wrapper__text--line {
width: 82px; width: 82px;
border: solid 2px #fbbc43; border: solid 2px #fbbc43;
margin: 19px 0 83px 0; } margin: 19px 0 83px 0; }
.wrapper__text--link { .wrapper__text--link {
color: #fbbc43; color: #fbbc43;
font-size: 16px; } font-size: 16px; }
.wrapper__text--link:hover { .wrapper__text--link:hover {
color: #fbbc43; } color: #fbbc43; }


.box__header { .box__header {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin-top: -8%; } margin-top: -8%; }


@media only screen and (max-width: 414px) { @media only screen and (max-width: 414px) {
.header-img-galerie--2 { .header-img-galerie--2 {
margin-top: -10%; } } margin-top: -10%; } }


.wrapper__box { .wrapper__box {
background-color: #ffffff; background-color: #ffffff;
width: 31%; width: 31%;
height: 83px; height: 83px;
border: solid 3px #fbbc43; } border: solid 3px #fbbc43; }
@media only screen and (max-width: 414px) { @media only screen and (max-width: 414px) {
.wrapper__box { .wrapper__box {
width: 37%; } } width: 37%; } }
.wrapper__box__text { .wrapper__box__text {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -467,130 +467,130 @@ td,
color: #fbbc43; color: #fbbc43;
font-weight: bold; font-weight: bold;
text-align: center; } text-align: center; }
@media only screen and (max-width: 414px) { @media only screen and (max-width: 414px) {
.wrapper__box__text { .wrapper__box__text {
font-size: 26px; } } font-size: 26px; } }


.hide-bullets { .hide-bullets {
list-style: none; list-style: none;
margin-left: -40px; margin-left: -40px;
margin-top: 20px; } margin-top: 20px; }


.product-slider { .product-slider {
padding: 0 11%; } padding: 0 11%; }


.product-slider #carousel { .product-slider #carousel {
border: 1px solid #fbbc43; border: 1px solid #fbbc43;
margin: 0; } margin: 0; }


.product-slider #thumbcarousel { .product-slider #thumbcarousel {
margin: 12px 0 0; } margin: 12px 0 0; }


.product-slider #thumbcarousel .item { .product-slider #thumbcarousel .item {
text-align: center; } text-align: center; }


.product-slider #thumbcarousel .item .thumb { .product-slider #thumbcarousel .item .thumb {
border: 1px solid #fbbc43; border: 1px solid #fbbc43;
width: 20%; width: 20%;
margin: 0 2%; margin: 0 2%;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
max-width: 84px; max-width: 84px;
margin-bottom: 2%; } margin-bottom: 2%; }


.product-slider #thumbcarousel .item .thumb:hover { .product-slider #thumbcarousel .item .thumb:hover {
border-color: #fbbc43; } border-color: #fbbc43; }


.product-slider .item img { .product-slider .item img {
width: 100%; width: 100%;
height: auto; } height: auto; }


.thumb-size { .thumb-size {
width: 84px; width: 84px;
height: 64px; } height: 64px; }


.carousel-control { .carousel-control {
color: #fbbc43; color: #fbbc43;
text-align: center; text-align: center;
text-shadow: none; text-shadow: none;
font-size: 30px; font-size: 30px;
width: 30px; width: 30px;
height: 30px; height: 30px;
line-height: 20px; line-height: 20px;
top: 23%; } top: 23%; }


.carousel-control:hover, .carousel-control:hover,
.carousel-control:focus, .carousel-control:focus,
.carousel-control:active { .carousel-control:active {
color: #333; } color: #333; }


.carousel-caption, .carousel-caption,
.carousel-control .fa { .carousel-control .fa {
font: normal normal normal 30px/26px FontAwesome; font: normal normal normal 30px/26px FontAwesome;
color: #000000; } color: #000000; }


.carousel-control { .carousel-control {
bottom: auto; bottom: auto;
font-size: 20px; font-size: 20px;
left: 0; left: 0;
position: absolute; position: absolute;
top: 30%; top: 30%;
width: auto; } width: auto; }


.carousel-control { .carousel-control {
top: 22% !important; top: 22% !important;
width: 2% !important; } width: 2% !important; }


.carousel-control.right, .carousel-control.right,
.carousel-control.left { .carousel-control.left {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%) !important; } background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 100%) !important; }


.wrapper__box--stellenangebote { .wrapper__box--stellenangebote {
width: 524px; } width: 524px; }


.article__title { .article__title {
font-weight: bold; font-weight: bold;
font-size: 24px; font-size: 24px;
color: #fbbc43; } color: #fbbc43; }


.article__content { .article__content {
font-size: 14px; font-size: 14px;
margin-top: 16px; } margin-top: 16px; }
.article__content--contact { .article__content--contact {
font-weight: bold; } font-weight: bold; }
.article__content--list { .article__content--list {
font-weight: 500; } font-weight: 500; }
.article__content span { .article__content span {
margin-bottom: 20px; } margin-bottom: 20px; }


.middle__box { .middle__box {
border: solid 3px #fbbc43; border: solid 3px #fbbc43;
padding: 30px; } padding: 30px; }
.middle__box--title { .middle__box--title {
color: #fbbc43; color: #fbbc43;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
text-align: center; text-align: center;
justify-content: center; } justify-content: center; }
.middle__box--title h2 { .middle__box--title h2 {
font-size: 24px; font-size: 24px;
font-weight: bold !important; } font-weight: bold !important; }
.middle__box--content p, .middle__box--content p,
.middle__box--content ul, .middle__box--content ul,
.middle__box--content li { .middle__box--content li {
font-size: 14px; } font-size: 14px; }
.middle__box--content .content--title { .middle__box--content .content--title {
font-weight: bold; } font-weight: bold; }


footer{ footer{
background: #fbbc43; background: #fbbc43;
padding: 30px; padding: 30px;
} }


footer a{ footer a{
color: white; color: white;
} }


footer a:hover{ footer a:hover{
color: white; color: white;
@ -598,33 +598,36 @@ footer a:hover{




.box__header--startseite { .box__header--startseite {
margin-top: -14% !important; } margin-top: -14% !important; }


body{ body{
background-color: #e3ddbc2e; background-color: #e3ddbc2e;
} }


.nav-item{ .nav-item{
font-size: 18px; font-size: 18px;
padding-left: 18; padding-left: 18;
padding-right: 18; padding-right: 18;
padding-top: 6px; padding-top: 6px;
padding-bottom: 6px; padding-bottom: 6px;
} }




.navbar-expand-lg .navbar-nav { .navbar-expand-lg .navbar-nav {
justify-content: right; justify-content: right;
/* align-items: center; */ /* align-items: center; */
/* align-content: center; */ /* align-content: center; */
width: 100%; } width: 100%; }




.card-title { .card-title {
font-size: 19px; font-size: 19px;
color: #fbbc43; } color: #fbbc43; }




.btn-ci{ .btn-ci{
background-color: #fbb52f; background-color: #fbb52f;
} }


.color-

BIN
images/gruppenbild.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 939 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 750 KiB

BIN
images/menschenbild.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 326 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 398 KiB

BIN
images/mitarbeiter.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 626 KiB

BIN
images/person-kein-bild.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
images/ziegen.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 501 KiB