/*
    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 & Look 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 .Topics {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 10px 0 20px 0;
}
@media (min-width: 1025px) {
  #Main .Topics {
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
  }
}
#Main .Topics > a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 10px 10px 0 0;
  text-decoration: none;
  text-align: left;
}
@media (min-width: 1025px) {
  #Main .Topics > a {
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#Main .Topics > a img {
  width: 100%;
}
#Main .Topics > a span.Button {
  font-size: 17px;
  display: inline-block;
  margin-top: 5px;
  text-align: center;
}
#Main .Topics > a:hover span.Button {
  border-color: #c4c4c4;
  background-color: #f1f1f1;
  color: #4d4d4d;
}
#Main .IconExplanation {
  background-image: url('/Sites/Living4Media/Resources/images/icons/Series.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 25px auto;
  padding-left: 35px;
}
#Main .ShowSeries {
  cursor: pointer;
  padding: 7px 10px;
  border: 1px solid;
  border-radius: 0;
  text-decoration: none;
  font-family: "HelveticaNeueLT-Thin", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 15px;
  line-height: normal;
  border-color: #c4c4c4;
  background-color: #FFF;
  color: #4d4d4d;
  padding-right: 40px;
  background-image: url('/Sites/Living4Media/Resources/images/icons/Magnifier.svg');
  background-repeat: no-repeat;
  background-size: auto 1.2em;
  background-position: right 10px center;
}
#Main .ShowSeries:hover {
  border-color: #c4c4c4;
  background-color: #f1f1f1;
  color: #4d4d4d;
}
#Main .ShowSeries:focus {
  outline: 0;
}
#Main .ShowSeries:disabled {
  opacity: 0.7;
  border-style: dotted;
  cursor: not-allowed;
}
#Main .ShowSeries:disabled:hover {
  border-color: #c4c4c4;
  background-color: #FFF;
  color: #4d4d4d;
}

/*# sourceMappingURL=../../../../Sites/living4media/Controllers/ImagesPage/Styles.css.map */