@charset "UTF-8";
/*
Theme Name: Grand Rounds 2021
Theme URI: http://tnbw.com/
Author: tnbw.com
Author URI: tnbw.com/
*/
/* via _variables
$grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
) */
/* max beakpoints for max-width:  */
/* via _variables
$grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
) */
/* max beakpoints for max-width:  */
body {
  margin: 0;
  font-family: Roobert, sans-serif;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.4;
  color: #000;
  text-align: left;
  background: #fff;
  transition: opacity 500ms;
}

body.no-opacity {
  opacity: 0;
}

body.in-modal {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

svg,
.full-width,
.width-100 {
  width: 100%;
}

.full-height,
.height-100 {
  height: 100%;
}

.width-50 {
  width: 50%;
}

.margin-0-auto {
  margin: 0 auto;
}

.row {
  position: relative;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.cursor-pointer {
  cursor: pointer;
}

.overflow-hidden {
  overflow: hidden;
}

iframe {
  border: none;
}

div,
.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.top-0 {
  top: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.right-0 {
  right: 0;
}

/* remove webkit rounded corners */
input[type=text],
input[type=email],
input[type=tel],
input[type=submit] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

input[type=tel],
input[type=email],
input[type=text] {
  border: 1px solid #ccc;
}

textarea {
  resize: none;
}

/* remove user agent styles */
h1, h2, h3, h4, h5, p, ul, li {
  margin: 0;
  padding: 0;
}

a, a:focus {
  outline: 0;
}

p a.no-underline:link,
.no-underline,
p a:link.btn,
a:link.btn {
  text-decoration: none;
}

.hover-underline:hover {
  text-decoration: underline;
}

/* no list styles */
ul {
  list-style: none;
}

img {
  vertical-align: top;
  height: auto;
}

.color-white {
  color: #fff;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.align-items-flex-end {
  align-items: flex-end;
}

.justify-content-space-between {
  justify-content: space-between;
}

.justify-content-flex-end {
  justify-content: flex-end;
}

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

.flex-wrap-wrap {
  flex-wrap: wrap;
}

@font-face {
  font-family: "Roobert Bold";
  src: url("fonts/Roobert-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roobert Bold Italic";
  src: url("fonts/Roobert-BoldItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roobert SemiBold";
  src: url("fonts/Roobert-SemiBold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roobert SemiBold Italic";
  src: url("fonts/Roobert-SemiBoldItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roobert Regular";
  src: url("fonts/Roobert-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roobert Regular Italic";
  src: url("fonts/Roobert-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
}
/* via _variables
$grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
) */
/* max beakpoints for max-width:  */
.HamburgerMenu {
  position: relative;
  width: 24px;
  height: 27px;
}

.HamburgerMenu a {
  position: relative;
  transition: all 500ms;
  display: block;
}

.HamburgerMenu span {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.HamburgerMenu span svg path {
  fill: #442056;
}

.HamburgerMenu span svg path {
  fill: #442056;
}

.HamburgerMenu-menu-in-icon {
  display: block;
}

.HamburgerMenu-menu-out-icon {
  display: none;
}

.hamburger-menu-out .HamburgerMenu-menu-out-icon {
  display: block;
}

.hamburger-menu-out .HamburgerMenu-menu-in-icon {
  display: none;
}

.HamburgerMenu-back-link,
.HamburgerMenu-target {
  display: none;
}

.hamburger-menu-out .HamburgerMenu-target .sub-menu,
.hamburger-menu-out .HamburgerMenu-back-link,
.hamburger-menu-out .HamburgerMenu-target {
  display: block;
}

.hamburger-menu-out .HamburgerMenu-target {
  margin-top: 0;
}

#HamburgerMenu-target-container {
  position: fixed;
  position: fixed;
  top: 0;
  right: 0;
  width: 0;
  background: white;
  z-index: 7000;
  transition: width 400ms;
}

.HamburgerMenu-menu-toggle {
  position: absolute;
  top: 2px;
  right: 8px;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 500;
}

header,
#main {
  transition: margin-left 400ms;
}

.HamburgerMenu-back-link {
  text-align: right;
}

.HamburgerMenu-back-link a {
  text-decoration: none;
  font-size: 6rem;
  line-height: 1;
}

.HamburgerMenu-back-link a:hover {
  text-decoration: none;
  border-bottom: 0 !important;
}

.hamburger-menu-out .HamburgerMenu-menu-toggle a {
  display: none;
}

.hamburger-menu-out #HamburgerMenu-target-container {
  width: 100%;
  height: 100%;
  padding: 38px;
}

body.hamburger-menu-out {
  overflow-x: hidden;
}

.HamburgerMenu-back-link {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #442056;
}

.HamburgerMenu-target li {
  padding-bottom: 8px;
}

.HamburgerMenu-target a,
.HamburgerMenu-target a:link,
.HamburgerMenu-target a:visited,
.HamburgerMenu-target a:hover {
  color: #442056;
  text-decoration: none;
  font-family: Roobert SemiBold, sans-serif;
  font-size: 2.2rem;
  border-bottom: 1px solid transparent;
}

.HamburgerMenu-target a:hover {
  border-bottom: 1px solid #442056;
}

.HamburgerMenu-target .sub-menu {
  position: relative;
  padding-top: 0.5rem;
  padding-bottom: 0rem;
  font-family: Roobert, sans-serif;
}

.HamburgerMenu-target .sub-menu a:link,
.HamburgerMenu-target .sub-menu a:visited,
.HamburgerMenu-target .sub-menu a:hover {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Roobert, sans-serif;
}

.SocialNav li {
  float: left;
  width: 17px;
  margin-right: 10px;
}

.SocialNav li svg {
  width: 100%;
}

.SocialNav li a:hover {
  opacity: 0.9;
  text-decoration: none;
  border: none;
}

/* via _variables
$grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
) */
/* max beakpoints for max-width:  */
.AccordionItemTeaserVE__title {
  padding: 0.4rem;
  padding-left: 4rem;
}

.AccordionItemTeaserVE__controls {
  width: 1.5rem;
  display: flex;
  height: 100%;
  align-items: center;
  left: 1rem !important;
}

.AccordionItemTeaserVE__controls svg {
  width: 100%;
}

.AccordionItem__icon-closed,
.AccordionItemTeaserVE__content {
  display: none;
}

.Accordion-active .AccordionItemTeaserVE__content,
.Accordion-active .AccordionItem__icon-closed {
  display: block;
}

.Accordion-active .AccordionItem__icon-open {
  display: none;
}

.Accordion-active .AccordionItemTeaserVE__title {
  background: none;
}

/* via _variables
$grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
) */
/* max beakpoints for max-width:  */
.SuperSlideshow {
  overflow: hidden;
  width: 100%;
}

.SuperSlideshowSlide {
  transition: left 400ms, top 400ms, bottom 400ms, right 400ms, opacity 1ms;
  opacity: 0;
  position: absolute;
}

.did-initialize .SuperSlideshow__control-wrapper {
  opacity: 1;
}

.SuperSlideshowSlide__inner-label {
  font-weight: 700;
  background: #442056;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
}

.SuperSlideshowSlide__inner-label span {
  display: block;
  text-align: center;
  width: 100%;
}

.SuperSlideshow.transition-fade {
  transition: opacity 400ms;
}

.SuperSlideshowSlide.block-transition {
  transition: none;
}

.SuperSlideshowSlide.current-slide {
  opacity: 1;
  z-index: 399;
}

.SuperSlideshow__control-wrapper {
  width: 100%;
  opacity: 0;
  transition: opacity 500ms, top 400ms;
  padding: 3rem;
}

.SuperSlideshow__pager {
  text-align: center;
  cursor: pointer;
}

.SuperSlideshow__pager span {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #0569FF;
  margin-top: 2px;
  margin-left: 8px;
  margin-right: 8px;
  opacity: 0.6;
  user-select: none;
}

.SuperSlideshow__pager span.current-pager {
  opacity: 1;
}

.SuperSlideshow__slideIndicator-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
}

.SuperSlideshow__overlay-button {
  position: absolute;
  z-index: 401;
  top: 0;
  left: 0;
  height: 100%;
  width: 20%;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0;
}

.SuperSlideshow__overlay-button svg {
  width: 100%;
  max-width: 30px;
  margin: 0 auto;
}

.SuperSlideshow__overlay-button-inner {
  background: none;
  width: 145px;
  height: 145px;
  display: flex;
  align-items: center;
  /* border-radius: 50%;*/
  transition: background 400ms;
}

.SuperSlideshow__button {
  width: 40px;
  cursor: pointer;
}

.SuperSlideshowSlide__info {
  min-height: 50%;
  margin-left: -12%;
}

.slideshow-vertical .SuperSlideshow__control-wrapper {
  width: auto;
  left: auto;
  right: 0;
  height: 100%;
  top: 0;
  position: absolute;
  z-index: 400;
  transition: opacity 500ms, top 400ms;
  padding: 2rem;
}

.slideshow-slides-in-phone .SuperSlideshow__control-wrapper .SuperSlideshow__pager span,
.slideshow-vertical .SuperSlideshow__control-wrapper .SuperSlideshow__pager span {
  background: #FF63D3;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.slideshow-slides-in-phone .SuperSlideshow__control-wrapper {
  display: none !important;
}

.slideshow-vertical .SuperSlideshowSlide__info {
  margin-left: auto;
}

.slideshow-vertical .SuperSlideshow__pager span {
  display: block;
}

.SuperSlideshow-numslides-1 .SuperSlideshow__control-wrapper {
  display: none !important;
}

.SlideshowElement__control-overlay {
  right: 10%;
  top: 10%;
}

.SlideshowElement__slides-in-phone-top {
  z-index: 799;
}

.SlideshowElement__slides-in-phone-content {
  top: 20%;
  height: 80%;
  position: absolute;
  width: 100%;
}

/* via _variables
$grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
) */
/* max beakpoints for max-width:  */
.Tabs__nav li {
  display: inline-block;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  cursor: pointer;
  margin-top: 0;
  width: 100%;
  border-right: 1px solid #ccc;
}

li.Tabs__nav-active,
.Tabs__nav li:hover {
  border-right: 2px solid #0569FF;
}

.Tabs__nav-title {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.Tabs__nav-state-indicator {
  width: 100%;
  height: 0.5rem;
}

.Tabs__nav-active .Tabs__nav-title,
.Tabs__nav-title:hover {
  color: #0569FF;
}

.Tabs__nav ul {
  text-align: left;
}

.VerticalTabsContent,
.TabsContent {
  display: none;
}

.VerticalTabsContent.Tabs__content-active,
.TabsContent.Tabs__content-active {
  display: block;
}

.VerticalTabsContent > div {
  box-shadow: 3px 8px 4px rgba(58, 59, 63, 0.1);
}

.VerticalTabs .Tabs__nav li {
  border: 1px solid #e1e1e1;
  box-shadow: 3px 8px 4px rgba(58, 59, 63, 0.1);
  padding: 2rem;
  margin-bottom: 2rem;
  display: flex;
  justify-content: space-between;
  color: #0569FF;
}

.VerticalTabs .Tabs__nav .Tabs__nav-active,
.VerticalTabs .Tabs__nav li:hover {
  background: #F5F0E9;
}

.VerticalTabs .Tabs__nav li:last-of-type {
  margin-bottom: 0;
}

.VerticalTabs .Tabs__nav-symbol {
  width: 1.7rem;
  margin-top: 0.8rem;
}

.VerticalTabs .Tabs__nav-symbol svg path {
  fill: #0569FF;
}

.VerticalTabs .VerticalTabsContent > div,
.VerticalTabs .VerticalTabsContent,
.VerticalTabs .Tabs__content {
  height: 100%;
}

/* via _variables
$grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
) */
/* max beakpoints for max-width:  */
.EmailInput__inner {
  background: #F5F0E9;
  display: flex;
  padding: 15px;
  border-radius: 5rem;
  justify-content: space-between;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.EmailInput__inner svg {
  max-width: 3.2rem;
  cursor: pointer;
}

.EmailInput__inner input {
  border: none;
  background: transparent;
}

.EmailInput__inner input:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
  background-color: transparent;
}

/* via _variables
$grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
) */
/* max beakpoints for max-width:  */
html {
  font-size: 62.5%;
}

.form-control {
  font-size: 1.4rem;
}

a:focus {
  text-decoration: none;
}

a,
a:visited,
a:link {
  color: #333;
}

.color-white a,
.color-white a:focus,
.color-white a:active,
.color-white a:target,
.color-white a:focus-within,
.color-white a:hover,
.color-white a:focus-visible,
.color-white a:visited,
.color-white a:link {
  color: #fff;
}

a.color-secondary:visited,
a.color-secondary:link,
.color-secondary a:visited,
.color-secondary a:link {
  color: #442056;
}

a.color-primary:visited,
a.color-primary:link,
.color-primary a:visited,
.color-primary a:link {
  color: #0569FF;
}

p a:link {
  display: inline-block;
  text-decoration: underline;
}

p a:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, strong, b,
h1, h2, h3, h4, h5, h6, strong a, b a {
  font-style: normal;
  font-weight: normal;
}

strong, strong a, b, b a {
  font-family: Roobert Bold, sans-serif;
}

figure,
blockquote,
h1, h2, h3, h4, h5, h6 {
  font-size: 1.6rem;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

.texteditor-content h1 {
  font-size: 150%;
}

.texteditor-content h2 {
  font-size: 140%;
}

.texteditor-content h3 {
  font-size: 130%;
}

.texteditor-content h4 {
  font-size: 120%;
}

.texteditor-content h5 {
  font-size: 110%;
}

.texteditor-content h6 {
  font-size: 100%;
}

i, em {
  font-style: italic;
  font-weight: 400;
}

.font-xxs {
  font-size: 1rem;
  line-height: 1.4;
}

.font-xs {
  font-size: 1.2rem;
  line-height: 1.4;
}

.font-sm {
  font-size: 1.4rem;
  line-height: 1.6rem;
}

.font-md {
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.font-lg {
  font-size: 2.2rem;
  line-height: 3rem;
}

.font-lg-plus {
  font-size: 2.6rem;
  line-height: 3.2rem;
}

.font-xl {
  font-size: 3rem;
  line-height: 3.5rem;
}

.texteditor-content.font-xs p,
.texteditor-content .font-xs p,
.texteditor-content .font-xs ul {
  padding-bottom: 1.4;
}

.texteditor-content.font-sm p,
.texteditor-content .font-sm p,
.texteditor-content.font-sm ul {
  padding-bottom: 1.6rem;
}

.texteditor-content.font-md h1,
.texteditor-content.font-md h2,
.texteditor-content.font-md h3,
.texteditor-content.font-md h4,
.texteditor-content.font-md h5,
.texteditor-content.font-md h6,
.texteditor-content.font-md p,
.texteditor-content .font-md p,
.texteditor-content.font-md ul,
.texteditor-content.font-md ol,
.texteditor-content.font-md dl {
  padding-bottom: 2.4rem;
}

.texteditor-content.font-lg p,
.texteditor-content .font-lg p,
.texteditor-content.font-lg ul {
  padding-bottom: 3rem;
}

.texteditor-content.font-xl p,
.texteditor-content .font-xl p,
.texteditor-content.font-xl ul {
  padding-bottom: 3.5rem;
}

.texteditor-content.font-sm h1 {
  padding-bottom: 2.38rem;
}

.texteditor-content.font-sm h2 {
  padding-bottom: 1.96rem;
}

.texteditor-content.font-sm h3 {
  padding-bottom: 1.82rem;
}

.texteditor-content.font-sm h4 {
  padding-bottom: 1.68rem;
}

.texteditor-content.font-sm h5 {
  padding-bottom: 1.54rem;
}

.texteditor-content.font-sm h6 {
  padding-bottom: 1.4rem;
}

.texteditor-content-flush p:last-of-type {
  padding-bottom: 0;
}

.headline-xxl {
  font-family: Roobert Bold, sans-serif;
  font-size: 7rem;
  line-height: 1;
  font-weight: normal;
  letter-spacing: -0.1rem;
}

.headline-xl {
  font-family: Roobert Bold, sans-serif;
  font-size: 4.8rem;
  line-height: 5rem;
  font-weight: normal;
  letter-spacing: 0;
}

.headline-lg-plus {
  font-family: Roobert Bold, sans-serif;
  font-size: 4.2rem;
  line-height: 4.6rem;
  font-weight: normal;
  letter-spacing: 0;
}

.headline-lg {
  font-family: Roobert Bold, sans-serif;
  font-size: 3.8rem;
  line-height: 4.2rem;
  font-weight: normal;
  letter-spacing: 0;
}

.headline-md {
  font-family: Roobert Bold, sans-serif;
  font-size: 3rem;
  line-height: 3.4rem;
  font-weight: normal;
  letter-spacing: 0;
}

.headline-sm {
  font-family: Roobert Bold, sans-serif;
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: normal;
}

.headline-sm-semi {
  font-family: Roobert SemiBold, sans-serif;
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: normal;
}

.headline-xs {
  font-family: Roobert SemiBold, sans-serif;
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-weight: normal;
}

.bold-typeface {
  font-family: Roobert Bold, sans-serif;
  font-weight: normal;
}

.semi-bold-typeface {
  font-family: Roobert SemiBold, sans-serif;
  font-weight: normal;
}

.line-height-1_2 {
  line-height: 1.2;
}

/* via _variables
$grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
) */
/* max beakpoints for max-width:  */
.background-primary {
  background: #0569FF;
}

.background-primary-light {
  background: rgba(73, 120, 255, 0.1);
}

.background-white {
  background: #fff;
}

.background-black {
  background: #000;
}

.background-secondary {
  background: #442056;
}

.background-sand-with-curves,
.background-sand {
  background: #F5F0E9;
}

.background-mint {
  background: #00DED0;
}

.background-pink {
  background: #FF63D3;
}

.background-orange {
  background: #D03C06;
}

.background-deepgreen {
  background: #153549;
}

.background-secondary-dark {
  background: #333333;
}

.color-primary {
  color: #0569FF;
}

.color-primary-light {
  color: rgba(73, 120, 255, 0.1);
}

.color-light-grey {
  color: #989898;
}

.color-secondary {
  color: #442056;
}

.color-sand {
  background: #F5F0E9;
}

.color-mint {
  color: #00DED0;
}

.color-pink {
  color: #FF63D3;
}

.color-orange {
  color: #D03C06;
}

.color-deepgreen {
  color: #153549;
}

.color-dark {
  color: #333333;
}

.border-bottom-primary {
  border-bottom: 1px solid #0569FF;
}

.border-top-primary {
  border-top: 1px solid #0569FF;
}

.border-left-primary {
  border-left: 1px solid #0569FF;
}

.border-right-primary {
  border-right: 1px solid #0569FF;
}

.border-bottom-white {
  border-bottom: 1px solid #fff;
}

.border-top-white {
  border-top: 1px solid #fff;
}

.border-left-white {
  border-left: 1px solid #fff;
}

.border-right-white {
  border-right: 1px solid #fff;
}

.divider {
  clear: both;
  height: 1px;
}

.divider-fat {
  height: 3px;
}

.pt-xxs {
  padding-top: 0.2rem;
}

.pb-xxs {
  padding-bottom: 0.2rem;
}

.mt-xxs {
  margin-top: 0.2rem;
}

.mb-xxs {
  margin-bottom: 0.2rem;
}

.padding-xxs {
  padding: 0.2rem;
}

.spacer-xxs {
  height: 0.2rem;
  clear: both;
  width: 100%;
  line-height: 1px;
}

.pt-xs {
  padding-top: 0.5rem;
}

.pb-xs {
  padding-bottom: 0.5rem;
}

.mt-xs {
  margin-top: 0.5rem;
}

.mb-xs {
  margin-bottom: 0.5rem;
}

.padding-xs {
  padding: 0.5rem;
}

.spacer-xs {
  height: 0.5rem;
  clear: both;
  width: 100%;
  line-height: 1px;
}

.pt-sm {
  padding-top: 1rem;
}

.pb-sm {
  padding-bottom: 1rem;
}

.ml-sm {
  margin-left: 1rem;
}

.mr-sm {
  margin-right: 1rem;
}

.mt-sm {
  margin-top: 1rem;
}

.mt-sm-neg {
  margin-top: -1rem;
}

.mb-sm {
  margin-bottom: 1rem;
}

.pl-sm {
  padding-left: 1rem;
}

.pr-sm {
  padding-right: 1rem;
}

.padding-sm {
  padding: 1rem;
}

.spacer-sm {
  height: 1rem;
  clear: both;
  width: 100%;
  line-height: 1px;
}

.mt-md {
  margin-top: 2rem;
}

.mb-md {
  margin-bottom: 2rem;
}

.ml-md {
  margin-left: 2rem;
}

.mr-md {
  margin-right: 2rem;
}

.pt-md {
  padding-top: 2rem;
}

.mt-md-neg {
  margin-top: -2rem;
}

.pb-md {
  padding-bottom: 2rem;
}

.pl-md {
  padding-left: 2rem;
}

.pr-md {
  padding-right: 2rem;
}

.padding-md {
  padding: 2rem;
}

.spacer-md {
  height: 2rem;
  clear: both;
  width: 100%;
  line-height: 1px;
}

.pt-lg {
  padding-top: 3rem;
}

.pb-lg {
  padding-bottom: 3rem;
}

.pl-lg {
  padding-left: 3rem;
}

.pr-lg {
  padding-right: 3rem;
}

.mt-lg {
  margin-top: 3rem;
}

.mb-lg {
  margin-bottom: 3rem;
}

.ml-lg {
  margin-left: 3rem;
}

.mr-lg {
  margin-right: 3rem;
}

.padding-lg {
  padding: 3rem;
}

.spacer-lg {
  height: 3rem;
  clear: both;
  width: 100%;
  line-height: 1px;
}

.pt-xl {
  padding-top: 5rem;
}

.pb-xl {
  padding-bottom: 5rem;
}

.pr-xl {
  padding-right: 5rem;
}

.pl-xl {
  padding-left: 5rem;
}

.mt-xl {
  margin-top: 5rem;
}

.mb-xl {
  margin-bottom: 5rem;
}

.padding-xl {
  padding: 5rem;
}

.pl-0 {
  padding-left: 0;
}

.spacer-xl {
  height: 5rem;
  clear: both;
  width: 100%;
  line-height: 1px;
}

.container-fluid.container-flush {
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}

.border-top {
  border-top: 1px solid #ccc;
}

.border-bottom {
  border-bottom: 1px solid #ccc;
}

.border-white {
  border-color: #fff;
}

/* via _variables
$grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
) */
/* max beakpoints for max-width:  */
.btn {
  border-radius: 3rem;
  font-size: 1.5rem;
  padding: 0.9rem;
  padding-left: 2.2rem;
  padding-right: 2.2rem;
  transition: all 500ms;
  letter-spacing: 1px;
  text-shadow: none;
  box-shadow: none;
  border: none;
  display: inline-block;
  text-align: center;
}

.btn:hover {
  opacity: 0.7;
}

.btn-lg {
  border-radius: 5rem;
  font-size: 2rem;
  padding: 1.2rem;
  padding-left: 3rem;
  padding-right: 3rem;
}

.btn-sm {
  border-radius: 1.5rem;
  font-size: 1rem;
  letter-spacing: 1px;
  padding: 0.7rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.btn-xs {
  border-radius: 0;
}

a:link.btn-default,
a:visited.btn-default,
a.btn-default,
.btn-default {
  background: #080c2d;
  background: #77777a;
  color: #fff;
  border: 1px solid #fff;
}

.btn-default:hover,
.btn-default:active:focus,
a:hover.btn-default,
a:active.btn-default,
a:focus.btn-default {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border: 1px solid #fff;
}

a.btn-primary:link,
a.btn-primary:visited,
a.btn-primary,
.btn-primary,
.btn-primary,
.btn-primary:focus:active,
.btn-primary:focus,
.btn-primary:active {
  background: #0569FF;
  color: #fff;
  border: 1px solid #0569FF;
}

input[type=submit].btn-primary:focus,
a.btn-primary:hover,
.btn-primary:hover {
  color: #fff;
  text-shadow: none;
  box-shadow: none;
  border: 1px solid #0569FF;
}

a.btn-inverted,
a.btn-inverted:visited,
.btn-inverted,
.btn-inverted:visited {
  text-decoration: none;
  background: #fff;
  color: #0569FF;
  text-shadow: none;
  box-shadow: none;
  border: 1px solid #fff;
  transition: all 500ms;
  font-weight: normal;
}

a.btn-inverted:hover,
a.btn-inverted:focus,
a.btn-inverted:active,
.btn-inverted:hover,
.btn-inverted:focus,
.btn-inverted:active {
  background: #fff;
  color: #0569FF;
  border: 1px solid #fff;
}

a.btn-outline,
a.btn-outline:visited,
.btn-outline,
.btn-outline:visited {
  text-decoration: none;
  background: transparent;
  color: #fff;
  text-shadow: none;
  box-shadow: none;
  border: 1px solid #fff;
  transition: all 500ms;
  font-weight: normal;
}

a.btn-outline:hover,
a.btn-outline:focus,
a.btn-outline:active,
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
  background: #fff;
  color: #0569FF;
  border: 1px solid #fff;
  opacity: 1;
}

a.btn-outline-mint,
a.btn-outline-mint:visited,
.btn-outline-mint,
.btn-outline-mint:visited {
  text-decoration: none;
  background: transparent;
  color: #fff;
  text-shadow: none;
  box-shadow: none;
  border: 1px solid #00DED0;
  transition: all 500ms;
  font-weight: normal;
}

a.btn-outline-mint:hover,
a.btn-outline-mint:focus,
a.btn-outline-mint:active,
.btn-outline-mint:hover,
.btn-outline-mint:focus,
.btn-outline-mint:active {
  background: #fff;
  color: #0569FF;
  border: 1px solid #00DED0;
  opacity: 1;
}

a.btn-outline-pink,
a.btn-outline-pink:visited,
.btn-outline-pink,
.btn-outline-pink:visited {
  text-decoration: none;
  background: transparent;
  color: #fff;
  text-shadow: none;
  box-shadow: none;
  border: 1px solid #FF63D3;
  transition: all 500ms;
  font-weight: normal;
}

a.btn-outline-pink:hover,
a.btn-outline-pink:focus,
a.btn-outline-pink:active,
.btn-outline-pink:hover,
.btn-outline-pink:focus,
.btn-outline-pink:active {
  background: #fff;
  color: #0569FF;
  border: 1px solid #FF63D3;
  opacity: 1;
}

a.btn-mint,
a.btn-mint:visited,
.btn-mint,
.btn-mint:visited {
  background: #00DED0;
  color: #fff;
  border: 1px solid #00DED0;
}

a.btn-mint:hover,
a.btn-mint:focus,
a.btn-mint:active,
.btn-mint:hover,
.btn-mint:focus,
.btn-mint:active {
  background: #00DED0;
  color: #fff;
  border: 1px solid #00DED0;
}

a.btn-orange,
a.btn-orange:visited,
.btn-orange,
.btn-orange:visited {
  background: #D03C06;
  color: #fff;
  border: 1px solid #D03C06;
}

a.btn-orange:hover,
a.btn-orange:focus,
a.btn-orange:active,
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
  background: #D03C06;
  color: #fff;
  border: 1px solid #D03C06;
}

a.btn-pink,
a.btn-pink:visited,
.btn-pink,
.btn-pink:visited {
  background: #FF63D3;
  color: #fff;
  border: 1px solid #FF63D3;
}

a.btn-pink:hover,
a.btn-pink:focus,
a.btn-pink:active,
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active {
  background: #FF63D3;
  color: #fff;
  border: 1px solid #FF63D3;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: none;
  outline-offset: -2px;
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  background: #000;
  opacity: 1;
}

.btn-arrow-blue {
  transition: opacity 400ms;
}

.btn-arrow-blue svg {
  max-width: 2.5rem;
  margin-left: 3rem;
  margin-top: -0.3rem;
  transition: margin 400ms, opacity 400ms;
}

.label-less.btn-arrow-blue svg {
  margin-left: 0;
}

.btn-arrow-blue:hover {
  opacity: 0.8;
}

.btn-arrow-blue:hover svg {
  margin-left: 4.5rem;
}

/*
use this as master

a.btn-gold,
a.btn-gold:visited,
.btn-gold,
.btn-gold:visited {
  text-decoration: none;
  background:  $goldColor;
  color:  #fff;
  text-shadow: none;
  box-shadow: none;
  border: 1px solid #fff;
  transition: all 500ms;
  font-weight: normal;
}

a.btn-gold:hover,
a.btn-gold:focus,
a.btn-gold:active,
.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active{
  background: $goldColor;
  color:  #fff;
  text-shadow: none;
  box-shadow: none;
  border: 1px solid #fff
}



*/
/* via _variables
$grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
) */
/* max beakpoints for max-width:  */
.texteditor-content .alignright {
  float: right;
  clear: right;
}

.wp-caption-text {
  padding-top: 4px;
}

.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*=align],
img[class*=wp-image-],
img[class*=attachment-] {
  height: auto;
}

.texteditor-content .alignright {
  margin: 5px 0 5px 20px;
}

.texteditor-content .alignleft {
  float: left;
  clear: left;
}

.texteditor-content .alignleft {
  margin: 5px 20px 5px 0;
}

.texteditor-content .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.texteditor-content p a:link {
  display: inline;
}

.texteditor-content .text-float-video {
  width: 420px;
}

.texteditor-content ul {
  list-style-type: disc;
  padding-left: 20px;
}

.texteditor-content ol {
  list-style-type: decimal;
  padding-left: 20px;
}

.texteditor-content blockquote {
  padding: 2rem;
  margin: 2rem 0;
  background: #ffffff;
  border-left: 5px solid #442056;
  font-size: 2rem;
  line-height: 2.5rem;
}

.texteditor-content blockquote p {
  padding: 0 !important;
}

.texteditor-content iframe {
  width: 100%;
}

/* sm sizes */
@media (max-width: 991.98px) {
  .texteditor-content .text-float-video {
    width: 100%;
  }
}
/* xs sizes */
@media (max-width: 767.98px) {
  .texteditor-content .text-float-video {
    width: 280px;
  }
}
/* via _variables
$grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
) */
/* max beakpoints for max-width:  */
.hidden-labels label {
  display: none;
}

.hidden-labels .radio label {
  display: block;
}

.radio span {
  padding-left: 1rem;
}

input[type=tel].form-control, input[type=email].form-control, input[type=text].form-control, select.form-control, textarea.form-control {
  border-radius: 3rem;
  padding: 0.9rem;
  padding-left: 2.2rem;
  padding-right: 2.2rem;
  font-size: 1.5rem;
  height: auto;
  color: #442056;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #442056 !important;
  opacity: 1;
  /* Firefox */
}

.form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #442056 !important;
}

.form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #442056 !important;
}

.input-background-sand input[type=text].form-control,
.input-background-sand select.form-control,
.input-background-sand textarea.form-control,
.input-background-sand input[type=tel].form-control,
.input-background-sand input[type=email].form-control {
  background: #F5F0E9;
  border: 1px solid #F5F0E9;
}

.cookie-warning {
  position: fixed;
  bottom: 0;
  z-index: 3000;
  background: #fff;
  width: 100%;
  opacity: 0;
  transition: opacity 400ms;
  border-top: none;
  height: 0;
}

.cookie-warning-show {
  opacity: 1;
  height: auto;
}

.css-spinner-wrap {
  position: relative;
  display: none;
}

.css-spinner {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}

.processing .hide-on-processing {
  display: none;
}

.processing .show-on-processing {
  display: block;
}

.complete .show-on-complete {
  display: block;
}

.complete .hide-on-complete {
  display: none !important;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.max-width {
  max-width: 1250px;
  margin: 0 auto;
}

.max-width-320 {
  max-width: 320px;
}

.responsive-video {
  width: 100%;
}

#top-logo {
  max-width: 388px;
  max-width: 320px;
  max-width: 223px;
}

#powered-by-logo,
#partner-logo {
  max-width: 210px;
  width: 35%;
}

#logo-separator {
  margin-left: 2rem;
  margin-right: 2rem;
}

#logo-separator > div {
  height: 100%;
  border-left: 1px solid #ADADAE;
}

#partner-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left;
}

#top-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 900;
  border-bottom: none;
}

#main {
  padding-top: 81px;
}

#header-menu-wrap {
  width: 33%;
}

#footer p {
  display: none;
}

nav a {
  text-decoration: none;
}

.inline-menu li {
  display: inline-block;
  margin-right: 2.5rem;
  margin-left: 2.5rem;
}

.inline-menu {
  margin: 0;
  padding: 0;
}

.menu-item {
  position: relative;
}

.max-width-100 {
  max-width: 100%;
  width: auto;
}

.max-width-48 {
  max-width: 4.8rem;
}

.height-auto {
  height: auto;
}

.sub-menu {
  position: absolute;
  background: #fff;
  padding-top: 2rem;
  padding-bottom: 1.6rem;
  display: none;
}

header li.menu-item:hover .sub-menu {
  display: block;
}

.sub-menu li {
  margin: 0;
  padding: 0.4rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: block;
}

.sub-menu a {
  white-space: nowrap;
}

.menu a,
.menu a:link,
.menu a:visited {
  color: #442056;
  font-family: Roobert SemiBold, sans-serif;
}

.sidebar .menu a:link,
.sidebar .menu a:visited,
.FooterContentViewelement .menu a:link,
.FooterContentViewelement .menu a:visited {
  font-family: Roobert, sans-serif;
  text-decoration: none;
}

.menu a:hover,
.current-menu-item > a,
.current_page_item > a {
  border-bottom: 1px solid #442056;
}

.current_page_item > a.disregard-current-status {
  border-bottom: 1px solid transparent !important;
}

.current_page_item > a.disregard-current-status:hover {
  border-bottom: 1px solid #442056 !important;
}

.color-white a,
.color-white a:visited,
.color-white .menu a:link,
.color-white .menu a:visited {
  color: #fff;
}

.color-white a:hover,
.color-white .current_page_item a {
  border-bottom: 1px solid #fff;
}

.color-white .current_page_item > a.disregard-current-status:hover {
  border-bottom: 1px solid #fff !important;
}

.circle,
.circle-yes {
  width: 1.7rem;
  height: 1.7rem;
  border: 0.3rem #00DED0 solid;
  border-radius: 50%;
  background: #00DED0;
}

.circle-no {
  background: transparent;
}

img.img-circle,
.img-circle img {
  border-radius: 50%;
  overflow: hidden;
}

.brand-circle {
  width: 4rem;
  height: 4rem;
  border: 0.7rem #0569FF solid;
  border-radius: 50%;
}

.brand-circle-small {
  width: 3rem;
  height: 3rem;
}

.brand-circle-mint {
  border: 1rem #00DED0 solid;
}

.block-padding-medium {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.block-padding-large {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.block-padding-x-large {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.fix-ratio {
  position: relative;
}

.fix-ratio a,
.fix-ratio div,
.fix-ratio img,
.fix-ratio picture {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ratio-4x3 {
  padding-top: 75%;
}

.PageBuilder-editable.block-overlap-medium,
.block-overlap-medium {
  margin-top: -7rem;
  z-index: 500;
}

.PageBuilder-editable.block-overlap-large,
.block-overlap-large {
  margin-top: -12rem;
  z-index: 500;
}

.PageBuilder-editable.block-overlap-x-large,
.block-overlap-x-large {
  margin-top: -15rem;
  z-index: 500;
}

.circular-bullets li {
  padding-bottom: 1rem;
  list-style: none;
}

.circular-bullets li:before {
  content: "◯";
  font-size: 1.8rem;
  line-height: 1.8rem;
  vertical-align: inherit;
  margin-left: -2rem;
  padding-right: 1.3rem;
}

.text-dropshadow {
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.dropshadow {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.dropshadow-2 {
  overflow: hidden;
  box-shadow: 0 0 1.5rem 0.7rem rgba(0, 0, 0, 0.1);
}

.dropshadow-3 {
  overflow: hidden;
  box-shadow: 1rem 1rem 2rem 1rem rgba(0, 0, 0, 0.15);
}

.dropshadow-4 {
  overflow: hidden;
  box-shadow: 0.6rem 0.6rem 1.2rem 0 rgba(0, 0, 0, 0.25);
}

.border-radius {
  border-radius: 0.8rem;
}

.align-items-flex-end {
  align-items: flex-end;
}

.background-curve {
  fill: #ffffff;
  stroke: #ffffff;
}

.overlap-background-sand-right {
  background: linear-gradient(90deg, #fff 50%, #F5F0E9 50%);
}

.overlap-background-sand-left {
  background: linear-gradient(90deg, #F5F0E9 50%, #fff 50%);
}

.overlap-background-deepgreen-right {
  background: linear-gradient(90deg, #fff 50%, #153549 50%);
}

.overlap-background-deepgreen-left {
  background: linear-gradient(90deg, #153549 50%, #fff 50%);
}

.z-index-100 {
  z-index: 100;
}

.curve-sand .background-curve {
  fill: #F5F0E9;
  stroke: #F5F0E9;
}

.curve-deepgreen .background-curve {
  fill: #153549;
  stroke: #153549;
}

.large-quotesign {
  font-size: 9rem;
  line-height: 4.5rem;
  padding-top: 2rem;
  margin-bottom: -2rem;
  margin-left: 0rem;
}

.rating-star {
  display: inline-block;
}

.rating-star svg {
  margin-top: -7px;
}

.HeroElement__inner {
  margin-top: -5%;
}

.GetTheAppElement__ratings b {
  font-size: 2.6rem;
}

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

.object-fit-contain,
.contain-parent,
.contain-parent img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.VideoTeaser__button svg {
  width: 150px;
}

.VideoTeaser__headline-above .VideoTeaser__upper {
  order: 2;
}

#video-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6000;
  background: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

#video-modal_inner {
  width: 70%;
  transition: opacity 2000ms;
}

.opacity-0 {
  opacity: 0;
}

.pointer-events-none {
  pointer-events: none;
}

.opacity-1 {
  opacity: 1;
}

.modal-close {
  position: absolute;
  top: -20px;
  right: -32px;
  color: black;
  border: 2px solid #000;
  width: 40px;
  height: 40px;
  background: white;
  text-align: center;
  border-radius: 50%;
  font-weight: bold;
  font-size: 24px;
}

.button-size-small .VideoTeaser__button svg {
  width: 75px;
}

.background-deepgreen .VideoGroup .VideoTeaser:first-of-type {
  margin-top: -12%;
}

.ratio-padding {
  padding-top: 50%;
}

.ratio-padding.ratio-padding-56_25 {
  padding-top: 56.25%;
}

.divider-length-1 {
  max-width: 240px;
}

.FooterContentViewelement {
  background: #442056;
}

.footer-contact-background {
  background: #0569FF;
  width: 1000%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.VideoTeaser__button {
  position: absolute;
  left: 9%;
  bottom: 9%;
  width: 9%;
  border-radius: 50%;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.15);
  transition: opacity 400ms;
}

.VideoTeaser__button:hover {
  opacity: 0.85;
}

.VideoTeaser__button svg {
  max-width: 100%;
}

/*
.FooterContentViewelement {
    background: linear-gradient(90deg, $secondaryColor 60%,  $primaryColor 40%);
}
*/
.person-bio-wrapper {
  display: none;
  opacity: 0;
  transition: opacity 400ms;
}

.person-bio-wrapper-active {
  opacity: 1;
  display: block;
}

.announcement-bar {
  transition: margin-top 400ms;
  overflow: hidden;
}

.microsite-announcement-bar img {
  max-width: 20px;
}

.microsite-announcement-bar a {
  white-space: nowrap;
}

.tugged .announcement-bar {
  margin-top: -4.5rem;
}

.tugged .announcement-bar-large {
  margin-top: -7rem;
}

.footer-inline-menu {
  display: inline-block;
}

.footer-inline-menu li {
  display: inline-block;
  margin-right: 1rem;
  margin-left: 0;
}

footer nav {
  min-width: 120px;
  padding-right: 1.6rem;
  padding-bottom: 1rem;
}

footer nav li {
  padding-bottom: 0.8rem;
}

footer nav ul li:first-of-type a {
  font-family: Roobert Bold, sans-serif !important;
}

.right-8 {
  right: 8px;
}

.PostCollectorElement__posts-list .PostTeaserVE:first-of-type {
  display: none;
}

.pp-multiple-authors-wrapper {
  display: none;
}

.SocialShare svg {
  width: 100%;
}

.SocialShare ul {
  list-style: none;
}

.SocialShare li {
  max-width: 3rem;
  margin-bottom: 2.2rem;
  display: inline-block;
  margin-right: 1.2rem;
}

#footer-logo {
  max-width: 150px;
}

#footer-right-col {
  width: 36%;
}

.circular-bullets .current-pager {
  color: #FF63D3;
}

.BlockBackgroundVE svg {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.BlockBackgroundVE.curve-top svg {
  top: 0;
}

.HamburgerMenu-target .member-area-mobile a {
  /*font-size: 2rem;*/
}

.HamburgerMenu-target .member-area-mobile a:hover {
  border-bottom: 1px solid transparent;
}

.HamburgerMenu-target .member-area-mobile a {
  margin-bottom: 1.2rem;
  display: inline-block;
}

.TeaserVE__preheadline {
  min-height: 4.4rem;
}

.button-group > a {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}

.error.form-control {
  border: 2px solid #FF63D3;
}

#MicrositeAnnouncementBar > div {
  transition: opacity 1000ms;
}

#MicrositeAnnouncementBar {
  display: flex;
}

.MicrositeAnnouncementBar__show-alternate #MicrositeAnnouncementBar__message-1 {
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  order: 2;
}

.MicrositeAnnouncementBar__show-alternate #MicrositeAnnouncementBar__message-2 {
  opacity: 1;
  z-index: 5;
  order: 1;
  pointer-events: auto;
}

#phone-icon {
  width: 27px;
  display: block;
}

#phone-icon svg {
  width: 100%;
}

.SocialNav__instagram {
  margin-top: 1px;
}

#pagebuilder-target .VideoGroupElement:first-of-type {
  border: 4px solid red;
}

.PostTeaserLargeVE__info-wrapper-inner {
  min-width: 38rem;
}

.arrow-button {
  width: 40px;
  cursor: pointer;
}

.GridList__mode-list-left .GridList__col-1 {
  order: 2;
}

.GridList__mode-list-left .GridList__col-2 {
  order: 1;
}

/* via _variables
$grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
) */
/* max beakpoints for max-width:  */
.col_20,
.col_25,
.col_33,
.col_40,
.col_50,
.col_60,
.col_66 {
  position: relative;
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
}

.col_20 {
  flex: 0 0 20%;
  max-width: 20%;
}

.col_25 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col_33 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col_40 {
  flex: 0 0 40%;
  max-width: 40%;
}

.col_50 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col_60 {
  flex: 0 0 60%;
  max-width: 60%;
}

.col_66 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col_100 {
  flex: 0 0 100%;
  max-width: 100%;
}

.row_col {
  display: flex;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
}

.row_col-flush {
  margin-right: 0;
  margin-left: 0;
}

.row_extra-padded {
  margin-right: -4rem;
  margin-left: -4rem;
}

.row_extra-padded .col_20,
.row_extra-padded .col_25,
.row_extra-padded .col_33,
.row_extra-padded .col_40,
.row_extra-padded .col_50,
.row_extra-padded .col_60,
.row_extra-padded .col_66,
.row_extra-padded .col_100 {
  padding-right: 4rem;
  padding-left: 4rem;
}

.row_col-flush .col_20,
.row_col-flush .col_25,
.row_col-flush .col_33,
.row_col-flush .col_40,
.row_col-flush .col_50,
.row_col-flush.col_60,
.row_col-flush.col_66,
.row_col-flush.col_100 {
  padding-right: 0;
  padding-left: 0;
}

.row_extra-padded-md {
  margin-right: -2rem;
  margin-left: -2rem;
}

.row_extra-padded-md .col_20,
.row_extra-padded-md .col_25,
.row_extra-padded-md .col_33,
.row_extra-padded-md .col_40,
.row_extra-padded-md .col_50,
.row_extra-padded-md .col_60,
.row_extra-padded-md .col_66,
.row_extra-padded-md .col_100 {
  padding-right: 2rem;
  padding-left: 2rem;
}

.row_extra-padded-lg {
  margin-right: -3rem;
  margin-left: -3rem;
}

.row_extra-padded-lg .col_20,
.row_extra-padded-lg .col_25,
.row_extra-padded-lg .col_33,
.row_extra-padded-lg .col_40,
.row_extra-padded-lg .col_50,
.row_extra-padded-lg .col_60,
.row_extra-padded-lg .col_66,
.row_extra-padded-lg .col_100 {
  padding-right: 3rem;
  padding-left: 3rem;
}

/* sm sizes */
@media (max-width: 767.98px) {
  .row_extra-padded {
    margin-right: -2rem;
    margin-left: -2rem;
  }

  .row_extra-padded .col_20,
.row_extra-padded .col_25,
.row_extra-padded .col_33,
.row_extra-padded .col_40,
.row_extra-padded .col_50,
.row_extra-padded .col_60,
.row_extra-padded .col_66,
.row_extra-padded .col_100 {
    padding-right: 2rem;
    padding-left: 2rem;
  }

  .row_extra-padded-lg {
    margin-right: -2rem;
    margin-left: -2rem;
  }

  .row_extra-padded-lg .col_20,
.row_extra-padded-lg .col_25,
.row_extra-padded-lg .col_33,
.row_extra-padded-lg .col_40,
.row_extra-padded-lg .col_50,
.row_extra-padded-lg .col_60,
.row_extra-padded-lg .col_66,
.row_extra-padded-lg .col_100 {
    padding-right: 2rem;
    padding-left: 2rem;
  }

  .row_col-flush .col_20,
.row_col-flush .col_25,
.row_col-flush .col_33,
.row_col-flush .col_40,
.row_col-flush .col_50,
.row_col-flush .col_60,
.row_col-flush .col_66,
.row_col-flush .col_100 {
    padding-right: 0;
    padding-left: 0;
  }
}
/* via _variables
$grid-breakpoints: (
      xs: 0,
      sm: 576px,
      md: 768px,
      lg: 992px,
      xl: 1200px
) */
/* max beakpoints for max-width:  */
/* lg sizes */
@media (max-width: 1199.98px) {
  html {
    font-size: 53%;
  }
}
/* md sizes */
@media (max-width: 991.98px) {
  .btn {
    font-size: 1.3rem;
    padding: 0.8rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }

  #top-logo {
    max-width: 215px;
  }

  .md-pt-md {
    padding-top: 2rem;
  }

  .md-pt-sm {
    padding-top: 1rem;
  }

  .md-pb-md {
    padding-bottom: 2rem;
  }

  .md-pb-sm {
    padding-bottom: 1rem;
  }

  .md-pb-0 {
    padding-bottom: 0;
  }

  .md-background-primary {
    background: #0569FF;
  }

  .md-font-md {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }

  .md-headline-lg {
    font-size: 3.8rem;
    line-height: 4.2rem;
  }

  .md-headline-md {
    font-size: 3rem;
    line-height: 3.4rem;
  }

  .FooterContentVE__first-block {
    order: 2;
  }

  .md-col_50 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .VideoTextComboVE .block-overlap-large {
    margin-top: 2rem;
  }
}
/* sm sizes */
@media (max-width: 767.98px) {
  #microsite-phone {
    position: absolute;
    right: 65px;
    z-index: 200;
  }

  .HeroElementVE picture {
    filter: brightness(0.7);
  }

  .sm-font-md {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }

  .sm-font-lg {
    font-size: 2.2rem;
    line-height: 3rem;
  }

  .sm-headline-xl {
    font-size: 4.8rem;
    line-height: 5rem;
  }

  .sm-headline-lg {
    font-size: 3.8rem;
    line-height: 4.2rem;
  }

  .sm-headline-md {
    font-size: 3rem;
    line-height: 3.4rem;
  }

  .sm-headline-sm {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .sm-headline-xs {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }

  .sm-padding-sm {
    padding: 1rem;
  }

  .sm-padding-lg {
    padding: 3rem;
  }

  .sm-pb-0 {
    padding-bottom: 0;
  }

  .sm-pt-0 {
    padding-top: 0;
  }

  .sm-pb-md {
    padding-bottom: 2rem;
  }

  .sm-pb-lg {
    padding-bottom: 3rem;
  }

  .sm-pt-md {
    padding-top: 2rem;
  }

  .sm-pt-xl {
    padding-top: 5rem;
  }

  .sm-pt-xs {
    padding-top: 0.5rem;
  }

  .SuperSlideshow__pager span {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
  }

  .block-padding-x-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .sm-col_50 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .ImageTextComboElement__inner .block-overlap-large {
    margin-top: 2rem;
  }

  .SlideshowElement__slides-in-phone-top {
    position: relative;
    top: auto;
    left: auto;
    background: #442056;
  }

  .SlideshowElement__slides-in-phone-content {
    top: auto;
    height: auto;
    position: relative;
    width: 100%;
    background: #442056;
  }

  .SlideshowElement__slides-in-phone-bottom .SlideshowElement__slides-in-phone-content {
    background: #442056;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }

  .sm-text-center {
    text-align: center;
  }

  .PostTeaserLargeVE__info-wrapper {
    position: relative;
    order: 2;
    margin-top: -6rem;
    z-index: 5;
  }

  .PostTeaserLargeVE__info-wrapper-inner {
    margin-right: 0;
  }

  .PostTeaserLargeVE {
    padding-bottom: 8rem;
  }

  .overlap-background-deepgreen-left {
    background: #153549;
  }

  #logo-separator {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .sm-justify-content-center {
    justify-content: center;
  }

  .GridList__mode-list-left .GridList__col-1 {
    order: 1;
    padding-bottom: 2rem;
  }

  .GridList__mode-list-left .GridList__col-2 {
    order: 2;
  }
}
/* xs sizes */
@media (max-width: 575.98px) {
  .HeroElementVE picture {
    filter: brightness(0.6);
  }

  footer nav {
    padding-right: 3.6rem;
  }

  .xs-font-md {
    font-size: 1.6rem;
    line-height: 2.4rem;
  }

  .xs-pt-0 {
    padding-top: 0;
  }

  .xs-p-0 {
    padding: 0;
  }

  .xs-headline-lg {
    font-size: 3.8rem;
    line-height: 4.2rem;
  }

  .xs-headline-md {
    font-size: 3rem;
    line-height: 3.4rem;
  }

  .xs-headline-sm {
    font-size: 2.4rem;
    line-height: 3rem;
  }

  .xs-headline-xs {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }

  .xs-pt-xs {
    padding-top: 0.5rem;
  }

  .xs-pr-xs {
    padding-right: 0.5rem;
  }

  .xs-pb-xs {
    padding-bottom: 0.5rem;
  }

  .xs-pt-sm {
    padding-top: 1rem;
  }

  .xs-pt-md {
    padding-top: 2rem;
  }

  .xs-pb-md {
    padding-bottom: 2rem;
  }

  .xs-pb-0 {
    padding-bottom: 0;
  }

  .xs-align-items-flex-start {
    align-items: flex-start !important;
  }

  .xs-align-items-center {
    align-items: center !important;
  }

  .xs-padding-md {
    padding: 2rem;
  }

  .xs-pb-lg {
    padding-bottom: 3rem;
  }

  .xs-pb-xl {
    padding-bottom: 5rem;
  }

  .xs-col_50 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .xs-col_33 {
    flex: 0 0 33%;
    max-width: 33%;
  }

  .xs-col_100 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .xs-text-center {
    text-align: center;
  }

  .EmailInput__inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .TeaserAlternatingVE-left .TeaserAlternatingVE__left {
    order: 2;
    padding-top: 2rem;
  }

  .TeaserAlternatingVE-right .TeaserAlternatingVE__right {
    padding-top: 2rem;
  }

  .block-padding-x-large {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .xs-pl-0 {
    padding-left: 0;
  }

  .xs-pr-0 {
    padding-right: 0;
  }

  .xs-mt-sm {
    margin-top: 1rem;
  }

  .xs-padding-sm {
    padding: 1rem;
  }

  .overlap-background-sand-left,
.overlap-background-sand-right {
    background: none;
  }

  .overlap-background-sand-left .ImageTextComboElementVE__background,
.overlap-background-sand-right .ImageTextComboElementVE__background {
    display: none;
  }

  .overlap-background-sand-left .ImageTextComboElementVE__background,
.overlap-background-sand-right .ImageTextComboElementVE__background {
    display: none;
  }

  .VideoTextComboVE-mode-right .VideoTextComboVE__left,
.overlap-background-sand-right .ImageTextComboElementVE__picture {
    order: 2;
  }

  .VideoTeaser__button {
    width: 15%;
  }

  .TableElement__container {
    overflow: scroll;
  }

  .TableElement__container .row {
    min-width: 500px;
  }

  #top-logo {
    max-width: 235px;
    width: 35%;
    /* min-width: 132px; */
    margin-top: 2px;
    margin-bottom: 2px;
  }

  #microsite-phone {
    right: 4.5rem;
  }

  #powered-by-logo, #partner-logo {
    max-width: 95px;
  }

  #phone-icon {
    width: 21px;
  }

  #logo-separator {
    margin-left: 1rem;
    margin-right: 1rem;
  }

  .HamburgerMenu-menu-toggle {
    padding-right: 0;
  }

  #language-selector {
    font-size: 1.4rem;
  }

  .arrow-button {
    width: 30px;
    cursor: pointer;
  }
}
/* xxs sizes */
@media (max-width: 374.98px) {
  .language-selector__short-label {
    margin: 0;
  }

  .col-xxs-16 {
    width: 100%;
  }
}

/*# sourceMappingURL=style.css.map */
