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

  /* buttons (cs-body class for jquery ui overwrites) */
  .cs-body .cs-button1 {padding: 0.72em 1em;font-size: 1rem;border: 0;background: #000000;color: #fff;border: 0;cursor: pointer;display: inline-block;margin-bottom: 4px;}
  .cs-body .cs-button1:hover {background: #878787;color: #fff;}
  .cs-body .cs-button2 {width: auto;padding: 0.72em 2em;background: #f5f5f5;color: #111111;border: 0;cursor: pointer;display: inline-block;margin-bottom: 4px;}
  .cs-body .cs-button2:hover {background: #f5f5f5;color: #111111;}
  .cs-body .cs-button3 { background: #ffffff; color: #000000; display: inline-block;width: 200px;text-align: center;padding: 10px;border: 2px solid #d10019; transition: all 0.3s ease; }
  .cs-body .cs-button3:hover {border-color: #878787; background: transparent;color:#000000}


  /* H`s auf none umstellen */
  .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {text-transform: none !important; white-space: break-spaces;color: #111111;margin: 0;font-weight:500;display: block;max-width: 100%;}
  .h1, h1 {font-size: 2.25rem;margin: 1em 0;line-height: 1.1em;}
  .h2, h2 {font-size: 2rem;}
  .h3, h3 {font-size: 1.75rem;}
  .h4, h4 {font-size: 1.5rem;margin: 1em 0;}
  .h5, h5 {font-size: 1.25rem;margin: 1em 0;}
  .h6, h6 {font-size: 1rem;}
  
   /* H-Tags Desktop nach dem Styleguide von Weidemann */
  .cs-body h1{font-size:48px;line-height:56px;font-weight:700;}
  .cs-body h2{font-size:28px;line-height:32px;font-weight:400;}
  .cs-body h3{font-size:32px;line-height:40px;font-weight:700;}
  .cs-body h4{font-size:28px;line-height:32px;font-weight:700;}
  .cs-body h5{font-size:24px;line-height:29px;font-weight:700;}
  .cs-body h6{font-size:16px;line-height:24px;font-weight:700;}

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

  /* H-Tags rot unterstrichen */
  /* nur Headline-Elemente, die du bewusst markierst mit dieser klasse, z.b.: <h2 class="hm-headline">Einsatzberichte</h2> */
  .hm-headline {
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
  }
  .hm-headline::after{
    content:"";
    display:block;
    width: 100px;
    height: 4px;
    background: #d10019;
    margin-top: 8px;
  }
  /* 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;
  }