:root {
	--cavok-primary-highlight-color: #ee0000;
	--cavok-primary-font-face: 'TheSans';
	--cavok-asset-card-hover-text-color: white !important;
	--cavok-tree-hover-text-color: white;
	--cavok-context-menu-hover-text-color: white;
	--cavok-button-bg-color: #f0010f;
	--cavok-button-hover-bg-color: #f0010f;
	--cavok-asset-card-border-radius: 0px;
	--cavok-button-hover-text-color: #d9d9d9;
}
:root .searchFieldPanel .cavokHybridGroup {
	--cavok-button-border-color-tl: #f0010f;
	--cavok-button-border-color-br: #f0010f;
}
.cavokHybridGroup .cavokHybridItem	 {
	border-right: none;
}
.userControlSettings .skinSelection {
	display: none;
}
.cavokHybridGroup .cavokHybridItem.inputOrSelect .sbOptions li a, .cavokHybridGroup .cavokHybridItem.inputOrSelect .sbOptions li span {
	color: #696969 !important;
}
.cavokWindowTitle [class*="icon-"]::before {
	color: unset;
}


#loginBackground {
	background: url("images/1345_WE_3-A5-adjusted.jpg") no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.logoBig {
	background: url("logo.svg") no-repeat !important;
	left: -25px;
	margin-bottom: 7px !important;
}

.logo.logoBig::before {
	content: "Bilddatenbank";
	position: absolute;
	right: -22px;
	font-size: 22px;
	color: black;
	top: 40px;
	font-weight: bold;
}

.logoSmall {
	background: url("logo.svg") no-repeat !important;
	width: 131px !important;
	height: 48px !important;
}

.login .loginContainer, .requestAccountActivateContainer, .requestAccountRejectionSuccess, .login .forgottenContainer {
	border-radius: 0;
	background-color: white;
	box-shadow: unset;
	padding: 30px;
}

.login .loginContainer label, .requestAccountActivateContainer label, .requestAccountRejectionSuccess label, .login .forgottenContainer label {
	top: -20px;
	left: 2px;
	padding: 0;
	background-color: unset;
	width: unset;
}

.login .loginContainer .cavokInput, .requestAccountActivateContainer .cavokInput, .requestAccountRejectionSuccess .cavokInput, .login .forgottenContainer .cavokInput {
	width: 100%;
	margin-top: 20px;
}

.login .loginContainer input, .requestAccountActivateContainer input, .requestAccountRejectionSuccess input, .login .forgottenContainer input {
	border-radius: 5px;
	border-color: #ccc;
	padding: 8px;
	width: calc(100% - 18px);
}

.login .cavokButton {
    top: 125px;
    background-color: #ee0000;
    width: calc(100% - 2px);
    text-align: center;
    margin-top: 5px;
}

.login .loginContainer, .login .forgottenContainer {
	width: 300px;
}

.login .passwordForgotten {
	margin-top: 55px;
	right: calc(50% - 57px);
	position: relative;
}

.login a:active, .login a:focus, .login a:hover {
	color: black;
}

.cavokInput input:focus + label, .cavokInput textarea:focus + label {
	color: var(--cavok-input-label-text-color);
	background-color: inherit;
}

.login #pageFooter {
	background-color: rgba(50, 50, 50, 0.5);
}

.login .forgottenPasswordBone {
	width: 100%;
}

.login .forgottenPasswordBone label {
	text-align: left;
}

.forgottenPasswordBone .backToLogin {
	bottom: 20px;
	position: absolute;
	right: calc(50% - 55px);
}

.localeSelect {
	bottom: -76px;
	position: absolute;
}

.login .loginForm.newPW .cavokButton {
	width: calc(100% - 60px);
	right: 29px;
	top: 280px;
}

/* =============================================================== */

@font-face {
  font-family: 'TheSans';
  src: url(TheSans/TheSans-3_Light.woff) format('woff');
  font-style: normal;
  font-weight: 200;
}
@font-face {
  font-family: 'TheSans';
  src: url(TheSans/TheSans-3_LightItalic.woff) format('woff');
  font-style: italic;
  font-weight: 200;
}
@font-face {
  font-family: 'TheSans';
  src: url(TheSans/TheSans-5_Plain.woff) format('woff');
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: 'TheSans';
  src: url(TheSans/TheSans-5_PlainItalic.woff) format('woff');
  font-style: italic;
  font-weight: 400;
}
@font-face {
  font-family: 'TheSans';
  src: url(TheSans/TheSans-7_Bold.woff) format('woff');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'TheSans';
  src: url(TheSans/TheSans-7_BoldItalic.woff) format('woff');
  font-style: italic;
  font-weight: 600;
}
@font-face {
  font-family: 'TheSans';
  src: url(TheSans/TheSans-8_ExtraBold.woff) format('woff');
  font-style: nomal;
  font-weight: 700;
}

#additionalAnleitung {
	position: fixed;
	z-index: 1;
	right: 310px;
	top: 9px;
}