/*globals*/ body { width: 100%; height: 100%; } html { width: 100%; height: 100%; } *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .row { margin: 0; padding: 0; padding-bottom: 20px; } /*content*/ h2 { padding: 0 20px 0 20px; } a { text-decoration: none; line-height: 1.3rem; font-size: 1.3rem; color: #888; font-weight: 300; margin: 0; } h3 { margin-top: 10px; font-size: 1.5rem; font-weight: 500; } h4 { font-size: 1.4rem; color: #888; font-weight: 500; margin-bottom: 20px; } .col-sm-6 { overflow: auto; margin-bottom: 40px; } .col-fixed-6 { width: 48%; float: left; margin: 1%; } .col-no-padding { padding: 0; } .p-no-h { margin-top: 30px; } .color-red { font-weight: bold; color: #b00004; } .title-rechteck { background-color: #183a64; color: #fff; width: 0; height: 0; width: 100%; height: auto; margin-top: 60px; } .title-dreieck { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #183a64; margin-left: 80px; margin-top: -10px; margin-bottom: 20px; } .h3-rechteck { padding: 20px; } .glyphicon-ok { padding-right: 40px; } /*button*/ .btn { margin-left: 60px; text-align: center; } .btn-start { width: 100%; padding: 8px; border-radius: 4px; color: #fff; border: 2px solid #b00004; background-color: #b00004; float: left; margin: 0; margin: 10px 0 30px 0; } .btn-start:hover { color: #b00004; border: 2px solid #b00004; background-color: transparent; -o-transition:color .2s ease-out, background .15s ease-in; -ms-transition:color .2s ease-out, background .15s ease-in; -moz-transition:color .2s ease-out, background .15s ease-in; -webkit-transition:color .2s ease-out, background .15s ease-in; transition:color .2s ease-out, background .15s ease-in; } .btn-nav { min-width: 150px; margin: 10px; padding: 8px; border-radius: 4px; color: #fff; border: 2px solid #183a64; background-color: #183a64; float: left; margin-top: 10px; } .btn-nav:hover { color: #183a64; border: 2px solid #183a64; background-color: transparent; -o-transition:color .2s ease-out, background .15s ease-in; -ms-transition:color .2s ease-out, background .15s ease-in; -moz-transition:color .2s ease-out, background .15s ease-in; -webkit-transition:color .2s ease-out, background .15s ease-in; transition:color .2s ease-out, background .15s ease-in; } .btn-finish { min-width: 150px; margin: 10px; padding: 8px; border-radius: 4px; color: #fff; border: 2px solid #b00004; background-color: #b00004; float: left; margin-top: 10px; } .btn-finish:hover { color: #b00004; border: 2px solid #b00004; background-color: transparent; -o-transition:color .2s ease-out, background .15s ease-in; -ms-transition:color .2s ease-out, background .15s ease-in; -moz-transition:color .2s ease-out, background .15s ease-in; -webkit-transition:color .2s ease-out, background .15s ease-in; transition:color .2s ease-out, background .15s ease-in; } .nav-button-group, .finish-button-group { padding-top: 30px; text-align: center; overflow: auto !important; margin: 0 auto; } .finish-button-group { padding-top: 30px; text-align: center; overflow: auto !important; margin: 0 auto; } @media (min-width: 500px) { .finish-button-group { width: 350px; } .nav-button-group { width: 340px; } } .radio-group { padding-left: 10px; } /*forms*/ .text_required { border: 1px solid #b00004; } .form-alert { color: #b00004; text-align: center; } .form-alert-none { display: none; } .input_fields_wrap .form-control { margin: 10px 0; } .input_fields_wrap h3 { display: inline; } .input_fields_wrap .remove_field { padding-left: 10px; } .input-group { width: 100%; margin: 20px 0px 40px 0px; padding: 0 60px 0 60px; min-width: 410px; } .input-group-addon { width: 100px; color: #000; font-size: 1.5rem; font-weight: 500; } /* Navigation */ .navigation-links { text-align: right; color: #aaa; top: 70px; z-index: 484848; }