@charset "UTF-8";
/* Diese CSS-Datei ist für Custom Styles gedacht */
/* breakpoints */
/* main colors */
/* area colors */
/* fonts */
/* base.scss */
main {
  font-family: "ff-tisa-web-pro", Georgia, serif;
}

b {
  font-weight: bold;
}

.label-above {
  font-variant: normal;
}

.DescriptionText {
  font-family: inherit;
}

.more-link {
  margin-left: .5em;
}

main input, main button, main select, main textarea {
  font-family: "ff-meta-web-pro", Arial, sans-serif;
  font-weight: bold;
}

/* selection styles */
::-moz-selection {
  border: 0;
}

.area-ueber-uns ::-moz-selection {
  background: #f29100;
}

.area-region ::-moz-selection {
  background: #75b758;
}

.area-rezepte ::-moz-selection {
  background: #d94d36;
}

.area-kontakt ::-moz-selection {
  background: #57a7cf;
}

::-moz-selection {
  border: 0;
}

::selection {
  border: 0;
}

.area-ueber-uns ::-moz-selection {
  background: #f29100;
}

.area-ueber-uns ::selection {
  background: #f29100;
}

.area-region ::-moz-selection {
  background: #75b758;
}

.area-region ::selection {
  background: #75b758;
}

.area-rezepte ::-moz-selection {
  background: #d94d36;
}

.area-rezepte ::selection {
  background: #d94d36;
}

.area-kontakt ::-moz-selection {
  background: #57a7cf;
}

.area-kontakt ::selection {
  background: #57a7cf;
}

/* link styles */
a:not([href]):hover {
  color: inherit !important;
}

#block-system-main .node-custom-page :not(.button):not(.views-slideshow-cycle-main-frame-row-item):not(.pager-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .headline :not(.button):not(.views-slideshow-cycle-main-frame-row-item):not(.pager-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .multi-item-list :not(.button):not(.views-slideshow-cycle-main-frame-row-item):not(.pager-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .group-footer :not(.button):not(.views-slideshow-cycle-main-frame-row-item):not(.pager-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-marktlese-blog :not(.button):not(.views-slideshow-cycle-main-frame-row-item):not(.pager-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-marktladensuche :not(.button):not(.views-slideshow-cycle-main-frame-row-item):not(.pager-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-termine :not(.button):not(.views-slideshow-cycle-main-frame-row-item):not(.pager-item) > a:not(.contextual-links-trigger):not(.hoverlink) {
  border: 0 !important;
  display: inline;
  line-height: 1em;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffcc00), color-stop(20%, transparent));
  background-image: linear-gradient(to bottom, #ffcc00 20%, transparent 20%);
  background-position: 0 1.25em;
  background-repeat: repeat-x;
  background-size: 1px 10px;
  text-shadow: 1px 1px white, 1px -1px white, -1px 1px white, -1px -1px white;
}

body.area-ueber-uns #block-system-main .node-custom-page :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), #block-system-main .node-custom-page .type-ueber-uns :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), #block-system-main .node-custom-page .type-sortiment :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-ueber-uns
#block-system-main .headline :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .headline .type-ueber-uns :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .headline .type-sortiment :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-ueber-uns
#block-system-main .multi-item-list :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .multi-item-list .type-ueber-uns :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .multi-item-list .type-sortiment :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-ueber-uns
#block-system-main .group-footer :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .group-footer .type-ueber-uns :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .group-footer .type-sortiment :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-ueber-uns
#block-system-main .view-marktlese-blog :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-marktlese-blog .type-ueber-uns :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-marktlese-blog .type-sortiment :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-ueber-uns
#block-system-main .view-marktladensuche :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-marktladensuche .type-ueber-uns :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-marktladensuche .type-sortiment :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-ueber-uns
#block-system-main .view-termine :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-termine .type-ueber-uns :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-termine .type-sortiment :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink) {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f29100), color-stop(20%, transparent));
  background-image: linear-gradient(to bottom, #f29100 20%, transparent 20%);
}

body.area-region #block-system-main .node-custom-page :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), #block-system-main .node-custom-page .type-lieferant :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), #block-system-main .node-custom-page .type-region :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-region
#block-system-main .headline :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .headline .type-lieferant :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .headline .type-region :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-region
#block-system-main .multi-item-list :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .multi-item-list .type-lieferant :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .multi-item-list .type-region :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-region
#block-system-main .group-footer :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .group-footer .type-lieferant :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .group-footer .type-region :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-region
#block-system-main .view-marktlese-blog :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-marktlese-blog .type-lieferant :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-marktlese-blog .type-region :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-region
#block-system-main .view-marktladensuche :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-marktladensuche .type-lieferant :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-marktladensuche .type-region :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-region
#block-system-main .view-termine :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-termine .type-lieferant :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-termine .type-region :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink) {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #75b758), color-stop(20%, transparent));
  background-image: linear-gradient(to bottom, #75b758 20%, transparent 20%);
}

body.area-rezepte #block-system-main .node-custom-page :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), #block-system-main .node-custom-page .node-rezept :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), #block-system-main .node-custom-page .type-rezept :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-rezepte
#block-system-main .headline :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .headline .node-rezept :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .headline .type-rezept :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-rezepte
#block-system-main .multi-item-list :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .multi-item-list .node-rezept :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .multi-item-list .type-rezept :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-rezepte
#block-system-main .group-footer :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .group-footer .node-rezept :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .group-footer .type-rezept :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-rezepte
#block-system-main .view-marktlese-blog :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-marktlese-blog .node-rezept :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-marktlese-blog .type-rezept :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-rezepte
#block-system-main .view-marktladensuche :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-marktladensuche .node-rezept :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-marktladensuche .type-rezept :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-rezepte
#block-system-main .view-termine :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-termine .node-rezept :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-termine .type-rezept :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink) {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #d94d36), color-stop(20%, transparent));
  background-image: linear-gradient(to bottom, #d94d36 20%, transparent 20%);
}

body.area-kontakt #block-system-main .node-custom-page :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), #block-system-main .node-custom-page .type-kontakt :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-kontakt
#block-system-main .headline :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .headline .type-kontakt :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-kontakt
#block-system-main .multi-item-list :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .multi-item-list .type-kontakt :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-kontakt
#block-system-main .group-footer :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .group-footer .type-kontakt :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-kontakt
#block-system-main .view-marktlese-blog :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-marktlese-blog .type-kontakt :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-kontakt
#block-system-main .view-marktladensuche :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-marktladensuche .type-kontakt :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink), body.area-kontakt
#block-system-main .view-termine :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink),
#block-system-main .view-termine .type-kontakt :not(.button):not(.views-slideshow-cycle-main-frame-row-item) > a:not(.contextual-links-trigger):not(.hoverlink) {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #57a7cf), color-stop(20%, transparent));
  background-image: linear-gradient(to bottom, #57a7cf 20%, transparent 20%);
}

#block-system-main div.view-id-slider_startseite a:not(.hoverlink) {
  position: inherit;
}

.area-kontakt #kontaktlinks > div a {
  text-shadow: none !important;
}

.area-kontakt #kontaktlinks > div a:hover {
  background: none !important;
}

/* external links */
.ext-link-wrapper {
  background: none !important;
  padding: 0 !important;
}

#main :not(.views-slideshow-cycle-main-frame-row-item):not(.shariff-button):not(.button) > a[href*="//"]:not([href*="https://p348991.mittwaldserver.info"]):not([href*="localhost"]):not([href*="https://dermarktladen.de"]):before {
  width: 1.8rem;
  height: 1.6rem;
  margin-right: .1em;
  content: '';
  display: inline-block;
  -webkit-mask: url(images/external-link.svg) no-repeat 50% 50%;
  -khtml-mask: url(images/external-link.svg) no-repeat 50% 50%;
  -moz-mask: url(images/external-link.svg) no-repeat 50% 50%;
  -ms-mask: url(images/external-link.svg) no-repeat 50% 50%;
  -o-mask: url(images/external-link.svg) no-repeat 50% 50%;
  mask: url(images/external-link.svg) no-repeat 50% 50%;
  background-color: #ffcc00;
}

.area-ueber-uns #main :not(.views-slideshow-cycle-main-frame-row-item):not(.shariff-button):not(.button) > a[href*="//"]:not([href*="https://p348991.mittwaldserver.info"]):not([href*="localhost"]):not([href*="https://dermarktladen.de"]):before {
  background: #f29100;
}

.area-region #main :not(.views-slideshow-cycle-main-frame-row-item):not(.shariff-button):not(.button) > a[href*="//"]:not([href*="https://p348991.mittwaldserver.info"]):not([href*="localhost"]):not([href*="https://dermarktladen.de"]):before {
  background: #75b758;
}

.area-rezepte #main :not(.views-slideshow-cycle-main-frame-row-item):not(.shariff-button):not(.button) > a[href*="//"]:not([href*="https://p348991.mittwaldserver.info"]):not([href*="localhost"]):not([href*="https://dermarktladen.de"]):before {
  background: #d94d36;
}

.area-kontakt #main :not(.views-slideshow-cycle-main-frame-row-item):not(.shariff-button):not(.button) > a[href*="//"]:not([href*="https://p348991.mittwaldserver.info"]):not([href*="localhost"]):not([href*="https://dermarktladen.de"]):before {
  background: #57a7cf;
}

.area-kontakt #kontaktlinks > div a:before {
  display: none !important;
}

/* backtotop link */
.backtotop-wrapper a.backtotop {
  border: 3px solid;
  padding: .5rem 1rem;
  position: relative;
  font-size: 1.4rem;
  font-weight: bold;
  outline: none;
  color: #ffcc00;
}

.backtotop-wrapper a.backtotop:hover {
  color: #000;
  background: #ffcc00;
  border-color: #ffcc00;
}

.backtotop-wrapper a.backtotop:before {
  position: absolute;
  top: -40px;
  left: calc(50% - 10px);
}

/* in headlines */
h2.backtotop {
  position: relative;
}

h2.backtotop:hover:before {
  display: block;
  content: "";
  position: absolute;
  height: 0.7em;
  width: 0.9em;
  position: absolute;
  top: 0.18em;
  left: -0.5em;
  z-index: 100;
  -webkit-mask: url(https://dermarktladen.de/sites/all/themes/dermarktladen/css/custom/images/up-arrow.svg) no-repeat 0 0;
  -khtml-mask: url(https://dermarktladen.de/sites/all/themes/dermarktladen/css/custom/images/up-arrow.svg) no-repeat 0 0;
  -moz-mask: url(https://dermarktladen.de/sites/all/themes/dermarktladen/css/custom/images/up-arrow.svg) no-repeat 0 0;
  -ms-mask: url(https://dermarktladen.de/sites/all/themes/dermarktladen/css/custom/images/up-arrow.svg) no-repeat 0 0;
  -o-mask: url(https://dermarktladen.de/sites/all/themes/dermarktladen/css/custom/images/up-arrow.svg) no-repeat 0 0;
  mask: url(https://dermarktladen.de/sites/all/themes/dermarktladen/css/custom/images/up-arrow.svg) no-repeat 0 0;
  background-color: #ffcc00;
}

.area-ueber-uns h2.backtotop:hover:before {
  background: #f29100;
}

.area-region h2.backtotop:hover:before {
  background: #75b758;
}

.area-rezepte h2.backtotop:hover:before {
  background: #d94d36;
}

.area-kontakt h2.backtotop:hover:before {
  background: #57a7cf;
}

.field-name-field-custom-page-teaser,
.field-name-field-sortiment-teaser,
.field-name-field-lieferant-teaser,
.field-name-field-lieferanten-teaser {
  /* verhindert, dass die zeilen im teaser zu lange werden*/
  /* stellt sicher, dass links im teaser nie visited werden können.*/
}

:not(.front) .field-name-field-custom-page-teaser:not(.view-mode-suche) > .field-name-field-custom-page-teaser, :not(.front)
.field-name-field-sortiment-teaser:not(.view-mode-suche) > .field-name-field-custom-page-teaser, :not(.front)
.field-name-field-lieferant-teaser:not(.view-mode-suche) > .field-name-field-custom-page-teaser, :not(.front)
.field-name-field-lieferanten-teaser:not(.view-mode-suche) > .field-name-field-custom-page-teaser, :not(.front) .field-name-field-custom-page-teaser:not(.view-mode-suche) >
.field-name-field-sortiment-teaser, :not(.front)
.field-name-field-sortiment-teaser:not(.view-mode-suche) >
.field-name-field-sortiment-teaser, :not(.front)
.field-name-field-lieferant-teaser:not(.view-mode-suche) >
.field-name-field-sortiment-teaser, :not(.front)
.field-name-field-lieferanten-teaser:not(.view-mode-suche) >
.field-name-field-sortiment-teaser, :not(.front) .field-name-field-custom-page-teaser:not(.view-mode-suche) >
.field-name-field-lieferant-teaser, :not(.front)
.field-name-field-sortiment-teaser:not(.view-mode-suche) >
.field-name-field-lieferant-teaser, :not(.front)
.field-name-field-lieferant-teaser:not(.view-mode-suche) >
.field-name-field-lieferant-teaser, :not(.front)
.field-name-field-lieferanten-teaser:not(.view-mode-suche) >
.field-name-field-lieferant-teaser, :not(.front) .field-name-field-custom-page-teaser:not(.view-mode-suche) >
.field-name-field-lieferanten-teaser, :not(.front)
.field-name-field-sortiment-teaser:not(.view-mode-suche) >
.field-name-field-lieferanten-teaser, :not(.front)
.field-name-field-lieferant-teaser:not(.view-mode-suche) >
.field-name-field-lieferanten-teaser, :not(.front)
.field-name-field-lieferanten-teaser:not(.view-mode-suche) >
.field-name-field-lieferanten-teaser {
  margin-right: 12rem;
}

@media (max-width: 768px - 1px) {
  .field-name-field-custom-page-teaser,
  .field-name-field-sortiment-teaser,
  .field-name-field-lieferant-teaser,
  .field-name-field-lieferanten-teaser {
    margin-right: 0 !important;
  }
}

.field-name-field-custom-page-teaser p,
.field-name-field-sortiment-teaser p,
.field-name-field-lieferant-teaser p,
.field-name-field-lieferanten-teaser p {
  border: 0;
  margin-bottom: 1rem;
  /* mehr platz für den teaster-text zur linie.*/
  /* entfernt den platzlass-margin für mobile */
}

.field-name-field-custom-page-teaser p:last-child,
.field-name-field-sortiment-teaser p:last-child,
.field-name-field-lieferant-teaser p:last-child,
.field-name-field-lieferanten-teaser p:last-child {
  padding-bottom: 3rem;
  border-bottom: 3px solid #404042;
  margin-bottom: 5rem;
}

@media (max-width: 768px - 1px) {
  .field-name-field-custom-page-teaser p,
  .field-name-field-sortiment-teaser p,
  .field-name-field-lieferant-teaser p,
  .field-name-field-lieferanten-teaser p {
    margin-right: 0 !important;
  }
}

.field-name-field-custom-page-teaser a,
.field-name-field-sortiment-teaser a,
.field-name-field-lieferant-teaser a,
.field-name-field-lieferanten-teaser a {
  display: inline-block;
  line-height: 2rem;
  font-weight: bold;
  color: #000;
}

.area-ueber-uns .field-name-field-custom-page-teaser a, .area-ueber-uns
.field-name-field-sortiment-teaser a, .area-ueber-uns
.field-name-field-lieferant-teaser a, .area-ueber-uns
.field-name-field-lieferanten-teaser a {
  border-color: #f29100;
}

.area-region .field-name-field-custom-page-teaser a, .area-region
.field-name-field-sortiment-teaser a, .area-region
.field-name-field-lieferant-teaser a, .area-region
.field-name-field-lieferanten-teaser a {
  border-color: #75b758;
}

.area-rezepte .field-name-field-custom-page-teaser a, .area-rezepte
.field-name-field-sortiment-teaser a, .area-rezepte
.field-name-field-lieferant-teaser a, .area-rezepte
.field-name-field-lieferanten-teaser a {
  border-color: #d94d36;
}

.area-kontakt .field-name-field-custom-page-teaser a, .area-kontakt
.field-name-field-sortiment-teaser a, .area-kontakt
.field-name-field-lieferant-teaser a, .area-kontakt
.field-name-field-lieferanten-teaser a {
  border-color: #57a7cf;
}

.field-name-field-custom-page-teaser a:hover,
.field-name-field-sortiment-teaser a:hover,
.field-name-field-lieferant-teaser a:hover,
.field-name-field-lieferanten-teaser a:hover {
  color: #ffcc00;
}

/* rahmen, die dafür sorgen dass die angebote nicht "auseinanderfallen"*/
.view-angebote .content {
  border: 1px solid #ffcc00;
}

/* entfernt a-link-borders von links, die grafiken sind.*/
.paragraphs-item-foto a, .paragraphs-item-galerie a {
  border: 0 !important;
  /* !important überschreibt die komplexe Bereichs-Farben-Hierarchie */
}

a.text-gray:hover, a.text-gray:active, a.text-gray:focus {
  color: #ffcc00 !important;
}

/* typografie */
.views-row .field-type-text-long p {
  font-style: normal;
}

#opening-infoblock {
  /* verhindert, dass die schrift im öffnungszeiten-pop-up zu nah am rand ist.*/
  padding-bottom: .8em;
}

#block-marktladen-oeffnungszeiten-marktladen-oeffnungszeiten #opening-infoblock{
    width: auto;
}

#block-marktladen-oeffnungszeiten-marktladen-oeffnungszeiten #opening-infoblock::before{
  left: auto;
  right: 55px;
  right: 5.5rem;
}

#opening-infoblock p {
  line-height: 1.2em;
}

.content p, .content li {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.content p .teasertitle-highlight, .content li .teasertitle-highlight {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

.content > a {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  overflow-wrap: normal !important;
  word-wrap: normal !important;
  word-break: normal !important;
  word-break: keep-all;
}

/* copyright-captions sollen ruhig klein sein.*/
.node-rezept .headerimg_caption {
  font-size: 1rem;
}

/* einheitliche margins für alle überschriften*/
.field-type-text-long h1, .field-type-text-long h2, .field-type-text-long h3, .field-type-text-long h4, .field-type-text-long h5, .field-type-text-long h6 {
  margin: 0 0 .6rem 0;
}

/* headings */
h1 {
  line-height: 1em;
}

@media (max-width: 768px - 1px) {
  h1 {
    font-size: 2.0736em;
    margin: 0;
  }
}

h2 {
  font-size: 2.88rem;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: .04em;
  /* keine caps und kein spacing bei den rezepten und der sortiments-übersicht*/
}

div[property="dc:title"] h2, .view-rezeptsuche h2 {
  text-transform: inherit;
  letter-spacing: 0;
}

@media (max-width: 768px - 1px) {
  h2 {
    font-size: 1.728em;
  }
}

h3 {
  font-size: 2.88rem;
  font-size: 2.0736em;
  text-transform: inherit;
}

@media (max-width: 768px - 1px) {
  h3 {
    font-size: 1.44em;
  }
}

h4 {
  font-size: 2.52rem;
  font-size: 1.728em;
  font-style: normal;
}

@media (max-width: 768px - 1px) {
  h4 {
    font-size: 1.2em;
  }
}

h5 {
  font-size: 2.28rem;
  font-size: 1.44em;
}

@media (max-width: 768px - 1px) {
  h5 {
    font-size: 1.2em;
  }
}

h6 {
  font-size: 2.02rem;
  font-size: 1.2em;
}

/* italic */
em {
  display: inline;
  line-height: 1em;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #bcbec0), color-stop(10%, transparent));
  background-image: linear-gradient(to bottom, #bcbec0 10%, transparent 10%);
  background-position: 0 1.25em;
  background-repeat: repeat-x;
  background-size: 1px 10px;
  text-shadow: 2px 2px white, 2px -2px white, -2px 2px white, -2px -2px white;
  background-position: 0 1.4em;
}

/* blockquote */
blockquote {
  border-color: #bcbec0;
  border-bottom: 0;
  /* neuformatierung des autors*/
  /* em-dash vor dem autor*/
  /* platz für die quotegrafik über und nicht neben dem text.*/
}

blockquote p {
  font-size: 2rem;
  line-height: 1.5em;
}

blockquote strong {
  font-family: "ff-meta-web-pro", Arial, sans-serif;
  color: #bcbec0;
  font-variant: small-caps;
  text-transform: lowercase;
}

blockquote strong::before {
  content: "\2014   ";
}

@media (max-width: 768px - 1px) {
  blockquote {
    padding-left: 0;
    padding-top: 9rem;
  }
}

/* content */
.paragraphs-grid-wrapper {
  width: 100%;
}

.field-item {
  margin-bottom: 2rem;
}

.field-name-field-par-linkblock-bild .field-item,
.node-teaser .field-item,
.field-name-field-par-linkblock-ueberschrift .field-item,
.view-slider-startseite .field-item,
.view-marktlese-archiv .field-item,
.field-name-field-download-vorschaugrafik .field-item,
.field-name-title .field-item {
  margin-bottom: 0 !important;
}

div.field-name-field-par-foto-caption {
  margin-top: -1em !important;
  font-size: 1.4rem !important;
  line-height: 1.4rem;
  font-style: italic;
}

.area-ueber-uns .paragraphs-item-textblock ul li::before {
  background-color: #f29100;
}

.area-region .paragraphs-item-textblock ul li::before {
  background-color: #75b758;
}

.area-rezepte .paragraphs-item-textblock ul li::before {
  background-color: #d94d36;
}

.area-kontakt .paragraphs-item-textblock ul li::before {
  background-color: #57a7cf;
}

/* buttons */
main .button,
main button,
main input[type="submit"],
main input[type="reset"],
main input[type="button"],
#kontaktlinks > div a,
a.link-highlight,
.webform-submit {
  color: #000;
  background-color: #ffcc00;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  outline: 4px solid #ffcc00;
  outline-offset: -2px;
  /* lh vereinheitlichen zwischen buttons und nicht-buttons */
  font-size: 1.68rem;
  line-height: 1.2em;
}

main .button:hover,
main button:hover,
main input[type="submit"]:hover,
main input[type="reset"]:hover,
main input[type="button"]:hover,
#kontaktlinks > div a:hover,
a.link-highlight:hover,
.webform-submit:hover {
  background-color: #fff !important;
}

main .button a:link, main .button a:focus, main .button a:active, main .button a:visited,
main button a:link,
main button a:focus,
main button a:active,
main button a:visited,
main input[type="submit"] a:link,
main input[type="submit"] a:focus,
main input[type="submit"] a:active,
main input[type="submit"] a:visited,
main input[type="reset"] a:link,
main input[type="reset"] a:focus,
main input[type="reset"] a:active,
main input[type="reset"] a:visited,
main input[type="button"] a:link,
main input[type="button"] a:focus,
main input[type="button"] a:active,
main input[type="button"] a:visited,
#kontaktlinks > div a a:link,
#kontaktlinks > div a a:focus,
#kontaktlinks > div a a:active,
#kontaktlinks > div a a:visited,
a.link-highlight a:link,
a.link-highlight a:focus,
a.link-highlight a:active,
a.link-highlight a:visited,
.webform-submit a:link,
.webform-submit a:focus,
.webform-submit a:active,
.webform-submit a:visited {
  color: inherit;
  border: 0 !important;
}

.area-ueber-uns main .button, .area-ueber-uns
main button, .area-ueber-uns
main input[type="submit"], .area-ueber-uns
main input[type="reset"], .area-ueber-uns
main input[type="button"], .area-ueber-uns
#kontaktlinks > div a, .area-ueber-uns
a.link-highlight, .area-ueber-uns
.webform-submit {
  color: #fff;
  background-color: #f29100;
  outline-color: #f29100;
}

.area-ueber-uns main .button:hover, .area-ueber-uns
main button:hover, .area-ueber-uns
main input[type="submit"]:hover, .area-ueber-uns
main input[type="reset"]:hover, .area-ueber-uns
main input[type="button"]:hover, .area-ueber-uns
#kontaktlinks > div a:hover, .area-ueber-uns
a.link-highlight:hover, .area-ueber-uns
.webform-submit:hover {
  color: #f29100 !important;
  background: #fff;
}

.area-region main .button, .area-region main .button:link, .area-region main .button:active, .area-region main .button:focus, .area-region
main button, .area-region
main button:link, .area-region
main button:active, .area-region
main button:focus, .area-region
main input[type="submit"], .area-region
main input[type="submit"]:link, .area-region
main input[type="submit"]:active, .area-region
main input[type="submit"]:focus, .area-region
main input[type="reset"], .area-region
main input[type="reset"]:link, .area-region
main input[type="reset"]:active, .area-region
main input[type="reset"]:focus, .area-region
main input[type="button"], .area-region
main input[type="button"]:link, .area-region
main input[type="button"]:active, .area-region
main input[type="button"]:focus, .area-region
#kontaktlinks > div a, .area-region
#kontaktlinks > div a:link, .area-region
#kontaktlinks > div a:active, .area-region
#kontaktlinks > div a:focus, .area-region
a.link-highlight, .area-region
a.link-highlight:link, .area-region
a.link-highlight:active, .area-region
a.link-highlight:focus, .area-region
.webform-submit, .area-region
.webform-submit:link, .area-region
.webform-submit:active, .area-region
.webform-submit:focus {
  color: #fff;
  background-color: #75b758;
  outline-color: #75b758;
}

.area-region main .button:hover, .area-region
main button:hover, .area-region
main input[type="submit"]:hover, .area-region
main input[type="reset"]:hover, .area-region
main input[type="button"]:hover, .area-region
#kontaktlinks > div a:hover, .area-region
a.link-highlight:hover, .area-region
.webform-submit:hover {
  color: #75b758 !important;
  background: #fff;
}

.area-rezepte main .button, .area-rezepte
main button, .area-rezepte
main input[type="submit"], .area-rezepte
main input[type="reset"], .area-rezepte
main input[type="button"], .area-rezepte
#kontaktlinks > div a, .area-rezepte
a.link-highlight, .area-rezepte
.webform-submit {
  color: #fff;
  background-color: #d94d36;
  outline-color: #d94d36;
}

.area-rezepte main .button:hover, .area-rezepte
main button:hover, .area-rezepte
main input[type="submit"]:hover, .area-rezepte
main input[type="reset"]:hover, .area-rezepte
main input[type="button"]:hover, .area-rezepte
#kontaktlinks > div a:hover, .area-rezepte
a.link-highlight:hover, .area-rezepte
.webform-submit:hover {
  color: #d94d36 !important;
  background: #fff;
}

.area-kontakt main .button, .area-kontakt
main button, .area-kontakt
main input[type="submit"], .area-kontakt
main input[type="reset"], .area-kontakt
main input[type="button"], .area-kontakt
#kontaktlinks > div a, .area-kontakt
a.link-highlight, .area-kontakt
.webform-submit {
  color: #fff;
  background-color: #57a7cf;
  outline-color: #57a7cf;
}

.area-kontakt main .button:hover, .area-kontakt
main button:hover, .area-kontakt
main input[type="submit"]:hover, .area-kontakt
main input[type="reset"]:hover, .area-kontakt
main input[type="button"]:hover, .area-kontakt
#kontaktlinks > div a:hover, .area-kontakt
a.link-highlight:hover, .area-kontakt
.webform-submit:hover {
  color: #57a7cf !important;
  background: #fff;
}

/* meta buttons */
.shariff-button,
.field-name-drucken {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  border: 4px solid;
  border-color: #ffcc00;
  position: relative;
  background-image: none !important;
}

.shariff-button a,
.field-name-drucken a {
  border: 0 !important;
  background: transparent !important;
}

.shariff-button:hover,
.field-name-drucken:hover {
  background: white !important;
}

.shariff-button:hover:before,
.field-name-drucken:hover:before {
  background: #ffcc00;
}

.area-ueber-uns .shariff-button, .area-ueber-uns
.field-name-drucken {
  border-color: #f29100;
}

.area-ueber-uns .shariff-button:hover:before, .area-ueber-uns
.field-name-drucken:hover:before {
  background: #f29100;
}

.area-region .shariff-button, .area-region
.field-name-drucken {
  border-color: #75b758;
}

.area-region .shariff-button:hover:before, .area-region
.field-name-drucken:hover:before {
  background: #75b758;
}

.area-rezepte .shariff-button, .node-rezept .shariff-button, .area-rezepte
.field-name-drucken, .node-rezept
.field-name-drucken {
  border-color: #d94d36;
}

.area-rezepte .shariff-button:hover:before, .node-rezept .shariff-button:hover:before, .area-rezepte
.field-name-drucken:hover:before, .node-rezept
.field-name-drucken:hover:before {
  background: #d94d36;
}

.area-kontakt .shariff-button, .area-kontakt
.field-name-drucken {
  border-color: #57a7cf;
}

.area-kontakt .shariff-button:hover:before, .area-kontakt
.field-name-drucken:hover:before {
  background: #57a7cf;
}

.shariff-button:before,
.field-name-drucken:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: '';
  background: white;
  display: block;
  -webkit-mask: url("../../img/icons/print_b.svg") no-repeat 50% 50%;
  -khtml-mask: url("../../img/icons/print_b.svg") no-repeat 50% 50%;
  -moz-mask: url("../../img/icons/print_b.svg") no-repeat 50% 50%;
  -ms-mask: url("../../img/icons/print_b.svg") no-repeat 50% 50%;
  -o-mask: url("../../img/icons/print_b.svg") no-repeat 50% 50%;
  mask: url("../../img/icons/print_b.svg") no-repeat 50% 50%;
}

.shariff-button.mail:before,
.field-name-drucken.mail:before {
  -webkit-mask: url("../../img/icons/mail_b.svg") no-repeat 50% 50%;
  -khtml-mask: url("../../img/icons/mail_b.svg") no-repeat 50% 50%;
  -moz-mask: url("../../img/icons/mail_b.svg") no-repeat 50% 50%;
  -ms-mask: url("../../img/icons/mail_b.svg") no-repeat 50% 50%;
  -o-mask: url("../../img/icons/mail_b.svg") no-repeat 50% 50%;
  mask: url("../../img/icons/mail_b.svg") no-repeat 50% 50%;
}

.shariff-button.facebook:before,
.field-name-drucken.facebook:before {
  -webkit-mask: url("images/facebook.svg") no-repeat 50% 50%;
  -khtml-mask: url("images/facebook.svg") no-repeat 50% 50%;
  -moz-mask: url("images/facebook.svg") no-repeat 50% 50%;
  -ms-mask: url("images/facebook.svg") no-repeat 50% 50%;
  -o-mask: url("images/facebook.svg") no-repeat 50% 50%;
  mask: url("images/facebook.svg") no-repeat 50% 50%;
}

/* suche */
#footer-search #edit-search-api-views-fulltext,
header #edit-search-api-views-fulltext {
  border: 0 !important;
  font-family: "ff-meta-web-pro", Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: bold;
}

/* rezeptsuche */
.area-rezepte main input[type="submit"] {
  outline: none;
}

.views-row .node-teaser a.hoverlink:after,
.views-row .node-rezept a.hoverlink::after,
.views-row .node-download a.hoverlink::after,
.field-name-field-par-linkblock-bild:after {
  width: 16rem !important;
  border-width: 4px !important;
  line-height: 3.2rem !important;
  height: 4rem !important;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

/* bildergalerie */
.paragraphs-item-galerie {
  clear: both;
}

/* pager */
ul.pager li {
  -webkit-font-feature-settings: 'lnum';
  -khtml-font-feature-settings: 'lnum';
  -ms-font-feature-settings: 'lnum';
  -o-font-feature-settings: 'lnum';
  font-feature-settings: 'lnum';
  border-width: 4px;
}

ul.pager li:hover:not(.pager-current) {
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.area-ueber-uns ul.pager li:hover:not(.pager-current) {
  background-color: #f29100 !important;
}

.area-region ul.pager li:hover:not(.pager-current) {
  background-color: #75b758 !important;
}

.area-rezepte ul.pager li:hover:not(.pager-current) {
  background-color: #d94d36 !important;
}

.area-kontakt ul.pager li:hover:not(.pager-current) {
  background-color: #57a7cf !important;
}

/* header */
.area-ueber-uns .wrapper, .area-ueber-uns
.collapsed .wrapper, .area-ueber-uns
#header #edit-submit-marktladensuche {
  background-color: #f29100 !important;
}

.area-region .wrapper, .area-region
.collapsed .wrapper, .area-region
#header #edit-submit-marktladensuche {
  background-color: #75b758 !important;
}

.area-rezepte .wrapper, .area-rezepte
.collapsed .wrapper, .area-rezepte
#header #edit-submit-marktladensuche {
  background-color: #d94d36 !important;
}

.area-kontakt .wrapper, .area-kontakt
.collapsed .wrapper, .area-kontakt
#header #edit-submit-marktladensuche {
  background-color: #57a7cf !important;
}

/* main menu */
#block-system-main-menu .nav-kontakt .last {
  display: none !important;
}

/* footer */
#footer {
  padding-top: 1rem;
}

#footer .nav-1 a:hover {
  color: #f29100 !important;
}

#footer .nav-2 a:hover {
  color: #75b758 !important;
}

#footer .nav-3 a:hover {
  color: #d94d36 !important;
}

#footer .nav-4 a:hover {
  color: #57a7cf !important;
}

#footer .filiale {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2em;
  -webkit-font-feature-settings: 'lnum';
  -khtml-font-feature-settings: 'lnum';
  -ms-font-feature-settings: 'lnum';
  -o-font-feature-settings: 'lnum';
  font-feature-settings: 'lnum';
}

#footer .filiale .text-uppercase {
  font-size: 1.8rem;
  line-height: 2em;
  font-weight: normal;
}

#footer .filiale .text-small {
  font-weight: normal;
}

#footer .footerlogos a:first-child {
  display: none !important;
}

#footer #webshoplink_container {
  text-align: left;
  margin: 4rem 0 0 20%;
}

#footer .nav-5 a {
  font-size: 1.68rem;
  text-transform: none;
  clear: both;
  margin-top: 2rem;
  color: #ffcc00 !important;
  border: 4px solid #ffcc00;
  padding: 1rem;
  text-align: center;
  display: block;
}

#footer .nav-5 a:hover {
  color: #404042 !important;
  background-color: #ffcc00;
}

/* modules.scss */
/* startseite */
@media (min-width: 980px) {
  .front .field-name-field-custom-page-teaser {
    padding-top: 398px;
    margin: 0 10% 0 0;
    background: url(images/christina-und-michael.jpg) no-repeat 60% top;
    width: 65%;
    float: left;
  }
  .front .field-name-field-custom-page-teaser p:first-child {
    border-top: 3px solid #404042;
  }
  .view-slider-startseite {
    clear: both;
  }
}

/* aktuelle Marktlese */
@media (min-width: 980px) {
  .view-aktuelle-marktlese {
    font-size: 10px !important;
    width: 25%;
    float: right;
  }
}

.view-aktuelle-marktlese h2 {
  margin-bottom: 2rem;
}

.view-aktuelle-marktlese a {
  background: none !important;
}

.view-aktuelle-marktlese a:hover img {
  -webkit-transform: rotate(4deg);
  -khtml-transform: rotate(4deg);
  transform: rotate(4deg);
}

.view-aktuelle-marktlese img {
  -webkit-transform: rotate(3deg);
  -khtml-transform: rotate(3deg);
  transform: rotate(3deg);
  -webkit-box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.4);
          box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.4);
}

/* tagesessen */
#tagesessen div {
  width: 50%;
  float: left;
}

@media (max-width: 768px - 1px) {
  #tagesessen {
    width: 100%;
  }
}

/* philosophie */
div.philosophie ul {
  font-size: 2rem;
}

div.philosophie ul li {
  line-height: 3rem;
  padding-left: 4rem;
  text-indent: -5rem;
  padding-bottom: 1rem;
}

div.philosophie ul li::before {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  height: 1rem;
  background: none !important;
  content: "\2026  ";
  font: 5.2rem "ff-meta-web-pro", Arial, sans-serif;
  color: #75b758;
  line-height: .1rem;
}

div.philosophie span.ellipsis {
  font: 5.2rem "ff-meta-web-pro", Arial, sans-serif;
  color: #75b758;
  line-height: .1rem;
}

/* infotable */
.info_table {
  font-family: "ff-meta-web-pro", Arial, sans-serif;
  font-size: .8em;
  line-height: 1.2em;
  background-color: #c2db9a;
  max-width: 34rem;
  width: 100%;
  overflow: visible;
}

.info_table td, .info_table th {
  padding: 10px 5px;
  overflow: hidden;
  word-break: normal;
  border-bottom: 1px solid #fff;
  vertical-align: top;
}

.info_table th {
  text-transform: uppercase;
  font-size: 1.142em;
  font-weight: bold;
  border-bottom: 1px solid #000;
}

.info_table .it_right {
  border-left: 1px solid #fff;
  font-style: italic;
}

/* konzept */
ul#konzept {
  border-left: 4px solid #f29100;
}

ul#konzept li {
  padding-bottom: 2rem;
  padding-left: 200px;
}

ul#konzept li.Jubilaeum {
  background: url("images/25-Jahre.png") 0 0 no-repeat;
  overflow: visible;
  min-height: 134px;
}

ul#konzept li.Wurst {
  background: url("images/Wurst.png") 0 0 no-repeat;
  overflow: visible;
  min-height: 131px;
}

ul#konzept li.Backwaren {
  background: url("images/Backwaren.png") 0 0 no-repeat;
  overflow: visible;
  min-height: 138px;
}

ul#konzept li.Ausm-Laendle {
  background: url("images/Ausm-Laendle.png") 0 0 no-repeat;
  overflow: visible;
  min-height: 130px;
}

ul#konzept li.Mitarbeiter {
  background: url("images/Mitarbeiter.png") 0 0 no-repeat;
  overflow: visible;
  min-height: 122px;
}

ul#konzept li.Lieferdienst {
  background: url("images/Lieferdienst.png") 0 0 no-repeat;
  overflow: visible;
  min-height: 142px;
}

ul#konzept li.Gemeinwohl {
  background: url("images/Gemeinwohl.png") 0 0 no-repeat;
  overflow: visible;
  min-height: 136px;
}

@media (max-width: 768px - 1px) {
  ul#konzept li {
    padding: 130px 0 0 0;
  }
}

ul#konzept li::before {
  background: none;
  color: #f29100;
  content: '\002219';
  font-size: 200px;
  position: absolute;
  left: -50px;
  top: -32px;
}

ul#konzept::after {
  background: transparent url("images/down-arrow.svg") top center/30px 30px no-repeat;
  content: '';
  top: 0;
  display: inline-block;
  margin-left: -36px;
  margin-bottom: -14px;
  width: 30px;
  height: 30px;
}

/* team */
body.page-node-10 .paragraphs-item-galerie img {
  border-radius: 50%;
}

/* sponsoring */
div[about*="sponsoring"] a {
  display: block !important;
  position: relative;
  background: transparent !important;
}

div[about*="sponsoring"] a:before {
  display: none !important;
}

div[about*="sponsoring"] a:hover:before {
  display: block !important;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4rem !important;
  height: 2.6rem !important;
  margin: -1.3rem 0 0 -2rem;
  z-index: 10;
  background: #fff !important;
}

div[about*="sponsoring"] a:hover:after {
  display: block !important;
  background: #75b758;
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 4.4rem !important;
  height: 4.4rem !important;
  margin: -2.2rem 0 0 -2.2rem;
  z-index: 5;
}

/* jobangebot */
#team-jobangebote > * {
  float: left;
  margin-left: 1em;
}

#team-jobangebote a {
  margin-left: .7em;
  font-size: 1.2em;
}

/* kontakt neu */
.page-node-1131 p.address, .page-node-1131 table {
  margin-bottom: 2.5rem !important;
}

.page-node-1131 table {
  width: 100%;
  border-collapse: collapse;
}

.page-node-1131 table td {
  width: 65%;
  vertical-align: top;
}

.page-node-1131 table tr td:first-child {
  width: 35%;
}

.page-node-1131 b {
  -webkit-font-feature-settings: 'lnum';
  -khtml-font-feature-settings: 'lnum';
  -ms-font-feature-settings: 'lnum';
  -o-font-feature-settings: 'lnum';
  font-feature-settings: 'lnum';
  font-weight: normal;
}

.contact-container div:first-child {
  float: left;
  width: 50%;
}

.contact-container div:first-child img {
  border-radius: 50%;
}

.contact-container div:last-child {
  float: right;
  width: 50%;
  padding-left: 2rem;
}

.contact-container a {
  word-wrap: break-word;
}

/* jobangebote */
.view-jobangebote .webform-component--bewerbungs-einleitung blockquote {
  font-variant: inherit;
}

/* termine */
#edit-field-termin-datum-value-wrapper label {
  padding-top: .8rem;
}

/* blog */
.view-marktlese-blog .ml-col-element .ml-container .ml-col2 {
  display: block;
  z-index: 0;
  position: relative;
}

@media (max-width: 768px - 1px) {
  .view-marktlese-blog .ml-col-element .ml-container .ml-col2 .field-type-image {
    height: 14rem;
    /* equals max image height */
  }
  .view-marktlese-blog .ml-col-element .ml-container .ml-col2 .field-type-image > div {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
  }
  .view-marktlese-blog .ml-col-element .ml-container .ml-col2 .field-type-image > div img {
    z-index: 10;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-height: 14rem;
    max-width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

/* searchresults */
.view-marktladensuche .views-field-excerpt {
  max-height: 4em;
  overflow: hidden;
}

/* slider */
.view-slider-startseite #views_slideshow_cycle_teaser_section_slider_startseite-block_1 {
  line-height: 2em;
}

.view-slider-startseite #views_slideshow_cycle_teaser_section_slider_startseite-block_1 .slider-title {
  padding: 2rem;
}

.view-slider-startseite #views_slideshow_cycle_teaser_section_slider_startseite-block_1 .slider-teaser {
  color: black;
  display: block;
  line-height: 2.52rem;
}

.view-slider-startseite #views_slideshow_cycle_teaser_section_slider_startseite-block_1 .slider-teaser > div {
  padding: 1rem;
  background: #fff;
}

@media (min-width: 768px) and (max-width: 980px - 1px) {
  .view-slider-startseite #views_slideshow_cycle_teaser_section_slider_startseite-block_1 .slider-title, .view-slider-startseite #views_slideshow_cycle_teaser_section_slider_startseite-block_1 .slider-teaser {
    max-width: 70%;
  }
  .view-slider-startseite #views_slideshow_cycle_teaser_section_slider_startseite-block_1 .slider-teaser div {
    max-width: none;
  }
}

@media (max-width: 768px - 1px) {
  .view-slider-startseite #views_slideshow_cycle_teaser_section_slider_startseite-block_1 .slider-title {
    font-size: 2.16rem;
  }
  .view-slider-startseite #views_slideshow_cycle_teaser_section_slider_startseite-block_1 .slider-teaser > div > div {
    padding: .6rem 1rem 1rem 1rem;
    max-height: 6rem;
    overflow: hidden;
  }
}

span#views_slideshow_controls_text_previous_slider_startseite-block_1,
span#views_slideshow_controls_text_next_slider_startseite-block_1 {
  -webkit-mask: url("images/lft-arrow.svg") 50% 50% no-repeat;
  -khtml-mask: url("images/lft-arrow.svg") 50% 50% no-repeat;
  -moz-mask: url("images/lft-arrow.svg") 50% 50% no-repeat;
  -ms-mask: url("images/lft-arrow.svg") 50% 50% no-repeat;
  -o-mask: url("images/lft-arrow.svg") 50% 50% no-repeat;
  mask: url("images/lft-arrow.svg") 50% 50% no-repeat;
  background: white !important;
}

span#views_slideshow_controls_text_previous_slider_startseite-block_1:hover,
span#views_slideshow_controls_text_next_slider_startseite-block_1:hover {
  background: #ffcc00 !important;
}

span#views_slideshow_controls_text_next_slider_startseite-block_1 {
  -webkit-transform: rotate(180deg);
  -khtml-transform: rotate(180deg);
  transform: rotate(180deg);
}

/* öffnungszeiten */
@media (max-width: 768px - 1px) {
  body.not-front header#header[style] {
    min-height: auto !important;
  }
}

/**
 * Custom Colorbox Style
 */
#colorbox, #cboxWrapper {
  overflow: visible;
}

#cboxWrapper {
  border-radius: 0;
  background: transparent;
}

#cboxWrapper #cboxLoadingOverlay {
  background: transparent;
}

#cboxWrapper #cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}

#cboxWrapper #cboxContent {
  overflow: visible;
  background: none;
}

#cboxWrapper #cboxContent #cboxLoadedContent {
  background-color: #404042;
  margin: 0;
  padding-bottom: 28px;
}

#cboxWrapper #cboxContent #cboxLoadedContent img {
  height: calc(100% - 40px) !important;
}

#cboxWrapper #cboxContent #cboxCurrent {
  left: 10px;
  bottom: 20px;
}

#cboxWrapper #cboxContent button:hover, #cboxWrapper #cboxContent button:active {
  opacity: .5;
}

#cboxWrapper #cboxContent #cboxPrevious, #cboxWrapper #cboxContent #cboxNext, #cboxWrapper #cboxContent #cboxClose {
  width: 50px;
  height: 50px;
}

#cboxWrapper #cboxContent #cboxPrevious, #cboxWrapper #cboxContent #cboxNext {
  background: url("images/lft-arrow.svg") no-repeat;
  top: calc(50% - 50px);
}

#cboxWrapper #cboxContent #cboxClose {
  width: 30px;
  height: 30px;
  bottom: 20px;
  right: 15px;
  background: url("images/close-03.svg") no-repeat;
}

#cboxWrapper #cboxContent #cboxPrevious {
  left: 15px;
}

#cboxWrapper #cboxContent #cboxNext {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: auto;
  right: 15px;
}

#cboxWrapper #cboxContent #cboxCurrent {
  font: bold 2rem "ff-meta-web-pro", Arial, sans-serif;
  color: #fff;
}

#cboxWrapper #cboxContent #cboxTitle {
  color: #fff;
  font: italic 1.5rem "ff-tisa-web-pro", Georgia, serif;
  background: transparent;
  left: 90px;
  bottom: 20px;
  padding: 0;
  width: calc(100% - 140px);
  /* Minus Buttonbreiten */
  overflow: hidden;
}

#cboxWrapper #cboxContent #cboxTitle::before {
  content: "| ";
  font-size: 2.4rem;
}
/*# sourceMappingURL=custom-style.css.map */