/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

@font-face {
  font-family: 'UniversLTStd';
  src: url('https://25308446.fs1.hubspotusercontent-eu1.net/hubfs/25308446/UniversLTStd.otf') format('opentype');
}

@font-face {
  font-family: 'UniversLTStd-Black';
  src: url('https://25308446.fs1.hubspotusercontent-eu1.net/hubfs/25308446/UniversLTStd-Black.otf') format('opentype');
}

.header__logo img {
  margin-top: 5px;
  margin-bottom: 5px;
}

.header__bottom {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 1; /* Initiallement transparent */
  transition: opacity 0.5s ease; /* Ajout d'une transition en douceur */
  background-color: #fafafa;
  z-index: 999999 !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.content {
  height: 2000px; /* Juste pour simuler du contenu pour le défilement */
}

p {
  font-family: 'UniversLTStd', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'UniversLTStd-Black', sans-serif !important;
  color: #12273a !important;
}

body {
  font-family: 'UniversLTStd', sans-serif !important;
  background-color: #fafafa !important;
}

.header__menu-link {
  font-family: 'UniversLTStd-Black', sans-serif !important;
  color: #12273a !important;
}

.button.button--brutalist {
  font-weight: 600;
  background-color: #1a497d;
  color: #fff;
  padding: 16px 45px;
  cursor: pointer;
  text-decoration: none;
  border: medium solid #1a497d;
  font-family: 'UniversLTStd', sans-serif !important;
  border-radius: 0px;
  box-shadow: none;
}

.button.button--brutalist:hover {
  font-weight: 600;
  background-color: #1a497d;
  color: #fff;
  padding: 16px 45px;
  cursor: pointer;
  text-decoration: none;
  border: medium solid #1a497d;
  font-family: 'UniversLTStd', sans-serif !important;
  box-shadow: none;
}

#hs_cos_wrapper_widget_1706206355074 input[type="submit"],
#hs_cos_wrapper_module_17098083009513 input[type="submit"],
#hs_cos_wrapper_module_170980842186321 input[type="submit"],
#hs_cos_wrapper_module_170980850588216_ input[type="submit"],
#hs_cos_wrapper_module_170980928663220 input[type="submit"],
#hs_cos_wrapper_module_170980992632716 input[type="submit"] {
  font-weight: 600;
  background-color: #1a497d;
  color: #fff;
  padding: 16px 45px;
  cursor: pointer;
  text-decoration: none;
  border: medium solid #1a497d;
  font-family: 'UniversLTStd', sans-serif !important;
  width: 90%;
  text-align: center;
  box-shadow: none;
}

#hs_cos_wrapper_widget_1706200247217,
#hs_cos_wrapper_module_1706200870616 {
  opacity: 0;
  transform: translateY(-100vh);
  transition: opacity 1s, transform 1s;
}

@keyframes opacityAnimation {
  0% { opacity: 1; }
  50% { opacity: 0.8; }
  100% { opacity: 1; }
}

#hs_cos_wrapper_widget_1706193666426_ {
  animation: opacityAnimation 3s infinite;
}

#hs_cos_wrapper_module_170653285322912,
#hs_cos_wrapper_module_17065405151256 {
  text-align: center;
}

#hs_cos_wrapper_module_170653285322912 img,
#hs_cos_wrapper_module_17065405151256 img {
  display: block;
  margin: 0 auto;
}

.neon-line {
  width: 80%;
  height: 5px;
  background-color: #fff454;
  animation: neonLineAnimation 6s infinite;
  transform-origin: left center;
  box-shadow: 0 0 10px rgba(255, 244, 84, 0.5);
  border-radius: 5px;
  margin: 0 auto;
}

/* ✅ FIX: keyframes wurde vorher nicht geschlossen */
@keyframes neonLineAnimation {
  0%, 20%, 50%, 80%, 100% {
    opacity: 0.4;
  }
  40%, 60% {
    opacity: 1;
  }
}

*, :after, :before {
  box-sizing: border-box;
}

.vjs-hubspot .simple-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  opacity: 0 !important;
}

/********************************************************/
/* FIX: Forms layout + colors                           */
/********************************************************/
/* Überschriften/Fragen wirklich links erzwingen */
.hs-form .hs-form-field{
  text-align: left !important;
  justify-content: flex-start !important;
}

.hs-form .hs-form-field > label,
.hs-form .hs-field-label,
.hs-form legend{
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  margin-left: 0 !important;
}


.hs-form,
.hs-form * {
  box-sizing: border-box;
}

.hs-form legend,
.hs-form .hs-richtext,
.hs-form .hs-field-desc,
.hs-form .hs-form-field legend {
  text-align: left !important;
  color: #12273a !important;
  font-family: 'UniversLTStd-Black', sans-serif !important;
  margin-bottom: 12px !important;
}

.hs-form label {
  display: block !important;
  text-align: left !important;
  color: #12273a !important;
  font-family: 'UniversLTStd', sans-serif !important;
}

.hs-form .hs-form-field {
  margin-bottom: 20px !important;
}

.hs-form .hs-form-radio,
.hs-form .hs-form-checkbox {
  margin-top: 6px;
  margin-bottom: 6px;
}

.hs-form fieldset {
  margin-bottom: 24px !important;
  border: none;
  padding: 0;
}
/* Feldüberschriften im Formular linksbündig erzwingen */
.hs-form label,
.hs-form .hs-form-field > label,
.hs-form .hs-field-label {
  text-align: left !important;
}
/* Form-Container wirklich linksbündig machen */
.hs-form,
.hs-form fieldset,
.hs-form .hs-form-field,
.hs-form .input,
.hs-form .hs-form-field .input {
  text-align: left !important;
}

/* Alle möglichen "Frage"-Labels/Legends erwischen */
.hs-form label,
.hs-form .hs-form-field > label,
.hs-form .hs-field-label,
.hs-form .hs-form-field-label,
.hs-form legend {
  text-align: left !important;
  margin-left: 0 !important;
}

/********************************************************/
/* FIX: Footer Firmierung (schwarz, nicht fett)          */
/********************************************************/

/* Sehr robust: nimmt auch verschachtelte Elemente mit */
footer,
footer * ,
.footer,
.footer * {
  font-weight: 400 !important;
}

/* Farbe + Schriftfamilie gezielt für typischen Legal-Text */
footer p,
footer span,
.footer p,
.footer span {
  color: #12273a !important;
  font-family: 'UniversLTStd', sans-serif !important;
}

/* Falls HTML <strong>/<b> verwendet wird */
footer strong,
footer b,
.footer strong,
.footer b {
  font-weight: 400 !important;
  color: #12273a !important;
}
/********************************************************/
/* Footer: Firmierung NICHT als Black-Headline           */
/********************************************************/

/* Alles im Footer auf normale Schrift zurücksetzen */
footer, footer * ,
.footer, .footer * {
  font-family: 'UniversLTStd', sans-serif !important;
  font-weight: 400 !important;
}

/* Falls Firmierung als Heading gerendert wird */
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
  font-family: 'UniversLTStd', sans-serif !important;
  font-weight: 400 !important;
  color: #12273a !important;
}

/* Falls <strong>/<b> verwendet wird */
footer strong, footer b,
.footer strong, .footer b {
  font-family: 'UniversLTStd', sans-serif !important;
  font-weight: 400 !important;
}
/********************************************************/
/* Footer: Firmierung Schriftgröße reduzieren            */
/********************************************************/

/* Standard-Text im Footer (Firmierung / Legal) */
footer p,
footer span,
.footer p,
.footer span {
  font-size: 12px !important;   /* ← hier Größe anpassen */
  line-height: 1.5 !important;
}

/* Falls die Firmierung als Heading ausgegeben wird */
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6,
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {
  font-size: 12px !important;   /* gleiche Größe erzwingen */
  line-height: 1.5 !important;
}
/********************************************************/
/* Footer Firmierung – Mobile: saubere Umbrüche          */
/********************************************************/
@media (max-width: 768px) {

  footer p,
  footer span,
  .footer p,
  .footer span {
    text-align: left !important;      /* besser lesbar */
    font-size: 12px !important;
    line-height: 1.6 !important;

    max-width: 92%;
    margin-left: auto;
    margin-right: auto;

    /* WICHTIG: keine automatische Silbentrennung */
    hyphens: none !important;
    -webkit-hyphens: none !important;
    -ms-hyphens: none !important;

    /* Umbrüche sollen lieber an Wörtern passieren */
    overflow-wrap: normal !important;
    word-break: normal !important;
    white-space: normal !important;
  }

}
/* --- FORCE: Formular-Überschriften links (auch bei Flex/Center-Layouts) --- */
.hs-form .form-columns-1,
.hs-form .form-columns-2,
.hs-form .hs-form-field {
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;   /* <- wichtig bei flex */
}

/* Frage-/Label-Element wirklich links "andocken" */
.hs-form .hs-form-field > label,
.hs-form legend,
.hs-form .hs-field-label,
.hs-form .hs-form-field-label {
  width: 100% !important;
  text-align: left !important;
  margin: 0 0 8px 0 !important;
  align-self: flex-start !important;    /* <- wichtig bei flex */
}

/* Falls irgendein Theme margin:auto setzt */
.hs-form .hs-form-field > label {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Notbremse: falls ein übergeordneter Wrapper zentriert */
.hs-form * {
  text-align: left !important;
}

css: `
  /* ===== Nur Formular-Fragen links ===== */

  form.hs-form .hs-form-field {
    text-align: left !important;
  }

  form.hs-form .hs-form-field > label,
  form.hs-form legend,
  form.hs-form .hs-field-label {
    width: 100% !important;
    display: block !important;
    text-align: left !important;
    margin: 0 0 8px 0 !important;
    align-self: flex-start !important;
  }

  /* ===== Aber KEINE globalen Elemente anfassen ===== */
`

/********************************************************/
/* END                                                  */
/********************************************************/