@font-face { font-family: 'GNElliot-Bold';
  src: url('../fonts/GNElliot-Bold.otf') format('opentype'); }

@font-face { font-family: 'GNElliot-Regular';
 src: url('../fonts/GNElliot-Regular.otf') format('opentype'); }

@font-face { font-family: 'GNElliot-Light';
  src: url('../fonts/GNElliot-Light.otf') format('opentype'); }

body {
font-family: 'GNElliot-Regular',arial,helvetica,sans-serif;
color: #000;
margin: 0;
padding: 0;
}

#block-bootstrap-main-menu {
text-align: center;
}

.navbar {
margin-bottom: 0px !important;
padding: 0;
margin: 0;
margin-top: 0px !important;
}

.navbar-default {
background-color: transparent;
border: none;
}

.navbar-nav {
float: none;
display: inline-table;
}

.navbar-default .navbar-nav>li>a {
text-transform: uppercase;
}

.region-navigation-collapsible {
text-align: center;
}

.navbar-nav>li {
margin-right: 36px;
}

.navbar-header {
float: none;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
background-color: transparent !important;
color: #1C3583;
}

.logo img{
width: 115px;
}

#block-bootstrap-tp-kontaktblock .field div {
  background-color:#f7f7f7 !important;
  color: #222;
}



.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4,
.col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10,
.col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5,
.col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11,
.col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7,
.col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2,
.col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.form-control {
  border-radius: 0;
}

#edit-expected-return-date, #edit-telefonnummer {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#edit-subhead-customer-data {
  margin-top: 40px !important ;
}

.main-container {
  width: 100% !important;
  padding: 0;
  margin: 0;
  background-color: white;
  border-left: 15px solid #fff;
  border-right: 15px solid #fff;
}

.headline1-center {
  font-family: 'GNElliot-Bold';
  text-align: center;
  color: #222;
}

.subheadline1-center{
  text-align: left;
  color: #222;
  font-size: 18px;
  width: 50%;
  margin: 0 auto;
}

.subheadline1-center span {
  color: #f00201 !important;
}

.headline2-left {
font-size: 24px;
}

.form-required:after {
background: none;
content: "*";
}

label {
  font-weight: 300 !important;
}


.tefal-bg, .webform-confirmation, #edit-actions {
margin-top: 25px;
padding-top: 25px;
margin-bottom: 25px;
padding-bottom: 25px;
}

#show-barcode {
background-color: #1C3583;
padding: 10px;
color: #fff;
width: 70px;
}

.tefal-bg h1 {
margin-top: 0px;
}

#edit-actions {
text-align: center;
margin: 0 auto;
}



.form-required:after {
content:" *";
color: red;
font-family: ''
}


div [data-quickedit-field-id="node/4/webform/de/full"] {
margin-top: 25px;
}

.tefal-btn-main {
background-color: #77AF27;
border: none;
text-transform: uppercase;
color: #fff;
padding: 10px 25px;
border-radius: 8px;
}

.tefal-btn-sec {
background-color: #E3E3E3;
border-radius: 8px;
text-transform: uppercase;
border: none;
padding: 5px 10px;
}

.text-black {
font-weight: bold;
text-transform: uppercase;
display: block;
text-align: left;
width: 30%;
margin-left: 65%;
margin-top: -55%;
}

.text-green {
font-weight: bold;
text-transform: uppercase;
display: block;
text-align: left;
width: 30%;
margin-left: 65%;
color: #77AF27;
}

.vorteile-right {
height: 131px;
line-height: 131px;
}

.vorteile-right strong {
display: inline-block;
vertical-align: middle;
line-height: 18px;
}

.chicco-btn-main {
padding: 10px 20px;
}

.chicco-btn-main, .chicco-btn-main:focus, .chicco-btn-main:active, .btn-default[disabled]:hover{
border-radius: 2rem;
background-color: #f00201;
color: white ;
padding: .75rem 2.5rem;
border-color: transparent !important;
font-weight: bold;
}

.chicco-btn-main:hover {
background-color: #4f5050;
color: white;
}

.col-sm-12 footer {
display: none;
}

#overlay1, #overlay2 {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(245,245,245,0.9);
z-index: 2;
cursor: pointer;
font-size: 18px;
text-align: center;
padding-top: 10%;
}



#webform-submission-registrierung-werbender-node-1-add-form #edit-actions,
#webform-submission-registrierung-geworbener-node-2-add-form #edit-actions {
text-align: center;
background-color: #F5F5F5;
padding-bottom: 25px;
}

.progress-marker::after {
height: 2px !important;
}

.webform-progress {
width: 80%;
text-align: center;
margin: 0 auto;
}

.webform-progress-tracker .progress-step.is-complete .progress-marker::before,
.webform-progress-tracker .progress-step.is-complete:hover
.progress-marker::before, .webform-progress-tracker .progress-step.is-complete
.progress-marker::after {
background-color: #4A4A4A;
}

.webform-progress-tracker .progress-step.is-active:hover .progress-marker::before,
.progress-step.is-active .progress-marker::before {
background-color: #1C3583;
}

label {
margin-bottom: 5px !important;
}

label.error {
color: red;
margin-top: 10px;
}

.select-wrapper:after {
color: #000;
top: 20px;
}

select.error, input.error, textarea.error {
border: thin solid red;
}

#ich_habe_die_zuordnungsnummer_vor_dem_upload_auf_die_barcodes_be-error,
#ich_habe_die_a_href_tc_target__blank_teilnahmebedingungen_a_gele-error,
#ich_bestaetige_dass_ich_ein_altes_elektrogeraet_gemaess_den_gelt-error {
position: absolute;
padding: 0;
}

.form-item-ihr-freundschaftswerbungs-code- {
text-align: center;
}

#edit-phone-diff-del {
width: 100% !important;
display: block !important;
}

form {
background-color: white;
margin: 50px auto;
padding: 30px 0;
border-radius: 40px;
}

.form-item{
width: 60%;
margin: 0 auto;
margin-top: 20px;
}

#edit-actions-wizard-prev{
  display: none;
}

.container {
  width: 1160px !important;
}


footer {
width: 100% !important;
background-color: #f7f7f7;
padding-top: 10px !important;
padding-bottom: 10px !important;
border-top: none !important;
border-left: 15px solid #fff;
border-right: 15px solid #fff;
}

footer ul {
text-align: center;
}

.menu--footer {
width: 440px;
text-align: center;
margin: 0 auto;
}

.menu--footer li {
float: left;
}

.menu--footer li a {
color: #222;
text-decoration: none;
text-transform: uppercase;
}

.nav>li>a:focus, .nav>li>a:hover {
background-color: transparent;
}



@media (max-width: 700px) {
.logo {
margin-top: 10px;
}

.text-black {
margin-top: -30%;
}

.pfeil svg {
margin-top: 10% !important;
margin-bottom: 10% !important;
}

#block-startseiteblock2 button {
margin-top: 50px;
}

#block-startseiteblock3 {
text-align: center;
}

.vorteile-right {
line-height: normal;
height: auto;
}

.vorteile-right strong {
display: inline-block;
vertical-align: middle;
line-height: normal;
}

/* #block-headerbild {
display: none;
} */

.navbar-toggle {
position: absolute;
right: 0;
}

.btn-werben {
padding-right: 0 !important;
text-align: center !important;
margin-right: -30px;
}

.btn-geworben {
margin-top: 15px;
padding-left: 0 !important;
text-align: center !important;
margin-left: -30px;
}

#ich_habe_die_zuordnungsnummer_vor_dem_upload_auf_die_barcodes_be-error,
#ich_habe_die_a_href_tc_target__blank_teilnahmebedingungen_a_gele-error,
#ich_bestaetige_dass_ich_ein_altes_elektrogeraet_gemaess_den_gelt-error {
margin-top: 40px;
}
}