@font-face {
  font-family: 'Helvetica Neue LTW05';
  src: url('/cosmoshop/1748587361/pix/user_img/fonts/HelveticaNeueLTW05-55Roman.woff2') format('woff2'),
       url('/cosmoshop/1748587361/pix/user_img/fonts/HelveticaNeueLTW05-55Roman.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica Neue LTW05';
  src: url('/cosmoshop/1748587361/pix/user_img/fonts/HelveticaNeueLTW05-75Bold.woff2') format('woff2'),
       url('/cosmoshop/1748587361/pix/user_img/fonts/HelveticaNeueLTW05-75Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

    /* H-Tags Desktop nach dem Styleguide von Kramer*/
  .cs-body h1{font-size:52px;line-height:60px;font-weight:700;}
  .cs-body h2{font-size:38px;line-height:46px;font-weight:700;}
  .cs-body h3{font-size:32px;line-height:39px;font-weight:700;}
  .cs-body h4{font-size:28px;line-height:34px;font-weight:700;}
  .cs-body h5{font-size:24px;line-height:29px;font-weight:700;}
  .cs-body h6{font-size:24px;line-height:32px;font-weight:700;}

  /* H-Tags Mobile nach dem Styleguide von Kramer*/
  @media (max-width:768px){
    .cs-body h1{font-size:28px;line-height:120%;font-weight:700;}
    .cs-body h2{font-size:24px;line-height:130%;font-weight:700;}
    .cs-body h3{font-size:22px;line-height:124%;font-weight:700;}
    .cs-body h4{font-size:20px;line-height:124%;font-weight:700;}
    .cs-body h5{font-size:18px;line-height:124%;font-weight:700;}
    .cs-body h6{font-size:18px;line-height:124%;font-weight:700;}
  }

  /* Buttons */
  .cs-body .cs-button3, .cs-voucherButton{width:auto;padding:0.72em 2em;background:#ffd511;color:#000000;border:1px solid transparent;cursor:pointer;display:inline-block;margin-bottom:4px;box-shadow:none;transition:background-color 0.3s ease,color 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;}
  .cs-body .cs-button3:hover{background:#ffffff;color:#000000;border-color:#d9d9d9;box-shadow:0 2px 8px rgba(0,0,0,0.22);}
  .cs-basketStepOne .cs-voucherButton {width:auto;padding:0.72em 2em;background:#ffd511;color:#000000;border:1px solid transparent;cursor:pointer;display:inline-block;margin-bottom:4px;box-shadow:none;transition:background-color 0.3s ease,color 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease; }

  /* Trennlinie hr */
    .cs-hr {width: 100%;background: #000000 !important;height: 1px;margin: 1em 0;}
    .cs-hr::before {
      content: "";
      position: absolute;
      left: var(--container-pad);
      right: var(--container-pad);
      top: 0;
      bottom: 0;
      background: #000000 !important;
      opacity: .25;
      border-radius: 2px;
    }