body{
	background: #FAF7F1;
}
input:hover{
	border-color: #FEAA4C !important;
	background: rgba(255, 157, 86, 0.07);
}

input, select{
	outline: none;
}

select:hover{
	border-color: #FEAA4C !important;
	background: rgba(255, 157, 86, 0.07);
}

input:focus{
	border-color: #FEAA4C !important;
}

.registrieren-abgeschlossen{
	background-color: #FAF7F1;
}
.form-registr-filed{
	width: 300px;
	height: 50px;
	border: 2px solid #000000;
	box-sizing: border-box;
	border-radius: 25px;
	padding-left: 25px;
	background:white;
}

.form-registr-filed::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 0.5
}
.form-registr-filed::-moz-placeholder { /* Firefox 19+ */
  opacity: 0.5
}
.form-registr-filed:-ms-input-placeholder { /* IE 10+ */
  opacity: 0.5
}
.form-registr-filed:-moz-placeholder { /* Firefox 18- */
  opacity: 0.5
}

.title-form{
	font-family: Luiss Serif;
	font-style: normal;
	font-weight: bold;
	font-size: 80px;
	line-height: 90px;
	letter-spacing: 0.02em;
	color: #000000;
	text-align: center;
	padding: 50px 0px 50px 0;
}

.box-error{
	text-align: center;
}

.form-registration1__next{
	margin-left: 180px;
	border:none;
	background:transparent;
	min-width: 120px;
	z-index: 2;
}

.form-registration2__reg{
	margin-left: 150px;
	border:none;
	background:transparent;
	font-size: 20px;
	z-index: 2;
}

.form-registration2__back{
	margin-right: 240px;
	border:none;
	background:transparent;
}


.signup-text{
	font-family: Fira Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 21px;
	color: #000000;
}

.sign-up-fon{
	height: 1290px;
	background-color: #FAF7F1;
	background-image: url(../img/signup.svg);
	background-repeat: no-repeat;
	background-position:left;
	position:relative;
}

#raum_reg_user_form{
	position:absolute;
	left: 0;
	right: 0;
	top:180px;
}

.box-form{
	background: white;
	border:2px solid black;
	position: relative;
	margin-left: -100px;
    margin-right: 30px;
}

.box-form:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: #ececec;
	z-index: 1;
	pointer-events: none;
	opacity: 0.5;
}

.box-description{
	max-width: 30%;
    flex: 0 0 30%;
}

.signup-point{
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	font-size: 28px;
	line-height: 28px;
	padding: 10px 15px;
}

.signup-1point{
	background: white;
	right: -25px;
	top:270px;
	z-index: 2;
	color: black;
	text-align: center;
}

.signup-2point{
	border:2px solid black;
	background: white;
	right: -25px;
	top:390px;
	z-index: 2;
	color: black;
}

.signup-3point{
	background: white;
	right: -25px;
	top:270px;
	z-index: 2;
	color: black;
	color:white;
}

.signup-3point:before{
	position: absolute;
	content: '';
    background: black;
    width: 100%;
    transform: translate(5px, -5px);
    z-index: -1;
    transition: transform .3s ease;
    top: 0;
    right: 0;
    height: 50px;
    border-radius: 25px;
}

.signup-3point:after{
	content: '';
    position: absolute;
    width: 100%;
    border: 2px solid black;
    z-index: 2;
    height: 50px;
    border-radius: 25px;
    left: 0;
    top: 0;
}


.signup-1point:before{
	position: absolute;
	content: '';
    background: linear-gradient(180deg, #FF5734 0%, #FFCE00 100%);
    width: 100%;
    transform: translate(5px, -5px);
    z-index: -1;
    transition: transform .3s ease;
    top: 0;
    right: 0;
    height: 50px;
    border-radius: 25px;
}

.signup-1point:after{
	content: '';
    position: absolute;
    width: 100%;
    border: 2px solid black;
    z-index: 2;
    height: 50px;
    border-radius: 25px;
    left: 0;
    top: 0;
}

.signup_step2{
	right: -25px;
	top:390px;
}

.form-registration2__back{
	color: #000000;
	width: 80px;
	position: relative;
	margin-top: 5px;
	font-size: 20px;
	z-index: 2;
}

.header__border_bottom{
	display: none;
}

#footer{
	display: none;
}

.form-box-button-left{
	padding-top: 350px;
	position: relative;
	padding-right: 180px;
	margin-bottom: 5px;
}

.form-box-button-right{
	padding-top: 350px;
	position: relative;
	margin-bottom: 5px;
}

.box-error{
	position: absolute;
	bottom: 135px;
	background: rgba(222, 77, 31, 0.05);
	border: 1px dashed #DE4D1F;
	box-sizing: border-box;
	border-radius: 20px;
	width: 640px;
	left:0;
	right: 0;
	font-family: Fira Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 21px;
	text-align: left;
	padding-left: 20px;
	padding-top:20px;
}

.list-error{
	list-style-type: none;
	font-family: Fira Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 21px;
	position: relative;
	padding-left: 25px;
	padding-right: 40px;
}

.title-list-error{
	margin: 0;
	padding-left: 25px;
}

.list-error:before{
	content: '';
	position:absolute;
	top:0;
	left: 0;
	width: 20px;
	height: 20px;
	background:url(../img/error.svg);
}

.error-message-form{
	position: relative;
}

#hide-error{
	position: absolute;
    width: 22px;
    height: 22px;
    background:url(../img/close-error.png);
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    cursor: pointer;
}

.form-registration1__prev{
	color: #000000;
	width: 250px;
	padding-right: 115px;
	position: relative;
	padding-top:10px;
	font-size: 20px;
	z-index: 2;
}

.form-group_step1{
	margin-top:10px;
}

.form-registration1__prev:hover,
.form-registration2__back:hover{
	text-decoration: none;
	color:#FEAA4C;
}

.form-registration1__prev:after{
  content: '';
  position: absolute;
  left: 0;
  display: inherit;
  height: 1.05em;
  width: 50px;
  border-bottom: 1px solid;
  margin-top: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
	transform: scale(0,1);
}

.form-registration2__back:after{
	content: '';
	position: absolute;
	left: 0;
	display: inherit;
	width: 80px;
	height: 1.05em;
	border-bottom: 1px solid;
	margin-top: 10px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}


.form-registration1__prev:after{
	width: 188px;
}

.form-registration2__back:hover:after{
	width: 63px;
	left: 7px;
}

.form-registration2__back{
	width: 80px;
}

.form-registration1__prev:hover:after,
.form-registration2__back:hover:after{
  	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
 	color:#FEAA4C;
}

.separator_form{
	height: 0px;
}

.signup-title{
	font-family: Fira Sans;
	font-style: normal;
	font-weight: bold;
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 0;
	font-weight: bold;
	padding-top:95px;
}


.anmelden1 .signup-title_step{
	padding-top:50px;
	font-family: Fira Sans;
	font-style: normal;
	font-weight: bold;
	font-size: 17px;
	line-height: 24px;
	margin-bottom: 0;
	font-weight: bold;
	opacity: 0.5;
}

.anmelden1 .signup-text_step{
	padding-bottom: 70px;
	font-family: Fira Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 24px;
	color: #000000;
	opacity: 0.5;
}

.anmelden2 .signup-title{
	opacity: 0.5;
}

.anmelden2 .signup-title_step{
	opacity: 1;
	padding-top: 60px;
}

.anmelden2 .signup-text_step2{
	opacity: 0.5;
	padding-bottom: 0;
}

.anmelden2 .signup-text_step{
	padding-bottom: 80px;
}

.signup-link{
	color: #FEAA4C;
}

.signup-link2{
	color: #FF5734;
}

.signup-link:hover {
    color: #FEAA4C;
}

.signup-logo__box{
	width: 183px;
	height: 90px;
	background-image: url(../img/Logo-_RaumFinder_.svg);
	position: absolute;
	background-size:cover;
	z-index: 2;
	left: 165px;
	top:40px;
}

.custom-form-group{
	padding: 0px 10px 5px 10px;
}

#custom_reg_date_birth{
	position: relative;
}

#custom_reg_date_birth:after{
	position: absolute;
	content:"";
	right: 15px;
	top:0;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 20px;
	background: url(../img/calendar.svg) no-repeat center;
	pointer-events: none;
	z-index: 1;
}


#reg_date_birth::-webkit-calendar-picker-indicator {
  color: transparent;
  opacity: 1;
  background: none;
  width: 20px;
  height: 20px;
  background-size: contain;
}

#reg_country{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#custom-reg-country{
	position: relative;
}

#custom-reg-country:after{
	position: absolute;
	content:"";
	right: 15px;
	top:0;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 20px;
	background: url(../img/select_point.svg) no-repeat center;
	pointer-events: none;
	z-index: 1;
}
#custom-reg-country:active:after{
	background: url(../img/select_active.svg) no-repeat center;
}

.signup-logo__mob-menu{
	display: none;
}

.signup-title-disabled_step2{
	padding-top: 95px;
}

.signup-title_step2{
	padding-top: 50px;
}
.signup-text-disabled_step2{
	padding-bottom: 0;
}

#reg_condition{
	margin-top:-2px;
	margin-right: 5px;
	width: 1.3em;
	height: 1.3em;
	background-color: white;
	border-radius: 50%;
	vertical-align: middle;
	border: 1px solid #000;
	-webkit-appearance: none;
	outline: none;
	cursor: pointer;
}

#reg_condition:checked{
	background: url(../img/Active.svg);
	background-size: 100%;
	padding: 0;
	border: 0;
}

.custom-field-checkbox{
	width: 320px;
	margin: 10px 0px;
}
.sign-up-fon_step2{
	height: 1380px;
	background-size: contain;
}
.thanks-title{
	font-family: Luiss Serif;
	font-style: normal;
	font-weight: bold;
	font-size: 80px;
	line-height: 90px;
	letter-spacing: 0.02em;
	color: #000000;
	padding-top:170px;
}
.thanks-text-main{
	font-family: Fira Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 24px;
	color: #000000;
}

.thanks-fon{
	width: 100%;
	height: 1024px;
	background-color: #FAF7F1;
	background-image:url(../img/registr.svg);
	background-position: top;
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	margin-top: -130px;
}
.thanks-description{
	position: absolute;
	left: 0;
	right: 0;
	top:0;
	margin: auto;
}

.thanks-logo__box{
	width: 183px;
	height: 90px;
	background-image: url(../img/Logo-_RaumFinder_.svg);
	background-size:cover;
	z-index: 2;
	margin-top:40px;
}

.href-thanks-logo{
	display: block;
	width: 183px;
	height: 90px;
}

.thanks-logo{
	position: relative;
	z-index: 2;
}

.form-registration1__next{
	font-size: 20px;
}

.custom-field-checkbox label{
	font-size: 14px;
}

.error-message-form ul{
	padding-left: 0;
}
.custom-form-group_step2{
	margin-bottom: 10px;
}
@media screen and (min-width: 1441px){
	.thanks-fon{
		height: 100vh;
	}

	.sign-up-fon{
		background-size: 50%;
	}
}
@media screen and (max-width: 1350px){
	.box-form{
		margin-left: auto;
    	margin-right: auto;
	}
	.box-description{
		max-width: 25%;
	    flex: 0 0 25%;
	    padding-left: 40px;
	    padding-right: 0;
	}

	.signup-title{
		padding-top: 50px;
	}

	.form-box-button-left,
	.form-box-button-right{
		padding-top: 370px;
	}
}

@media screen and (max-width: 1199px){
	.box-form{
		height: auto;
	}

	.box-description{
		flex: 0 0 100%;
    	max-width: 100%;
	}

	.signup-1point{
		top:-25px;
		right: 100px;
		left: 0;
		margin:auto;
	}

	.signup_step2{
		top:-25px;
		left:200px;
		right:0px;
		margin:auto;
	}
	.signup-2point{
		top:-25px;
		left:200px;
		right:0px;
		margin:auto;
	}

	.signup-3point{
		top:-25px;
		right: 100px;
		left: 0;
		margin:auto;
	}
	.form-box-button-left{
		position: absolute;
		bottom:0;
		left: 0;
		padding-right: 180px;

	}

	.form-box-button-right{
		position: absolute;
		bottom:0;
		right: 0;
	}

	.title-form{
		padding-bottom: 110px;
	}

	.description-form-top{
		position: absolute;
		width: 640px;
		left: 0;
	    right: 0;
	    top:120px;
	    margin: auto;
	    z-index: 2;
	}

	.description-form-middle{
		display: none;
	}

	.description-form-bottom{
		position: absolute;
		top: 640px;
		width: 640px;
		left: 0;
	    right: 0;
	    margin: auto;
	    z-index: 2;
	}


	.anmelden2 .description-form-bottom{
		top: 670px;
	}


	.signup-logo__box{
		left: 15px;
		top:16px;
		width: 80px;
		height: 40px;
	}

	.signup-logo-menu{
		position: absolute;
		background: white;
		height: 72px;
		z-index: 2;
		border-bottom: 2px solid black;
	}

	.signup-logo__mob-menu{
		position: absolute;
		display: block;
	    right: 16px;
	    top: 16px;
	    background: url(../img/new-menu-icon.svg);
	    background-size: cover;
	    width: 38px;
	    height: 38px;
	    float: right;
	    margin: 0;
	}
	.signup-logo__mob-menu:before{
		content: '';
		position: absolute;
		background: linear-gradient(180deg, #FF5734 0%, #FFCE00 100%);
		width: 36px;
		transform: translate(3px, -3px);
		z-index: -1;
		transition: transform .3s ease;
		top: 0;
		right: 0;
		height: 36px;
		border-radius: 25px;
	}

	.signup-logo__mob-menu:hover:before{
		transform: translate(0px, 0px);
		transition: transform .3s ease;
	}

	.sign-up-fon{
		height: 1400px;
		background-image: url(../img/signup-2.svg);
		background-size: cover;
	}

	.sign-up-fon_step2{
		height: 1500px;
	}

	#raum_reg_user_form {
		top:110px;
	}

	.title-form{
		font-size: 50px;
		line-height: 56px;
		padding-top: 40px;
	}

	.box-error {
		bottom:80px;
		position:static;
		margin-bottom: 120px;
		margin-top: -120px;
	}

	.separator_none_tablet{
		height: 0px;
	}

	.signup-text{
		font-size: 15px;
		line-height: 21px;
	}

	.signup-text{
		font-size: 12px;
	}
	.form-mobile-padding{
		padding-top: 360px;
	}

	.form-mobile-padding_step2{
		padding-top: 310px;
	}

	.form-box-button-left,
	.form-box-button-right{
		padding-top: 0px;
	}

	.thanks-fon{
		background-image:url(../img/registr768.svg);
		height: 1346px;
	}

	.thanks-logo__box{
		width: 121px;
		height: 60px;
	}

	.thanks-title{
		font-family: Luiss Serif;
		font-style: normal;
		font-weight: bold;
		font-size: 50px;
		line-height: 56px;
		display: flex;
		align-items: center;
		color: #000000;
	}

	.thanks-logo__mob-menu{
		display: none;
	}
	.form-registration2__back{
		width: 63px;
	}
	.form-registration2__reg{
		margin-left: 150px;
	}

	.form-group_step1{
		margin-bottom:30px;
	}

	.form-registration2__back:after {
		height: 1.1em;
		top: 0;
		left: 0;
	}

	.form-registration2__back{
		margin-bottom: 15px;
	}

	.form-registration2__back:hover:after{
		left: 3px;
		width: 63px;
	}

	.thanks-fon{
		background-position: top;
	}

	.thanks-title{
		padding-top: 130px;
	}

}

@media screen and (min-width: 1441px){
	.sign-up-fon{
		height: 1440px;
		background-size: contain;
	}
}

@media screen and (max-width: 767px){
	.sign-up-fon{
		height: 2070px;
	}
	.description-form-top{
		width: 260px;
	}

	.description-form-bottom{
		width: 260px;
	}

	.custom-form-group{
		width: 260px;
		margin:auto;
		float: none !important;
	}

	.form-registr-filed{
		width: 260px;
	}

	.form-registration1__next{
		margin-left: -10px;
	}

	.form-box-button-right {
		margin-bottom: 0;
	}

	.form-registration1__prev{
		margin-left: 0px;
		padding-right: 0;
		line-height: 40px;
	}


	.form-group_step1-next{
		text-align: center;
	}

	.form-group_step1{
		float: none !important;
		text-align: center;
	}

	.signup-2point{
		left: 120px;
	}

	.title-form{
		padding-top:30px;
		padding-bottom: 190px;
	}

	.description-form-top{
		top:105px;
	}

	.description-form-bottom{
		top:950px;
	}

	.anmelden2 .description-form-bottom{
		top: 985px;
	}


	.signup_step2{
		left: 120px;
	}

	.form-registration2__reg{
		margin-left: 115px;
		margin-bottom: 5px;
	}

	.form-mobile-padding{
		padding-top:455px;
	}

	.form-mobile-padding_step1{
		padding-top:525px;
	}

	.custom-form-group {
    	padding: 0px 0px 10px 0px;
	}

	.box-error{
		margin-bottom: 150px;
		margin-top: -70px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.box-form:after{
		height: 80px;
	}

	.box-form_step1:after{
		height: 120px;
	}

	#hide-error{
		right: -10px;
	}

	.sign-up-fon_step2{
		height: 2100px;
	}

	.thanks-fon{
		background-image:url(../img/registr320.svg);
		margin-top:0px;
		background-position: top;
		height: 738px;
	}

	.thanks-title{
		font-size: 30px;
		line-height: 34px;
		display: inherit;
		text-align: center;
		padding-top:170px;
	}

	.thanks-text-main{
		font-size: 17px;
		line-height: 21px;
	}

	.thanks-logo__box{
		margin-top:10px;
	}

	.href-thanks-logo{
		width: 121px;
		height: 60px;
	}

	.thanks-logo{
		background: white;
	}

	.thanks-fon{
		border-top:2px solid black;
	}

	.thanks-logo__mob-menu{
		position: absolute;
		display: block;
	    right: 16px;
	    top: 16px;
	    background: url(../img/Menu.svg);
	    background-size: cover;
	    width: 38px;
	    height: 38px;
	    float: right;
	    margin: 0;
	}

	.form-registration1__prev:after,
	.form-registration2__back:after{
		height: 1.1em;
		top:0;
	}

	.form-registration2__back{
		line-height: 20px;
		width: 40px;
		line-height: 40px;
	}

	.form-box-button-left_step1{
		margin-bottom: 60px;
	}

	.form-group_step1 {
		margin-bottom: 5px;
	}
	.form-registration2__back {
		 margin-bottom: 0px;
		width: 80px;
	}

	.form-registration2__back:hover:after{
		left: 7px;
	}

	.thanks-logo{
		height: 80px;
	}
}

@media screen and (max-width: 400px){
	.thanks-title {
		padding-top: 110px;
	}
}