@charset "UTF-8";

@media only screen and (max-width: 1800px) {
.unsere-maerkte .left svg {
transform: scale(1.4);
}
.unsere-maerkte .middle svg {
transform: scale(1.2);
}
.unsere-maerkte .right svg {
transform: scale(1.4);
}
.footer .top .sitemap {
margin-left: 150px;
}
}
@media only screen and (max-width: 1700px) {
.footer .top .sitemap {
margin-left: 125px;
}
.footer .top .sitemap div {
width: 235px;
}
}
@media only screen and (max-width: 1600px) {
.intro-container {
margin-left: 4.25vw;
}
}
@media only screen and (max-width: 1550px) {
.footer .top {
padding-left: 100px;
}
}
@media only screen and (max-width: 1500px) {
.unsere-maerkte .maerkte-container .left svg {
margin-top: -25px;
}
.unsere-maerkte .maerkte-container .middle svg {
margin-top: -50px;
}
.unsere-maerkte .maerkte-container .right svg {
margin-top: -25px;
}
.contact-opportunities .left, .contact-opportunities .middle, .contact-opportunities .right {
margin-right: 1%;
}
.footer .top .sitemap {
margin-left: 100px;
}
.footer .top .sitemap .sitemap-unternehmen, .footer .top .sitemap .sitemap-karriere {
width: 175px;
}
.footer .top .sitemap .sitemap-kontakt {
width: 100px;
}
.footer .bottom .left {
flex: 0 0 25%;
}
.footer .bottom .middle {
flex: 0 0 42%;
}
}
@media only screen and (max-width: 1400px) {
.unsere-maerkte .maerkte-container .middle svg {
margin-top: -70px;
}
.unsere-maerkte .maerkte-container .right svg {
margin-top: -40px;
}
.intro-container {
margin-left: 3.75vw;
padding: 40px 45px 60px 60px;
width: 85%;
}
.intro-container .aktuelles .aktuelles-wrapper .listing-item {
width: -webkit-fill-available !important;
margin-bottom: 25px;
}
.intro-container .aktuelles .aktuelles-wrapper .listing-item:last-child {
margin-top: 0 !important;
}
.content {
margin-top: -45vh;
}
.content .unsere-maerkte {
margin-top: 200px;
}
.contact-opportunities .left, .contact-opportunities .middle, .contact-opportunities .right {
padding-right: 14px;
}
.gmaps {
padding-right: 25px;
}
.footer .top {
flex-wrap: nowrap;
}
.footer .top .sitemap .sitemap-kontakt {
display: none;
}
}
@media screen and (max-width: 1300px) {
.header .navbar .logo {
left: 50px;
}
.intro-container {
width: 84%;
}
.unsere-maerkte .maerkte-container .left {
margin-left: 25px;
}
.other-shops.special {
margin: 30px auto 0 auto;
}
.gmaps {
padding-right: 35px;
}
.footer .top .left, .footer .top .sitemap {
margin-left: 35px;
}
.footer .bottom {
padding-top: 20px;
padding-bottom: 20px;
margin-left: 0;
}
.footer .bottom td {
display: block;
}
.footer .bottom td img {
margin-top: 20px;
}
.footer .bottom td:first-child {
width: 100%;
}
.footer .bottom td:nth-child(2) {
position: relative;
bottom: 0;
left: 0;
}
.footer .bottom td:last-child {
width: 100%;
}
.footer .bottom td:last-child ul li {
line-height: 30px;
}
}
@media only screen and (max-width: 1200px) {
.header .navbar .logo {
left: 75px;
}
.header .navbar .nav {
visibility: hidden;
opacity: 0;
transition: 0.4s;
float: none !important;
text-align: left;
margin-left: -120%;
}
.header .navbar .icon {
display: inline-block;
margin-right: 8rem;
margin-top: 2.55rem;
width: 50px;
height: 50px;
cursor: pointer;
position: absolute;
top: 0;
right: 0;
transition: margin 0.5s;
transform: scale(0.85);
}
.header .navbar .icon .hamburger {
width: 37px;
height: 3px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
transition: 0.5s;
}
.header .navbar .icon .hamburger:before, .header .navbar .icon .hamburger:after {
content: "";
position: absolute;
width: 37px;
height: 3px;
background: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
transition: 0.5s;
}
.header .navbar .icon .hamburger:before {
top: -11px;
}
.header .navbar .icon .hamburger:after {
top: 11px;
}
.header.move .navbar .icon {
margin-top: 1rem;
}
.header.menu-open {
height: 100vh;
}
.header.menu-open .navbar {
width: 100%;
height: 100%;
background: #FFF;
padding-top: 1px;
}
.header.menu-open .navbar .logo {
top: 20px;
}
.header.menu-open .navbar .logo a svg #path14-6, .header.menu-open .navbar .logo a svg #path16-7, .header.menu-open .navbar .logo a svg #path18-5, .header.menu-open .navbar .logo a svg #path20-3, .header.menu-open .navbar .logo a svg #path22-5, .header.menu-open .navbar .logo a svg #path24-6, .header.menu-open .navbar .logo a svg #path26-2, .header.menu-open .navbar .logo a svg #path28-9, .header.menu-open .navbar .logo a svg #path30-1, .header.menu-open .navbar .logo a svg #path32-2, .header.menu-open .navbar .logo a svg #path34-7, .header.menu-open .navbar .logo a svg #path36-0, .header.menu-open .navbar .logo a svg #path38-9, .header.menu-open .navbar .logo a svg #path40-3, .header.menu-open .navbar .logo a svg #path42-6, .header.menu-open .navbar .logo a svg #path44-0, .header.menu-open .navbar .logo a svg #path46-6, .header.menu-open .navbar .logo a svg #path48-2, .header.menu-open .navbar .logo a svg #path50-6, .header.menu-open .navbar .logo a svg #path52-1, .header.menu-open .navbar .logo a svg #path54-8, .header.menu-open .navbar .logo a svg #path56-7, .header.menu-open .navbar .logo a svg #path58-9, .header.menu-open .navbar .logo a svg #path60-2, .header.menu-open .navbar .logo a svg #path62-0, .header.menu-open .navbar .logo a svg #path64-2, .header.menu-open .navbar .logo a svg #path66-3, .header.menu-open .navbar .logo a svg #path68-7, .header.menu-open .navbar .logo a svg #path70-5, .header.menu-open .navbar .logo a svg #path72-9, .header.menu-open .navbar .logo a svg #path74-2 {
fill: #000;
}
.header.menu-open .navbar .icon {
margin-top: 55px;
}
.header.menu-open .navbar .icon .hamburger {
background: rgba(0, 0, 0, 0);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0);
}
.header.menu-open .navbar .icon .hamburger:before {
background: #254a9a;
top: 0;
transform: rotate(45deg);
}
.header.menu-open .navbar .icon .hamburger:after {
background: #254a9a;
top: 0;
transform: rotate(-45deg);
}
.header.menu-open .navbar .nav {
visibility: visible;
opacity: 1;
transition: 0.4s;
margin-left: 8.5%;
margin-top: 150px;
padding: 0;
}
.header.menu-open .navbar .nav li {
display: block;
text-decoration: none;
position: relative;
margin-bottom: 20px;
margin-right: 40px;
border-top: 1px solid rgba(51, 51, 51, 0.1803921569);
padding: 2rem 0 1rem 0; }
.header.menu-open .navbar .nav li a {
margin-left: 0;
padding: 1.0625rem 2.5rem 1.0625rem 2.5rem !important;
color: #000;
}
.header.menu-open .navbar .nav li:nth-child(1), .header.menu-open .navbar .nav li:last-child {
border: none;
}
.header.menu-open .navbar .nav li.nav-btn {
margin-right: 0;
}
.header.menu-open .navbar .nav li.nav-btn a {
border: none;
border-radius: 5px;
width: 100%;
background: #254a9a;
color: #FFF;
padding: 1.35rem 5.5rem 1.35rem 5.5rem !important;
}
.header.menu-open .navbar .nav li#unternehmen:hover {
padding-bottom: 1rem;
}
.header.menu-open .navbar .nav li#unternehmen:hover ul {
display: none;
}
.header.menu-open .navbar .nav li#filialen:hover {
padding-bottom: 1rem;
}
.header.menu-open .navbar .nav li#filialen:hover ul {
display: none;
}
.header.menu-open.move .navbar .logo svg {
max-width: 80%;
}
.header.menu-open.move .navbar .logo svg #path76-2 {
fill: rgb(37, 74, 154);
}
.header.menu-open.move .navbar .logo svg #path78-8 {
fill: rgb(253, 216, 4);
}
.header.menu-open.move .navbar .logo svg #path14-6, .header.menu-open.move .navbar .logo svg #path16-7, .header.menu-open.move .navbar .logo svg #path18-5, .header.menu-open.move .navbar .logo svg #path20-3, .header.menu-open.move .navbar .logo svg #path22-5, .header.menu-open.move .navbar .logo svg #path24-6, .header.menu-open.move .navbar .logo svg #path26-2, .header.menu-open.move .navbar .logo svg #path28-9, .header.menu-open.move .navbar .logo svg #path30-1, .header.menu-open.move .navbar .logo svg #path32-2, .header.menu-open.move .navbar .logo svg #path34-7, .header.menu-open.move .navbar .logo svg #path36-0, .header.menu-open.move .navbar .logo svg #path38-9, .header.menu-open.move .navbar .logo svg #path40-3, .header.menu-open.move .navbar .logo svg #path42-6, .header.menu-open.move .navbar .logo svg #path44-0, .header.menu-open.move .navbar .logo svg #path46-6, .header.menu-open.move .navbar .logo svg #path48-2, .header.menu-open.move .navbar .logo svg #path50-6, .header.menu-open.move .navbar .logo svg #path52-1, .header.menu-open.move .navbar .logo svg #path54-8, .header.menu-open.move .navbar .logo svg #path56-7, .header.menu-open.move .navbar .logo svg #path58-9, .header.menu-open.move .navbar .logo svg #path60-2, .header.menu-open.move .navbar .logo svg #path62-0, .header.menu-open.move .navbar .logo svg #path64-2, .header.menu-open.move .navbar .logo svg #path66-3, .header.menu-open.move .navbar .logo svg #path68-7, .header.menu-open.move .navbar .logo svg #path70-5, .header.menu-open.move .navbar .logo svg #path72-9, .header.menu-open.move .navbar .logo svg #path74-2 {
fill: #000;
}
.unsere-maerkte .maerkte-container .left svg {
margin-top: -50px;
}
.unsere-maerkte .maerkte-container .middle svg {
margin-top: -100px;
}
.unsere-maerkte .maerkte-container .right svg {
margin-top: -50px;
padding-left: 40px;
transform: scale(1.6);
}
article.post header .entry-title {
font-size: 65px;
}
.gmaps {
padding-right: 45px;
}
}
@media only screen and (max-width: 1150px) {
.footer .top {
padding-left: 75px;
}
}
@media only screen and (max-width: 1100px) {
.intro-container {
width: 82%;
}
.hero-wrapper .image-wrapper img {
height: 100%;
}
.footer .top {
padding-left: 50px;
}
}
@media only screen and (max-width: 1080px) {
p {
max-width: 85% !important;
}
.intro-container {
width: 84%;
padding: 20px 25px 20px 50px;
}
.quickinformation .left-box p#opening span {
display: block;
margin: 0;
}
.quickinformation .vesperkult p {
max-width: 95% !important;
}
.other-shops h2 span {
display: none;
}
.other-shops.special {
margin-top: 0;
}
article.post .entry-content {
padding-right: 60px !important;
}
article.post .entry-content img.wp-post-image, article.post .entry-content img.no-post-thumbnail-image {
top: -22.5% !important;
height: 140% !important;
}
.vorwort, .aktuelle-stellen, .bewerbung {
margin-left: -15px !important;
}
.contact-opportunities {
max-width: 90%;
display: block;
}
.contact-opportunities .left, .contact-opportunities .middle, .contact-opportunities .right {
width: -webkit-fill-available;
margin-bottom: 20px;
}
.gmaps {
width: auto;
margin-right: 11%;
}
.footer .top {
display: block;
height: -moz-fit-content;
height: fit-content;
}
.footer .top .left, .footer .top .sitemap {
margin-left: 50px;
}
.footer .top .sitemap .sitemap-kontakt {
display: inline-table;
}
.unsere-maerkte .maerkte-container {
flex-direction: column;
}
.unsere-maerkte .maerkte-container .left {
margin-left: 30px;
}
.unsere-maerkte .maerkte-container .left h3 {
margin-left: -15px;
}
.unsere-maerkte .maerkte-container .left svg {
margin-top: 75px;
transform: scale(1);
}
.unsere-maerkte .maerkte-container .middle {
margin-top: 600px;
margin-left: 0px;
}
.unsere-maerkte .maerkte-container .middle h3 {
margin-left: 40px;
}
.unsere-maerkte .maerkte-container .middle svg {
margin-top: 90px;
transform: scale(1);
}
.unsere-maerkte .maerkte-container .right {
margin-left: 0px;
}
.unsere-maerkte .maerkte-container .right h3 {
margin-left: -60px;
}
.unsere-maerkte .maerkte-container .right svg {
margin-top: 100px;
transform: scale(1.1);
}
}
@media only screen and (max-width: 1000px) {
.unsere-maerkte .maerkte-container .middle {
margin-top: 500px;
}
.quickinformation {
grid-template-columns: 1fr;
}
.other-shops.special .other-shops-wrapper {
max-width: 91%;
display: block;
}
.other-shops.special .other-shops-wrapper .othershop .shop-information {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 900px) {
.hero-wrapper .text-wrapper h1 {
font-size: 36px;
}
.hero-wrapper .text-wrapper p {
font-size: 16px;
}
.unsere-maerkte .maerkte-container .middle {
margin-top: 450px;
margin-left: 0px;
}
}
@media only screen and (max-width: 850px) {
.unsere-maerkte .maerkte-container .left {
margin-left: 20px;
}
.unsere-maerkte .maerkte-container .left h3 {
margin-left: 20px;
}
.unsere-maerkte .maerkte-container .left svg {
transform: scale(1.1);
}
.unsere-maerkte .maerkte-container .middle {
margin-top: 350px;
margin-left: 10px;
}
.unsere-maerkte .maerkte-container .middle h3 {
margin-left: 25px;
}
.footer .top .left, .footer .top .sitemap {
margin-left: 10px;
}
}
@media only screen and (max-width: 800px) {
.header .navbar .icon {
margin-right: 6rem;
}
.intro-container {
width: 82%;
}
.unsere-maerkte .maerkte-container .middle {
margin-top: 300px;
}
.footer .top {
padding-bottom: 50px;
}
}
@media only screen and (max-width: 767px) {
.timeline {
margin-left: 6vw;
max-width: 90%;
}
}
@media only screen and (max-width: 750px) {
.unsere-maerkte .maerkte-container .middle {
margin-top: 250px;
}
.unsere-maerkte .maerkte-container .right {
margin-top: -50px;
}
}
@media only screen and (max-width: 700px) {
.header .navbar .logo {
left: 50px;
}
.intro-container {
width: 81%;
}
.unsere-maerkte .maerkte-container .left {
margin-left: 40px;
}
.unsere-maerkte .maerkte-container .left svg {
margin-top: 125px;
margin-left: 25px;
transform: scale(1.3);
}
.unsere-maerkte .maerkte-container .middle {
margin-left: 25px;
}
.unsere-maerkte .maerkte-container .middle svg {
margin-top: 25px;
margin-left: 10px;
transform: scale(1.1);
}
.unsere-maerkte .maerkte-container .right {
margin-left: 20px;
}
.unsere-maerkte .maerkte-container .right svg {
margin-top: 50px;
transform: scale(1.15);
}
.counters {
flex-direction: column;
padding-left: 4vw;
}
.counters li:not(:first-child) h3 {
margin-top: 50px;
}
.counters:before {
position: relative;
left: 0;
width: 80%;
}
.geschaeftsfuehrung {
max-width: 85%;
}
article.post header .entry-title {
font-size: 55px;
}
article.post header .entry-title footer.entry-footer {
font-size: 17px;
}
article.post .entry-content {
padding-top: 55px;
padding-left: 8vw;
}
article.post .entry-content .vgc-slider {
width: 102.5%;
}
}
@media only screen and (max-width: 650px) {
.unsere-maerkte .maerkte-container .middle {
margin-top: 150px;
}
.unsere-maerkte .maerkte-container .right {
margin-top: -75px;
}
.metzgerei {
margin-left: -18.5px;
}
.metzgerei table tr td:nth-child(2) {
display: none;
}
}
@media only screen and (max-width: 600px) {
.header .navbar .logo {
left: 40px;
}
.header .navbar .icon {
margin-right: 4rem;
}
.hero-wrapper .text-wrapper {
left: 8.5vw;
}
.hero-wrapper .text-wrapper h1 {
font-size: 34px;
}
.hero-wrapper .text-wrapper p {
font-size: 14px;
max-width: 95% !important;
}
.intro-container {
width: 84%;
padding: 5px 25px 5px 25px;
}
.aktuelles .aktuelles-wrapper .listing-item {
margin-right: 0 !important;
padding: 15px 30px 20px 20px !important;  }
.aktuelles .aktuelles-wrapper .listing-item .title {
font-size: 16px;
}
.aktuelles .aktuelles-wrapper .listing-item .image {
display: none !important;
}
.unsere-maerkte .maerkte-container .middle {
margin-top: 100px;
}
.unsere-maerkte .maerkte-container .right {
margin-top: -100px;
}
img.filiale-dagersheim {
-o-object-position: 0 -220px;
object-position: 0 -220px;
}
img.filiale-darmsheim {
-o-object-position: 72.5% 0;
object-position: 72.5% 0;
} img.filiale-fluorn-winzeln {
-o-object-position: 47% -160px;
object-position: 47% -160px;
}
img.filiale-loßburg {
-o-object-position: 70% -175px;
object-position: 70% -175px;
} img.filiale-wildberg {
-o-object-position: 50% -215px;
object-position: 50% -215px;
}
.quickinformation {
margin-left: -25px;
padding-right: 6vw;
}
.quickinformation .left-box, .quickinformation .right-box {
padding: 20px 30px 30px 35px;
}
.shopinformation, .baeckerei, .contact-person, .other-shops {
margin-left: -15px;
}
.contact-person .box {
width: 86%;
margin-bottom: 20px;
}
.sub_content_unternehmen div {
padding-left: 7.5vw;
}
.geschaeftsfuehrung, .mitglieder {
margin-left: 7.5vw;
}
.mitglieder a.btn {
display: block;
width: -moz-fit-content;
width: fit-content;
margin-top: 10px;
}
.mitglieder a.btn:after {
display: none;
}
.mitglieder br#br-mobile-600 {
display: none;
}
article.post header .entry-title {
max-width: 85%;
font-size: 48px;
}
article.post header .entry-title a {
font-size: 18px;
margin-left: 20px;
}
article.post header .entry-title a::before {
height: 12px;
width: 12px;
}
article.post header .entry-title footer.entry-footer {
font-size: 16px;
}
.contact-opportunities {
margin-left: -20px;
max-width: 99%;
}
.contact-opportunities .left, .contact-opportunities .middle, .contact-opportunities .right {
padding-left: 35px;
}
.gmaps {
padding-left: 35px;
padding-right: 35px;
margin-left: -20px;
margin-right: 6.25%;
}
}
@media only screen and (max-width: 550px) {
.intro-container {
width: 83%;
}
.unsere-maerkte .maerkte-container .left svg {
transform: scale(1.4);
margin-left: 35px;
}
.unsere-maerkte .maerkte-container .middle {
margin-top: 75px;
}
.unsere-maerkte .maerkte-container .middle svg {
transform: scale(1.25);
margin-left: 20px;
margin-top: 0;
}
.unsere-maerkte .maerkte-container .right {
margin-top: -110px;
}
.unsere-maerkte .maerkte-container .right svg {
transform: scale(1.25);
margin-top: 20px;
}
.other-shops.special .other-shops-wrapper {
max-width: 94%;
}
.other-shops.special .other-shops-wrapper .othershop .shop-image {
min-width: 0 !important;
}
.aktuelle-stellen .stellen {
margin-left: 0;
}
.aktuelle-stellen .stellen .listing-item {
width: 80%;
}
.metzgerei {
padding: 25px 30px 30px 40px;
}
.metzgerei h2 {
margin-top: 0;
}
.metzgerei p, .metzgerei i, .metzgerei a:after {
display: none;
}
.footer .top {
padding-left: 35px;
}
}
@media only screen and (max-width: 500px) {
.intro-container {
width: 82%;
}
.other-shops.special {
margin: -20px auto auto -20px;
}
.unsere-maerkte .maerkte-container .left svg {
margin-left: 25px;
transform: scale(1.5);
}
.unsere-maerkte .maerkte-container .middle {
margin-top: 35px;
}
.unsere-maerkte .maerkte-container .middle h3 {
margin-left: 40px;
}
.unsere-maerkte .maerkte-container .middle svg {
margin-top: -20px;
}
.unsere-maerkte .maerkte-container .right {
margin-top: -125px;
}
.unsere-maerkte .maerkte-container .right h3 {
margin-left: -45px;
}
.unsere-maerkte .maerkte-container .right svg {
margin-top: 10px;
}
.quickinformation {
padding-right: 5vw;
}
article .entry-content .vgc-slider {
width: 107.5% !important;
}
}
@media only screen and (max-width: 450px) {
.header .navbar .logo {
left: 30px;
}
.header .navbar .icon {
margin-right: 3rem;
}
.intro-container {
width: 81%;
}
.unsere-maerkte .maerkte-container .middle {
margin-top: -15px;
}
.unsere-maerkte .maerkte-container .middle svg {
margin-top: -50px;
margin-left: 30px;
transform: scale(1.5);
}
.unsere-maerkte .maerkte-container .right {
margin-top: -175px;
}
.unsere-maerkte .maerkte-container .right h3 {
margin-left: -40px;
}
.unsere-maerkte .maerkte-container .right svg {
margin-top: 0px;
}
.other-shops.special .other-shops-wrapper {
max-width: 100%;
}
.other-shops.special .other-shops-wrapper .othershop a {
padding: 20px 110px;
}
.quickinformation {
padding-right: 4vw;
}
}
@media only screen and (max-width: 430px) {
.intro-container {
width: 80%;
}
.other-shops.special .other-shops-wrapper .othershop a {
padding: 20px 100px;
}
}
@media only screen and (max-width: 400px) {
.intro-container {
width: 79%;
}
.unsere-maerkte .maerkte-container .left svg {
transform: scale(1.7);
margin-left: 20px;
}
.unsere-maerkte .maerkte-container .middle {
margin-top: 0px;
}
.unsere-maerkte .maerkte-container .middle svg {
margin-top: -75px;
transform: scale(1.6);
}
.unsere-maerkte .maerkte-container .right {
margin-bottom: 50px;
}
.unsere-maerkte .maerkte-container .right svg {
margin-top: -40px;
margin-left: -10px;
transform: scale(1.4);
}
.other-shops.special .other-shops-wrapper .othershop .shop-information {
margin: 30px 0 50px 20px;
}
.other-shops.special .other-shops-wrapper .othershop .shop-information p {
height: auto;
}
.other-shops.special .other-shops-wrapper .othershop a {
margin-left: 20px;
}
article .entry-content .vgc-slider {
width: 110% !important;
}
}