/* ===========================================
   Secure Form
   =========================================== */

.form-box-bottom{
display: none;
}


.secure-contact-form {
    max-width: 100%;
    margin: 0;
    font-family: inherit;
 
}

.secure-contact-form * {
    box-sizing: border-box;
}

.secure-contact-form .form-group {
    margin-bottom: 18px;
}

.secure-contact-form .row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 18px;
}

.secure-contact-form .col-sm-6 {
    flex: 1;
    min-width: 250px;
}

/* ================================
   Inputs
================================ */

.secure-contact-form input[type=text],
.secure-contact-form input[type=email],
.secure-contact-form input[type=tel],
.secure-contact-form textarea,
.secure-contact-form select {

    width: 100%;
    height: 54px;

    padding: 0 18px;

    border: 1px solid #d8d8d8;
    border-radius: 4px;

    background: #fff;

    font-size: 16px;
    line-height: 54px;

    transition: all .2s ease;

    outline: none;
}

.secure-contact-form textarea {

    min-height: 140px;

    padding: 16px 18px;

    line-height: 1.5;

    resize: vertical;
}

.secure-contact-form input:focus,
.secure-contact-form textarea:focus,
.secure-contact-form select:focus {

    border-color: #4c8bf5;

    box-shadow: 0 0 0 3px rgba(76,139,245,.15);

}

/* ================================
   Placeholder
================================ */

.secure-contact-form ::placeholder {

    color: #999;

    opacity: 1;

}

/* ================================
   Checkbox
================================ */

.secure-contact-form .checkbox-wrapper {

    font-size: 14px;

    line-height: 1.5;

}

.secure-contact-form .checkbox-wrapper label {

    display: flex;

    align-items: flex-start;

    gap: 10px;

    cursor: pointer;

}

.secure-contact-form input[type=checkbox] {

    margin-top: 3px;

}

/* ================================
   Button
================================ */

.secure-contact-form button {

    width: 100%;

    height: 54px;

    border: none;

    border-radius: 4px;

    background: #2d2d2d;

    color: white;

    font-size: 16px;

    font-weight: 600;

    cursor: pointer;

    transition: .25s;

}

.secure-contact-form button:hover {

    background: #111;

}

.secure-contact-form button:active {

    transform: scale(.99);

}

/* ================================
   Fehlermeldungen
================================ */

.secure-contact-form .error {

    color: #d30000;

    font-size: 14px;

    margin-top: 6px;

}

/* ================================
   Erfolgsmeldung
================================ */

.secure-contact-form .success-message {

    display: none;

    margin-top: 20px;

    padding: 18px;

    border-radius: 5px;

    background: #eef9ef;

    border: 1px solid #9fd39f;

    color: #2d6b2d;

}

/* ================================
   Screenreader
================================ */

.secure-contact-form .sr-only {

    position: absolute;

    left: -9999px;

}

/* ================================
   Mobile
================================ */

@media (max-width:768px){

    .secure-contact-form .row{

        display:block;

    }

    .secure-contact-form .col-sm-6{

        width:100%;

        margin-bottom:18px;

    }

}





.dark-box-bottom,
.form-box-bottom{
  display: none;
}

@media (max-width: 769px){
 .bd-top-content .inner video {
   display:block !important;
   height: 60vh;
   width: 100%;
   object-fit: cover;
 }
}

.bd-top-content .big-img {
  display:none !important;
}

.bd-two-columns.landing-top .form-box {
   
}


.bd-two-columns.landing-top .form-box .form-box-top {
    padding: 15px 15px;
}


.bd-two-columns.landing-top .form-box .form-box-top figure figcaption{

  padding-top: 10px;

}

.bd-two-columns.landing-top .form-box .form-box-top .resp-img, .resp-img-80, .resp-img-60{

  padding-bottom: 0px;

}