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>

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

@ -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,7 +81,7 @@
</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>

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

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>
</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> <br>
92714 Pleystein
</p>
</div>
</div> </div>
</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">


<span>
Simona Kleiner<br/>
</span> <div class="row">
<span> <div class="col-12">
P. Schmidt-Moll<br/> <br>
</span> <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>

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

<div class="row">

<div class="col-12">

<br>
<br>
<h3 class="h5 my-5 ci-color">PFLEGEDIENSTLEITUNG</h3>
</div> </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>
<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> </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">

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

@ -30,12 +30,12 @@ section {


.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; }


@ -57,30 +57,30 @@ textarea {
.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 { .wrapper__box--startseite .wrapper__box__text--default {
color: #006a43; color: #006a43;
font-size: 20px !important; } font-size: 20px !important; }
@media only screen and (max-width: 414px) { @media only screen and (max-width: 414px) {
.wrapper__box--startseite .wrapper__box__text--default { .wrapper__box--startseite .wrapper__box__text--default {
font-size: 1.4rem; } } font-size: 1.4rem; } }
.wrapper__box--startseite .wrapper__box__text--large { .wrapper__box--startseite .wrapper__box__text--large {
color: #fbbc43; color: #fbbc43;
font-size: 2rem; } font-size: 2rem; }
@media only screen and (max-width: 414px) { @media only screen and (max-width: 414px) {
.wrapper__box--startseite .wrapper__box__text--large { .wrapper__box--startseite .wrapper__box__text--large {
font-size: 2.5rempx; } } font-size: 2.5rempx; } }
.wrapper__box--startseite .wrapper__box__text--small { .wrapper__box--startseite .wrapper__box__text--small {
color: #006a43; color: #006a43;
font-size: 20px; } font-size: 20px; }
@media only screen and (max-width: 414px) { @media only screen and (max-width: 414px) {
.wrapper__box--startseite .wrapper__box__text--small { .wrapper__box--startseite .wrapper__box__text--small {
font-size: 15px; } } font-size: 15px; } }
.wrapper__box--startseite .wrapper__box__img { .wrapper__box--startseite .wrapper__box__img {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -111,20 +111,20 @@ textarea {
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; }
@ -135,31 +135,31 @@ textarea {
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; }


@ -195,7 +195,7 @@ textarea {


.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; } }


@ -203,7 +203,7 @@ textarea {
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%; } }
@ -243,7 +243,7 @@ textarea {
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; }


@ -277,7 +277,7 @@ textarea {
.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; } }


@ -294,7 +294,7 @@ textarea {
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; } }


@ -353,31 +353,31 @@ td,
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; }
@ -414,13 +414,13 @@ td,
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 {
@ -428,17 +428,17 @@ td,
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 {
@ -455,10 +455,10 @@ td,
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,7 +467,7 @@ 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; } }


@ -557,40 +557,40 @@ td,
.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;
@ -628,3 +628,6 @@ body{
.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