/**
 * Configuration file for the mobile styles
 *
 * @package    Spanplatten default
 * @author     Rafael Melo <melo@code4business.de>
 */
/**
 * File that contains all the scss files that will be used as styles for the theme.
 *
 * @package    Spanplatten default
 * @author     Rafael Melo <melo@code4business.de>
 */
/**
 * Configuration file with the common colors used in the theme.
 *
 * @package    Spanplatten default
 * @author     Rafael Melo <melo@code4business.de>
 */
/**
 * File containing commonly used mixins.
 *
 * @package    Spanplatten default
 * @author     Rafael Melo <melo@code4business.de>
 */
/**
 * Styles for the product grid displayed on categories and search results.
 *
 * @package    Spanplatten default
 * @author     Rafael Melo <melo@code4business.de>
 */
.catalog-category-view .page-wrapper .page-main .columns .products-grid .product-items .product-item, .catalogsearch-result-index .page-wrapper .page-main .columns .products-grid .product-items .product-item {
  width: 50%; }
  @media (min-width: 640px) {
    .catalog-category-view .page-wrapper .page-main .columns .products-grid .product-items .product-item, .catalogsearch-result-index .page-wrapper .page-main .columns .products-grid .product-items .product-item {
      width: 33.333%; } }
  .catalog-category-view .page-wrapper .page-main .columns .products-grid .product-items .product-item .product-item-info .product-item-details .product-item-inner .actions-primary .action.tocart.primary, .catalogsearch-result-index .page-wrapper .page-main .columns .products-grid .product-items .product-item .product-item-info .product-item-details .product-item-inner .actions-primary .action.tocart.primary {
    font-size: 12px; }

/**
 * Styles for category pages. (Product grid styles does not goes here!)
 *
 * @package    Spanplatten default
 * @author     Rafael Melo <melo@code4business.de>
 */
/**
 * Styles for sub category pages. (categories which display other categories and no products)
 *
 * @package    Spanplatten default
 * @author     Simon Brauner <brauner@code4business.de>
 */
/**
 * Styles for configurator product page.
 *
 * @package    Spanplatten default
 * @author     Simon Brauner <brauner@code4business.de>
 */
#plate-configurator .field.required {
  width: 100%; }
  #plate-configurator .field.required .control {
    width: 100%; }

#plate-configurator .edgestrip-text {
  margin-top: 20px; }

#plate-configurator .product-options-bottom {
  margin-top: 10px; }

/**
 * Checkout styles
 *
 * @package    Spanplatten default
 * @author     Rafael Melo <melo@code4business.de>
 */
/**
 * Styles for the customer account pages.
 *
 * @package    Spanplatten default
 * @author     Rafael Melo <melo@code4business.de>
 */
.account .page-wrapper .page-main {
  padding-top: 0; }
  .account .page-wrapper .page-main .columns .column.main {
    padding-bottom: 0; }
  .account .page-wrapper .page-main .columns .block {
    margin-bottom: 20px; }
    .account .page-wrapper .page-main .columns .block:last-child {
      margin-bottom: 0; }

/**
 * Styles for the customer account login page.
 *
 * @package    Spanplatten default
 * @author     Rafael Melo <melo@code4business.de>
 */
/**
 * Styles for the homepage.
 *
 * @package    Spanplatten default
 * @author     Rafael Melo <melo@code4business.de>
 */
/**
 * Minicart styles
 *
 * @package    Spanplatten default
 * @author     Rafael Melo <melo@code4business.de>
 */
/**
 * Styles for very generalistic elements. Only include here styles for things that are part of the whole shop.
 * Examples are: links, list items, tables
 *
 * @package    Spanplatten default
 * @author     Rafael Melo <melo@code4business.de>
 */
/**
 * Styles for the footer
 *
 * @package    Spanplatten default
 * @author     Rafael Melo <melo@code4business.de>
 */
.page-footer .footer.content {
  padding: 0 15px 20px 15px; }
  .page-footer .footer.content .footer-content .links {
    margin: 0 0 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #676572; }
  .page-footer .footer.content .footer-content .contact {
    margin: 0 0 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #676572; }
    .page-footer .footer.content .footer-content .contact .contact-email {
      margin-top: 10px; }
  .page-footer .footer.content .footer-content .open-hours {
    margin: 0 0 20px 0; }

/**
 * Styles for the header
 *
 * @package    Spanplatten default
 * @author     Rafael Melo <melo@code4business.de>
 */
.page-header .header.content {
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .page-header .header.content .nav-toggle {
    position: unset; }
  .page-header .header.content .logo {
    margin: 0 0 0 10px; }
    .page-header .header.content .logo img {
      height: auto; }
  .page-header .header.content .minicart-wrapper {
    margin: 0 0 0 auto;
    position: unset; }
    .page-header .header.content .minicart-wrapper .block-minicart {
      top: 50%; }
  .page-header .header.content .block-search {
    margin: 10px 0 0 0;
    flex: 1 1 100%; }
    .page-header .header.content .block-search .block-content .control {
      border: none;
      display: inline-block;
      width: calc(100% - 40px); }
      .page-header .header.content .block-search .block-content .control input.input-text {
        margin: 0;
        position: static; }
      .page-header .header.content .block-search .block-content .control ul.header.links {
        display: none; }

.nav-sections .nav-sections-item-content .navigation .category-item.level-top {
  background-color: black; }
  .nav-sections .nav-sections-item-content .navigation .category-item.level-top a, .nav-sections .nav-sections-item-content .navigation .category-item.level-top a:visited {
    color: white; }
  .nav-sections .nav-sections-item-content .navigation .category-item.level-top a.level-top {
    color: white; }
    .nav-sections .nav-sections-item-content .navigation .category-item.level-top a.level-top:hover {
      color: white; }

.nav-sections .nav-sections-item-content .navigation .level0.active > a:not(.ui-state-active), .nav-sections .nav-sections-item-content .navigation .level0.has-active > a:not(.ui-state-active) {
  border-color: black; }

.nav-sections .nav-sections-item-content .navigation .submenu:not(:first-child) .active a {
  border-color: black; }

/**
 * File that contains all visual changes for the cookie notice on every page
 *
 * @package    Spanplatten default
 * @author     Simon Brauner <brauner@code4business.de>
 */

/*# sourceMappingURL=app-styles-m.css.map */