@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;
font-size: 14px;
}

.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;
color: #555;
}

#block-bootstrap-tp-subtheme-mainnavigation ul {
display: flex;
flex-direction: row !important;
}

#block-bootstrap-tp-subtheme-mainnavigation ul a {
  color: #555;
}

.is-active {
  font-weight: bold;
}

#block-bootstrap-tp-subtheme-mainnavigation ul a:hover {
  color: rgb(0, 102, 153);
}

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

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

h2{
  font-size: 30px;
}

h1 {
  font-size: 36px;
}

.text-left {
  font-size: 14px;
}


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



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

#webform-submission-contact-node-4-add-form {
  padding: 10px 0;
}

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

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

label {
  font-weight: 700;
  max-width: 100%;
  color: #555;
}

.form-control {
  font-size: 14px;
  color: #555;
}

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

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

.select2-selection__rendered {
  padding: 5px !important;
}

.select2-selection--single{
  height: 35px !important;
}

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

#block-bootstrap-tp-subtheme-fusszeile ul {
  display: flex;
  flex-direction: row-reverse;
}
#edit-actions{
text-align: center;
}

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

footer ul {
text-align: center;
}

.form-managed-file{
  background-color: white;
  padding: 0.375rem 0.75rem;
  border: solid 1px var(--bs-border-color);
}

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

.navbar-brand img {
height: 100px;
margin-top: 20px;
margin-left: 10px;
margin-bottom: 20px;
}

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