.u-section-1 {
  background-position: 50% 50%;
}

.u-section-1 .u-sheet-1 {
  min-height: 311px;
}

.u-section-1 .u-custom-html-1 {
  height: auto;
  min-height: 315px;
  width: 1103px;
  margin: 8px auto;
}

@media (max-width: 1199px) {
  .u-section-1 .u-custom-html-1 {
    width: 940px;
  }
}

@media (max-width: 991px) {
  .u-section-1 .u-custom-html-1 {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .u-section-1 .u-custom-html-1 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-1 .u-custom-html-1 {
    width: 340px;
  }
}.u-section-2 .u-sheet-1 {
  min-height: 1070px;
}

.u-section-2 .u-custom-html-1 {
  margin-bottom: 7px;
  margin-top: 0;
  height: auto;
  min-height: 1063px;
} .u-section-8 {
  background-position: 50% 50%;
}

.u-section-8 .u-sheet-1 {
  min-height: 859px;
}

.u-section-8 .u-custom-html-1 {
  height: auto;
  min-height: 874px;
  width: 900px;
  margin: 0 auto -5px;
}

@media (max-width: 1199px) {
  .u-section-8 .u-sheet-1 {
    min-height: 701px;
  }

  .u-section-8 .u-custom-html-1 {
    width: 588px;
  }
}

@media (max-width: 991px) {
  .u-section-8 .u-sheet-1 {
    min-height: 537px;
  }
}

@media (max-width: 767px) {
  .u-section-8 .u-sheet-1 {
    min-height: 403px;
  }

  .u-section-8 .u-custom-html-1 {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .u-section-8 .u-sheet-1 {
    min-height: 254px;
  }

  .u-section-8 .u-custom-html-1 {
    width: 340px;
  }
}/* ČRNA LISTA — VISUAL REFRESH / ONLY PRESENTATION.
   Existing Nicepage markup, content, scripts, links and IDs are intact.
   Scoped to the sections of this HTML file. */
:root {
  
  
  
  
  
  
  
  
}
body.u-body {
  background: #ffffff !important;
  color: #192c34;
  font-family: "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}
/* NAVIGATION — retain Nicepage dropdown and mobile mechanisms. */
#sec-f143 {
  background: rgba(255, 255, 255, .97) !important;
  border: 0 !important;
  border-top: 3px solid #2b625f !important;
  border-bottom: 1px solid #dde5e4 !important;
  box-shadow: 0 6px 22px rgba(22, 47, 51, .045) !important;
  z-index: 110 !important;
}
#sec-f143.u-sticky-fixed,
body.u-body.u-sticky-fixed #sec-f143 {
  box-shadow: 0 8px 25px rgba(22, 47, 51, .09) !important;
}
#sec-f143 > nav.u-menu { width: 100%; max-width: 1360px; margin: 0 auto; }
#sec-f143 .u-nav-container > .u-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2px;
}
#sec-f143 .u-nav-container > .u-nav > .u-nav-item > .u-nav-link {
  padding: 19px 13px !important;
  border-radius: 0;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  font-weight: 650 !important;
  letter-spacing: .025em !important;
  color: #192c34 !important;
  text-shadow: none !important;
  white-space: nowrap;
}
#sec-f143 .u-nav-container > .u-nav > .u-nav-item > .u-nav-link:hover,
#sec-f143 .u-nav-container > .u-nav > .u-nav-item > .u-nav-link:focus-visible {
  background: #f4f7f6 !important;
  color: #204c4a !important;
}
#sec-f143 .u-nav-container .u-nav-popup .u-nav {
  background: #ffffff !important;
  border: 1px solid #dde5e4 !important;
  box-shadow: 0 16px 35px rgba(25, 44, 52, .12);
  border-radius: 0 0 9px 9px;
  overflow: visible !important;
}
#sec-f143 .u-nav-container .u-nav-popup .u-nav-link {
  background: #ffffff !important;
  color: #192c34 !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  padding: 13px 18px !important;
}
#sec-f143 .u-nav-container .u-nav-popup .u-nav-link:hover,
#sec-f143 .u-nav-container .u-nav-popup .u-nav-link:focus-visible {
  background: #f4f7f6 !important;
  color: #204c4a !important;
}
#sec-f143 .menu-collapse .u-hamburger-link { color: #192c34 !important; }
#sec-f143 .menu-collapse svg { color: #192c34 !important; fill: currentColor; }
#sec-f143 .u-nav-container-collapse .u-sidenav {
  background: #ffffff !important;
  color: #192c34 !important;
}
#sec-f143 .u-nav-container-collapse .u-nav-link {
  font-family: "Segoe UI", Arial, sans-serif !important;
  color: #192c34 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}
#sec-f143 .u-nav-container-collapse .u-nav-link:hover {
  background: #f4f7f6 !important;
  color: #204c4a !important;
}
#sec-f143 .u-nav-container-collapse .u-menu-close { color: #192c34 !important; }
/* HERO — editorial typographic layout. The document motif is CSS only. */
#sec-17bf {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 0 !important;
  padding: 74px 26px 76px !important;
  border: 0 !important;
  background: linear-gradient(115deg, #ffffff 0%, #f6f9f8 68%, #edf4f2 100%) !important;
}
#sec-17bf > .u-sheet {
  position: relative;
  z-index: 1;
  width: min(100%, 1240px) !important;
  max-width: 1240px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
}
#sec-17bf > .u-sheet > .u-custom-html {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
}
#sec-17bf::after {
  content: "";
  position: absolute;
  right: max(6%, calc((100% - 1250px) / 2));
  top: 50%;
  width: clamp(190px, 21vw, 295px);
  aspect-ratio: 3 / 4;
  transform: translateY(-50%) rotate(5deg);
  border: 1px solid rgba(43, 98, 95, .19);
  border-radius: 12px;
  background: linear-gradient(90deg, transparent 10%, rgba(43,98,95,.08) 10%, rgba(43,98,95,.08) 10.6%, transparent 10.6%),
              repeating-linear-gradient(to bottom, transparent 0, transparent 26px, rgba(43,98,95,.13) 27px, transparent 28px);
  background-color: rgba(255, 255, 255, .38);
  background-size: 100% 100%, 74% 74%;
  background-position: center, center;
  background-repeat: no-repeat;
  box-shadow: -19px 23px 0 rgba(43, 98, 95, .045), 0 22px 55px rgba(43,98,95,.05);
  pointer-events: none;
  z-index: 0;
}
#cl-hero-2026 {
  width: 100%;
  padding: 0 !important;
  text-align: left !important;
  color: #192c34;
}
#cl-hero-2026 .cl-hero-inner {
  max-width: min(800px, 69%) !important;
  margin: 0 !important;
  text-align: left !important;
}
#cl-hero-2026 h1 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(52px, 6.3vw, 91px) !important;
  font-weight: 700 !important;
  line-height: 1.07 !important;
  letter-spacing: -.04em !important;
  text-align: left !important;
  color: #192c34 !important;
}
#cl-hero-2026 .cl-line {
  width: 70px !important;
  height: 3px !important;
  margin: 30px 0 29px !important;
  background: #2b625f !important;
}
#cl-hero-2026 h2 {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(23px, 2.5vw, 34px) !important;
  font-weight: 520 !important;
  letter-spacing: -.025em !important;
  line-height: 1.35 !important;
  text-align: left !important;
  color: #192c34 !important;
}
#cl-hero-2026 .cl-description {
  max-width: 660px !important;
  margin: 0 !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
  text-align: left !important;
  color: #53636a !important;
}
#cl-hero-2026 .cl-actions {
  justify-content: flex-start !important;
  margin-top: 34px !important;
  gap: 12px !important;
}
#cl-hero-2026 .cl-button {
  min-height: 53px;
  border-radius: 6px !important;
  font-size: 12px !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  letter-spacing: .065em !important;
  transition: background .2s ease, transform .2s ease, border-color .2s ease;
}
#cl-hero-2026 .cl-primary,
#cl-hero-2026 .cl-primary:visited {
  background: #204c4a !important;
  border-color: #204c4a !important;
  color: #ffffff !important;
}
#cl-hero-2026 .cl-primary:hover { background: #163f3c !important; transform: translateY(-2px); }
#cl-hero-2026 .cl-secondary,
#cl-hero-2026 .cl-secondary:visited {
  background: transparent !important;
  border-color: #b6c8c5 !important;
  color: #192c34 !important;
}
#cl-hero-2026 .cl-secondary:hover { background: #e9f1ef !important; }
/* ABOUT — two-column editorial body and a single typographic accent. */
#sec-b924 {
  border: 0 !important;
  background: #f4f7f6 !important;
  padding: 22px 22px 66px !important;
}
#sec-b924 > .u-sheet {
  width: min(100%, 1240px) !important;
  max-width: 1240px !important;
  min-height: 0 !important;
  margin: 0 auto !important;
}
#sec-b924 .u-custom-html { width: 100% !important; max-width: none !important; margin: 0 !important; }
#cl-about-2026 { max-width: 1240px !important; padding: 34px 0 0 !important; }
#cl-about-2026 .cl-layout {
  grid-template-columns: minmax(0, 1fr) minmax(270px, 315px) !important;
  gap: 26px !important;
  align-items: start;
}
#cl-about-2026 .cl-content {
  background: #ffffff !important;
  border: 1px solid #dde5e4 !important;
  border-radius: 12px !important;
  padding: clamp(30px, 4vw, 62px) !important;
  box-shadow: 0 17px 47px rgba(30, 57, 60, .055) !important;
}
#cl-about-2026 .cl-section {
  margin-bottom: 37px !important;
  padding-bottom: 36px !important;
  border-color: #dde5e4 !important;
}
#cl-about-2026 .cl-section:last-child { margin-bottom: 0 !important; padding-bottom: 0 !important; }
#cl-about-2026 .cl-section h2 {
  margin-bottom: 14px !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(22px, 2vw, 27px) !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  letter-spacing: -.025em !important;
  color: #192c34 !important;
}
#cl-about-2026 .cl-section h2::before {
  background: #2b625f !important;
  width: 42px !important;
  height: 2px !important;
  margin-bottom: 14px !important;
}
#cl-about-2026 .cl-section p {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  color: #42535c !important;
}
#cl-about-2026 .cl-section a,
#cl-about-2026 .cl-section a:visited {
  margin-top: 14px !important;
  font-size: 14px !important;
  color: #204c4a !important;
  border-color: #2b625f !important;
}
#cl-about-2026 .cl-section a:hover { color: #123b39 !important; border-color: #123b39 !important; }
#cl-about-2026 .cl-quote-card {
  position: sticky;
  top: 105px;
  padding: 36px 32px 40px !important;
  background: #24454a !important;
  border: 1px solid #24454a !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 44px rgba(31, 62, 66, .12) !important;
}
#cl-about-2026 .cl-quote-mark { color: #a7c7bf !important; }
#cl-about-2026 .cl-quote-card blockquote {
  font-size: 23px !important;
  line-height: 1.65 !important;
  color: #ffffff !important;
}
#cl-about-2026 .cl-quote-author {
  border-color: rgba(255,255,255,.24) !important;
  color: #d2e1df !important;
}
/* CONTACT — restrained directory, no decorative illustrations. */
#kontakt { border: 0 !important; background: #ffffff !important; padding: 42px 22px 88px !important; }
#kontakt > .u-sheet { width: min(100%, 1240px) !important; max-width: 1240px !important; min-height: 0 !important; margin: 0 auto !important; }
#kontakt .u-custom-html { width: 100% !important; max-width: none !important; margin: 0 !important; }
#cl-contact-2026 { max-width: 1240px !important; padding: 0 !important; }
#cl-contact-2026 .cl-container {
  background: #ffffff !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 18px 0 0 !important;
  box-shadow: none !important;
}
#cl-contact-2026 .cl-header {
  max-width: 850px;
  margin-bottom: 32px !important;
  padding-bottom: 25px !important;
  border-color: #dde5e4 !important;
}
#cl-contact-2026 .cl-label { font-size: 11px !important; color: #2b625f !important; }
#cl-contact-2026 .cl-header h2 {
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: clamp(32px, 4vw, 46px) !important;
  font-weight: 700 !important;
  letter-spacing: -.035em !important;
  color: #192c34 !important;
}
#cl-contact-2026 .cl-header p { font-size: 16px !important; color: #53636a !important; }
#cl-contact-2026 .cl-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 13px !important; }
#cl-contact-2026 .cl-item {
  padding: 28px 25px !important;
  background: #f8faf9 !important;
  border: 1px solid #dde5e4 !important;
  border-radius: 8px !important;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
#cl-contact-2026 .cl-item:hover {
  background: #ffffff !important;
  border-color: #9ebcb6 !important;
  transform: translateY(-2px);
}
#cl-contact-2026 .cl-item::before { background: #2b625f !important; }
#cl-contact-2026 .cl-item h3 { color: #53636a !important; font-size: 11px !important; }
#cl-contact-2026 .cl-item a,
#cl-contact-2026 .cl-item a:visited { color: #192c34 !important; font-size: 15px !important; }
#cl-contact-2026 .cl-item a:hover { color: #204c4a !important; }
#cl-contact-2026 .cl-phone {
  grid-column: 1 / -1 !important;
  background: #eef5f2 !important;
  display: block !important;
}
#cl-contact-2026 .cl-phone a { font-size: 24px !important; }
/* FOOTER — editorial, with every original link and counter retained. */
#sec-7ea9 {
  background: #f5f8f7 !important;
  color: #53636a !important;
  border: 0 !important;
  border-top: 1px solid #dde5e4 !important;
  padding: 33px 22px 29px !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
}
#sec-7ea9 > p {
  max-width: 840px;
  margin: 13px auto 20px !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  line-height: 1.75 !important;
  color: #53636a !important;
}
#sec-7ea9 > .u-countdown {
  display: block;
  width: fit-content;
  max-width: 100%;
  min-height: 0 !important;
  margin: 0 auto 16px !important;
  padding: 8px 17px !important;
  border: 1px solid #dde5e4 !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  text-align: center;
  color: #53636a !important;
}
#sec-7ea9 .u-countdown-numbers .u-countdown-counter,
#sec-7ea9 .u-countdown-numbers .u-countdown-label {
  font-family: "Segoe UI", Arial, sans-serif !important;
  color: #53636a !important;
  font-size: 11px !important;
  letter-spacing: .03em !important;
}
#sec-7ea9 > nav.u-menu { max-width: 100%; margin: 0 auto; }
#sec-7ea9 .u-nav-container > .u-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px 14px; }
#sec-7ea9 .u-nav-container .u-nav-link {
  color: #192c34 !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 550 !important;
  padding: 8px 9px !important;
}
#sec-7ea9 .u-nav-container .u-nav-link:hover { color: #2b625f !important; }
#sec-7ea9 .menu-collapse .u-hamburger-link { color: #192c34 !important; }
#sec-7ea9 .u-nav-container-collapse .u-sidenav { background: #ffffff !important; }
#sec-7ea9 .u-nav-container-collapse .u-nav-link { color: #192c34 !important; }
/* COOKIE PANEL: presentation only; Nicepage consent handling unchanged. */
#sec-fe45.u-cookies-consent {
  background: #ffffff !important;
  color: #192c34 !important;
  border: 0 !important;
  border-top: 1px solid #dde5e4 !important;
  box-shadow: 0 -12px 45px rgba(29, 53, 58, .12);
  font-family: "Segoe UI", Arial, sans-serif !important;
}
#sec-fe45 .u-sheet { width: min(100% - 32px, 1120px) !important; max-width: 1120px !important; min-height: 0 !important; }
#sec-fe45 .u-layout-wrap-1 { margin-top: 12px !important; margin-bottom: 12px !important; }
#sec-fe45 .u-layout-cell-1,
#sec-fe45 .u-layout-cell-2 { min-height: 0 !important; }
#sec-fe45 .u-container-layout-1,
#sec-fe45 .u-container-layout-2 { padding: 12px 16px !important; }
#sec-fe45 .u-text-1 {
  margin: 0 0 8px !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 17px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  color: #192c34 !important;
}
#sec-fe45 .u-text-2 {
  margin: 0 !important;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  color: #53636a !important;
}
#sec-fe45 .u-text-3,
#sec-fe45 .u-text-4 { margin: 0 0 9px !important; border: 0 !important; line-height: 1.4 !important; }
#sec-fe45 .u-btn-1,
#sec-fe45 .u-btn-2 {
  display: block !important;
  padding: 10px 14px !important;
  border-radius: 5px;
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: .03em !important;
  text-align: center;
  text-decoration: none !important;
}
#sec-fe45 .u-btn-1 { color: #ffffff !important; background: #204c4a !important; }
#sec-fe45 .u-btn-2 { color: #192c34 !important; background: #f4f7f6 !important; border: 1px solid #dde5e4 !important; }
/* Focus remains visible on all keyboard-accessible links. */
#sec-f143 a:focus-visible,
#sec-7ea9 a:focus-visible,
#sec-fe45 a:focus-visible,
#cl-hero-2026 a:focus-visible,
#cl-about-2026 a:focus-visible,
#cl-contact-2026 a:focus-visible { outline: 3px solid #377d75 !important; outline-offset: 3px; }
@media (max-width: 1199px) {
  #sec-17bf::after { right: 4%; opacity: .6; }
  #cl-hero-2026 .cl-hero-inner { max-width: 73% !important; }
}
@media (max-width: 991px) {
  #sec-17bf { padding: 65px 24px !important; }
  #sec-17bf::after { display: none; }
  #cl-hero-2026 .cl-hero-inner { max-width: 860px !important; }
  #cl-about-2026 .cl-layout { grid-template-columns: minmax(0, 1fr) !important; gap: 22px !important; }
  #cl-about-2026 .cl-quote-card { position: static !important; }
  #cl-contact-2026 .cl-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 600px) {
  #sec-17bf { padding: 49px 17px 58px !important; }
  #cl-hero-2026 .cl-hero-inner { max-width: 100% !important; }
  #cl-hero-2026 h1 { font-size: clamp(43px, 11vw, 58px) !important; letter-spacing: -.04em !important; }
  #cl-hero-2026 h2 { font-size: 23px !important; }
  #cl-hero-2026 .cl-description { font-size: 15px !important; }
  #cl-hero-2026 .cl-actions { flex-direction: column; align-items: stretch; }
  #cl-hero-2026 .cl-button { width: 100%; max-width: none !important; }
  #sec-b924 { padding: 8px 12px 44px !important; }
  #cl-about-2026 .cl-content { padding: 29px 24px !important; }
  #cl-about-2026 .cl-section h2 { font-size: 22px !important; }
  #cl-about-2026 .cl-section p { font-size: 15px !important; }
  #cl-about-2026 .cl-quote-card { padding: 29px 26px !important; }
  #cl-about-2026 .cl-quote-card blockquote { font-size: 21px !important; }
  #kontakt { padding: 38px 15px 60px !important; }
  #cl-contact-2026 .cl-grid { grid-template-columns: minmax(0, 1fr) !important; }
  #cl-contact-2026 .cl-item { padding: 24px 22px !important; }
  #cl-contact-2026 .cl-phone { grid-column: 1 / -1 !important; }
  #sec-fe45 .u-sheet { width: min(100% - 20px, 1120px) !important; }
  #sec-fe45 .u-container-layout-1,
  #sec-fe45 .u-container-layout-2 { padding: 8px 10px !important; }
}
@media (prefers-reduced-motion: reduce) {
  #cl-hero-2026 .cl-button,
  #cl-contact-2026 .cl-item { transition: none !important; transform: none !important; }
}