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">

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

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

View File

@ -4,7 +4,7 @@
<div class="container">
<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="box__header box__header--startseite">
<div class="wrapper__box wrapper__box--startseite">
@ -145,7 +145,7 @@


<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="row">
<div class="col">

View File

@ -4,7 +4,7 @@

<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="box__header">
<div class="wrapper__box wrapper__box--stellenangebote">
@ -48,7 +48,7 @@
<br>



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

View File

@ -4,7 +4,7 @@
<!-- Required meta tags -->
<meta charset="utf-8">
<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>


@if(isset($description))
<meta name="description" content="{{$description}}">
@ -113,13 +113,13 @@
<div class="container">
<div class="row">
<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 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>


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">
<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="wrapper__box wrapper__box--einrichtung">
<div class="wrapper__box__text">
@ -37,32 +37,7 @@
</div>
</article>
</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>
@ -93,7 +68,7 @@
<div class="wrapper__texBox--line"></div>
<p>Die Liebe zu Tieren<br/>ist wie Medizin.</p>
</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 class="row">
@ -106,9 +81,9 @@
</div>
</div>
<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>
</section>
@endsection
@endsection

View File

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

<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="wrapper__box wrapper__box--entstehung">
<div class="wrapper__box__text">
@ -121,4 +121,4 @@
</div>
</div>
</section>
@stop
@stop

View File

@ -2,10 +2,16 @@
@section('content')
<div class="container">
<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>
</div>

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

<section class="article">
<div class="container">
<div class="row">
@ -15,71 +21,127 @@
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6">
<div>
Pflegeheim Pleystein GmbH <br/>
Wohnen am Kreuzberg<br/>
Vohenstraußer Straße 7<br/>
92714 Pleystein<br/>
Tel.: <a href="tel:+49965492230" class="ci-link">09654 92230</a> <br/>
Fax: 09654 9223-30
<br/> Mail: <a href="mailto:wohnen-am-kreuzberg@t-online.de" class="ci-link">wohnen-am-kreuzberg@t-online.de</a>
<br>
<br>
<br>
<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>



<div class="row">
<div class="col">
<div class="wrapper__information--text">
<p>ANSPRECHAPTNER</p>
</div>
<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">
<div class="col-12">
<br>
<br>
<br>

<span>
Simona Kleiner<br/>
</span>
<span>
P. Schmidt-Moll<br/>
</span>
</div>
</div>
<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"></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 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>



View File

@ -4,7 +4,7 @@

<div class="container">
<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="wrapper__box wrapper__box--entstehung">
<div class="wrapper__box__text">
@ -36,32 +36,7 @@
</div>
</article>
</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>
@ -70,7 +45,7 @@
<div class="container">
<div class="row">
<div class="col">
<img src="{{asset('template/images/middle-mitarbeiter.jpg')}}" alt="">
<img src="{{asset('template/images/mitarbeiter.jpg')}}" alt="">
</div>
</div>
</div>

View File

@ -4,7 +4,7 @@

<div class="container">
<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="wrapper__box wrapper__box--einrichtung">
<div class="wrapper__box__text">
@ -102,4 +102,4 @@
</div>
</div>
</section>
@endsection
@endsection

View File

@ -4,7 +4,7 @@

<div class="container">
<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="wrapper__box wrapper__box--wohnen">
<div class="wrapper__box__text">

View File

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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


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


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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.carousel-control.right,
.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 {
width: 524px; }
width: 524px; }

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

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

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

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

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

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


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

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

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


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


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


.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