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


/* 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;
  }


.cs-body .cs-button3{width:auto;padding:0.72em 2em;background:#19806A ;color:#ffffff;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-body .cs-button3 a{color:#ffffff !important;text-decoration:none;display:inline-block;}
.cs-body .cs-button3:hover a{color:#000000 !important;
}

.cs-basketStepOne .cs-voucherButton {width:auto;padding:0.72em 2em;background:#19806A ;color:#ffffff;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-basketStepOne .cs-voucherButton a{color:#ffffff !important;text-decoration:none;display:inline-block;}