/*
    Variablen-Definitionen zur Benutzung durch alle Marken
*/
/* !!! IN DIESER DATEI NUR MIXINS UND LESS-VARIABLEN DEFINIEREN !!! */
/* !!! IN DIESER DATEI NUR MIXINS UND LESS-VARIABLEN DEFINIEREN !!! */
/*
    TODO:
    Das ist eine Kopie von StockFood.

    MUSS ÜBERPRÜFT UND GGF. WERDEN (inkl. Farben der SVGs)
*/
/*
SHARED MIXINS
(derzeit von SF, l4m, SPL & Strauss gemeinsam genutzt)
*/
/* --- Defaults für Variablen ---
(ggf. in den seitenunabhängigen Styles überschreiben)*/
/*
Mixin funktioniert nur auf oberster Ebene!
Beispiele:
Ein Icon:       .PreloadIcons(url('@{resources-icons}/arrow.png'));
Mehrere Icons:  .PreloadIcons(url('@{resources-icons}/arrow.png') url('@{resources-icons}/example.svg'));
*/
#Main .Intro {
  margin-bottom: 55px;
}
#Main h2 {
  margin-bottom: 15px;
}
#Main .WidgetContainer .ItemsWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  margin-left: -20px;
}
#Main .WidgetContainer .ItemsWrapper .Thumb {
  margin: auto;
  width: 143.5px;
  height: 143.5px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 600px) {
  #Main .WidgetContainer .ItemsWrapper .Thumb {
    width: 205px;
    height: 205px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
#Main .WidgetContainer .ItemsWrapper .Item {
  border-right: 1px solid #dddddd;
  margin-bottom: 35px;
  padding: 0 14px;
  width: 172.2px;
}
@media (min-width: 600px) {
  #Main .WidgetContainer .ItemsWrapper .Item {
    margin-bottom: 50px;
    padding: 0 20px;
    width: 246px;
  }
}
#Main .WidgetContainer .ItemsWrapper .Item.More {
  border-right: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  text-align: center;
  cursor: pointer;
}
#Main .WidgetContainer .ItemsWrapper .Item.More a {
  text-decoration: none;
}
#Main .WidgetContainer .ItemsWrapper .Item.More img {
  width: 40px;
  height: 72px;
}
#Main .WidgetContainer .ItemsWrapper .Item.More p {
  margin-top: 0;
  font-family: "HelveticaNeueLT-Thin", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 17px;
}
#Main .WidgetContainer .ItemsWrapper .Item a.ThumbContainer {
  display: block;
}
#Main .WidgetContainer .ItemsWrapper .Item .HLWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-top: 20px;
  overflow: hidden;
}
#Main .WidgetContainer .ItemsWrapper .Item .HLWrapper h3 {
  line-height: 1.15;
  margin: 0 0 1px 0;
}
#Main .WidgetContainer .ItemsWrapper .Item .IntroText {
  margin: 10px 0 0 0;
  line-height: 1.3em;
}
#Main .WidgetContainer #NewsAndInspirationsWidget.ItemsWrapper .Item a {
  text-decoration: none;
  color: #4d4d4d;
}
#Main .WidgetContainer #NewsAndInspirationsWidget.ItemsWrapper .Item a span.Continue {
  display: inline-block;
  line-height: 15px;
  font-size: 20px;
  position: relative;
  bottom: -1px;
}
#Main .WidgetContainer #NewsAndInspirationsWidget.ItemsWrapper .Item a:hover span.Continue {
  color: #cc3f0e;
}
#Main .WidgetContainer #NewsAndInspirationsWidget.ItemsWrapper .Item .IntroText {
  line-height: 1.5;
}
#Main .NewsDate {
  color: #737373;
  font-family: "HelveticaNeueLT-Thin", "Helvetica Neue", Helvetica, sans-serif;
}
#Main .NoEntries {
  margin: 40px 0;
  padding: 20px;
  border: 1px dotted #dddddd;
}
#Main .Outro {
  margin-top: 10px;
}
#Main .Outro h2:first-child {
  margin-top: 0;
}

/*# sourceMappingURL=../../../../Sites/Living4Media/Controllers/NewsAndInspirationsPage/Styles.css.map */