@font-face { font-family: 'ZEISSFrutigerNextW1G-RgCn';
             src: url('../fonts/ZEISSFrutigerNextW1G-RgCn.woff2') format('woff2'); }

@font-face { font-family: 'ZEISSFrutigerNextW1G-Reg';
            src: url('../fonts/ZEISSFrutigerNextW1G-Reg.woff2') format('woff2'); }

@font-face { font-family: 'ZEISSFrutigerNextW1G-Medium';
            src: url('../fonts/ZEISSFrutigerNextW1G-Medium.woff2') format('woff2'); }

@font-face { font-family: 'ZEISSFrutigerNextW1G-MedIt';
            src: url('../fonts/ZEISSFrutigerNextW1G-MedIt.woff2') format('woff2'); }

@font-face { font-family: 'ZEISSFrutigerNextW1G-MdCn';
            src: url('../fonts/ZEISSFrutigerNextW1G-MdCn.woff2') format('woff2'); }

@font-face { font-family: 'ZEISSFrutigerNextW1G-LtIt';
             src: url('../fonts/ZEISSFrutigerNextW1G-LtIt.woff2') format('woff2'); }

@font-face { font-family: 'ZEISSFrutigerNextW1G-LtCn';
            src: url('../fonts/ZEISSFrutigerNextW1G-LtCn.woff2') format('woff2'); }

@font-face { font-family: 'ZEISSFrutigerNextW1G-Light';
            src: url('../fonts/ZEISSFrutigerNextW1G-Light.woff2') format('woff2'); }

@font-face { font-family: 'ZEISSFrutigerNextW1G-Italic';
            src: url('../fonts/ZEISSFrutigerNextW1G-Italic.woff2') format('woff2'); }

@font-face { font-family: 'ZEISSFrutigerNextW1G-HvIt';
            src: url('../fonts/ZEISSFrutigerNextW1G-HvIt.woff2') format('woff2'); }

@font-face { font-family: 'ZEISSFrutigerNextW1G-HvCn';
             src: url('../fonts/ZEISSFrutigerNextW1G-HvCn.woff2') format('woff2'); }

@font-face { font-family: 'ZEISSFrutigerNextW1G-Heavy';
            src: url('../fonts/ZEISSFrutigerNextW1G-Heavy.woff2') format('woff2'); }

@font-face { font-family: 'ZEISSFrutigerNextW1G-BoldIt';
            src: url('../fonts/ZEISSFrutigerNextW1G-BoldIt.woff2') format('woff2'); }

@font-face { font-family: 'ZEISSFrutigerNextW1G-BoldCn';
            src: url('../fonts/ZEISSFrutigerNextW1G-BoldCn.woff2') format('woff2'); }

@font-face { font-family: 'ZEISSFrutigerNextW1G-Bold';
            src: url('../fonts/ZEISSFrutigerNextW1G-Bold.woff2') format('woff2'); }

body {
  font-family: 'ZEISSFrutigerNextW1G-Reg',arial,helvetica,sans-serif;
}

.navbar.container {
  max-width: 1170px;
}

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

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

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

.navbar-header {
  float: none;
}

.container>.navbar-collapse {
  margin-left: -15px !important;
  margin-top: 15px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  background-color: transparent !important;
  font-family: 'ZEISSFrutigerNextW1G-Reg',arial,helvetica,sans-serif;
  font-weight: bold;
  display: block;}

.navbar-nav>li>a[href="/start"]  {
  width: 50px;
}

.navbar-nav>li>a[href="/registrierung"] {
  width: 120px;
}

.navbar-nav>li>a[href="/tc"] {
  width: 150px;
}

.navbar-nav>li>a[href="/kontakt"] {
  width: 200px;
}

.navbar-nav>li>a {
  padding-left: 0px;
}

.logo {
  margin: 0 auto;
}





.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;
}

.main-container {
  width: 100% !important;
  padding: 0;
  margin: 0;
}

.headline1-center {
  text-align: center;
  text-transform: uppercase;
  color: #E1172B;
}

.headline1-bold {
    font-family: 'ZEISSFrutigerNextW1G-Reg',arial,helvetica,sans-serif;
  font-weight: bold;}

.headline1-reg {
  font-family: 'ZEISSFrutigerNextW1G-Reg';
}

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

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



.zeiss-bg, .webform-confirmation {
  background-color: #F5F5F5;
  margin-top: 25px;
  padding-top: 25px;
  margin-bottom: 25px;
  padding-bottom: 25px;
}

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

#block-startseiteblock2  {
  background-color: #F8F8F8;
}



.progress-tracker--center {
    text-align: center;
    width: 80%;
}


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

#webform-submission-registrierung-geworbener-node-2-add-form {
  padding-top: 25px;
  background-color: #F5F5F5;
}

.zeiss-btn-main {
  background-color: #008BD0;
  border: none;
  color: #fff;
  font-family: 'ZEISSFrutigerNextW1G-Reg',arial,helvetica,sans-serif;
  font-weight: bold;
  padding: 10px 25px;
  border-radius: 0 !important;
}

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

.zeiss-btn-main:hover, .zeiss-btn-main:focus, .zeiss-btn-main:active{
  background-color: #008BD0 !important;
  color: #fff !important;
  border: none !important;
  outline: none !important;
}

.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%;
}



.field--name-field-zugelassene-, .field--name-field-promoid, .field--name-field-laufzeit-der-gutscheine {
  display: none;
}

.promo-form-class #edit-actions{
  text-align: center;
  /* background-color: #F5F5F5; */
  padding-bottom: 25px;
}

.promos .field--name-field-titel .field--item {
  margin: 20px 0px;
  font-weight: bold;
  width: 80%;
}

.promos .field--name-body .field--item {
  width: 80%;
}

.promos .field--name-field-link-zu-promoseite .field--item {
  margin: 20px 0px;
}

.promos .field--name-field-link-zu-promoseite .field--item a {
  background-color: #008BD0;
border: none;
color: #fff;
font-family: 'ZEISSFrutigerNextW1G-Reg',arial,helvetica,sans-serif;
font-weight: bold;
padding: 10px 25px;
border-radius: 0 !important;
}

.progress-marker::after {
  height: 2px !important;
  background-color: #4A4A4A !important;
  z-index: 2;
}

.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: #141E8C !important;
}

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

label.error, .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_a_href_tc_target__blank_teilnahmebedingungen_a_gele-error {
  position: absolute;
  padding: 0;
  margin-top: 20px;
}

.form-item-telefonnummer {
  margin-top: 2px !important;
}

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




.laenderauswahl .content {
  text-align: center;
}

.laenderauswahl .content .field--label, .laenderauswahl h2,
.promos .content .field--label, .promos h2,
.field--name-field-tags {
  display: none;
}

.laenderauswahl .content .field--item .img-responsive {
  height: 80px;
  width: 120px;
  margin-left: auto;
  margin-right: auto;
}

.laenderauswahl .content .field--name-field-link-zu-promoseite {
  margin-top: 25px;
}





footer {
  width: 80% !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  border-top: 1px solid #bcbdbc;
}

footer ul {
  text-align: center;
}

.menu--footer {
  float: right;
}

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

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

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

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

  #block-headerbild {
    display: none;
  }

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

  .navbar-nav>li>a {
    padding-left: 15px;
  }

  .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;
  }
}