/* kunden-coloured-logo.css */

:root {
	--menuhintergrundfarbe_hex: #2a2e31 !important;
	--menuhintergrundfarbe_rgb: 42,46,49 !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;
}