/* @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    */
/*****************************************/

/* ul custom styling child.css */

.rtext ul,
.content-card ul {
    padding-left: 12px;
}

.rtext ul li,
.content-card ul li {
    padding-bottom: 8px;
    padding-left: 8px;
}

.rtext ul li::marker,
.content-card ul li::marker {
  content: "■";   /* Unicode square character */
  color: #4CAF50;     /* Optional: color the square */
  font-size: 18px; /* Optional: size the square */
}

/* ol custom styling child.css */
.rtext ol,
.content-card ol {
  padding-left: 0;
  list-style: none;          /* remove default numbering */
  counter-reset: myCounter;  /* reset custom counter */
}

.rtext ol li,
.content-card ol li {
  padding-bottom: 18.0px;
  padding-left: 48px;        /* make space for custom number */
  position: relative;
  counter-increment: myCounter; /* increment on each li */
}

.rtext ol li::before,
.content-card ol li::before {
  color: #fff;
    content: counter(myCounter);
    background-color: #4CAF50;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    display: grid;
    place-content: center;
    font-size: 16px;
    left: 0;
    position: absolute;
    top: -4px;
}

#rtext__header_links ul li::marker,
#rtext__footer_links ul li::marker {
  content: '';
}

.footer hr {
  width: 100%;
  opacity: .2;
  margin: 0;
}


.splide__pagination .splide__pagination__page {
  height: 12px;
  width: 12px;
  margin: 5px 8px;
}
 
/* Einheitliche Inhaltsbreite */
.content_bucket-row-1-max-width-section-centering {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
/* === Global: alle DnD-Sections auf gleiche Content-Breite zentrieren === */
.dnd-section > .row-fluid,
.dnd-section .row-fluid {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}

/* Falls einzelne Rows zusätzlich "nach links ziehen" */
.dnd-section .row-fluid [class*="span"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* ===== Vertikale Section-Abstände optimieren ===== */

/* ==== Vertikale Abstände deutlich reduzieren ==== */
.dnd-section{
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* optional: wenn noch zu luftig → 16px */
 /* .dnd-section{ padding-top:16px !important; padding-bottom:16px !important; } */

@media (max-width: 768px){
  .dnd-section{
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }
}
/* ====== Feintuning: Abstände innerhalb von Rich-Text / Überschriften ====== */

/* Überschriften weniger Abstand nach unten */
.dnd-section h1,
.dnd-section h2,
.dnd-section h3 {
  margin-bottom: 16px !important;
}

/* Standard-Absatzabstände kleiner */
.dnd-section p {
  margin: 0 0 14px !important;
}

/* Listenabstände (falls Bullet-Listen genutzt werden) */
.dnd-section ul,
.dnd-section ol {
  margin: 0 0 16px !important;
}

/* Weniger Abstand oberhalb der nächsten Überschrift */
.dnd-section h2 {
  margin-top: 28px !important;
}
.dnd-section h3 {
  margin-top: 22px !important;
}
/* Einheitliche Innenabstände innerhalb von Sections */
.dnd-section .row-fluid,
.dnd-section [class*="span"] {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

@media (max-width: 768px){
    .dnd-section .row-fluid,
    .dnd-section [class*="span"] {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}
/* =========================
   Brand Colors (Remaconcept)
   ========================= */
:root{
  --rc-blue: #313C6F;        /* Headings / Primary */
  --rc-green: #4CAF50;       /* Links / Success */
  --rc-yellow: #F2C94C;      /* Link hover / Accent */
  --rc-text: #2F3A5C;        /* Body text */
  --rc-bg: #F6F8FC;          /* Light background */
  --rc-border: #E3E6EC;      /* Borders */
}
/* Base text */
body{
  color: var(--rc-text);
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.dnd-section h1, .dnd-section h2, .dnd-section h3{
  color: var(--rc-blue);
}

/* Links */
a{
  color: var(--rc-green);
}
a:hover, a:focus{
  color: var(--rc-yellow);
}

/* Borders (allgemein) */
hr, .border, .card, .content-card, .module, .dnd-section{
  border-color: var(--rc-border);
}

/* Optional: helle Flächen */
.section--light, .bg-light, .content-bucket, .dnd-section.bg-light{
 /* =========================
   Buttons (Remaconcept)
   ========================= */

.btn,
.button,
.hs-button,
.btn--accent.btn--fill {
  background: var(--rc-blue) !important;
  color: #fff !important;
  border-color: var(--rc-blue) !important;
}

.btn:hover,
.hs-button:hover,
.btn--accent.btn--fill:hover {
  background: var(--rc-text) !important;
  border-color: var(--rc-text) !important;
  color: #fff !important;
}

.btn--outline,
.btn--accent.btn--outline {
  background: transparent !important;
  color: var(--rc-blue) !important;
  border: 2px solid var(--rc-blue) !important;
}

.btn--outline:hover,
.btn--accent.btn--outline:hover {
  background: var(--rc-blue) !important;
  color: #fff !important;
}  
  background: var(--rc-bg);
}

.footer-b2b {
  background-color: #1f2f46;
  color: #ffffff;
  padding: 40px 20px;
}

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

.footer-columns {
  display: flex;
  justify-content: space-between;
  gap: 40px;
}

.footer-col h4 {
  margin-bottom: 10px;
  font-size: 16px;
  color: #ffffff;
}

.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-col ul li {
  margin-bottom: 8px;
}

.footer-col p {
  margin: 0 0 12px;
}

.footer-col a {
  color: #a8d300;
  text-decoration: none;
}

.footer-col a:hover {
  text-decoration: underline;
}

.footer-bottom {
  margin-top: 30px;
  padding-top: 15px;
  border-top: 1px solid rgba(255,255,255,0.2);
  font-size: 14px;
  color: #ffffff;
}

.footer-b2b {
  background-color: #1f2f46;
  color: #ffffff;
  padding: 40px 20px;
}

/* HEADER FINAL SAUBER */

header,
.header__section--main {
  background-color: #1f2f46 !important;
}

/* normale Links */
header a,
header .hs-menu-item a {
  color: #ffffff !important;
}

/* Hover */
header a:hover,
header .hs-menu-item a:hover {
  color: #a3d300 !important;
}

/* aktiver Menüpunkt */
header .hs-menu-item.active > a {
  color: #a3d300 !important;
}

//* DROPDOWN MENU FINAL */

header .hs-menu-childen-wrapper,
header .hs-menu-children-wrapper,
header .hs-menu-wrapper,
header .hs-menu-wrapper ul {
  background-color: #ffffff !important;
  opacity: 1 !important;
}

/* Links normal */
header .hs-menu-childen-wrapper a,
header .hs-menu-children-wrapper a,
header .hs-menu-item a,
header .hs-menu-wrapper ul li a {
  color: #1f2f46 !important;
}

/* Hover */
header .hs-menu-childen-wrapper a:hover,
header .hs-menu-children-wrapper a:hover,
header .hs-menu-item a:hover,
header .hs-menu-wrapper ul li a:hover {
  color: #a3d300 !important;
}

/* LOGO KONTRAST VERBESSERN */
.header img {
  filter: brightness(1.35) contrast(1.25);
}

/* FOOTER LINKS CI-GRUEN */
footer.footer-b2b .footer-col a {
  color: #7ED321 !important;
}

footer.footer-b2b .footer-col a:hover {
  color: #ffffff !important;
}
/* FORM BUTTON FINAL FIX */
form .hs-button,
form input[type="submit"],
.hs-form input[type="submit"],
.hs-form .hs-button {
    background-color: #1f2f46 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px;
    padding: 12px 24px;
    font-weight: 600;
}

form .hs-button:hover,
form input[type="submit"]:hover,
.hs-form input[type="submit"]:hover {
    background-color: #163047 !important;
}

/* FINAL DROPDOWN GREEN FALLBACK */

header .hs-menu-childen-wrapper,
header .hs-menu-children-wrapper,
header .hs-menu-wrapper ul,
header .hs-menu-wrapper ul.submenu,
header .hs-menu-wrapper .submenu {
  background: #a3d300 !important;
  opacity: 1 !important;
}

/* alles im Dropdown dunkelblau */
header .hs-menu-childen-wrapper a,
header .hs-menu-children-wrapper a,
header .hs-menu-wrapper ul li a,
header .hs-menu-wrapper ul li a span,
header .hs-menu-wrapper ul li span,
header .hs-menu-wrapper ul li p,
header .hs-menu-wrapper ul li {
  color: #1f2f46 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Hover im Dropdown */
header .hs-menu-childen-wrapper a:hover,
header .hs-menu-children-wrapper a:hover,
header .hs-menu-wrapper ul li a:hover,
header .hs-menu-wrapper ul li a:hover span,
header .hs-menu-wrapper ul li span:hover {
  color: #ffffff !important;
  background-color: #8fbe00 !important;
}

/* Trenner im Dropdown etwas dezenter */
header .hs-menu-wrapper ul li {
  border-color: rgba(31, 47, 70, 0.15) !important;
}

/* FINAL FIX fuer Act3 Navigation */

header .nav__list--level2,
header .nav__list--flyout {
    background: #8fbf26 !important;
    opacity: 1 !important;
}

header .nav__list--level2 .nav__link,
header .nav__list--flyout .nav__link {
    color: #1f2f46 !important;
}

header .nav__list--level2 .nav__link:hover,
header .nav__list--flyout .nav__link:hover {
    color: #ffffff !important;
    background-color: #6f9618 !important;
}

header .nav__list--level2 .nav__item,
header .nav__list--flyout .nav__item {
    border-color: rgba(31, 47, 70, 0.15) !important;
}

header .nav__list--level2 .nav__item,
header .nav__list--flyout .nav__item {
  border-color: rgba(31, 47, 70, 0.15) !important;
}

/* === DROPDOWN FEINSCHLIFF === */

header .hs-menu-wrapper ul li a:hover {
    background-color: #6f9618 !important;
}

header .hs-menu-wrapper ul li {
    border-bottom: 1px solid rgba(0,0,0,0.08);
}