#header {
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  width: 867px;
  height: 34px;
  background: url(../imgs/header.webp) #fff bottom center;
}

img {
  border: 0;
} 
.input-long {
  width: 283px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  border: 0;
  padding: 1px 5px;
  background: url("../imgs/input-long.gif") no-repeat bottom right;
}
.input-medium {
  width: 211px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  border: 0;
  padding: 1px 5px;
  background: url("../imgs/input-medium.gif") no-repeat bottom right;
}
.input-short {
  width: 47px;
  height: 20px;
  padding: 1px 5px;
  vertical-align: middle;
  line-height: 20px;
  border: 0;
  background: url("../imgs/input-short.gif") no-repeat bottom right;
}
#uniform-sex,
#uniform-land {
  margin-left: 0;
  margin-top: 0;
}

.padding {
  margin-left: 75px;
  margin-right: 77px;
}
.padding2 {
  margin-left: 100px;
  margin-right: 77px;
}

#content {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 867px;
  text-align: left;
  background: #fff;
}
.gelb {
  background: #ffed00;
  text-decoration: underline;
}
.gelb2 {
  background: #ffed00;
}
.blau {
  color: #0000ff;
}
.blau2 {
  color: #0000ff;
  font-weight: bold;
  text-decoration: underline;
  font-size: 15px;
  margin-bottom: 4px;
  margin-top: 0px;
}
.gruen {
  color: #0e752a;
}
.gruen2 {
  color: #0e752a;
  font-weight: bold;
}
.gruen3 {
  color: #457d14;
}
.haken2 {
  background-image: url("../imgs/haken_klein.webp");
  background-repeat: no-repeat;
  background-position: 0px 4px;
  padding-left: 25px;
  font-size: 12px;
  line-height: 24px;
  color: #0e752a;
}
.haken {
  background-image: url("../imgs/haken_klein.webp");
  background-repeat: no-repeat;
  background-position: 0px 1px;
  padding-left: 25px;
  font-size: 12px;
  line-height: 17px;
  margin-top: 10px;
}
.haken3 {
  background-image: url("../imgs/haken.webp");
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding-left: 25px;
  line-height: 20px;
  margin-top: 18px;
}

.haken5 {
  background-image: url("../imgs/haken.2.webp");
  background-repeat: no-repeat;
  background-position: 0px -1px;
  padding-left: 25px;
  font-size: 12px;
  line-height: 17px;
  margin-top: 10px;
}

#fixed_div {
  position: fixed;
  z-index: -1;
  width: 893px;
  text-align: right;
  margin-top: -150px;
}
.abstand {
  margin-top: 20px;
}
.abstand2 {
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 19px;
}
.abstand3 {
  margin-top: 12px;
  margin-bottom: 0px;
  line-height: 19px;
}
.abstand4 {
  padding-top: 64px;
}
.abstand5 {
  margin-top: 7px;
  margin-bottom: 0px;
  line-height: 19px;
}

#formular_bg {
  align: center;
  background: url("../imgs/formular_bg.webp") repeat-x;
  width: 100%;
  height: 380px;
}
#formular {
  height: 380px;
  width: 867px;
  border: 1px solid #ccc;
  border-top: none;
  border-bottom: none;
  background: url("../imgs/formular.webp") no-repeat #f1f1f1;
}
#formular2 {
  height: 380px;
  width: 867px;
  border: 1px solid #ccc;
  border-top: none;
  border-bottom: none;
  background: url("../imgs/formular3.webp") no-repeat #f1f1f1;
}
#formular3 {
  height: 380px;
  width: 867px;
  border: 1px solid #ccc;
  border-top: none;
  border-bottom: none;
  background: url("../imgs/formular4.webp") no-repeat #f1f1f1;
}
#formular4 {
  height: 380px;
  width: 867px;
  border: 1px solid #ccc;
  border-top: none;
  border-bottom: none;
  background: url("../imgs/formular_bg_neu.webp") no-repeat #f1f1f1;
}

.left {
  float: right;
  margin-right: 57px;
}
.right {
  float: right;
  width: 510px;
}
.right.v2 {
  float: right;
  width: 486px;
}
.right3 {
  float: right;
  width: 460px;
  padding-left: 50px;
}
#footer_bg {
  width: 100%;
  border-top: 1px solid #ccc;
}
#footer {
  width: 867px;
  color: #a1a1a1;
  padding-top: 15px;
  margin-bottom: 15px;
}
.fieldframe {
  margin: 5px 0 0 0;
  padding: 2px;
  background-color: #ffffff;
}
.fieldframe_error {
  margin: 5px 0 0 0;
  padding: 2px;
  background-color: #ffcc00;
}

.left2 {
  color: #000000;
  width: 175px;
  float: left;
}
.right2 {
  width: 310px;
  float: left;
}
.feld {
  border: 1px solid #666666;
  width: 280px;
}
.text_rot {
  color: #cc0000;
}
#orderform {
  color: #666666;
}
#preview {
  position: absolute;
  border: 0px solid #ccc;
  padding: 0px;
  display: none;
  color: white;
}
.Stil2 {
  color: #000000;
  font-weight: bold;
}
#gruen {
  color: #469251;
  font-weight: bold;
}

#gruen2 {
  color: #469251;
  font-weight: bold;
  font-size: 16px;
}

#textmarker {
  background-color: #ffff00;
}
.textmarker {
  background-color: #ffff00;
}

.gruen {
  background: #006400;
  color: #fff;
  padding: 1px 2px;
}
.tipps {
  margin-bottom: 0px;
  line-height: 27px;
  margin-top: 40px;
}
.pmt0 {
  margin-top: 0px;
}

/* the overlayed element */
.simple_overlay {
  /* must be initially hidden */
  display: none;

  /* place overlay on top of other elements */
  z-index: 5000;

  /* styling */
  background-color: #fff;
  padding: 25px;
  width: 400px;
  min-height: 400px;
  border: 1px solid #666;

  /* CSS3 styling for latest browsers */
  -moz-box-shadow: 0 0 90px 5px #000;
  -webkit-box-shadow: 0 0 90px #000;

  /*font attributes*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
  background-image: url(overlay_close.png);
  position: absolute;
  right: -15px;
  top: -15px;
  cursor: pointer;
  height: 35px;
  width: 35px;
}

/* styling for elements inside overlay */
.details {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 11px;
  color: #fff;
  width: 150px;
}

.details h3 {
  color: #aba;
  font-size: 15px;
  margin: 0 0 -10px 0;
}

a.sl {
  text-decoration: none;
  color: #000;
}
a.sl:hover {
  text-decoration: underline;
}

.red {
  color: #9d1c28;
}

/* --------------- NEW FORM -------------------------- */

.new_form#formular_bg {
  background: url("../imgs/new_form_bg.webp") repeat-x;
  width: 100%;
  height: 467px;
}

.new_form #formular4 {
  width: 867px;
  border: none;
  background: url("../imgs/new_form_title.webp") no-repeat center 40px;
  height: 465px;
}

.new_form .steps,
.new_order .steps {
  font-size: 14px;
  color: #626262;
  text-shadow: 0px 1px 0px #ffffff;

  padding-top: 5px;
  position: absolute;
  right: 0px;
}

.new_form .input-long {
  width: 333px;
  height: 22px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  border: 1px solid #095023;
  border-radius: 5px;
  padding: 8px;
  background: url("../imgs/new_form_input_bg.webp") #ffffff repeat-x top left;
  box-shadow: inset 0px 0px 0px 1px #ffffff;
}

.new_form .input-long.error,
.new_form .input-short.error,
.new_form .input-medium.error {
  border: 1px solid #c1001a;
  color: #c1001a !important;
}

.new_form .input-medium {
  width: 241px;
  height: 22px;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  border: 1px solid #095023;
  border-radius: 5px;
  padding: 8px;
  background: url("../imgs/new_form_input_bg.webp") #ffffff repeat-x top left;
  box-shadow: inset 0px 0px 0px 1px #ffffff;
  margin-top: 4px;
}

.new_form .input-short {
  width: 60px;
  height: 22px;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  border: 1px solid #095023;
  border-radius: 5px;
  padding: 8px;
  background: url("../imgs/new_form_input_bg.webp") #ffffff repeat-x top left;
  box-shadow: inset 0px 0px 0px 1px #ffffff;
  margin-top: 4px;
}

.forgot_password {
  text-align: right;
  color: #535353;
  float: right;
  margin-top: 10px;
}

.ssl_lock {
  background: url(../imgs/ssl_lock.webp) no-repeat top left;
  padding-left: 23px;
  position: absolute;
  bottom: 5px;
  float: left;
  text-align: left;
  font-size: 13px;
  color: #626262;
  text-shadow: 0px 1px 0px #ffffff;
  padding-top: 3px;
  padding-bottom: 5px;
}

.ssl_lock.black {
  background: url(../imgs/schloss_schwarz.webp) no-repeat top left;
  color: #000;
}

.new_footer #footer {
  width: 865px;
}

.new_footer #footer_bg {
  background: #095023;
  border: none;
  height: 50px;
}

a,
input,
map,
area {
  outline: none;
}

.new_footer .links a {
  color: #ffffff !important;
  background: url(../imgs/footer_sep.webp) no-repeat top right;
  padding-right: 20px;
  margin-right: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -5px;
  outline: none;
}

.new_footer span.sep {
  display: none;
}

.new_footer .links a.last_link {
  background: none;
  padding-right: 0px;
  margin-right: 0px;
}

.new_order .inner {
  width: 865px;
  margin: auto;
  position: relative;
}

.new_order #header2 {
  width: 100%;
  border: none;
  background: #095023;
  height: 55px;
  border-bottom: 1px solid #ffffff;
}

.new_order #header2 .logo {
  background: url(../imgs/new_order_logo.webp) no-repeat top left;
  width: 118px;
  height: 16px;
  float: left;
  top: 18px;
  position: relative;
}

.new_order #header2 .direkt {
  background: url(../imgs/new_order_direkt.webp) no-repeat top left;
  width: 229px;
  height: 42px;
  float: right;
  top: 6px;
  position: relative;
}

.new_order #content {
  background: url(../imgs/new_order_bg.webp) repeat top left;
  width: 100%;
  border: none;
}

.new_order h2 {
  color: #000000;
  font-weight: bold;
  font-size: 25px;
  margin: 10px -300px 10px 0px;
}

.new_order h3 {
  color: #000000;
  font-weight: bold;
  font-size: 23px;
  margin: 10px -300px 10px 0px;
}

.new_order p {
  font-size: 14px;
  line-height: 25px;
  color: #000000;
}

.black {
  color: #000000 !important;
}

.new_kaufe_button {
  margin: 0px 0px 50px -38px;
  outline: none;
  border: none;
}

.login_button {
  margin: 25px 0px 10px -106px;
  outline: none;
  border: none;
}

.new_order2_side {
  margin-bottom: -230px;
}

.new_order3_side {
  float: left;
  margin: 59px 25px 300px 75px;
}

.new_order .gruen {
  background: url(../imgs/new_tipp_bg.webp) no-repeat top left;
  color: #111111;
  padding: 7px 10px;
}

.new_order .tipps {
  /*margin-top: 30px !important;*/
  font-size: 15px !important;
  margin-bottom: 5px;
}

.label_radio {
  background: url(../imgs/radio.webp) no-repeat;
  padding: 1px 14px 1px 25px;
  font-size: 14px;
  margin-left: -4px;
}
.label_radio {
  background-position: 0 0;
}
.label_radio.r_on {
  background-position: 0 -18px;
}
.label_radio input {
  position: absolute;
  left: -9999px;
}

.alt_error_prompt .formError .formErrorContent {
  background: #c1011a;
  border: 1px solid #ddd;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width: 240px;
  font-size: 14px;
}

.central_order #header2 .logo a {
  background: url("../imgs/kb_logo.webp") no-repeat scroll left top
    rgba(0, 0, 0, 0);
  display: block;
  height: 100%;
  text-indent: -9999px;
  width: 100%;
}

.btn_pcgo {
  margin: 50px 0 0 0;
}

.logos_box {
  background: url(../imgs/logos_box_bg.webp) no-repeat;
  height: 310px;
  width: 678px;
}

.logos_box .logo_overlay {
  float: left;
  height: 120px;
  margin-right: 60px;
  cursor: pointer;
}

.logos_txt {
  padding: 30px 0 0 0px;
}

.logos_txt p {
  padding: 0px 20px 0 30px;
  font-size: 18px;
  line-height: 24px;
}

.bottom_logos .selector {
  position: absolute;
  width: 1px;
  height: 24px;
  border-left: 2px solid #c9c9c9;
  z-index: 1000;
  left: 20px;
}

.fixed_navi {
  margin-top: 220px;
  position: fixed;
  right: 0;
  z-index: 6;
}
.fixed_navi ul li {
  float: right;
  clear: right;
  background: none;
  margin-top: 2px;
}
.fixed_navi ul {
  list-style-type: none;
}
.fixed_navi ul li p {
  background: #229741;
  clear: right;
  color: #fff;
  cursor: pointer;
  float: right;
  font-size: 15px;
  padding: 3px 8px 3px;
  margin: 0px;
}
.fixed_navi ul li p a {
  color: #fff;
  text-decoration: none;
}
.fixed_navi ul li p.active {
  background: #9d1c28;
  cursor: pointer;
  font-weight: bold;
}

#header_wide {
  background: #dedede;
  width: 100%;
  border-bottom: 4px solid #9d1c28;
  height: 70px;
  position: fixed;
  z-index: 10;
  top: 0;
}
#header_wide .inner_wide {
  width: 867px;
  height: 70px;
  margin: auto;
}
#header_wide ul.arrow_menu {
  padding-left: 30px;
  text-align: left;
  display: inline-block;
  margin: 4px 0 0 0px;
  list-style-type: none;
}
#header_wide ul.arrow_menu li {
  float: left;
  margin: 0px;
  padding: 1px 15px 1px 10px;
  background: no-repeat right center;
  font-size: 14px;
}
#header_wide ul.arrow_menu li a {
  color: #000;

  text-decoration: none;
}
#header_wide ul.arrow_menu li:last-child {
  background: none;
}
#header_wide ul.arrow_menu li.active {
  background: no-repeat right center #9d1c28;
}
#header_wide ul.arrow_menu li.active a {
  color: #fff;
}
#header_wide ul.arrow_menu li.no_bg {
  background: none;
}

/*
//////////////////
CSS Responsive
//////////////////
*/

.tooltip-style {
  display: inline-block;
  z-index: 900;
}
.tooltip-style img {
  max-width: 100%;
}

.tooltip-style {
  display: inline-block;
  max-width: 400px;
  z-index: 900;
  border: 1px solid black;
  border-radius: 1px;
  background: #fff;
  padding: 15px;
  line-height: 20px;
  font-size: 14px;
}
.tooltip-style-border-top-right,
.tooltip-style-border-top-left {
  display: inline-block;
  z-index: 900;
  background: #e3dada;
  padding: 5px;
  line-height: 17px;
  font-size: 12px;
}
.tooltip-style-border-top-right:after {
  content: "";
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
  top: -20px;
  right: 13px;
  border-color: transparent #e3dada;
  border-width: 20px 15px 10px 0px;
}
.tooltip-style-border-top-left:after {
  content: "";
  position: absolute;
  border-style: solid;
  display: block;
  width: 0;
  top: 13px;
  left: -15px;
  border-color: transparent #e3dada;
  border-width: 0px 15px 15px 0px;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px;
  top: 0px;
}

#header_responsive {
  width: 867px;
  max-width: 100%;
  height: 49px;
}

#header_responsive div.red_line {
  width: 100%;
  height: 14px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d10316+0,b60d17+50,b60d17+100 */
  background: #d10316; /* Old browsers */
  background: -moz-linear-gradient(
    top,
    #d10316 0%,
    #b60d17 50%,
    #b60d17 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    #d10316 0%,
    #b60d17 50%,
    #b60d17 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    #d10316 0%,
    #b60d17 50%,
    #b60d17 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d10316', endColorstr='#b60d17',GradientType=0 ); /* IE6-9 */
}

#header_responsive .header_logo {
  position: absolute;
  right: 55px;
  top: 24px;
}

.header_logos .middle_img {
  margin: 0 50px;
}

@media (max-width: 690px) {
  .header_logos img {
    height: 80px;
  }

  .header_logos .middle_img {
    margin: 0 30px;
  }
}

@media (max-width: 500px) {
  .header_logos img {
    height: 60px;
  }

  .header_logos .middle_img {
    margin: 0 20px;
  }
}

#content_responsive {
  position: relative;
  z-index: 5;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: left;
  background: #fff;
  margin-bottom: 1px;
  max-width: 100%;
  min-width: 320px;
  width: 866px;
  margin: auto;
  margin-bottom: 1px;
}

@media (max-width: 900px) {
  #content_responsive {
    border-left: none;
    border-right: none;
  }
}

.padding_responsive {
  margin: 0 75px;
}

.padding_responsive2 {
  margin: 0 10px;
}

@media (max-width: 900px) {
  .padding_responsive {
    margin: 0 45px;
  }
}

@media (max-width: 780px) {
  .padding_responsive {
    margin: 0 25px;
  }
}

@media (max-width: 500px) {
  .padding_responsive {
    margin: 0 10px;
  }
}

h1.responsive_blue_headline {
  text-align: center;
  color: #033b70;
  font-size: 30px;
  line-height: 40px;
  font-family: "Istok Web", sans-serif;
}

h1.responsive_blue_headline .big {
  font-size: 38px;
  text-decoration: underline;
}

h1.responsive_blue_headline .small {
  font-size: 21px;
  font-weight: normal;
}

ul.haken_responsive {
  list-style: outside none none;
  padding-left: 0px;
}

ul.haken_responsive li {
  background-image: url("../imgs/haken_klein.webp");
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding-left: 25px;
  line-height: 21px;
  margin-top: 3px;
  font-size: 12px;
  line-height: 24px;
  color: #0e752a;
}

.grey_box {
  width: 396px;
  max-width: 100%;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #eeeeee;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 2px 1px #ccc;
  -moz-box-shadow: 0 0 2px 1px #ccc;
  box-shadow: 0 0 2px 1px #ccc;
}

.grey_box_small {
  box-sizing: border-box;
  max-width: 100%;
  margin-top: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #eeeeee;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 2px 1px #ccc;
  -moz-box-shadow: 0 0 2px 1px #ccc;
  box-shadow: 0 0 2px 1px #ccc;
  position: relative;
}

.grey_box_small p {
  margin-left: 50px;
  padding-top: 0px;
  line-height: 20px;
}

/*
.green_check{
position:absolute;
top:10px;
left:15px;
}
*/

.right_packshot {
  float: left;
  margin-top: -7px;
  margin-left: 57px;
  width: 210px;
}

@media (max-width: 743px) {
  .grey_box {
    float: none;
    margin: auto;
  }

  .right_packshot {
    float: none;
    margin: auto;
    margin-top: 30px;
  }
}

.first_img {
  margin-top: -14px;
  margin-right: 28px !important;
}

.left_responsive {
  float: right;
  margin-right: 57px;
}

.right_responsive {
  float: right;
  width: 510px;
}

@media (max-width: 820px) {
  .left_responsive {
    float: none;
    text-align: center;
    margin-top: 20px;
  }

  .right_responsive {
    float: none;
    text-align: center;
    margin: auto;
    max-width: 100%;
  }

  .right_responsive .inner {
    text-align: left;
    display: inline-block;
  }

  .mouseover_responsive {
    width: 90%;
  }
}

.requirements_outer {
}

.requirements_box {
  max-width: 100%;
  width: 520px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: url(../imgs/requirements.webp) center right no-repeat;
  background-color: #eeeeee;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 2px 1px #ccc;
  -moz-box-shadow: 0 0 2px 1px #ccc;
  box-shadow: 0 0 2px 1px #ccc;
}

@media (max-width: 700px) {
  .requirements_box {
    background: #eee;
  }
}

.requirements_box p {
  padding-top: 0px;
  padding-left: 13px;
  text-align: left;
}

@media (max-width: 770px) {
  .requirements_outer {
    text-align: center;
  }

  .requirements_box {
    margin: auto;
    max-width: 100%;
  }
}

.logos_box_responsive {
  height: 310px;
  width: 678px;
  max-width: 100%;
  position: relative;
}

.logos_box_responsive .logo_overlay {
  float: left;
  height: 120px;
  margin-right: 60px;
  cursor: pointer;
}

.logos_box_responsive .logos_txt {
  max-width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #eeeeee;
  border: 1px solid #fff;
  -webkit-box-shadow: 0 0 2px 1px #ccc;
  -moz-box-shadow: 0 0 2px 1px #ccc;
  box-shadow: 0 0 2px 1px #ccc;
  padding-top: 0px;
}

.bottom_logos {
  position: relative;
  display: inline-block;
}

.bottom_logos img {
  cursor: pointer;
}

.bottom_logos .middle_img {
  margin: 0 50px;
}

@media (max-width: 740px) {
  .bottom_logos img {
    height: 80px;
  }

  .bottom_logos .middle_img {
    margin: 0 30px;
  }
}

@media (max-width: 550px) {
  .bottom_logos img {
    height: 60px;
  }

  .bottom_logos .middle_img {
    margin: 0 20px;
  }
}

.tuev_box {
  width: 679px;
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #fff;
  box-shadow: 0 0 2px #000;
  font-size: 12px;
  padding: 0px 20px;
  background: #fbfbfb;
}

.tuev_logo {
  float: right;
  box-shadow: 0px 0px 5px #ccc;
}

@media (max-width: 700px) {
  .tuev_logo {
    float: none;
  }
}

.geschenkegrafik_responsive {
  display: none;
}

@media (max-width: 700px) {
  .geschenkegrafik_responsive {
    display: block;
  }

  .geschenkegrafik {
    display: none;
  }
}

.arial {
  font-family: arial;
}

.edgar_bode {
  float: right;
  margin-top: 0px;
  margin-right: 69px;
  text-align: right;
}

.edgar_bode2 {
  margin-top: 20px;
  display: none;
}

@media (max-width: 700px) {
  .edgar_bode {
    margin-right: 0px;
  }
}

@media (max-width: 600px) {
  .edgar_bode {
    display: none;
  }

  .edgar_bode2 {
    display: block;
  }
}

#resp #formular_bg {
  max-width: 100%;
}

#resp .central_form #formular4 {
  max-width: 100%;
  height: auto;
}

#resp .central_form .steps,
.new_order .steps {
  margin: 0;
  top: 10px;
  right: 20px;
  padding: 0;
}

#resp #formular_bg.central_form {
  height: 100%;
}

#resp .central_footer #footer {
  max-width: 100%;
}

@media (max-width: 900px) {
  #resp .central_footer #footer {
    max-width: 90%;
  }
}

#resp h2 {
  font-family: "museo-sans", arial;
  font-size: 26px;
  color: #000;
  margin: 0px 0px 30px;
  line-height: 43px;
}

@media (max-width: 800px) {
  #resp h2 {
    margin: 0 10px 20px 10px;
  }
}

#resp h2 span {
  font-size: 34px;
}

@media (max-width: 700px) {
  #resp h2 {
    font-size: 22px;
    line-height: 37px;
  }

  #resp h2 span {
    font-size: 30px;
  }
}

.form_headline_height {
  display: none;
}

#formular4 {
  background: none;
}

@media (max-width: 600px) {
  #resp .ssl_lock {
    display: none;
  }

  #resp .arrow_container {
    display: none;
  }

  #resp #input {
    margin-left: 10px !important;
  }

  #resp .central_form .input-long {
    max-width: 98%;
  }
}

@media (max-width: 400px) {
  #resp #input {
    margin-left: 5px !important;
  }
}

#resp .form_field {
  max-width: 98%;
}

@media (max-width: 500px) {
  #resp #footer_left_logo img {
    display: none;
  }

  #resp #footer .links {
    float: none !important;
    margin: auto !important;
  }
}

@media (max-width: 1200px) {
  .hide_1200 {
    display: none !important;
  }
}

@media (max-width: 1100px) {
  .hide_1100 {
    display: none !important;
  }
}

@media (max-width: 1000px) {
  .hide_1000 {
    display: none !important;
  }
}

@media (max-width: 900px) {
  .hide_900 {
    display: none !important;
  }
}

@media (max-width: 866px) {
  .hide_866 {
    display: none !important;
  }
}

@media (max-width: 850px) {
  .hide_850 {
    display: none !important;
  }
}

@media (max-width: 820px) {
  .hide_820 {
    display: none !important;
  }
}

@media (max-width: 800px) {
  .hide_800 {
    display: none !important;
  }
}

@media (max-width: 700px) {
  .hide_700 {
    display: none !important;
  }
}

@media (max-width: 720px) {
  .hide_720 {
    display: none !important;
  }
}

@media (max-width: 765px) {
  .hide_765 {
    display: none !important;
  }
}

@media (max-width: 600px) {
  .hide_600 {
    display: none !important;
  }
}
@media (max-width: 743px) {
  .hide_743 {
    display: none !important;
  }
}
@media (max-width: 650px) {
  .hide_650 {
    display: none !important;
  }
}

@media (max-width: 500px) {
  .hide_500 {
    display: none !important;
  }
}

@media (max-width: 550px) {
  .hide_550 {
    display: none !important;
  }
}

@media (max-width: 400px) {
  .hide_400 {
    display: none !important;
  }
}

.ol_blue {
  float: right;
  font-family: arial;
  font-size: 47px;
  letter-spacing: -5px;
  color: #fff;
  background: #033b70;
  line-height: 1em;
  text-align: center;
  width: 48px;
  margin-right: 5px;
  margin-top: 2px;
  padding-right: 3px;
}

.function_hl {
  font-family: arial;
  color: #033b70;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3em;
  margin: 0px 0px 10px 0;
}

.function_hl .gelb {
  color: #000;
  padding: 0px 2px;
  text-decoration: none;
}

.header {
  max-width: 100%;
  width: 1228px;
  background: #a70417;
  border-bottom: 10px solid #333333;
  margin: auto;
  position: relative;
  z-index: 2;
}
.content {
  width: 867px;
  margin: auto;
  text-align: left;
}

.central_form h2 {
  margin: 0px;
  font-family: arial;
  font-size: 26px;
  color: #000;
  margin: 0px 0px 30px;
  line-height: 43px;
}

.central_form h2 span {
  font-size: 34px;
}

#formular_bg {
  height: 100% !important;
  padding: 0 0 50px 0;
}

@charset "utf-8";

/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: -webkit-xxx-large;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* =Toolkit
--------------------------------------------------------------------------------------------------*/

/* general purpose classes */
.nodisplay {
  display: none;
}
.nodisplay_strict {
  display: none !important;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.cb {
  clear: both;
}
.nowrap {
  white-space: nowrap;
}
.center {
  text-align: center !important;
}
.inlineblock {
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
  z-index: 2;
}
.mark {
  background: #efe320;
}
/* End Toolkit
--------------------------------------------------------------------------------------------------*/

/* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small
--------------------------------------------------------------------------------------------------*/
button {
  margin: 0px;
  padding: 0px;
  border: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  margin: 0;
  padding: 0;
  border-top: 1px solid #cccccc; /* change border colour to suit your needs */
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
body,
button,
input,
select,
textarea {
  font-family: "Gotham A", "Gotham B", Arial;
}
a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: underline;
}
a:focus {
  outline: 0;
}
a:hover,
a:active {
  outline: 0;
}
del {
  text-decoration: line-through;
}
abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
mark {
  background: #ff0;
  color: #000;
}
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
small {
  font-size: 75%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
margin {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
svg:not(:root) {
  overflow: hidden;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  *margin-left: -7px;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  outline: 0;
}
button,
input {
  line-height: normal;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
input,
select {
  vertical-align: middle;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}

/* End Normalization
--------------------------------------------------------------------------------------------------*/

/* =Typography
--------------------------------------------------------------------------------------------------*/

/* Setting up the fonts */
body {
  font: 15px "verdana", "Arial";
  line-height: 1.3em;
  font-weight: 350;
  background: #fff !important;
  color: #313131;
  margin: 0 !important;
}
b {
  font-weight: 700;
}

a {
  text-decoration: underline;
  cursor: pointer;
  color: #0000ff;
}
a:hover {
  text-decoration: underline;
}
a:focus {
  outline: 0;
}
a:hover,
a:active {
  outline: 0;
}

h1 {
  font-size: 40px;
  font-family: "lato", Arial;
  color: #033b70;
  line-height: 1.2em;
  font-weight: 400;
}
@media only all and (max-width: 750px) {
  h1 {
    font-size: 30px;
  }
}

h2 {
  font-size: 33px;
  font-family: "lato", Arial;
  color: #033b70;
  line-height: 1.2em;
  font-weight: 400;
}
@media only all and (max-width: 750px) {
  h2 {
    font-size: 25px;
  }
}

.hl2 {
  font-size: 45px;
  font-family: "lato", Arial;
  color: #033b70;
  line-height: 1.2em;
  font-weight: 400;
}
@media only all and (max-width: 750px) {
  .hl2 {
    font-size: 38px;
  }
}

h3 {
  font-size: 28px;
  font-family: "lato", Arial;
  font-weight: bold;
  color: #fff;
  line-height: 1.4em;
}

h3.black {
  font-size: 21px;
  font-family: "lato", Arial;
  font-weight: 300;
  color: #313131;
  line-height: 0.7em;
  position: relative;
}

h3.black span.green {
  font-size: 40px;
  font-family: "lato", Arial;
  font-weight: bold;
  color: #229741;
  line-height: 1.4em;
}

h3.black img {
  position: absolute;
  left: -41px;
  top: 13px;
}

h4 {
  font-size: 40px;
  font-family: "lato", Arial;
  font-weight: 900;
  color: #477e24;
  line-height: 1.2em;
}

/* End Typography
--------------------------------------------------------------------------------------------------*/

/*-- MAIN CONTENT START--*/

.show_400px {
  display: none;
}
@media only all and (max-width: 400px) {
  .show_400px {
    display: block !important;
  }
}
.show_530px {
  display: none;
}
@media only all and (max-width: 530px) {
  .show_530px {
    display: block !important;
  }
}
.show_600px {
  display: none;
}
@media only all and (max-width: 600px) {
  .show_600px {
    display: block !important;
  }
}
.show_620px {
  display: none;
}
@media only all and (max-width: 620px) {
  .show_620px {
    display: block !important;
  }
}
.show_650px {
  display: none;
}
@media only all and (max-width: 650px) {
  .show_650px {
    display: block !important;
  }
}
.show_700px {
  display: none;
}
@media only all and (max-width: 700px) {
  .show_700px {
    display: block !important;
  }
}
.show_750px {
  display: none;
}
@media only all and (max-width: 750px) {
  .show_750px {
    display: block !important;
  }
}
.show_800px {
  display: none;
}
@media only all and (max-width: 800px) {
  .show_800px {
    display: block !important;
  }
}
.show_825px {
  display: none;
}
@media only all and (max-width: 825px) {
  .show_825px {
    display: block !important;
  }
}
.show_850px {
  display: none;
}
@media only all and (max-width: 850px) {
  .show_850px {
    display: block !important;
  }
}
.show_875px {
  display: none;
}
@media only all and (max-width: 875px) {
  .show_875px {
    display: block !important;
  }
}
.show_900px {
  display: none;
}
@media only all and (max-width: 890px) {
  .show_890px {
    display: block !important;
  }
}
.show_890px {
  display: none;
}
@media only all and (max-width: 900px) {
  .show_900px {
    display: block !important;
  }
}
.show_1000px {
  display: none;
}
@media only all and (max-width: 1000px) {
  .show_1000px {
    display: block !important;
  }
}
.show_1100px {
  display: none;
}
@media only all and (max-width: 1100px) {
  .show_1100px {
    display: block !important;
  }
}
.show_1200px {
  display: none;
}
@media only all and (max-width: 1200px) {
  .show_1200px {
    display: block !important;
  }
}
.show_1300px {
  display: none;
}
@media only all and (max-width: 1300px) {
  .show_1300px {
    display: block !important;
  }
}

@media only all and (max-width: 1200px) {
  .hide_1200px {
    display: none !important;
  }
}
@media only all and (max-width: 1150px) {
  .hide_1150px {
    display: none !important;
  }
}
@media only all and (max-width: 1100px) {
  .hide_1100px {
    display: none !important;
  }
}
@media only all and (max-width: 1050px) {
  .hide_1050px {
    display: none !important;
  }
}
@media only all and (max-width: 1000px) {
  .hide_1000px {
    display: none !important;
  }
}
@media only all and (max-width: 950px) {
  .hide_950px {
    display: none !important;
  }
}
@media only all and (max-width: 900px) {
  .hide_900px {
    display: none !important;
  }
}
@media only all and (max-width: 890px) {
  .hide_890px {
    display: none !important;
  }
}
@media only all and (max-width: 850px) {
  .hide_850px {
    display: none !important;
  }
}
@media only all and (max-width: 825px) {
  .hide_825px {
    display: none !important;
  }
}
@media only all and (max-width: 800px) {
  .hide_800px {
    display: none !important;
  }
}
@media only all and (max-width: 750px) {
  .hide_750px {
    display: none !important;
  }
}
@media only all and (max-width: 700px) {
  .hide_700px {
    display: none !important;
  }
}
@media only all and (max-width: 620px) {
  .hide_620px {
    display: none !important;
  }
}
@media only all and (max-width: 600px) {
  .hide_600px {
    display: none !important;
  }
}
@media only all and (max-width: 500px) {
  .hide_500px {
    display: none !important;
  }
}

.boxshadow1 {
  box-shadow: 0px -1px 1px #ccc;
}
.grey {
  color: #898989;
}
.mark {
  background: #ffe018;
  padding: 0px 2px;
}
.small {
  font-size: 11px;
}
.small2 {
  font-size: 10px;
  color: #898989;
}

.small_font {
  font-size: 11px;
}

.header2 {
  width: 100%;
  box-sizing: border-box;
  padding: 15px 5px;
  background: #e5e5e5;
  border-bottom: 5px solid #033b70;
}

.header {
  width: 100%;
  box-sizing: border-box;
  padding: 15px 5px;
  background: #e5e5e5;
  border-bottom: 5px solid #033b70;
}

.header .content img {
  margin: 0 23px;
}

@media only all and (max-width: 950px) {
  .header .content img {
    height: 65px;
    margin: 0 15px;
  }
}

@media only all and (max-width: 700px) {
  .header .content img {
    height: 55px;
  }
}

@media only all and (max-width: 620px) {
  .header .content img:last-child {
    margin: 25px 15px 0;
  }
}

.header .content img:last-child {
  margin-right: 0 !important;
}

.header .content img:first-child {
  margin-left: 0 !important;
}

.logo_box div {
  margin: 0 24px;
  display: inline-block;
}

.logo_box div:last-child {
  margin-right: 0 !important;
}

.logo_box div:first-child {
  margin-left: 0 !important;
}

.content {
  width: 890px;
  margin: auto;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0px 5px;
  /*position:relative;*/
}

.packshot_outer {
  position: relative;
}
@media only all and (max-width: 850px) {
  .packshot_outer {
    text-align: center;
  }
}
@media only all and (max-width: 910px) {
  .packshot_outer.v2 {
    text-align: center;
  }
}

.packshot_div {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 270px;
}
@media only all and (max-width: 880px) {
  .packshot_div {
    width: 240px;
  }
}
@media only all and (max-width: 500px) {
  .packshot_div {
    width: 200px;
  }
}
.packshot_div.v2 {
  width: 337px;
}

.packshot_div.v3 {
  width: 358px;
}

.packshot_top {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.windows_icons {
  position: absolute;
  left: -31px;
  top: 10px;
}

.packshot_bottom {
  display: inline-block;
  vertical-align: top;
}

.packshot_bottom_price {
  width: 150px;
  font-size: 13px;
  position: absolute;
  left: 30px;
  top: 386px;
  line-height: 10px;
}

.packshot_price {
  font-size: 13px;
  position: absolute;
  bottom: -35px;
  left: 4px;
}

.packshot_right_text {
  margin: 15px 0 0 25px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
@media only all and (max-width: 850px) {
  .packshot_right_text {
    margin-top: 60px;
  }
}

.packshot_bottom_right_text {
  padding: 15px 0 0 130px;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  max-width: 100%;
  box-sizing: border-box;
}
@media only all and (max-width: 800px) {
  .packshot_bottom_right_text {
    margin-top: 50px;
  }
}
@media only all and (max-width: 600px) {
  .packshot_bottom_right_text {
    padding-left: 40px;
  }
}

.packshot_bottom_right_text.v2 {
  padding: 15px 0 0 66px;
}

ul.green_check li {
  background-image: url(../imgs/green_check.webp);
  background-position: 0 4px;
  background-repeat: no-repeat;
  padding-left: 25px;
  margin-bottom: 18px;
  line-height: 1.3em;
}

ul.green_check2 {
  width: 500px;
  max-width: 100%;
  text-align: left;
}

ul.green_check2 li {
  background-image: url(../imgs/green_check.webp);
  background-position: 0 4px;
  background-repeat: no-repeat;
  padding-left: 25px;
  margin-bottom: 10px;
  line-height: 1.4em;
}
ul.green_check3 {
  width: 500px;
  max-width: 100%;
  text-align: left;
}

ul.green_check3 li {
  background-image: url(../imgs/green_check.webp);
  background-position: 0 4px;
  background-repeat: no-repeat;
  padding-left: 25px;
  margin-bottom: 30px;
  line-height: 1.4em;
}

.red_squares {
  position: absolute;
  right: 0;
  top: 0;
}
@media only all and (max-width: 850px) {
  .red_squares {
    position: relative;
    margin: 10px 0 0 20px;
    display: inline-block;
  }
}

.red_squares2 {
  position: absolute;
  right: 0px;
  top: 219px;
  width: 144px;
}
@media only all and (max-width: 850px) {
  .red_squares2 {
    position: static;
    margin: 0 -20px;
    top: auto;
    right: auto;
  }
}

p.yellow_bg {
  background: #ffe85e;
  font-size: 28px;
  padding: 7px 15px;
  display: inline-block;
  font-family: "lato", Arial;
}

.grey_outer_content {
  background: #f2f2f2;
  border-top: 10px solid #033b70;
}

.white_outer_content {
  background: #fff;
  border-top: 10px solid #033b70;
}

.sub_headline {
  font-size: 21px;
  font-family: "lato", Arial;
  line-height: 1.3em;
}
@media only all and (max-width: 750px) {
  .sub_headline {
    font-size: 17px;
    font-family: "lato", Arial;
    line-height: 1.3em;
  }
}

.white_box {
  width: 890px;
  max-width: 100%;
  padding: 50px 30px 30px;
  box-sizing: border-box;
  background: #fff;
  -webkit-box-shadow: 0 0 3px 2px #e0e0e0;
  -moz-box-shadow: 0 0 3px 2px #e0e0e0;
  box-shadow: 0 0 3px 2px #e0e0e0;
  text-align: center;
}

.white_box img {
}
@media only all and (max-width: 900px) {
  .white_box img {
  }
}

.white_box .right_text {
  display: inline-block;
  vertical-align: top;
  margin-left: 30px;
  text-align: left;
  max-width: 100%;
}
@media only all and (max-width: 850px) {
  .white_box .right_text {
    margin-left: 0px;
  }
}

.button_div .logo {
  vertical-align: top;
}
@media only all and (max-width: 460px) {
  .button_div .logo {
    margin-bottom: 20px;
  }
}

.button_div .button_gratis_testen {
  vertical-align: bottom;
  margin: 0 15px;
}

.button_div .handwrite_klicken {
  vertical-align: top;
}
@media only all and (max-width: 600px) {
  .button_div .handwrite_klicken {
    display: none;
  }
}

.overflow_table {
  max-width: 890px;
}
@media only all and (max-width: 880px) {
  .overflow_table {
    overflow: auto;
  }
}

table.functions {
  width: 880px;
  border-collapse: separate;
  border-spacing: 10px 0px;
  box-sizing: border-box;
  color: #757179;
}

table.functions tr.no_border td {
  border: none;
}

table.functions tr.no_border_top td {
  border-top: none;
}

table.functions tr td {
  padding: 12px 1px 12px 4px;
  border-bottom: 2px solid #b5b5b5;
  position: relative;
  vertical-align: top;
  font-size: 14px;
}
table.functions tr td .green_icon {
  vertical-align: top;
  position: absolute;
  left: 15px;
  top: 10px;
}

table.functions tr td .toggle,
table.functions tr td .show_more {
  position: absolute;
  right: 10px;
  bottom: 12px;
  cursor: pointer;
  text-decoration: none;
  cursor: pointer;
  text-decoration: underline;
  cursor: pointer;
  color: #0000ff;
}
table.functions tr.content_toggle:nth-child(odd) td {
  background: #f0f0f0;
}

table.functions tr td .toggle_ico {
  margin-left: 4px;
}
table.functions tr td p {
  display: inline-block;
  vertical-align: 0px;
  margin-left: 6px;
}

table.functions tr td .show_more img {
  vertical-align: -3px;
}

table.functions tr td:first-child {
  width: 370px;
  text-align: left;
}

table.functions tr td {
  text-align: center;
  width: 120px;
}

table.functions tr:first-child td {
  vertical-align: bottom;
}

table.functions tr td {
  text-align: center;
  width: 120px;
}

table.functions tr td span.small {
  font-size: 13px;
}

table.functions tr td span.black {
  color: #313131;
}

table.functions tr.price td,
table.functions tr.price_small td {
  color: #313131;
  vertical-align: bottom;
  padding: 0;
}

table.functions tr.price_small td:first-child,
table.functions tr.price td:first-child {
  text-align: right;
}

table.functions tr.price_small td {
  font-size: 90%;
}

table.functions tr.price td {
  font-size: 115%;
  font-weight: bold;
}

table.functions tr.button td .tbl_btn {
  background: #95ae14;
  padding: 10px 10px;
  box-sizing: border-box;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-family: "lato", arial;
  font-weight: 600;
}

.blue_border_box {
  width: 890px;
  border: 1px solid #033b70;
  background: #f2f2f2;
  max-width: 100%;
  z-index: 3;
  box-sizing: border-box;
  padding: 24px 30px;
  position: relative;
}

.blue_border_box .text_left {
  display: inline-block;
}

.blue_border_box .logo_right {
  position: absolute;
  top: 25px;
  right: 25px;
}
@media only all and (max-width: 850px) {
  .blue_border_box .logo_right {
    width: 240px;
  }
}
@media only all and (max-width: 750px) {
  .blue_border_box .logo_right {
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 20px;
  }
}

.blue_border_box h1 {
  font-size: 35px;
  font-family: "lato", Arial;
  color: #033b70;
  line-height: 1.1em;
  font-weight: 700;
}
@media only all and (max-width: 750px) {
  .blue_border_box h1 {
    font-size: 27px;
  }
}

.testi_img {
  display: inline-block;
  margin-left: 110px;
}

.testi_img .testi_big {
}

.testi_img .testi_small {
  width: 93px;
  height: 63px;
  cursor: pointer;
  opacity: 0.5;
}

.testi_img .small_images img {
  margin: 0 12px 0 0;
}

.testi_img .small_images {
  text-align: center;
  overflow: hidden;
  width: 312px;
  white-space: nowrap;
}

.testi_quote {
  position: relative;
  width: 530px;
  min-height: 208px;
  display: inline-block;
  max-width: 100%;
  background: url(../imgs/quote_bg.webp) no-repeat;
  vertical-align: top;
  margin-left: 27px;
  box-sizing: border-box;
  padding: 21px 37px;
  text-align: left;
}
@media only all and (max-width: 900px) {
  .testi_quote {
    margin-left: 0px;
  }
}
@media only all and (max-width: 550px) {
  .testi_quote {
    background: none;
    margin-top: 20px;
    border: 1px solid grey;
  }
}

.testi_quote .testi {
  line-height: 1.4em;
  width: 97%;
}

.quote_begin {
  position: absolute;
  top: -15px;
  left: 0px;
}

.quote_end {
  position: absolute;
  bottom: -15px;
  right: 0px;
}

.logo_box div {
  position: relative;
}

.logo_box div {
  cursor: pointer;
}

.logo_box div img {
  height: 100%;
}

@media only all and (max-width: 950px) {
  .logo_box div {
    height: 65px;
    margin: 0 15px;
  }
}

@media only all and (max-width: 700px) {
  .logo_box div {
    height: 55px;
  }
}

@media only all and (max-width: 620px) {
  .logo_box div {
    margin-top: 25px;
  }
}

.logo_box_selector.active img {
  position: relative;
  z-index: 2;
}
.logo_box_selector.active::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 1;
  left: 50%;
  width: 1px;
  bottom: -50px;
  height: 55px;
  border-left: 1px solid #033b70;
}
@media only all and (max-width: 950px) {
  .logo_box_selector.active::after {
    bottom: -55px;
  }
}
@media only all and (max-width: 650px) {
  .logo_box_selector.active::after {
    height: 155px;
    bottom: -150px;
  }
}
.logo_box_selector.v2.active::after {
  border-left: none;
}

.tuev_bottom {
  position: absolute;
  right: 0;
  top: -70px;
}

.marktfuehrer {
  position: absolute;
  right: 0;
  top: 220px;
}
@media only all and (max-width: 650px) {
  .marktfuehrer {
    position: relative;
    right: auto;
    margin: 25px 0 0 25px;
    top: auto;
  }
}

.label_radio.r_on {
  background-position: 0px -18px;
}
.label_radio {
  background-position: 0px 0px;
  cursor: pointer;
}
.label_radio {
  background: transparent url(../imgs/radio.webp) no-repeat scroll 0px 0px;
  font-size: 13px;
  margin-left: -4px;
  padding: 1px 14px 1px 20px;
  height: 17px;
  display: inline-block;
}

.label_radio input {
  left: -9999px;
  position: absolute;
}

span.green {
  color: #229741;
  font-weight: 600;
}

.konditionen {
  width: 450px;
  max-width: 100%;
}

.central_footer #footer {
  max-width: 100%;
  box-sizing: border-box;
  padding: 0 15px;
}

.central_form #formular4 {
  max-width: 100%;
  width: 890px !important;
  position: relative;
}

.central_form .steps,
.new_order .steps {
  position: absolute;
  top: 0;
  right: 10px;
}

.packshot_btn_placing {
  position: absolute;
  bottom: -8px;
  left: 0;
}

.packshot_btn_placing2 {
  position: absolute;
  top: 50px;
  left: -20px;
}

.bubble_packshot {
  padding: 5px 21px;
  background: #f6dc51;
  display: inline-block;
  font-size: 20px;
  text-shadow: 0px 1px 1px #fff;
  border: 1px solid #fff;
  line-height: 1em;
  color: #262626;
  font-weight: 600;
  border-radius: 3px;
  box-shadow: 0 1px 4px #ccc;
  font-family: "lato", arial;
  text-align: center;
}

.bubble_sale {
  padding: 22px 13px;
  background: #fed823;
  box-shadow: 1px 1px 1px #fed722;
  border: 2px solid #fff;
  border-radius: 100px;
  display: inline-block;
  font-size: 23px;
  line-height: 1em;
  color: #000;
  font-weight: normal;
  font-family: "lato", arial;
  text-align: center;
}
.bubble_sale b {
  font-weight: 900;
  font-size: 30px;
}

.bubble_sale_placing {
  position: absolute;
  bottom: 80px;
  left: 0px;
}

.relative_container {
  position: relative;
  display: inline-block;
}

.star_savings {
  background: url(../imgs/stern.webp);
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1em;
  color: #000;
  font-weight: normal;
  font-family: "lato", arial;
  text-align: center;
}

.star_savings p {
  text-align: center;
  width: 100%;
}

.star_savings b {
  font-weight: 900;
}

.star_placing {
  position: absolute;
  bottom: -5px;
  right: -10px;
}

.side-navi {
  position: fixed;
  top: 300px;
  padding: 10px;
  right: 0px;
  z-index: 99;
  border-right: 1px solid #e0e0e0;
}

.side-navi a {
  float: right;
  font-size: 15px;
  clear: right;
  padding: 3px 8px 3px;
  margin: 1px 0 1px 0;
  color: #fff;
  text-decoration: none;
  background: #229741;
  position: relative;
}

.side-navi a:hover {
  text-decoration: underline;
}

.side-navi a.active {
  font-weight: bold;
  background: #9d1c28;
  font-weight: bold;
}

.customlightbox-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 995;
}
.customlightbox {
  /*position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -60%);
width:890px;
height:520px;
z-index:9999;*/
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 775px;
  padding-bottom: 20px;
  z-index: 999;

  max-height: 90%;
  overflow: auto;
}
.customlightbox .customlightbox-close {
  position: absolute;
  cursor: pointer;
  z-index: 200;
  top: 5px;
  right: 5px;
}

@media only all and (max-height: 900px) {
  .customlightbox .customlightbox-close-text {
    display: none;
  }
}

.customtabs-container {
  position: relative;
}
.customtabs {
  height: 55px;
}
.customtabs li {
  float: left;
  position: relative;
}
.customtabs a {
  padding: 9px 10px 10px 40px;
  width: 180px;
  height: 55px;
  display: inline-block;

  font-family: lato;
  font-weight: 600;
  color: #000;
  font-size: 14px;

  border-left: 1px solid #f0f0f0;
  position: relative;
  box-sizing: border-box;
  background: #f0f0f0;
  text-decoration: none;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}
.customtabs a:hover,
.customtabs a:hover::after,
.customtabs a:focus,
.customtabs a:focus::after {
  background: #fff;
}
.customtabs a:focus {
  outline: 0;
}
.customtabs a::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  right: -1em;
  bottom: 0;
  width: 2em;
  background: #f0f0f0;
  box-shadow: 3px 3px 3px rgba(100, 100, 100, 0.4);
  transform: skew(25deg);
}
.customtabs .current a {
  border-left: 1px solid #cacaca;
  background: #fff;
  box-shadow: 3px -3px 3px rgba(100, 100, 100, 0.4);
  z-index: 3;
}
.customtabs .current a::after {
  background: #fff;
  box-shadow: 3px -1px 3px rgba(100, 100, 100, 0.4);
  z-index: 3;
}
.customtabs-content {
  background: #f2f2f2;
  height: 525px;
  max-height: 50%;
  position: relative;
  padding: 1px;
  box-sizing: border-box;
  z-index: 2;
  box-shadow: 0 -2px 3px -2px rgba(0, 0, 0, 0.5);
}
.customtabs-controls .customtabs-prev {
  position: absolute;
  top: 50%;
  left: 5px;
  z-index: 100;
  cursor: pointer;
}
.customtabs-controls .customtabs-next {
  position: absolute;
  top: 50%;
  right: 5px;
  z-index: 100;
  cursor: pointer;
}

.preview-scrollbox {
  margin: auto;
  margin-top: 30px;
  width: 808px;
  height: 450px;
  overflow-y: scroll;
  background: #fff;
}

.no_underline {
  text-decoration: none !important;
}

.Header-Selection {
  display: inline-block;
  white-space: nowrap;
  margin-left: 10px;
}

.Header_Bild {
  display: inline-block;
  border-top: 1px #033d6d solid;
  border-bottom: 1px #033d6d solid;
}

.Header_Text {
  text-align: left;
  max-width: 430px;
  font-size: 12px;
  border-top: 1px #033d6d solid;
  border-bottom: 1px #033d6d solid;
  border-right: 1px #033d6d solid;
  background: #ffffff;
  display: inline-block;
  vertical-align: top;
  min-height: 86px;
  margin-left: -5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  box-sizing: border-box;
  white-space: normal;
}

@media (max-width: 700px) {
  .Header_Text {
    max-width: 300px;
    border-left: 1px #033d6d solid;
    margin-bottom: 5px;
  }
}

ul.green_check.inlineblock.no-margin li {
  margin-bottom: 5px;
}

.green_check.inlineblock.no-margin {
  margin-bottom: 10px;
}

.bubble_sale.rabatt::after {
  content: "Nur für kurze Zeit";
  display: block;
  height: 23px;
  width: 136px;
  background: #fed823;
  position: absolute;
  font-size: 16px;
  left: -20px;
  top: 72px;
  box-shadow: 1px 1px 1px #fed722;
  font-family: "lato", arial;
  border: 2px solid #fff;
}

.styled-radio {
  display: inline-block;
}

.styled-radio input[type="radio"] {
  opacity: 0;
  float: left;
  width: 18px;
}

.styled-radio input[type="radio"] + label {
  cursor: pointer;
  width: 27px;
  height: 27px;
  padding: 5px 15px;
  display: block;
  background: url(../imgs/checkbox_big.jpg) center center no-repeat;
}
.styled-radio input[type="radio"]:checked + label {
  background: url(../imgs/checkbox_big_active.jpg) center center no-repeat;
}

table.functions tr td.active {
  border-left: 4px solid #95ae14 !important;
  border-right: 4px solid #95ae14 !important;
}
table.functions tr:first-child td.active {
  border-top: 3px solid #95ae14 !important;
}
table.functions tr:last-child td.active {
  border-bottom: 3px solid #95ae14 !important;
}

.darkgreen .styled-radio input[type="radio"] + label {
  cursor: pointer;
  width: 27px;
  height: 27px;
  padding: 5px 15px;
  display: block;
  background: url(../imgs/checkbox_darkgreen.png) center center no-repeat;
}
.darkgreen .styled-radio input[type="radio"]:checked + label {
  background: url(../imgs/checkbox_darkgreen_checked.png) center center
    no-repeat;
}

.yellow .styled-radio input[type="radio"] + label {
  cursor: pointer;
  width: 27px;
  height: 27px;
  padding: 5px 15px;
  display: block;
  background: url(../imgs/checkbox_yellow.webp) center center no-repeat;
}
.yellow .styled-radio input[type="radio"]:checked + label {
  background: url(../imgs/checkbox_yellow_checked.webp) center center no-repeat;
}

table.functions.darkgreen tr td.active {
  border-left: 4px solid rgb(15, 88, 52) !important;
  border-right: 4px solid rgb(15, 88, 52) !important;
}
table.functions.darkgreen tr:first-child td.active {
  border-top: 3px solid rgb(15, 88, 52) !important;
}
table.functions.darkgreen tr:last-child td.active {
  border-bottom: 3px solid rgb(15, 88, 52) !important;
}

table.functions.yellow tr td.active {
  border-left: 1px solid rgb(247, 204, 28) !important;
  border-right: 1px solid rgb(247, 204, 28) !important;
  background-color: rgb(254, 248, 227);
}
table.functions.yellow tr:first-child td.active {
  border-top: 1px solid rgb(247, 204, 28) !important;
}
table.functions.yellow tr:last-child td.active {
  border-bottom: 1px solid rgb(247, 204, 28) !important;
}

.kurze_zeit {
  position: absolute;
  top: -55px;
  left: -80px;
}

@media (max-width: 850px) {
  .kurze_zeit {
    top: -30px;
    left: 50px;
  }
}

@media (max-width: 600px) {
  .kurze_zeit {
    top: -30px;
    left: 20px;
  }
}

.ehem-packshot {
  margin-top: -25px;
}

@media (max-width: 850px) {
  .ehem-packshot {
    margin-top: 0px;
    margin-bottom: -40px;
  }
}

.top-navi {
  position: fixed;
  background: #fff;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 99;
  border-bottom: 1px solid #dddddd;
  box-shadow: 0 0 1px #f3f3f3;
}

.top-navi .top-list {
  float: right;
  clear: right;
  margin-top: 20px;
}

.top-navi .top-list a {
  float: left;
  color: inherit;
  text-decoration: none;
  position: relative;
  margin-left: 20px;
}
.top-navi .top-list a:hover {
  text-decoration: underline;
}

.top-navi .top-list a.active {
  font-weight: bold;
}

.packshot_links {
  color: rgb(49, 49, 49);
  text-decoration: none;
}

.packshot_links:hover {
  text-decoration: underline;
}
/*
.packshot_textblock {
display:inline-block;
position:absolute;
background:rgba(255,255,255,0.96);
text-align:left;
z-index:2;
font-size: 17px;
font-family: 'lato', Arial;
line-height: 1.3em;
}
@media (max-width: 900px) {
	.packshot_textblock {
	font-size: 16px;
	z-index:5;
	padding:5px;
	}
}

.packshot_textblock1 {
top:115px;bottom:auto;
left:90px;right:auto;
}
@media (max-width: 1000px) {
	.packshot_textblock1 {
	top:115px;
	}
}
.packshot_textblock2 {
top:auto;bottom:211px;
left:54px;right:auto;
}
.packshot_textblock3 {
top:auto;bottom:60px;
left:40px;right:auto;
}
.packshot_textblock4 {
top:138px;bottom:auto;
left:auto;right:0;
}
@media (max-width: 1000px) {
	.packshot_textblock4 {
	top:87px;
	}
}
.packshot_textblock5 {
top:auto;bottom:199px;
left:auto;right:17px;
}
.packshot_textblock6 {
top:auto;
right:-25px; bottom:188px;
}
@media (max-width: 1000px) {
	.packshot_textblock6 {
	right:0px;
	bottom:180px;
	}
}
.packshot_textblock7 {
top:auto;bottom:44px;
left:auto;right:63px;
}

@media (max-width: 800px) {
	.packshot_textblock1,
	.packshot_textblock2,
	.packshot_textblock3{
	left:0px;
	}
	.packshot_textblock1::after,
	.packshot_textblock2::after,
	.packshot_textblock3::after{
	content:"";
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 10px;border-color: transparent transparent transparent rgba(255,255,255,0.96);
	right:-10px;
	top:46%;
	}
	.packshot_textblock4,
	.packshot_textblock5,
	.packshot_textblock6{
	right:0px;
	}
	.packshot_textblock4::after,
	.packshot_textblock5::after,
	.packshot_textblock6::after{
	content:"";
	position:absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 10px 7.5px 0;
	border-color: transparent rgba(255,255,255,0.96) transparent transparent;
	left:-10px;
	top:46%;
	}
	
	
	.packshot_textblock2{
	bottom:160px;
	}
	.packshot_textblock3{
	bottom:30px;
	}
	
}

.packshot_outer .line1{
position:absolute;
height:1px;
width:200px;
background:#000;
margin-top:12px;
margin-left:5px;
}
.packshot_outer .line2{
position:absolute;
height:1px;
width:200px;
background:#000;
margin-top:12px;
margin-left:-5px;
transform: translateX(-100%);
}

@media (max-width: 900px) {
	.packshot_outer .line1,
	.packshot_outer .line2{
	display:none;
	}
}
*/

.logos213 {
  position: absolute;
  top: -15px;
  right: -288px;
}
@media (max-width: 950px) {
  .logos213 {
    position: static;
    display: block;
    margin: -30px 0 30px 20px;
  }
}

@media (max-width: 1000px) {
  .maxwidth_1000 {
    max-width: 100%;
  }
}

.tuev_logo_oben {
  position: absolute;
  left: -220px;
  top: -25px;
}

@media (max-width: 880px) {
  .tuev_logo_oben {
    display: none;
  }
}

.red_under_button {
  color: #9d1c28;
  font-weight: bold;
  font-size: 12px;
}

.cutom_submit {
  cursor: pointer !important;
}

.text_fixed_nav {
  font-weight: bold;
  float: right;
  margin: 18px 5px 0px 0px;
}
@media (max-width: 650px) {
  .text_fixed_nav {
    display: none;
  }
}

.countdown_fixed_nav {
  float: right;
  display: inline-block;
  font-size: 25px;
  color: white;
  font-family: Lato, Verdana;
  vertical-align: top;
  background-image: url(../imgs/red_countdown.webp);
  background-repeat: no-repeat;
  padding-left: 3px;
  text-align: center;
  width: 227px;
}

.countdown {
  float: left;
  position: relative;
  color: white;
  margin: 3px 0px 0px 0px;
  width: 56px;
}

.countdown_label {
  color: white;
  margin-top: 18px;
  float: left;
  font-size: 14px;
  line-height: 1.1em;
  width: 56px;
  font-family: Verdana, Arial;
  text-align: center;
}

.countdown_label.zwei {
  margin: 4px 0px 4px 0px;
}

.header.v2 {
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #dddcd8;
  background: #f1f1f1;
  z-index: 99;
  padding: 0px;
}

.achtung_plus_box {
  max-width: 400px;
  border: 4px solid #fff;
  background: #fdf1aa;
  box-shadow: 0px 0px 1px #cccccc;
  border-radius: 1px;
  box-sizing: border-box;
  margin: 0 0 20px -5px;
  padding: 10px;
  position: relative;
}

.green_i {
  vertical-align: -1px;
}

.content_lightbox {
  width: 600px;
}

@media (max-width: 880px) {
  .hide_880px {
    display: none;
  }
}

.wm_bild {
  background-image: url(../imgs/wm_banner.jpg);
  background-repeat: no-repeat;
  width: 100%;
  height: 289px;
}

.transparent_bg {
  background-color: rgba(255, 255, 255, 0.9);
  display: inline-block;
  height: 289px;
  padding: 23px 13px 0px 25px;
  position: relative;
  box-sizing: border-box;
}

.fussball {
  position: absolute;
  top: 20px;
  right: -80px;
}

.mark2 {
  background: #fed823;
  padding: 0px 2px;
}

table.functions.darkgreen {
  border-collapse: collapse;
  border-spacing: 0px;
}
.functions.darkgreen tr td:first-child {
  padding-left: 60px;
  padding-right: 15px;
}
.functions.darkgreen td {
  border-left: 1px solid rgb(197, 197, 197);
  border-bottom: 1px solid rgb(197, 197, 197);
  border-top: 1px solid rgb(197, 197, 197);
  vertical-align: middle;
}

.functions.darkgreen tr td:last-child {
  border-right: 1px solid rgb(197, 197, 197);
}

table.functions.darkgreen {
  position: relative;
}
table.functions.darkgreen tr.price td {
  font-size: 140%;
}
table.functions.darkgreen tr.price td.v2 {
  font-size: 113%;
}
table.functions.darkgreen tr.price td.v2.border-left {
  border-left: 1px solid rgb(197, 197, 197);
}

.tbl_btn.green {
  background: rgb(15, 88, 52) !important;
  border-radius: 8px;
  color: #fff !important;
  font-size: 18px !important;
}

.tbl_btn.yellow {
  background: url(../imgs/table_btn.webp) no-repeat !important;
  margin: auto;
  width: 124px;
  height: 45px;
  color: rgb(17, 66, 132) !important;
  font-weight: bold !important;
  font-size: 17px !important;
}

.black.table {
  font-family: Lato, Verdana;
  font-size: 21px;
}

.nounderline {
  text-decoration: none;
}
.nounderline:hover {
  text-decoration: none;
}

.grey_bg {
  background-color: rgb(242, 242, 242);
}

.hl1 {
  text-align: center;
  font-size: 43px;
}

.sub_hl {
  color: black;
  font-family: Lato, Arial;
  font-weight: normal;
  text-align: center;
  font-size: 20px;
  line-height: 1.2em;
}

.services {
  background: #ffffff;
  padding: 30px 0px;
}

.services img {
  margin: 0px 7px;
}

.hl2 {
  font-family: Lato, Arial;
  font-weight: normal;
  text-align: center;
  font-size: 34px;
}
.hl2_sub {
  color: black;
  font-size: 27px;
  text-align: left;
  text-decoration: none;
}

.small_sub_hl {
  color: black;
  font-weight: normal;
  text-align: center;
  font-size: 20px;
}

.yellow_mark {
  background-image: url(../imgs/yellow_mark.png);
  background-repeat: no-repeat;
  background-position: 1px 8px;
  padding-left: 16px;
}
.yellow_mark2 {
  background-image: url(../imgs/yellow_mark_small.webp);
  background-repeat: no-repeat;
  background-position: -2px -3px;
  padding-left: 3px;
  padding-right: 25px;
}

.yellow_mark3 {
  background: #ffea3d;
}

.green_text {
  color: rgb(17, 98, 58);
}

.weisse_absaetze {
  position: relative;
  background-color: white;
  border-radius: 5px;
  border: 1px solid rgb(229, 229, 229);
  padding: 30px 0px 25px 50px;
}

.text_outer {
  width: 470px;
  max-width: 100%;
  float: right;
}

.text_outer.broad {
  width: 500px;
  max-width: 100%;
}

.blue_hl_bg {
  display: inline-block;
  background-color: rgb(17, 66, 132);
  width: 100%;
  border-radius: 0px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.blue_hl_bg h4 {
  font-family: Lato, Arial;
  color: white;
  font-weight: normal;
  font-size: 26px;
  padding: 10px 0px 10px 27px;
}

ul.green_checks li {
  background-image: url(../imgs/darkgreen_check.webp);
  background-repeat: no-repeat;
  padding: 13px 0px 0px 23px;
  background-position: 0px 16px;
}

ul.green_checks.table li {
  padding: 7px 0px 0px 23px;
  background-position: 0px 10px;
  width: 350px;
  margin: auto;
}

.grey_box_automatisierung {
  position: relative;
  background-color: rgb(242, 242, 242);
  border: 1px solid rgb(216, 216, 216);
  border-radius: 5px;
  padding: 10px 10px 10px 40px;
  font-size: 15px;
  box-sizing: border-box;
  width: 441px;
}

.zahnrad {
  position: absolute;
  top: 10px;
  left: 10px;
}

.siegel_rechts {
  position: absolute;
  right: -42px;
  top: 7px;
}
@media (max-width: 1000px) {
  .siegel_rechts {
    right: 0px;
  }
}

.lupe {
  position: absolute;
  left: 0px;
  bottom: -2px;
}

.beispiele_vorschau {
  position: absolute;
  bottom: -20px;
  right: 11px;
  font-size: 13px;
  text-decoration: underline;
}

.blue_box {
  background-color: rgb(226, 233, 242);
  border: 1px solid rgb(229, 229, 229);
  border-radius: 5px;
  padding: 0px 15px;
}

.blue_box_inner {
  display: inline-block;
  background-color: #fff;
  border: 1px solid rgb(229, 229, 229);
  border-radius: 5px;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0px 15px 0px 20px;
  text-align: left;
}

ul.bulletpoints {
  padding-left: 22px;
}
ul.bulletpoints li {
  list-style-type: disc;
  padding-left: 0px;
}

.grey_bg.funktionen {
  border-radius: 5px;
}

.block_funktionen {
  display: inline-block;
  vertical-align: top;
  padding-left: 45px;
  width: 34%;
}

.ueberschriften {
  background-color: rgb(235, 235, 235);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 10px 0px;
}

.block_funktionen ul.bulletpoints li {
  padding: 2px 0px;
}

.grey_boxes {
  background-color: rgb(246, 246, 246);
  border-radius: 5px;
  border: 1px solid rgb(235, 235, 235);
  padding: 15px 35px 15px 35px;
}

.link_style {
  color: #0000ff;
  text-decoration: underline;
  cursor: pointer;
}

.no_link {
  text-decoration: none;
  color: black;
}

.testi_quote.grey_version {
  background-image: none;
  background-color: rgb(235, 235, 235);
  border-radius: 8px;
  width: 460px;
  max-width: 100%;
  padding: 35px 30px 45px 30px;
  margin-left: 20px;
}

.quotation_grey_outer {
  position: absolute;
  background-color: rgb(242, 242, 242);
  border-radius: 100%;
  width: 60px;
  height: 60px;
  display: inline-block;
}
.quotation_grey_outer.one {
  bottom: -15px;
  left: -18px;
}
.quotation_grey_outer.two {
  top: -15px;
  right: -18px;
}
@media (max-width: 950px) {
  .quotation_grey_outer.two {
    right: -1px;
  }
}

.quotation_grey {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.logo_box div {
  margin: 0 16px;
  display: inline-block;
}

.logo_box div:last-child {
  margin-right: 0 !important;
}

.logo_box div:first-child {
  margin-left: 0 !important;
}

.logo_box_table {
  width: 690px;
  max-width: 100%;
  background-color: rgb(235, 235, 235);
  margin: auto;
  border-radius: 8px;
}
@media (max-width: 690px) {
  .logo_box_table {
    width: auto;
  }
}
.logo_box_table.smaller {
  width: 507px;
  max-width: 100%;
}
@media (max-width: 507px) {
  .logo_box_table.smaller {
    width: auto;
  }
}

.logo_box_table tr td {
  border-radius: 8px;
  min-width: 145px;
}

.bubble_text_div {
  position: relative;
}

.bubble_inner_text {
  display: inline-block;
  vertical-align: middle;
  padding: 20px 30px 20px 0px;
}

.siegel_pfeil {
  display: inline-block;
}

.siegel_pfeil::after {
  content: url(../imgs/bubble_pfeil.webp);
  height: 30px;
  width: 30px;
  position: absolute;
  display: none;
}
.siegel_pfeil.active::after {
  content: url(../imgs/bubble_pfeil.webp);
  height: 30px;
  width: 30px;
  position: absolute;
  display: block;
}
#logo_1_siegel::after {
  right: 8px;
}
#logo_2_siegel::after {
  right: 30px;
}
#logo_3_siegel::after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  right: 72px;
}
#logo_4_siegel::after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  right: 116px;
}
#logo_5_siegel::after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  right: 96px;
}

@media (max-width: 800px) {
  #logo_6_siegel::after,
  #logo_5_siegel::after,
  #logo_4_siegel::after,
  #logo_3_siegel::after,
  #logo_2_siegel::after,
  #logo_1_siegel::after {
    display: none;
  }
}

.logo_box.smaller #logo_1_siegel.active::after {
  content: url(../imgs/bubble_pfeil_rechts.webp);
  right: -80px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.logo_box.smaller #logo_2_siegel::after {
  right: 30px;
}
.logo_box.smaller #logo_3_siegel::after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  right: 72px;
}
.logo_box.smaller #logo_4_siegel.active::after {
  content: url(../imgs/bubble_pfeil_rechts.webp);
  -webkit-transform: none;
  transform: none;
  right: 175px;
}
.logo_box.smaller #logo_5_siegel::after {
  -webkit-transform: none;
  transform: none;
  right: 20px;
}

.logo_box.smaller #logo_6_siegel::after {
  -webkit-transform: scaleX(-1);
  right: 40px;
}

@media (max-width: 800px) {
  .logo_box.smaller #logo_6_siegel::after,
  .logo_box.smaller #logo_5_siegel::after,
  .logo_box.smaller #logo_4_siegel::after,
  .logo_box.smaller #logo_3_siegel::after,
  .logo_box.smaller #logo_2_siegel::after,
  .logo_box.smaller #logo_1_siegel::after {
    display: none;
  }
}

.index2#logo_5_siegel::after {
  -webkit-transform: scaleX(-1);
  transform: scaleX(1);
  right: 72px;
}

.bubble_text_div img {
  vertical-align: middle;
}

.stoppschild_text {
  position: absolute;
  top: 102px;
  left: 18px;
}

.stoppschild_text p {
  font-family: Lato, Arial;
  font-size: 21px;
  font-weight: normal;
  line-height: 1.1em;
}

.yellow_stopp {
  background-image: url("../imgs/yellow_stopp.webp");
  background-repeat: no-repeat;
  padding: 0px 12px 0px 7px;
  font-size: 30px;
  background-position: 0px 3px;
  margin-left: -9px;
}

.siegel_header img {
  margin-left: 17px;
  margin-right: 17px;
}

.bubble_endlich {
  position: absolute;
  top: 65px;
  left: 0px;
}

.customlightbox {
  background-color: white;
  padding: 50px 30px 0px 30px;
}

.vat {
  vertical-align: top;
}

.overlay_left {
  vertical-align: top;
  display: inline-block;
  width: 308px;
  max-width: 50%;
}

.overlay_right {
  vertical-align: top;
  float: right;
  display: inline-block;
  width: 350px;
  max-width: 50%;
}

.briefmarken_preis {
  position: relative;
  display: inline-block;
  margin: 0px 5px;
}

.preisbox {
  font-family: Lato, Arial;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.video_start_letter,
.video_image_letter {
  cursor: pointer;
}

.overlay_mehr_headline {
  color: black;
  font-family: Lato, Arial;
  font-weight: bold;
  font-size: 21px;
}

.img_header_div {
  display: inline-block;
  position: relative;
}

.i_icon_in_img {
  position: absolute;
  bottom: 2px;
  right: 2px;
}

.fixed_navi2 {
  position: fixed;
  right: 0;
  margin-top: 255px;
  font-family: verdana;
  z-index: 6;
}

@media screen and (max-height: 700px) {
  .fixed_navi2 {
    margin-top: 10px;
  }
}

.fixed_navi2 ul {
  text-align: left;
}
.fixed_navi2 ul li p {
  background: #2b6ec1; /* Old browsers */
  border: 1px solid #fff;
  color: #dcdcdc;
  font-size: 13px;
  padding: 5px 8px 8px 8px;
  line-height: 14px;
  cursor: pointer;
  margin-top: -1px;
  width: 120px;
  float: right;
  clear: right;
}
.fixed_navi2 ul li p.active {
  font-weight: bold;
  text-decoration: underline;
}
.fixed_navi2 ul li.category {
  background: #114284;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  border: 1px solid #fff;
  float: right;
  clear: right;
  text-align: center;
  min-width: 120px;
  margin: 3px 0 1px 0;
}
.fixed_navi2 ul li.category a {
  color: #fff;
  text-decoration: none;
  padding: 5px 15px 6px 15px;
  display: block;
  min-width: 120px;
}
.fixed_navi2 ul li.category.yellow {
  background: #fde01b;
  border: 1px solid #cccccc;
}
.fixed_navi2 ul li.category.yellow a {
  color: #114284;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0px 0px 0px #fff;
}
.fixed_navi2 ul li.category.active {
  background: #114284;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  border: 1px solid #fff;
  float: right;
  clear: right;
  text-align: center;
  min-width: 120px;
  margin: 3px 0 1px 0;
}
.fixed_navi2 ul li.cat {
  display: none;
}

a.anker {
  text-decoration: none;
  cursor: default;
}

.overlay_mehr_div {
  margin-bottom: 10px;
}

.padding_left_table_plus_0 {
  padding-left: 57px !important;
}

.padding_left_table_plus_1 {
  padding-left: 55px !important;
}

.padding_left_table_plus_2 {
  padding-left: 50px !important;
}

.padding_left_table_plus_3 {
  padding-left: 52px !important;
}

.padding_left_table_plus_4 {
  padding-left: 53px !important;
}

.padding_left_table_plus_5 {
  padding-left: 50px !important;
}

.more2 {
  width: 535px;
  max-width: 100%;
}

.no_link {
  color: black;
  text-decoration: none;
}

.blue_box_inner.v-mehr {
  width: 49.5%;
  padding: 0px 20px;
  padding-bottom: 20px;
  margin-top: -1px;
}

img.zoom {
  transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -ms-transition: transform 0.3s;
  height: 85px;
}
img.zoom:hover {
  cursor: zoom-in;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  position: relative;
  z-index: 10;
}

.img_vorschau {
  max-width: 80%;
  max-height: 90%;
}

.customlightbox.vorschau {
  max-width: 95%;
  width: 800px;
  height: 700px;
  max-height: 95%;
  box-sizing: border-box;
  text-align: center !important;
}

.ecommerce_box {
  background: #e2e9f2;
  border: 1px solid #e5e5e5;
  padding: 10px;
  width: 465px;
  margin: auto;
  padding-bottom: 5px;
  max-height: 800px;
  overflow: scroll;
}

.white_box_ecommerce {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  margin-bottom: 7px;
  padding: 15px 10px 20px 10px;
  width: 200px;
  min-height: 160px;
}

.white_box_ecommerce .div_img {
  text-align: center;
  height: 110px;
}

.white_box_ecommerce .div_text {
}
.white_box_ecommerce .div_text .more {
  margin-top: 20px;
}

.arrow_green_down {
  margin-top: 2px;
  margin-bottom: -2px;
  margin-right: 10px;
}

.bigcat.active {
  font-weight: bold !important;
  padding: 3px 3px !important;
}
.bigcat.yellow.active {
  background: #fde01b !important;
}

.simple_tab_select {
  background: #ffffff;
  padding: 20px 10px;
  border-top: 1px solid rgb(229, 229, 229);
  border-left: 1px solid rgb(229, 229, 229);
  border-right: 1px solid rgb(229, 229, 229);
  display: inline-block;
  margin-right: 0px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin-bottom: -2px;
  margin-right: 10px;
  cursor: pointer;
  min-width: 80px;
  text-align: center;
  color: #797979;
  vertical-align: bottom;

  font-family: Lato, Arial;
  font-weight: bold;
  box-shadow: inset 0 0 6px #eaeaea;
}
.simple_tab_select.longer {
  min-width: 125px;
}
.simple_tab_select.two-lines {
  padding: 10px 10px;
}

.simple_tab_select.active {
  padding: 24px 35px;
  background: #fff;
  position: relative;
  z-index: 2;
  vertical-align: 5px;
  font-size: 20px;
  color: #033b70;
  line-height: 1.3em;
  box-shadow: 0px -2px 3px #e6e6e6;
}
.simple_tab_select.two-lines.active {
  padding: 14px 35px;
}

.simple_tab_select.active span {
  background-image: url(../imgs/yellow_mark_small.webp);
  background-size: 100% 100%;
  padding: 2px 10px;
}

.simple_tabs_content {
  display: none;
}
.simple_tabs_content.active {
  display: block;
}

.button_outer_div {
  display: inline-block;
  padding-top: 13px;
}

.countdown_green {
  background: url(../imgs/countdown_background.webp);
  width: 200px;
  height: 88px;
  padding: 1px;
}
.countdown_green.v2 {
  background: url(../imgs/Countdown_neu.webp);
  background-repeat: no-repeat;
  width: 272px;
  height: 98px;
  position: relative;
}
.countdown_green .countdown_labels {
  text-align: center;
  margin: 10px 0 0 0;
  width: 100%;
  font-size: 29px;
  line-height: 1.3em;
  font-weight: bold;
  color: #fff;
  font-family: "lato", Arial;
}

.countdown_green.v2 .p_Tage {
  position: absolute;
  top: 5px;
  left: 105px;
  font-size: 14px;
  color: #095023;
  margin-left: 0px;
}
.countdown_green.v2 .p_Tage b {
  font-weight: 800;
}

.countdown_green .countdown_labels span {
  position: relative;
}

.countdown_green .countdown_labels span::after {
  content: "";
  background: #aaafb7;
  opacity: 0.6;
  height: 1px;
  width: 43px;
  position: absolute;
  top: 50%;
  left: -5px;
}

.countdown_green .countdown_labels span.counter_secs::after {
  left: -4px;
}

.countdown_green.v2 .text_rabatt {
  position: absolute;
  top: 27px;
  left: 6px;
  font-size: 19px;
  font-family: Lato;
  width: 80px;
  color: #000000;
  text-shadow: 0px 1px #ffffff;
  margin-left: 0px;
  line-height: 1.2em;
}

.countdown_green.v2 .text_rabatt .number {
  font-size: 35px;
  font-weight: 1000;
}

.countdown_green.v2 .text_rabatt .number .space {
  display: inline-block;
  width: 3px;
}

.countdown_green_v2_div_bottom {
  position: absolute;
  left: 0px;
}

.bottom_nav {
  display: inline-block;
  position: fixed;
  right: 0;
  margin-bottom: 100px;
  font-family: verdana;
  bottom: 0px;
  z-index: 10;
}
.bottom_nav {
  text-align: left;
}
.bottom_nav ul li {
  background: #114284;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  padding: 5px 15px 6px 15px;
  border: 1px solid #fff;
  float: right;
  clear: right;
  text-align: center;
  min-width: 120px;
  margin: 3px 0 1px 0;
}

.outer_icons {
  display: inline-block;
  width: 36px;
  text-align: center;
  vertical-align: middle;
}

.yellow_box {
  position: absolute;
  background-image: url(../imgs/yellow_box.webp);
  background-repeat: no-repeat;
  height: 70px;
  width: 307px;
  top: -193px;
  left: -5px;
  text-align: left;
  color: rgb(17, 66, 132);
  font-size: 15px;
  padding: 12px 0px 0px 25px;
}

.div_imgs_testis {
  text-align: center;
}

.div_imgs_testis img {
  border: 1px solid #b8b8b8;
  border-radius: 6px;
  margin: 0px 2px;
  vertical-align: middle;
  cursor: pointer;
}

.div_imgs_testis img.active {
  border: 5px solid #97a8c4;
  border-radius: 11px;
}

.text_marker_yellow {
  background: #fae862;
}

.bg_oben {
  background-image: url(../imgs/header_mann.jpg);
  height: 385px;
  background-position: center bottom;
}

.bg_oben.v2 {
  background-image: url(../imgs/header_reifen_mann.jpg);
  height: 399px;
}

.bg_oben.shopping {
  background-image: url(../imgs/shopping_bg_oben.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: 354px;
  background-color: transparent;
  position: relative;
}

.shopping_left_bg {
  background-color: rgb(250, 250, 250);
  width: 50%;
  position: absolute;
  left: 0px;
  height: 354px;
}

.shopping_right_bg {
  background-color: rgb(246, 246, 246);
  width: 50%;
  position: absolute;
  right: 0px;
  height: 354px;
}

.transparent_header {
  background-color: #fff;
  height: 50px;
  position: relative;
  box-shadow: 1px 2px 14px grey;
  z-index: 5;
  width: 100%;
}

.wawi_sprechblase {
  position: absolute;
  right: 85px;
  top: 15px;
}
.wawi_sprechblase2 {
  position: absolute;
  right: 71px;
  top: 15px;
}
@media (max-width: 900px) {
  .wawi_sprechblase2,
  .wawi_sprechblase {
    right: 0px;
  }
}
@media (max-width: 800px) {
  .wawi_sprechblase2,
  .wawi_sprechblase {
    top: 145px;
  }
}

.lfo_sprechblase {
  position: absolute;
  right: -26px;
  top: 143px;
}
@media (max-width: 900px) {
  .lfo_sprechblase {
    right: 0px;
  }
}
@media (max-width: 800px) {
  .lfo_sprechblase {
    top: 145px;
  }
}

.siegel_bg_oben {
  display: inline-block;
  position: absolute;
  bottom: 0px;
}
@media (max-width: 850px) {
  .siegel_bg_oben {
    display: none;
  }
}
.siegel_bg_oben img {
  margin: 3px;
}

.outer_icons {
  display: inline-block;
  width: 36px;
  text-align: center;
  vertical-align: middle;
}

.img_produkt {
  max-width: 100%;
}

.packshot_oben_outer {
  display: inline-block;
  z-index: 4;
  position: relative;
}

.packshot_oben_outer.v2 {
  padding-right: 50px;
}

.packshot_textblock {
  display: inline-block;
  position: absolute;
  background: rgb(242, 242, 242);
  text-align: left;
  z-index: 2;
  font-size: 17px;
  font-family: "lato", Arial;
  line-height: 1.3em;
  font-weight: normal;
  border-radius: 4px;
  border: 1px solid rgb(230, 230, 230);
  box-sizing: border-box;
  /*height:59px;*/
  width: 230px;
  padding: 10px;
}
@media (max-width: 900px) {
  .packshot_textblock {
    font-size: 16px;
    z-index: 5;
    padding: 5px;
  }
}

/*packshot_textblock {
    display: inline-block;
    position: absolute;
    background: rgb(242,242,242);
    text-align: left;
    z-index: 2;
    font-size: 17px;
    font-family: 'lato', Arial;
    line-height: 1.3em;
    font-weight: normal;
    border-radius: 4px;
    border: 1px solid rgb(230,230,230);
    box-sizing: border-box;
    height: 59px;
    width: 230px;
}*/

.packshot_textblock.links {
  padding: 8px 0px 8px 22px;
}

.packshot_textblock.links.v2 {
  left: 58px;
}
@media only all and (max-width: 850px) {
  .packshot_textblock.links.v2 {
    left: 235px;
  }
}

.packshot_textblock.rechts {
  padding: 8px 0px 8px 30px;
}

.packshot_textblock.rechts.v2 {
  right: 50px;
}
@media only all and (max-width: 850px) {
  .packshot_textblock.rechts.v2 {
    right: 35px;
  }
}

.packshot_textblock1 {
  top: 153px;
  left: 6px;
  transform: translateX(-100%);
}
@media only all and (max-width: 850px) {
  .packshot_textblock1 {
    bottom: -160px;
    top: auto;
    left: auto;
  }
}
.packshot_textblock2 {
  top: 240px;
  left: 6px;
  transform: translateX(-100%);
}
@media only all and (max-width: 850px) {
  .packshot_textblock2 {
    bottom: -235px;
    top: auto;
    left: auto;
  }
}
.packshot_textblock3 {
  top: 327px;
  left: 6px;
  transform: translateX(-100%);
}
@media only all and (max-width: 850px) {
  .packshot_textblock3 {
    bottom: -310px;
    top: auto;
    left: auto;
  }
}
.packshot_textblock4 {
  top: 153px;
  right: 6px;
  transform: translateX(100%);
}
@media only all and (max-width: 850px) {
  .packshot_textblock4 {
    bottom: -160px;
    top: auto;
    right: -52px;
    transform: initial;
  }
}
.packshot_textblock5 {
  top: 240px;
  right: 6px;
  transform: translateX(100%);
}
@media only all and (max-width: 850px) {
  .packshot_textblock5 {
    bottom: -235px;
    top: auto;
    right: -52px;
    transform: initial;
  }
}
.packshot_textblock6 {
  top: 327px;
  right: 6px;
  transform: translateX(100%);
}
@media only all and (max-width: 850px) {
  .packshot_textblock6 {
    bottom: -310px;
    top: auto;
    right: -52px;
    transform: initial;
  }
}

.packshot_outer {
  position: relative;
}
@media only all and (max-width: 850px) {
  .packshot_outer {
    text-align: center;
  }
}

.packshot_outer .line1 {
  position: absolute;
  height: 1px;
  width: 200px;
  background: #000;
  margin-top: 12px;
  margin-left: 5px;
}
.packshot_outer .line2 {
  position: absolute;
  height: 1px;
  width: 200px;
  background: #000;
  margin-top: 12px;
  margin-left: -5px;
  transform: translateX(-100%);
}

@media (max-width: 900px) {
  .packshot_outer .line1,
  .packshot_outer .line2 {
    display: none;
  }
}

.tbl_versionfinder td {
  padding: 20px;
  box-sizing: border-box;
  vertical-align: top;
  vertical-align: middle;
  background: #e9e9e9;
}
.tbl_versionfinder tr td:nth-child(1) {
  width: 240px;
  vertical-align: top;
}
.tbl_versionfinder tr td:nth-child(2) {
  width: 240px;
}
.tbl_versionfinder tr td:nth-child(3) {
  width: 240px;
}
.tbl_versionfinder tr td.padding_left {
  padding-left: 100px;
}
.tbl_versionfinder tr td.first_row {
  padding-top: 32px;
}
.tbl_versionfinder td p {
  vertical-align: midde;
}

@media only all and (max-width: 700px) {
  .tbl_versionfinder tr td {
    padding: 5px;
  }
  .tbl_versionfinder tr td:nth-child(1) {
    width: auto;
    padding: 10px;
  }
}

.hl5 {
  font-family: "lato", arial;
  font-weight: 100;
  color: #06325a;
  font-size: 25px;
  line-height: 1.2em;
}
.hl5 b {
  font-weight: 900;
}

@media only all and (max-width: 800px) {
  .hl5 {
    font-size: 20px;
  }
}

.styled-checkbox {
  display: inline-block;
  margin-right: 8px;
}

.styled-checkbox input[type="radio"] {
  opacity: 0;
  float: left;
  width: 18px;
}

.styled-checkbox input[type="radio"] + label {
  cursor: pointer;
  width: 59px;
  height: 59px;
  box-sizing: border-box;
  border: 1px solid #626262;
  display: block;
  background: #ffffff no-repeat center center;
}
.styled-checkbox input[type="radio"]:checked + label {
  background-image: url(../imgs/check.webp);
}

.styled-radio {
  display: inline-block;
}

.styled-radio input[type="radio"] {
  opacity: 0;
  float: left;
  width: 18px;
}

.styled-radio input[type="radio"] + label {
  cursor: pointer;
  width: 27px;
  height: 27px;
  padding: 5px 15px;
  display: block;
  background: url(../imgs/checkbox_big.jpg) center center no-repeat;
}
.styled-radio input[type="radio"]:checked + label {
  background: url(../imgs/checkbox_big_active.jpg) center center no-repeat;
}

.table_img_green {
  position: absolute;
  top: 25px;
  left: 25px;
}
@media only all and (max-width: 700px) {
  .table_img_green {
    display: none;
  }
}

.bolder {
  font-weight: 900;
}

ul.simple li {
  background-image: none;
  margin: 3px 0;
  padding: 0 0 0 12px;
}
ul.simple li::before {
  content: "- ";
  margin-left: -10px;
  position: absolute;
}

.img_right {
  float: right;
  width: 120px;
  margin-left: 20px;
}

.lupe_small {
  float: right;
  margin-right: 20px;
}

.more_tabs {
  color: rgb(0, 79, 209);
  position: absolute;
  right: 3px;
  margin-top: -54px;
  cursor: pointer;
}

.siegel_grey_box {
  float: right;
  display: inline-block;
}
@media only all and (max-width: 825px) {
  .siegel_grey_box {
    float: none;
    display: block;
    width: 350px;
    margin: auto;
  }
}

.text_grey_box {
  display: inline-block;
}
@media only all and (max-width: 825px) {
  .text_grey_box {
    display: block;
    width: 376px;
    margin: auto;
    margin-top: 10px;
  }
}

#header_wide {
  background: #dedede;
  width: 100%;
  border-bottom: 4px solid #9d1c28;
  height: 70px;
  position: fixed;
  z-index: 50;
}

#header_wide.header_trans {
  border: none;
  height: 43px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 1px 2px 14px #808080c9;
}

#header_wide.header_trans ul.arrow_menu li {
  background: none;
  padding: 1px 15px;
}

#header_wide.header_trans ul.arrow_menu li.active {
  background: #9d1c28;
}

#header_wide .inner_wide {
  width: 898px;
  height: 70px;
  margin: auto;
}

.body-2016 #header_wide {
  height: auto;
}

.body-2016 #header_wide .inner_wide {
  width: 898px;
  max-width: 98%;
  min-width: 320px;
  height: auto;
  margin: auto;
}

ul.arrow_menu li {
  float: left;
  margin: 0px;
  padding: 1px 15px 1px 10px;
  background: no-repeat right center;
  font-size: 14px;
  font-family: verdana;
  line-height: 21px;
}
ul.arrow_menu li a {
  color: #000;
}
ul.arrow_menu li:last-child {
  background: none;
}
ul.arrow_menu li.active {
  background: no-repeat right center #9d1c28;
}
ul.arrow_menu li.active a {
  color: #fff;
}
ul.arrow_menu li.no_bg {
  background: none;
}

@media only all and (max-width: 1000px) {
  #header_wide {
    display: none !important;
  }
}

ul.arrow_menu li.no_bg {
  background: none !important;
}

ul.arrow_menu li.no_bg.active a {
  color: #000;
}

.lato {
  font-family: Lato, Arial;
  font-weight: normal;
}

.img_mark {
  background-image: url(../imgs/img_mark.webp);
  background-repeat: no-repeat;
  padding: 0px 15px 0px 4px;
  background-position: -1px 4px;
}

.packshot_text {
  display: inline-block;
  float: right;
  width: 385px;
  max-width: 100%;
}

@media only all and (max-width: 850px) {
  .packshot_text {
    float: none;
    text-align: left;
    display: block;
    margin: auto;
  }
}

.handfont_wechseln {
  position: absolute;
  top: -142px;
  left: -40px;
}
@media only all and (max-width: 1000px) {
  .handfont_wechseln {
    display: none;
  }
}

.countdown_green {
  background: url(../imgs/countdown_background.webp);
  width: 200px;
  height: 88px;
  padding: 1px;
}

.countdown_green .countdown_labels {
  text-align: center;
  margin: 10px 0 0 0;
  width: 100%;
  font-size: 29px;
  line-height: 1.3em;
  font-weight: bold;
  color: #fff;
  font-family: "lato", Arial;
}

.Button_text_rechts {
  position: absolute;
  top: 21px;
  right: -98px;
  text-align: left;
}
@media only all and (max-width: 650px) {
  .Button_text_rechts {
    display: none;
  }
}

.button_div .button_gratis_testen.v2 {
  margin-bottom: -6px;
}

.streichpreis {
  font-family: Lato, Arial;
  font-size: 17px;
}

.rabatttext {
  font-size: 16px;
}

.div_img_central {
  display: inline-block;
}
.simple_tabs.rechnungen .div_img_central,
.simple_tabs.lager .div_img_central_3 {
  margin-bottom: 10px ;
}

@media only all and (max-width: 825px) {
  .div_img_central {
    width: 229px;
    margin: auto;
    display: block;
    margin-top: 20px;
  }
}

.div_img_central_2 {
  display: inline-block;
}
@media only all and (max-width: 900px) {
  .div_img_central_2 {
    width: 290px;
    margin: auto;
    display: block;
    margin-top: 20px;
  }
}

.div_img_central_3 {
  display: inline-block;
}
@media only all and (max-width: 850px) {
  .div_img_central_3 {
    width: 290px;
    margin: auto;
    display: block;
    margin-top: 20px;
  }
}

@media only all and (max-width: 825px) {
  .more2.grey_more {
    width: 376px;
    margin: auto;
  }
}

.smaller_tabs {
  width: 100%;
  height: 95px;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 0;
}

.smaller_tabs .inner {
  width: auto;
  white-space: nowrap;
  display: inline-block;
  padding: 0px 35px;
}

.resp_prev {
  position: absolute;
  top: 15px;
  left: 0px;
  z-index: 10;
  background-color: rgb(242, 242, 242);
  padding: 0px 0px 15px 0px;
  cursor: pointer;
}

.resp_next {
  position: absolute;
  top: 15px;
  right: -5px;
  z-index: 11;
  background-color: rgb(242, 242, 242);
  padding: 6px 6px 15px 0px;
  cursor: pointer;
}
.resp_next.mehr {
  background-color: transparent;
  padding: 0px;
  top: 0px;
  right: 0px;
}

.smaller_tabs .simple_tab_select {
}

@media (max-width: 900px) {
  .simple_tabs_content .text_outer.broad {
    margin: auto;
    float: none;
  }
  .smaller_tabs .simple_tab_select {
    margin-right: 0px;
  }
  .simple_tab_select.active {
    padding: 24px 7px;
  }
  .simple_tab_select.longer {
    min-width: auto;
  }
}

.tab_slides {
  display: none;
}
.tab_slides.active {
  display: block;
}

/* Start Custom Scrollbar */
.scrollable {
  position: relative;
}

.scrollable:focus {
  outline: 0;
}

.scrollable .viewport {
  position: relative;
  overflow: hidden;
}

.scrollable .viewport .overview {
  position: absolute;
}

.scrollable .scroll-bar {
  display: none;
}

.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 0;
  height: 100%;
}

.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%;
  margin-top: -20px;
  height: 20px;
}

.scrollable .scroll-bar .thumb {
  position: absolute;
}

.scrollable .scroll-bar.vertical .thumb {
  width: 100%;
  min-height: 10px;
}

.scrollable .scroll-bar.horizontal .thumb {
  height: 100%;
  min-width: 10px;
  left: 0;
}

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*Default skin*/

.scrollable.default-skin {
  padding-right: 10px;
  padding-bottom: 6px;
}

.scrollable.default-skin .scroll-bar.vertical {
  width: 6px;
}

.scrollable.default-skin .scroll-bar.horizontal {
  height: 6px;
}

.scrollable.default-skin .scroll-bar .thumb {
  background-color: black;
  opacity: 0.4;
  border-radius: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.scrollable.default-skin .scroll-bar:hover .thumb {
  opacity: 0.6;
}

/*Gray skin*/

.scrollable.gray-skin {
  padding-right: 17px;
}

.scrollable.gray-skin .scroll-bar {
  border: 1px solid gray;
  background-color: #d3d3d3;
}

.scrollable.gray-skin .scroll-bar .thumb {
  background-color: gray;
}

.scrollable.gray-skin .scroll-bar:hover .thumb {
  background-color: black;
}

.scrollable.gray-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.gray-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}

/*Modern skin*/
.scrollable.modern-skin {
  padding-right: 17px;
}

.scrollable.modern-skin .scroll-bar {
  border: 1px solid gray;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: inset 0 0 5px #888;
  -webkit-box-shadow: inset 0 0 5px #888;
  box-shadow: inset 0 0 5px #888;
}

.scrollable.modern-skin .scroll-bar .thumb {
  background-color: #95aabf;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #536984;
}

.scrollable.modern-skin .scroll-bar.vertical .thumb {
  width: 8px;
  background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(0%, #95aabf),
    color-stop(100%, #547092)
  );
  background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: linear-gradient(to right, #95aabf 0%, #547092 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";
}

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
  height: 8px;
  background-image: linear-gradient(#95aabf, #547092);
  background-image: -o-linear-gradient(#95aabf, #547092);
  background-image: -moz-linear-gradient(#95aabf, #547092);
  background-image: -webkit-linear-gradient(#95aabf, #547092);
  background-image: -ms-linear-gradient(#95aabf, #547092);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";
}

.scrollable.modern-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.modern-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}

.scroll-bar.horizontal {
  height: 10px;
  background-color: #80808059;
  cursor: pointer;
  display: block !important;
  overflow: hidden;
}
.scroll-bar.horizontal .thumb {
  background-color: grey;
}
.smaller_tabs .viewport {
  width: auto;
}

.scrollable .scroll-bar.horizontal .thumb {
  z-index: 4;
}

.scroll-bar.horizontal:before {
  content: "";
  height: 0px;
  width: 0px;
  border-right: 9px solid rgb(80, 80, 80);
  border-bottom: 9px solid transparent;
  border-top: 9px solid transparent;
  position: absolute;
  z-index: 3;
  left: 2px;
}
.scroll-bar.horizontal:after {
  content: "";
  height: 0px;
  width: 0px;
  border-left: 9px solid rgb(80, 80, 80);
  border-bottom: 9px solid transparent;
  border-top: 9px solid transparent;
  position: absolute;
  z-index: 3;
  right: 2px;
}

/* End Custom Scrollbar */

.big_bubble_header {
  background-image: url(../imgs/big_bubble_header.webp);
  background-repeat: no-repeat;
  width: 380px;
  height: 290px;
  box-sizing: border-box;
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 61px 0px 0px 65px;
}

.big_bubble_header .headline {
  color: #fff;
  font-size: 28px;
  line-height: 1.3em;
}

.big_bubble_header .smaller_headline {
  color: #fff;
  font-size: 20px;
  line-height: 1.3em;
}
@media (max-width: 800px) {
  .big_bubble_header {
    top: 138px;
  }
}

body.shopping_body,
body.shopping_body p {
  font-family: freight-sans-pro, Arial;
  font-variant: lining-nums;
  font-size: 19px;
  font-weight: 500;
}

body.shopping_body .testi_img .testi_big {
  max-width: 290px;
}

.content_shopping {
  width: 960px;
  max-width: 100%;
  margin: auto;
  position: relative;
}

.shopping_packshot {
  display: inline-block;
  position: relative;
  margin: 0px 9px;
}

.shopping_hl {
  text-align: center;
  color: rgb(2, 40, 85);
  font-size: 46px;
  font-weight: 600;
}

.shopping_hl .green_font {
  color: rgb(71, 139, 7);
}

.shopping_sub_hl {
  text-align: center;
  color: rgb(35, 35, 35);
  font-size: 20px;
  font-weight: 500;
}

.shopping_packshot .small_price {
  color: rgb(71, 139, 7);
  font-size: 15px;
  font-weight: 500;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.content_shopping .small_grey {
  color: rgb(162, 162, 162);
  font-size: 14px;
}

.shopping_product {
  background-color: #fff;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 33px 33px;
  display: flex;
  justify-content: space-between;
  box-shadow: 0 0 18px #d7d7d7;
}

.shopping_product .left_part {
  display: inline-block;
  padding: 35px 30px 0px 0px;
  border-right: 1px solid rgb(217, 223, 230);
}

.shopping_product .left_part .grey_price {
  font-size: 14px;
  color: rgb(162, 162, 162);
  font-weight: 500;
  line-height: 1.2em;
  text-align: right;
  position: absolute;
  bottom: -16px;
  right: 0px;
}

.shopping_product .headline {
  font-size: 21px;
  color: rgb(2, 40, 85);
  font-weight: 500;
  line-height: 1.4em;
}

.shopping_product .headline .red_font {
  font-size: 26px;
  color: rgb(129, 11, 11);
  font-weight: 600;
}

.shopping_product .grey_box {
  border: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  float: none;
  border-radius: 0px;
  background-color: rgb(235, 235, 235);
  width: auto;
  display: inline-block;
  padding: 0px 0px;
  padding: 11px 14px;
  margin-left: -15px;
}
.shopping_product .grey_box p {
  font-size: 19px;
  color: rgb(2, 40, 85);
  font-weight: 500;
  line-height: 1.2em;
}

.shopping_product ul.shopping_list li {
  background-image: url(../imgs/shopping_check.webp);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding-left: 30px;
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 1.3em;
}

.shopping_product ul.shopping_list li b,
.shopping_product .grey_box p b {
  font-weight: 600;
}

.shopping_product .middle_part {
  width: 435px;
}

.shopping_product .middle_part a {
  font-size: 19px;
  color: rgb(0, 109, 238);
  font-weight: 500;
}

.shopping_product .right_part {
  display: inline-block;
  text-align: center;
  padding: 10px 0px 0px 30px;
  border-left: 1px solid rgb(217, 223, 230);
}

.shopping_product .right_part img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.shopping_agb_links a {
  font-size: 17px;
  color: rgb(85, 85, 85);
  font-weight: 500;
  text-decoration: none;
  margin-right: 20px;
}

.content_shopping .siegel_bg_oben {
  bottom: 20px;
}

.shopping_sprechblase {
  position: absolute;
  right: 0px;
  top: 75px;
}

.grey_boxes.v2 {
  width: 854px;
  margin: auto;
  border: 1px solid #033b70;
  background: #f2f2f2;
  max-width: 100%;
  box-sizing: border-box;
  padding: 24px 30px;
  position: relative;
}

.grey_boxes.v2 .link_style {
  color: rgb(0, 109, 238);
}

.rabatt_rechts {
  background-image: url(../imgs/rabattsiegel_blank.webp);
  background-repeat: no-repeat;
  height: 151px;
  width: 124px;
  position: fixed;
  top: 15%;
  transform: translateY(-50%);
  right: 0px;
  z-index: 5;
}

.rabatt_rechts p {
  font-family: Lato, Arial;
  color: #fff;
  font-size: 22px;
  position: absolute;
  top: 25px;
  right: 24px;
}

.arrow_menu_container {
  float: right;
  margin-top: 14px;
}
.arrow_menu_container a {
  text-decoration: none;
}

.siegel_marktfuehrer {
  position: absolute;
  top: -35px;
  right: 30px;
}

.tv-spot-outer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  padding: 55px 0;
}

.spot-choice {
  display: flex;
  flex-direction: column;
}

.spot-choice__image {
  position: relative;
  width: 148px;
  cursor: pointer;
}

.spot-choice__image img {
  max-width: 100%;
  opacity: 0.7;
}

.tv-spot__videos {
  display: flex;
  flex-direction: column;
  gap: 10px;
  cursor: pointer;
}

.tv-spot__icons {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tv-spot__hl {
  font-family: Lato, Arial;
  font-size: 25px;
  color: #434343;
  line-height: 1.2em;
  font-weight: 600;
  margin-bottom: 20px;
}

.tv-spot__thumbnail {
  position: absolute;
  top: -5px;
  z-index: 1;
}

.tv-spot__embedded-video {
  width: 459px;
  max-width: 100%;
}

.spot-choice__play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 45%;
  opacity: 1 !important;
}

.tv-spot__play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  opacity: 2 !important;
}

.hover-text-box {
  position: relative;
}

.hover-text-box:hover {
  cursor: help;
}

.hover-text-box .tooltiptext {
  visibility: hidden;
  width: 400px;
  background-color: rgb(87, 87, 87);
  color: #fff;
  border-radius: 6px;
  padding: 10px;
  text-align: left;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.hover-text-box:hover .tooltiptext {
  visibility: visible;
}
.rotated-text{
    position: absolute;
    width: 100%;
    bottom: -16px;
    left: 53px;
    font-size: 13px;
    transform: rotate(350deg) skewX(-14deg);
    transform-origin: left center;
}