/* START: NON STICKY STYLES */ header :not(.is-sticky) .flo-header { background-color: #ffffff; } header :not(.is-sticky) .flo-header__logo, header :not(.is-sticky) .flo-header__menu > div > ul > .menu-item > a, header :not(.is-sticky) .flo-header__menu-trigger, header :not(.is-sticky) .flo-header__social-links-trigger, header :not(.is-sticky) .flo-header__social-links a:before, header :not(.is-sticky) .flo-header__search-trigger, header :not(.is-sticky) .flo-header__search-form-input, header :not(.is-sticky) .flo-header__search-form-submit, header :not(.is-sticky) .flo-header__featured-link { color: #252525; } .flo-header{ padding-top:2.5rem; padding-bottom:2.5rem; } header :not(.is-sticky).flo-header { background-color: #ffffff; } header :not(.is-sticky) .flo-header__menu-item-search:before, header :not(.is-sticky) .flo-header__menu-trigger-item, header :not(.is-sticky) .flo-header__search-form:before, header :not(.is-sticky) .flo-header__search-form:after { background-color: #252525; } header :not(.is-sticky) .flo-header__column-top-wrap { border-color: #252525; } /* END: NON STICKY STYLES */ /* START: STICKY STYLES */ .flo-header--sticky .is-sticky .flo-header{ background: rgba(255,255,255,1); } .flo-header--sticky .is-sticky .flo-header__logo, .flo-header--sticky .is-sticky .flo-header__menu > div > ul > .menu-item > a, .flo-header--sticky .is-sticky .flo-header__menu-trigger, .flo-header--sticky .is-sticky .flo-header__social-links-trigger, .flo-header--sticky .is-sticky .flo-header__social-links a:before, .flo-header--sticky .is-sticky .flo-header__search-trigger, .flo-header--sticky .is-sticky .flo-header__search-form-input, .flo-header--sticky .is-sticky .flo-header__search-form-submit, .flo-header--sticky .is-sticky .flo-header__featured-link, .flo-header--sticky .is-sticky .flo-header__lang-switch { color: #000000; } .flo-header--sticky .is-sticky .flo-header__menu-item-search:before, .flo-header--sticky .is-sticky .flo-header__menu-trigger-item, .flo-header--sticky .is-sticky .flo-header__search-form:before, .flo-header--sticky .is-sticky .flo-header__search-form:after { background-color: #000000; } .flo-header--sticky .is-sticky .flo-header__column-top-wrap { border-color: #252525; } /* END: STICKY STYLES */ /* START: DROPDOWNS */ .flo-header ul ul { background-color: #ededed; } .flo-header ul ul a { color: #252525!important; } /* END: DROPDOWNS */ /* START: SMALL ONLY */ @media (max-width: 767px) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { .flo-header__logo { max-width: 14.375rem; } } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { .flo-header__logo { max-width: 14.375rem; } } /* END: LARGE UP*/

.flo-header--type-a .flo-header__social-links-dropdown { background-color: #ededed; } .flo-header--type-a .flo-header__social-links-dropdown a { color: #252525!important; } /* START: SMALL ONLY */ @media (max-width: 767px) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

KITCHEN STORY

.flo-header-mobile__logo { max-width: 12.5rem; } .is-main.flo-header-mobile { background-color: #ffffff; } .is-main.flo-header-mobile .flo-header-mobile__search-trigger, .is-main.flo-header-mobile .flo-header-mobile__menu-trigger, .is-main.flo-header-mobile .flo-header-mobile__logo, .is-main.flo-header-mobile .flo-header-mobile__menu { color: #252525!important; } .is-main.flo-header-mobile .flo-header-mobile__menu { border-color: #252525; } /* START: SMALL ONLY */ @media (max-width: 767px) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

/* START: SMALL ONLY */ @media (max-width: 767px) { /* START: HEADER */ .flo-mobile-menu .flo-header-mobile { background-color: #ffffff; } .flo-mobile-menu .flo-header-mobile__menu-trigger, .flo-mobile-menu .flo-header-mobile__logo, .flo-mobile-menu .flo-header-mobile__menu-wrap { color: #252525!important; } /* END: HEADER */ /* START: GENERIC */ .flo-mobile-menu { background-color: #fef6ed; } .flo-mobile-menu__menu > li > a, .flo-mobile-menu__menu > li .flo-mobile-menu__menu-submenu-toggle, .flo-mobile-menu__social-links a { color: #252525; } /* END: GENERIC */ /* START: MENU */ .flo-mobile-menu__menu > li > a { color: #252525; } /* END: MENU */ /* START: SEARCH */ .flo-mobile-menu__search { background-color: #ffffff; } .flo-mobile-menu__search-input, .flo-mobile-menu__search-submit { color: #252525!important; } /* END: SEARCH */ /* START: SUBMENU */ .flo-mobile-menu__submenu { background-color: #252525; } .flo-mobile-menu__submenu-header-wrap { background-color: #ffffff; } .flo-mobile-menu__submenu-parent-title { color: #252525!important; } .flo-mobile-menu__submenu-items a { color: #968f88!important; } .flo-mobile-menu__submenu-close-button { color: #ffffff; border-color: #ffffff; } .flo-mobile-menu__submenu-close-text { color: #757575!important; } /* END: SUBMENU */ } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

/* START: SMALL ONLY */ @media (max-width: 767px) { .flo-block--2064 { margin-top: 0rem; margin-bottom: 0rem; } } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { .flo-block--2064 { margin-top: 0rem; margin-bottom: 0rem; } } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

.flo-gallery-view--151 .flo-gallery-view__date, .flo-gallery-view--151 .flo-gallery-view__title, .flo-gallery-view--151 .flo-gallery-view__categories, .flo-gallery-view--151 .flo-gallery-view__content { color: #333333!important; } .flo-gallery-view--151 .flo-gallery-view__date:before { background-color: #333333; } .flo-gallery-view--151 .flo-gallery-view__layout:before { background-color: #f3eeea; } /* START: SMALL ONLY */ @media (max-width: 767px) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

.flo-gallery-view--151 .flo-gallery-view__sharing-options-label{font-family: Quicksand Bold;font-size: 0.6875rem;letter-spacing: 0.3em;word-spacing: 0em;line-height: 1.63em;text-transform: none;font-weight: normal;} .flo-gallery-view--151 .flo-gallery-view__next-link{font-family: Quicksand Bold;font-size: 0.6875rem;letter-spacing: 0.3em;word-spacing: 0em;line-height: 1.63em;text-transform: none;font-weight: normal;} .flo-gallery-view--151 .flo-gallery-view__tags-title{font-family: Open Sans Regular;font-size: 0.6875rem;letter-spacing: 0.2em;word-spacing: 0em;line-height: 1.63em;text-transform: none;font-weight: normal;} .flo-gallery-view--151 .flo-gallery-view__tags a{font-family: Quicksand Bold;font-size: 0.6875rem;letter-spacing: 0.3em;word-spacing: 0em;line-height: 1.63em;text-transform: none;font-weight: normal;text-decoration: underline;} .flo-gallery-view--151 .flo-gallery-view__tags-title { color: #333333!important; } .flo-gallery-view--151 .flo-gallery-view__sharing-options-label, .flo-gallery-view--151 .flo-gallery-view__sharing-options a, .flo-gallery-view--151 .flo-gallery-view__sharing-options a:before, .flo-gallery-view--151 .flo-gallery-view__tags a { color: #333333!important; } .flo-gallery-view--151 .flo-gallery-view__content-wrap:before { background-color: #f3eeea; } /* START: SMALL ONLY */ @media (max-width: 767px) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { /* START: IMAGE SIZING */ .grid-sizer{ width:calc(100% / 2); } .flo-gallery-view--151 .flo-gallery-view__image { width: calc(100% / 2); padding: 0.70rem; } /* END: IMAGE SIZING */ } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

.flo-gallery-view--151 .flo-gallery-view__date{font-family: Open Sans Regular;font-size: 0.625rem;letter-spacing: 0.3em;word-spacing: 0em;line-height: 1.8em;text-transform: none;font-weight: normal;} /* START: SMALL ONLY */ @media (max-width: 767px) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

1. August 2019

.flo-gallery-view--151 .flo-gallery-view__title{font-family: NimbusRomNo9L Regular;font-size: 2.25rem;letter-spacing: 0em;word-spacing: 0em;line-height: 1.25em;text-transform: none;font-weight: normal;} /* START: SMALL ONLY */ @media (max-width: 767px) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

Backschule für Merkur “Friends” Magazin

.flo-gallery-view--151 .flo-gallery-view__categories{font-family: Open Sans Regular;font-size: 0.6875rem;letter-spacing: 0.2em;word-spacing: 0em;line-height: 1.63em;text-transform: none;font-weight: normal;} .flo-gallery-view--151 .flo-gallery-view__categories { color: #333333!important; } /* START: SMALL ONLY */ @media (max-width: 767px) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

Merkur

Jahresstrecke ab Ausgabe 5 - Backschule für Merkur "Friends" Magazin 2019

/* START: POPUP STYLES */ .flo-gallery-view__type-a-popup-sharing-label{font-family: Quicksand Bold;font-size: 0.6875rem;letter-spacing: 0.3em;word-spacing: 0em;line-height: 1.63em;text-transform: none;font-weight: normal;} .flo-gallery-view__type-a-popup-counter{font-family: Open Sans Regular;font-size: 0.625rem;letter-spacing: 0.3em;word-spacing: 0em;line-height: 1.8em;text-transform: none;font-weight: normal;} .flo-gallery-view__type-a-popup { background-color: #ffffff; } .flo-gallery-view__type-a-popup-sharing-label, .flo-gallery-view__type-a-popup-sharing-options a:before, .flo-gallery-view__type-a-popup-counter, .flo-gallery-view__type-a-popup-close { color: #252525!important; } .flo-gallery-view__type-a-popup-slideshow .slick-next, .flo-gallery-view__type-a-popup-slideshow .slick-prev { color: #252525!important; } .flo-gallery-view__type-a-popup-slideshow .slick-next:hover, .flo-gallery-view__type-a-popup-slideshow .slick-prev:hover { background-color: #f6f6f2!important; } /* END: POPUP STYLES */ /* START: SMALL ONLY */ @media (max-width: 767px) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

/* START: SMALL ONLY */ @media (max-width: 767px) { .flo-block--2252 { margin-top: 0rem; margin-bottom: 0rem; } } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { .flo-block--2252 { margin-top: 0rem; margin-bottom: 0rem; } } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

.flo-item-pagination--4 .flo-item-pagination__label{font-family: Open Sans Regular;font-size: 0.625rem;letter-spacing: 0.3em;word-spacing: 0em;line-height: 1.8em;text-transform: none;font-weight: normal;} .flo-item-pagination--4 .flo-item-pagination__label { color: #252525!important; } .flo-item-pagination--4 .flo-item-pagination__image-and-title{font-family: NimbusRomNo9L Regular;font-size: 1.875rem;letter-spacing: 0em;word-spacing: 0em;line-height: 1.2em;text-transform: none;font-weight: normal;} .flo-item-pagination--4 .flo-item-pagination__image-and-title { color: #ffffff!important; } .flo-item-pagination--4 .flo-item-pagination__image-wrap-overlay { background-color: #252525; } .flo-item-pagination--4 .flo-item-pagination__image-wrap:before { background-color: #f0f2ec; } /* START: SMALL ONLY */ @media (max-width: 767px) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

Nächstes Projekt

Osterbacken für Merkur Friends Magazin

/* START: SMALL ONLY */ @media (max-width: 767px) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { /* START: MENU */ .flo-footer__menu .sub-menu { background-color: #ededed; } .flo-footer__menu .sub-menu a { color: #252525!important; } /* END: MENU */ } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/

.flo-header-popup:before { background-color: #252525; } .flo-header-popup__main-wrap { background-color: #ffffff; } .flo-header-popup__close, .flo-header-popup__search-input, .flo-header-popup__search-submit, .flo-header-popup__menu .menu-item a, .flo-header-popup__social-links a:before { color: #252525!important; } .flo-header-popup__menu .menu-item a:before { background-color: #252525; } .flo-header-popup__search { border-bottom: 1px solid #252525; } /* START: SMALL ONLY */ @media (max-width: 767px) { } /* END: SMALL ONLY */ /* START: MEDIUM ONLY */ @media (min-width: 768px) and (max-width: 1024px) { } /* END: MEDIUM ONLY */ /* START: MEDIUM UP*/ @media (min-width: 768px) { } /* END: MEDIUM UP*/ /* START: LARGE UP*/ @media (min-width: 1025px) { } /* END: LARGE UP*/