.elementor-1668 .elementor-element.elementor-element-c1f99c1{--display:flex;--min-height:100vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.62;--padding-top:80px;--padding-bottom:80px;--padding-left:16px;--padding-right:16px;}.elementor-1668 .elementor-element.elementor-element-c1f99c1:not(.elementor-motion-effects-element-type-background), .elementor-1668 .elementor-element.elementor-element-c1f99c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sami-agency.de/wp-content/uploads/2026/04/bg_contact.avif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1668 .elementor-element.elementor-element-c1f99c1::before, .elementor-1668 .elementor-element.elementor-element-c1f99c1 > .elementor-background-video-container::before, .elementor-1668 .elementor-element.elementor-element-c1f99c1 > .e-con-inner > .elementor-background-video-container::before, .elementor-1668 .elementor-element.elementor-element-c1f99c1 > .elementor-background-slideshow::before, .elementor-1668 .elementor-element.elementor-element-c1f99c1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1668 .elementor-element.elementor-element-c1f99c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-da22dce );--background-overlay:'';}.elementor-1668 .elementor-element.elementor-element-7d86b09{text-align:center;}.elementor-1668 .elementor-element.elementor-element-7d86b09 .elementor-heading-title{text-transform:uppercase;}.elementor-1668 .elementor-element.elementor-element-e1c8537{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--padding-top:80px;--padding-bottom:80px;--padding-left:16px;--padding-right:16px;}.elementor-1668 .elementor-element.elementor-element-fd7eb1a{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1668 .elementor-element.elementor-element-611258f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1668 .elementor-element.elementor-element-57f3c41{width:100%;max-width:100%;}.elementor-1668 .elementor-element.elementor-element-8ea59cc{width:100%;max-width:100%;}.elementor-1668 .elementor-element.elementor-element-98fd763{--display:flex;--gap:48px 48px;--row-gap:48px;--column-gap:48px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1668 .elementor-element.elementor-element-3672cbf{text-align:center;}.elementor-1668 .elementor-element.elementor-element-3672cbf .elementor-heading-title{font-size:1.875rem;line-height:1.3em;}.elementor-1668 .elementor-element.elementor-element-cefb4ce{border-style:none;}.elementor-1668 .elementor-element.elementor-element-b8fc76c .elementor-icon-wrapper{text-align:center;}.elementor-1668 .elementor-element.elementor-element-b8fc76c .elementor-icon{font-size:1px;}.elementor-1668 .elementor-element.elementor-element-b8fc76c .elementor-icon svg{height:1px;}@media(min-width:768px){.elementor-1668 .elementor-element.elementor-element-fd7eb1a{--width:30%;}.elementor-1668 .elementor-element.elementor-element-98fd763{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1668 .elementor-element.elementor-element-fd7eb1a{--width:100%;}.elementor-1668 .elementor-element.elementor-element-98fd763{--width:100%;}}@media(max-width:1024px){.elementor-1668 .elementor-element.elementor-element-e1c8537{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:80px 80px;--row-gap:80px;--column-gap:80px;}.elementor-1668 .elementor-element.elementor-element-fd7eb1a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1668 .elementor-element.elementor-element-57f3c41{text-align:center;}.elementor-1668 .elementor-element.elementor-element-8ea59cc{text-align:center;}}@media(max-width:767px){.elementor-1668 .elementor-element.elementor-element-fd7eb1a{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}/* Start custom CSS for shortcode, class: .elementor-element-cefb4ce *//* 1. FORCE FONT AWESOME TO LOAD */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');

/* 2. FLEXBOX LAYOUT FOR 2-COLUMNS */
.form-lienhe .form-row {
    display: flex;
    gap: 20px; /* Space between the two columns */
    width: 100%;
}

.form-lienhe .form-col {
    flex: 1; /* Ensures both columns take up 50% width */
    width: 100%;
}

/* Mobile Viewport: Stack columns on screens smaller than 768px */
@media (max-width: 767px) {
    .form-lienhe .form-row {
        flex-direction: column;
        gap: 0;
    }
}

/* --- YOUR EXISTING CSS BELOW --- */

/* Wrapper to ensure CF7 doesn't break the layout */
.form-lienhe .form-icon {
    position: relative;
    display: block;
}

.form-lienhe .form-icon span.wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

/* Style the Input Fields */
.form-lienhe .form-control {
    background-color: rgba(255,255,255,0.05) !important;
    border: none !important;
    border-radius: 4px !important;
    color: var(--e-global-color-text) !important;
    width: 100%;
    height: 50px;
    padding: 8px 45px 8px 20px !important;
    box-shadow: none !important;
    outline: none !important;
    font-size: 1rem;
}

/* Fix Textarea */
.form-lienhe textarea.form-control {
    height: auto !important;
    padding: 15px 45px 15px 20px !important;
}

/* Placeholder Styling */
.form-lienhe .form-control::placeholder {
    color: #6c757d !important;
    opacity: 1;
}

/* Focus State */
.form-lienhe .form-control:focus {
    border-width: 1px !important;
    border-color: var(--e-global-color-text) !important;
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.16) !important;
}

/* Position and Force FontAwesome Icons INSIDE the input */
.form-lienhe .form-icon i {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--e-global-color-text);
    font-size: 18px;
    z-index: 10;
    pointer-events: none;
    font-family: "Font Awesome 5 Free" !important; 
}

/* Ensure solid vs regular weights are respected for Elementor FA */
.form-lienhe .form-icon i.fas {
    font-weight: 900 !important;
}
.form-lienhe .form-icon i.far {
    font-weight: 400 !important;
}

/* Style the Submit Button */
.form-lienhe button.btn-main {
    color: #ffffff !important;
    border: none !important;
    padding: 12px 30px !important;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.form-lienhe button.btn-main:hover {
    background-color: var(--e-global-color-text) !important;
    color: #000000 !important;
}

.form-lienhe label{
    font-size: 0.75rem;
}

/* Submit Button Custom SVG Icon */
.form-lienhe button.btn-main span {
    background: url('/wp-content/uploads/2026/04/arrow_right_alt_48dp_white.svg') no-repeat center right; 
    padding-right: 35px;
    background-size: contain;
    display: inline-block;
    position: relative;
    z-index: 2;
}

/* Hover SVG */
.form-lienhe button.btn-main:hover span {
    background-image: url('/wp-content/uploads/2026/03/arrow_right_alt_48dp.svg'); 
}

/* CF7 Validation Error Text Styling */
.form-lienhe span.wpcf7-not-valid-tip {
    font-size: 13px;
    color: #dc3545;
    margin-top: 5px;
    display: block;
}

/* CF7 Success/Error Box Styling */
.wpcf7 form .wpcf7-response-output {
    border-radius: 4px;
    margin: 20px 0 0 0;
    font-size: 15px;
    text-align: center;
}/* End custom CSS */