::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #000;
}


form {
    margin-top:30px;
    margin-bottom:30px;
}

*:focus {
    outline: none;
}


input[type="text"], input[type="email"], input[type="password"], textarea, select {
    background-color:#fff;
    border-radius:10px;
    border:1px solid #fff;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;    
    color:#000;
    
    width:100%;
    margin-bottom:20px;
    
    font-size:16px;
    padding:12px;
    padding-left:16px;
    
}

select *, .dark select, textarea {
   color:#000 !important;  
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
    
     border:1px solid #fff;
}

.gfield_label, .gfield_validation_message {
    display:none;
}

input[type="submit"] {
    border: 0 !important;
}

.validation_error {
    color:red;
}

.gfield_error input, .gfield_error select, .gfield_error textarea {
    border:2px solid #540098;
}

.dark .gfield_error input, .dark .gfield_error select, .dark .gfield_error textarea { 
   border:2px solid red;
}

.cta-menu ul li a.nav-link, .button, .button.cta {
    color:#fff;
    background-color:#000;
    border:1px solid #000;
    border-radius:30px;
    text-align:center;
    padding-left:28px;
    
    
    padding-top:8px;
    padding-bottom:8px;
    
    display:inline-block;
    font-size:16px;
    font-weight: 500;
   
    line-height: 31px;
    
    position: relative;
    
    padding-right:52px;
    text-decoration: none;
}

.button {
    padding-right:28px;
    background-color:#fff;
    color:#000;   
}

.button:not(.cta):hover {
    color:#000; 
}

.button.black, .button.black:hover {
    background-color:#000;
    color:#fff;
    border:1px solid #000;
}

.button.black span {
    color:#fff;
}

.button.orange, .button.orange:hover {
    background-color:#F86B00;
    color:#fff;
    border:1px solid #F86B00;
}

.button.transparent, .button.transparent:hover {
    background-color:transparent !important;
}

.button.cta2 {
    padding-left:52px;
}

.button.cta2:before {
    content:'';
    background-image:url('../images/chat.svg');
    background-size:cover;
    width: 17px;
    height: 14px;
    position: absolute;
    top:0;
    bottom:0;
    left:25px;
    margin:auto;   
}

.cta-menu ul li a.nav-link span {
    position: relative;
}


.button.cta span:after, .cta-menu ul li a.nav-link span:after {
    position:absolute;
    background-image: url('../images/arrow-right-button.svg');
    content:'';
    background-size: cover;
    width: 18px;
    height: 11px;

    top: 0;
    bottom: 0;
    right: -25px;
    margin: auto;    
}

.button.cta.down span:after {
    rotate:90deg;
}


.button.white-border {
    border-color:#fff !important;
}

a.button span {
    position:relative;
    color:#fff;
    
}

a.button.center:after {
    display:none;
}

.button:not([class*=' ']) span {
    color:#000;
}

a.button.mobile-transform span {
    color:#000;
}

a.button.txt {
    padding-left:0 !important;
    background:transparent !important;
    border:0 !important;
    padding-right:13px !important;
    text-align:left !important;
    padding:0 !important;
}

a.button.txt-black span {
    color:#000 !important;
    font-weight: 800;
}

a.button.txt-black {
    display:block;
}

a.button.txt-black span:after {
    filter:invert(1) !important;
}

.validation_error p {
    color:red;
}

.validation_error {
    margin-top:20px;
}

.gfield.halve {
    display:inline-block;
    width:50%;
}

.gfield.halve.b {
    padding-left:15px;
}

.gfield.halve:not(.b) {
   padding-right:15px;
}

.ginput_container textarea {
    max-height:100px;
}

.ginput_container_select {
    position: relative;
}

.ginput_container_select:before {
    position: absolute;
    background-image: url(../images/arrow-right-button.svg);
    content: '';
    background-size: cover;
    width: 18px;
    height: 11px;
    top: 20px;
    bottom: 0;
    right: 20px;
    rotate: 90deg;
    filter: invert(1);
    pointer-events:none;
}

.gform_confirmation_wrapper {
    margin-top:20px;
    
}

.button.transparent span:after {
    filter:invert(1);
}


.button.transparent span {
    color:#000;
}

.cta-menu a:hover, a.button:not(.txt):hover, .item-box-a:hover a.button {
    background-color: #F86B00 !important;
    border: 1px solid #F86B00 !important;
    color:#fff !important;
}

a.button:not(.txt):hover span, .item-box-a:hover a.button span {
    color:#fff !important;
}

a.button {
     transition: 0.2s;
}

a.arrow.nav-arrow {
    transition: transform 0.3s ease;
}

a.arrow.nav-arrow:hover {
   transform: scale(1.1);
}

div.contents a:not(.button):hover, .faq-answer a:not(.button):hover, footer .c4 a:not(.button):hover {
    text-decoration: underline;
}

ul.bottom a:hover {
    text-decoration: underline !important;
}

.button.transparent:hover span:after {
    filter: invert(0);
}

.button.arrow-hover:hover span:after {
    position: absolute;
    background-image: url(../images/arrow-right-button.svg);
    content: '';
    background-size: cover;
    width: 18px;
    height: 11px;
    top: 0;
    bottom: 0;
    right: -25px;
    margin: auto;

}

.button.arrow-hover:hover {
    padding-right:52px;
}

a.button.full {
    width:100% !important;
}

a.button.cta.accent:hover, .cta-menu ul li a.nav-link:hover {
    box-shadow: 0px 0px 15px 0px #54009880;
}

a.button.cta, .cta-menu ul li a.nav-link {
    transition: box-shadow 0.2s ease;
}

.block-recent-werk-2 img {
   box-shadow: 0px 3px 10px 0px #00000040;
 
}