:root body[data-theme="light"], .bodyLightTemp {
    --icon-dropdown: url("/images/svg/dropdown.svg");

}
:root body[data-theme="dark"], .bodyLightTemp {
    --icon-dropdown: url("/images/svg/dropdown_b.svg");
}
.HomepageRecHeader__title_plx {
    margin-top: 10px;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
    align-items: flex-end;
    font-size: 1.2rem;
    color: var(--text-primary);
    letter-spacing: -0.04em;
}

.HomepageRec_support {
    padding: 70px 0px 10px;
    margin: 0 auto 10px;
}
@media (max-width: 599px) {
    .HomepageRec_support {
        padding: 60px 0px 0px;
    }
}
a{color: var(--link-color);}

.p3_d{
	line-height: 24px;
	padding-top: 10px;color: var(--h-color);
}
.p_tp{
	margin-bottom: 20px; margin-left: 5px;color: var(--h-color);
}
.color-primary { color:var(--text-primary)}
.color-link{ color:var(--link-color)}
.Header-container {
	padding-top: 70px;
}
section.form-section .container-lg {
	position:relative
}
@media(min-width:880px) {
	section.form-section .container-lg {
		display:-ms-flexbox;
		display:flex
	}
}
section.form-section .form-column {
	padding-bottom:45px
}
@media(min-width:670px) {
	section.form-section .form-column {
		padding-bottom:70px
	}
}
@media(min-width:880px) {
	section.form-section .form-column {
		-ms-flex:6;
		flex:6;
		padding-bottom:0
	}
}
section.form-section .secondary-column {
	margin-left:auto;
	margin-right:auto;
	max-width:645px
}
@media(min-width:880px) {
	section.form-section .secondary-column {
		-ms-flex:4;
		flex:4;
		max-width:none;
		margin-left:0;
		margin-right:0
	}
}
@media(min-width:670px) {
	section.form-section .secondary-column>:first-child {
		padding-left:24px;
		padding-right:18px
	}
}
@media(min-width:880px) {
	section.form-section .secondary-column>:first-child {
		padding-left:50px;
		padding-right:0
	}
}
section.form-section .contact-support-cta {
	background:#f2f7fc;
	color:#424770;
	font-weight:500;
	font-size:17px;
	line-height:26px;
	padding:14px 24px;
	text-align:center
}
section.form-section .form-container {
	border-radius:4px;
	box-shadow:0 50px 100px rgba(50,50,93,.1),0 15px 35px rgba(50,50,93,.15),0 5px 15px rgba(0,0,0,.1);
	max-width:645px;
	background:var(--bg-card_r);
	margin:0 auto
}
@media(min-width:880px) {
	section.form-section .form-container {
		margin:0
	}
}
section.form-section form {
	padding:10px 0px 13px 5px;

}
@media(min-width:670px) {
	section.form-section form {
		padding:10px 18px 20px 20px
	}
}
section.form-section form fieldset {
	border:none;
	margin:0;
	padding:0
}
section.form-section .form-row {
	padding:8px 13px 2px 17px;

}
@media(min-width:670px) {
	section.form-section .form-row {
		display:-ms-flexbox;
		display:flex;
		border-bottom:none;
		padding:4px 0;
		max-width:600px
	}
}

section.form-section .form-row.submit {
	-ms-flex-pack:end;
	justify-content:flex-end
}
section.form-section .form-row label {
	color:#6b7c93;
	font-size:12px;
	font-weight:600;
	letter-spacing:.43px;
	line-height:26px;
	-webkit-tap-highlight-color:transparent;
	display:block;
	text-transform:uppercase;
	transition:color .1s ease-out
}
@media(min-width:670px) {
	section.form-section .form-row label {
		color:#424770;
		font-size:17px;
		font-weight:500;
		letter-spacing:normal;
		line-height:26px;
		margin-right:20px;
		-ms-flex-item-align:center;
		align-self:center;
		-ms-flex:32%;
		flex:32%;
		text-transform:none
	}
}

section.form-section .form-row.has-focus label {
	color:#3498db
}
section.form-section .form-row.has-focus .select-wrapper select {
	background-color:transparent;
	box-shadow:none
}
@media(min-width:670px) {
	section.form-section .form-row.has-focus .select-wrapper select {
		box-shadow:0 0 0 1px #e4effa
	}
}
section.form-section .form-row label.contains-summary {
	-ms-flex-item-align:start;
	align-self:flex-start;
	padding-top:7px
}
section.form-section .form-row summary {
	display:block;
	color:#6b7c93;
	font-weight:400;
	font-size:13px;
	line-height:17px;
	padding-bottom:4px;
	text-transform:none
}
@media(min-width:670px) {
	section.form-section .form-row summary {
		padding-top:4px;
		padding-bottom:8px
	}
}
section.form-section .form-row input,section.form-section
.form-row select, section.form-section .form-row textarea
{
	display:block;
	background-color:var(--bg-main);
	border:none;
	outline:none;
	width:100%;
	border-radius:4px;
	color:var(--text-primary);
	font-family: Camphor,Open Sans,Segoe UI,sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:26px;
	padding:5px 30px 8px 0;
	transition:background-color .1s ease-in,color .1s ease-in
}

@media(min-width:670px) {
	section.form-section .form-row input,section.form-section .form-row select,section.form-section .form-row textarea {
		background-color:var(--bg-main);


        transition: color .08s ease-in;
		-ms-flex:65%;
		flex:65%;
		width:auto
	}

}
section.form-section .form-row select {
	/*padding-right:50px*/
}
section.form-section .form-row .select-wrapper {
	-ms-flex:65%;
	flex:65%;
	position:relative;
	cursor:pointer
}
section.form-section .form-row .select-wrapper select {
	color:#8898aa;
	width:100%;
	pointer-events:none;
	background-color:transparent
}
@media(min-width:670px) {
	section.form-section .form-row .select-wrapper select {
		background-color:#f6f9fc
	}
}
section.form-section .form-row .select-wrapper select.has-value {
	color:#32325d
}
section.form-section .form-row input:focus,section.form-section .form-row select:focus,section.form-section .form-row textarea:focus {
	box-shadow:0 0 0 1px #fff
}
@media(min-width:670px) {
	section.form-section .form-row input:focus,section.form-section .form-row select:focus,section.form-section .form-row textarea:focus {
		background-color:transparent;
		box-shadow:0 0 0 1px #e4effa
	}
}
section.form-section .form-row input::-webkit-input-placeholder,section.form-section .form-row textarea::-webkit-input-placeholder {
	color:#8898aa;
	transition:color .08s ease-in
}
section.form-section .form-row input::-moz-placeholder,section.form-section .form-row textarea::-moz-placeholder {
	color:#8898aa;
	transition:color .08s ease-in
}
section.form-section .form-row input:-ms-input-placeholder,section.form-section .form-row textarea:-ms-input-placeholder {
	color:#8898aa;
	transition:color .08s ease-in
}
section.form-section .form-row input::placeholder,section.form-section .form-row textarea::placeholder {

	transition:color .08s ease-in
}
section.form-section .form-row textarea::-webkit-input-placeholder {
	padding-right:25px
}
section.form-section .form-row textarea::-moz-placeholder {
	padding-right:25px
}
section.form-section .form-row textarea:-ms-input-placeholder {
	padding-right:25px
}
section.form-section .form-row textarea::placeholder {
	padding-right:25px
}
@media(min-width:670px) {
	section.form-section .form-row textarea::-webkit-input-placeholder {
		padding-right:0
	}
	section.form-section .form-row textarea::-moz-placeholder {
		padding-right:0
	}
	section.form-section .form-row textarea:-ms-input-placeholder {
		padding-right:0
	}
	section.form-section .form-row textarea::placeholder {
		padding-right:0
	}
}
section.form-section .form-row select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-ms-flex-item-align:start;
	align-self:flex-start;
	white-space: nowrap;

	overflow: hidden;
    text-indent: 3px;

	text-overflow: ellipsis;
    transition: color .08s ease-in;
    opacity: 0.7;
    color: #8898aa;
}
section.form-section .form-row select.dropdown-open,section.form-section .form-row select:focus {
	color:#3498db
}
section.form-section .form-row input {
	-ms-flex-item-align:center;
	align-self:center
}
section.form-section .form-row textarea {
	-ms-flex-item-align:start;
	align-self:flex-start;

	min-height:83px;
	padding:7px 20px 7px 0
}
@media(min-width:670px) {
	section.form-section .form-row textarea {
		min-height:140px;
		padding:7px 20px 7px 13px
	}
}
section.form-section .submit-button {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	outline:none;
	border:none;
	cursor:pointer;
	font-family:inherit
}
section.form-section .submit-button:focus {
	background-color:#7795f8
}
section.form-section .submit-row {
	text-align:right;
	padding:12px 10px 13px 0
}
@media(min-width:670px) {
	section.form-section .submit-row {
		padding:12px 0 0
	}
}
section.form-section .submit-row .spinner {
	display:inline-block;
	height:40px;
	line-height:24px;
	width:24px;
	margin-right:10px;
	opacity:0;
	transition:opacity .25s ease;
	will-change:opacity
}
section.form-section .submit-row .spinner.shown {
	opacity:1
}
section.form-section .submit-row .spinner-svg {
	position:relative;
	top:7px
}
section.form-section .submit-row .spinner-ellipse {
	fill:transparent;
	stroke:#aab7c4;
	stroke-width:1.5;
	stroke-linecap:round;
	stroke-dasharray:60;
	stroke-dashoffset:20;
	animation:SpinnerAnimationTail 2.55s ease-in-out infinite,SpinnerAnimationRotation .7s linear infinite;
	transform-origin:50% 50%
}
@keyframes SpinnerAnimationTail {
	0%,to {
		stroke-dashoffset:5
	}
	35%,45% {
		stroke-dashoffset:57.2
	}
}
@keyframes SpinnerAnimationRotation {
	0% {
		transform:scaleX(-1) rotate(0)
	}
	50% {
		transform:scaleX(-1) rotate(-180deg)
	}
	to {
		transform:scaleX(-1) rotate(-1turn)
	}
}
.form-submitted section.form-section input,.form-submitted section.form-section select,.form-submitted section.form-section textarea {
	visibility:hidden
}
section.form-section {
	max-height:1200px;
	opacity:1;
	transition:max-height .7s;
	will-change:max-height;
	transition-delay:.4s
}
.form-submitted section.form-section {
	max-height:375px;
	overflow:hidden;
	opacity:0
}
section.form-section .form-row input,section.form-section .form-row textarea {
	background-position-x:-5000px;
	background-position-y:9px;
	background-size:20px 20px;

}
section.form-section  select {
	background:var(--icon-dropdown);
	background-repeat:no-repeat;
	background-size:10px 6px;
	background-position-x:100%;
	background-position-y:16px
}
.darkTemplate section.form-section  select {
    background:url(/images/svg/dropdown_b.svg);
    background-repeat:no-repeat;
    background-size:10px 6px;
    background-position-x:95%;
    background-position-y:16px
}
@media(min-width:670px) {
	section.form-section .select-wrapper select {
		background-position-x:calc(100% - 22px)
	}

}

section.form-section  select {

    background-position-x: calc(100% - 12px);

}
@media(min-width:670px) {
	section.form-section  select.invalid-missing {
		box-shadow:0 0 0 1px #e4effa
	}
}
section.form-section  selectt.dropdown-open,section.form-section  select.dropdown-open.invalid-missing {
	background-image:url(/images/svg/dropdown-active.svg);
	color:#3498db
}

section.form-section .form-row input.invalid-missing,section.form-section .form-row input.invalid-value,section.form-section .form-row textarea.invalid-missing {
	background-position-x:calc(100% - 16px);
	background-position-y:9px;


}
@media(min-width:670px) {
	section.form-section .form-row input.invalid-missing,section.form-section .form-row input.invalid-value,section.form-section .form-row textarea.invalid-missing {
		box-shadow:0 0 0 1px #e4effa
	}
}
section.form-section .form-row.has-focus input,section.form-section .form-row.has-focus textarea,section.form-section .form-row input:focus,section.form-section .form-row textarea:focus {
	color:#8898aa!important;
	background-position-x:-5000px!important;
	box-shadow:0 0 0 1px #fff
}
@media(min-width:670px) {
	section.form-section .form-row.has-focus input,section.form-section .form-row.has-focus textarea,section.form-section .form-row input:focus,section.form-section .form-row textarea:focus {
		box-shadow:0 0 0 1px #e4effa
	}
}
section.form-section .searchable-select-container input.searchable-select-input {
	display:inline-block;
	background:#f2f7fc;
	border-radius:4px;
	padding:8px;
	width:100%;
	font-family:Camphor,Open Sans,Segoe UI,sans-serif;
	font-weight:400;
	margin-bottom:5px
}

section.form-section .why-tg {
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column
}
@media(min-width:880px) {
	section.form-section .why-tg {
		padding-top:10px
	}
}
section.form-section .why-tg .intro-text {
	color:var(--h-color);
	font-size:19px;
	font-weight:300;
	line-height:34px
}
@media(min-width:880px) {
	section.form-section .why-tg .intro-text {
		max-width:335px
	}
}
section.form-section .why-tg .bullet-points {
	margin-top:20px;
	padding-left:38px
}
section.form-section .why-tg .bullet-points li {
	color:#fff;
	font-size:16px;
	font-weight:400;
	line-height:25px;
	margin-bottom:20px;
	position:relative;
	padding-right:10px
}
@media(min-width:880px) {
	section.form-section .why-tg .bullet-points li {
		max-width:300px
	}
}
section.form-section .why-tg .bullet-points li:before {
	content:'';
	position:absolute;
	top:3px;
	left:-35px;
	height:20px;
	width:20px;
	background:url(/img/check3.svg);
	background-size:100% 100%
}

.VbFooterCTA {

	display: none;

}

section.ctas {
	position:relative;
	padding-top:45px;
	padding-bottom:65px;

	padding-right:10px
}
@media(min-width:880px) {
	section.ctas {
		background:transparent;

		padding-right:0
	}
}
section.ctas .container-lg {
	padding-right:0
}
@media(min-width:670px) {
	section.ctas .container-lg {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
		padding-left:45px;
		padding-right:45px
	}
}
@media(min-width:880px) {
	section.ctas .container-lg {
		padding:0 20px;
		-webkit-box-pack:normal;
		-ms-flex-pack:normal;
		justify-content:normal
	}

}
section.ctas .cta {
	-webkit-box-flex:1;
	-ms-flex:1;
	flex:1
}
@media(min-width:670px) {
	section.ctas .cta {
		max-width:none
	}
}
@media(min-width:880px) {
	section.ctas .cta {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		max-width:none
	}
}
section.ctas .cta:first-child {
	padding-bottom:35px
}
@media(min-width:670px) {
	section.ctas .cta:first-child {
		padding-bottom:0
	}
}
section.ctas .cta .icon-column {
	min-width:45px;
	padding-bottom:15px
}
@media(min-width:880px) {
	section.ctas .cta .icon-column {
		padding-bottom:0
	}
}
section.ctas .cta .copy-column {
	-webkit-box-flex:2;
	-ms-flex-positive:2;
	flex-grow:2;
	padding-right:20px
}
@media(min-width:880px) {
	section.ctas .cta .copy-column {
		max-width:385px;
		padding-left:20px
	}
}
@media(min-width:880px) {
	html[lang=de] section.ctas .cta .copy-column {
		max-width:375px
	}
}
@media(min-width:880px) {
	html[lang=fr] section.ctas .cta .copy-column {
		max-width:425px
	}
}
section.ctas .cta .cta-headline {
	color:var(--h-color);
	font-weight:500;
	font-size:19px;
	line-height:28px;
	margin-bottom:5px
}
section.ctas .cta .cta-copy {
	color:var(--h-color);
	font-weight:400;
	font-size:16px;
	line-height:26px
}
section.ctas .cta-copy .non-link {
	opacity:.77
}
section.ctas .cta-copy .common-Link {
	color:#3498db;
	font-weight:500;
	opacity:1
}
section.ctas .cta-copy .common-Link:hover {
	opacity:.8
}
section.ctas {
	opacity:1;
	max-height:500px;
	-webkit-transition:max-height .7s;
	transition:max-height .7s;
	will-change:max-height;
	-webkit-transition-delay:.5s;
	transition-delay:.5s
}
.form-submitted section.ctas {
	max-height:0;
	opacity:0;
	overflow:hidden
}
.form-row p {

	width: 25% !important;

}
.sup_3{
    color: var(--h-color);font-size: 16px;font-weight: 300;letter-spacing: normal;line-height: 26px;
    margin-left: -5px;
}

@media (max-width:670px) {
    .form-row p {

        width: 100% !important;

    }
    section.form-section .form-row select {
        text-indent: 0px;
    }
    .sup_3{
     font-size: 16px;font-weight: 300;letter-spacing: normal;line-height: 26px;
        padding: 3px 10px 0px 10px;   margin-left: 0px;
    }

}

.form_s{
    color: var(--h-color);font-size: 16px;font-weight: 400;letter-spacing: normal;line-height: 26px;
}
@media (max-width: 670px) {
    input, section.form-section .form-row textarea {
        margin-left: 0px;
        text-indent: 5px!important;
    }
}


