/**

 * @copyright     Copyright(C) 2015 4customers

 * @author        Markus Bröker<broeker.markus@googlemail.com>

 */

html, body, p, textarea, input, select {

    margin: 0;

    padding: 0;

}

body {

    font-size: 1.5em;

    font-family: sans-serif;

}

p {

    padding: 5px;

}

label, input, select, textarea {

    width: 100%;

    line-height: 100%;

}

input, select, textarea {

    padding: 5px;

}

form textarea {

    min-height: 250px;

}

.content {

    margin-bottom: 50px;

}

.text-info {

    color: #080808;

}

.footer-area {

    height: 30px;

}

.knopf input {

    color: #fff;

    background-color: #000;

    padding: 10px;

    font-size: 1.5em;

}

.footer {

    margin: 0;

    padding: 0;

    width: 100%;

    text-align: center;

    position: fixed;

    bottom: 0;

    color: #080808;

    background-color: #e7e7e7;

    overflow: hidden;

}

.ellipsis {

    text-overflow: ellipsis;

}

.bold {

    font-size: 1.5em;

    font-weight: bold;

}

.form-inline .form-group {

    width: 100%;

}

.form-inline .form-group {

    max-width: 49%;

}

.promo {

    margin-top: 10px;

    font-weight: bold;

    font-size: 2em;

}

/* Fluid Iframe starts */

.wrapper {

    position: relative;

    width: 75%;

    height: 100%;

    padding-bottom: 38%;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

}

.iframe {

    position: absolute;

    width: 100%;

    height: 100%;

}

.iframe iframe {

    position: relative;

    width: 100%;

    height: 100%;

}

/* Fluid Iframe ends */

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

    body {

        font-size: 1.25em;

    }

    .form-group button {

        width: 100%;

    }

    .wrapper {

        height: 220px;

    }

}