:root {
  --beneo_orange: #dc7d28;
  --beneo_green: #6eb31a;
}

*:focus:not(:focus-visible) {
    outline: none
}

/*
*:focus-visible {
    outline: 2px dashed currentColor;
    outline-offset: 2px;
}
*/

.wpcf7-form-control-wrap[data-name="country"] {
    position: relative;
    display: block;
}


p.buS {
    font-size: 0.9em;
}

/* ------------------------------
 * contactform - not valid (acceptance box)
 * ------------------------------*/

 div.wpcf7-validation-errors {
    border: none;/*2px solid red;//#e0c069; //@beneo_orange;//*/
    background-color: transparent;
    color: orange; /* var(--wp--preset--color--quarternary); red; //@beneo_orange;//#f7e700;*/
    font-size: 14px;
    line-height: 1.5em;
    padding: 0px;
}

span.wpcf7-not-valid-tip {
    /*position: absolute;
    top: 5px;
    left: 140px; */
    color: orange; /*var(--wp--preset--color--quarternary); red;*/
    font-size: 12px;
    width: 200px;
}

/*.wpcf7-form-control-wrap:hover .wpcf7-not-valid-tip, 
.wpcf7-form-control:focus + .wpcf7-not-valid-tip { display:none; }
*/

textarea + span.wpcf7-not-valid-tip {top: -15px;}

p .wpcf7-form-control-wrap.acceptance-733 .wpcf7-not-valid-tip,
p .wpcf7-form-control-wrap.acceptance .wpcf7-not-valid-tip{    
    line-height: 1.5em;
    top: 25px;
}

/* --- message after sending --- */

div.wpcf7-response-output.wpcf7-display-none {
    display: none;
}

div.wpcf7-response-output,
.wpcf7 form .wpcf7-response-output{
    /*
    position: absolute;
    bottom: 20px; */
    margin: 2em 0.5em 1em; /* 0 0 1em 0;*/
    padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
    border: none; /*//2px solid #398f14;*/
    background-color: transparent; /*//#b8f4d0;*/
    line-height: 1.5em;
    padding: 0px;
}

.formsubreply {
    margin-bottom: 30px;
    margin-left: 30px;
    
    p {
        font-weight: 600;
        }
}

/* ------------------------------
 * contactform - generell
 * ------------------------------*/

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
}
/* IE standrd pfeil*/
select::-ms-expand {
  display: none;
}
select:focus::-ms-value {
  background-color: transparent;
}



::placeholder {
  color: #999999; /* #767676; //#adadad; */
  opacity: 0.7;
  font-weight: 600;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999999;
  opacity: 0.7;
  font-weight: 600;
}

/* 
.placeholder::placeholder {
  color: var(--wp--preset--color--secondary)!important;
}

.placeholder::-webkit-input-placeholder {
  color: var(--wp--preset--color--secondary)!important;
}
*/

/*
.wpcf7-validates-as-required ::placeholder {
  color: var(--wp--preset--color--secondary)!important;
}

.wpcf7-validates-as-required ::-webkit-input-placeholder {
  color: var(--wp--preset--color--secondary)!important;
}

.wpcf7-validates-as-required ::-webkit-input-placeholder option:first-of-type {
  color: var(--wp--preset--color--secondary)!important;
}
*/

/*input[type="email"].big-dog::-webkit-input-placeholder
.wpcf7-form select.wpcf7-validates-as-required::placeholder,
.wpcf7-form select.wpcf7-validates-as-required::-webkit-input-placeholder,
*/



.wpcf7-form input.wpcf7-validates-as-required::placeholder,
.wpcf7-form textarea.wpcf7-validates-as-required::placeholder {
  color: var(--wp--preset--color--secondary)!important;
  font-weight: 600;
}

.wpcf7-form input.wpcf7-validates-as-required::-webkit-input-placeholder,
.wpcf7-form textarea.wpcf7-validates-as-required::-webkit-input-placeholder {
  color: var(--wp--preset--color--secondary)!important;
  font-weight: 600;
}

/*  

.wpcf7-form select.wpcf7-validates-as-required.placeholder,
.wpcf7-form select.wpcf7-validates-as-required option[value='Select your country*'],
.wpcf7-form select.wpcf7-validates-as-required option:first-of-type{
    color: var(--wp--preset--color--secondary)!important;
}
*/

/* */
.wpcf7-form select.wpcf7-validates-as-required.placeholder {
    color: var(--wp--preset--color--secondary)!important;
    opacity: 0.7;
    font-weight: 600;
}

.wpcf7-form select.wpcf7-validates-as-required.placeholder option:checked:not(:first-of-type)  {
    color: red!important;
    opacity: 0.7;
    font-weight: 600;
}




/*
option:checked { color: red; }
.wpcf7-form select.wpcf7-validates-as-required.filled {
    color: #999999;
}
*/

/*
.wpcf7-form select:valid { color: red!important; }
.wpcf7-form select option:checked { color: red; }
*/
/*
.wpcf7-form select.wpcf7-validates-as-required option:first-of-type, 
.wpcf7-form select.wpcf7-validates-as-required option:first-child */
/*var(--beneo_orange); ,var(--wp--preset--color--secondary)*/

.wpcf7-form input, 
.wpcf7-form textarea,
.wpcf7-form select {font-family: var(--wp--preset--font-family--scala-sans-regular); font-size: 13px; }

.wpcf7-form textarea::placeholder {font-family: var(--wp--preset--font-family--scala-sans-regular); font-size: 13px; }
.wpcf7-form select::placeholder {font-family: var(--wp--preset--font-family--scala-sans-regular); font-size: 13px; }
.wpcf7-form input::placeholder {font-family: var(--wp--preset--font-family--scala-sans-regular); font-size: 13px; }

.wpcf7-form::placeholder {color: #999;}

    .wpcf7 form.wpcf7-form {
        position: relative;
        padding-bottom: 20px;
        width: 60%; 
        margin-bottom: 20px; 
    }
    
    .wp-block-group.contactform .wpcf7 form.wpcf7-form { width: 50%; }


/*  */
    .wpcf7-form p {
        width: calc(100% + 2px); /* border muss mit rein gerechnet werden*/
        margin-top: 0px; 
        margin-bottom: 10px; /* 4 + 6px */
        }
       
    .wpcf7-form .wpcf7-textarea {
                width: calc(100% - 24px);/* hier padding abziehen;*/
                font-size: 13px; 
                height: 62px; 
                margin-bottom: 0px;
            }
     
   /* .wpcf7-form .col50 .wpcf7-textarea {width: 100%;}*/
    

    
    .wpcf7-form.sent > div:not(.wpcf7-response-output) {display: none;}

    .wpcf7-form.sent > p {display: none;}

    div.wpcf7-mail-sent-ok {
        font-size: 20px;
        color: var(--beneo_green);
    }
    
    /* --- input general style --- */
    input[type=text], input[type=email], input[type=tel], textarea {
        font-size: 13px;
        color: #767676;
        padding: 10px 12px;
        background-color: #fdfdfd;
        border: 1px solid #e3e3e3;
        border-radius: 10px;
        outline: 0;
        margin-bottom: 4px;
    }

    input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {width: calc(100% - 24px);/* hier padding abziehen;*/}
    
    input[type="text"], input[type="email"], input[type="tel"], textarea { 
        color: black;  
    }
    
    input.usastate {margin-bottom: 10px;}

    input[name=company] {margin-bottom: 0px;}

    input[type=checkbox] {margin-bottom: 2px;}

    input[type=submit] {
        width: auto;
        padding: 8px 20px;
        margin-top: 10px;
        border-radius: 10px;
    }
    .wpcf7-submit {text-transform: uppercase;}
    
    input.ronly {width: 75%;}
    
    /* --- select general style --- */
    
    /* hide browser-styling (arrow) in IE10 */
      select::-ms-expand {
        display:none;
      }
    .lt-ie10 select {
        background-image: none;
    }
    /* url(../../images/selectbox-arrow.png); */
    select:not(.gfield_select) {
        cursor: pointer;
        background-color: #fdfdfd;
        border: 1px solid #e3e3e3;
        border-radius: 10px;
        /*
        background-image: url(/wp-content/uploads/2022/10/selectbox-arrow.png);
        background-position: right center;
        background-repeat: no-repeat;
        */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        padding: 10px 12px 12px 16px;
        font-size: 12px;
        line-height: 14px;
        color: #252525;
        border-radius: 0;
        font-weight: 700;
        min-width: 240px;
        max-width: 100%;
        display: block;
    }

    .wpcf7-form select:not(.gfield_select) {
        min-width: 200px !important; 
        width: 101%;
        font-weight: 400;
	font-size: 13px;
	padding: 10px 8px;
        color: #999999;/*#000;*/
        background-color: transparent;
        border-radius: 10px;
    }
    
    .wpcf7-form select option {
	color: black;
        background-color: white !important;
        border: none;
    }
    .wpcf7-form select option:first-of-type,
    .wpcf7-form select option:first-child {
	color: #999999;
    }

  
    
    /*select:not(.gfield_select)::before,
    select::before
    .wpcf7-form select.wpcf7-validates-as-required.placeholder::before
    span.wpcf7-form-control-wrap[data-name='country']:before
    */
    
    
    span.wpcf7-form-control-wrap[data-name='country']:before {
    content: ' ▶';
    position: absolute;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 13px;
    width: 13px;
    height: 13px;
    color: var(--beneo_green);/*#767676;*/
    right: 5px;
    top: 40%;
    opacity: 0.7;
    z-index: -1; /*9;*/
    }
    
    /*
    span.wpcf7-form-control-wrap[data-name='country']:focus::before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    */
    
/* --- */

    .cf-row {
       /* width: 100%;*/
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
    }
    .cf-row:after {clear: both;}

    .cf-row.last .col50 {margin-bottom: 2px;}

    .wpcf7-form .col50 {
        /*width: 48%; */
        flex-basis: 48%;
        margin-bottom: 6px;
    
    }
    
    .wpcf7-form .col50 input {width: 100%;}
    
    .wpcf7-form .col50 select {width: 100%;} /* wenn ausserhalb <p> dann 104% */
    
    .wpcf7-form .wpcf7-submit {
        padding: 10px 24px;
        background-color: var(--beneo_green);
        color: white;
        border: 0;
        border-radius: 10px;
      }
      
     .wpcf7-form .wpcf7-submit:hover {cursor: pointer;}
   
    .wpcf7-form .wpcf7-submit.roundbtnblue {
        padding: 8px 20px;
    }
    
    .wpcf7-quiz-label {display: block;}
    
    
    .wpcf7-list-item {margin: 0 0 0 0;}
    
    .wpcf7-checkbox > .wpcf7-list-item {margin-right: 20px}

.wpcf7-radio .wpcf7-list-item:not(.last) {margin-right: 20px;}
    
    /* --- style locationsform ---  */
    input[name='text-contactname'] {
        font-size: 18px;
        padding: 0;
        border: none;
        background-color: transparent;
    }
    span.text-contactname::before {
        content: 'Send E-Mail to ';
        font-size: 18px;
    }
    
    
    /* --- lead form --- */
    
    .leadform .wpcf7 form.wpcf7-form {
        width: 100%;
    }
    
    .leadform .wpcf7 form.wpcf7-form .cf-row {
       width: 50%;
    }
    
    /* --- DL lead form 416 --- */
    /*also for products*/
    
    #wpcf7-f416-o1 form.wpcf7-form,
    #wpcf7-f416-p44313-o1 form.wpcf7-form {
        background-color: white;
        padding: 25px;
    }
    
    @media only screen and (max-width: 650px) {
    #wpcf7-f416-o1 form.wpcf7-form,
    #wpcf7-f416-p44313-o1 form.wpcf7-form {
          width: 88%;
          max-width: 88%;
        }
    }
    
/* ------------------------------
 * pemuco contact forms
 * ------------------------------*/

.codedropz-upload-inner h3 {
  margin: 5px 0;
  font-size: var(--wp--preset--font-size--medium)!important; /* 30px;  */
  line-height: 32px;
  word-break: break-word;
}

input.wpcf7-date {
  font-size: 13px;
  padding: 9px 8px;
  color: #999999;
  background-color: #fdfdfd;
  border: 1px solid #e3e3e3;
}

    
/* ------------------------------
 * responsiveness
 * ------------------------------*/

@media only screen and (max-width : 1199px){

    .wpcf7 form.wpcf7-form { width: 70%; }
}


@media only screen and (max-width : 959px){

    .wpcf7 form.wpcf7-form { width: 80%; }
    
    .wp-block-group.contactform .wpcf7 form.wpcf7-form { width: 70%; }

}


@media only screen and (max-width : 849px){

    .wpcf7 form.wpcf7-form { width: 90%; }
    
    .wp-block-group.contactform .wpcf7 form.wpcf7-form { width: 80%; }

}


@media only screen and (max-width : 767px){
    .wpcf7-form .col50 {
        /*width: 100%; */
        flex-basis: 100%;
        margin-right: 0;
    }
    /*
     .wpcf7 form.wpcf7-form {
        width: 80%;
    }
    */
    
    .leadform .wpcf7 form.wpcf7-form .cf-row {
        width: 100%;
    }
    
    .wp-block-group.contactform .wpcf7 form.wpcf7-form { width: 80%; }
}

 @media only screen and (max-width : 650px){
    .wpcf7 form.wpcf7-form {
        width: 100%;
    }
    
    .wp-block-group.contactform .wpcf7 form.wpcf7-form { width: 100%; }
}