:root {
  --header-height: 125px;
}

.breadcrumbs {
    flex-wrap: wrap
}

h2 {
  font-size: clamp(1.3rem,2vw + 1.2rem,2.2rem) !important;
}

h2, .h2, h3, .h3, .breadcrumb, .block-headline{
  word-break: break-word;
  hyphens: auto;
}
main {
    overflow: hidden;
}

nav li.button-primary a {
  color: #fff;
}

.block-template-Footer, Footer {
    position: relative;
    background-color: transparent !important;
}
.block-template-Footer::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 150%;
    background: linear-gradient(var(--footer-bg) 10%, transparent);
    z-index: -1;
}

.block-template-Footer::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 150%;
    background-image: url('/file/public/bannery/adobestock-41649201.jpg');
    filter: grayscale(1);
    z-index: -2;
    opacity: 0.45;
}

.main-navigation  a:not([role=button]).active-path{
  color: var(--primary) !important;
}
@media(min-width: 1001px) {
    .main-navigation .link .navigation-item >  a:not([role=button]).active-path{
      color: var(--primary) !important;
    }
}

@media(min-width: 1001px) {
  /*TOPBAR*/
  body:not(.scrolled) .topbar-navigation ul li a,
  body:not(.scrolled) .topbar-controls-wrap a.email,
  body:not(.scrolled) .topbar-controls-wrap a.phone,
  body:not(.scrolled) .topbar-navigation .overflow-dropdown-arrow {
    color: white !important;
    opacity: 0.75;
  }
  body:not(.scrolled) .topbar-navigation ul li .dropdown {
    color: var(--text) !important;
  }
  body:not(.scrolled) .topbar-navigation ul li .dropdown a {
    color: var(--text) !important;
  }
  body:not(.scrolled) .header-logo img {
    opacity: 0;
  }
  body:not(.scrolled) .header-logo a {
    background-image: url('https://nrbard.ch/file/public/brand/logo-light-new.svg');
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
  }
  body:not(.scrolled) .language-select {
    color: white !important;
  }
  body:not(.scrolled) .languages {
    color: var(--text) !important;
  }
  body:not(.scrolled) .header-separator {
    opacity: 0.1;
  }
}
.topbar-controls-wrap {
  padding:  6px 0px;
}

@media(min-width: 1001px) {
  /*SMART SCROLL*/
  body:not(.scrolled) main header {
    position: absolute !important;
    background-color: transparent !important;
    box-shadow: none !important;
    animation: none;
  }
  body:not(.scrolled) .main-navigation ul li.link a:hover {
    color: #fff;
  }
  body:not(.scrolled) .main-navigation ul {
    color: white !important;
  }
  body.scrolled main header {
    position: fixed !important;
    animation: scrolledUp .5s forwards;
  }
  .body.scrolled .main-navigation ul li.link a{
    color: var(--headline);
  }
}
/*SMART SCROLL*/

.header-logo img {
  margin: 25px 0px !important;
  max-width: 200px !important;
  max-height: 40px  !important;
  border-radius: 0px !important;
  transition: 0s !important;
}




/*404 navigace*/
.user-404-navigations .block-content {
  max-width: 1150px;
  margin: auto;
}
.user-404-navigations .block-template-Navigation .block-wrapper{
  height: 100%;
}
.user-404-navigations .block-template-Navigation .block-content {
  padding: 25px;
  border-radius: 5px;
  background-color: var(--footer-bg);
  text-align: center;
  height: 100%;
}
.user-404-navigations .block-template-Navigation .headline{
  font-weight: bold;
  font-size: 1.25rem;
  color: var(--headline);
}
.user-404-navigations .navigation-item {
  display: block !important;
  margin: 5px 0px;
}


/*BANNER BAR*/
.banner-bar{
  max-width:  750px;
  box-shadow: 0px 5px 14px #00000014;
  border-radius: 8px;
  margin-top: -90px;
  margin: -100px auto auto;
  padding: 40px 50px;
  z-index: 49;
  background: #fff;
  text-align: center;
}
.banner-bar .text-bold{
  font-size: 1.5rem;
  font-weight:bold;
  color: var(--headline);
  display: block;
  margin-bottom: 15px;
}
.banner-bar .text-bold.h2{
  font-size: 2rem;
}
.banner-bar .fast-contact {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 25px;
  font-size: 1.2rem;
  color: var(--primary);
  font-weight: 500;
}
.banner-bar  .fast-contact .item{
  display: flex;
  gap: 5px;
}
.banner-bar  .fast-contact .item img {
  height: 25px;
  aspect-ratio: 1;
  background-color: #f2f2f2;
}



/*HERO*/
.block-template-Hero .banner-text{
  padding: 0px !important;
  background-color: transparent !important;
  text-align: left;
}
.block-template-Hero h1{
  color: #ffffff;
  font-size: clamp(2rem,2.2vw + 1.2rem,3.8rem) !important;
  text-wrap: balance;
}
.block-template-Hero .text, .block-template-Hero .subheadline{
  color: #ffffff !important;
  opacity: 0.8;
  max-width: 525px !important;
}
.block-template-Hero .banner-images::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(37,37,37,0.65) 0%, rgba(37,37,37,0) 100%);
}
.block-template-Hero .banner-images::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(37,37,37,0.65) 100%, rgba(37,37,37,0) 0%);
}
.block-template-Hero .buttons .button:nth-child(2) {
  color: #f2f2f2 !important;
}


/*Benefity*/
.block-template-Benefits .block-content .benefit .image:after {
  background-color: unset;
}

/*HERO SLIDER*/
.block-template-HeroSlider .banner-text{
  padding: 0px !important;
  background-color: transparent !important;
  text-align: left;
  color:  #ffffff;
}
.basic-banner .block-content .banner-text .subheadline {
    font-size: 1rem !important;
    opacity: .6;
}
.block-template-HeroSlider  h1{
  color: #ffffff;
  font-size: clamp(2rem,2.2vw + 1.2rem,3.8rem) !important;
  text-wrap: balance;
}
.block-template-HeroSlider  text, .block-template-HeroSlider  .subheadline{
  color: #ffffff !important;
  opacity: 0.8;
  max-width: 525px !important;
}
.block-template-HeroSlider .banner-images::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(37,37,37,0.65) 0%, rgba(37,37,37,0) 100%);
}
.block-template-HeroSlider .banner-images::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(37,37,37,0.65) 100%, rgba(37,37,37,0) 0%);
}
.block-template-HeroSlider .buttons .button:nth-child(2) {
  color: #f2f2f2 !important;
}
.block-template-HeroSlider .carousel__icon {
  fill: #ffffff;
  opacity: 0.5;
}
.block-template-HeroSlider .block-content {
  padding: 60px 0px 20px 0px;
}

@media (max-width:800px) {
    .block-template-HeroSlider .block-wrapper .block-content {
      padding: 30px 0px 20px 0px;
      margin: 40px auto !important;
    }
}
@media (max-width: 500px) {
    .block-template-HeroSlider .block-content {
      padding: 30px 0px 20px 0px;
      margin: 20px auto !important;
    }
}



/*HERO on subpages*/
.user-subpage-banner .banner-text{
  text-align: center !important;
  max-width: unset !important;
}
.user-subpage-banner .banner-text h1{
  font-size: clamp(2rem,2vw + 1.2rem,3.4rem) !important;
}
.user-subpage-banner .basic-banner .block-content {
  margin: 165px auto  60px auto !important;
}
@media (max-width:1000px) {
  .user-subpage-banner .basic-banner .block-content {
    margin: 60px auto !important;
  }
}


/*Service dropdown*/
.user-dropdown-services .block-template-Services .block-content{
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media (max-width: 1000px) {

  .user-dropdown-services .block-template-Services .block-content{
    grid-template-columns: 1fr;
  }
}
.user-dropdown-services .dropdown.content-dropdown {
  width: 600px !important;
  padding: 30px !important;
}
.user-dropdown-services .user-articles-2col .block-content{
  padding-left:  0px !important;
}
@media (max-width: 1000px) {
  .user-dropdown-services .dropdown.content-dropdown {
    width: auto !important;
    padding: 20px !important;
  }
}
.user-dropdown-services .dropdown.content-dropdown .service-card{
  position: relative;
}
.user-dropdown-services .dropdown.content-dropdown .service-card img{
  width: 40px !important;
}
.user-dropdown-services .dropdown.content-dropdown .service-card .name{
  position: unset;
  font-size: 1rem !important;
}
.user-dropdown-services .dropdown.content-dropdown .service-card .text{
  font-size: 0.85rem !important;
}
.user-dropdown-services .dropdown.content-dropdown .service-card .buttons{
  display: none;
}
.user-dropdown-services .dropdown.content-dropdown .service-card .name::after{
  content: "";
  position: absolute;
  inset: 0;
}
.user-dropdown-services .dropdown.content-dropdown .service-card:hover .name{
  text-decoration: underline;
  color: var(--headline);
}
.user-dropdown-services .active-path .name{
  color: var(--primary) !important;
}


/*Headline*/
.block-template-Headline .animated-block-item {
  display: flex;
  flex-direction: column-reverse;
}


/*ABOUT US*/
.block-about-us .block-content {
  background: var(--footer-bg);
  border-radius: 8px;
}

.block-about-us .block-subheadline
{
  color: var(--primary);
}
.block-about-us .block-content .columns{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}
.block-about-us .block-content .columns .column:nth-of-type(1){
  padding: 40px;
}
@media (max-width: 1000px) {
  .block-about-us .block-content .columns.reverse .column:nth-of-type(1){
    order: unset;
  }
  .block-about-us .block-content .columns .column:nth-of-type(2){
    order: -1;
  }
}
.block-about-us .block-content .columns .column-image img{
  height: 100%;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
@media only screen and (max-width: 1000px){
  .block-about-us .block-content .columns{
    display:grid;
    grid-template-columns: 1fr;
    gap: 0;
  }
}

/*JOBS*/
.job-card {
  border: 0px !important;
  background-color: var(--footer-bg);
}


/*Services*/
.block-template-Services .block-content .service-card img {
  width: 60px;
}

/*Articles*/
.block-articles .block-content .articles {
  grid-template-columns: 1fr 1fr 1fr;
}


/*Text*/
.block-template-Text .column p:first-child {
  margin-top: 0px;
}
.block-template-Text .column p:last-child {
  margin-bottom: 0px;
}


.block-template-Footer img{
  border-radius: 0px;
}
.block-template-Footer .comment{
  margin-top: 5px;
}
.block-template-Footer a{
  color: var(--text);
}
.block-template-Footer .about {
  max-width: 300px;
}

/*Footer*/
.footer_content {
  margin-top: 60px;
}
.block-template-Footer .columns .column .header {
  border-bottom: none;
  padding-bottom: 0;
}

/*SIDEBAR*/
.sidebar-contact {
  background-color: var(--footer-bg) !important;
  color: var(--text) !important;
}
.sidebar-contact .title {
  color: var(--headline) !important;
}
.sidebar-contact .contact {
  border-top:1px solid rgba(0,0,0,0.1) !important;
}
.sidebar-contact a::after{
  filter: none !important;
}
.sidebar-contact .contact .contact-info a  {
  color: var(--primary) !important;
}


@media(min-width: 1001px) {
  .block-service-cikcak .column:first-child {
    margin-inline: -40px;
    right: -40px;
  }
  .block-service-cikcak .reverse .column:first-child {
    right: unset;
    left: -40px;
  }
}
@media(max-width: 1000px) {
  .block-service-cikcak .column:first-child {
    top: -40px;
    margin-inline: 10px;
  }
}
.block-service-cikcak .block-headline {
  margin-top: 0px;
}
.block-service-cikcak .column:first-child {
  position: relative;
  z-index: 2;
  background-color: white;
  border-radius: var(--border-radius);
  box-shadow: 0px 5px 15px #00000030;
  padding: calc(var(--gutter) * 1.5);
}

.logos .logo img {
  padding: 10%;
}

/*marker
::marker {
  content: '▶ ';
  font-size: 0.8em;
  color: var(--primary) !important;
}
*/

.block-template-Footer .grid-columns  {
    gap: calc(2 * var(--gutter));
}



.layout_sidebar_right .services-layout-basic-left {
    grid-template-columns: 1fr 1fr !important;
}
@media(max-width: 650px) {
    .layout_sidebar_right .services-layout-basic-left {
        grid-template-columns: 1fr !important;
    }
}
.layout_sidebar_right .services-layout-basic-left .button {
    display: none;
}


/*LISTS*/
.block-template-Text ol, .block-template-Text ul {
    padding-left: 30px;
    counter-reset: li;
    list-style: none;
}
.block-template-Text ol li, .block-template-Text ul li {
    position: relative;
    margin-bottom: 6px;
}
.block-template-Text ul li::before {
    content: '';
    position: absolute;
    background-color: var(--primary);
    top: 5px;
    left: -28px;
    width: 5px;
    aspect-ratio: 1;
    border-radius: 50%;
}
.block-template-Text ol li::before {
    counter-increment: li;
    content: counter(li) ".";
    position: absolute;
    font-weight: bold;
    top: -5px;
    left: -28px;
    color: var(--primary);
    font-size: 1.3rem;
}
.footer-navigation .button {
    display: none;
}