{% require_css %}
  <style>
    {% scope_css %}

      {# Menu items - top level #}

      {% if module.styles.text.color.color %}
        .menu__link {
          color: ;
        }

        .menu__child-toggle-icon {
          border-top-color: ;
        }

        .menu .menu__link:hover,
        .menu .menu__link:focus {
          color: ;
        }

        .menu__child-toggle-icon:hover,
        .menu__child-toggle-icon:focus {
          border-top-color: ;
        }

        .menu .menu__link:active {
          color: ;
        }

        .menu__child-toggle-icon:active {
          border-top-color: ;
        }

        .menu .menu__item--depth-1 > .menu__link--active-link:after {
          background-color: ;
        }
      {% endif %}

      {# Menu items - submenus #}

      .menu .menu__submenu {
        
        {% if module.styles.drop_downs.background.color.color %}
          background-color: rgba(, );
        {% endif %}
      }

      @media (min-width: 767px) {
        .menu__submenu--level-2 > .menu__item:first-child:before {
          
          {% if module.styles.drop_downs.background.color.color %}
            background-color: rgba(, );
          {% endif %}
        }
      }

      .menu__submenu .menu__link,
      .menu__submenu .menu__link:hover,
      .menu__submenu .menu__link:focus {
        {% if module.styles.drop_downs.background.color.color %}
          background-color: rgba(, );
        {% endif %}
        {% if module.styles.drop_downs.text.color.color %}
          color: ;
        {% endif %}
      }

      .menu__submenu .menu__child-toggle-icon,
      .menu__submenu .menu__child-toggle-icon:hover,
      .menu__submenu .menu__child-toggle-icon:focus {
        {% if module.styles.drop_downs.text.color.color %}
          border-top-color: ;
        {% endif %}
      }

      /* Menüebene 3 sichtbar und erreichbar machen */
      .menu__submenu--level-3 {
        position: absolute;
        top: 0;
        left: 50px;
        z-index: 10;
      }

      .menu__submenu--level-2 > .menu__item {
        position: relative;
      }

    {% end_scope_css %}
  </style>
{% end_require_css %}