/**
 * @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;
    }
}