.container_form { width:600px; max-width:95%; } .persdata { overflow:hidden; width:100%; } .persdata > p { overflow:hidden; } .persdata a { text-decoration:underline; } legend { border:none; } /* div.persdata form.form-horizontal div#wrap_email.form-group label.col-sm-3.control-label { */ .persdata label { /* width:150px; */ padding-top: 3px; display: block; /* float:left; clear:left; */ text-align: left; font-weight: normal; } .persdata .description-label{ font-weight: 400; margin-top: 15px; } .persdata .description-label-inline{ font-weight: 400; } .persdata .description-label-inline, .persdata .text-form-inline{ display: inline-block; } #captcha { width: 60%; float: right; } #wrap_captcha img{ float: left; } /*.persdata .form-options{ text-align: center; } .persdata .check-box-inline{ width: auto; display: inline-block; margin: auto; }*/ .persdata #wrap_anrede label.radio-inline { width: 45px; float: left; } .persdata label.long, .persdata label#label_mhd, .persdata label#label_chargennummer { width:90%; } .form-horizontal .control-label { text-align: left; } .persdata input[type=text], .persdata input[type=email], .persdata input[type=file], .persdata textarea { background: none repeat scroll 0 0 #FFF; float: left; height: 30px; width:100%; /* max-width: 390px; */ font-size: 1em; padding: 2px; /* border:0; */ margin-bottom: 15px; } .persdata input[type=file] { background:transparent; height:auto; } .persdata input#bild { border: 1px solid #666; outline: 0 none; } .persdata textarea { height:150px; margin-bottom: 20px; } /* errors bootstrap */ .is_error, .has-error .form-control, .has-error .control-label { border-color:red !important; color:red !important; } /* errors bootstrap */ .persdata .error_msg label { color:red !important; } #wrap_error_message { color:red !important; } #reg_links { width:100%; } div#wrap_submit { text-align: right; margin: 0px; margin-top: 28px; } /* Frame Template / Datenschutz */ #c224 { padding-left: 20px; padding-right: 20px; } /* #c841 p { padding-left: 0px; padding-right: 0px; } */ #c841 { margin-top: 0px; padding-top: 0px; } /* MY RULES ANDREA */ #c210 h1{ text-transform: uppercase; } #c210{ margin-top: -25px; } #contact_submit, .readmore { background: none repeat scroll 0 0 #0032BA; border: none; cursor: pointer; clear:left; height: 34px; text-align: center; width: 150px; margin-bottom: 30px; padding: 0px; } .readmore{ padding: 6px 40px; } .readmore:hover, .readmore:focus { color: #B8D3E4; } .btn-default, .readmore{ text-transform: uppercase; color: white; font-size: 20px; font-weight: 400; color: white !important; text-decoration: none !important; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #B8D3E4; background-color: #7194AA; border: none; } @media (min-width:480px){ .form-horizontal .form-group { display: inline-block; width: calc(50% - 4px); margin: auto 0px 25px; } .form-horizontal .form-group label{ width: 26%; padding-right: 0px; } .form-horizontal .form-group div{ width: 74%; padding-left: 5px; padding-right: 5px; } #wrap_anrede{ display: block; } /*#wrap_anrede, #wrap_strasse,#wrap_nr,#wrap_email,#wrap_ansprechpartner{ margin-bottom: 5px; }*/ #wrap_message,#wrap_submit{ width: 100%; } #wrap_submit div{ width: 100%; } #wrap_message label{ width: 13%; padding-right: 0px; } #wrap_message div{ width: calc(13% + 74%); } } /* FORM REGELN F�R XSMALL VERSION*/ @media (max-width:767px) { #wrap_anrede div,#wrap_message label,#wrap_anrede label { width:auto; display: inline-block; } #wrap_anrede div{ float: right; } } @media (min-width:480px) and (max-width:767px) { .form-horizontal .form-group label,.form-horizontal .form-group div{ width: 100%; padding-left: 7px; } #wrap_message div{ width: 100%; } #wrap_anrede{ width: 50%; } } /* FORM REGELN F�R SMALL VERSION*/ @media (min-width:768px) and (max-width:991px) { #wrap_message label{ width: 16.5%; } #wrap_message div{ width: calc(16.5% + 67%); } .form-horizontal .form-group label{ width: 33%; } .form-horizontal .form-group div{ width: 67%; padding-left: 5px; padding-right: 5px; } } @media (min-width:992px) and (max-width:1999px) { .form-group{ width: 468px\9; } #input_message{ width: 804px\9; } } @media (min-width:1200px){ .form-group{ width: 568px\9; } #input_message{ width: 978px\9; } }