@font-face {
  font-family: 'Proxima Nova';
  src: url('/proximanova-black.otf') format('opentype');
  font-weight: 900;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/proximanova-blackit.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/proximanova-bold.otf') format('opentype');
  font-weight: 700;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/proximanova-boldit.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/proximanova-extrabold.otf') format('opentype');
  font-weight: 800;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/proximanova-extraboldit.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/proximanova-light.otf') format('opentype');
  font-weight: 300;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/proximanova-lightit.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/proximanova-medium.otf') format('opentype');
  font-weight: 500;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/proximanova-mediumit.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/proximanova-regular.otf') format('opentype');
  font-weight: 400;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/proximanova-regularit.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/proximanova-semibold.otf') format('opentype');
  font-weight: 600;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/proximanova-semiboldit.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/proximanova-thin.otf') format('opentype');
  font-weight: 100;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url('/proximanova-thinit.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
}

:root {
--proximanova: 'Proxima Nova', Arial,  sans-serif !important;
--gray-600-601: #6d757e;
--gray-900: #161617;
--gray-700: #4f5459;
--primary-blue: #0575d6;
--light-blue: #4cafff;
--gray-100: #f8f9fa;
--gray-600: #6d757e;
--gray-300-301: #dee2e6;
--gray-800: #2e3033;
--gray-400: #ced4da;
--gray-200: #edf0f2;
--dark-mode-blue: #041729;
--dark-blue: #082645;
--highlight-blue: #f3f8fd;
--success: #15892b;
--warning: #ffc107;
--danger: #df4343;
--white: white;
--dark-mode-bg: #041729;
--gray-500: #adb5bd;
--primary-blue-hover: #0461b1;
--deep-sky-blue: #4cafff9e;
--home-max-teaser-size: 35rem;
--gray-300: #dee2e6;
}

body {
font-family: var(--proximanova);
color: var(--gray-900, inherit);
font-weight: regular;
}

.container-fluid {
background: var(--white) !important;
padding-left: 0px !important;
padding-right: 0px !important;
}

#mainContent,
h2,
h1 {
color: var(--color--gray-900);
}

#row {
margin-top: 1%;
display: flex;
}

a#navigate-to-event {
font-size: 22.5px;
font-weight: 300;
}

a:not(#navigate-to-event),
a:not(.footerLink) {
text-decoration: none !important;
}

footer.footer {
background: var(--gray-900);
}

footer.footer a:not(#navigate-to-event):hover, .footer a:not(.footerLink):hover {
text-decoration: underline !important;
}
a.button.button-primary {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  border: 1.5px solid var(--primary-blue);
  background-color: var(--primary-blue);
  color: var(--white) !important;
  border-radius: .375rem;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0.75rem 2.625rem;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  display: flex;
  font-family: var(--proximanova);
  line-height: 1.625rem;
  font-size: 1.6rem;
}

a.button.button-primary:hover {
  background-color: var(--primary-blue-hover);
  border-color: var(--primary-blue-hover);
  transition: .3s;
}


.gmbh .eventDetails {
  flex-direction: column;
  gap: 0;
  margin-bottom: 1rem;
}

.gmbh .eventInfo .eventDetails p,
.gmbh .eventInfo .eventLocation a {
  font-weight: 100;
  font-size: 1.8rem !important;
  text-decoration: none;
}


.gmbh .eventInfo .eventLocation a .icon {
  padding: 0rem 0.4rem;
}

h2 {
font-size: 32px;
font-weight: 700;
}


section#Instruktoren h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 33px;
}

/*NAVBAR*/
.navbar {
background: var(--white) !important;
height: 12vh;
}

.navbar button.navbar-toggle {
  display: none;
}

.nav-header-container {
margin: 0 5%;
}

.icon {
margin: 0 1rem 0.5rem 0;
}

/* FOOTER */

footer .footer-bottom {
background: var(--color--gray-900)!important;
}

footer .footerLink,
footer .footer-bottom p {
color: var(--gray-200) !important;
font-size: 14px;
margin: 8px 0px;
}

footer h3.footerLink {
color: var(--white) !important;
margin: 15px 0;
}

footer .footerLinkIcon {
margin-right: 10px;
}

footer .copyright {
margin-top: 5%;
}

.footer-container {
width: 100%;
margin: 0px 10%;
}

.footer .copyrightText {
margin: 10px 0;
}

.navbar-static-top.navbar-inverse {
padding-bottom: 3%;
}

/* BANNER  */
/* BANNER  */

.banner {
height: auto;
padding: 4% 0;
display: flex;
background-color: var(--color--gray-900);
color: var(--white);
}

.banner > div {
width: 50%;
display: flex;
justify-content: center;
flex-direction: column;
}

.banner a,
.banner h1 {
color: var(--white);
margin-bottom: 2rem;
}

.eventImage {
width: 80%;
}

.eventImage img {
width: 100%;
object-fit: cover;
height: 100%;
}

.eventInfo {
align-items: baseline;
margin-left: 10%;
}

.eventInfo p {
font-size: 15px;
}

/* AGENDA */

.agenda {
padding: 20px 20px 10px 20px;
width: 90%;
color: var(--color--gray-900);
}

.agenda__data {
display: grid;
grid-template-columns: 105px minmax(300px, 1fr);
padding: 0px 25px 25px 0px;
}

.agenda__time {
border-right: 2px solid #adb5bd;
margin: 5px 3px 5px 0px;
}

.agenda__content {
margin: 5px 5px 5px 4px;
}

.agenda__content__instructor {
color: #808080;
}

/* SPEAKERS */

.speakers {
display: grid;
grid-template-columns: 50% 50%;
grid-gap: 4rem;
}

.speakers__section {
padding: 20px 20px 10px 20px;
margin-bottom: 5%;
width: 75%;
height: auto;
}

.speaker__pictureframe img {
width: 200px;
height: 200px;
}

.speaker__info {
margin: 2% 0;
}

.speaker__name {
font-size: 24px;
font-weight: 600;
}

/* EVENT DESCRIPTION */

.event__data {
display: initial;
padding: 20px 25px 25px 0px;
}
.eventdesc {
display: grid;
padding: 0 20px 10px 20px;
width: 90%;
}

.eventdesc__title {
font-size: 16px;
font-weight: 700;
padding-top: 10px;
}

.eventdesc__text {
font-size: 16px;
padding-top: 10px;
}

/* TRAVEL INFO */

.travelinfo {
display: grid;
width: 100%;
padding: 0;
margin-bottom: 12rem;
}

.travelinfo h2 {
font-size: 32px;
margin-bottom: 2rem;
}

.travelinfo__mapframe {
width: 100%;
overflow: hidden;
border-radius: 6px;
}

.travelinfo__mapframe img {
width: 100%;
object-fit: cover;
height: 100%;
}

.travelinfo_title {
font-size: 18px;
font-weight: 700;
padding-top: 25px;
}

.travelinfo_text {
font-size: 18px;
padding-top: 10px;
line-height: 2.75rem;
}

/* REGISTRATION */

.registration {
padding: 0 20px 10px 20px;
}

.registration__section {
width: 100%;
}

/* SIDENAV */

.sidenav {
position: sticky;
z-index: 1;
overflow-x: hidden;
padding: 8px 0;
border-left: 5px solid var(--primary-blue);
margin-top: 10%;
top: 10%;
}

.sidenav a {
padding: 6px 8px 6px 16px;
text-decoration: none;
font-size: 25px;
color: var(--primary-blue);
display: block;
line-height: 34px;
margin: 0 !important;
}

.sidenav a:first-of-type {
margin-top: -20px;
}

.sidenav a:hover {
color: var(--primary-blue);
}

.glyphicon {
margin-right: 3px;
}

/* style nina */

style Attribut {
--color--background: white;
--color--gray-900: var(--gray-900);
--color--gray-800: var(--gray-800);
--color--gray-700: var(--gray-700);
--color--gray-600: var(--gray-600);
--color--gray-100: var(--gray-100);
--color--icons: var(--gray-800);
--color--toggle-offset: 0rem;
}

body {
color: var(--gray-900);
font-family: var(--proximanova);
font-size: 16px;
line-height: 20px;
letter-spacing: 0.5px !important;
}


body * {
color: var(--gray-900);
font-family: var(--proximanova);
font-size: 16px;
line-height: 20px;
}

#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {

color: inherit;

background: inherit;

padding: inherit;

border: none;

font-size: inherit;
}

span#year {
color: inherit;
font-size: inherit;
}

#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover {
background: none;
text-decoration: underline;
}

h1 {
color: var(--color--gray-900);
margin-top: 0;
margin-bottom: 0;
font-family: var(--proximanova);
font-size: 36px;
font-weight: 500;
line-height: 4.75rem;
}

.agenda h2 {
color: var(--color--gray-900);
margin-top: 0;
margin-bottom: 0;
font-family: var(--proximanova);
font-size: 32px;
font-weight: 700;
line-height: 37px;
margin-bottom: 2.5rem;
}

h3 {
color: var(--color--gray-900);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: var(--proximanova);
font-size: 1.5rem;
font-weight: 600;
line-height: 1.8125rem;
}

h4 {
color: var(--color--gray-900);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: var(--proximanova);
font-size: 1.3125rem;
font-weight: 600;
line-height: 1.625rem;
}

h5 {
color: var(--color--gray-900);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: var(--proximanova);
font-size: 1.125rem;
font-weight: 600;
line-height: 1.375rem;
}

h6 {
color: var(--color--gray-900);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: var(--proximanova);
font-size: 1rem;
font-weight: 600;
line-height: 1.2rem;
}

p {
color: var(--gray-700);
letter-spacing: 0;
margin-bottom: 0;
font-family: var(--proximanova);
font-size: 1.125rem;
line-height: 1.625rem;
}

a {
color: var(--primary-blue);
text-decoration: none;
transition: all 0.2s;
}

ul {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-left: 14px;
display: flex;
}

ol {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-left: 16px;
display: flex;
}

label {
text-align: left;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5rem;
display: block;
}

strong {
color: var(--color--gray-900);
font-weight: 600;
}



.navbar-header img {
height: 75px !important;
width: auto !important;
}

.navbar-header a {
display: block;
}

.navbar-static-top.navbar-inverse .navbar-brand {
height: auto !important;
}

.wrapper-body {
margin-top: 0;
}

.navbar-static-top.navbar-inverse {
padding-bottom: 0;
min-height: inherit;
height: auto;
}

.navbar-static-top.navbar .navbar-collapse {
display: none !important;
flex: 0 0 auto;
justify-content: flex-end;
align-content: flex-end;
}

.nav-header-container {
display: flex;
justify-content: space-between;
align-items: flex-end;
max-width: 1240px;
flex: 0 0 auto;
margin: 0 auto;
}

.container-fluid:before,
.container-fluid:after {
display: none;
}

.banner {
display: flex;
align-self: stretch;
background: transparent;
width: 100%;
max-width: 1240px;
margin: 0 auto;
gap: 4rem;
}

section#Event {
background-size: 100% 100%;
background-position: 0px 0px;
background-image: radial-gradient(50% 150% at 50% 50%, #27292b 40%, #191a1a 65%, #000000 100%);
}

.banner > div {
width: auto;
margin: 0;
min-width: 520px;
}

.banner .eventImageconatainer {
max-height: none;
width: 100%;
max-width: 560px;
display: flex;
align-items: stretch;
overflow: hidden;
}
.banner > .eventInfo {
max-width: 520px;
                   }

.eventInfo p {
font-size: inherit;
color: #dee2e6;
line-height: 24px;
font-size: 18px;
margin: 8px 0;
font-weight: 300;
letter-spacing: 0.5px;
}


.eventDetails a {color: #dee2e6;}

.eventInfo .eventDetails p {

line-height: 24px;
font-size: 22.5px;
margin: 8px 0;
font-weight: 300;
}

.eventImage {
width: auto;
min-height: 400px;
height: 100%;
max-width: 520px;
background: #000;
border-radius: 8px;
overflow: hidden;
justify-content: center;
align-content: center;
box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.40);
}

.container-fluid .row {
max-width: 1240px !important;
}

div#row {
max-width: 1240px;
margin: 0rem auto;
display: flex;
gap: 8rem;
}

div#row > .col-md-1 {
display: none;
}

div#row > .col-md-9 {
padding: 0;
max-width: 780px;
}

div#row > .col-md-9 .agenda {
padding: 0;
}

.agenda__day {
margin-top: 12rem;
}

.agenda__data{
padding: 0;
margin: 1.5rem 0;
grid-template-columns: 130px minmax(300px, 1fr);
font-size: 18px;
line-height: 2.4rem;
}

.agenda__data * {
font-size: 18px;
}

.agenda__time {
margin-right: 5px;
text-align: justify;
}

.sidenav {
margin: 12rem 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 2rem;
overflow: hidden;
}

.sidenav a {
font-size: 18px;
padding: 0 24px;
line-height: 2.4rem;
}

.sidenav a:hover {
color: #0575d6 !important;
}

.speakers__section {
padding: 0;
margin-top: 8rem;
width: 100%;
}


.speaker__pictureframe img {
border: 1px solid #dee2e6;
border-radius: 8px;
overflow: hidden;
object-fit: cover;
width: 100%;
height: 100%;
}

.speaker__info {
margin: 1rem 0 0 6px;
font-size: 24px;
}

.speaker__bio {
font-size: 16px;
line-height: 3.5rem;
}

.eventdesc {
padding: 0;
}
.eventdesc h2 {
font-size: 32px;
}

section#Beschreibung {
margin: 8rem 0;
}

section#Beschreibung .eventdesc__text {
color: #2e3033;
font-size: 18px;
line-height: 26px;
font-weight: 400;
margin-bottom: 2rem;
}

section#Beschreibung .event__data {
display: block;
}

section#Registrierung {
width: 100%;
margin-bottom: 12rem;
margin-top: 4rem;
}

section#Registrierung .registration {
padding: 0;
}

form.marketingForm {
display: flex;
}

form.marketingForm {
  color: rgb(0, 0, 0);
  font-family: var(--proximanova);
  font-size: 14px;
  background-color: #F8F9FA;
  border: 1px solid #DEE2E6;
  border-radius: 6px;
}

form.marketingForm h1, form.marketingForm h1 * {
font-size: 32px !important;
font-weight: 700;
margin-bottom: 2rem;
}

form.marketingForm table {
width: 100% !important;
}

.eventdesc__title {
font-size: 18px;
color: 2E3033;
}

th div {
margin: 0 !important;
}

th div[data-editorblocktype~="Text"] p {
padding: 0 !important;
}


th div[data-editorblocktype~="Text"] +
div[data-editorblocktype~="Text"] p  {
padding: 0 !important;
}


div#ms_captcha_holder td:nth-child(2) {
width: 100% !important;
}

div[data-editorblocktype="Captcha"] {
padding: 2rem 3.5rem !important;
}

button.submitButton, 
button.submitButton *{color: var(--white);font-size: 16px;border: none !important;background: var(--primary-blue);letter-spacing: 0.5px;font-weight: 400;letter-spacing: 1px;}

button.submitButton:hover {
background-color: #0e5fa6;
}

.footer-container {
max-width: 1240px;
margin: 0 auto;
}

.row {
margin-left: 0 !important;
margin-right: 0 !important;
}

/* MEDIA QUERIES*/
@media only screen and (max-width: 300px) {
.speakers {
  grid-template-rows: auto-fill 1fr;
}
}

@media only screen and (max-width: 790px) {
div#row {
  gap: 1rem;
}
div#row > .col-md-9 {
  padding: 2%;
  max-width: 780px;
}

.agenda {
  width: 100%;
}

.agenda h2 {
  font-size: 26px;
}

.agenda__time {
  border-right: none;
  margin: 5px 0px 0px 0px;
  font-weight: 600;
}

.agenda__content {
  margin:  5px 0px 0px 0px;
}

.banner {
  flex-flow: wrap-reverse;
  height: auto;
  padding: 0;
  justify-content: stretch;
  align-content: stretch;
}

.banner > .eventInfo {
  padding: 0 3rem 2rem;
}

.banner .eventImageconatainer {
  width: 100%;
  align-content: stretch;
  max-width: 100%;
  max-height: 30rem
}

.banner > div {
  width: 100%;
}

.agenda__day {
  margin-top: 5rem;
}

.eventInfo {
  margin-left: 0;
}

.headerLogo {
  width: 40vw !important;
  padding-bottom: 0;
}

.speakers {
  display: flex;
  flex-direction: column;
}

.speaker {
  margin: 4% 0;
}
.speaker__pictureframe img {
  width: 100%;
  height: auto;
}

.speakers__section {
  width: 100%;
}

.registration__section {
  width: 100%;
}

.eventdesc,
.event__data {
  display: initial;
}

.agenda__data {
  grid-template-columns: 100%;
}

.banner > div {
  width: auto;
  margin: 0;
  min-width: auto;
}

.eventImage {
  width: 100%;
  max-width: none;
}

.eventDetails {
  display: flex;
  align-items: baseline;
  gap: 2rem;
}

section#Beschreibung {
  margin: 2rem 0;
}

.speakers__section {
  margin-top: 8rem;
}
.sidenav {
  gap: 1rem;
}

.sidenav a {
    padding: 0 11px;
}
}





@media (min-width: 790px) and (max-width: 1200px) {



  .navbar-header {
    padding-left: 5%;
  }

.speakers {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 3%;
}

#Event .banner {
  padding: 0;
}

.eventImage img {
  border-radius: 0 !important;
}

.banner {
  flex-flow: wrap-reverse;
  height: auto;
}

.banner > div {
  width: 100%;
  min-width: auto;
  padding: 20px;
  max-width: none;
}

.banner > .eventInfo {
  max-width: none;
}

.banner .eventImageconatainer {
  max-height: none;
  max-width: none;
  padding: 0;
}

.eventImage {
  width: auto;
  min-height: none;
  max-width: none;
  max-height: 550px;
}



div#row > .col-md-9 {
  padding: 2%;
}

section#Beschreibung {
  margin: 2rem 0;
}

.speakers__section {
  margin-top: 8rem;
}
}



:root {
  --proximanova: 'Proxima Nova', Arial,  sans-serif;
  --gray-600-601: #6d757e;
  --gray-900: #161617;
  --gray-700: #4f5459;
  --primary-blue: #0575d6;
  --light-blue: #4cafff;
  --gray-100: #f8f9fa;
  --gray-600: #6d757e;
  --gray-300-301: #dee2e6;
  --gray-800: #2e3033;
  --gray-400: #ced4da;
  --gray-200: #edf0f2;
  --dark-mode-blue: #041729;
  --dark-blue: #082645;
  --highlight-blue: #f3f8fd;
  --success: #15892b;
  --warning: #ffc107;
  --danger: #df4343;
  --white: white;
  --dark-mode-bg: #041729;
  --gray-500: #adb5bd;
  --primary-blue-hover: #0461b1;
  --deep-sky-blue: #4cafff9e;
  --home-max-teaser-size: 35rem;
  --gray-300: #dee2e6;
}
   
   .editor-control-layout html {
      box-sizing: border-box;
      background-color: var(--white);
    }

    .editor-control-layout *,
    .editor-control-layout ::before,
    .editor-control-layout ::after {
      box-sizing: inherit;
    }

    .marketingForm h1 {
      color: var(--gray-900);
      margin: 0px;
      padding: 0px;
      width: 100%;
      font-family: var(--proximanova);
      line-height: 1.25;
      font-size: 28px;
    }

    .marketingForm h2 {
      color: var(--gray-900);
      margin: 0px;
      padding: 0px;
      width: 100%;
      line-height: 1.25;
      font-family: var(--proximanova);
      font-size: 30px;
      font-weight: 600;
    }

    .marketingForm h3 {
      color: var(--gray-900);
      margin: 0px;
      padding: 0px;
      width: 100%;
      line-height: 1.25;
      font-family: var(--proximanova);
      font-size: 18px;
    }

    .marketingForm p {
      margin: 0px 0 2rem  0;
      padding: 0px;
      width: 100%;
      line-height: 1.5 !important;
      font-family: var(--proximanova);
      font-size: 16px;
      color: var(--gray-700);
      }

    .marketingForm p .msdynmkt_personalization {
      color: var(--gray-700);
    }

    .marketingForm a,
    div[data-editorblocktype="Captcha"] td:nth-of-type(2) a {
      text-decoration: none;
      font-family: var(--proximanova);
      font-size: 16px !important;
    }

    .marketingForm a:hover {
      color: var(--primary-blue-hover);
    }

    .marketingForm .primaryButtonWrapper,
    .submitButtonWrapper {
      margin: 10px 0px;
    }

    .marketingForm .primaryButton,
    .submitButton {
      font-family: var(--proximanova);
      font-size: 16px;
      line-height: 22px;
      background-color: var(--primary-blue);
      border: none;
      border-radius: 4px;
      color: var(--white);
      padding: 10px 20px;
      cursor: pointer;
    }

    .marketingForm .secondaryButton {
      font-family: var(--proximanova);
      font-weight: 700;
      font-size: 16px;
      line-height: 22px;
      background-color: var(--white);
      border: 1px solid var(--primary-blue);
      border-radius: 4px;
      color: var(--primary-blue);
      padding: 10px 20px;
      margin: 0px;
      cursor: pointer;
    }

    .marketingForm .error {
      font-family: var(--proximanova);
      font-weight: bold;
      font-size: 8px;
      margin: 0px;
      padding: 0px;
      color: var(--danger);
    }

    .zero-state-container span {
      font-family: var(--proximanova);
      font-weight: 600;
      font-size: 20px;
      line-height: 26px;
      color: rgb(36, 36, 36);
    }

input#_registration {
    display: none;
}

    form.marketingForm {
      color: var(--gray-900);
      font-family: var(--proximanova);
      font-size: 14px;
      background-color: var(--gray-100);
      max-width: 80rem;
      display: flex;
      flex-direction: column;
      padding: 2rem 3rem;
    }

    form.marketingForm > div {
      width: 100% !important;
      
      display: flex;
      flex-direction: column;
    }
/*    [data-layout="true"] {
      max-width: 800px;
      background-color: rgba(255, 255, 255, 0);
      border-style: none;
      font-family: var(--proximanova);
    } */

    div[data-editorblocktype="SubmitButton"] {
      padding: 0;
      display: flex;
    }

    div[data-editorblocktype="Captcha"] {
      padding: 20px 12%;
    }

    div[data-editorblocktype="Captcha"] table,
    div[data-editorblocktype="Captcha"] div>table>tbody>tr>td:nth-of-type(2) {
      width: 100% !important;
    }

    div[data-editorblocktype="Captcha"] div>div>table>tbody>tr:first-of-type>td:last-of-type {
      padding-bottom: 12px !important;
    }

    div[data-editorblocktype="Captcha"] tr[id="wlspispHIPErrorContainer"] {
      margin-top: 20px;
    }

    div[data-editorblocktype="Captcha"] tr[id="wlspispHIPErrorContainer"] td:nth-of-type(2) {
      width: auto !important;
    }

    div[data-editorblocktype="Captcha"] tr[id="wlspispHIPErrorContainer"] img {
      display: flex;
    }

    div[data-editorblocktype="Captcha"] td:nth-of-type(2)>div>div {
      margin-top: 4px;
    }

    div[data-editorblocktype="Captcha"] td:nth-of-type(2)>div>div * {
      font-weight: 400;
    }

    div[data-editorblocktype="Captcha"] td:nth-of-type(2)>div>div b {
      color: rgb(121, 119, 117);
    }

    div[data-editorblocktype="Captcha"] tr:nth-of-type(2)>td {
      height: 0px !important;
    }

    div[data-editorblocktype="Captcha"] td input {
      margin-top: 20px !important;
      padding: 16px 8px !important;
      width: 100% !important;
    }

    div[data-editorblocktype="Captcha"] div[id^="wlspaudioBtnHolder"] {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    div[data-editorblocktype="About"],
    div[data-editorblocktype="Sessions"],
    div[data-editorblocktype="Speakers"] {
      padding: 32px 24px;
    }

    div[data-editorblocktype="About"] span,
    div[data-editorblocktype="Sessions"] span,
    div[data-editorblocktype="Speakers"] span {
      color: var(--gray-700);
    }

    div[data-editorblocktype="About"] p {
      display: flex;
      margin-top: 10px;
      color: var(--gray-700);
    }

    div[data-editorblocktype="About"] p span {
      margin-right: 10px;
    }

    .textFormFieldBlock,
    .dateTimeFormFieldBlock,
    .twoOptionFormFieldBlock,
    .optionSetFormFieldBlock,
    .multiOptionSetFormFieldBlock,
    .lookupFormFieldBlock {
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 0.25rem;
      margin: 0 !important;
    }

    table.multi .textFormFieldBlock,
    table.multi .dateTimeFormFieldBlock,
    table.multi .twoOptionFormFieldBlock,
    table.multi .optionSetFormFieldBlock,
    table.multi .multiOptionSetFormFieldBlock,
    table.multi .lookupFormFieldBlock {
      padding: 0;
      margin: 0;
    }

    .consentBlock {
      padding: 4px 30px;
    }

    .textFormFieldBlock label,
    .dateTimeFormFieldBlock label,
    .lookupFormFieldBlock label,
    .twoOptionFormFieldBlock label.block-label,
    .optionSetFormFieldBlock label.block-label,
    .multiOptionSetFormFieldBlock label.block-label,
    div[data-editorblocktype="Captcha"] label[id^="wlspispHipInstructionContainer"],
    .textFormFieldBlock label *,
    .dateTimeFormFieldBlock label *,
    .lookupFormFieldBlock label *,
    .twoOptionFormFieldBlock label.block-label *,
    .optionSetFormFieldBlock label.block-label *,
    .multiOptionSetFormFieldBlock label.block-label *,
    .consentBlock label * {
      font-family: var(--proximanova);
      font-size: 16px;
      font-weight: 400;
      color: var(--gray-700);
    }

    .textFormFieldBlock label,
    .dateTimeFormFieldBlock label,
    .lookupFormFieldBlock label,
    .twoOptionFormFieldBlock label.block-label,
    .optionSetFormFieldBlock label.block-label,
    .multiOptionSetFormFieldBlock label.block-label,
    div[data-editorblocktype="Captcha"] label[id^="wlspispHipInstructionContainer"] {
      display: flex;
      margin: 4px 0px 0px;
      padding: 0px;
      width: 100%;
      justify-content: flex-start;
      flex-direction: row;
      flex: auto;
    }

    .textFormFieldBlock label>*,
    .dateTimeFormFieldBlock label>*,
    .lookupFormFieldBlock label>*,
    .twoOptionFormFieldBlock label.block-label>*,
    .optionSetFormFieldBlock label.block-label>*,
    .multiOptionSetFormFieldBlock label.block-label>*,
    .consentBlock label>* {
      display: inline-flex;
    }

    .textFormFieldBlock label p::after,
    .twooption_checkbox label p::after,
    .dateTimeFormFieldBlock label p::after,
    .lookupFormFieldBlock label p::after,
    .twoOptionFormFieldBlock label.block-label p::after,
    .twoOptionFormFieldBlock div.twooption_checkbox label p::after,
    .optionSetFormFieldBlock label.block-label p::after,
    .multiOptionSetFormFieldBlock label.block-label p::after,
    .consentBlock label p::after,
    div[data-editorblocktype="Captcha"] label[id^="wlspispHipInstructionContainer"]::after {
      width: 22px;
      display: inline-block;
      line-height: 22px;
      text-align: center;
      content: "*";
      visibility: hidden;
    }

    div[data-required].textFormFieldBlock label p::after,
    div[data-required].dateTimeFormFieldBlock label p::after,
    div[data-required].lookupFormFieldBlock label p::after,
    div[data-required] div.twooption_checkbox label p::after,
    div[data-required] label.block-label p::after,
    div[data-required="true"].consentBlock label p::after,
    div[data-editorblocktype="Captcha"] label[id^="wlspispHipInstructionContainer"]::after {
      visibility: visible;
    }

    div[data-hide].textFormFieldBlock,
    div[data-hide].dateTimeFormFieldBlock,
    div[data-hide].lookupFormFieldBlock,
    div[data-hide].twoOptionFormFieldBlock,
    div[data-hide].optionSetFormFieldBlock,
    div[data-hide].multiOptionSetFormFieldBlock {
      background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzc05hbWU9ImhpZGRlbkZpZWxkSWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0nMjQnIGhlaWdodD0nMjQnIHZpZXdCb3g9IjAgMCAyMDQ4IDIwNDgiPg0KICAgICAgICA8cGF0aCBkPSJNNzQgMjkybDkwLTkwIDE2MzAgMTYyOS05MSA5MS00NTctNDU3cS01NCAzNS0xMDUgNTN0LTExNyAxOHEtODAgMC0xNTAtMzB0LTEyMi04Mi04Mi0xMjItMzAtMTUwcTAtNjUgMTgtMTE2dDUzLTEwNkwzOTEgNjEwUTI2NiA3MTUgMTk3IDg1MXQtNjkgMzAxSDBxMC05MSAyMS0xNzl0NjAtMTcwIDk0LTE1MyAxMjYtMTMwTDc0IDI5MnptNjk0IDg2MHEwIDUzIDIwIDk5dDU1IDgyIDgxIDU1IDEwMCAyMHEzNiAwIDY3LTl0NjItMjdsLTM0OS0zNDlxLTE3IDMxLTI2IDYydC0xMCA2N3ptMzI4LTI0NUw5NjMgNzc0bDMwLTRxMTUtMiAzMS0yIDc5IDAgMTQ5IDMwdDEyMiA4MiA4MyAxMjMgMzAgMTQ5cTAgMTUtMiAzMHQtNCAzMWwtMTMzLTEzM3EtNDItMTMxLTE3My0xNzN6bTk1MiAyNDVoLTEyOHEwLTExOC0zNi0yMjF0LTk5LTE4OC0xNTAtMTUyLTE4NS0xMTMtMjA4LTcwLTIxOC0yNHEtOTggMC0xOTIgMTl0LTE4NSA1NmwtOTgtOThxMTE2LTUzIDIzMS03OXQyNDQtMjZxMTQ0IDAgMjg1IDM1dDI2NSAxMDUgMjI2IDE3MCAxNjYgMjM0cTQwIDgyIDYxIDE3MXQyMSAxODF6Ig0KICAgICAgICBmaWxsPSIjQzMzNDAwIiAvPg0KICAgICAgICA8L3N2Zz4=);
      background-repeat: no-repeat;
      background-position: 86% 20%;
    }

    .optionSetFormFieldBlock select,
    .textFormFieldBlock input,
    .dateTimeFormFieldBlock input,
    .lookupFormFieldBlock input,
    .marketingForm textarea,
    div[data-editorblocktype="Captcha"] input {
      font-family: var(--proximanova);
      padding: 1.5rem 2rem;
      background-color: var(--white);
      border: 1px solid var(--gray-400);
      border-radius: 6px;
      display: block;
      width: 100%;
      height: 100%;
      box-sizing: border-box;
      font-size: 1.6rem;
      flex: 2 1 0%;
      max-width: 50rem;
    }

    .optionSetFormFieldBlock select,
    .textFormFieldBlock input::placeholder,
    .dateTimeFormFieldBlock input,
    .lookupFormFieldBlock input::placeholder,
    .marketingForm textarea::placeholder,
    div[data-editorblocktype="Captcha"] input::placeholder {
      color: var(--gray-700) !important;
    }

    .textFormFieldBlock textarea {
      resize: vertical;
      height: 120px;
    }

    .lookupFormFieldBlock input {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMDQ4IDIwNDgiPjxwYXRoIGQ9Ik0xMzQ0IDBxOTcgMCAxODcgMjV0MTY4IDcxIDE0MiAxMTAgMTExIDE0MyA3MSAxNjggMjUgMTg3cTAgOTctMjUgMTg3dC03MSAxNjgtMTEwIDE0Mi0xNDMgMTExLTE2OCA3MS0xODcgMjVxLTEyNSAwLTIzOS00MnQtMjExLTEyMWwtNzg1IDc4NHEtMTkgMTktNDUgMTl0LTQ1LTE5LTE5LTQ1cTAtMjYgMTktNDVsNzg0LTc4NXEtNzktOTYtMTIxLTIxMHQtNDItMjQwcTAtOTcgMjUtMTg3dDcxLTE2OCAxMTAtMTQyVDk4OSA5NnQxNjgtNzEgMTg3LTI1em0wIDEyODBxMTE5IDAgMjI0LTQ1dDE4My0xMjQgMTIzLTE4MyA0Ni0yMjRxMC0xMTktNDUtMjI0dC0xMjQtMTgzLTE4My0xMjMtMjI0LTQ2cS0xMTkgMC0yMjQgNDVUOTM3IDI5NyA4MTQgNDgwdC00NiAyMjRxMCAxMTkgNDUgMjI0dDEyNCAxODMgMTgzIDEyMyAyMjQgNDZ6Ii8+PC9zdmc+);
      background-repeat: no-repeat;
      background-position: 98% 50%;
      background-size: 1em 1em;
    }

    .optionSetFormFieldBlock select {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEyIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDYuNzA4OThMMC4xNDY0ODQgMC44NTU0NjlMMC44NTU0NjkgMC4xNDY0ODRMNiA1LjI5MTAyTDExLjE0NDUgMC4xNDY0ODRMMTEuODUzNSAwLjg1NTQ2OUw2IDYuNzA4OThaIiBmaWxsPSIjNjA1RTVDIi8+Cjwvc3ZnPgo=);
      background-repeat: no-repeat;
      background-position: 98% 50%;
      appearance: none;
    }

    .optionSetFormFieldBlock select option {
      background-color: var(--gray-100);
    }

    .twoOptionFormFieldBlock div.radiobuttons,
    .twoOptionFormFieldBlock div.twooption_checkbox,
    .optionSetFormFieldBlock div.radiobuttons,
    .multiOptionSetFormFieldBlock fieldset {
      font-family: var(--proximanova);
      font-size: 14px;
      border: none;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      padding: 0px;
      gap: 8px;
      flex: 2 1 0%;
    }

    .twoOptionFormFieldBlock div.radiobuttons,
    .optionSetFormFieldBlock div.radiobuttons,
    .multiOptionSetFormFieldBlock fieldset {
      margin-top: 16px;
    }

    .twoOptionFormFieldBlock div.radiobuttons>div,
    .twoOptionFormFieldBlock div.twooption_checkbox>div,
    .optionSetFormFieldBlock div.radiobuttons>div,
    .multiOptionSetFormFieldBlock fieldset>div,
    .consentBlock>div {
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0px;
      gap: 8px;
    }

    .twoOptionFormFieldBlock div.radiobuttons div label,
    .optionSetFormFieldBlock div.radiobuttons div label {
      font-family: var(--proximanova);
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
    }

    .twoOptionFormFieldBlock div.twooption_checkbox div label,
    .twoOptionFormFieldBlock div.twooption_checkbox div label div,
    .consentBlock div label p {
      font-family: var(--proximanova);
      font-weight: 400;
      font-size: 16px;
      line-height: 20px;
      letter-spacing: 0;
    }

    .multiOptionSetFormFieldBlock fieldset>div>label {
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
    }

    .twoOptionFormFieldBlock div.radiobuttons,
    .optionSetFormFieldBlock div.radiobuttons {
      padding: 0px;
      margin: 0px;
      border-radius: 0px;
    }

    .twoOptionFormFieldBlock div.twooption_checkbox>div,
    .consentBlock>div {
      width: 100%;
      border-radius: 0px;
    }

    .twoOptionFormFieldBlock div.radiobuttons div,
    .optionSetFormFieldBlock div.radiobuttons div {
      width: 100%;
    }

    .twoOptionFormFieldBlock div.twooption_checkbox div,
    .consentBlock div {
      padding: 0px;
      margin: 0px;
    }

    .twoOptionFormFieldBlock div.radiobuttons div input,
    .twoOptionFormFieldBlock div.twooption_checkbox div input,
    .optionSetFormFieldBlock div.radiobuttons div input,
    .multiOptionSetFormFieldBlock fieldset>div>input[type="checkbox"],
    .consentBlock div input {
      margin: 0px;
      box-sizing: border-box;
      width: 20px;
      height: 20px;
      border: 1px solid var(--gray-700);
      border-radius: 2px;
      accent-color: var(--primary-blue);
      flex-shrink: 0;
    }

    .marketingForm [dir="rtl"],
    .marketingForm [dir="rtl"] * {
      text-align: right;
    }

    .marketingForm s span {
      text-decoration: line-through;
    }

    .marketingForm u span {
      text-decoration: underline;
    }

    .dividerWrapper p span {
      line-height: 0px;
    }

    .marketingForm ul,
    .marketingForm ol {
      margin-top: 15px;
      margin-bottom: 15px;
      line-height: 1.25;
      padding-inline-end: 0px !important;
    }

    .marketingForm p img {
      max-width: 100%;
    }

    .marketingForm u a {
      text-decoration: underline;
    }

    .marketingForm .imageWrapper a img {
      text-decoration: none;
      border: 0px;
    }

    .marketingForm th.columnContainer,
    .marketingForm th.inner {
      font-weight: normal;
      text-align: left;
      height: auto !important;
      width: 100% !important;
    }

    .marketingForm [dir="rtl"] th.columnContainer,
    .marketingForm [dir="rtl"] th.inner {
      font-weight: normal;
      text-align: right;
    }

    @media only screen and (max-width: 768px) {
      .marketingForm a span {
        line-height: inherit !important;
      }

      .marketingForm .multi table {
        table-layout: fixed;
        height: auto !important;
      }

      .marketingForm .multi td {
        width: auto !important;
        min-height: auto !important;
      }

      .marketingForm .multi tbody,
      .marketingForm .multi tbody tr,
      .marketingForm .multi tbody tr td,
      .marketingForm .multi tbody tr th,
      .marketingForm .outer tbody,
      .marketingForm .outer tbody tr,
      .marketingForm .outer tbody tr td,
      .marketingForm .outer tbody tr th {
        display: block;
        box-sizing: border-box;
        height: auto !important;
        min-height: auto !important;
      }

      .marketingForm .wrap-section .multi tbody,
      .marketingForm .wrap-section .multi tbody tr,
      .marketingForm .wrap-section .multi tbody tr td,
      .marketingForm .wrap-section .multi tbody tr th,
      .marketingForm .wrap-section .outer tbody,
      .marketingForm .wrap-section .outer tbody tr,
      .marketingForm .wrap-section .outer tbody tr td,
      .marketingForm .wrap-section .outer tbody tr th {
        width: 100% !important;
      }

      .marketingForm .multi .inner {
        height: auto !important;
        min-height: auto !important;
      }

      .marketingForm .tbContainer .inner {
        box-sizing: border-box;
      }

      .marketingForm .outer {
        width: 100% !important;
      }

      .marketingForm .tbContainer .columnContainer table {
        table-layout: fixed !important;
      }

      .marketingForm .innerTable {
        min-height: auto !important;
      }

      .marketingForm .no-wrap-section .outer {
        display: table !important;
      }

      .marketingForm .no-wrap-section .multi table {
        height: 100% !important;
      }

      .marketingForm .no-wrap-section .multi tbody,
      .marketingForm .no-wrap-section .outer tbody {
        display: table-row-group !important;
        width: 100% !important;
      }

      .marketingForm .no-wrap-section .multi tbody tr,
      .marketingForm .no-wrap-section .outer tbody tr {
        display: table-row !important;
        width: 100% !important;
      }

      .marketingForm .no-wrap-section .multi tbody tr td,
      .marketingForm .no-wrap-section .multi tbody tr th,
      .marketingForm .no-wrap-section .outer tbody tr td,
      .marketingForm .no-wrap-section .outer tbody tr th {
        display: table-cell !important;
      }

      .marketingForm .no-wrap-section.columns-equal-class .outer tbody tr td,
      .marketingForm .no-wrap-section.columns-equal-class .outer tbody tr th {
        height: 0px !important;
      }

      .marketingForm .no-wrap-section .outer tbody tr td.inner,
      .marketingForm .no-wrap-section .outer tbody tr th.inner {
        width: 100% !important;
        height: auto !important;
      }

      .marketingForm a[x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-family: var(--proximanova);
        font-weight: inherit !important;
        line-height: inherit !important;
      }
                .no-wrap-section .outer .multi tbody tr td,
                .no-wrap-section .outer .multi tbody tr th {
                    display: table-cell !important;
                }
                .no-wrap-section .outer .multi tbody tr td.inner,
                .no-wrap-section .outer .multi tbody tr th.inner {
                    display: block !important;
                }
                .no-wrap-section .outer .multi .dividerWrapper tbody tr td,
                .no-wrap-section .outer .multi .dividerWrapper tbody tr th {
                    display: block !important;
                }
                .no-wrap-section .containerWrapper tr {
                    display: flex !important;
                }
                .no-wrap-section .containerWrapper .innerTable tr {
                    display: block !important;
                }
                .hide-on-mobile-class {
                    display: none !important;
                }
                .hide-on-desktop-class {
                    display: block !important;
                }
                .hide-on-desktop-class.hide-on-mobile-class{
                    display: none !important;
                }
            }.notification-container {
      margin: 10px;
    }

    .notification-message {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 38px;
      border: 1.44737px solid var(--gray-300);
      border-radius: 10px;
      margin-bottom: 10px;
      margin-top: 10px;
    }

    .notification-message-hide {
      display: none;
    }
  
                .hide-on-desktop-class {
                    display: none;
                }

                button span {
                  background: none !important;
                }
form.marketingForm table, 
form.marketingForm tbody {
    width: 100% !important;
    padding: 0;
    display: flex !important;
    flex-direction: column;
}

form.marketingForm tr, form.marketingForm th {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 !important;
  gap: 2rem;
}