form {
position:relative;
}
form.userUpdate + form {
margin-top:calc(25px * var(--pixelMultiplicator));
}
form.offerUpdate + form {
margin-top:calc(25px * var(--pixelMultiplicator));
}
.formRow_title {
margin-bottom:calc(10px * var(--pixelMultiplicator));
}
body.formDisabled:before {
content:'';
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
background-image:url(/fileadmin/template/images/formDisabled.svg);
background-color:rgba(255,255,255,0.85);
background-position:center;
background-repeat:no-repeat;
z-index:99999999;
pointer-events:none;
}
section + .contactSection {
margin-top:calc(100px * var(--pixelMultiplicator));
}
.contactSection_wrapper {
width:calc(((var(--maxContentWidth) - (11 * 44 * var(--maxContentWidth) / 1240)) / 12 * 12) + (11 * 44 * var(--maxContentWidth) / 1240));
margin:0 auto;
display:flex;
justify-content:space-between;
}
section + .newsletterSection {
margin-top:calc(100px * var(--pixelMultiplicator));
}
.newsletterSection_wrapper {
width:calc(((var(--maxContentWidth) - (11 * 44 * var(--maxContentWidth) / 1240)) / 12 * 6) + (5 * 44 * var(--maxContentWidth) / 1240));
margin:0 auto;
}
.contactSection_left {
width:calc(((var(--maxContentWidth) - (11 * 44 * var(--maxContentWidth) / 1240)) / 12 * 6) + (5 * 44 * var(--maxContentWidth) / 1240));
}
.contactSection_right {
width:calc(((var(--maxContentWidth) - (11 * 44 * var(--maxContentWidth) / 1240)) / 12 * 6) + (5 * 44 * var(--maxContentWidth) / 1240));
}
.requestForm {
width:100%;
}
.formRow {
position:relative;
width:100%;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.formField {
position:relative;
margin-bottom:calc(25px * var(--pixelMultiplicator));
}
.formRow:last-Child .formField {
position:relative;
margin-bottom:0;
}
.formField_full {
width:100%;
}
.formField_fourth {
width:calc(25% - (((var(--maxContentWidth) - (11 * 44 * var(--maxContentWidth) / 1240)) / 12 * 0) + (0.5 * 44 * var(--maxContentWidth) / 1240)));
}
.formField_third {
width:calc((100% / 3) - (((var(--maxContentWidth) - (11 * 44 * var(--maxContentWidth) / 1240)) / 12 * 0) + (0.5 * 44 * var(--maxContentWidth) / 1240)));
}
.formField_half {
width:calc(50% - (((var(--maxContentWidth) - (11 * 44 * var(--maxContentWidth) / 1240)) / 12 * 0) + (0.5 * 44 * var(--maxContentWidth) / 1240)));
}
.formField_styled {
border:1px solid #000000;
border-radius:calc(12px * var(--pixelMultiplicator));
}
.formField_wrapper {
position:relative;
min-height:calc(48px * var(--pixelMultiplicator));
}
.formRow_privacy .formField_wrapper {
min-height:auto;
}
.formField_styled label {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:3;
}
.formField_styled label span {
font-family:'Ubuntu', sans-serif;
font-weight:400;
font-size:calc(20px * var(--pixelMultiplicator));
line-height:calc(28px * var(--pixelMultiplicator));
position:absolute;
left:0;
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
transform-origin:left top;
-webkit-transition:all 200ms ease;
-moz-transition:all 200ms ease;
-ms-transition:all 200ms ease;
-o-transition:all 200ms ease;
transition:all 200ms ease;
white-space:nowrap;
padding-left:calc(24px * var(--pixelMultiplicator));
padding-right:calc(24px * var(--pixelMultiplicator));
}
.formLabel_required {
position:relative!important;
top:auto!important;
-webkit-transform:none!important;
-moz-transform:none!important;
-ms-transform:none!important;
-o-transform:none!important;
transform:none!important;
padding:0!important;
}
.inFocus label, .hasValue label {
z-index:1;
}
.inFocus label span, .hasValue label span {
top:0;
font-size:calc(10px * var(--pixelMultiplicator));
line-height:calc(20px * var(--pixelMultiplicator));
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
transform:none;
}
label p, label a, label p a {
font-family:'Ubuntu', sans-serif;
font-weight:400;
font-size:calc(16px * var(--pixelMultiplicator))!important;
line-height:calc(24px * var(--pixelMultiplicator))!important;
}
label p + p {
margin-top:calc(5px * var(--pixelMultiplicator));
}
.formField_styled input[type="text"], .formField_styled input[type="email"], .formField_styled input[type="password"], .formField_styled input[type="number"] {
font-family:'Ubuntu', sans-serif;
font-weight:400;
font-size:calc(20px * var(--pixelMultiplicator));
line-height:calc(34px * var(--pixelMultiplicator));
position:absolute;
bottom:0;
left:calc(24px * var(--pixelMultiplicator));
width:calc(100% - (48px * var(--pixelMultiplicator)));
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
appearance:none;
border:0;
border-radius:0;
background:none;
z-index:4;
opacity:0;
}
.formField_styled.inFocus input[type="text"], .formField_styled.inFocus input[type="email"], .formField_styled.inFocus input[type="password"], .formField_styled.inFocus input[type="number"], .formField_styled.hasValue input[type="text"], .formField_styled.hasValue input[type="email"], .formField_styled.hasValue input[type="password"], .formField_styled.hasValue input[type="number"] {
opacity:1;
}
.formField_styled select {
position:absolute;
bottom:0;
left:calc(24px * var(--pixelMultiplicator));
width:calc(100% - (48px * var(--pixelMultiplicator)));
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
appearance:none;
border:0;
border-radius:0;
background:none;
font-family:'Ubuntu', sans-serif;
font-weight:400;
font-size:calc(20px * var(--pixelMultiplicator));
line-height:calc(34px * var(--pixelMultiplicator));
height:calc(34px * var(--pixelMultiplicator));
z-index:4;
opacity:0;
}
.formField_styled.inFocus select, .formField_styled.hasValue select {
opacity:1;
}
.formField_styled textarea {
position:absolute;
top:calc(18px * var(--pixelMultiplicator));
left:calc(24px * var(--pixelMultiplicator));
width:calc(100% - (48px * var(--pixelMultiplicator)));
bottom:0;
border:0;
font-family:'Ubuntu', sans-serif;
font-weight:400;
font-size:calc(20px * var(--pixelMultiplicator));
line-height:calc(24px * var(--pixelMultiplicator));
background:none;
resize:none;
display:block;
z-index:4;
opacity:0;
}
.formField_styled.inFocus textarea, .formField_styled.hasValue textarea {
opacity:1;
}
.formField_textarea .formField_wrapper {
height:calc(128px * var(--pixelMultiplicator));
}
.checkboxHolder input {
position:absolute;
top:0;
left:0;
height:100%;
opacity:0;
cursor:pointer;
}
.checkboxHolder .checkmark {
position:absolute;
top:0;
left:0;
border:1px solid #000000;
background-color:transparent;
width:calc(24px * var(--pixelMultiplicator));
height:calc(24px * var(--pixelMultiplicator));
background-color:#ffffff;
}
.checkboxHolder .checkmark:after {
content:"";
position:absolute;
left:50%;
top:50%;
-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
-o-transform:translateX(-50%) translateY(-50%) rotate(45deg);
transform:translateX(-50%) translateY(-50%) rotate(45deg);
border:solid #000000;
border-width:0 3px 3px 0;
display:none;
width:calc(5px * var(--pixelMultiplicator));
height:calc(10px * var(--pixelMultiplicator));
}
.checkboxHolder input:checked ~ .checkmark:after {
display:block;
}
.checkboxHolder:hover input ~ .checkmark {
background-color:#ffffff;
}
.checkboxHolder input:checked ~ .checkmark {
background-color:#ffffff;
}
.formField_privacy {
display:flex;
align-items:stretch;
}
.formField_privacy .formField_wrapper {
margin-left:0;
margin-right:0;
min-height:auto;
}
.formField_submit .formField_wrapper {
height:auto;
min-height:auto;
margin-left:0;
margin-right:0;
width:100%;
}
.checkboxHolder {
display:block;
position:relative;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
padding-left:calc(40px * var(--pixelMultiplicator));
display:flex;
align-items:center;
}
.formField_icon {
display:flex;
align-items:center;
justify-content:flex-end;
}
label + .formField_icon {
display:flex;
align-items:center;
justify-content:flex-start;
}
.formField_icon label + svg {
margin-left:calc(10px * var(--pixelMultiplicator));
height:calc(18px * var(--pixelMultiplicator));
width:auto;
}
.formField_icon svg {
height: calc(20px* var(--pixelMultiplicator));
width: auto;
}
.formField_icon div + div svg {
margin-left:calc(20px * var(--pixelMultiplicator));
}
.formRow_security {
position:absolute;
opacity:0;
pointer-events:none;
width:1px;
height:1px;
overflow:hidden;
}
.formField_submit {
display:flex;
justify-content:flex-end;
margin-bottom:0!important;
}
.formField_submit input {
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
appearance:none;
display:block;
border:0;
cursor:pointer;
}
.formRow_flex {
display:flex;
}
.formRow_flexCenter {
justify-content:center;
}
.formField_select:after {
content:'';
position:absolute;
top:0;
right:15px;
bottom:0;
width:15px;
background-image:url(/typo3conf/ext/theme/Resources/Public/Images/formSelect.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
z-index:2;
pointer-events:none;
}
#formSubmit, .formSubmit, .offerSubmit {
width:100%;
border:0;
background:none;
display:flex;
align-items:center;
justify-content:center;
background-color:#296251;
border-radius:calc(12px * var(--pixelMultiplicator));
-webkit-transition:all 350ms ease;
-moz-transition:all 350ms ease;
-ms-transition:all 350ms ease;
-o-transition:all 350ms ease;
transition:all 350ms ease;
}
.submitWrapper {
position:relative;
font-family:'Ubuntu', sans-serif;
font-weight:500;
font-size:calc(18px * var(--pixelMultiplicator));
line-height:calc(44px * var(--pixelMultiplicator));
color:#ffffff;
-webkit-transition:all 350ms ease;
-moz-transition:all 350ms ease;
-ms-transition:all 350ms ease;
-o-transition:all 350ms ease;
transition:all 350ms ease;
padding-left:calc(24px * var(--pixelMultiplicator));
padding-right:calc(24px * var(--pixelMultiplicator));
cursor:pointer;
}
.submitWrapper a {
font-family:'Ubuntu', sans-serif;
font-weight:500;
font-size:calc(18px * var(--pixelMultiplicator));
line-height:calc(44px * var(--pixelMultiplicator));
color:#ffffff;
cursor:pointer;
}
.isDesktop #formSubmit:hover .submitWrapper, .isDesktop .formSubmit:hover .submitWrapper, .isDesktop .offerSubmit:hover .submitWrapper {
padding-left:calc(52px * var(--pixelMultiplicator));
}
.submitIcon {
position:absolute;
left:calc(24px * var(--pixelMultiplicator));
top:50%;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
transform:translateY(-50%);
-webkit-transition:all 350ms ease;
-moz-transition:all 350ms ease;
-ms-transition:all 350ms ease;
-o-transition:all 350ms ease;
transition:all 350ms ease;
opacity:0;
}
.submitIcon svg {
height:calc(18px * var(--pixelMultiplicator));
width:auto;
}
.isDesktop #formSubmit:hover .submitIcon, .isDesktop .formSubmit:hover .submitIcon, .isDesktop .offerSubmit:hover .submitIcon {
opacity:1;
}
.isDesktop #formSubmit:hover, .isDesktop .formSubmit:hover, .isDesktop .offerSubmit:hover {
background-color:#163A30;
}
.requestForm .styledLink:after {
background-color:#000000;
}
.formAbsolute {
width:100%;
}
.formField_regionNotselected {
display:none;
}
.formRow_privacy + .formRow_privacy {
margin-top:0;
}
#logisticsForm .formRow_privacy + .formRow_privacy {
margin-top:0;
}
.formRow_submit + .formRow_submit {
margin-top:calc(25px * var(--pixelMultiplicator));
}
.calcTable .formField_wrapper {
min-height:calc(26px * var(--pixelMultiplicator))
}
.noHashString [type="submit"] {
opacity:0.5;
}
.formField_tiny {
border:0;
height:auto;
}
.formField_tiny .formField_wrapper {
height:auto;
}
.formRow > .accordionSection {
    margin-bottom: calc(25px* var(--pixelMultiplicator));
}
.formRow > .accordionSection:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #000000;
}
.formField_center {
justify-content:center;
}
.formField_center .formField_wrapper {
width: auto;
}
.submitWrapper_half {
zoom:0.8;
}
.formRow_disabled {
position:absolute!important;
opacity:0;
pointer-events:none!important;
}
.formField_checkbox {
min-height:auto;
}
.formRow_public, .formRow_private {
display:none;
}
.formField_public, .formField_private {
display:none;
}
.checkboxHolder_isFavorite .checkmark {
    width: calc(18px * var(--pixelMultiplicator));
    height: calc(18px * var(--pixelMultiplicator));
}
.formField_remove {
opacity:0;
pointer-events:none;
}
.formPadding {
padding:calc(25px * var(--pixelMultiplicator));
margin-bottom: calc(25px * var(--pixelMultiplicator));
}
.formBackground {
background-color:#f0f0f0;
}
@media screen and (max-width:767px) {
.requestForm {
margin-top:calc(60px * var(--pixelMultiplicator));
}
.formField_half {
width:100%;
}
.formField_third {
width:100%;
}
.formField_submit {
justify-content:flex-start;
}
label p, label a {
font-size:calc(14px * var(--pixelMultiplicator));
line-height:calc(17.5px * var(--pixelMultiplicator));
}
#formSubmit, .formSubmit, .offerSubmit {
padding-left:calc(((100vw - (23 * 19 / 1280 * 100vw)) / 24 * 3) + (3 * 19 / 1280 * 100vw));
padding-right:calc(((100vw - (23 * 19 / 1280 * 100vw)) / 24 * 3) + (3 * 19 / 1280 * 100vw));
}
.footerLogo svg {
width:calc(85px * var(--pixelMultiplicator));
}
.contactSection_wrapper {
flex-direction:column;
align-items:center;
}
.contactSection_left {
width:100%;
text-align:center
}
.contactSection_right {
margin-top:calc(100px * var(--pixelMultiplicator));
width:100%;
}
.newsletterSection_wrapper {
width:var(--maxContentWidth);
}
}