form {
 
    border: 1px solid rgba(0, 0, 0, 0);  
 }

fieldset { 
    border : none; 
    padding: 0;
    margin: 0;
}

legend { border : none; display : none; }

#commentFormError,
#contactFormError {
    display             : none;
    color               : rgb(216, 53, 54);
    line-height         : 1.1em;
    margin              : 8px;
    font-family: "Akkurat-Bold",arial,sans-serif;
    clear: both;
}

#commentFormError {
    display : block;
}

form {
    padding : 0;
}

form.contactForm {
    opacity: 0;
    -webkit-transition : all 0.3s ease-in-out;
    -moz-transition    : all 0.3s ease-in-out;
    -ms-transition     : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out; 
}

form.contactForm.ready {
    opacity: 1;
}

form p,
form > fieldset > div.row {
    display     : inline-block;
    width       : 100%;
    float       : left;
    margin      : 0;
    padding     : 8px;
}

form > fieldset > div.row:last-child {
    /*text-align: center;*/
}

.contactFormClass_label {
    font-size      : 1.5em;
    line-height    : 1.2em;
    margin         : 0;       
    color          : #000000;
    font-weight    : 500;
}

.contactFormGroup div.radio,
.contactFormGroup div.checkbox {
    display    : inline-block;
    width      : 100%;
    padding    : 10px;
    float      : left;
    text-align : left;
    margin     : 0 0 10px 0;
}

div.radio,
div.checkbox {
    display       : inline-block;
    width         : 100%;
    padding       : 10px;
    float         : left;
    text-align    : left;
}

form .is_required {
    padding : 0 0 0 1%;
    color   : rgba(255, 0, 0, 1);
}

form .contactFormGroup {
}

form .contact.row > label,
form p > label,
form .row > label {
    display        : inline-block;
    padding        : 0;
    width          : 100%;
    color          : #337AB7;
    padding-bottom : 5px;
    display: none;
}

form #captcha {
    width : 50%;
}

form label#coreCaptchaLabel {
    width       : 100%;
    margin      : 0 0 10px 0;
    display     : none;
}

form #coreCaptchaCode {
    width          : 65%;
    vertical-align : top;
}

form #coreCaptchaImage {
    display         : inline-block;
    height          :  calc(1.4em + 22px)  !important;
    padding         : 0;
    vertical-align  : baseline;
    width           : 35% !important;
}

form #coreCaptchaImage { 
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.5;
}

form #captcha {
    overflow : hidden;
    display  : inline-block;
    clear    : both;
    height   : auto;
    width    : 100%;
}

form .contactFormGroup,
form .newsletterFormGroup,
form .shopFormGroup {
    display : inline-block;
    width   : 100%;
}

fieldset { border : none; }

legend { border : none; visibility : hidden; }

form .contactFormGroup label,
form .newsletterFormGroup label,
form .shopFormGroup label {
    margin  : 0;
    display : inline-block;
    cursor  : pointer;
    width   : 100%;
}

form .contactFormGroup label:hover {
    color : rgb(216,53,54);
}

form .contactFormGroup input,
form .radio input,
form .checkbox input,
form .newsletterFormGroup input,
form .shopFormGroup input {
    display : inline-block;
    margin  : 0 10px 0 0;
    width   : auto;
    border  : 0;
}

input,
textarea,
select {
    padding     : 8px;
    width       : 100%;
    color: rgb(37,36,41);
    border: 0;
}

select {
    padding     : 7px;
}

form > fieldset > div.row.form-captcha {
    text-align: center;
    width: 100%;
}
.form-button {
    text-align: center;
}

input[type="checkbox"],
input[type="radio"] {
    width : auto;
}

input[type="submit"],
input[type="button"],
input[type="reset"] {
    color               : #FFFFFF;
    text-align          : center;
    margin              : 10px 0 0 0;
    min-width           : 100%;
    padding             : 10px 20px;
    width               : auto;
    font-weight         : 300;
    display             : inline-block;     
    background-color    : rgb(37,36,41);
    font-family: "Akkurat-Regular",arial,sans-serif;
}

input[type="button"],
input[type="reset"] {
    background-color : transparent;
    color            : #bbbbbb;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
    border-color        : rgba(255,255,255,0.1);
    background-color    : rgb(37,36,41, 0.8);
}

input:focus,
textarea:focus,
select:focus {
    background-color    : rgba(255,255,255,0.8);
}

.contactForm input[type="button"],
.contactForm input[type="reset"] {
    display : none;
}

.mediaBrowserfolderWidget {
    display: block !important;
    padding: 0;
}

@media (min-width: 768px) {
    form p,
    form > fieldset > div.row {
        width : 100%;
    }
    
    form > fieldset > div.row.form-checkbox,
    form > fieldset > div.row.form-radio,
    form > fieldset > div.row.form-text,
    form > fieldset > div.row.form-textarea,
    form > fieldset > div.row.form-button{
        width : 100%;
    }

    .contactFormGroup div.radio,
    .contactFormGroup div.checkbox {
        margin: 0 20px 0 0;
        width: calc(50% - 10px);
    }
    
    .contactFormGroup div.radio:last-child,
    .contactFormGroup div.checkbox:last-child {
        margin: 0;
    }
}

@media (min-width: 992px) {
    form p,
    form > fieldset > div.row {
        width : 33.3333%;
    }
    
    form #captcha {
        width    : calc(33.3333% - 16px);
    }
    
    input[type="submit"],
    input[type="button"],
    input[type="reset"] {
        min-width           : calc(33.3333% - 16px);
        margin: 8px;
    }
}

@media (min-width: 1200px) {
}

/* DSGVO */ 

.checkbox a{
    color: rgba(0, 0, 0, 1) !important;
}

.checkbox a:hover{
    color: rgba(0, 0, 0, 0.6) !important;
    text-decoration:none;
}