/*
Theme Name:     Elementor-hello-theme-child
Theme URI:      
Description:    Hello-elementor child theme.
Author:         Me
Author URI:     
Template:       hello-elementor
Version:        0.1.0
*/

/**************************************************

    MAUTIC

**************************************************/

/*

#15C2FF (helles orange)
#2E75FD (dunkles orange)

*/

a.elementor-button[href*="#mauticform_wrapper_"] {
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
    padding-right: 0;
}

a.elementor-button.active[href*="#mauticform_wrapper_"] {
    /*font-weight: bold !important;*/
}

.mauticform_wrapper {
   font-family: "Montserrat", Sans-serif;
   color: #000;
}

.mauticform-page-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.mauticform-page-wrapper[style*="block"] {
    display: -ms-flexbox !important;
    display: flex !important;
}

.mauticform-row {
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    position: fhabolative;
    width: 100%;
}

.mauticform-page-wrapper--no-gutter {
    margin-right: 0;
    margin-left: 0;
}

.mauticform-page-wrapper--no-gutter .mauticform-row {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px) {

    .mauticform-row--1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }
    
    .mauticform-row--2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    
    .mauticform-row--3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    
    .mauticform-row--4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    
    .mauticform-row--5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    
    .mauticform-row--6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    
    .mauticform-row--7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    
    .mauticform-row--8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    
    .mauticform-row--9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    
    .mauticform-row--10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    
    .mauticform-row--11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }
    
    .mauticform-row--12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.mauticform_wrapper label {
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
}

.mauticform_wrapper input[type=email],
.mauticform_wrapper input[type=number],
.mauticform_wrapper input[type=password],
.mauticform_wrapper input[type=reset],
.mauticform_wrapper input[type=search],
.mauticform_wrapper input[type=tel],
.mauticform_wrapper input[type=text],
.mauticform_wrapper input[type=url],
.mauticform_wrapper select,
.mauticform_wrapper textarea {
    background-color: transparent;
    border-color: #000;
    border-radius: 0px 0px 0px 0px;
    border-width: 0 0 3px 0;
    color: #000;
    display: block;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    min-height: 44px;
    padding: 8px 0;
    transition: all 0.2s linear;
    width: 100%;    
}

.mauticform_wrapper input[type=email]:focus,
.mauticform_wrapper input[type=number]:focus,
.mauticform_wrapper input[type=password]:focus,
.mauticform_wrapper input[type=reset]:focus,
.mauticform_wrapper input[type=search]:focus,
.mauticform_wrapper input[type=tel]:focus,
.mauticform_wrapper input[type=text]:focus,
.mauticform_wrapper input[type=url]:focus,
.mauticform_wrapper select:focus,
.mauticform_wrapper textarea:focus {
    padding: 8px;
    padding-right: 8px;
    outline: 0;
}

.mauticform_wrapper textarea {
    min-height: 150px;
    padding: 8px 0;
}

.mauticform_wrapper textarea:focus {
    padding: 8px;
    outline: 0;
}

.mauticform-checkboxgrp-row .mauticform-checkboxgrp-checkbox {
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 3px;
    position: relative;
    top: -2px;
}

button.mauticform-button,
.mauticform-pagebreak {
    background-color: #fff;
    border-radius: 0px 0px 0px 0px;
    border: 3px solid #000;
    color: #000;
    font-family: "Boxed", sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1;
    min-height: 44px;
    padding: 12px 25px 12px 25px;
    text-align: center;
    text-transform: uppercase;
    transition: all .5s;
    width: 100%;
}

.mauticform-button--alt,
.mauticform-pagebreak--alt {
    background: #15C2FF;
    color: #fff;
}

.mauticform-buttons:focus,
.mauticform-button:hover,
.mauticform-pagebreak:focus,
.mauticform-pagebreak:hover {
    background-color: #15C2FF;
    color: #fff;
}

.mauticform-errormsg {
    color: #f00;
    font-family: "Montserrat", Sans-serif;
    font-size: 12px;
}

#mauticform_input_kontaktanfrage_submit {
    background-color: #000;
    color: #D4AE54;
    width: 75%;
    line-break: strict;
    white-space: normal;    
}

button#mauticform_input_kontaktanfrage_submit:hover {
    background: #fff;
    border-color: #000;   
}

#mauticform_input_downloadhauskataloge_submit {
    width: 75%;
    font-weight: bold;
}

input#mauticform_input_downloadhauskataloge_ihre_emailadresse,
select#mauticform_input_downloadhauskataloge_hauskatalog {
    border-color: #D4AE54;
    border-width: 2px;    
}

select#mauticform_input_downloadhauskataloge_hauskatalog {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='%23D4AE54' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

label#mauticform_checkboxgrp_label_datenschutz_JaIchhabdieDatenschutzerklarunggelesenundwilligedarinein0 {
    color: #6B6B6B;
}