:root {
  --netto-yellow-color: #ffe500;
  --netto-yellow-hover-color: #ffdd00;
  --netto-red-color: #cf0008;
  --purple-hover-color: #6100fd;
  --netto-light-gery: #f4f5f7;
  --netto-dark-gery: #333;
  --link-color: var(--netto-red-color);
  --theme-dark-color-background: var(--netto-dark-gery);
}

/* buttons */
.product-template-default .button {
  border-radius: 10px;
  font-weight: bolder !important;
  transition: var(--ui-hover-transition);
}

.product-template-default #mainContent .button--primary,
.product-template-default #mainContent .button--primary path,
.product-template-default [is="flynt-navigation-main"] .container-navigation .button,
.product-template-default [is="flynt-navigation-main"] .container-navigation .button path,
.product-template-default [is="flynt-navigation-burger"] .button,
.product-template-default [is="flynt-navigation-burger"] .button path {
  color: var(--netto-red-color);
  fill: var(--netto-red-color);
  stroke-width: 0px;
  background-color: var(--netto-yellow-color);
}

.product-template-default #mainContent .button--primary:hover,
.product-template-default #mainContent a[href="#faq"]:hover,
.product-template-default [is="flynt-navigation-main"] .button:hover {
  background-color: var(--netto-yellow-hover-color);
}

.product-template-default #mainContent .button--info,
.product-template-default #mainContent .button--info path,
.product-template-default #mainContent a[href="#faq"],
.product-template-default a[href="#faq"] path {
  color: var(--netto-red-color);
  fill: var(--netto-red-color);
  stroke-width: 0px;
  background-color: #fff;
  border: 1px solid var(--netto-red-color);
}

.product-template-default #mainContent .button--info:hover,
.product-template-default #mainContent .button--info:hover path,
.product-template-default #mainContent a[href="#faq"]:hover,
.product-template-default a[href="#faq"]:hover path {
  color: #fff;
  fill: #fff;
  stroke-width: 0px;
  background-color: var(--netto-red-color);
  border: 1px solid var(--netto-red-color);
}

/* navigation */
.product-template-default [is=flynt-navigation-main] .menu-link {
  color: var(--netto-red-color);
}

.product-template-default [is=flynt-navigation-main] .container-navigation a {
  font-weight: 600;
}

.product-template-default [is=flynt-navigation-main]  a:hover .menu-text::before {
  width: calc(100% + 20px);
}

.product-template-default [is=flynt-navigation-main] .menu-text::before {
  transition: all .3s ease-in-out;
  content: "";
  background-color: var(--netto-red-color);
  display: block;
  height: 3px;
  width: 0;
  bottom: -5px;
  left: -10px;
  position: absolute;
} 

.product-template-default [is=flynt-navigation-main] .menu-text:hover,
.product-template-default [is=flynt-navigation-main] .menu-item:hover .menu-text {
  color: var(--color-headline);
}

.product-template-default [is=flynt-navigation-main] .loginLink-text::before {
  display: none;
}

.product-template-default [is=flynt-navigation-main] .menu li,
.product-template-default .hamburger,
.product-template-default .burgerMenu
 {
  display: none;
}

.product-template-default [is=flynt-navigation-burger] .btnLink {
  margin-right: 0;
}

.product-template-default [is=flynt-navigation-main] .dropdown .submenu-item--iconBox,
.product-template-default [is=flynt-navigation-main] .dropdown .submenu-item--box {
  background-color: #fff;
  border: 1px solid var(--netto-red-color);
}

.product-template-default [is=flynt-navigation-main] .dropdown .figure-image {
  filter: brightness(0);
}

.product-template-default [is=flynt-navigation-main] .dropdown .submenu-grid .submenu-item:hover {
  background-color: var(--netto-red-color);
  border: 1px solid var(--netto-red-color);
}

.product-template-default [is=flynt-navigation-main] .dropdown .submenu-grid .submenu-item:hover * {
  color: #fff;
}

.product-template-default [is=flynt-navigation-main] .dropdown .submenu-grid .submenu-item:hover .figure-image,
.product-template-default [is=flynt-navigation-main] .dropdown .submenu-grid .submenu-item:hover .submenu-link--desc .icon {
  filter: contrast(.5) brightness(10);
}

/* partner logo */
.product-template-default .heroImageText #netto-logo {
  width: 120px; margin-bottom: 0.5rem;
}

/* calculator */
.product-template-default [type=checkbox]:checked + label::before,
.product-template-default [type=radio] + label::after {
  background-color: var(--netto-red-color);
  border-color: var(--netto-red-color);
}

.product-template-default [type=radio]:checked + label::before {
  border-color: var(--netto-red-color);
}

/* filter tabs */
.filter-button.active {
  background-color: var(--netto-red-color);
}

.filter-button {
  background-color: #fff;
  border: 1px solid var(--netto-red-color);
  color: var(--netto-red-color);
}

.filter-button:hover {
  background-color: var(--color-headline);
  border: 1px solid var(--color-headline);
  color: #fff;
}

/* faq/documents */
.product-template-default a[href="#"] span,
.product-template-default [is="flynt-notification"] .notification-inner a {
  color: var(--netto-red-color);
}

.product-template-default a[href="#"]:hover span,
.product-template-default [is="flynt-notification"] .notification-inner a:hover {
  color: var(--netto-red-color);
}

.product-template-default [is="flynt-list-download"] .listDownload-item,
.product-template-default [is="flynt-list-download"] .listDownload-item:hover {
  border-width: 1px;
}

.product-template-default [is="flynt-list-download"] .listDownload-item:hover {
  border-color: var(--netto-red-color);
}

.product-template-default [is="flynt-list-download"] .listDownload-link svg {
  stroke: var(--netto-red-color);
}

.product-template-default [is="flynt-list-download"] .listDownload-item:hover svg,
.product-template-default [is="flynt-list-download"] .listDownload-item:focus svg {
  stroke: var(--netto-red-color);
}

.product-template-default .listDownload-item--icon {
  filter: drop-shadow(0 3px 6px rgba(51, 51, 51, 0.1)) grayscale(1)
    brightness(0.7125) contrast(10);
}