/* kunden-coloured-logo.css */

:root {
  --menuhintergrundfarbe_hex: #121212 !important;
  --menuhintergrundfarbe_rgb: 18, 18, 18 !important;
  --menutextfarbe_hex: #fff !important;
  --infobarhintergrundfarbe_hex: #3c3c3c !important;
  --infobarhintergrundfarbe_rgb: 60, 60, 60 !important;
}

@media (min-width: 992px) {
  #mainmenu .navbar-default ul.nav li a:hover,
  #mainmenu .navbar-default ul.nav li a:focus {
    color: var(--menutextfarbe_hex);
    text-decoration: none;
    background-color: var(--akzentfarbe_hex);
  }
}

@media (max-width: 991px) {
  .navbar-default .navbar-toggle .icon-bar {
    background: #fff !important;
  }
  #mainmenu .togglehead p {
    color: #fff !important;
  }
}

/* Template 14 */
#logowrap {
  background-color: var(--menuhintergrundfarbe_hex) !important;
}
div#wrap
  div.innerwrap
  div#kopfbereichwrap
  div#upperkopfbereichwrap.fix-mainmenu
  div#innerkopfbereich
  div.container.container-fluid
  div#infobar.inverse-infobar {
  background-color: transparent !important;
}

/* Template 17 */
@media (min-width: 768px) {
  #upperkopfbereichwrap {
    background-color: rgba(var(--menuhintergrundfarbe_rgb), 1) !important;
  }
}

/* Template 22 */
#hauptbereich-farbbox {
  background: linear-gradient(
    to bottom,
    rgba(var(--akzentfarbe_rgb), 1),
    rgba(255, 255, 255, 1)
  ) !important;
}

/* ################################################################### */

.koop-farbe {
  color: var(--templatefarbe_hex) !important;
}
.koop-farbe-rgb {
  color: rgb(var(--templatefarbe_rgb)) !important;
}
.koop-bg-farbe {
  background-color: var(--templatefarbe_hex) !important;
}
.koop-bg-farbe-rgb {
  background-color: rgb(var(--templatefarbe_rgb)) !important;
}
.erfal-template .bg-gradient,
.erfal-raumausstatter-template .bg-gradient,
.feba-template .bg-gradient,
.fensterfachbetriebe-template .bg-gradient,
.kneer-suedfenster-template .bg-gradient,
.markilux-template .bg-gradient,
.neutral-template .bg-gradient,
.rehau-template .bg-gradient,
.roma-template .bg-gradient,
.terrassendaecher-template .bg-gradient,
.weru-template .bg-gradient,
.windor-template .bg-gradient,
.bg-gradient {
  background: rgb(255, 255, 255);
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 1) -20%,
    rgba(var(--templatefarbe_rgb), 1) 50%
  ) !important;
}

/* kundenspezifische Ergänzungen */

.bg-gradient {
  background: rgb(255, 255, 255);
  background: radial-gradient(
    circle,
    rgba(255, 255, 255, 1) -20%,
    rgba(var(--templatefarbe_rgb), 1) 50%
  ) !important;
}