@font-face {
  font-family: 'Suisse Intl';
  src: url('/cosmoshop/1736938211/pix/user_img/fonts/SuisseIntl-Regular.woff2') format('woff2'),
       url('/cosmoshop/1736938211/pix/user_img/fonts/SuisseIntl-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


/* buttons (cs-body class for jquery ui overwrites) */

/*.cs-body .cs-button1 {border-radius: 2em;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: #000000;color: #fff;} */

.cs-body .cs-button1 {
  border-radius: 50px; /* Rundungen hinzufügen */
  width: auto;
  padding: 0.72em 2em;
  background: var(--primaryBackground); /* Hintergrundfarbe aus der Variable */
  color: #fff; /* Weiße Schriftfarbe */
  border: 1px solid var(--primaryBackground);
  cursor: pointer;
  display: inline-block;
  margin-bottom: 4px;
  transition: color 0.3s ease, background 0.3s ease;
}

.cs-body .cs-button1:hover {
  background: var(--primaryBackground)!important; /* Hintergrundfarbe beim Hover */
  color: #000 !important; /* Schriftfarbe beim Hover */
}





.cs-body .cs-button2 {border-radius: 2em;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 {border-radius: 2em;width: auto;padding: 0.72em 2em;background: #ffffff;color: #111111;border: 1px solid #111;cursor: pointer;display: inline-block;margin-bottom: 4px;}
.cs-body .cs-button3:hover {background: #ffffff;color: #111111;} */
.cs-body .cs-button3 {
  border-radius: 50px; /* Rundungen hinzufügen */
  width: auto;
  padding: 0.72em 2em;
  background: var(--primaryBackground); /* Hintergrundfarbe aus der Variable */
  color: #fff !important; /* Weiße Schriftfarbe */
  border: 1px solid var(--primaryBackground);
  cursor: pointer;
  display: inline-block;
  margin-bottom: 4px;
  transition: color 0.3s ease, background 0.3s ease;
}

.cs-body .cs-button3 a {
  color: #fff !important; /* Weiße Schriftfarbe */

}

.cs-body .cs-button3:hover {
  background: var(--primaryBackground)!important; /* Hintergrundfarbe beim Hover */
  color: #000 !important; /* Schriftfarbe beim Hover */
}

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


/**/