/*=FORMS */
form.default
{
    width:100%;
    overflow: hidden;
}

    form.default ::-webkit-input-placeholder, form.default :-ms-input-placeholder, form.default ::-moz-placeholder {color:#999;}

    form.default fieldset
    {
        border:none;
        margin:0 0 2em;
    }
    form.default fieldset + fieldset
    {
        margin-top:2em;
    }

            form.default fieldset > span
            {
                float: left;
                width: 6em;
                margin-top: 5px;
            }
        form.default label
        {
            display: block;
            margin-bottom:.5em;
        }
        .umzugsrechner form.default label {
            display: none;
        }
        .umzugsrechner form.default input[type=text],
        .umzugsrechner form.default textarea
            {
                float:left;
                width:100%;
                margin-right:0;
                height: 45px;
                padding-left: 85px;
                position: relative;
                background: #25aae1;
                color: #fff;
                margin-bottom: 10px;
            }
        .umzugsrechner form.default .label {
                position: relative;
            }
            .umzugsrechner form.default .label:before {
                font-family: 'FontAwesome';
                font-size: 1.625rem;
                color: #fff;
                width: 63px;
                height: 35px;
                padding-top: 10px;
                text-align: center;
                background: #3bc4fd;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2;
            }
            .umzugsrechner form.default .label:first-of-type:before {
                content: '\f183  \f182';
            }
            .umzugsrechner form.default .label:nth-of-type(2):before {
                content: '\f015';
            }

        @media (min-width:40em) {
            form.default label
            {
                float:left;
                width:33%;
                padding:1%;
                clear:both;
                margin-left:2%;
            }
            #footer form.default label {
                display: none;
            }
        }

        form.default legend
        {
            width:100%;
            background:#25AAE1;
            color:#fff;
            padding:2%;
            margin:0 0 1em 0;
            font-size:120%;
        }
            form.default legend + p
            {
                background:#FBFBC4;
                padding:1.5% 3%;
                margin:-1.3em 0 1em 0;
            }
        form.default label.radio
        {
            clear:none;
            float:left;
            width:50%;
        }
        @media (min-width:40em) {
            form.default label.radio {
                margin-left:0;
                width:15%;
            }

        }

            form.default label small
            {
                color:#999;
            }

            @media (min-width:40em) {
                form.default label small
                {
                    display:block;
                    line-height:1em
                }
            }

        form.default input[type=text],
        form.default input[type=tel],
        form.default input[type=email],
        form.default input[type=file],
        form.default textarea
        {
            width:100%;
            padding:2%;
            border:none;
            margin-bottom:1em;
            resize:none;
            background:#eee;
            position:relative;
            font:400 1em/1.2em 'Roboto', sans-serif;
        }

        @media (min-width:40em) {
            form.default input[type=text],
            form.default input[type=tel],
            form.default input[type=email],
            form.default input[type=file],
            form.default textarea
            {
                float:left;
                width:63%;
                margin-right:2%;
            }

            #footer form.default input[type=text],
            #footer form.default input[type=tel],
            #footer form.default input[type=email],
            #footer form.default input[type=file],
            #footer form.default textarea
            {
                float:left;
                width:100%;
                margin-right:2%;
                height: 45px;
                padding-left: 85px;
                position: relative;
                background: #fff;
                color: #25aae1;
                margin-bottom: 10px;
            }
            #footer form.default .label {
                position: relative;
            }
            #footer form.default .label:before {
                content: '\f138';
                font-family: 'FontAwesome';
                font-size: 1.625rem;
                color: #25aae1;
                width: 63px;
                height: 35px;
                padding-top: 10px;
                text-align: center;
                background: #e6e6e6;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2;
            }
            #footer form.default .label:first-of-type:before {
                content: '\f007';
            }
            #footer form.default .label:nth-of-type(2):before {
                content: '\f095';
            }
            #footer form.default .label:last-of-type:before {
                content: '\f0e0';
            }
            #footer form.default textarea {
                height: 155px;
                padding: 13px 0 0 15px;
            }
        }


        img[name=vimg] + input[name=imgverify]
        {
            float:right;
        }

        input[type=checkbox]
        {
            float:left;
            padding:2%;
            margin-top: 1%;
        }

        form.default button
        {
            background:#25AAE1;
            border:none;
            padding:2%;
            width:100%;
            margin-bottom:1em;
            color:#fff;
        }

        #footer form.default button {
            width: 100%;
            background: #80cceb;
            height: 36px;
            color: #fff;
            margin-right: 0;
            font-weight: 700;
            font-size: 0.875rem;
            font-family: 'Roboto', sans-serif;
            text-transform: uppercase;
        }

        @media (min-width:40em) {
            form.default button
            {
                float:right;
                width:63%;
                margin:0 1em 2% 0;
            }

        }

        form.default button:hover
        {
            box-shadow:inset 0px 0px 1px rgba(0,0,0,0.5);
            cursor:pointer
        }
        form.default button:active
        {
            box-shadow:inset 0px 0px 2px rgba(0,0,0,0.8);
            cursor:pointer
        }

        /*=VALIDATION */
        form.default .errorContainer
        {
            position:relative;
        }
        form.default label.error
        {
            width:96%;
            margin-bottom:2%;
            background:red;
            background:rgba(255,0,0,0.7);
            color:#fff;
            padding:5px;
            text-align:center;
            position:relative;
            animation:error 1s;
            -webkit-animation:error 1s;
        }
        form.default label.error:before
        {
            border-left:7px solid transparent;
            border-right:7px solid transparent;
            border-bottom:10px solid rgba(255,0,0,0.7);
            border-top:0;
            height:0;
            right:10px;
            position:absolute;
            top:-10px;
            width:0;
            content:""
        }

        @keyframes error
        {
            from {opacity:0;}
            to {opacity:1;}
        }
        @-webkit-keyframes error
        {
            from {opacity:0;}
            to {opacity:1;}
        }

        .specialfield{display:none}


    #newsletter-info
    {
        border:1px solid red;
        padding:1em;
    }

    body.javascript #formNotice
    {
       padding:20px;
       height:100px;
    }

    #fehlermeldung {
            background-color: #fff;
            padding: 10px;
            border: 1px solid #e74215;
            display:none;
        }

        .specialfield{display:none}