body {
    /*font-family: Montserrat-Light;*/
    font-family: Montserrat;
    font-display: swap;
    font-size: 16px;
    color: #2C2C2C;
    letter-spacing: -0.1px;
    text-align: left;
    line-height: 28.88px;
}

h1{
    font-family: Open Sans;
    font-display: swap;
    font-size: 44px;
    color: #FFFFFF;
    letter-spacing: 0.01px;
    text-align: center;
    line-height: 58px;
}

h2{
    font-family: Montserrat;
    font-display: swap;
    font-weight: 300;
    font-size: 30px;
    color: #2C2C2C;
    letter-spacing: -0.08px;
    text-align: left;
}

img{
    width: 100%;
    max-width: 1000px;
}

/*
.pdb-form-container-date-wrapper-form_3163{
    margin: 0;
}
*/

.formfield-label{
    font-weight: bold;
}


.formfield-input{
    width: 100%;
}

.asterisk{
    display: block;
    float: left;
}

.asterisk-label{
    display: block;
    float: left;
}

div.pdb-form-asterisk.vmiddle{
    margin: 0px 0px 10px 0px;
}

.formfield-option-image{
    max-width: 100px;
    max-height: 150px;
    cursor: pointer;
}

.formfield-info-image{
    max-width: 100%;
    max-height: 100%;
    cursor: none;
}

.formfield-option-label{
    cursor: pointer;
}

.encrypted{

}

.pdb-form-container-default.info p, .pdb-form-container-default.info{
    color: #333333;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-display: swap;
}

.ordersummary{
    width: 100%;
}

.ordersummary th, .ordersummary td{
    text-align: right;
}


table.ordersummary th{
    width: 20%;
}

table.ordersummary tr  > :first-child{
    width: 40%;
}


.pdb-pagelogo{
    font-size: inherit;
}

.pdb-form-container-file-submit{
    width: auto;
}

.label_infotext{
    display: block;
    float: left;
    margin-right: 21px;
    font-size: 15px;
    min-width: 274px;
}

.pdb-form-container-file-submit {
    border-radius: 4px;
    font: 300 15px "Montserrat";
    padding: 11px 24px;
    text-transform: none;
    width: 133px;
    height: 46px;
}

.pdb-form-container-file-label, .pdb-form-container-select-label {
    cursor: pointer;
    font: 500 16px "Montserrat";
    margin-bottom: 0px;
}

.pdb-form-container-default-submit, .pdb-form-container-file-submit {
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #DDDDDD;
    display: inline-block;
    /*font-family: Montserrat-Regular;*/
    font-family: Montserrat;
    font-display: swap;
    font-size: 14px;
    color: #34495E;
    letter-spacing: 0;
    text-align: center;
    margin: 0 0 25px;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

/* mandatory field asterisk as hint */
.required::after{
    color: #667c99;
    content: "*";
    display: inline-block;
    margin: 0 0 0 5px;
}

/* fix file upload label after display */
.pdb-form-container-file-submit::after{
    display: none !important;
}
/*
.pdb-form-container-date-wrapper-form_3163{
    margin: 0;
}
*/
.ordersummary td{
    padding-bottom: 10px;
}

#intro{
    background-image: url("/bundles/molformcreator/themes/da_onepager_01/images/background.png");
    background-repeat: no-repeat;
    /*background-size: 100% 100%;*/
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 900px;
    padding: 15px;
}

#intro_name{
    max-width: 712px;
    margin: 0 auto;
    font-family: Open Sans;
    font-display: swap;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0.4px;
    text-align: center;
}

#intro_headline{
    max-width: 712px;
    margin: 0 auto;
}

#intro_text{
    max-width: 712px;
    margin: 0 auto;
    font-family: Open Sans;
    font-display: swap;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: -0.45px;
    text-align: center;
    line-height: 28.88px;
}

.index-row,
#content,
.innercontent,
.pdb-innercontent{
    width: 100%;
}

#content,
.pdb-form,
.pdb-morebtn,
.pdb-morebtn-footer,
.pdb-form-publicationdate,
.pdb-form-teaser,
.pdb-form-teaser-breadcrumb,
.pdb-form-teaser-breadcrumb,
.pdb-form-element,
.pdb-form-container,
#form-element{
    max-width: 712px;
    margin: 0 auto;
    /*font-family: Montserrat-Regular;*/
    font-family: Montserrat;
    font-display: swap;
    font-size: 14px;
    color: #34495E;
    letter-spacing: 0;
}

.pdb-form, .pdb-morebtn, .pdb-morebtn-footer, .pdb-form-publicationdate, .pdb-form-teaser, .pdb-form-teaser-breadcrumb, .pdb-form-teaser-breadcrumb, .pdb-form-element, .pdb-form-container, #form-element{
    max-width: 1000px;
}

#content{
    max-width: 712px;
}

.innercontent{
    padding: 0px 30px;
}

.ezxmltext-field{
    /*font-family: Montserrat-Light;*/
    font-family: Montserrat;
    font-display: swap;
    font-size: 16px;
    color: #2C2C2C;
    letter-spacing: -0.1px;
    text-align: left;
    line-height: 28.88px;
}

#site_logo{
    display: block;
    margin: 0 auto;
    padding-top: 29px;
    margin-bottom: 11px;
    width: inherit;
    max-width: 500px;
}

.pdb-form{
    padding-top: 67px;
}

#overline{
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 500;
}

.pdb-form-field-label{
    width: 100%;
    display: block;
    float: left;
    /*font-family: Montserrat-Regular;*/
    font-family: Montserrat;
    font-display: swap;
    font-weight: 600;
    font-size: 14px;
    color: #34495E;
    letter-spacing: 0;
    margin-bottom: 5px;
}

.pdb-form-container-default-label{
    /*font-family: Montserrat-Regular;*/
    font-family: Montserrat;
    font-display: swap;
    font-size: 14px;
    color: #34495E;
    letter-spacing: 0;
}

.pdb-form-container-default,
.pdb-form-container-money,
.pdb-form-container-checkbox,
.pdb-form-container-select-multiple,
.pdb-form-container-select,
.pdb-form-container-file
{
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 31px;
    padding: 0px;
}

/* Input fields for date/datetime have their own margin-bottom of 15px to ensure spacing on small devices, so we lower that margin here */
.pdb-form-container-date-wrapper{
    margin-bottom: 16px;
}

.pdb-form-container-default-input, .pdb-form-container-money-input{
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    border-radius: 3px;
    padding: 0px;
    background-color: #fff;
}

.pdb-form-container-default-input, .pdb-form-container-radio-input{
    width: 100%;
    padding: 10px;
}

label.pdb-form-container-file-submit{
    padding: 15px 0px;
}

#form_send{
    height: auto;
    min-height: 50px;
    background-color: #fff;
    /*font-family: Montserrat-Regular;*/
    font-family: Montserrat;
    font-display: swap;
    font-weight: 600;
    font-size: 14px;
    color: #34495E;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    margin: 64px 0px;
    padding: 0 30px;
    border-radius: 5px;
    width: 100%;
}

@media (min-width: 440px){
    #form_send{
        min-width: 344px;
        width: auto;
    }
}

a, a:hover, a:visited{
    /*font-family: Montserrat-Light;*/
    font-family: Montserrat;
    font-display: swap;
    font-size: 14px;
    color: #000000;
    letter-spacing: 0;
    line-height: 25px;
}

#footer{
    width: 100%;
    display: block;
    float: left;
    min-height: 75px;
    padding: 15px 60px;
    margin: 0;
    /*font-family: Montserrat-Light;*/
    font-family: Montserrat;
    font-display: swap;
    font-size: 14px;
    color: #34495E;
    letter-spacing: 0;
    background: #F3F3F3;
}

#footer a, #footer a:hover, #footer a:visited{
    color: #34495E;
}

#copyright{
    display: block;
    float: left;
    margin: auto 0;
}

#footer-links{
    display: block;
    float: right;
    margin: auto 0;
}

#footer ul{
    padding-inline-start: 0px;
    display: block;
    list-style-type: none;
}

#footer li{
    margin-right: 19px;
    display: inline-block;
}

/* Hide elements by display none only*/
.hide {
    display: none !important;
}

#success_message{
    padding: 10px 0px;
}

#socials-wrapper{
    width: 100%;
    display: block;
    float: left;
}

#socials-header{
    width: 100%;
    display: block;
    float: left;
    text-align: center;
    text-transform: uppercase;
    border: 0 solid #FFFFFF;
    /*font-family: Montserrat-Medium;*/
    font-family: Montserrat;
    font-display: swap;
    font-size: 14px;
    color: #34495E;
    letter-spacing: 0;
}

#socials{
    margin: 21px auto 33px auto;
}

.social{

}

a.social-link, a.social-link:active, a.social-link:hover, a.social-link:visited{
    text-decoration: none;
    border: 0px;
}

img.social{
    max-width: 40px;
    max-height: 40px;
}

div.full-width-flex{
    width: 100%;
    display: flex;
    float: left;
}

div.social{
    width: auto;
    display: block;
    float: left;
    margin: 0px 18px 18px 0px;
}

.date-day, .date-month, .date-year, .date-hour, .date-minute{
    max-width: 98px;
    margin-bottom: 15px;
}

.date-day, .date-month, .date-year, .date-hour{
    margin-right: 12px;
}

.date-month, .date-year, .date-minute{
    margin-left: 12px;
}

@media (max-width: 440px){
    .date-month, .date-year, .date-minute{
        margin-left: 0px;
    }
}

.pdb-form-container-file-label, .pdb-form-container-select-label {
    font: 500 16px "Montserrat" ;
}