/* screen - kukvs-events */

.kukvs-events {
  align-items: flex-start;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 93px;
  height: 9508px;
  overflow-x: clip;
  width: 1920px;
}

.kukvs-events .flex-col {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: -198.33px;
  min-height: 9248px;
  width: 2665px;
}

.kukvs-events .gruppe-8 {
  background-color: var(--white);
  box-shadow: 0px 3px 6px #00000029;
  height: 146px;
  margin-right: 348.67px;
  position: sticky;
  top: 0;
  z-index: 100;
  width: 1920px;
}

.kukvs-events .mitglied-werden {
  bottom: calc(47.54% - 11px);
  color: var(--burnt-sienna);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-weight: 800;
  height: 24px;
  letter-spacing: 1.80px;
  line-height: 18px;
  position: absolute;
  right: 134px;
  white-space: nowrap;
  width: 213px;
}

.kukvs-events .overlap-group2 {
  height: 1434px;
  margin-right: 159.13px;
  position: relative;
  width: 2321px;
}

.kukvs-events .ku-kv-s_-verlaufsflaeche_rgb_148x148mm {
  height: 1187px;
  left: 106px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1920px;
}

.kukvs-events .ku-kv-s-2026-vernetze {
  color: var(--cerise);
  font-family: var(--font-family-montserrat);
  font-size: 140px;
  font-weight: 700;
  left: 246px;
  letter-spacing: 4.20px;
  line-height: 140px;
  position: absolute;
  top: 170px;
  width: 1330px;
}

.kukvs-events .der-treffpunkt-fr-m {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-weight: 600;
  left: 1261px;
  letter-spacing: 0.75px;
  line-height: 50px;
  position: absolute;
  top: 684px;
  width: 627px;
}

.kukvs-events .gruppe-7 {
  height: 313px;
  left: 0;
  position: absolute;
  top: 1122px;
  width: 2321px;
}

.kukvs-events .networking-impulse-fortschritt {
  align-self: flex-start;
  letter-spacing: 7.50px;
  line-height: 50px;
  margin-bottom: -18px;
  margin-left: 338.33px;
  margin-top: 204px;
  min-height: 32px;
  white-space: nowrap;
}

.kukvs-events .unsere-event-highlig {
  letter-spacing: 3.60px;
  line-height: 120px;
  margin-right: 346.67px;
  margin-top: 44px;
  min-height: 586px;
  width: 1642px;
}

.kukvs-events .die-ku-kv-s-events-sin {
  letter-spacing: 0.60px;
  line-height: 50px;
  margin-left: 205.33px;
  margin-top: 74px;
  min-height: 76px;
  width: 1090px;
}

.kukvs-events .linie-1 {
  margin-left: 203.33px;
  margin-top: 136px;
}

.kukvs-events .ku-kv-s-treff {
  color: var(--burnt-sienna);
  font-family: var(--font-family-montserrat);
  font-size: 70px;
  font-weight: 400;
  letter-spacing: 2.10px;
  line-height: 70px;
  margin-left: 205.33px;
  margin-top: 122px;
  min-height: 88px;
  width: 1090px;
}

.kukvs-events .worum-gehts-ein-tr {
  letter-spacing: 0.60px;
  line-height: 50px;
  margin-left: 204.33px;
  margin-top: 16px;
  min-height: 126px;
  width: 1091px;
}

.kukvs-events .span {
  letter-spacing: 2.00px;
}

.kukvs-events .wann-19-februar-20 {
  letter-spacing: 0.60px;
  line-height: 70px;
  margin-left: 206.33px;
  margin-top: 45px;
  min-height: 96px;
  width: 1091px;
}

.kukvs-events .overlap-group5 {
  height: 52px;
  margin-right: 516.67px;
  margin-top: 89px;
  position: relative;
  width: 368px;
}

.kukvs-events .rechteck-1-1 {
  background-color: var(--opal);
  border-radius: 25px;
  height: 50px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 366px;
}

.kukvs-events .jetzt-anmelden {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-weight: 700;
  left: 0;
  letter-spacing: 6.00px;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
  width: 368px;
}

.kukvs-events .linie-2 {
  margin-left: 203.33px;
  margin-top: 148px;
}

.kukvs-events .vorstandssitzung-mitgliederversammlung {
  color: var(--burnt-sienna);
  font-family: var(--font-family-montserrat);
  font-size: 70px;
  font-weight: 400;
  letter-spacing: 2.10px;
  line-height: 70px;
  margin-left: 205.33px;
  margin-top: 122px;
  min-height: 174px;
  width: 1090px;
}

.kukvs-events .worum-gehts-kurzb {
  letter-spacing: 0.60px;
  line-height: 70px;
  margin-left: 204.33px;
  margin-top: 10px;
  min-height: 166px;
  width: 1091px;
}

.kukvs-events .overlap-group3 {
  height: 52px;
  margin-right: 516.67px;
  margin-top: 83px;
  position: relative;
  width: 368px;
}

.kukvs-events .networking {
  align-self: flex-end;
  color: var(--opal);
  font-family: var(--font-family-montserrat);
  font-size: 260px;
  font-weight: 100;
  letter-spacing: 7.80px;
  line-height: 260px;
  margin-top: 134px;
  min-height: 319px;
  opacity: 0.19;
  width: 2480px;
}

.kukvs-events .overlap-group1 {
  height: 1204px;
  margin-right: 348.67px;
  margin-top: 113px;
  position: relative;
  width: 1920px;
}

.kukvs-events .ku-kv-s_-verlaufsflaeche_rgb_148x148mm-1 {
  height: calc(100% - 17px);
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.kukvs-events .overlap-group4 {
  align-self: flex-start;
  height: 856px;
  margin-top: 131px;
  position: relative;
  width: 2321px;
}

.kukvs-events .stock-photo-diverse {
  height: 606px;
  left: 338px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1640px;
}

.kukvs-events .gruppe-16 {
  height: 313px;
  left: 0;
  position: absolute;
  top: 544px;
  width: 2321px;
}

.kukvs-events .overlap-group {
  align-items: flex-end;
  background-image: url(../img/kukvs-verlaufsflaeche-rgb-148x148mm-1-1x-png@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  margin-right: 348.67px;
  margin-top: 182px;
  min-height: 2185px;
  padding: 219px 110px;
  width: 1920px;
}

.kukvs-events .dein-check-in-event-anmeldung {
  align-self: center;
  color: var(--cerise);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  letter-spacing: 3.00px;
  line-height: 100px;
  margin-left: 2.0px;
  min-height: 246px;
  width: 1642px;
}

.kukvs-events .bereit-fr-den-nchs {
  letter-spacing: 0.60px;
  line-height: 50px;
  margin-right: 28px;
  margin-top: 59px;
  min-height: 226px;
  width: 1090px;
}

.kukvs-events .linie-4 {
  margin-right: 30px;
  margin-top: 136px;
}

.kukvs-events .welches-event-mchtest-du-besuchen {
  letter-spacing: 2.00px;
  line-height: 50px;
  margin-bottom: -24px;
  margin-top: 122px;
  min-height: 26px;
  white-space: nowrap;
  width: 1090px;
}

.kukvs-events .overlap-group6 {
  border-radius: 35px;
  height: 70px;
  margin-right: 30px;
  margin-top: 39px;
  position: relative;
  width: 1088px;
}

.kukvs-events .rechteck-21 {
  background-color: var(--white);
  border-radius: 35px;
  height: 70px;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 1088px;
}

.kukvs-events .pfad-62 {
  height: 15px;
  left: 1037px;
  top: 27px;
  width: 26px;
}

.kukvs-events .name-container {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  height: 26px;
  margin-right: 56px;
  margin-top: 37px;
  min-width: 1034px;
}

.kukvs-events .vorname {
  letter-spacing: 2.00px;
  line-height: 50px;
  min-height: 26px;
  white-space: nowrap;
  width: 510px;
}

.kukvs-events .nachname {
  letter-spacing: 2.00px;
  line-height: 50px;
  min-height: 26px;
  white-space: nowrap;
}

.kukvs-events .rechteck-container {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  margin-right: 30px;
  margin-top: 35px;
  min-width: 1088px;
}

.kukvs-events .rechteck-2 {
  background-color: var(--white);
  border-radius: 35px;
  height: 70px;
  opacity: 0.5;
  width: 536px;
}

.kukvs-events .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  height: 26px;
  margin-right: 56px;
  margin-top: 40px;
  min-width: 1034px;
}

.kukvs-events .unternehmen {
  letter-spacing: 2.00px;
  line-height: 50px;
  min-height: 26px;
  white-space: nowrap;
  width: 510px;
}

.kukvs-events .e-mail-adresse {
  letter-spacing: 2.00px;
  line-height: 50px;
  min-height: 26px;
  white-space: nowrap;
}

.kukvs-events .individuelle-anmerkungen {
  letter-spacing: 2.00px;
  line-height: 50px;
  margin-bottom: -24px;
  margin-top: 40px;
  min-height: 26px;
  white-space: nowrap;
  width: 1090px;
}

.kukvs-events .rechteck-26 {
  background-color: var(--white);
  border-radius: 35px;
  height: 228px;
  margin-right: 30px;
  margin-top: 39px;
  opacity: 0.5;
  width: 1088px;
}

.kukvs-events .jetzt-verbindlich-anmelden {
  letter-spacing: 6.00px;
  line-height: 50px;
  margin-bottom: -24px;
  margin-right: 28px;
  margin-top: 90px;
  min-height: 26px;
  white-space: nowrap;
  width: 1090px;
}

.kukvs-events .flex-row-1 {
  align-items: center;
  align-self: center;
  display: flex;
  margin-left: 28.69px;
  min-width: 1669px;
}

.kukvs-events .mitglied-werden-1 {
  letter-spacing: 1.60px;
  line-height: 40px;
  margin-left: 149px;
  margin-top: 0;
  min-height: 61px;
  text-decoration: underline;
  width: 257px;
}

.kukvs-events .folgt-uns {
  letter-spacing: 1.60px;
  line-height: 40px;
  margin-left: 0;
  min-height: 21px;
  white-space: nowrap;
}

.kukvs-events .gruppe-21 {
  background-image: url(../img/pfad-58@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 24px;
  position: relative;
  width: 24px;
}

.kukvs-events .linie {
  object-fit: cover;
  width: 1088px;
}

/* --- Form styles --- */

.kukvs-events #registration-form {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}

.kukvs-events #registration-form .dein-check-in-event-anmeldung {
  align-self: center;
  color: var(--cerise);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxl);
  font-weight: 700;
  letter-spacing: 3.00px;
  line-height: 100px;
  margin-left: 2.0px;
  min-height: 246px;
  width: 1642px;
}

.kukvs-events #registration-form .bereit-fr-den-nchs {
  letter-spacing: 0.60px;
  line-height: 50px;
  margin-right: 28px;
  margin-top: 59px;
  min-height: 226px;
  width: 1090px;
}

.kukvs-events #registration-form .linie-4 {
  margin-right: 30px;
  margin-top: 136px;
}

.kukvs-events #registration-form .welches-event-mchtest-du-besuchen {
  letter-spacing: 2.00px;
  line-height: 50px;
  margin-top: 122px;
  min-height: 26px;
  white-space: nowrap;
  width: 1090px;
  display: block;
}

.kukvs-events .form-select {
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  border-radius: 35px;
  height: 70px;
  width: 1088px;
  margin-right: 30px;
  margin-top: 39px;
  padding: 0 50px 0 30px;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  color: var(--masala);
  appearance: none;
  -webkit-appearance: none;
  background-image: url(../img/pfad-62@1x.png);
  background-repeat: no-repeat;
  background-position: right 25px center;
  background-size: 26px 15px;
  cursor: pointer;
  outline: none;
}

.kukvs-events .form-select:focus {
  background-color: rgba(255, 255, 255, 0.7);
}

.kukvs-events #registration-form .name-container {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  height: 26px;
  margin-right: 56px;
  margin-top: 37px;
  min-width: 1034px;
}

.kukvs-events #registration-form .vorname,
.kukvs-events #registration-form .nachname {
  letter-spacing: 2.00px;
  line-height: 50px;
  min-height: 26px;
  white-space: nowrap;
}

.kukvs-events #registration-form .vorname {
  width: 510px;
}

.kukvs-events #registration-form .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  height: 26px;
  margin-right: 56px;
  margin-top: 40px;
  min-width: 1034px;
}

.kukvs-events #registration-form .unternehmen {
  letter-spacing: 2.00px;
  line-height: 50px;
  min-height: 26px;
  white-space: nowrap;
  width: 510px;
}

.kukvs-events #registration-form .e-mail-adresse {
  letter-spacing: 2.00px;
  line-height: 50px;
  min-height: 26px;
  white-space: nowrap;
}

.kukvs-events .form-input {
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  border-radius: 35px;
  height: 70px;
  width: 536px;
  padding: 0 30px;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  color: var(--masala);
  outline: none;
}

.kukvs-events .form-input:focus {
  background-color: rgba(255, 255, 255, 0.7);
}

.kukvs-events #registration-form .rechteck-container {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  margin-right: 30px;
  margin-top: 35px;
  min-width: 1088px;
}

.kukvs-events #registration-form .individuelle-anmerkungen {
  letter-spacing: 2.00px;
  line-height: 50px;
  margin-top: 40px;
  min-height: 26px;
  white-space: nowrap;
  width: 1090px;
  display: block;
}

.kukvs-events .form-textarea {
  background-color: rgba(255, 255, 255, 0.5);
  border: none;
  border-radius: 35px;
  height: 228px;
  width: 1088px;
  margin-right: 30px;
  margin-top: 39px;
  padding: 25px 30px;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  color: var(--masala);
  resize: none;
  outline: none;
}

.kukvs-events .form-textarea:focus {
  background-color: rgba(255, 255, 255, 0.7);
}

.kukvs-events .form-submit {
  background: none;
  border: none;
  letter-spacing: 6.00px;
  line-height: 50px;
  margin-right: 28px;
  margin-top: 90px;
  min-height: 26px;
  white-space: nowrap;
  width: 1090px;
  text-align: left;
  padding: 0;
  cursor: pointer;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-weight: 700;
  color: var(--masala);
}

.kukvs-events .form-submit:hover {
  opacity: 0.7;
}

.kukvs-events .form-submit:disabled {
  opacity: 0.5;
  cursor: wait;
}

.kukvs-events .form-status {
  width: 1090px;
  margin-right: 28px;
  margin-top: 30px;
  padding: 20px 30px;
  border-radius: 20px;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  line-height: 30px;
}

.kukvs-events .form-status-success {
  background-color: rgba(173, 202, 200, 0.3);
  color: var(--opal);
}

.kukvs-events .form-status-error {
  background-color: rgba(238, 118, 96, 0.2);
  color: var(--burnt-sienna);
}

.kukvs-events .form-field-row {
  display: flex;
  gap: 16px;
  width: 1088px;
  margin-right: 30px;
  margin-top: 37px;
}

.kukvs-events .form-field {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 12px;
}

.kukvs-events .form-field label {
  letter-spacing: 2.00px;
  line-height: 50px;
  min-height: 26px;
  white-space: nowrap;
}

.kukvs-events .form-field .form-input {
  width: 100%;
  margin: 0;
}