1 /**

     2  * @copyright     Copyright(C) 2015 4customers

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

     4  */

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

     6     margin: 0;

     7     padding: 0;

     8 }

     9 

    10 body {

    11     font-size: 1.5em;

    12     font-family: sans-serif;

    13 }

    14 

    15 p {

    16     padding: 5px;

    17 }

    18 

    19 label, input, select, textarea {

    20     width: 100%;

    21     line-height: 100%;

    22 }

    23 

    24 input, select, textarea {

    25     padding: 5px;

    26 }

    27 

    28 form textarea {

    29     min-height: 250px;

    30 }

    31 

    32 .content {

    33     margin-bottom: 50px;

    34 }

    35 

    36 .text-info {

    37     color: #080808;

    38 }

    39 

    40 .footer-area {

    41     height: 30px;

    42 }

    43 

    44 .knopf input {

    45     color: #fff;

    46     background-color: #000;

    47 

    48     padding: 10px;

    49     font-size: 1.5em;

    50 }

    51 

    52 .footer {

    53     margin: 0;

    54     padding: 0;

    55 

    56     width: 100%;

    57     text-align: center;

    58 

    59     position: fixed;

    60     bottom: 0;

    61 

    62     color: #080808;

    63     background-color: #e7e7e7;

    64 

    65     overflow: hidden;

    66 }

    67 

    68 .ellipsis {

    69     text-overflow: ellipsis;

    70 }

    71 

    72 .bold {

    73     font-size: 1.5em;

    74     font-weight: bold;

    75 }

    76 

    77 .form-inline .form-group {

    78     width: 100%;

    79 }

    80 

    81 .form-inline .form-group {

    82     max-width: 49%;

    83 }

    84 

    85 .promo {

    86     margin-top: 10px;

    87 

    88     font-weight: bold;

    89     font-size: 2em;

    90 }

    91 

    92 /* Fluid Iframe starts */

    93 .wrapper {

    94     position: relative;

    95 

    96     width: 75%;

    97     height: 100%;

    98 

    99     padding-bottom: 38%;

   100 

   101     margin-left: auto;

   102     margin-right: auto;

   103 

   104     text-align: center;

   105 }

   106 

   107 .iframe {

   108     position: absolute;

   109 

   110     width: 100%;

   111     height: 100%;

   112 }

   113 

   114 .iframe iframe {

   115     position: relative;

   116 

   117     width: 100%;

   118     height: 100%;

   119 }

   120 /* Fluid Iframe ends */

   121 

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

   123     body {

   124         font-size: 1.25em;

   125     }

   126 

   127     .form-group button {

   128         width: 100%;

   129     }

   130 

   131     .wrapper {

   132         height: 220px;

   133     }

   134 }