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

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

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


/******************************************** 
 * 1. CSS VARIABLEN
 * Zentrale Definition aller Custom Properties für konsistente Werte
 ********************************************/

:root {
  /* Custom Font Variables */
  --ff-accent-black: 'BaseNeueBlack', sans-serif;
  --ff-accent-light: 'BaseNeueLight', sans-serif;
  
  /* Set default Accent Font for the Theme to Black */
  --ff-accent: var(--ff-accent-black);
  
  /* Primary Color */
  --kr-2025-primary-color: #00FFBF;
}


/******************************************** 
 * 2. CUSTOM FONTS
 * Font-Face Deklarationen für Base Neue Familie
 * @license MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * Webfont: Base Neue Light by Power Type
 * Webfont: Base Neue Black by Power Type
 * URL: https://www.myfonts.com/collections/power-type-foundry
 * © 2025 MyFonts Inc.
 ********************************************/

@font-face {
  font-family: 'BaseNeueBlack';
  src: url('https://371798.fs1.hubspotusercontent-eu1.net/hubfs/371798/Website%202025/fonts/BaseNeueBlack.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BaseNeueLight';
  src: url('https://371798.fs1.hubspotusercontent-eu1.net/hubfs/371798/Website%202025/fonts/BaseNeueLight.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}


/******************************************** 
 * 3. GLOBALE BASIS-STYLES
 * Grundlegende HTML-Styles und Silbentrennung
 ********************************************/

/* Silbentrennung für gesamte Website aktivieren */
html {
  -webkit-hyphens: auto;
  -ms-hyphens: auto; /* alter Edge/IE-Support */
  hyphens: auto;
  word-break: normal;
  overflow-wrap: break-word; /* erlaubt Umbruch bei langen Wörtern */
}

/* Überschriften: Silbentrennung deaktiviert für bessere Lesbarkeit */
h1, h2, h3, h4, h5, h6 {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  word-break: keep-all;
  overflow-wrap: normal;
}

/* Utility-Klasse: Silbentrennung verhindern (z. B. für Marken, Namen etc.) */
.nobreak {
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  word-break: keep-all;
  overflow-wrap: normal;
  white-space: normal;
}

/* Utility-Klasse: Silbentrennung explizit erlauben */
.allow-hyphens {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-break: normal;
  overflow-wrap: break-word;
}

/* Druckausgabe: Silbentrennung für besseren Textfluss */
@media print {
  body {
    -webkit-hyphens: auto;
    hyphens: auto;
    word-break: normal;
    overflow-wrap: break-word;
  }
}


/******************************************** 
 * 4. TYPOGRAFIE
 * Schriftarten-Klassen und typografische Anpassungen
 ********************************************/

/* Utility-Klasse: Light Font verwenden */
.text-light {
  font-family: var(--ff-accent-light);
  font-weight: 300;
}

/* Utility-Klasse: Black Font verwenden */
.text-black {
  font-family: var(--ff-accent-black);
  font-weight: 900;
}

/* H1 - Responsive Font-Size Anpassung für Tablets */
@media (min-width: 576px) and (max-width: 1200px) {
  h1 {
    font-size: var(--fs-h1-tablet);
  }
}


/******************************************** 
 * 5. MODULE & KOMPONENTEN
 ********************************************/

/* ========================================== 
 * 5.1 Bento Grid
 * Startseite Bento-Grid Layout mit Custom Styles
 * ========================================== */

/* Bento Grid - Title Spacing */
.kr-startseite-bento .pwr-adc-content__title {
  letter-spacing: var(--ls-h2);
}

/* Bento Grid - Paragraph Styles */
.kr-startseite-bento p {
  font-size: max(var(--fs-min), calc(18px * var(--adv-fs-factor, 1)));
  font-weight: var(--fw-paragraph);
  letter-spacing: var(--ls-paragraph);
  line-height: var(--lh-paragraph);
}

/* Bento Grid - Fake Link Hover Effekt auf h6 */
.kr-2025-bentogrid-hover-text.lazyloaded:hover h6 {
  color: var(--kr-2025-primary-color);
}


/* ========================================== 
 * 5.1.1 Bento Grid
 * Referenz Bento-Grid Layout mit Custom Styles
 * ========================================== */

/* Headline Interesse Geweckt */
.kr-ref-bento .pwr-adc-content__title---1-5-1 {
  letter-spacing: var(--ls-h2);
}


/* ========================================== 
 * 5.2 Team Section
 * PWR Team Member Component Anpassungen
 * ========================================== */

/* Team Member - Name Tag Background & Color */
.pwr-team-member__name-tag {
  background-color: rgba(var(--clr-base-dk-rgb), .75);
  color: var(--clr-base-lt);
}

.pwr-team-member__name {
  color: #fff;
}

/* Mobile - Köpfe Section: Padding-Bottom entfernen */
@media (max-width: 767px) {
  .pwr-sec-txt.pwr-sec-txt--1col.vanilla.pwr-mh-group.pwr--light.pwr--padding-t-0.pwr--margin-t-0.pwr--margin-b-0.kr_startseite_koepfe-text,
  .pwr-sub-team.vanilla.pwr-sec-team--style-full.pwr--align-c.pwr--dark.kr_startseite_koepfe-image {
    padding-bottom: 0;
  }
}


/* ========================================== 
 * 5.3 Simple List (AOS)
 * Custom Grid-Layout für Simple List mit AOS-Animationen
 * Masonry-Verhalten wird durch CSS Grid ersetzt
 * ========================================== */

/* Grid Layout statt Masonry */
.kr-aos-list .pwr-js-masonry__container {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  height: auto !important; /* Masonry setzt oft eine fixe Höhe – neutralisieren */
}

/* Masonry-Item-Styles neutralisieren (Inline-Styles überstimmen) */
.kr-aos-list .pwr-js-masonry__item {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  margin: 0 !important;
}

/* Floating beim Laden/Resize zuverlässig ausschalten */
.kr-aos-list .pwr-js-masonry__container,
.kr-aos-list .pwr-js-masonry__item,
.kr-aos-list .pwr-simple-list-item,
.kr-aos-list .pwr-simple-list-item__front {
  transition: none !important; /* verhindert animierte Layout-Änderungen */
  animation: none !important; /* stoppt Keyframe-Animationen */
  transform: none !important; /* falls vorher translateX/3d o.ä. gesetzt */
  opacity: 1 !important; /* falls ein Fade-In erzwungen wurde */
}

/* Inhalt auf volle Höhe strecken */
.kr-aos-list .pwr-simple-list-item__front {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
  padding: 20px;
}

/* Responsive - Tablet (2 Spalten) */
@media (max-width: 1024px) {
  .kr-aos-list .pwr-js-masonry__container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Responsive - Mobile (1 Spalte) */
@media (max-width: 640px) {
  .kr-aos-list .pwr-js-masonry__container {
    grid-template-columns: 1fr;
  }
}

/* Tablet Portrait - Spaltigkeit für Simple List anpassen */
@media only screen and (min-width: 768px) and (max-width: 1240px) {
  .row-fluid:has(.equal-height-row) {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  
  .span4:has(.equal-height-row) {
    width: 49% !important;
    float: none !important;
    margin-left: 0 !important;
    margin-bottom: 20px !important;
  }
  
  .span4:has(.equal-height-row):nth-child(odd) {
    margin-right: 2% !important;
  }
  
  .span4:has(.equal-height-row):nth-child(even) {
    margin-right: 0 !important;
  }
}


/* ========================================== 
 * 5.4 Pricing Table (AOS)
 * Custom Pricing Table mit Highlight-Effekten
 * ========================================== */

/* Highlighted Box - Primary Color Background */
.kr-aos-custom-pricing .pwr-price-table--highlighted {
  background-color: #00FFBF !important;
  color: #00020a !important;
}

/* Highlighted Box - Features und Match Height ausblenden */
.kr-aos-custom-pricing .pwr-price-table--highlighted .pwr-price-table-features,
.kr-aos-custom-pricing .pwr-price-table--highlighted .pwr-mh--wrapper {
  display: none;
}

/* Recommended Badge - Position und Farbe */
.kr-aos-custom-pricing .pwr-price-table__recommended {
  background-color: var(--kr-2025-primary-color);
  color: var(--clr-text-lt);
  padding-bottom: 0;
  padding-top: 5px;
}

/* Highlighted Box - Recommended Badge inverse Farben */
.kr-aos-custom-pricing .pwr-price-table--highlighted .pwr-price-table__recommended {
  color: #000;
  background-color: #fff;
}

/* Highlighted Box - Margin und Padding Anpassungen */
.kr-aos-custom-pricing .pwr-price-table--highlighted .pwr-rich-text.pwr-price-table__desc.pwr-price-table__desc--style-full-1 {
  margin-bottom: 0;
}

.kr-aos-custom-pricing .pwr-price-table.pwr--colored-box.pwr--light.pwr-price-table--highlighted {
  padding: 44px 0 30px;
}

/* Highlighted Box - Font Sizes */
.kr-aos-custom-pricing .pwr-price-table--highlighted .pwr-price-table__price.pwr-price-table__price--style-full-1 {
  font-size: 26px;
}

.kr-aos-custom-pricing .pwr-price-table--highlighted .pwr-rich-text.pwr-price-table__desc.pwr-price-table__desc--style-full-1 p {
  font-size: 20px;
}

/* Highlighted Box - Heading mit fixer Höhe */
.kr-aos-custom-pricing .pwr-price-table--highlighted h2 {
  height: 125px;
  font-size: var(--fs-h4);
}

/* Button Demo Styling */
.kr-aos-custom-pricing .pwr-cta_button.hs-cta-trigger-button.hs-cta-trigger-button-288701862087 {
  border: 2px solid var(--clr-btn-txt-dk);
  padding: 13px 19px;
}


/* Mobile - Responsive Font Sizes für Highlighted Box */
@media (max-width: 575px) {
  .kr-aos-custom-pricing .pwr-price-table--highlighted h2 {
    font-size: max(var(--fs-min), calc(var(--fs-h4) * var(--fs-reduction-factor)));
  }
  
  .kr-aos-custom-pricing .pwr-price-table--highlighted .pwr-price-table__price.pwr-price-table__price--style-full-1 {
    font-size: max(var(--fs-min), calc(26px * var(--fs-reduction-factor)));
  }
  
  .kr-aos-custom-pricing .pwr-price-table--highlighted .pwr-rich-text.pwr-price-table__desc.pwr-price-table__desc--style-full-1 p {
    font-size: max(var(--fs-min), calc(20px * var(--fs-reduction-factor)));
  }
}

/* Recommended Badge - Position und Farbe */
@media (max-width: 768px) {
.kr-aos-custom-pricing .pwr-price-table__recommended {
  top: -35px;
  }
}

/* Mobile - Responsive Font Sizes für Titel */
@media (max-width: 1620px) {
  .kr-aos-custom-pricing .pwr-price-table__title--style-full {
    font-size: max(var(--fs-min), calc(80px * var(--fs-reduction-factor)));
  }
}
@media (max-width: 1360px) {
  .kr-aos-custom-pricing .pwr-price-table__title--style-full {
    font-size: max(var(--fs-min), calc(60px * var(--fs-reduction-factor)));
  }
}



/* ========================================== 
 * 5.5 Text Section (PWR Sec Text)
 * Boxed Content Anpassungen für verschiedene Viewports
 * ========================================== */

/* Mobile - Boxed Content: Kein Abstand zum Rand + keine Kontur */
@media (max-width: 575px) {
  .pwr-sec--boxed-w-content-in,
  .pwr-sec--boxed-w-content-out,
  .pwr-sec--boxed-w-full {
    margin-left: 0;
    margin-right: 0;
  }
  
  .pwr-sec--boxed-w-full,
  [class*="pwr-sec--boxed-w-content-"] {
    border-radius: 0;
  }
}



/* ========================================== 
 * 5.6 Buttons
 * Margin Left
 * ========================================== */

/* Mobile - Boxed Content: Kein Abstand zum Rand + keine Kontur */
@media (min-width: 768px) and (max-width: 1620px) {
  .kr_button_left .pwr-cta.pwr-cta--custom-02 {
    margin-left: 40px;
  }
}

  
}/******************************************** 
 * 6. HEADER
 * Header-Navigation und Menü-Styles
 ********************************************/

/* Fixed Header - Shadow beim Scrollen entfernen */
.kr-2025-header.pwr-header-fixed.scroll {
  box-shadow: none;
}

/* Menu Tag - Font-Family und Weight überschreiben */
.pwr-menu-tag--01 {
  font-family: var(--ff-base) !important;
  font-weight: 700 !important;
}


/******************************************** 
 * 7. FOOTER
 * Footer-Layout, Links, Social Icons und Responsive Anpassungen
 ********************************************/

/* Logo Position - Negatives Margin für Überlappung */
.kr-2025-footer .pwr-adc__col.pwr-adc__col--width-4.pwr--align-c.pwr--align-t-c.pwr--align-m-c.pwr--relative.lazyloaded {
  margin-top: -275px;
  padding-bottom: 20px;
}

/* Logo Spalte - Horizontales Padding */
.pwr-adc__col.pwr-adc__col--width-4.pwr--align-c.pwr--align-t-c.pwr--align-m-c.pwr--relative.lazyloaded {
  padding-left: 2vw !important;
  padding-right: 2vw !important;
}

/* Social Icons - Größe und Farben */
.kr-2025-footer.pwr-footer-advanced .pwr-footer-company-info__icons .pwr-adc-content__social-icon {
  font-size: 40px;
  color: #fff !important;
}

.kr-2025-footer.pwr-footer-advanced .pwr-footer-company-info__icons .pwr-adc-content__social-icon:hover {
  color: var(--kr-2025-primary-color) !important;
  opacity: 1 !important;
}

/* Links - Standard & Hover States */
.kr-2025-footer.pwr-footer-advanced .pwr-adc-content__menu .hs-menu-wrapper li > a,
.kr-2025-footer a {
  font-weight: normal !important;
  color: var(--kr-2025-primary-color) !important;
  text-decoration: underline !important;
  opacity: 1;
}

.kr-2025-footer.pwr-footer-advanced .pwr-adc-content__menu .hs-menu-wrapper li:hover > a,
.kr-2025-footer a:hover {
  color: #fff !important;
  text-decoration: none !important;
  opacity: 1 !important;
  transition: color calc(.4s * var(--ts-duration-factor, 1)) ease-in-out;
}

/* Legal Menu - Separator zwischen Items */
.pwr-adc-sub .hs-menu-wrapper li:not(:last-child)::after {
  margin: 0 5px;
}


/* ========================================== 
 * Footer Responsive - Mobile (max-width: 767px)
 * Neuanordnung der Footer-Elemente für mobile Geräte
 * ========================================== */
@media (max-width: 767px) {
  /* Footer Content - Flexbox Column Layout */
  .kr-2025-footer .pwr-footer__content .pwr-adc__wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;
  }
  
  /* Adresse - Order 1 */
  .kr-2025-footer .pwr-adc__col.pwr-adc__col--width-6:has(.kr-2025-footer-adress) {
    order: 1 !important;
    padding-top: 30px !important;
    width: 100% !important;
  }
  
  /* Social Icons - Order 2 */
  .kr-2025-footer .pwr-adc__col.pwr-adc__col--width-6:has(.kr-social-icons) {
    order: 2 !important;
    width: 100% !important;
  }
  
  /* Legal Menu - Order 3 */
  .kr-2025-footer .pwr-adc__col.pwr--align-r.pwr--align-t-r.pwr--align-m-c {
    order: 3 !important;
    text-align: left !important;
    padding-right: 20vw !important;
  }
  
  /* Logo - Order 4 */
  .pwr-adc__col.pwr-adc__col--width-4.pwr--align-c.pwr--align-t-c.pwr--align-m-c.pwr--relative.lazyloaded {
    order: 4 !important;
  }
  
  /* Copyright - Order 5 */
  .kr-2025-footer .pwr-adc__col.pwr--align-l.pwr--align-t-l.pwr--align-m-l {
    order: 5 !important;
    padding-bottom: 0 !important;
  }
  
  /* Footer Wrapper - Padding reduzieren */
  .pwr-footer {
    padding: 30px;
  }
  
  /* Alle Columns - Padding/Margin zurücksetzen */
  .kr-2025-footer .pwr-adc__col {
    padding: 25px 0 !important;
    margin: 0 !important;
  }
  
  /* Content Wrappers - Margin entfernen */
  .pwr-adc__content-wrappers {
    margin: 0;
  }
  
  /* Social Icons - Horizontales Layout */
  .kr-social-icons {
    flex-direction: row !important;
    justify-content: left;
    align-items: left;
    gap: 40px;
    flex-wrap: nowrap;
  }
  
  .kr-social-icons .pwr-adc-content--social-icons {
    margin-bottom: 0 !important;
  }
}


/* ========================================== 
 * Footer Responsive - Tablet (max-width: 1200px)
 * Padding-Anpassungen für mittlere Viewports
 * ========================================== */
@media (max-width: 1200px) {
  /* Logo Spalte - Padding */
  .pwr-adc__col.pwr-adc__col--width-4.pwr--align-c.pwr--align-t-c.pwr--align-m-c.pwr--relative.lazyloaded {
    padding-left: 2vw !important;
    padding-right: 2vw !important;
  }
  
  /* Footer Wrapper - Padding reduzieren */
  .pwr-footer {
    padding: 30px;
  }
  
  .pwr--sec-padding-b-md {
    padding-bottom: 30px !important;
  }
  
  /* Alle Columns - Padding/Margin zurücksetzen */
  .kr-2025-footer .pwr-adc__col {
    padding: 25px 0 !important;
    margin: 0 !important;
  }
}










/* 
 * 
 * 
 * 
 * 
 * USERCENTRICS 
 * 
 * 
 * 
 * 
 * */


/* EMBED: Border Bottom Services */
.uc-embed-list-item {
  border-bottom: none !important;
  border-top: 1px solid #000 !important;}

/* EMBED: Padding */
.uc-embed-list-headline-description {
  padding: 15px 15px 30px 0 !important;}
.uc-embed-list-headline {
  padding: 30px 15px 10px 0 !important;}


/* EMBED: Headline no Border */
.uc-embed-list-headline,
.uc-embed-list-headline-description {
  border-bottom: none !important;}

/* EMBED: Font Settings */
div.uc-embed.uc-embed-styled div.uc-embed-container h3.uc-embed-list-headline,
div.uc-embed.uc-embed-styled div.uc-embed-container div.uc-embed-list div.uc-embed-list-item button.uc-embed-opened-button h4.uc-embed-opened-button-content {
color: color: var(--clr-text-lt);
  font-size: var(--fs-paragraph) !important;
  font-weight: var(--fw-h1) !important;
  letter-spacing: var(--ls-paragraph) !important;
  line-height: var(--lh-paragraph) !important;
  font-family: var(--ff-text) !important;}

div.uc-embed.uc-embed-styled div.uc-embed-container div.uc-embed-list h4.uc-embed-list-headline-description,
div.uc-embed.uc-embed-styled div.uc-embed-container div.uc-embed-list div.uc-embed-list-item button.uc-embed-collapsed-button h4.uc-embed-collapsed-button-content {
  color: color: var(--clr-text-lt); !important;
  font-size: var(--fs-paragraph) !important;
  font-weight: var(--fw-paragraph) !important;
  letter-spacing: var(--ls-paragraph) !important;
  line-height: var(--lh-paragraph) !important;
  font-family: var(--ff-text) !important;}

/* EMBED display "Services" */
div.uc-embed.uc-embed-styled div.uc-embed-container h2.uc-embed-list-headline {
  display: none !important;}

/* EMBED Background Color */
div.uc-embed.uc-embed-styled div.uc-embed-container {
  padding: 0px !important;
  background-color: var(--kr-2025-primary-color) !important;}

div.uc-embed-list-item button.uc-embed-opened-button,
div.uc-embed-list-item button.uc-embed-collapsed-button {
  background-color: var(--kr-2025-primary-color) !important;}

/* EMBED Toggle Color */
.uc-embed-toggle-button.toggle-on
  > svg g path:first-child {
  fill: #99D120;}
.uc-embed-toggle-button.toggle-off
  > svg g path:first-child {
  fill: #EE483A;}  
  
.uc-embed-toggle-button.toggle-disabled
  > svg g path:first-child {
  fill: #000;
  stroke: #000;}

/* EMBED Service List Arrow Color */
.uc-embed-collapsed-arrow {
  border: solid #000 !important;
  border-width: 0 1px 1px 0 !important;
  display: inline-block;
  padding: 3px;
  height: 0px;
  margin-top: 4px;
  margin-left: 10px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.uc-embed-opened-arrow {
  border: solid #000 !important;
  border-width: 0 1px 1px 0 !important;
  display: inline-block;
  padding: 3px;
  height: 0px;
  margin-top: 7px;
  margin-left: 10px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);}












/*
 * 
 * Wird nicht mehr benötigt
 * 
 * 
*/
 
/* Individual SDP-Consent-Banner at Modul: KR3 Movie (Hero) 
div.fullwidth-video-logo div.header-video .uc-embedding-container {
    position: absolute;
    top: 0;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    height: 100% !important;
    width: 100% !important;
}

/* Individual SDP-Consent-Banner at Modul KR3 Video (Content) 
div.plyr.plyr--full-ui.plyr--video.plyr--youtube.plyr--fullscreen-enabled div.plyr__video-wrapper.plyr__video-embed .uc-embedding-container {
    z-index: 99;
  }
*/










/* PRÜFEN */



/* CMP Font 
.uc-embedding-wrapper>h3,
.description-text {
  color: var(--clr-text-lt); !important;
  font-size: var(--fs-paragraph) !important;
  font-weight: var(--fw-paragraph) !important;
  letter-spacing: var(--ls-paragraph) !important;
  line-height: var(--lh-paragraph) !important;
  font-family: var(--ff-text) !important;
}

.description-text {
    font-weight: 400 !important;
}



/* CMP Buttons 
.uc-embedding-more-info {
    color: #000;
    background-color: #f2f2f2;
    font-size: 16px !important;
    font-weight: 800;
    font-style: italic;
    border: none !important;
    padding: 10px 30px;
    height: auto;
    width: auto;
    border-radius: 0px;
    margin: 6px 12px;
}

.uc-embedding-accept {
    color: #FFF;
    background-color: #FFB600;
    font-size: 16px !important;
    font-weight: 800;
    font-style: italic;
    text-transform: uppercase;
    border: none !important;
    padding: 10px 30px;
    height: auto;
    width: auto;
    border-radius: 0px;
    margin: 6px 12px;
}

/* UC Embed Cookie List 
div.uc-embed.uc-embed-styled div.uc-embed-container h3.uc-embed-list-headline {
  padding-left: 0 !important;
}


  
div.uc-embed.uc-embed-styled div.uc-embed-container div.uc-embed-list h4.uc-embed-list-headline-description {
  padding-left: 0 !important;
}

div.uc-embed-list:nth-child(2) > h3:nth-child(1) {
  padding-top: 0 !important;
}
  




div.uc-embed-subelement button.uc-embed-collapsed-link,
div.uc-embed-subelement button.uc-embed-opened-link {
	background-color: #f2f2f2  !important;  
}
  
.uc-embed-collapsed-link .uc-embed-collapsed-link-content, .uc-embed-opened-link .uc-embed-opened-link-content {
  color: #00AABA !important;
  }



div.uc-embed-container div.uc-embed-list div.uc-embed-list-item div.uc-embed-opened-content p,
div.uc-embed-container div.uc-embed-list div.uc-embed-list-item div.uc-embed-opened-content a,
div.uc-embed-container div.uc-embed-list div.uc-embed-list-item div.uc-embed-opened-content ul,
div.uc-embed-container div.uc-embed-list div.uc-embed-list-item div.uc-embed-opened-content li {
    font-size: 18px !important;
    line-height: 28px !important;
}

div.uc-embed.uc-embed-styled div.uc-embed-container div.uc-embed-list div.uc-embed-list-item div.uc-embed-opened-content div div.uc-embed-subelement h5.uc.uc-heading {
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: bold !important;
}

.uc-embed-collapsed-link .uc-embed-collapsed-link-content,
.uc-embed-opened-link .uc-embed-opened-link-content {
    color: #00AABA !important;
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: bold !important;
}

.uc-embed-collapsed-link .uc-embed-collapsed-arrow {
    border: solid #00AABA !important;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 1px 1px 0 !important;
    margin-top: 10px !important;
}

.uc-embed-opened-link .uc-embed-opened-arrow {
    border: solid #00AABA !important;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 0 1px 1px 0 !important;
    margin-top: 15px !important;
}


/* Subservice 
.uc-subservice-link-text {
  color: #00AABA !important;
  font-size: 18px !important;
  line-height: 28px !important;
  font-weight: bold !important;
}  
.uc-subservice-link-arrow {
  border: solid #00AABA !important;
  border-width: 0 1px 1px 0 !important;
}  

.uc-subservice .uc-subservice-link-button {
  background-color: var(--kr-2025-primary-color) !important;
}  
.uc-subservice .uc-subservice-link-arrow {
  margin: 10px 10px 0 0 !important;
}  
  
  


<!-- END Usercentrics style -->


















/*****************************************/
/* Custom Leadflow Styles                */
/*****************************************/


  
body .leadinModal-v3.leadinModal .leadinModal-content {
  /*padding-top: 50px !important;*/
}
@media (max-width: 768px) {
  body .leadinModal-v3.leadinModal .leadinModal-content {
    padding-top: 30px !important;
  }
}

body .leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner .leadinModal-content {
  right: 20px;
  bottom: 20px;
}
@media (max-width: 768px) {
  body .leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner .leadinModal-content {
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
  }
}

body .leadinModal.leadinModal-v3 .leadin-button,
body .leadinModal.leadinModal-v3 .leadin-close-button {
  width: auto;
  font-weight: 800;
  font-style: italic;
  font-size: 18px;
  line-height: 1.2222;
  background-color: #48b0ff !important;
  color: #fff !important;
  padding: 9px 13px !important;
  text-align: center !important;
  text-decoration: underline;
  text-transform: uppercase;
  text-align: left;
  border: 0;
  border-radius: 0;
  margin-top: 1em;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}
body .leadinModal.leadinModal-v3 .leadin-button:hover,
body .leadinModal.leadinModal-v3 .leadin-close-button:hover {
  background-color: #0060e3 !important;
}

body .leadinModal.leadinModal-v3 h1, body .leadinModal.leadinModal-v3 h2, body .leadinModal.leadinModal-v3 h3, body .leadinModal.leadinModal-v3 h4, body .leadinModal.leadinModal-v3 h5, body .leadinModal.leadinModal-v3 h6 {
  font-size: 30px;
  font-weight: 300; 
  margin-bottom: -0.25em !important;
}
@media (max-width: 768px) {
  body .leadinModal.leadinModal-v3 h1, body .leadinModal.leadinModal-v3 h2, body .leadinModal.leadinModal-v3 h3, body .leadinModal.leadinModal-v3 h4, body .leadinModal.leadinModal-v3 h5, body .leadinModal.leadinModal-v3 h6 {
    font-size: 24px;
  }
}

body .leadinModal .leadinModal-content p {
  font-size: 18px;
  font-weight: 300;
}
@media (max-width: 768px) {
  body .leadinModal .leadinModal-content p {
    font-size: 14px;
  }
}
body .leadinModal .leadinModal-content p:empty {
  display: none !important;
}

body .leadinModal .leadinModal-content .gdpr-options p,
body .leadinModal .leadinModal-content .gdpr-options div {
  font-size: 14px;
  line-height: 1.285;
  font-weight: 300;
}

body .leadinModal .leadinModal-content .advance-wrapper {
  margin-top: 2em;
}

body .leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner .leadinModal-close {
  background-color: #48b0ff;
  border-radius: 0;
  top: 20px;
  right: 20px;
  height: 30px;
  width: 30px;
}
body .leadinModal-v3.leadinModal.leadinModal-theme-bottom-right-corner .leadinModal-content .leadinModal-close:before {
  color: white !important;
  font-size: 45px;
  font-weight: 300;
  width: 30px;
  height: 30px;
  text-align: center;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

body .leadinModal-v3.leadinModal.leadinModal-form .leadinModal-content,
body .leadinModal-v3.leadinModal.leadinModal-thanks .leadinModal-content {
  background-color: #fff !important;
}

body .leadinModal .leadin-input-wrapper input[type="text"], 
body .leadinModal .leadin-input-wrapper input[type="email"], 
body .leadinModal .leadin-input-wrapper input[type="tel"], 
body .leadinModal .leadin-input-wrapper input[type="number"], 
body .leadinModal .leadin-input-wrapper textarea {
  border-radius: 0;
  border: 1px solid #000;
  margin-bottom: 0.8em;
  width: 100% !important;
  min-height: 2em;
  padding: 0.5em 0.75em;
  font-size: 18px;
}
@media (max-width: 768px) {
  body .leadinModal .leadin-input-wrapper input[type="text"], 
  body .leadinModal .leadin-input-wrapper input[type="email"], 
  body .leadinModal .leadin-input-wrapper input[type="tel"], 
  body .leadinModal .leadin-input-wrapper input[type="number"], 
  body .leadinModal .leadin-input-wrapper textarea {
    font-size: 16px;
  }
}
body .leadinModal .leadin-input-wrapper input[type="text"]:focus, 
body .leadinModal .leadin-input-wrapper input[type="email"]:focus, 
body .leadinModal .leadin-input-wrapper input[type="tel"]:focus, 
body .leadinModal .leadin-input-wrapper input[type="number"]:focus, 
body .leadinModal .leadin-input-wrapper textarea:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-color: #48b0ff;
  outline: 0;
}

body .leadinModal .leadinModal-content label {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.2222;
}
@media (max-width: 768px) {
  body .leadinModal .leadinModal-content label {
    font-size: 14px;
  }
}