:root {
	--kpluss-dunkelblau: #dc043f;
	--kpluss-hellblau:	#003a78;
	--kpluss-hellblau:	#000000;
	--kpluss-gruen:	#dc043f;
	--kpluss-weiss:	#FFFFFF;
	--kpluss-black:	#000000;

	--button-color: 		var(--kpluss-gruen);
	--button-color-hover: 	var(--kpluss-black);
	--page_bg_color: 		var(--kpluss-dunkelblau);
	--input_border_color: 	var(--kpluss-dunkelblau);
	--header_text_color:	var(--kpluss-weiss);
	--header_border_color:	var(--kpluss-dunkelblau);

	/* Surveys */
	--page_bg_color2: 		var(--kpluss-hellblau);
}

.wrapper.auth .background-image {
	background-color: var(--page_bg_color) ! important;
	background-image: url('../img/streufahrzeug.jpg');
	background-position: center;
	border-left: 1px solid var(--input_border_color);
}

.form-control {
	border-color: var(--input_border_color) !important;
	border-radius: .2rem !important;
}

.btn-custom {
    color: #FFFFFF;
    background-color: var(--button-color) !important;
    border-color: var(--button-color) !important;
}

.btn-custom:hover {
    color: #FFFFFF;
    background-color: var(--button-color-hover) !important;
    border-color: var(--button-color-hover) !important;
}

.bg-header-custom {
	background-color: var(--page_bg_color) ! important;
}

.border-color-custom {
	border-color: var(--header_border_color) ! important;
}

.font-color-header-custom {
	color: var(--header_text_color) ! important;
}

.border-color-custom-chat {
	border-color: var(--header_border_color) !important;
}

.border-color-custom-survey {
	border-color: var(--page_bg_color2) !important;
}

.wct-header-container a.wct-header-survey {
	background-color: var(--page_bg_color2) !important;
}

/* Falls Hintergrund nicht passend für Orange */
.eventstream-container-survey-bell {
    /* color: var(--bs-success) !important; */
}

.login-screen-kundenlogo {
	margin: 0% auto 15% auto;
	text-align: center;
}

.login-screen-kundenlogo img {
	max-width: 325px ! important;
	max-height: 150px ! important;
}



.eventstream-topnavi,
.eventstream-topnavi a,
.eventstream-languages,
.eventstream-languages a {
	color: var(--header_text_color) ! important;
}

.eventstream-logo img
{
	padding: 1px 0px! important;
	margin:  0px 30px! important;
	height: 80px;
	max-height: 80px; 
}