:root {
	--color-lachs: rgb(250, 100, 90);

	--color-blue-dark: #011b3c;
	--color-blue: #008fce;
	--color-blue-light: #2ea3f2;
	--color-grey-text: #545454;

	--bg-image: url(/byh/images/img-bg-desktop.webp);
	--bg-image-lg: url(/byh/images/img-bg-desktop.webp);

	--base-font-family: 'Roboto';
	--base-font-size: 16px;
	--font-size-s: 12px;

	--body-bg: #fff;
	--content-bg: #efefef;
	--base-text-color: var(--color-grey-text);
	--headline-color: var(--color-grey-text);
	--notification-bg: var(--color-blue-light);
	--notification-color: #fff;

	--footer-bg: var(--color-blue-dark);
	--footer-color: #fff;

	--button-primary-color: #fff;
	--button-primary-bg: var(--color-blue);
	--button-primary-border: var(--color-blue);

	--button-primary-hover-color: #fff;
	--button-primary-hover-bg: var(--color-blue-light);
	--button-primary-hover-border: var(--color-blue-light);

	--button-secondary-color: #fff;
	--button-secondary-bg: var(--color-blue-dark);
	--button-secondary-border: var(--color-blue-dark);

	--button-secondary-hover-color: #fff;
	--button-secondary-hover-bg: var(--color-blue-dark);
	--button-secondary-hover-border: var(--color-blue-dark);

	/* --blue: var(--color-kohle); */
	/* --grey-2: var(--color-lachs); */
	--link-primary-color: var(--color-blue);
	--link-secondary-color: var(--color-grey-text);

	--input-bottom-border-color: var(--color-blue-dark);

	--input-border-width: 1px;

	--input-border-radius: 0;
	--button-border-radius: 0;
	--content-border-radius: 0;
	--base-border-radius: 0;
}

/* RESETS  */

body {
	font-family: var(--base-font-family);
	font-size: var(--base-font-size);
	line-height: 1.5;
	position: relative;
	margin: 0;
	color: var(--base-text-color);
	background-color: var(--body-bg);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.layout-header {
	background: none;
}

.header {
	background-color: #fff;
	border: none;
	padding: 20px var(--content-x-padding-md);
}

.header__third {
	text-align: right;
}

.layout-content {
	padding: 0;
	background-size: cover;
	background-position: 100% 25%;
}

.logo img {
	max-width: 180px;
	padding: 10px 0;
}

.title {
	color: var(--color-grey-text);
}

.icon--info-link {
	font-weight: 400;
	text-decoration: underline;
}

.content-container {
	background-color: var(--content-bg);
}

/* Remove for external Header, Footer and Rent CTA */

/* .header,
.layout-footer {
	display: none;
} */

aside.close {
	display: none;
}

ul:not([class]) li:before {
	position: inherit;
	top: inherit;
	left: inherit;
	content: inherit;
}

/* Icons */
.progress-bar .icon::before,
.form__input.is-valid:after,
.form__input.is-invalid:after {
	background-color: var(--color-blue);
	padding: 4px;
	font-size: 10px;
	border-radius: 50%;
	width: 12px;
	height: 12px;
}

/* Tooltips */

.tooltip__container .icon {
	color: var(--color-blue-dark);
}

.tooltip-inner {
	background-color: var(--color-blue-dark);
	border-radius: var(--base-border-radius);
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^='left'] .arrow::before {
	border-left-color: var(--color-blue-dark);
}

/* Progress Bar */

.progress-bar {
	background-color: #fff;
	padding-bottom: 0;
}

.progress-bar__item {
	border-bottom-color: var(--color-blue-dark);
	color: var(--color-grey-text);
	text-transform: uppercase;
}

.progress-bar__item.current {
	background-color: var(--color-blue-dark);
	border-bottom: 2px solid var(--color-blue-dark);
	margin: 0;
	color: #fff;
}

.progress-bar__icon {
	color: #fff;
}

.progress-bar__item.current:before {
	content: none;
	background-color: var(--color-blue-dark);
}

.progress-bar__item.current .progress-bar__link {
	color: #fff;
}

/* Rental Object Box */

.rental-object {
	background-color: var(--color-blue);
	backdrop-filter: none;
	color: #fff;
}

/* Steps Bar Left */

.next-steps:before {
	background-color: var(--color-blue-dark);
	width: 3px;
	left: 3px;
}

.next-steps__item:before {
	left: -2px;
	background-color: var(--color-blue-dark);
	border: 2px solid var(--color-blue-dark);
	width: 14px;
	height: 14px;
}

.next-steps__item--active:before {
	background-color: var(--color-blue-light);
}

.next-steps__item:after {
	left: -5px;
	border: 0;
	width: 20px;
	height: 20px;
	background: none;
	border: 0;
}

.next-steps__item--final-step-mail:before,
.next-steps__item--final-step:before {
	left: -15px;
	background-color: var(--color-blue-light);
	border: 0;
	width: 40px;
	height: 40px;
}

/* Buttons */

.btn {
	text-transform: uppercase;
}

.btn--disabled {
	background-color: var(--color-grey-text);
	border-color: var(--color-grey-text);
}

/* Inputs */

.form__checkbox input[type='radio'] + label .select,
.form__checkbox input[type='checkbox'] + label .select,
.form__radio input[type='radio'] + label .select,
.form__radio input[type='checkbox'] + label .select {
	background: none;
	border: 1px solid var(--color-blue-dark);
	border-radius: 0;
	outline: none !important;
}

.form__checkbox input[type='checkbox']:checked + label .select::after {
	content: '';
	background-color: var(--color-blue-light);
	width: 80%;
	height: 80%;
	position: absolute;
	top: 10%;
	left: 10%;
}

.form__input--floating label,
.form__input .icon {
	background: none;
	color: #000;
}

.form__input--select-default.is-focused select,
.form__input--select-default.is-dirty select {
	color: #000;
}

.form__group--border-top {
	border: none;
}

.form__input.is-valid:after,
.form__input.is-invalid:after {
	color: #fff;
	border: none;
}

.form__input.is-invalid:after {
	background-color: var(--color-lachs);
}

.form__textarea textarea {
	background-color: var(--color-nebel);
	border: 1px solid var(--color-blue-dark);
}

.form__textarea textarea::placeholder {
	color: #000;
}

.payment-type {
	border: none;
	background: #fff;
}

.payment-type .form__radio input[type='radio'] + label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
}

/* Notification */

.notification + * {
	margin-top: 0;
}

/* File Upload */

.file-upload__drop {
	background: none;
	border: 2px dashed var(--color-blue);
	border-radius: var(--base-border-radius);
}

.file-uploaded__file {
	background: none;
	border-radius: var(--base-border-radius);
	border-color: var(--color-blue);
}

.file-upload .icon {
	color: var(--color-grey-text);
}

.file-upload__helptext {
	color: var(--base-text-color);
}

.file-uploaded__loading {
	background-color: #efefef;
}

.file-uploaded__loading::before {
	border: solid 3px var(--color-grey-text);
	border-bottom-color: var(--color-blue-light);
}

.dz-processing:not(.dz-complete) .dz-progress-wrapper {
	border-radius: var(--base-border-radius);
	/* background: rgb(179 120 120 / 90%); */
}

.dz-processing:not(.dz-complete) .dz-upload {
	background-color: var(--color-blue-light);
}

/* Language Selector List */

.language-selector__list {
	background-color: var(--color-blue);
	border-color: var(--color-grey-text);
}

.language-selector__link.is-active {
	color: #fff;
	font-weight: bold;
}

.language-selector__item:not(:last-of-type) a {
	border-color: var(--color-grey-text);
}

/* Footer */

.language-selector__selected:hover,
.layout-footer a:hover {
	color: inherit;
	text-decoration: underline;
}

/* Mobile & Responsive */

@media (max-width: 991px) {
	.progress-bar__link {
		white-space: nowrap;
	}

	.layout--pulled-right .content-container {
		margin: 0;
	}

	.header {
		/* background-color: var(--color-nebel); */
		border: none;
		padding: 20px var(--content-x-padding-xs);
	}

	.layout-header__info .user {
		margin: 0 0 15px auto;
	}
}