* { margin: 0px; padding: 0px; }

html, body {
	width: 100%;
	overflow-x: hidden;
	background-color: #F1F5F3;
}
html.overflow {
	overflow: hidden;
}
body { 
	font-family: 'Source Sans 3', sans-serif;
	font-weight: 400;
	font-size: 21px;
	line-height: 28px;
	letter-spacing: 0px;
	color: #000B1B;
	background-color: #F1F5F3;

}


.ugp4 { margin-top: 4px; }
.ugp8 { margin-top: 8px; }
.ugp16 { margin-top: 16px; }
.ugp24 { margin-top: 24px; }
.ugp32 { margin-top: 32px; }
.ugp40 { margin-top: 40px; }
.ugp48 { margin-top: 48px; }
.ugp56 { margin-top: 56px; }
.ugp64 { margin-top: 64px; }
.ugp80 { margin-top: 80px; }
.ugp88 { margin-top: 88px; }
.ugp96 { margin-top: 96px; }
.ugp128 { margin-top: 128px; }

.bgp0{ margin-bottom: 0px; }
.bgp12 { margin-bottom: 12px; }
.bgp16 { margin-bottom: 16px; }
.bgp32 { margin-bottom: 32px; }
.bgp40{ margin-bottom: 40px; }
.bgp48{ margin-bottom: 48px; }
.bgp56{ margin-bottom: 56px; }
.bgp80{ margin-bottom: 80px; }
.bgp120{ margin-bottom: 120px; }

.inGap16 { padding: 16px; }
.inGap32 { padding: 32px; }
.inGap56 { padding: 56px; }
.noPad { margin: 0px !important; padding: 0px!important; }
.noBotPad { margin-bottom: 0px!important; padding-bottom: 0px!important; }

.bgBrand { background-color: #23878D; }
.bgBrandInverted { background-color: #730044; }
.bgBrandInvertedLight { background-color: #EAD9E3; }
.bgBrandLight { background-color: #B1C4BB; }
.bgBrandLighter { background-color: #E5EBE8; }
.bgBrandSuperLight { background-color: #f5f5f5; }
.bgBlack { background-color: #000B1B; }
.bgDark { background-color: #001739; }
.bgGrey { background-color: #535353; }
.bgLightGrey { background-color: #F9F9F4; }
.bgWhite { background-color: #FFFFFF; }

.shadowLight { box-shadow: 0px 2px 24px 0px rgba(0,0,0,0.25); }
.smallShadow { box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); }

.cBrand { color: #23878D; }
.cBrandInverted { color: #730044; }
.cBrandInvertedLight { color: #EAD9E3; }
.cBrandLight { color: #B1C4BB; }
.cBrandLighter { color: #BDDEE1; }
.cBrandSuperLight { color: #f5f5f5; }
.cBlack { color: #000B1B; }
.cDark { color: #001739; }
.cGrey { color: #535353; }
.cLightGrey { color: #F9F9F4; }
.cWhite { color: #FFFFFF; }

.roundBorder { border-radius: 5px; }

h1, h2, h3, h4 { font-weight: 800; color: #212121; margin: 0px; }
h1 small, h2 small, h3 small, h4 small { font-weight: 300; font-size: 85%; color: #212121; margin: 0px; display: block; }

h1 { font-weight: 800; font-size: 36px; line-height: 42px; letter-spacing: -0.3px; }
h1 small { font-size: 34px; line-height: 38px; margin-bottom: 12px; letter-spacing: -0.2px; }

h2 { font-size: 30px; line-height: 36px; letter-spacing: 0px; }
h2 small { font-weight: 400 !important; }

h3 { font-size: 26px; line-height: 30px; letter-spacing: 0px; }
h4 { font-size: 24px; line-height: 28px; letter-spacing: 0px; }

h3 small.badge,
h4 small.badge { font-weight: 400 !important; color: inherit; padding: 10px 10px 32px 10px; }

p.xxl { font-size: 32px; line-height: 42px; letter-spacing: 0px; font-weight: 500; }
p.xl { font-size: 24px; line-height: 32px; letter-spacing: 0px; font-weight: 500; }

p { font-size: 21px; line-height: 28px; letter-spacing: 0px; font-weight: 400; margin-bottom: 0px; }
p.large, ul.large { font-size: 21px; line-height: 28px; font-weight: 600; }
p.medium, ul.medium { font-size: 18px; line-height: 26px;}
p.medium small, ul.medium small { font-weight: 300; }
p.small, ul.small { font-size: 14px; line-height: 20px; letter-spacing: -0.15px; font-weight: 300;}
p.highlight, strong { font-weight: 600; }

.com-content-article__body p {
	margin-bottom: 16px; 
}
a:link, a:visited { color: #730044; text-decoration: none; }
a:hover { text-decoration: underline; }

a.noStyle, a.noStyle:link, a.noStyle:visited, a.noStyle:hover { color: inherit; }

.pointer { cursor: pointer; } 

a.btn, a.btn:link, a.btn:hover, a.btn:visited,
.btn {
	padding: 10px 32px;
	border-radius: 5px;
    text-decoration: none !important;

}

.btn.btnSmall {
  padding: 8px 24px;
  border-radius: 3px;
  font-size: 16px; 
}

.btn.btnBrandInverted,
a.btn.btnBrandInverted, a.btn.btnBrandInverted:link, a.btn.btnBrandInverted:hover, a.btn.btnBrandInverted:visited
{
	background-color: #730044 !important;
	border: 2px solid #730044;
	color: #FFFFFF !important;
    text-decoration: none;
}

.btn.btnBrandInvertedGhost,
a.btn.btnBrandInvertedGhost, a.btn.btnBrandInvertedGhost:link, a.btn.btnBrandInvertedGhost:hover, a.btn.btnBrandInvertedGhost:visited
{
	background-color: transparent;
	border: 2px solid #730044;
	color: #730044;
}


ul { margin-top: 16px; }
p.medium ul, li {
  font-size: 18px;
}



.menuPanelBox {
	background-color: #E5EBE8;
	border-radius: 5px;
	padding: 12px;
	margin-bottom: 24px;
}

.menuPanelBox.highlight { background-color: #730044; color: #FFFFFF !important; }
.menuIcon {
	padding: 12px; padding-top: 0px;
	font-size: 24px;
}


.rectIconImage {
  width: 88px; height: 88px;
  border-radius: 5px; 
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 64px;  
}

.contactImage {
  width: 128px; height: 128px;
  border-radius: 5px; 
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #BDDEE1;

}

/* TIMELINE 
====================== */

.pageClaim {
  height: auto;
}

#timeline {
  background-image: url('../images/timeline_line.png');
  background-position: 50% 0%;
  background-repeat: repeat-y;
  
  padding-top: 56px;
  padding-bottom: 0px; 
}


#timeline .row {
  background-image: url('../images/timeline_bullet.png');
  background-position: 50% 0%;
  background-repeat: no-repeat;

  padding-top: 56px;
  padding-bottom: 88px;   
}

#timeline .row.highlight {
  background-image: url('../images/timeline_bullet_highlight.png');
}

.smartPhone,
.drPitcha {
  width: 100%;
  height: 320px;
  margin-top: -120px;
  background-image: url('../images/drPitcha.png');
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
}

.smartPhone {
  height: 360px;
  margin-top: -210px;
  background-image: url('../images/smartPhone.png');
  background-position: bottom left;
}

.drPitchaLeading {
  min-height: 360px !important;
  height: auto !important;
  background-image: url('../images/drPitcha_b.png');
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;

}

.bgMountains {
  background-image: url('../images/bgBox.png');
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 100%;
}


/* ACCORDEON
====================== */

.faqItem { 
  border-bottom: 2px dotted #212121;
}
.faqTitle { 
  padding: 16px 0px ;
}

#accordionFAQ .faqTitle:first-child { border: none; }

.faqTextbox {
  margin-bottom: 32px; 
}

.featureIconHolder {
  width: 44px; height: 44px;
  font-size: 21px; 
  color: #FFFFFF; 
  background-color: #B1C4BB;
  border-radius: 5px;
}

/* MODALS
====================== */

.modal-content { border-radius: 5px; } 
.modal-header { border-bottom: none; }
.modal-body { margin: 12px; } 
.modal-footer { margin: 0px 24px; }


/* SLIDE SHOW 
====================== */
.modalGalleryNav i {
  margin-bottom: 12px;
  margin-right: 16px;
}

.modalGallery .modalSlide {
  margin-right: 8px;
  max-width: 40%;
  overflow: hidden;
}
.modalSlide image {
  width: 100% !important;
}

#messageSlideShow .slick-slide {
  margin-right: 24px;
  opacity: 1; 
}
#messageSlideShow .slick-slide.slick-current { 
	opacity: 1; 
}

#messageSlideShow .slick-list {
  margin: 0;
  padding: 0;
}

.slider-wrapper {
  position: relative;
  text-align: left;
  display: inline;
  float: left;
  margin-right: 32px;
  width: auto;
}

#messageSlideShow .slider-wrapper,
#messageSlideShow .slider-wrapper > * {
  overflow: visible;

}

.slider-nav {
  display: flex;
  justify-content: start;
  align-items: start;
  gap: 24px;
  margin-top: 16px;
}
.slick-prev,
.slick-next {
  background: none;
  border: none;
  color: #730044;
  font-size: 20px;
  cursor: pointer;
}
.slick-prev:hover,
.slick-next:hover {
  color: #999;
}
.messageSliderNav.slider-nav { gap: 12px; }

.messageSliderNav .slick-prev,
.messageSliderNav .slick-next {
  font-size: 32px;
}



.slick-dots-wrapper {
  flex: 0 1 auto;
}
.slick-dots {
  display: flex !important;
  gap: 8px;
  padding: 0;
  margin: 0;
  margin-top: 6px;
  list-style: none;
  justify-content: center;
}
.slick-dots li button:before {
  font-size: 10px;
  color: #730044;
  opacity: 0.25;
}

.slick-dots li.slick-active button:before {
  opacity: 1;
}

slick-dots.dots--plain{
  display: flex !important;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: center;
  align-items: center;
}

.slick-dots.dots--plain li button { display: none; } 
.slick-dots.dots--plain li { margin: 0; }

.slick-dots.dots--plain .dot{
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 999px;
  background: #bbb;
  cursor: pointer;
}

.slick-dots.dots--plain li.slick-active .dot{
  background: #730044;
  width: 24px;
  height: 24px;
  margin-top: -4px;
}
.slick-dots.dots--plain .dot:focus{ outline: none; }

/* ====================== 
   ENDE SLIDE SHOW 
   ====================== */



/* SLIDE SHOW 
   ====================== */
   
   #email_repeat {display: none; !important; }
   
   label { font-size: 16px; color: #730044; margin-bottom: 0px !important; }
   .form-check {
     margin-left: 0px;
   }
   
   select.form-select,
   textarea.form-control,
   input.form-control {
     border: 2px solid #E5EBE8;
     background-color: #E5EBE8;
     color: #730044;
     padding: 8px 8px;
     padding-bottom: 10px;
     line-height: 21px;
     font-size: 16px;
     margin-top: 4px;
   }
   
   input.filterBox { margin: 0px 24px; }
   label.filterBox { cursor: pointer; font-weight: 400; color: #730044; max-width: calc(100% - 90px); padding-top: 3px; }
   .custom-switch {
     width: 56px !important;
     height: 36px;
     cursor: pointer;
     background-color: #E4E0CC;
     border-color: #E5EBE8;
     border-radius: 6px !important;
     margin: 0px !important; padding: 0px !important;
   }
   
   .custom-switch:checked {
     background-color: #730044;
     border-color: #730044;
   }
   
   .custom-switch:focus {
   }
   
   .custom-switch::before {
     width: 64px !important;
     height: 36px;
     transform: translateX(0.25rem);
     border-radius: 2px !important;
   
   }
   
   .custom-switch:checked::before {
     transform: translateX(1.25rem);
   }


  .timelinetext { width: 85%; }
  .timeLineImage {
       width: 85% !important; 
       margin-left: 15%;
    }
    




#footer {
	padding-top: 16px;
	padding-bottom: 32px;
	margin-top: 88px;
}

@media (max-width: 992px) {

}

@media (max-width: 767px) {

   #timeline {
    background-position: 22px 0%;
    }

  #timeline .row {
    background-position: top left;
    background-repeat: no-repeat;
  }

  .smartPhone {
    height: 288px;
    margin-top: -90px;
  }
  
  .timeLineImage {
     width: 85% !important; 
     margin-left: 0px;
  }
  
  .drPitchaLeading { background-image: none; }

}

@media (max-width: 576px) {

 
}