/**
 * Configuration file for the desktop 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 .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: 14px; }

/**
 * 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>
 */
.edge-strip {
  display: inline-flex;
  width: 100%; }

.edge-strip-direction {
  width: 25%;
  margin-bottom: 25px; }
  .edge-strip-direction.links, .edge-strip-direction.hinten, .edge-strip-direction.rechts {
    border-right: 1px dotted #d3d3d3; }
  .edge-strip-direction.links .field {
    margin-left: 0; }
  .edge-strip-direction.vorne .field {
    margin-right: 0; }
  .edge-strip-direction .field {
    margin: 5px 19px; }

#plate-configurator .left-column {
  width: 40%;
  display: inline-block; }

#plate-configurator .image {
  width: 60%;
  display: inline-block;
  vertical-align: top; }

#plate-configurator #product-addtocart-button {
  margin-top: 5px; }

#plate-configurator .configurable .control {
  width: 264px; }

#plate-configurator .dimensions .control {
  width: 175px; }

/**
 * 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>
 */
/**
 * 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>
 */
.cms-home .homepage-description {
  display: inline-block;
  width: calc(65% - 10px);
  padding-right: 10px; }

.cms-home .homepage-banners {
  width: 35%;
  display: inline-block;
  float: right;
  text-align: right;
  margin: 20px 0 0 0; }
  .cms-home .homepage-banners img {
    width: 45%; }

/**
 * 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 20px 20px 20px; }
  .page-footer .footer.content .footer-content {
    height: 150px; }
    .page-footer .footer.content .footer-content .links {
      display: inline-block;
      vertical-align: top;
      width: calc(25% - 1px);
      height: 100%;
      padding: 0;
      margin: 0; }
    .page-footer .footer.content .footer-content .contact {
      display: inline-block;
      vertical-align: top;
      width: calc(50% - 1px);
      height: 100%; }
      .page-footer .footer.content .footer-content .contact .contact-info {
        display: inline-block;
        height: 60px;
        vertical-align: middle;
        margin-right: 30px; }
      .page-footer .footer.content .footer-content .contact .contact-numbers {
        display: inline-block;
        height: 60px;
        vertical-align: middle; }
      .page-footer .footer.content .footer-content .contact .contact-email {
        margin-top: 10px; }
    .page-footer .footer.content .footer-content .open-hours {
      display: inline-block;
      vertical-align: top;
      width: 25%;
      height: 100%; }

/**
 * Styles for the header
 *
 * @package    Spanplatten default
 * @author     Rafael Melo <melo@code4business.de>
 */
.page-header {
  background-color: white; }
  .page-header .block-search {
    width: 400px; }
    .page-header .block-search .block-content .control ul.header.links {
      padding: 0;
      margin: 5px 0 0 0; }
      .page-header .block-search .block-content .control ul.header.links li {
        display: inline-block;
        margin: 0 10px 0 0; }

.nav-sections {
  margin-bottom: 20px; }
  .nav-sections .nav-sections-item-content {
    background-color: black; }
    .nav-sections .nav-sections-item-content .navigation {
      background-color: black; }
      .nav-sections .nav-sections-item-content .navigation .category-item.level-top {
        margin: 0;
        padding-left: 15px; 
        padding-right: 10px; }
        .nav-sections .nav-sections-item-content .navigation .category-item.level-top a.level-top {
          padding-right: 15px;
          padding-left: 0; }
      .nav-sections .nav-sections-item-content .navigation .level0.active > .level-top {
        color: white;
        border: none; }
      .nav-sections .nav-sections-item-content .navigation .level0 > .level-top {
        color: white;
        border: none; }
      .nav-sections .nav-sections-item-content .navigation .level0 .submenu .active a {
        border: none; }

/**
 * File that contains all visual changes for the cookie notice on every page
 *
 * @package    Spanplatten default
 * @author     Simon Brauner <brauner@code4business.de>
 */
.message.global.cookie .content {
  display: flex; }
  .message.global.cookie .content p {
    padding-right: 20px;
    padding-top: 5px; }

.message.global.cookie .actions {
  margin-top: 0;
  width: 6%; }

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