/* !!! IN DIESER DATEI NUR MIXINS UND LESS-VARIABLEN DEFINIEREN !!! */
/*
@font-size-h1-desktop: 60px;
@font-size-h2-desktop: 35px;
@font-size-h3-desktop: 32px;
@font-size-h4-desktop: 24px;
@font-size-h5-desktop: 17px;
*/
/*
    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 !!! */
/*
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'));
*/
/* Defaults für die ResultsPage */
/* Diese Variablen ggf. in der seitenspezifischen less-Datei überschreiben. */
/* Mindestbreite, ab der das vollständige Settingsmenü angezeigt werden soll.
(Wenn der Viewport kleiner ist als die angegebene Breite, sollen die Settings-Icons,
die sonst neben dem Settingsmenü zu sehen sind, in das Menü hineinverlagert werden) */
/* Wenn die Lightbox offen ist, steht weniger Platz für den Seiteninhalt zur Verfügung,
daher muss dann die Mindestbreite des Viewports größer sein. */
/*
Seitenunabhängige Styles (nur Layout)
*/
body {
  overflow-y: scroll;
}
@media (min-width: 1025px) {
  #Main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
  }
}
#Main select {
  outline: none;
}
footer {
  margin-top: 0;
}
.NarrowSearchContainer {
  padding-bottom: 20px;
  border-bottom: 1px solid #CFCFCF;
  margin-bottom: 10px;
  /* Auf dem Handy erscheint sonst ein Scrollbalken */
  /* max-width: 100vh; */
  /* overflow: hidden; */
  /* TODO: Klasse gibt es noch nicht
    &.Closed .HeaderBar {
        background-image: url('@{results-icons-path}/narrowsearch_open.svg');
        background-size: 21px 11px;
    }*/
}
@media (min-width: 1025px) {
  .NarrowSearchContainer {
    display: block;
    -ms-flex: 0 0 235px;
        flex: 0 0 235px;
    padding-bottom: 0;
    border-right: 1px solid #CFCFCF;
    border-bottom: none;
    margin-bottom: 0;
  }
}
.NarrowSearchContainer .NarrowSearch {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.NarrowSearchContainer .HeaderBar,
.NarrowSearchContainer .Category .Header,
.NarrowSearchContainer .Group .Headline {
  background-position: right center;
  background-origin: content-box;
  background-repeat: no-repeat;
}
.NarrowSearchContainer .HeaderBar,
.NarrowSearchContainer .Category .Header {
  padding: 0 20px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.NarrowSearchContainer .HeaderBar {
  height: 35px;
  line-height: 35px !important;
}
@media (min-width: 1025px) {
  .NarrowSearchContainer .HeaderBar {
    height: 45px;
    line-height: 45px !important;
  }
}
.NarrowSearchContainer .Category {
  border-top: 1px solid transparent;
}
.NarrowSearchContainer .Category:not(:last-child):not(.ColorPickerContainer) {
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  .NarrowSearchContainer .Category:not(:last-child):not(.ColorPickerContainer) {
    margin-bottom: 0;
  }
}
.NarrowSearchContainer .Category .Header {
  height: 30px;
  line-height: 30px !important;
}
@media (min-width: 1025px) {
  .NarrowSearchContainer .Category .Header {
    height: 38px;
    line-height: 38px !important;
  }
}
@media (min-width: 1025px) {
  .NarrowSearchContainer .Category .Content {
    padding: 0 20px;
  }
}
.NarrowSearchContainer .HeaderBar + .Category {
  border-top: none;
}
.NarrowSearchContainer .Group {
  display: inline-block;
  position: relative;
  margin: 4px 2px 0 2px;
}
@media (min-width: 1025px) {
  .NarrowSearchContainer .Group {
    display: block;
    position: static;
    padding: 0;
    border-bottom: 1px solid #DCDCDC;
    margin: 0;
  }
  .NarrowSearchContainer .Group:last-child {
    margin-bottom: 10px;
  }
}
.NarrowSearchContainer .Group .Headline {
  padding: 3px 5px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.NarrowSearchContainer .Group .Headline.NoText:before {
  content: "\25BC";
}
@media (min-width: 1025px) {
  .NarrowSearchContainer .Group .Headline {
    padding: 10px 0;
    border: none;
  }
  .NarrowSearchContainer .Group .Headline.NoText:before {
    content: none;
  }
  .NarrowSearchContainer .Group .Headline:hover {
    background-image: url('images/icons_default/narrowsearch_arrow-right_grey.svg');
    background-size: auto 11px;
  }
}
@media (min-width: 1025px) {
  .NarrowSearchContainer .Group.Open,
  .NarrowSearchContainer .Group.AlwaysOpen {
    padding-bottom: 10px;
  }
  .NarrowSearchContainer .Group.Open > .Headline,
  .NarrowSearchContainer .Group.AlwaysOpen > .Headline {
    background-image: none;
    padding: 10px 0 5px;
    font-weight: bold;
  }
  .NarrowSearchContainer .Group.Open:not(.AlwaysOpen) > .Headline {
    background-image: url('images/icons_default/narrowsearch_arrow-down_grey.svg');
    background-size: 11px auto;
  }
  .NarrowSearchContainer .Group.AlwaysOpen > .Headline,
  .NarrowSearchContainer .Group.AlwaysOpen:hover > .Headline {
    cursor: default;
    background-image: none;
  }
  .NarrowSearchContainer .Group > .Filters {
    display: none;
  }
  .NarrowSearchContainer .Group.Open > .Filters,
  .NarrowSearchContainer .Group.AlwaysOpen > .Filters {
    display: block;
  }
}
.NarrowSearchContainer .Group .Filters {
  position: absolute;
  visibility: hidden;
  min-width: 160px;
  top: 100%;
  background-color: #FFF;
  border: 1px solid #DCDCDC;
  padding: 10px;
  z-index: 1;
}
@media (min-width: 1025px) {
  .NarrowSearchContainer .Group .Filters {
    position: static;
    visibility: visible;
    border: none;
    padding: 0;
  }
}
.NarrowSearchContainer .Group .Filters > .Group {
  display: block;
  margin: 4px 0px;
  border: 0;
  padding-top: 4px;
  padding-bottom: 0;
}
@media (min-width: 1025px) {
  .NarrowSearchContainer .Group .Filters > .Group {
    margin: 0;
  }
}
.NarrowSearchContainer .Group .Filters > .Group .Headline {
  padding-top: 0;
  padding-bottom: 0;
}
.NarrowSearchContainer .Group .Filters > .Group:not(.Open) .Headline {
  background-image: url('images/icons_default/narrowsearch_arrow-right_grey.svg');
  background-size: auto 11px;
}
.NarrowSearchContainer .Group .Filters > .Group:last-child {
  margin-bottom: 0;
}
.NarrowSearchContainer .Group .Filters > .Group > .Filters {
  position: relative;
  padding: 5px;
}
@media (min-width: 1025px) {
  .NarrowSearchContainer .Group .Filters > .Group > .Filters {
    padding: 0 0 0 20px;
  }
}
.NarrowSearchContainer .Group .Filters > .Group > .Filters {
  display: none;
}
.NarrowSearchContainer .Group .Filters > .Group.Open > .Filters {
  display: block;
}
.NarrowSearchContainer .Group.FacetsLoading {
  min-width: 16px;
  min-height: 16px;
  background: url('images/ajax-loader32.gif') no-repeat left center;
  background-size: 16px 16px;
  background-color: #FFF;
}
@media (min-width: 1025px) {
  .NarrowSearchContainer .Group.FacetsLoading {
    padding: 10px 0;
  }
}
.NarrowSearchContainer .Group:hover .Filters,
.NarrowSearchContainer .Filters:hover {
  visibility: visible;
}
.NarrowSearchContainer label {
  cursor: pointer;
}
@media (min-width: 1025px) {
  .NarrowSearchContainer label input[type=checkbox] {
    position: relative;
    top: 1px;
  }
}
.NarrowSearchContainer .Item.Checkbox,
.NarrowSearchContainer .Item.Facet {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
}
.NarrowSearchContainer .Item.Facet {
  cursor: pointer;
  padding: 1px 0;
}
.NarrowSearchContainer .Item.Facet:hover span:first-child {
  text-decoration: underline;
}
.NarrowSearchContainer .Item.Facet.Active {
  color: #941d1f;
}
.NarrowSearchContainer .Item.Facet.NoResults {
  opacity: 0.5;
}
.NarrowSearchContainer select + .Item.Checkbox {
  margin-top: 5px;
}
.NarrowSearchContainer select + select {
  margin-top: 0 !important;
}
.NarrowSearchContainer .Item.Checkbox + .TextInput {
  margin-top: 10px;
}
.NarrowSearchContainer .Counter {
  display: inline-block;
  padding-left: 4px;
}
.NarrowSearchContainer .SeriesDropdown,
.NarrowSearchContainer .PhotographerDropdown,
.NarrowSearchContainer .PhotographerCountryDropdown,
.NarrowSearchContainer .LatestAssets,
.NarrowSearchContainer .AmountFeatureImages {
  width: 100%;
  margin: 5px 0;
}
.NarrowSearchContainer select option span.Loading {
  display: inline-block;
  min-height: 16px;
  background: url('images/ajax-loader32.gif') no-repeat left center;
  background-size: 16px 16px;
  padding-left: 21px;
  margin-bottom: 3px;
  font-style: italic;
}
.NarrowSearchContainer select option.Note {
  font-style: italic;
}
.NarrowSearchContainer .ColorPickerContainer {
  position: relative;
}
.NarrowSearchContainer .ColorPickerContainer .Header {
  cursor: pointer;
  background-image: url('images/icons_default/narrowsearch_arrow-right_colored.svg');
  background-size: auto 12px;
}
.NarrowSearchContainer .ColorPicker {
  position: absolute;
  left: 0;
  width: 200px;
  background-color: #FFF;
  z-index: 1;
  padding: 10px;
  width: 255px;
}
@media (min-width: 1025px) {
  .NarrowSearchContainer .ColorPicker {
    bottom: 0;
    left: calc(110%);
  }
}
.NarrowSearchContainer .ColorPicker .Row {
  display: -ms-flexbox;
  display: flex;
}
.NarrowSearchContainer .ColorPicker .ColorContainer {
  width: 16px;
  height: 16px;
  margin: 1px;
  position: relative;
}
.NarrowSearchContainer .ColorPicker .Color {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 0;
  cursor: pointer;
}
.NarrowSearchContainer .ColorPicker .Color.Selected,
.NarrowSearchContainer .ColorPicker .Color:hover {
  border: 1px inset black;
  padding: 1px;
  background-clip: content-box;
  position: relative;
  z-index: 1;
}
.NarrowSearchContainer .ColorPicker .Color.Selected:hover {
  border-style: outset;
}
.NarrowSearchContainer .ColorPicker .Search {
  margin-top: 6px;
  margin-right: 4px;
}
.NarrowSearchContainer .ColorPicker .InputContainer {
  padding-top: 10px;
  margin-top: 10px;
}
.NarrowSearchContainer .ColorPicker .InputContainer input {
  margin-right: 2px;
  width: 40px;
}
.NarrowSearchContainer .ColorPicker .InputContainer input.Hex {
  width: 82px;
}
.NarrowSearchContainer .ColorPicker td {
  padding: 3px;
}
.ResultContainer {
  -ms-flex: 1;
      flex: 1;
}
@media (min-width: 1025px) {
  .ResultContainer {
    max-width: none;
  }
}
.TopContainer,
.ResultDisplay {
  margin: 15px 0 0 0;
}
@media (min-width: 1025px) {
  .TopContainer,
  .ResultDisplay {
    margin: 10px 0 0 20px;
  }
}
.TabContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
  border-bottom: 1px solid #CFCFCF;
}
.TabContainer .Tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-top: 10px;
  margin-right: 5px;
}
@media (min-width: 1025px) {
  .TabContainer .Tabs {
    margin-top: -1px;
    margin-right: 10px;
  }
}
.TabContainer .Tabs .Tab {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  bottom: -1px;
  padding: 3px 10px 1px 10px;
  border: 1px solid #CFCFCF;
  /* damit sich Borders überlappen und nicht zwei nebeneinander erscheinen
            (Border auf einer Seite ausblenden geht nicht, da er für border-radius beim aktiven Tab benötigt wird) */
  margin-left: -1px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 1025px) {
  .TabContainer .Tabs .Tab {
    min-width: 160px;
  }
}
.TabContainer .Tabs .Tab.NoResults {
  cursor: default;
}
.TabContainer .Tabs .Tab .Counter {
  display: none;
}
@media (min-width: 600px) {
  .TabContainer .Tabs .Tab .Counter {
    display: inline;
  }
}
.TabContainer .Tabs .Tab.Active {
  background-color: #FFF;
  border-bottom: 1px solid #FFF;
}
.TabContainer .Tabs .Tab:focus {
  outline: none;
}
.TabContainer .Settings {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
}
.TabContainer .Settings > .IconGroupsContainer {
  display: none;
}
@media (min-width: 1140px) {
  body:not(.LightboxOpen) .TabContainer .Settings > .IconGroupsContainer {
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 1440px) {
  body.LightboxOpen .TabContainer .Settings > .IconGroupsContainer {
    display: -ms-flexbox;
    display: flex;
  }
}
.TabContainer .Settings .IconGroup,
.TabContainer .Settings .AdvancedSettings {
  margin-bottom: 3px;
}
@media (min-width: 1025px) {
  .TabContainer .Settings .IconGroup,
  .TabContainer .Settings .AdvancedSettings {
    margin-bottom: 7px;
  }
}
.TabContainer .Settings .IconGroup {
  height: 32px;
  white-space: nowrap;
  padding-right: 5px;
  border-right: 1px solid #DCDCDC;
  margin-right: 10px;
}
.TabContainer .Settings .Captions .CaptionsOff {
  padding: 0;
  margin-right: 5px;
  border: none;
  border-radius: 0px;
  width: 16px;
  height: 26px;
  background-image: url("images/icons_default/settings/Captions-off.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 16px auto;
}
.TabContainer .Settings .Captions .CaptionsOff:hover {
  background-image: url("images/icons_default/settings/Captions-off_hover.svg");
}
.TabContainer .Settings .Captions .CaptionsOff.Active {
  background-image: url("images/icons_default/settings/Captions-off_active.svg");
}
.TabContainer .Settings .Captions .CaptionsOn {
  padding: 0;
  margin-right: 5px;
  border: none;
  border-radius: 0px;
  width: 16px;
  height: 26px;
  background-image: url("images/icons_default/settings/Captions-on.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 16px auto;
}
.TabContainer .Settings .Captions .CaptionsOn:hover {
  background-image: url("images/icons_default/settings/Captions-on_hover.svg");
}
.TabContainer .Settings .Captions .CaptionsOn.Active {
  background-image: url("images/icons_default/settings/Captions-on_active.svg");
}
.TabContainer .Settings .Layout .Rasterized {
  padding: 0;
  margin-right: 5px;
  border: none;
  border-radius: 0px;
  width: 20px;
  height: 26px;
  background-image: url("images/icons_default/settings/Layout-Rasterized.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 20px auto;
}
.TabContainer .Settings .Layout .Rasterized:hover {
  background-image: url("images/icons_default/settings/Layout-Rasterized_hover.svg");
}
.TabContainer .Settings .Layout .Rasterized.Active {
  background-image: url("images/icons_default/settings/Layout-Rasterized_active.svg");
}
.TabContainer .Settings .Layout .Aligned {
  padding: 0;
  margin-right: 5px;
  border: none;
  border-radius: 0px;
  width: 26px;
  height: 26px;
  background-image: url("images/icons_default/settings/Layout-Aligned.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 26px auto;
}
.TabContainer .Settings .Layout .Aligned:hover {
  background-image: url("images/icons_default/settings/Layout-Aligned_hover.svg");
}
.TabContainer .Settings .Layout .Aligned.Active {
  background-image: url("images/icons_default/settings/Layout-Aligned_active.svg");
}
.TabContainer .Settings .Sizes .Size170 {
  padding: 0;
  margin-right: 5px;
  border: none;
  border-radius: 0px;
  width: 12px;
  height: 26px;
  background-image: url("images/icons_default/settings/Zoom_1.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 12px auto;
}
.TabContainer .Settings .Sizes .Size170:hover {
  background-image: url("images/icons_default/settings/Zoom_1_hover.svg");
}
.TabContainer .Settings .Sizes .Size170.Active {
  background-image: url("images/icons_default/settings/Zoom_1_active.svg");
}
.TabContainer .Settings .Sizes .Size200 {
  padding: 0;
  margin-right: 5px;
  border: none;
  border-radius: 0px;
  width: 16px;
  height: 26px;
  background-image: url("images/icons_default/settings/Zoom_2.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 16px auto;
}
.TabContainer .Settings .Sizes .Size200:hover {
  background-image: url("images/icons_default/settings/Zoom_2_hover.svg");
}
.TabContainer .Settings .Sizes .Size200.Active {
  background-image: url("images/icons_default/settings/Zoom_2_active.svg");
}
.TabContainer .Settings .Sizes .Size260 {
  padding: 0;
  margin-right: 5px;
  border: none;
  border-radius: 0px;
  width: 20px;
  height: 26px;
  background-image: url("images/icons_default/settings/Zoom_3.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 20px auto;
}
.TabContainer .Settings .Sizes .Size260:hover {
  background-image: url("images/icons_default/settings/Zoom_3_hover.svg");
}
.TabContainer .Settings .Sizes .Size260.Active {
  background-image: url("images/icons_default/settings/Zoom_3_active.svg");
}
.TabContainer .Settings .Sizes .Size340 {
  padding: 0;
  margin-right: 5px;
  border: none;
  border-radius: 0px;
  width: 24px;
  height: 26px;
  background-image: url("images/icons_default/settings/Zoom_4.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 24px auto;
}
.TabContainer .Settings .Sizes .Size340:hover {
  background-image: url("images/icons_default/settings/Zoom_4_hover.svg");
}
.TabContainer .Settings .Sizes .Size340.Active {
  background-image: url("images/icons_default/settings/Zoom_4_active.svg");
}
.TabContainer .Settings .AdvancedSettings {
  position: relative;
}
.TabContainer .Settings .AdvancedSettings .SettingsButton {
  height: 32px;
  padding: 0 19px 0 29px;
  border: 1px solid grey;
  background-color: #FFF;
  background-image: url('images/icons_default/settings/Settings.svg'), url('images/icons_default/settings_arrow-down_grey.svg');
  background-size: auto 1.2em, 10px auto;
  background-position: left 7px center, right 7px center;
  background-repeat: no-repeat;
  text-decoration: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
}
.TabContainer .Settings .AdvancedSettings .SettingsButton:focus {
  outline: 0;
}
.TabContainer .Settings .AdvancedSettings .SettingsButton span {
  line-height: 32px;
}
.TabContainer .Settings .AdvancedSettings .SettingsButton .SettingsButtonLabel {
  display: none;
  margin: 0 2px 0 3px;
}
@media (min-width: 1140px) {
  body:not(.LightboxOpen) .TabContainer .Settings .AdvancedSettings .SettingsButton .SettingsButtonLabel {
    display: inline-block;
  }
}
@media (min-width: 1440px) {
  body.LightboxOpen .TabContainer .Settings .AdvancedSettings .SettingsButton .SettingsButtonLabel {
    display: inline-block;
  }
}
.TabContainer .Settings .AdvancedSettings .Settings-1 {
  visibility: hidden;
  position: absolute;
  top: 100%;
  right: -8px;
  margin-top: -3px;
  padding: 8px;
  padding-top: 20px;
  z-index: 1;
}
.TabContainer .Settings .AdvancedSettings:hover .Settings-1 {
  visibility: visible;
  transition-delay: 0.3s;
}
.TabContainer .Settings .AdvancedSettings .Settings-2 {
  border: 1px solid #DCDCDC;
  background-color: #FFF;
  padding: 20px;
  width: 250px;
}
.TabContainer .Settings .AdvancedSettings .Settings-2 .Headline {
  margin: 20px 0 10px 0;
}
.TabContainer .Settings .AdvancedSettings .Settings-2 .Headline.First {
  margin-top: 20px;
}
@media (min-width: 1140px) {
  body:not(.LightboxOpen) .TabContainer .Settings .AdvancedSettings .Settings-2 .Headline.First {
    margin-top: 0;
  }
}
@media (min-width: 1440px) {
  body.LightboxOpen .TabContainer .Settings .AdvancedSettings .Settings-2 .Headline.First {
    margin-top: 0;
  }
}
.TabContainer .Settings .AdvancedSettings .Settings-2 .IconGroupsContainer {
  display: block;
}
@media (min-width: 1140px) {
  body:not(.LightboxOpen) .TabContainer .Settings .AdvancedSettings .Settings-2 .IconGroupsContainer {
    display: none;
  }
}
@media (min-width: 1440px) {
  body.LightboxOpen .TabContainer .Settings .AdvancedSettings .Settings-2 .IconGroupsContainer {
    display: none;
  }
}
.TabContainer .Settings .AdvancedSettings .Settings-2 .IconGroupsContainer div.Headline {
  margin-top: 0;
  margin-bottom: 5px;
}
.TabContainer .Settings .AdvancedSettings .Settings-2 .IconGroupsContainer .IconGroup {
  border: 0;
  padding: 0;
  margin: 0;
}
.TabContainer .Settings .AdvancedSettings .Settings-2 .IconGroupsContainer .IconGroup:not(:last-child) {
  margin-bottom: 5px;
}
.TabContainer .Settings .AdvancedSettings .Settings-2 div:not(.IconGroup) > button {
  height: 30px;
  margin-right: 5px;
  padding: 2px 7px 0 7px;
}
.TabContainer .Settings .AdvancedSettings .Settings-2 div:not(.IconGroup) > button.Active {
  background-color: lightgrey;
}
.TabContainer .Settings .AdvancedSettings .Settings-2 label {
  display: block;
}
.TopContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}
@media (min-width: 600px) {
  .TopContainer {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between;
    padding: 10px 0;
  }
}
.TopContainer .ActiveFilterList,
.TopContainer .Paginator {
  margin-bottom: 15px;
}
@media (min-width: 600px) {
  .TopContainer .ActiveFilterList,
  .TopContainer .Paginator {
    margin-bottom: 0;
  }
}
.TopContainer .ActiveFilterList {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row  wrap;
      flex-flow: row  wrap;
  -ms-flex-align: center;
      align-items: center;
}
.TopContainer .ActiveFilterList .RemoveAllFilters,
.TopContainer .ActiveFilterList .ActiveFilter {
  display: inline-block;
  cursor: pointer;
  padding-left: 22px;
  background-image: url('images/icons_default/activefilterlist_delete.svg');
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 18px 18px;
  min-height: 18px;
}
.TopContainer .ActiveFilterList .RemoveAllFilters:hover,
.TopContainer .ActiveFilterList .ActiveFilter:hover {
  background-image: url('images/icons_default/activefilterlist_delete_hover.svg');
}
.TopContainer .ActiveFilterList .RemoveAllFilters {
  visibility: hidden;
  opacity: 0;
  margin-left: 5px;
}
.TopContainer .ActiveFilterList .RemoveAllFilters:hover {
  text-decoration: underline;
}
.TopContainer .ActiveFilterList:hover .RemoveAllFilters {
  visibility: visible;
  opacity: 1;
  margin-left: 15px;
  transition: all 0.2s ease 0.5s;
}
.TopContainer .ActiveFilterList .ActiveFilter {
  position: relative;
  margin-right: 15px;
}
.TopContainer .ActiveFilterList .ActiveFilter.DisabledOnTab {
  opacity: 0.5;
}
.TopContainer .ActiveFilterList .ActiveFilter:hover {
  opacity: 1;
  text-decoration: line-through;
}
.TopContainer .ActiveFilterList .ActiveFilter:hover .ColorBox:after,
.TopContainer .ActiveFilterList .ActiveFilter:hover .Thumb:after {
  background-color: #000000;
  content: "";
  display: block;
  height: 1px;
  left: 20px;
  position: absolute;
  top: 50%;
  width: 22px;
}
.TopContainer .ActiveFilterList .ActiveFilter:hover .Thumb:after {
  width: 44px;
}
.TopContainer .ActiveFilterList .ActiveFilter .ColorBox,
.TopContainer .ActiveFilterList .ActiveFilter .Thumb {
  border: 1px solid grey;
  padding: 1px;
  background-clip: content-box;
  vertical-align: middle;
}
.TopContainer .ActiveFilterList .ActiveFilter .ColorBox {
  width: 18px;
  height: 18px;
}
.TopContainer .ActiveFilterList .ActiveFilter .Thumb {
  width: 40px;
  height: 40px;
  background-size: cover;
}
.ResultDisplay.Aligned {
  margin-bottom: 20px;
}
.ResultDisplay .ResultsLoading {
  height: 32px;
  margin: 0 auto;
  background: url('images/ajax-loader32.gif') no-repeat center center;
}
.ResultDisplay a {
  display: inline-block;
  line-height: 1em !important;
}
.ResultDisplay .NextPage {
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
      flex-flow: column nowrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 2px 25px 2px;
}
.ResultDisplay.Aligned .NextPage {
  -ms-flex: 1 1 0;
      flex: 1 1 0;
  -ms-flex-align: start;
      align-items: flex-start;
  margin: 0 0 0 10px;
}
.ResultDisplay.Rasterized .NormalResult .NextPage {
  border-bottom: 1px solid #DCDCDC;
}
.ResultDisplay .FeatureResult .NextPage {
  -ms-flex-align: start;
      align-items: flex-start;
  margin-top: 40px;
}
.ResultDisplay.HideIcons .Icons,
.ResultDisplay.HideIcons .FeatureResult .AssetContainer .Icons {
  display: none;
}
.ResultDisplay.HideIds .MetaData .AssetName,
.ResultDisplay.HideIds .Information,
.ResultDisplay.HideIds .Teaser {
  display: none;
}
.ResultDisplay.HideCaptions .MetaData .Caption,
.ResultDisplay.HideCaptions .FeatureResult .AssetContainer .Title,
.ResultDisplay.HideCaptions .FeatureResult .AssetContainer .Subtitle {
  display: none;
}
.ResultDisplay.HideIds.HideCaptions .MetaData {
  display: none;
}
.ResultDisplay .NormalResult {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
}
.ResultDisplay .ApproximationResult > div:first-child {
  margin-bottom: 20px;
}
.ResultDisplay .ApproximationResult .Approximation {
  margin-top: 10px;
  border-top: 1px dashed #CFCFCF;
  padding-top: 10px;
}
.ResultDisplay .ApproximationResult .Approximation:last-child {
  border-bottom: 1px dashed #CFCFCF;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.ResultDisplay .ApproximationResult .Approximation .ItemContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap;
  -ms-flex-align: end;
      align-items: flex-end;
}
.ResultDisplay .ApproximationResult .Approximation .ItemContainer .AssetContainer {
  margin: 0 5px 5px 0;
}
.ResultDisplay .ApproximationResult .Approximation .ItemContainer .AssetContainer:first-child {
  margin-left: 0;
}
.ResultDisplay .ApproximationResult .Approximation .ItemContainer button {
  margin: 0 0 10px 10px;
}
.BottomContainer {
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 600px) {
  .BottomContainer {
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}
.TopContainer .Paginator,
.BottomContainer .Paginator {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
}
.TopContainer .Paginator.Hidden,
.BottomContainer .Paginator.Hidden {
  visibility: hidden;
}
.TopContainer .Paginator div,
.BottomContainer .Paginator div {
  cursor: pointer;
  padding: 5px;
  margin-bottom: -8px;
  box-sizing: content-box;
  width: 9px;
  height: 18px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: content-box;
}
.TopContainer .Paginator div.First,
.BottomContainer .Paginator div.First {
  background-image: url('images/icons_default/paginator_start.svg');
  width: 14px;
}
.TopContainer .Paginator div.Previous,
.BottomContainer .Paginator div.Previous {
  background-image: url('images/icons_default/paginator_back.svg');
}
.TopContainer .Paginator div.Next,
.BottomContainer .Paginator div.Next {
  background-image: url('images/icons_default/paginator_forward.svg');
}
.TopContainer .Paginator div.Disabled,
.BottomContainer .Paginator div.Disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.TopContainer .Paginator form,
.BottomContainer .Paginator form {
  white-space: nowrap;
}
.TopContainer .Paginator form label,
.BottomContainer .Paginator form label {
  margin: 0 10px;
}
.TopContainer .Paginator form input,
.BottomContainer .Paginator form input {
  padding: 4px 2px 2px 2px;
  margin: 0 5px;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #CFCFCF;
  width: 3em;
  text-align: right;
}
.TopContainer .Paginator form input:hover,
.BottomContainer .Paginator form input:hover,
.TopContainer .Paginator form input:focus,
.BottomContainer .Paginator form input:focus {
  background-color: lightgrey;
  outline: none;
}
.AssetContainer {
  position: relative;
  margin: 5px;
}
.AssetContainer.Rasterized {
  text-align: center;
  padding: 0 5px 15px 5px;
  margin: 0 2px 25px 2px;
  border-bottom: 1px solid #DCDCDC;
}
.AssetContainer.Rasterized .ThumbContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: end;
      justify-content: flex-end;
}
.AssetContainer.Rasterized .ThumbContainer a {
  text-decoration: none;
}
.AssetContainer.Rasterized .ThumbContainer a img {
  color: transparent;
}
.AssetContainer.Rasterized .Icons {
  margin: 5px 0;
}
.AssetContainer.Rasterized .Caption {
  margin-top: 5px;
}
.AssetContainer.Rasterized.Feature > div {
  border: 1px solid #DCDCDC;
  padding: 15px;
  height: 100%;
}
.AssetContainer.Rasterized.Feature .ThumbContainer {
  overflow: hidden;
}
.AssetContainer.Rasterized.Feature .Thumb {
  background-size: cover;
  background-position: center center;
}
.AssetContainer.Rasterized .FeatureLabel {
  position: absolute;
  top: -14px;
  left: 15px;
  text-align: left;
  padding: 0 5px;
  background-color: #FFF;
}
.AssetContainer.Aligned {
  overflow: hidden;
}
.AssetContainer.Aligned .BottomBar {
  visibility: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 5px;
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.AssetContainer.Aligned .ZoomArea {
  visibility: hidden;
}
.AssetContainer.Aligned:hover .BottomBar,
.AssetContainer.Aligned:hover .ZoomArea {
  visibility: visible;
  z-index: 1;
}
.AssetContainer.Aligned .Caption {
  margin: 2px 0;
}
.AssetContainer.Aligned .FeatureLabel {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  height: 30px;
  line-height: 30px;
}
.AssetContainer.Aligned.Feature .LikeboxMarker,
.AssetContainer.Aligned.Feature .ZoomArea {
  border-radius: 0;
}
.AssetContainer.Aligned.Feature .LikeboxMarker:not(:hover),
.AssetContainer.Aligned.Feature .ZoomArea:not(:hover) {
  background-color: transparent;
}
.AssetContainer .MetaData .AssetName {
  line-height: 2.3em;
}
.AssetContainer .MetaData .Caption {
  line-height: 1.3em;
  max-height: 2.6em;
  overflow: hidden;
}
.AssetContainer .RecipeVideoLabel {
  margin-bottom: 5px;
}
.AssetContainer span.SeriesIcon {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: 8px;
  vertical-align: middle;
}
.ResultDisplay.ZoomEnabled .AssetContainer span.SeriesIcon {
  cursor: pointer;
}
.FeatureResult .AssetContainer {
  display: block;
  border-bottom: 1px solid #DCDCDC;
  margin: 0;
  padding-bottom: 30px;
}
.FeatureResult .AssetContainer:not(:first-child) {
  margin-top: 40px;
}
.FeatureResult .AssetContainer .Title,
.FeatureResult .AssetContainer .Information {
  line-height: 1;
}
.FeatureResult .AssetContainer .Title {
  margin-right: 10px;
  cursor: pointer;
}
.FeatureResult .AssetContainer .Title,
.FeatureResult .AssetContainer .Icons {
  display: inline-block;
}
.FeatureResult .AssetContainer .Icons button {
  vertical-align: bottom;
}
.FeatureResult .AssetContainer .Information {
  margin-top: 8px;
  margin-bottom: 10px;
}
@media (min-width: 600px) {
  .FeatureResult .AssetContainer .Information {
    margin-bottom: 20px;
  }
}
.FeatureResult .AssetContainer .Teaser {
  margin-bottom: 15px;
}
.FeatureResult .AssetContainer .FeatureImages {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -5px;
  margin-top: 5px;
}
.FeatureResult .AssetContainer .FeatureImages a {
  margin: 5px;
}
.FeatureResult .AssetContainer .OneLineFeatureImagesContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.FeatureResult .AssetContainer .OneLineFeatureImagesContainer .FeatureImagesOuter {
  position: relative;
  -ms-flex: 1;
      flex: 1;
  overflow: hidden;
  margin-top: 5px;
}
.FeatureResult .AssetContainer .OneLineFeatureImagesContainer .FeatureImagesOuter .FeatureImages {
  position: absolute;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 0;
}
.FeatureResult .AssetContainer .OneLineFeatureImagesContainer .FeatureImagesOuter .FeatureImages a {
  margin-top: 0;
  margin-bottom: 0;
}
.FeatureResult .AssetContainer .OneLineFeatureImagesContainer .FeatureImagesOuter::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0) 20px);
  pointer-events: none;
}
.FeatureResult .AssetContainer .OneLineFeatureImagesContainer .More {
  -ms-flex: 0 0 100px;
      flex: 0 0 100px;
  margin-left: 10px;
  text-align: center;
  cursor: pointer;
}
.FeatureResult .AssetContainer .OneLineFeatureImagesContainer .More .MoreIcon {
  display: inline-block;
  background-image: url('images/icons_default/results_more.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.FeatureResult .AssetContainer .OneLineFeatureImagesContainer .More p {
  margin: 10px 0 0 0;
}
/*
    HINWEISE ZUR BEARBEITUNG:

    Bitte nicht einfach Styles.imp.less überschreiben, sondern vorher nach Gemeinsamkeiten zwischen den Marken schauen
    und wenn nötig Elemente, die nicht mehr gemeinsam sind, aus Styles.imp.less entfernen und in die einzelnen Marken-Styles verlagern.

    Mit den Variablen aus Defaults.imp.less arbeiten und wenn nötig diese Variablen hier neu zuweisen,
    und nicht einfach die Variablen ignorieren und das CSS überschreiben.

    Für absolute Positionierung der Elemente (z.B. TabContainer, HeaderBar) nicht einfach feste px-Werte auf Basis von Styles.imp.less verwenden.
    Denn wenn Styles.imp.less bzw. Defaults.imp.less verändert wird, stimmt hier sonst nichts mehr!
    --> entweder die Variablen verwenden (z.B. @results-headerbar-height-desktop) oder gleich unabhängige Werte (bottom: 100%) benutzen.
*/
.SocialMedia.Sidebar {
  display: none !important;
}
footer .SocialMedia {
  display: block !important;
}
#Main {
  min-height: 90vh;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  padding: 0 8px;
}
@media (min-width: 1025px) {
  #Main {
    padding: 0;
  }
}
@media (min-width: 600px) {
  .MainMenuContainer-1 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1025px) {
  .MainMenuContainer-1,
  .Logo,
  .TopForm,
  footer .Inner,
  #Main {
    max-width: none;
    margin-left: 20px;
    margin-right: 20px;
  }
  body.LightboxOpen .MainMenuContainer-1,
  body.LightboxOpen .Logo,
  body.LightboxOpen .TopForm,
  body.LightboxOpen footer .Inner,
  body.LightboxOpen #Main {
    padding-left: 0;
    padding-right: 0;
  }
  ul.MainMenu {
    margin-left: 180px;
  }
}
#LoginWidget {
  max-width: none;
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 1025px) {
  .TopForm {
    padding: 0;
  }
}
.TopForm form {
  max-width: 600px;
}
body.LightboxOpen .Logo img {
  padding-left: 0;
}
@media (min-width: 600px) {
  .TopForm {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 30px;
  }
}
@media (min-width: 1025px) {
  .TopForm form {
    margin-left: 235px;
    margin-right: auto;
  }
}
#Main input[type='checkbox'] {
  display: none;
}
#Main input[type='checkbox'] + label {
  background-image: url('/Sites/StockFood/Resources/images/controls/checkbox.svg');
  background-repeat: no-repeat;
  background-position: left 0.15em;
  background-size: 15px 15px;
  padding: 0 0 0 20px;
  display: inline-block;
}
#Main input[type='checkbox']:checked + label {
  background-image: url('/Sites/StockFood/Resources/images/controls/checkbox_active.svg');
}
#Main input[type='radio'] {
  display: none;
}
#Main input[type='radio'] + label {
  background-image: url('/Sites/StockFood/Resources/images/controls/radiobutton.svg');
  background-repeat: no-repeat;
  background-position: left 0.15em;
  background-size: 15px 15px;
  padding: 0 0 0 20px;
  display: inline-block;
}
#Main input[type='radio']:checked + label {
  background-image: url('/Sites/StockFood/Resources/images/controls/radiobutton_active.svg');
}
#Main select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 4px;
  height: 30px;
  padding: 0 20px 0 3px;
  background-color: #FFF;
  background-image: url('/Sites/StockFood/Resources/images/controls/selectlist.svg');
  background-repeat: no-repeat;
  background-position: right 7px center;
  background-size: 7px 4px;
  position: relative;
  border: 1px solid #DCDCDC;
}
#Main select::-ms-expand {
  display: none;
}
#Main select:not(:disabled):hover,
#Main select:not(:disabled):focus {
  border: 1px solid #BBB;
}
#Main select:disabled {
  border: 1px solid #CFCFCF;
  color: #CFCFCF;
  cursor: not-allowed;
}
#Main select option {
  padding: 2px 5px;
}
.NarrowSearchContainer {
  font-size: 13px;
  /*.Group.BloggerFilter .Headline:after {
        display: inline-block;
        position: relative;
        top: -1px;
        color: @sf-red;
        border: 1px solid @sf-red;
        padding: 2px 3px;
        margin-left: 8px;
        line-height: 1;
        text-transform: uppercase;
        font-family: @webfont-normal;
        font-weight: normal !important; // auch wenn Gruppe aufgeklappt
        font-size: 11px;

        body.LanguageDE & { content: "neu"; }
        body.LanguageEN & { content: "new"; }
        body.LanguageFR & { content: "nouveau"; }
        body.LanguageIT & { content: "nuovo"; }
        body.LanguagePL & { content: "nowy"; }
        body.LanguageES & { content: "nuevo"; }
    }*/
}
@media (min-width: 1025px) {
  .NarrowSearchContainer {
    margin-top: 5px;
  }
}
.NarrowSearchContainer .HeaderBar,
.NarrowSearchContainer .Category .Header {
  font-family: 'Futura Book', 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
}
.NarrowSearchContainer .HeaderBar {
  background-color: #6E6E6E;
  color: #FFF;
  text-transform: uppercase;
  font-size: 17px;
  /* TODO: anzeigen, sobald Aus- und Einblenden der Bar funktioniert
        background-image: url('@{resources-icons}/Close_white.svg');
        background-size: 13px 13px;
        */
}
@media (min-width: 1025px) {
  .NarrowSearchContainer .HeaderBar {
    font-size: 18px;
  }
}
.NarrowSearchContainer .Category .Header {
  color: #303030;
  background-color: #E7E7E7;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .NarrowSearchContainer .Category .Header {
    font-size: 17px;
  }
}
.NarrowSearchContainer .Group {
  background-color: #EEEEEE;
}
@media (min-width: 1025px) {
  .NarrowSearchContainer .Group {
    background-color: transparent;
  }
}
.NarrowSearchContainer label {
  font-size: 13px;
}
.NarrowSearchContainer .Counter {
  font-size: 11px;
}
.NarrowSearchContainer .ColorPickerContainer .Header.PickerOpen {
  background-image: url('/Sites/StockFood/Resources/images/icons/Close.svg');
  background-size: 13px 13px;
}
.NarrowSearchContainer .ColorPicker {
  box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.2);
}
.NarrowSearchContainer .ColorPicker .Color {
  border: 1px solid #DCDCDC;
}
.NarrowSearchContainer .ColorPicker .InputContainer {
  border-top: 1px solid #DCDCDC;
}
.NarrowSearchContainer .ColorPicker .InputContainer input {
  font-family: Consolas, 'Courier New', Courier, monospace;
}
.NarrowSearchContainer .ColorPicker .Search {
  cursor: pointer;
  padding: 5px 8px;
  border: 1px solid;
  border-radius: 4px;
  text-decoration: none;
  font-family: 'Futura Book', 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 16px;
  border-color: #BBB;
  background-color: #FFF;
  color: #434343;
  padding-left: 40px;
  background-image: url('/Sites/StockFood/Resources/images/icons/Magnifier.svg');
  background-repeat: no-repeat;
  background-size: auto 1.2em;
  background-position: left 10px center;
}
.NarrowSearchContainer .ColorPicker .Search:hover {
  border-color: #6E6E6E;
  background-color: #6E6E6E;
  color: #FFF;
}
.NarrowSearchContainer .ColorPicker .Search:focus {
  outline: 0;
}
.NarrowSearchContainer .ColorPicker .Search:disabled {
  opacity: 0.7;
  border-style: dotted;
  cursor: not-allowed;
}
.NarrowSearchContainer .ColorPicker .Search:disabled:hover {
  border-color: #BBB;
  background-color: #FFF;
  color: #434343;
}
.NarrowSearchContainer .ColorPicker .Search:hover:not(:disabled) {
  background-image: url('/Sites/StockFood/Resources/images/icons/Magnifier_white.svg');
  background-repeat: no-repeat;
}
.NarrowSearchContainer .ColorPicker .Close {
  cursor: pointer;
  padding: 5px 8px;
  border: 1px solid;
  border-radius: 4px;
  text-decoration: none;
  font-family: 'Futura Book', 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 16px;
  border-color: #BBB;
  background-color: #FFF;
  color: #434343;
  padding-left: 40px;
  background-image: url('/Sites/StockFood/Resources/images/icons/Close.svg');
  background-repeat: no-repeat;
  background-size: auto 1.2em;
  background-position: left 10px center;
  background-size: 16px 16px;
}
.NarrowSearchContainer .ColorPicker .Close:hover {
  border-color: #6E6E6E;
  background-color: #6E6E6E;
  color: #FFF;
}
.NarrowSearchContainer .ColorPicker .Close:focus {
  outline: 0;
}
.NarrowSearchContainer .ColorPicker .Close:disabled {
  opacity: 0.7;
  border-style: dotted;
  cursor: not-allowed;
}
.NarrowSearchContainer .ColorPicker .Close:disabled:hover {
  border-color: #BBB;
  background-color: #FFF;
  color: #434343;
}
.NarrowSearchContainer .ColorPicker .Close:hover:not(:disabled) {
  background-image: url('/Sites/StockFood/Resources/images/icons/Close_white.svg');
  background-repeat: no-repeat;
}
.NarrowSearchContainer .TextInput {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3px;
}
.NarrowSearchContainer .TextInput input[type=text] {
  width: auto;
  border-right: none;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.NarrowSearchContainer .TextInput button {
  -ms-flex: 0 0 32px;
      flex: 0 0 32px;
  width: 32px;
  background-image: url('/Sites/StockFood/Resources/images/icons/Magnifier_white.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
  background-color: #6E6E6E;
  border-color: #6E6E6E;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.NarrowSearchContainer .TextInput button:hover {
  background-color: #941d1f;
  border-color: #941d1f;
}
.TabContainer .Tabs .Tab {
  text-transform: uppercase;
  color: #393939;
  background-color: #EEEEEE;
  padding: 3px 10px 1px 10px;
}
@media (min-width: 1025px) {
  .TabContainer .Tabs .Tab {
    padding: 8px 20px 8px 20px;
  }
}
.TabContainer .Tabs .Tab,
.TabContainer .Tabs .Tab span {
  font-family: 'Futura Book', 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 16px;
}
@media (min-width: 1025px) {
  .TabContainer .Tabs .Tab,
  .TabContainer .Tabs .Tab span {
    font-size: 18px;
  }
}
.TabContainer .Tabs .Tab.Active {
  border-radius: 4px 4px 0px 0px;
  padding-top: 8px;
}
@media (min-width: 1025px) {
  .TabContainer .Tabs .Tab.Active {
    padding-top: 13px;
  }
  .TabContainer .Tabs .Tab.Active,
  .TabContainer .Tabs .Tab.Active span {
    font-weight: bold;
  }
}
.TabContainer .Tabs .Tab.Active.Images {
  color: #941d1f;
}
.TabContainer .Tabs .Tab.Active.Features {
  color: #6d60a8;
}
.TabContainer .Tabs .Tab.Active.Videos {
  color: #317ad9;
}
.TabContainer .Settings .IconGroup button:hover {
  border-color: #BBB;
  background-color: #FFF;
  color: #434343;
}
.TabContainer .Settings .AdvancedSettings .SettingsButton {
  border-color: #BBB;
  border-radius: 4px;
}
.TabContainer .Settings .AdvancedSettings .Settings-2 {
  border-radius: 4px;
  box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.2);
}
.TabContainer .Settings .AdvancedSettings .Settings-2 div:not(.IconGroup) > button {
  font-size: 13px;
  font-family: Helvetica, Arial, sans-serif;
}
.TabContainer .Settings .AdvancedSettings .Settings-2 div:not(.IconGroup) > button.Active {
  border-color: #6E6E6E;
  background-color: #6E6E6E;
  color: #FFF;
}
.TabContainer .Settings .AdvancedSettings .Settings-2 div:not(.IconGroup) > button:hover:not(.Active) {
  border-color: #BBB;
  background-color: #FFF;
  color: #434343;
  background-color: #E7E7E7;
}
.TopContainer .ActiveFilterList .RemoveAllFilters,
.TopContainer .ActiveFilterList .ActiveFilter {
  color: #434343;
}
.TopContainer .ActiveFilterList .ActiveFilter:hover .ColorBox:after,
.TopContainer .ActiveFilterList .ActiveFilter:hover .Thumb:after {
  background-color: #434343;
}
.TopContainer .ActiveFilterList .ActiveFilter .ColorBox,
.TopContainer .ActiveFilterList .ActiveFilter .Thumb {
  border: 1px solid #6E6E6E;
  border-radius: 2px;
}
.ResultDisplay .NextPage .Text {
  font-family: 'Futura Book', 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 24px;
}
.ResultDisplay .NextPage:hover .Text {
  color: #941d1f;
}
.ResultDisplay .NextPage img {
  width: 55px;
}
.ResultDisplay .ApproximationResult .Approximation .Headline,
.ResultDisplay .ApproximationResult .Approximation .Headline * {
  font-family: 'Futura Book', 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size-adjust: 0.46;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  color: #941d1f;
  line-height: 1.1 !important;
  margin: 10px 0 20px 0;
  color: green;
}
@media (min-width: 600px) {
  .ResultDisplay .ApproximationResult .Approximation .Headline,
  .ResultDisplay .ApproximationResult .Approximation .Headline * {
    font-size: 20px;
  }
}
@media (min-width: 1025px) {
  .ResultDisplay .ApproximationResult .Approximation .Headline,
  .ResultDisplay .ApproximationResult .Approximation .Headline * {
    font-size: 23px;
  }
}
.ResultDisplay .ApproximationResult .Approximation .Headline del,
.ResultDisplay .ApproximationResult .Approximation .Counter {
  color: #393939;
}
.BottomContainer {
  margin-top: -5px;
  margin-bottom: 25px;
}
.TopContainer .Paginator form input,
.BottomContainer .Paginator form input {
  border-bottom: 1px solid #6E6E6E;
}
.TopContainer .Paginator form input:hover,
.BottomContainer .Paginator form input:hover,
.TopContainer .Paginator form input:focus,
.BottomContainer .Paginator form input:focus {
  background-color: #EEEEEE;
}
.AssetContainer.Rasterized.Feature > div {
  border-radius: 4px;
}
.AssetContainer.Aligned .BottomBar {
  color: #434343;
}
.AssetContainer.Aligned .FeatureLabel {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  text-align: center;
  background-color: rgba(109, 96, 168, 0.8);
  height: 30px;
  line-height: 30px;
  font-family: 'Futura Book', 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
  color: #FFFFFF;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: rgba(255, 255, 255, 0.8);
  color: #6d60a8;
}
.AssetContainer .MetaData {
  font-size: 12px;
}
.AssetContainer.Feature .MetaData .Caption {
  font-family: 'Kameron';
  font-size: 21px;
}
.AssetContainer .FeatureLabel,
.AssetContainer .RecipeVideoLabel {
  font-family: 'Futura Book', 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 18px;
}
.AssetContainer .FeatureLabel {
  color: #6d60a8;
}
.AssetContainer .RecipeVideoLabel {
  color: #317ad9;
}
.AssetContainer button {
  width: 26px;
  height: 26px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  padding: 1px;
  border: 0 none;
  margin-right: 2px;
  box-sizing: content-box;
}
.AssetContainer button:hover {
  padding: 0;
  cursor: pointer;
  border: 1px solid #6E6E6E;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.7);
}
.AssetContainer button.Download {
  background-image: url('/Sites/StockFood/Resources/images/icons/Download_HiRes.svg');
  background-size: auto 18px;
}
.AssetContainer button.AddToCart {
  background-image: url('/Sites/StockFood/Resources/images/icons/AddToCart.svg');
  background-size: auto 18px;
}
.AssetContainer button.AddToActiveLightbox {
  background-image: url('/Sites/StockFood/Resources/images/icons/Heart.svg');
}
.AssetContainer button.RemoveFromActiveLightbox {
  background-image: url('/Sites/StockFood/Resources/images/icons/Heart_solid.svg');
}
.AssetContainer button.CalculatePrice {
  background-image: url('/Sites/StockFood/Resources/images/icons/CalculatePrice.svg');
}
.AssetContainer button.AddToActiveLightbox,
.AssetContainer button.RemoveFromActiveLightbox,
.AssetContainer button.CalculatePrice {
  background-size: auto 16px;
}
body.CurrencyEUR .AssetContainer button.CalculatePrice {
  background-image: url('/Sites/StockFood/Resources/images/icons/CalculatePrice_EUR.svg');
}
body.CurrencyGBP .AssetContainer button.CalculatePrice {
  background-image: url('/Sites/StockFood/Resources/images/icons/CalculatePrice_GBP.svg');
}
body.CurrencyUSD .AssetContainer button.CalculatePrice,
body.DomainCA .AssetContainer button.CalculatePrice {
  background-image: url('/Sites/StockFood/Resources/images/icons/CalculatePrice_USD.svg');
}
.AssetContainer button.FindSimilarImages {
  background-image: url('/Sites/StockFood/Resources/images/icons/SimilarImages.svg');
  background-size: auto 8px;
}
.AssetContainer button.OpenZoom {
  background-image: url('/Sites/StockFood/Resources/images/icons/Magnifier.svg');
  background-size: auto 17px;
}
.AssetContainer button.LikeboxMarker {
  position: absolute;
  top: 0;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  border: 1px solid transparent;
  border-top: none;
  background-size: auto 20px;
  background-color: rgba(255, 255, 255, 0.8);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  left: 0;
  border-radius: 0 0 4px 0;
}
.AssetContainer button.LikeboxMarker:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.AssetContainer button.ZoomArea {
  position: absolute;
  top: 0;
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  border: 1px solid transparent;
  border-top: none;
  background-size: auto 20px;
  background-color: rgba(255, 255, 255, 0.8);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  right: 0;
  border-radius: 0 0 0 4px;
  background-image: url('/Sites/StockFood/Resources/images/icons/Magnifier.svg');
}
.AssetContainer button.ZoomArea:hover {
  background-color: rgba(255, 255, 255, 0.9);
}
.AssetContainer span.SeriesIcon {
  background-image: url('/Sites/StockFood/Resources/images/icons/Series.svg');
  background-size: auto 17px;
}
.FeatureResult .AssetContainer .Title {
  font-family: 'Kameron';
  font-size: 25px;
}
@media (min-width: 600px) {
  .FeatureResult .AssetContainer .Title {
    font-size: 40px;
  }
}
@media (min-width: 1025px) {
  .FeatureResult .AssetContainer .Title {
    font-size: 45px;
  }
}
.FeatureResult .AssetContainer .Information {
  font-family: 'Futura Book', 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 17px;
}
@media (min-width: 600px) {
  .FeatureResult .AssetContainer .Information {
    font-size: 18px;
  }
}
@media (min-width: 1025px) {
  .FeatureResult .AssetContainer .Information {
    font-size: 19px;
  }
}
.FeatureResult .AssetContainer .OneLineFeatureImagesContainer .More .MoreIcon {
  width: 30px;
  height: 54px;
}
.FeatureResult .AssetContainer .OneLineFeatureImagesContainer .More a {
  text-decoration: none;
  color: #434343;
}
.FeatureResult .AssetContainer .OneLineFeatureImagesContainer .More a:hover {
  color: #941d1f;
}
.FeatureResult .AssetContainer .OneLineFeatureImagesContainer .More p {
  font-family: 'Futura Book', 'Gill Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1.2;
}

/*# sourceMappingURL=../../SharedControllers/ResultsPageV2/Styles.StockFood.css.map */