:root {
  --black: #000000;
  --white: #ffffff;

  /* RGB 0 40 85 #002855 */
  /* --blue: #002855; */
  --blue: #011126;

  --blue-transparent: rgba(1, 17, 38, 0.8);

  /* --blue-70: rgb(0 40 85 / 70%); */
  --blue-98: rgb(0 40 85 / 98%);
  --blue-95: rgb(0 40 85 / 95%);
  --blue-90: rgb(0 40 85 / 90%);
  --blue-80: rgb(0 40 85 / 80%);
  --blue-70: rgb(0 40 85 / 70%);

  /* link blue */
  /* --link-blue: rgba(1 17 38 / 100%);
  --link-blue-hover: rgba(1 17 38 / 70%); */

  /* --link-blue: rgba(1 17 38 / 70%); */
  /* --link-blue: #8095aa; */
  --link-blue: #335477;
  --link-blue-hover: rgba(1 17 38 / 100%);

  --realy-blue: #002855;
  --realy-blue-70: #002855;

  /* #00A556 */
  --link-green: #00a556;

  /* #08A64A */
  /* --arrow-green: #005523; */
  --arrow-green: #22372b;

  /* Darkgreen RGB 34 55 43 #22372B */
  /* --green-dark: #22372B; */
  --green-dark: #22372b;
  --green-dark-50: #22372b8a;

  /* --green-dark-70: rgba(34 55 43 / 70%); */
  /* --green-dark-70: rgba(69 87 77 / 100%); */
  --green-dark-70: #445a53;

  /* --green-dark-50: rgba(34 55 43 / 50%); */
  /* --green-dark-50: rgba(89 145 113 / 100%); */
  --green-dark-50: #77b678;

  /* #77B678
  #0A271E
  #445A53
  #011126 */
  --color1: #77b678;
  --color2: #0a271e;
  --color3: #445a53;
  --color4: #011126;
  --color5: #1f9b46;

  /* --green: #08a64a; */
  --green: #1f9b46;

  --green-50: rgba(8 166 74 /50%);
  --green-50: #1f9b46cb;

  --lightgreen: #8ed6ac;

  /* Sand RGB 255 197 110 #FFC56E */
  --sand: #ffc56e;

  --lightgrey: #f5f5f5;
  --lightblue: #9db0c8;


  /* --icon-grey: #979797; */
  --icon-grey: #757587;
}

.black-text {
  color: var(--black) !important;
}

.block-visualizer h1 {
  /* font-size: 4rem; */
  font-size: 6rem;
  line-height: 125%;
  padding-bottom: 1rem;
}

.block-visualizer h2 {
  /* font-size: 3.2rem; */
  font-size: 5rem;
  line-height: 125%;
  padding-bottom: 1rem;
}

.block-visualizer h3 {
  /* font-size: 2.7rem; */
  font-size: 3rem;
  line-height: 125%;
  padding-bottom: 1rem;
}

.block-visualizer h4 {
  font-size: 2.4rem;
  line-height: 125%;
  padding-bottom: 1rem;
}

.block-visualizer h5 {
  font-size: 2.2rem;
  line-height: 125%;
  padding-bottom: 0.75rem;
}

.block-visualizer h6 {
  font-size: 2rem;
  line-height: 125%;
  padding-bottom: 0.5rem;
}

.block-visualizer p,
.block-visualizer a,
.block-visualizer .box-content {
  font-size: 1.8rem;
}

.flex-align-end {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
}

.flex-align-center {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}

.box-image-container,
.box-image,
.box-standard img {
  max-width: 100%;
  height: auto;
  width: 100%;

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;


  /* test 20251204 JM */
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    text-align: center;
  /*  */

}

/* video-container */
.box-slider-image .box-image-container.video-container {
  max-width: 100%;
  height: auto;
  width: 100%;
  /*padding: 56.25% 0 0 0;*/
  position: relative;
  /* DE FIX */
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  text-align: center;
  
  
  display: flex;
  width: 100%;
  /*
  height: 100%;
  padding: 56.25% 0 0 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  */
  min-height: 60rem;
  max-height: 60rem;
  overflow: hidden;

}

/* video-container iframe */
.box-slider-image .box-image-container.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  /*height: 100%;*/
  
  min-height: 80rem;
  min-width: 142rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 200vh;
}

.box-standard .box-content div {
  font-weight: 200 !important;
  font-size: 1.8rem !important;
}

.box-content div {
  font-weight: 200 !important;
  font-size: 1.8rem !important;
}
.box-content div p {
  font-weight: 200 !important;
  font-size: 1.8rem !important;
}

.box-content a,
.box-content a:visited {
  /*  */
}

.box-content a,
.box-content a:visited {
  transition: all 0.4s ease;
}

.box-content a:hover {
  text-decoration: underline;
}

.box-content > div h1,
.box-content > div h2 {
  font-weight: normal;
}

.box-content > div h1 strong,
.box-content > div h2 strong {
  font-weight: bold;
}

/*  */
.box-content .block-button-wrapper {
  align-items: flex-end;
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;

  margin-top: 1rem;
}

/* block-button-wrapper */

/* **************************************** */
/* **************************************** */
/* Buttons */

.btn-blue {
  /* display: block; */
  display: flex;
  align-items: center;
  background-color: transparent;
  border-radius: 10px;
  padding: 1rem 2rem;
  margin: 10px;
  text-decoration: none;
  font-weight: bold;
  width: fit-content;
  width: -moz-fit-content;
  color: var(--white) !important;
  background-color: var(--blue);
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-align: center;
}

a.btn-blue {
  font-weight: lighter;
}

.btn-blue-big {
  font-size: 24px;
  padding: 1rem 2rem;
  font-weight: bold;
}
.btn-blue:hover {
  color: var(--white) !important;
  background-color: var(--blue-98) !important;
  text-decoration: none !important;
}

.btn-green {
  /* display: block; */
  display: flex;
  align-items: center;
  background-color: transparent;
  border-radius: 10px;
  padding: 1rem 2rem;
  margin: 10px;
  text-decoration: none;
  font-weight: bold;
  width: fit-content;
  width: -moz-fit-content;
  color: var(--white) !important;
  background-color: var(--green-dark) !important;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-align: center;
}
a.btn-green {
  font-weight: lighter;
}

.btn-green:hover {
  color: var(--white) !important;
  background-color: var(--green-dark-50) !important;
  text-decoration: none !important;
}

/* remove marrgin left on first */
.box-content .btn-blue:first-child,
.box-content .btn-green:first-child {
  margin-left: 0;
}

/* End of buttons */
/* **************************************** */
/* **************************************** */

/*********************************************************/
/*********************************************************/
/**** Block theme colors   *******************************/

.block-button {
  display: block;
  background-color: transparent;
  border-radius: 10px;
  border: 1px solid transparent;
  padding: 1rem 2rem;
  text-decoration: none;
  font-weight: lighter;
  width: fit-content;
  width: -moz-fit-content;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-align: center;
}

/*******************************************************************/
/* blue background white text */
.block-color-blue-white .box-content,
.block-visualizer.block-color-blue-white .box-content {
  background-color: var(--blue) !important;
  color: var(--white) !important;
  border-color: var(--blue) !important;
}
.block-color-blue-white .box-content,
.block-visualizer.block-color-blue-white .box-content h1,
.block-visualizer.block-color-blue-white .box-content h2,
.block-visualizer.block-color-blue-white .box-content h3,
.block-visualizer.block-color-blue-white .box-content h4,
.block-visualizer.block-color-blue-white .box-content h5,
.block-visualizer.block-color-blue-white .box-content h6 {
  color: var(--white) !important;
}

.block-color-blue-white .block-button {
  /* background-color: var(--green-dark-70); */
  /* background-color: rgb(69 87 77); */
  background-color: #335477;
  border-color: #335477 !important;
  color: var(--white);
}
.block-color-blue-white .block-button:hover {
  /* background-color: var(--green-dark-50); */
  /* border-color: var(--green-dark-50) !important; */
  background-color: #93a9c3 !important;
  border-color: #93a9c3 !important;
  color: var(--white);
  text-decoration: none !important;
}

/* standalone button block */
.box-button.block-color-blue-white .block-button,
.box-button-100.block-color-blue-white .block-button {
  background-color: var(--blue) !important;
  border-color: var(--blue) !important;
  color: var(--white) !important;
}
.box-button.block-color-blue-white .block-button:hover,
.box-button-100.block-color-blue-white .block-button:hover {
  background-color: var(--blue-98) !important;
  border-color: var(--blue-98) !important;
  color: var(--white) !important;
}

/* end blue-white */
/*******************************************************************/

/*******************************************************************/
/* green background white text */
.block-color-green-white .box-content,
.block-visualizer.block-color-green-white .box-content {
  background-color: var(--green-dark) !important;
  color: var(--white) !important;
  border-color: var(--green-dark) !important;
}
.block-color-green-white .box-content,
.block-visualizer.block-color-green-white .box-content h1,
.block-visualizer.block-color-green-white .box-content h2,
.block-visualizer.block-color-green-white .box-content h3,
.block-visualizer.block-color-green-white .box-content h4,
.block-visualizer.block-color-green-white .box-content h5,
.block-visualizer.block-color-green-white .box-content h6 {
  color: var(--white) !important;
}

.block-color-green-white .block-button {
  background-color: var(--green-dark-70);
  border-color: var(--green-dark-70) !important;
  color: var(--white);
  text-decoration: none !important;
}

.block-color-green-white .block-button:hover {
  background-color: var(--green-dark-50);
  border-color: var(--green-dark-50) !important;
  color: var(--white);
  text-decoration: none !important;
}

/* standalone button block */
.box-button.block-color-green-white .block-button,
.box-button-100.block-color-green-white .block-button {
  background-color: var(--green-dark-70);
  border-color: var(--green-dark-70) !important;
  color: var(--white);
  text-decoration: none !important;
}
.box-button.block-color-green-white .block-button:hover,
.box-button-100.block-color-green-white .block-button:hover {
  background-color: var(--green-dark-50);
  border-color: var(--green-dark-50) !important;
  color: var(--white);
  text-decoration: none !important;
}

/* end green white */
/*******************************************************************/

/*******************************************************************/
/* transparent background black text*/
.block-color-transparent-black .box-content,
.block-visualizer.block-color-transparent-black .box-content {
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--black) !important;
}

.block-visualizer.block-color-transparent-black .box-content h1,
.block-visualizer.block-color-transparent-black .box-content h2,
.block-visualizer.block-color-transparent-black .box-content h3,
.block-visualizer.block-color-transparent-black .box-content h4,
.block-visualizer.block-color-transparent-black .box-content h5,
.block-visualizer.block-color-transparent-black .box-content h6 {
  color: var(--black) !important;
}

.block-color-transparent-black .block-button {
  background-color: transparent;
  border-color: var(--green-dark-70) !important;
  color: var(--black);
}
.block-color-transparent-black .block-button:hover {
  background-color: var(--green-dark-50);
  border-color: var(--green-dark-50) !important;
  color: var(--white);
  text-decoration: none !important;
}

/* end transparent black */
/*******************************************************************/

/*******************************************************************/
/* transparent background white text*/
.block-color-transparent-white .box-content,
.block-visualizer.block-color-transparent-white .box-content {
  background-color: transparent !important;
  border-color: var(--green-dark-70) !important;
  color: var(--white) !important;
}

.block-visualizer.block-color-transparent-white .box-content h1,
.block-visualizer.block-color-transparent-white .box-content h2,
.block-visualizer.block-color-transparent-white .box-content h3,
.block-visualizer.block-color-transparent-white .box-content h4,
.block-visualizer.block-color-transparent-white .box-content h5,
.block-visualizer.block-color-transparent-white .box-content h6 {
  color: var(--white) !important;
}

.block-color-transparent-white .block-button {
  background-color: transparent;
  border-color: var(--green-dark-70) !important;
  color: var(--white);
}
.block-color-transparent-white .block-button:hover {
  background-color: var(--green-dark-50);
  border-color: var(--green-dark-50) !important;
  color: var(--white);
  text-decoration: none !important;
}

/*  end transparent white */
/*******************************************************************/

.blue-white {
  background-color: #335477 !important;
  border-color: #335477 !important;
  color: var(--white);
}

/* .blue-white:hover {
  background-color: var(--blue) !important;
  border-color: var(--blue) !important;
  color: var(--white);
  text-decoration: none !important;
} */

.blue-white:hover {
    background-color: #93a9c3 !important;
    border-color: #93a9c3 !important;
    color: var(--white);
    text-decoration: none !important;
}


.dark-blue-white {
  background-color: var(--blue) !important;
  border-color: var(--blue) !important;
  color: var(--white) !important;
}

.dark-blue-white:hover {
  background-color: var(--blue-98) !important;
  border-color: var(--blue-98) !important;
  color: var(--white) !important;
}

.green-white {
  background-color: var(--green-dark-70) !important;
  border-color: var(--green-dark-70) !important;
  color: var(--white);
}

.green-white:hover {
  background-color: var(--green-dark-50) !important;
  border-color: var(--green-dark-50) !important;
  color: var(--white);
}

/**** End Block theme colors   ***************************/
/*********************************************************/
/*********************************************************/

/* **************************************** */
/* **************************************** */
/* Box slider image */
.box-slider-image {
  display: flex;
  justify-content: center;

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  /* min-height: 750px; */
  min-height: 550px;
  width: 100%;
  position: relative;
}

.box-slider-image-dimmed:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /* background: rgba(0,0,0,.5); */
  background: rgba(0, 0, 0, 0.2);
}

.box-slider-image .box-slider-content {
  /* position: absolute; */
  /* top: 50%; */
  /* left: 50%; */
  /* transform: translate(-50%, -50%); */
  color: var(--white);
  width: 100%;
  max-width: 1200px;
  /* padding: 0 35px; */
  padding: 5rem 3.5rem;

  display: flex;
  justify-content: center;
  align-items: flex-end;
}

/* iframe slider image video content */
.box-slider-image .box-image-container.video-container .box-slider-content {
  /*position: absolute;
  top: 59.4%;
  bottom: 10%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  position: relative;
  z-index: 999;
}

/* special section startbanner */
.section-startbanner .box-slider-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  /* min-height: 750px; */
  /* max-height: 750px; */
  min-height: 850px;
  /* max-height: 850px; */
  /* overflow-y: hidden; */
  height: 100%;
  max-height: 850px;
  width: 100%;
  position: relative;
}
.section-startbanner .box-slider-image .box-image-container{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

  /* test 20251204 JM */
  display: flex;
  /* align-items: flex-end; */
  /*  */

}

.section-startbanner .box-slider-image:has(> .video-container) {
  min-height: unset;
}

.section-startbanner .box-slider-image.block-visualizer {
  overflow-y: visible !important;
  overflow: visible !important;
}

/* startbanner  */
.section-startbanner .box-slider-image .box-slider-content {
  /* top: 80%; */
}
.section-startbanner .splide__pagination {
  display: none;
}
/* end startbanner  */

/* section-topbanner */
/* section startbanner for all pages*/
.section-topbanner .box-slider-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;

  min-height: 600px;
  max-height: 6000px;
  width: 100%;
  position: relative;
}

.section-topbanner .box-slider-image.block-visualizer {
  overflow-y: visible !important;
  overflow: visible !important;
}

/* startbanner  */
.section-topbanner .box-slider-image .box-slider-content {
  /* top: 80%; */
}
.section-topbanner .splide__pagination {
  display: none;
}
/* end startbanner  */

.box-slider-image .box-slider-content > div {
  /*
  max-width: 1250px;
  padding: 25px 0;
  text-align: center;
  */
  
  /* test 20251204 JM commented out absolute */
  /*
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  */

  color: var(--white);
  width: 100%;
  max-width: 1200px;
  padding: 0 35px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: center;
  
}

.box-slider-image .box-slider-content > div h1 {
  color: var(--white);
  /* font-size: 50px; */
  /* font-size: 68px; */
  font-size: 6rem;
  padding-bottom: 0;
}

.box-slider-image .box-slider-content > div p,
.box-slider-image .box-slider-content > div a,
.box-slider-image .box-slider-content > div li {
  font-weight: bold;
  color: var(--white);
  font-size: 45px;
}
/* End of box slider image */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Box slider image arrow left/right */
.box-slider-image-arrow-left,
.box-slider-image-arrow-right {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  min-height: 750px;
  width: 100%;
  position: relative;
}

.box-slider-image-arrow-left .box-slider-content,
.box-slider-image-arrow-right .box-slider-content {
  position: absolute;
  display: flex;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--green);
  background-color: rgba(255, 255, 255, 0.7);
  width: 100%;
  max-width: 1100px;
  padding: 50px;
}

.box-slider-image-arrow-left .box-slider-content {
  justify-content: flex-end;
}
.box-slider-image-arrow-right .box-slider-content {
  justify-content: flex-start;
}

.box-slider-image-arrow-left .box-slider-content > div,
.box-slider-image-arrow-right .box-slider-content > div {
  max-width: 900px;
  padding: 25px;
}

.box-slider-image-arrow-left .box-slider-content > div h1,
.box-slider-image-arrow-right .box-slider-content > div h1 {
  color: var(--green);
  font-size: 60px;
  padding-bottom: 0;
  text-align: right;
}

.box-slider-image-arrow-right .box-slider-content > div h1 {
  color: var(--blue);
  text-align: left;
}

.box-slider-image-arrow-left .box-slider-content .arrow-wrapper img,
.box-slider-image-arrow-right .box-slider-content .arrow-wrapper img {
  max-width: 175px;
}

/* End of box slider image arrow left/right */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* box slider image overlay */
.box-slider-image-overlay {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  min-height: 750px;
  width: 100%;
  position: relative;
}

.box-slider-image-overlay::after {
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  background-color: var(--blue-70);
}
.box-slider-image-overlay::before {
  width: 50%;
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  height: 100%;
  background-color: var(--blue-70);
}

.box-slider-image-overlay .box-slider-content {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--blue-70);
  width: 100%;
  max-width: 900px;
  padding: 50px;
  z-index: 1;
  flex-direction: column;
}

.box-slider-image-overlay .box-slider-content > div {
  max-width: 900px;
  padding: 25px;
  /* background-color: var(--blue); */
}

.box-slider-image-overlay .box-slider-content > div h1 {
  color: var(--white);
  font-size: 50px;
  padding-bottom: 0;
  text-align: center;
}

.box-slider-image-overlay .box-slider-content .arrow-wrapper img {
  max-width: 175px;
}

/* End of box slider image overlay*/
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Box spacer */
.box-spacer {
  width: 100%;
  height: 100px;
}
.content-wrapper .box-spacer {
  height: 30px;
}
/* Enf of box spacer */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Box 33 puffs */
.box-33-puff {
  width: 33.33%;
  width: calc(33.33% - 30px);
  margin: 15px;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  max-height: 235px;
}

.box-33-puff:hover {
  box-shadow: 0 7px 14px rgba(171, 171, 171, 0.4),
    0 5px 5px rgba(171, 171, 171, 0.4);
}

article.box-33-puff {
  overflow: visible;
}

.box-33-puff .box-content {
  z-index: 1;
  color: var(--white) !important;
  text-decoration: none;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2.5rem;
}

.box-33-puff .box-content h3 {
  color: var(--white) !important;
  text-decoration: none;
  text-align: center;
}

.box-33-puff .box-image-container {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.box-33-puff::after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
}

.box-33-puff::after {
  background: var(--greenEighty);
}

.content-wrapper .box-33-puff:hover .box-image-container {
  transform: scale(1.1);
}
/* End of box 33 puffs */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Box 100 text/text-ingress/title */
.box-100-text {
  width: 100%;
  /* width: calc(100% - 30px); */
  /* margin: 15px; */
}

/* special if next block has fade class .box-100-text.fade:has(+ .fade-box-expand)   */
/* .box-100-text:has(+ .box-100-text-box-expand .box-content:not(.show-content)) */
.box-100-text:has(
    + .box-100-text-box-expand .expand-outer-wrapper:not(.show-content)
  ) {
  /* mask-image: linear-gradient(to bottom, #fff 60%, transparent); */
  mask-image: linear-gradient(to bottom, #fff calc(100% - 10rem), transparent);
}

/* has class fade  .box-100-text .box-content */
.box-100-text:has(+ .box-100-text-box-expand) .box-content {
  padding: 3.5rem 0rem 0rem 0rem;
}

/* .box-100-text:has(+ .box-100-expand) {
	mask-image: linear-gradient(to bottom, #fff 25%, transparent);
} */

.box-100-text.bg-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

article .box-100-text {
  padding: 50px;
}
.content-wrapper .box-100-text {
  text-align: left;
}

.box-100-text p {
  text-align: left;
}

.box-100-text-ingress {
  width: 100%;
  width: calc(100% - 30px);
  margin: 15px;
}
.box-100-text-ingress-big {
  width: 100%;
  width: calc(100% - 30px);
  margin: 15px;
}
.content-wrapper .box-100-text-ingress-big {
  text-align: center;
}

.box-100-title {
  width: 100%;
  width: calc(100% - 30px);
  margin: 15px;
}

.box-100-text .box-content,
.box-100-title .box-content {
  max-width: 1150px;
  margin: 0 auto;
}

.box-100-text .box-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* padding: 3.5rem 0rem 5rem 0rem; */
  padding: 3rem 0rem 3rem 0rem;
  max-width: 600px;
}

.box-100-text .box-content div p {
  font-weight: 200 !important;
  font-size: 2.1rem !important;
}

.box-100-text .box-content div,
.box-standard.box-100-text .box-content div {
  /* max-width: 700px; */
  /* max-width: 600px; */
  /* max-width: 768px; */
  font-size: 2.1rem !important;
}
.box-content div p {
  font-weight: 200 !important;
  /* font-size: 2.1rem !important; */
  font-size: 1.8rem !important;
}
.box-content div p.heading-key {
  font-weight: 400 !important;
}

.box-100-text .box-content a {
  /* color: var(--green-dark); */
  font-size: 2.1rem;
  font-weight: 200;
  color: var(--link-blue);
  text-decoration: none;
  animation: all 0.4s ease-in-out;
}
.box-100-text .box-content a:hover {
  /* color: var(--green-dark-50); */
  color: var(--link-blue-hover);
}

.box-100-text .box-content strong a {
  font-size: 2.1rem;
  font-weight: normal;
}

.box-100-text .box-content .block-button-wrapper {
  align-items: flex-end;
  flex-grow: 1;
  display: flex;
  justify-content: flex-start;
}

.box-100-text-gray .box-content,
.box-100-text-blue .box-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 5rem 2.5rem;
  max-width: 1500px;
  margin: 0 auto;
}

.box-100-text-gray .box-content .box-content-left,
.box-100-text-blue .box-content .box-content-left {
  width: 70%;
}

.box-100-text-blue {
  width: 100%;
  background-color: rgb(0, 134, 196);
  color: var(--white);
}

.box-100-text-blue .box-content h4 {
  font-size: 2.2rem;
}
.box-100-text-blue .box-content p {
  font-size: 1.6rem;
}

.box-100-text-gray .box-content .action-item,
.box-100-text-blue .box-content .action-item {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.box-100-text-gray {
  width: 100%;
  background-color: rgb(175 169 159 / 60%);
  color: var(--white);
}

.box-100-text-gray .box-content h4 {
  font-size: 2.2rem;
}
.box-100-text-gray .box-content p {
  font-size: 1.6rem;
}

.section-standard-transparent .box-100-text .box-content {
  color: #fff;
}

.box-100-text-ingress-big .box-content {
  max-width: 1000px;
  margin: 0 auto;
}

.box-100-text-ingress-big .box-content p,
.box-100-text-ingress-big .box-content * {
  font-size: 32px;
}

.box-100-text-ingress-big .box-content {
  margin: 0 auto;
}

/* End of box 100 text/text-ingress/title  */
/* **************************************** */
/* **************************************** */

/***********************************************/
/***********************************************/
/* box-100-text-box-expand */
.box-100-text-box-expand {
  width: 100%;
  width: calc(100% - 30px);
}

.box-100-text-box-expand.bg-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.box-100-text-box-expand .box-image-container {
  height: 0;
  /* max-width: 960px; */
  /* max-width: 768px; */
  max-width: 600px;
  margin: 0 auto;
}
.box-100-text-box-expand .box-image-container img {
  height: 0;
}

article .box-100-text-box-expand {
  padding: 50px;
}
/* .content-wrapper .box-100-text-box-expand {
  text-align: left;
} */

.box-100-text-box-expand p {
  text-align: left;
}

.box-100-text-box-expand .box-content {
  /* max-width: 960px; */
  /* max-width: 768px; */
  max-width: 600px;
  margin: 0 auto;
}

.box-100-text-box-expand .box-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 6rem 4rem 2rem 4rem;
}

.box-100-text-box-expand .box-content div p {
  font-weight: 200 !important;
  font-size: 2.1rem !important;
}

/*  */

/* .box-100-text-box-expand.fade:has(+ .fade-box-expand) {
  mask-image: linear-gradient(to bottom, #fff 5%, transparent);
} */

.box-100-text-box-expand .box-content {
  height: 0;
  visibility: hidden;
  padding: 0;
  margin: 0 auto;

  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/* .box-100-text-box-expand.fade-box-expand .box-content > div {
  height: 0;
} */

@keyframes boxExpandfadeIn {
  0% {
    opacity: 0;
    height: 0px;
  }
  80% {
    opacity: 0.3;
    /* opacity: 0; */
    /* height: 50%; */
    /* height: 100px; */
  }
  100% {
    opacity: 1;
    height: 100%;
    visibility: visible;
  }
}
@-webkit-keyframes boxExpandfadeIn {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
    height: 50%;
  }
  100% {
    opacity: 1;
    height: 100%;
    visibility: visible;
  }
}

/* .box-100-text-box-expand .box-content.show-content */

.expand-outer-wrapper {
  overflow: hidden;
}
.box-100-text-box-expand
  .expand-outer-wrapper.show-content
  .box-image-container,
.box-100-text-box-expand
  .expand-outer-wrapper.show-content
  .box-image-container
  img,
.box-100-text-box-expand .expand-outer-wrapper.show-content .box-content {
  /* height: auto; */
  /* visibility: visible; */

  margin: 0 auto;

  animation: boxExpandfadeIn 0.6s ease-in forwards;
}
.box-100-text-box-expand .expand-outer-wrapper.show-content .box-content {
  /* padding: 0rem 0rem 2rem 0rem; */
}

.box-100-text-box-expand
  .expand-outer-wrapper.show-content
  .box-image-container {
  margin-top: 1rem;
}

.block-action-show-hide-faded-content-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: -15px;
  z-index: 10;
}

.box-100-text-box-expand {
  margin-bottom: 4rem;
}

.box-100-text-box-expand .box-image-container img.box-image {
  border-radius: 10px;
}
.box-100-text-box-expand .box-content img.round {
  border-radius: 10px;
}

.box-100-text-box-expand
  .box-content.show-content
  ~ .block-action-show-hide-faded-content-wrapper {
  /* margin-top: -15px; */
  margin-top: -40px;
}

.box-100-text-box-expand
  .block-action-show-hide-faded-content-wrapper
  .action-show-hide-faded-content {
  color: var(--green-dark);
  font-size: 40px;
}

.block-action-show-hide-faded-content-wrapper
  .action-show-hide-faded-content
  i {
  animation: all 1s ease-in-out forwards;
}
/* .box-100-text-box-expand .box-content.show-content ~ .block-action-show-hide-faded-content-wrapper .action-show-hide-faded-content i  */
.box-100-text-box-expand
  .expand-outer-wrapper.show-content
  ~ .block-action-show-hide-faded-content-wrapper
  .action-show-hide-faded-content
  i {
  /* transform: rotate(180deg); */
  animation: actionAnimateArrow_0_180 0.5s ease-in forwards;
}
@keyframes actionAnimateArrow_0_180 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(180deg);
  }
}

/* end  box-100-text-box-expand */
/**************************************************************************************************************************/
/**************************************************************************************************************************/

/**************************************************************************************************************************/
/*****  box-100-search-department  *****************************************************************************************/
.box-100-search-department {
  width: 100%;
}
.box-100-search-department.bg-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.content-wrapper .box-100-search-department {
  text-align: left;
}

.box-100-search-department p {
  text-align: left;
}

.box-100-search-department .box-content {
  max-width: 1150px;
  margin: 0 auto;
}

.box-100-search-department .box-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* padding: 3.5rem 0rem 5rem 0rem; */
  padding: 0rem 0rem 3rem 0rem;
  max-width: 600px;
}

.box-100-search-department .box-content div p {
  font-weight: 200 !important;
  font-size: 2.1rem !important;
}

.box-100-search-department .box-content div {
  font-size: 2.1rem !important;
}

.box-100-search-department .box-content a {
  /* color: var(--green-dark); */
  font-size: 2.1rem;
  font-weight: 200;
  color: var(--link-blue);
  text-decoration: none;
  animation: all 0.4s ease-in-out;
}
.box-100-search-department .box-content a:hover {
  /* color: var(--green-dark-50); */
  color: var(--link-blue-hover);
}

.box-100-search-department .box-content strong a {
  font-size: 2.1rem;
  font-weight: normal;
}

.box-100-search-department .search-department-area-postalcode-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 2rem 0;
}
/* Chrome, Safari, Edge, Opera */
.box-100-search-department input::-webkit-outer-spin-button,
.box-100-search-department input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
.box-100-search-department input[type="number"] {
  -moz-appearance: textfield;
}
.box-100-search-department #search_department_area_postalcode_value {
  padding: 1.5rem 1.4rem;
  width: 87%;
  background-color: var(--white);
  border: none;
  /* border-radius: 0.5rem 0 0 0.5rem; */
  border-radius: 10px 0 0 10px;
  margin: 0;

  font-size: 2rem;
  font-weight: 200;
  font-family: 'Oswald';


}
input#search_department_area_postalcode_value::placeholder {
  font-size: 2rem;
  font-weight: 200;
  font-family: 'Oswald';
  color: var(--icon-grey);
}

.box-100-search-department #search_department_area_postalcode_submit {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.8rem 3rem;
  /* background-color: var(--green-dark-70); */
  background-color: var(--white);
  /* border-color: var(--green-dark-70) !important; */
  /* color: var(--white); */
  /* border: none; */
  /* border: 1px solid var(--green-dark-70) !important; */
  border: none;
  border-radius: 0 10px 10px 0;
  cursor: pointer;

  transition: all 0.4s ease;
}
.box-100-search-department #search_department_area_postalcode_submit:hover {
  background-color: var(--green-dark-50);
}

.box-100-search-department #search_department_area_postalcode_submit i {
  color: var(--icon-grey);
  font-size: 2.4rem;
}

.box-100-search-department #search_department_area_postalcode_submit:hover i {
  color: var(--white);
}


.box-100-search-department
  .search-department-area-postalcode-wrapper
  .search-input-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
}

.box-100-search-department #search-department-area-postalcode-error {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-left: 1.4rem;
}

/* end  box-100-text-box-expand */
/**************************************************************************************************************************/
/**************************************************************************************************************************/

/* **************************************** */
/* **************************************** */
/* Box slider 100 text*/
.box-slider-100-text {
  width: 100%;
  width: calc(100% - 30px);
  margin: 15px;

  color: var(--white);

  margin-bottom: 6rem;

  display: flex;
  justify-content: center;display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
.box-slider-100-text .box-content {
  max-width: 900px;
  margin: 0 auto;
}
.box-slider-100-text .box-content h3 {
  /*letter-spacing: 0.12rem;*/
}

/* End of box 100 text/text-ingress/title  */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Box big image */
.box-big-image {
  width: 100%;
  margin: 0;
}

.content-wrapper .box-big-image .image-button-wrapper {
  position: relative;
  overflow: hidden;
}

.box-big-image .box-image-container {
  padding-top: 0 !important;
  width: 100%;
  height: 50rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.box-big-image .image-button-wrapper:hover .box-image-container {
  transform: scale(1.05);
}

.box-big-image .box-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 1rem 2.5rem;
  text-align: center;
  color: var(--white) !important;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.box-big-image .box-content .btn-blue {
  margin: 2.5rem auto;
}

/* End of box big image */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Box 100 img left/right */
.box-100-img-left,
.box-100-img-right {
  width: 100%;
  /* margin-top: 10px; */
  margin-bottom: 10px;
  display: flex;
}
.box-100-img-right {
  flex-flow: row-reverse;
}

.box-100-img-left .box-image-container,
.box-100-img-right .box-image-container {
  width: 50%;
  padding-top: 0;
  background-color: transparent;
  /* background-color: #002855; */
  position: relative;
  overflow: hidden;
  /* min-height: 350px; */
  min-height: 280px;
}

.box-100-img-left .box-image,
.box-100-img-right .box-image {
  position: absolute;
  min-width: 100%;
  /* min-height: 100%; */
  height: 100%;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1);
  transition: all 0.4s ease-in-out;
}
/* hover scale*/
.box-100-img-left:hover .box-image,
.box-100-img-right:hover .box-image {
  /* transform: scale(1.05); */
  transform: translateX(-50%) translateY(-50%) scale(1.05);
}

.box-100-img-left .box-content,
.box-100-img-right .box-content {
  position: relative;
  width: 50%;
  /* padding: 4rem; */
  /* padding: 6rem 6rem 2rem 6rem; */
  padding: 4rem 2rem 2rem 4rem;
  display: flex;
  justify-content: flex-start;
  flex-flow: column;
  /* background-color: transparent; */
  /* background-color: #002855; */
  /* color: var(--white) !important; */
}

.box-100-img-left .box-content {
  padding: 4rem 4rem 2rem 8rem;
}
.box-100-img-right .box-content {
  padding: 4rem 14rem 2rem 8rem;
}

.box-100-img-left .box-content h3,
.box-100-img-right .box-content h3 {
  font-family: "Oswald";
  /* font-family: 'Oswald', 'Source Sans Pro', sans-serif; */
}

/* video container */
/* width: 50%;
    padding-top: 0;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    object-fit: cover;
    display: flex;
    width: 50%;
    height: 100%;
    padding: 28.25% 0 0 0;
    position: relative; */
.box-100-img-left .box-image-container.video-container,
.box-100-img-right .box-image-container.video-container {
  width: 50%;
  height: 100%;
  padding: 28.125% 0 0 0;
  position: relative;
  min-height: unset;
}

.box-100-img-left .box-image-container.video-container iframe,
.box-100-img-right .box-image-container.video-container iframe {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* End of box 100 img left/right */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Box 100 img right/left big */
.box-100-img-left-big,
.box-100-img-right-big {
  width: 100%;
  display: flex;
  background-color: var(--blue);
}
.box-100-img-right-big {
  flex-flow: row-reverse;
}

.box-100-img-left-big {
  background-color: var(--green);
}

.box-100-img-left-big .box-image-container,
.box-100-img-right-big .box-image-container {
  width: 50%;
  padding-top: 0;
  background-color: transparent;
  position: relative;
  overflow: hidden;
  min-height: 750px;
}

.box-100-img-left-big .box-image,
.box-100-img-right-big .box-image {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1);
}

.box-100-img-left-big .box-content,
.box-100-img-right-big .box-content {
  width: 50%;
  padding: 5rem 10rem;
  display: flex;
  justify-content: center;
  flex-flow: row;
  align-items: center;
}

/* arrow-wrapper */
.box-100-img-right-big .box-content .arrow-wrapper {
  margin-right: 1.5rem;
}
.box-100-img-left-big .box-content .arrow-wrapper {
  margin-left: 1.5rem;
}
.box-100-img-right-big .box-content .arrow-wrapper img {
  max-width: 175px;
}
.box-100-img-left-big .box-content .arrow-wrapper img {
  max-width: 175px;
}

.box-100-img-left-big .box-content h1,
.box-100-img-right-big .box-content h1 {
  color: var(--white);
}
/* End of  Box 100 img right/left big */
/* **************************************** */
/* **************************************** */

/******************************************************************/
/******************************************************************/
/* box-100-image-video-wide-banner */
.box-100-image-video-wide-banner {
  display: flex;
  flex-direction: column;

  position: relative;

  width: 100%;
  height: auto;

  min-height: 400px;
}
/* ..box-100-image-video-wide-banner {
  margin: 1.5rem 1.5rem;
  width: calc(100% - 3rem)
} */

.box-100-image-video-wide-banner .box-image-container {
  display: flex;
  height: auto;
  width: 100%;
  max-height: 400px;

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  object-fit: cover;
}

.box-100-image-video-wide-banner .box-image-container .box-image {
  object-fit: cover;
}

.box-100-image-video-wide-banner iframe {
  min-height: 400px;
  width: 100%;
  border: none;
}

/* video-container */
.box-100-image-video-wide-banner .box-image-container.video-container {
  /* max-width: 100%;
  width: 100%;
  height: 100%;
  padding: 25.125% 0 0 0;
  position: relative; */

  position: relative;

  /* ensure positioning regardless of parent flex settings */
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  width: 100%;
  height: 100%;

  /* important */
  container-type: size;

  /* cut off overflowing video */
  overflow: hidden;
}

/* video-container iframe */
.box-100-image-video-wide-banner .box-image-container.video-container iframe {
  /* position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; */

  position: absolute;
  /* keep video centered both vertically and horizontally */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 100%;
  height: 100%;

  /* force aspect ratio based on parent container */
  @container (min-aspect-ratio: 16/9) {
    height: 56.25cqw; /* 100*9/16 */
  }

  @container (max-aspect-ratio: 16/9) {
    width: 177.78cqh; /* 100*16/9 */
  }

  /* prevent interaction */
  pointer-events: none;
}

/*
  This element contains the iframe, will take it's size from
  it's parent and will behave like an image/video 
  with object-fit: cover.
*/
.video-embed-object-fit-cover {
  position: absolute;

  /* ensure positioning regardless of parent flex settings */
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;

  width: 100%;
  height: 100%;

  /* important */
  container-type: size;

  /* cut off overflowing video */
  overflow: hidden;
}

.video-embed-object-fit-cover > iframe {
  position: absolute;
  /* keep video centered both vertically and horizontally */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: 100%;
  height: 100%;

  /* force aspect ratio based on parent container */
  @container (min-aspect-ratio: 16/9) {
    height: 56.25cqw; /* 100*9/16 */
  }

  @container (max-aspect-ratio: 16/9) {
    width: 177.78cqh; /* 100*16/9 */
  }

  /* prevent interaction */
  pointer-events: none;
}

/* box-content */
.box-100-image-video-wide-banner .box-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
  padding: 0rem 4rem 2rem 4rem;

  font-weight: lighter;
}

.box-100-image-video-wide-banner .box-content div,
.box-100-image-video-wide-banner .box-content h3,
.box-100-image-video-wide-banner .box-content p {
  font-weight: lighter;
}

.box-100-image-video-wide-banner .box-content h3 {
  font-size: 3rem;
}
.box-100-image-video-wide-banner .box-content div,
.box-100-image-video-wide-banner .box-content p {
  font-size: 1.6rem;
}

.box-100-image-video-wide-banner .box-content .block-button-wrapper {
  padding-top: 1rem;
}

/* .block-visualizer .box-image-container */
.block-visualizer.box-100-image-video-wide-banner .box-image-container {
  padding-top: 0;
}

/* box-100-image-video-wide-banner */
/******************************************************************/
/******************************************************************/

/******************************************************************/
/******************************************************************/
/* box-100-form-shortcode */

.box-100-form-shortcode {
  width: 100%;
  width: calc(100% - 30px);
  /* margin: 15px; */
}

.box-100-form-shortcode.bg-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.box-100-form-shortcode .box-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6rem 4rem;
}

.box-100-form-shortcode .box-content {
  max-width: 1150px;
  margin: 0 auto;
}

/* box-100-form-shortcode */
/******************************************************************/
/******************************************************************/

/******************************************************************/
/******************************************************************/
/* box-100-iframe */

.box-100-iframe {
  width: 100%;
  width: calc(100% - 30px);
}

.box-100-iframe.bg-image {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
}

.box-100-iframe .box-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6rem 2rem;
}

.box-100-iframe .box-content {
  /* max-width: 1150px; */
  max-width: 680px;
  margin: 0 auto;
}

.box-100-iframe .box-content iframe {
  min-height: 40rem;
}

/* box-100-form-shortcode */
/******************************************************************/
/******************************************************************/

/* **************************************** */
/* **************************************** */
/* Box 33 img left/right */
.box-33-img-left,
.box-33-img-right {
  width: 33%;
  width: calc(33% - 5px);
  margin: 0px 0px 10px 0px;
  display: flex;
}

.box-33-img-right {
  flex-flow: row-reverse;
}

.box-33-img-left .box-image-container,
.box-33-img-right .box-image-container {
  width: 50%;
  padding-top: 0;
  background-color: transparent;
  position: relative;
  overflow: hidden;
  /* min-height: 280px; */
  min-height: 210px;
}

.box-33-img-left .box-image,
.box-33-img-right .box-image {
  position: absolute;
  height: 100%;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1);
  transition: all 0.4s ease-in-out;
}
/* hover scale*/
.box-33-img-left:hover .box-image,
.box-33-img-right:hover .box-image {
  transform: translateX(-50%) translateY(-50%) scale(1.05);
}

.box-33-img-left .box-image-container.video-container,
.box-33-img-right .box-image-container.video-container {
  width: 50%;
  height: 100%;
  padding: 28.125% 0 0 0;
  position: relative;
  min-height: unset;
}

.box-33-img-left .box-image-container.video-container iframe,
.box-33-img-right .box-image-container.video-container iframe {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box-33-img-left .box-content,
.box-33-img-right .box-content {
  position: relative;
  width: 50%;
  padding: 3rem 2rem 2rem 3rem;
  display: flex;
  justify-content: flex-start;
  flex-flow: column;
  flex-grow: 1;
}
.box-33-img-left .box-content h3,
.box-33-img-right .box-content h3 {
  font-family: "Oswald";
}

/* end  Box 33 img left/right */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* box 33 dummy */
.box-33-dummy {
  width: 33%;
  width: calc(33% - 5px);
  margin: 0px 0px 10px 0px;
  display: flex;
}
/* end  box 33 dummy */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Box 50 img left/right */
.box-50-img-left,
.box-50-img-right {
  width: 50%;
  /* width: calc(50% - 10px); */
  width: calc(50% - 5px);
  /* margin: 0px 5px 10px 5px; */
  margin: 0px 0px 10px 0px;
  display: flex;
}
.box-50-img-left:last-of-type,
.box-50-img-right:last-of-type {
  width: 50%;
  /* width: calc(50% - 10px); */
  width: calc(50% - 5px);
  /* margin: 0px 5px 10px 5px; */
  margin: 0px 0px 10px 0px;
  display: flex;
  flex-grow: 1;
}

/*
.box-50-img-left:first-of-type,
.box-50-img-right:first-of-type {
  margin-left: 0;
}
  */
/*
.box-50-img-left:last-of-type,
.box-50-img-right:last-of-type {
 
  margin-right: 0;

  width: calc(50% - 0px);
}
  */
/* .box-standard .box-50-img-left:nth-last-child(1),
.box-standard.box-50-img-right:nth-last-child(1) {
  margin: 0px 0px 10px 5px;
} */

/*
.box-50-img-left:has(+.box-50-img-left) {
  width: calc(50% - 5px);
  margin: 0px 5px 10px 0px;
}
  */

.box-50-img-right {
  flex-flow: row-reverse;
}

.box-50-img-left .box-image-container,
.box-50-img-right .box-image-container {
  width: 50%;
  padding-top: 0;
  background-color: transparent;
  /* background-color: #002855; */
  position: relative;
  overflow: hidden;
  /* min-height: 350px; */
  min-height: 280px;
}

.box-50-img-left .box-image,
.box-50-img-right .box-image {
  position: absolute;
  /* min-width: 100%; */
  /* min-width: 152%; */
  /* min-height: 100%; */
  height: 100%;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1);
  transition: all 0.4s ease-in-out;
}
/* hover scale*/
.box-50-img-left:hover .box-image,
.box-50-img-right:hover .box-image {
  /* transform: scale(1.05); */
  transform: translateX(-50%) translateY(-50%) scale(1.05);
}

.box-50-img-left .box-image-container.video-container,
.box-50-img-right .box-image-container.video-container {
  width: 50%;
  height: 100%;
  padding: 28.125% 0 0 0;
  position: relative;
  min-height: unset;
}

.box-50-img-left .box-image-container.video-container iframe,
.box-50-img-right .box-image-container.video-container iframe {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box-50-img-left .box-content,
.box-50-img-right .box-content {
  position: relative;
  width: 50%;
  padding: 4rem 2rem 2rem 4rem;

  display: flex;
  justify-content: flex-start;
  flex-flow: column;

  /* background-color: transparent; */
  /* background-color: #002855; */
  /* color: var(--white) !important; */
  flex-grow: 1;
}
.box-50-img-left .box-content h3,
.box-50-img-right .box-content h3 {
  font-family: "Oswald";
  /* font-family: 'Oswald', 'Source Sans Pro', sans-serif; */
}

/* end  Box 50 img left/right */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/*  box-button */
.box-button {
  display: flex;
  width: fit-content;
  margin: 10px;
}
.box-button .box-content {
  border-radius: 10px;
  font-weight: lighter;
}

.box-button .box-content a {
  font-weight: lighter;
}

/*     font-weight: lighter; */

/* end box-button*/
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/*  box-button */
.box-button-100 {
  display: flex;
  width: 100%;
  /* margin: 10px; */
  margin: 10px auto;
  justify-content: center;
}
.box-button-100 .box-content {
  border-radius: 10px;
  font-weight: lighter;
  width: 100%;
  max-width: 600px;
}

.box-button-100 .box-content a {
  width: 100%;
  font-weight: lighter;
  font-size: 2rem;
  padding: 2rem;
}

/*     font-weight: lighter; */

/* end box-button*/
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Box 50/33/25 */
.box-50,
.box-33,
.box-25 {
  width: 50%;
  width: calc(50% - 30px);
  margin: 15px;
  display: flex;
  flex-flow: column;
}

.box-50-text {
  width: 50%;
  width: calc(50% - 30px);
  margin: 15px;
}

article .box-50-text .box-content {
  padding: 50px;
}

.box-33 {
  width: 33.33%;
  width: calc(33.33% - 30px);
  border: 1.5px solid var(--mediumGray);
}

.box-33,
.box-33:visited {
  color: var(--black);
}

.box-50 .box-image-container,
.box-33 .box-image-container {
  width: 100%;
  padding-top: 0 !important;
  background-color: transparent;
  overflow: hidden;
}

.box-33 .box-image-container {
  position: relative;
}
.box-33 .box-image-container .box-image {
  transition: all 0.4s ease;
}

.box-33 .box-image-container .image-badge {
  position: absolute;
  left: 1rem;
  top: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--blue);
  padding: 1rem;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  text-align: center;
}

.box-33 .box-image-container .image-badge p {
  color: var(--white);
  font-size: 1.6rem;
}

.box-50 .box-content,
.box-33 .box-content {
  width: 100%;
  padding: 2rem 3rem;
}

.box-50 .box-content {
  padding: 2rem 0;
}

.box-50 .box-content h4,
.box-33 .box-content h4 {
  color: var(--blue);
}

/* End of box 50/33/25 */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Box 100 img */
.box-100-img {
  width: 100%;
  width: calc(100% - 30px);
  margin: 15px;
}
article .box-100-img {
  min-height: 400px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.section-full .box-100-img {
  width: 100%;
  margin: 15px 0;
}
.box-100-img .box-image-container {
  padding-top: 0 !important;
  width: 100%;
}
.box-100-img .box-image-container .box-image {
  width: 100%;
}

/* End of Box 100 img */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Box social links */
.box-social-links {
  background-color: var(--lightGray);
  color: var(--black);
  width: 100%;
  width: calc(100% - 3rem);
  margin: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.5rem;
}

.box-social-links .box-social-badges {
  display: flex;
  margin-left: 2.5rem;
}
.box-social-links .social-badge {
  background-color: var(--black);
  padding: 1rem;
  height: 75px;
  width: 75px;
  border-radius: 50%;
  margin: 0 0.75rem;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-social-links .social-badge img {
  width: 65px;
}

/* End of box social links */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Box links */

.box-links {
  width: 100%;
  width: calc(100% - 3rem);
  margin: 1.5rem;
}

.box-links h6 {
  background-color: var(--lightBlue);
  color: var(--blue);
  padding: 1rem 2.5rem;
}

.box-links .box-content > div {
  padding: 1rem 2.5rem 2.5rem 2.5rem;
}

/* End of box links */
/* **************************************** */
/* **************************************** */

/* **************************************** */
/* **************************************** */
/* Box 100 form */
.box-100-form {
  width: 100%;
  width: calc(100% - 3rem);
  margin: 1.5rem;
  background-color: var(--lightBlue);
  padding: 3rem;
}

.box-100-form h3 {
  max-width: 900px;
  text-align: center;
  padding: 0 0 3rem 0;
  margin: 0 auto;
  color: var(--blue);
}

.content-wrapper .box-100-form input[type="text"],
.content-wrapper .box-100-form input[type="email"],
.content-wrapper .box-100-form textarea {
  padding: 1.5rem;
  border: none;
  width: 100%;
  margin: 0.5rem 0 1.5rem 0;
}

.content-wrapper .box-100-form input[type="submit"] {
  margin-top: 0.5rem;
}

.box-100-form form {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 3rem;
  -moz-column-gap: 3rem;
  column-gap: 3rem;
}

.box-100-form form.invalid {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 3rem;
  -moz-column-gap: 3rem;
  column-gap: 3rem;
}

.box-100-form form .wpcf7-response-output {
  width: 100%;
  margin: 1.5rem 0;
}

.box-100-form form .wpcf7-not-valid-tip {
  margin-bottom: 2rem;
}

.box-100-form form .ajax-loader {
  margin-top: 1.5rem;
  display: none;
}

/* End of box 100 form */
/* **************************************** */
/* **************************************** */

/*****************************************************/
/* .box-all-news */

/* width: 33%;
  width: calc(33% - 5px);
  margin: 0px 0px 10px 0px;
  display: flex; */
.box-all-news {
  width: 33%;
  width: calc(33.333% - 10px);
  margin: 0px 10px 10px 0px;
  display: flex;
}

.box-all-news:hover .box-image {
  /* transform: scale(0.95); */
  transform: translateX(-50%) translateY(-50%) scale(1.05);
}

.box-all-news .box-image-container {
  /* width: 100%;
  width: calc(100% - 2rem);
  margin: 1rem 1rem 0 1rem;
  overflow: hidden;
  position: relative;
  min-height: 25rem;
  height: 25rem; */

  position: relative;
  width: 100%;
  padding-top: 0;
  /* background-color: transparent; */
  background-color: var(--white);
  overflow: hidden;
  min-height: 200px;
}

/* .box-image-container */
.box-all-news .box-image {
  /* height: 100%;
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.4s ease; */

  position: absolute;
  height: 100%;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1);
  transition: all 0.4s ease-in-out;
}

.box-all-news .box-image-container i {
  position: absolute;
  top: 10px;
  right: 15px;
  color: #fff;
  text-shadow: 1px 1px 5px #000000;
  opacity: 0.5;
  font-size: 6rem;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  z-index: 1;
}

.box-all-news .box-content {
  width: 100%;

  color: var(--white);
  background-color: var(--green-dark) !important;

  padding: 2rem 2rem 2rem 2rem;

  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

.box-all-news .box-content img {
  width: auto;
}

.box-all-news .box-all-news-published-date-wrapper {
  align-items: flex-end;
  flex-grow: 1;
  display: flex;
  justify-content: flex-start;
  margin-top: 1rem;
}
.box-all-news
  .box-all-news-published-date-wrapper
  p.box-all-news-published-date {
  font-size: 1.4rem !important;
  font-weight: 200;
  padding-top: 1rem;
}

/* .box-all-news .box-content .news-title h4 {
  padding-bottom: 0;
} */

.box-all-news .box-content .news-title {
  padding-bottom: 1rem;
}

.box-all-news .box-content .action-button-wrapper {
  margin-top: 3rem;

  align-items: flex-end;
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
}

.section-all-news .action-button-wrapper {
  margin: 0 auto;
  margin-bottom: 1.5rem;
}

/* end .box-all-news */
/*****************************************************/

/*******************************************************************************/
/*******************************************************************************/
/*  ninja forms css*/
.nf-form-cont {
  width: 100%;
}

/*   .nf-field-element .ninja-forms-field.nf-element input[type=submit]*/
.box-100-form-shortcode .nf-form-content input[type="submit"] {
  display: block;
  background-color: transparent;
  border-radius: 10px;
  padding: 1rem 2rem;
  margin: 10px;
  text-decoration: none;
  font-weight: bold;
  width: fit-content;
  width: -moz-fit-content;
  color: var(--white) !important;
  background-color: var(--blue);
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-align: center;
}

.box-100-form-shortcode .nf-form-content .nf-field-description a {
  color: var(--link-green);
}

/* end  ninja forms css*/
/*******************************************************************************/
/*******************************************************************************/

/********************************************************************************/
/********************************************************************************/
/* css for special block in page single-kommuner */

.box-image-single-kommuner, .box-image-single-service {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  min-height: 60rem;
  max-height: 600rem;
  width: 100%;
  position: relative;
  
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: column;
  text-align: center;
}
/* content-ontop-backgrimg */
.content-ontop-backgrimg {
  color: var(--white);
  width: 100%;
  max-width: 120rem;
  padding: 5rem 3.5rem;
  display: flex;
  justify-content: center;
  text-align: center;
}
.box-image-single-kommuner .content-ontop-backgrimg > div,
.box-image-single-service .content-ontop-backgrimg > div {
  max-width: 1250px;
  padding: 25px;
  text-align: center;
}

.box-image-single-kommuner .content-ontop-backgrimg > h1,
.box-image-single-service .content-ontop-backgrimg > h1,
.box-image-single-kommuner .content-ontop-backgrimg > div h1,
.box-image-single-service .content-ontop-backgrimg > div h1 {
  color: var(--white);
  font-size: 6rem;
  padding-bottom: 0;
}

.page-single-department .box-content {
  /* max-width: 850px; */
  margin: 0 auto;
}

.page-single-department .box-standard .box-content div,
.page-single-department .box-standard .box-content p,
.page-single-department .box-standard .box-content a {
  font-weight: 200 !important;
  /* font-size: 2.1rem !important; */
  font-size: 1.8rem !important;
}

.page-single-department .box-standard.box-50-img-left .box-image-container,
.page-single-department .box-standard.box-50-img-right .box-image-container {
  min-height: 210px;
}

.page-single-services .box-standard .box-content div,
.page-single-services .box-standard .box-content p,
.page-single-services .box-standard .box-content a {
  font-weight: 200 !important;
  font-size: 2.1rem !important;
}

/* special box 100% full divided in 5 slots */
/* .box-100-full-special-5-img-left {
} */

.box-100-full-special-5-img-left {
  width: 100%;
  /* margin-top: 10px; */
  margin-bottom: 10px;
  display: flex;
}

.box-100-full-special-5-img-left .box-image-container {
  width: 25%;
  padding-top: 0;
  background-color: transparent;
  position: relative;
  overflow: hidden;
  min-height: 210px;
}

.box-100-full-special-5-img-left .box-image {
  position: absolute;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1);
  transition: all 0.4s ease-in-out;
}
/* hover scale*/
.box-100-full-special-5-img-left:hover .box-image {
  transform: translateX(-50%) translateY(-50%) scale(1.05);
}

.box-100-full-special-5-img-left .box-content-outer-wrapper {
  position: relative;
  width: 75%;
  padding: 4rem 4rem 2rem 4rem;
  display: flex;
  flex-wrap: wrap;
  /* justify-content: flex-start; */
  /* flex-flow: column; */

  background-color: var(--green-dark) !important;
  color: var(--white) !important;
  border-color: var(--green-dark) !important;
}

/* .box-100-full-special-5-img-left .box-content-outer-wrapper {
  padding: 4rem 4rem 2rem 8rem;
} */

/* .page-single-department .box-100-full-special-5-img-left .box-content-outer-wrapper .box-content {
  max-width: unset;
}  */

.box-100-full-special-5-img-left .box-content-outer-wrapper .box-content h3 {
  font-family: "Oswald";
}

.box-content.box-1,
.box-content.box-2,
.box-content.box-3,
.box-content.box-4 {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0;
  padding: 0rem 0rem 0rem 2rem;
}

.box-content.box-1 {
  justify-content: unset;
  padding: 0rem 0rem 0rem 0rem;
}
.box-content.box-1 .box-1-inner {
  max-width: 200px;
}

.box-100-full-special-5-img-left .box-content p.box-heading {
  font-weight: normal !important;
}
.box-100-full-special-5-img-left .box-content a.block-button {
  margin-top: 1.5rem;
}

/* end css for special block in page single-kommuner */
/********************************************************************************/
/********************************************************************************/

/*******************************************************************************/
/* css for specialblock products info and add to cart */

.header-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

.box-100-product-info-add-to-cart,
.box-100-product-in-cart {
  display: flex;
  /* flex-wrap: wrap; */
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 0 1rem 2rem 1rem;
  margin-bottom: 0rem;
  background-color: transparent;

  border-radius: 12px;
}

.box-100-product-info-add-to-cart .visible-product-info,
.box-100-product-in-cart .visible-product-info {
  display: flex;
  width: 100%;
  position: relative;
  background-color: var(--green-dark);

  border-radius: 12px;
}

.blue-background {
  background-color: var(--blue) !important;
  
}

.green-background {
  background-color: var(--green-dark) !important;
}

.show-product-info {
  cursor: pointer;
}

/* info link icon */
.show-product-info-link {
  color: var(--link-blue);
  width: fit-content;
}
.show-product-info-link i {
  color: var(--link-blue);
  font-size: 3rem;
}
.show-product-info-link i:hover {
  color: var(--realy-blue);
}
/*  */


/* technical-info */
.technical-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 2rem;
}

.technical-info-heading {
}

.technical-info-ul {
  padding-left: 1rem;
}

.technical-info-ul li::marker {
  font-size: 0.8em;
  /* color: black; */
}

.technical-info-ul .heading-key,
.quote-form-inputs-ul .heading-key {
  font-weight: 200 !important;
}
.technical-info-ul .text-value,
.quote-form-inputs-ul .text-value {
  font-weight: 200 !important;
}

.product-colors-and-price-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
}

/* product-colors */
.product-colors {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 2rem;
}

.color-info-heading {
}

.color-info-ul {
  padding-left: 1rem;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
.color-info-ul label{
  font-weight: 200;
}

.color-info-ul li i {
  font-size: 3rem;
}


.box-100-product-info-add-to-cart input[type="radio"],
.box-100-product-in-cart input[type="radio"] {
  margin-right: 1rem;
}
.the-quantity label{
  font-weight: 400 !important;
}





/* price-info */
.price-info {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 1rem;
}

.add-to-cart-action-status {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  color: var(--link-green);
}
.add-to-cart-action-status.show {
  display: flex;
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 2;
}

.box-100-product-info-add-to-cart .hidden-product_info,
.box-100-product-in-cart .hidden-product_info {
  display: flex;
  flex-direction: column;
  width: 60%;
  padding: 1rem 1rem 0 1rem;
  height: 0;
  opacity: 0;
  visibility: hidden;
  /* background-color: var(--lightgrey); */
  background-color: transparent;

  /* border: 1px solid red; */
}
.box-100-product-info-add-to-cart .hidden-product_info.show,
.box-100-product-in-cart .hidden-product_info.show {
  padding-top: 2rem;

  /* border: 1px solid red; */
}

.show-product-info .show-product-info-icon-wrapper i {
  transition: all 0.4s ease;
}
.show-product-info.show .show-product-info-icon-wrapper i {
  transform: translateY(0%) rotate(180deg);
}

.box-100-product-info-add-to-cart .hidden-product_info.show,
.box-100-product-in-cart .hidden-product_info.show {
  text-align: initial;
  /* background-color: var(--lightgrey); */
  background-color: transparent;
  /* height: auto; */
  /* animation: boxProductInfoExpand 1s ease-in-out forwards; */
  animation: boxProductInfoExpand 1s linear forwards;
  font-weight: 200;
  font-size: 1.8rem;
}
.box-100-product-info-add-to-cart .hidden-product_info.hide,
.box-100-product-in-cart .hidden-product_info.hide {
  background-color: var(--lightgrey);
  animation: boxProductInfoImplode 0.6s ease-in-out forwards;
}

.box-100-product-info-add-to-cart .box-content,
.box-100-product-in-cart .box-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 80%;
  padding: 0 2rem 0 6rem;
  justify-content: space-between;
}

.box-100-product-info-add-to-cart .box-content h4,
.box-100-product-in-cart .box-content h4 {
  padding-bottom: 0;
  max-width: calc(100% - 100px);
  text-align: left;
}

.box-100-product-in-cart .hidden-product_info p {
  font-weight: 200 !important;
}
.box-100-product-in-cart .hidden-product_info p.heading-key {
  font-weight: 200 !important;
}

.box-100-product-info-add-to-cart .box-content .title-name,
.box-100-product-in-cart .box-content .title-name {
  color: var(--white);
}

.box-100-product-info-add-to-cart .box-content i,
.box-100-product-in-cart .box-content i {
  /* color: var(--black); */
  color: var(--white);
  font-size: 3rem;
  margin-left: 2rem;

  cursor: pointer;
}

.box-100-product-info-add-to-cart .box-image-container,
.box-100-product-in-cart .box-image-container {
  width: 20%;
  padding-top: 0;
  background-color: transparent;
  position: relative;
  overflow: hidden;
  min-height: 6rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--white);

  border-radius: 6px;
  margin: 1.4rem;
}

.box-100-product-info-add-to-cart .box-image,
.box-100-product-in-cart .box-image {
  position: absolute;
  min-width: 100%;
  height: 100%;
  /* object-fit: cover; */
  object-fit: contain;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1);
  transition: all 0.4s ease-in-out;
}
/* hover scale*/
.box-100-product-info-add-to-cart:hover .box-image,
.box-100-product-in-cart:hover .box-image {
  transform: translateX(-50%) translateY(-50%) scale(1.05);
}

/* new  */
.box-image-container.medium-product-image {
  margin: 0 auto;
  /* width: 50%; */
  width: 100%;
  height: 30rem;

  border-radius: 12px;

  margin-bottom: 2rem;

}

.box-100-product-info-add-to-cart .box-action-wrapper i,
.box-100-product-in-cart .box-action-wrapper i {
  font-size: 3rem;
  color: var(--black);
  cursor: pointer;
}
.box-100-product-info-add-to-cart .box-action-wrapper button i,
.box-100-product-in-cart .box-action-wrapper button i {
  color: var(--white);
}

.box-100-product-in-cart .quote-form-inputs {
  padding: 1rem 0;
}

.box-100-product-info-add-to-cart .box-action-wrapper,
.box-100-product-in-cart .box-action-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 3rem;
  width: -webkit-fill-available;

    padding-top: 1rem;
    /* padding-bottom: 2rem; */
    padding-bottom: 0rem;

}
.box-100-product-info-add-to-cart
  .box-action-wrapper
  .action-submit-add-product-to-cart,
.box-100-product-in-cart
  .box-action-wrapper
  .action-submit-add-product-to-cart {
  margin-top: 2rem;
      padding: 1rem 2rem;
      font-weight: lighter;

}


.box-100-product-info-add-to-cart button {
  display: flex;
  align-items: center;

}


.box-100-product-in-cart .box-action-wrapper.quantity-and-clear {
  padding-top: 2rem;
}



/* new 2025-11-27 */


.quote-form-inputs-ul li::marker {
  font-size: 0.8em;
}

.quote-form-inputs-ul .li-content-wrapper {
  display: flex;
  justify-content: space-between;
}

.quote-form-inputs-ul li .li-heading-content-wrapper {
  width:40% !important;
  min-width:200px !important;
}
.quote-form-inputs-ul li .li-text-content-wrapper {
  width:50% !important;
  display: flex;
  align-items: flex-end;

}




.technical-info-ul .li-content-wrapper {
  display: flex;
  justify-content: space-between;
}

.technical-info-ul li .li-heading-content-wrapper {
  width:40% !important;
  min-width:90px !important;
}
.technical-info-ul li .li-text-content-wrapper {
  width:50% !important;
  display: flex;
  align-items: flex-end;

}

/*  */














@keyframes boxProductInfoExpand {
  0% {
    /* height: 0; */
    visibility: hidden;
    height: 0;
    display: none;
    opacity: 0;
  }
  20% {
    height: 20%;
  }
  40% {
    height: 40%;
  }
  80% {
    /* height: fit-content; */
    /* height: 50%; */
  }
  100% {
    /* height: fit-content; */
    height: 100%;
    visibility: visible;
    opacity: 1;
    display: flex;
  }
}
@-webkit-keyframes boxProductInfoExpand {
  0% {
    /* height: 0; */
    /* visibility: hidden; */
  }
  20% {
    height: 20%;
  }
  40% {
    height: 40%;
  }
  80% {
    /* height: fit-content; */
    height: 50%;
    padding: 2rem;
  }
  100% {
    /* height: fit-content; */
    height: 100%;
    padding: 2rem;
    visibility: visible;
    opacity: 1;
  }
}

@keyframes boxProductInfoImplode {
  0% {
    opacity: 0.5;
    height: 100%;
  }
  50% {
    opacity: 0.2;
    height: 50%;
  }
  80% {
    opacity: 0.2;
    height: 20%;
  }
  100% {
    height: 0%;
    visibility: hidden;
    opacity: 0;
    display: none;
  }
}



.cart-info-wrapper {
  display: flex;
  flex-direction: column;
}

.cart-info-wrapper .action-button-wrapper {
  display: flex;
  justify-content: center;
}


.the-cart-content-checkout-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
}

#the-cart-content-checkout {
  position: relative;
  width: 100%;
  /* max-width: 1500px; */
  max-width: 1200px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-top: 5rem;
}

.the-cart-checkout-form-wrapper.hide {
  display: none;
}

.the-cart-checkout-form-wrapper.show {
  display: flex;
}

.the-cart-checkout-form-wrapper {
  display: flex;
  justify-content: center;
  padding: 2rem 0;
  width: 60%;
  margin: auto;
}



.the-cart-checkout-form-wrapper .miscellaneous-forms {
  min-width: unset;
  max-width: 800px;
}

.the-cart-checkout-form-wrapper .thanks-for-inquiry-wrapper p {
  font-weight: 200 !important;
  font-size: 2.1rem !important;
}
.the-cart-checkout-form-wrapper .thanks-for-inquiry-wrapper h2 {
  text-align: center;
}



.the-cart-checkout-form-wrapper .thanks-for-inquiry-wrapper a {
  color: var(--link-blue);
}


.box-100-product-info {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}

.box-100-product-info .box-content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  max-width: 80rem;
  padding: 2rem 2rem 2rem 2rem;
  justify-content: space-between;
  font-weight: 200;
}

.box-100-product-info .box-content p {
  font-weight: 200;
}
.box-100-product-info .box-content a {
  color: var(--link-blue) !important;
}

.box-100-product-info .box-content div {
  
}




.box-100-product-info .box-image {
  position: absolute;
  min-width: 100%;
  height: 100%;
  object-fit: contain;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(1);
  transition: all 0.4s ease-in-out;
}

.box-100-product-info .box-image-container.medium-product-image {
  width: 100%;
  padding-top: 0;
  background-color: transparent;
  position: relative;
  overflow: hidden;
  min-height: 380px;
}

/* end css for specialblock products info and add to cart */
/*******************************************************************************/
/*******************************************************************************/

@media all and (max-width: 1500px) {
  /*
  .section-startbanner .box-slider-image {
    min-height: 600px;
  }

  .section-topbanner .box-slider-image {
    min-height: 600px;
  }
  */
}

/* Media queries */
@media all and (max-width: 1200px) {
  .section-startbanner .box-slider-image {
    min-height: 415px;
    max-height: 415px;
  }
  .section-topbanner .box-slider-image .box-image-container.video-container,
  .section-topbanner .box-slider-image {
    min-height: 415px;
    max-height: 415px;
  }

    .section-topbanner .box-slider-image:has(> .video-container) {
        min-height: unset;
    }

  .box-slider-image .box-slider-content h1 {
    font-size: 40px !important;
  }
  .box-slider-image-arrow-left .box-slider-content > div h1,
  .box-slider-image-arrow-right .box-slider-content > div h1 {
    font-size: 40px;
  }
  .box-slider-image-overlay .box-slider-content > div h1 {
    font-size: 40px;
  }

  .box-slider-image .box-slider-content h1 {
    font-size: 48px !important;
  }

  .box-slider-image .box-slider-content p,
  .box-slider-image .box-slider-content a,
  .box-slider-image .box-slider-content li {
    font-size: 28px !important;
  }

  /* .section-startbanner .box-slider-image {
    min-height: 50vh;
  } */

  /* End of box slider image */
  /* **************************************** */
  /* **************************************** */

  /*  Box slider image arrow left/right */
  .box-slider-image-arrow-left.box-slider-content h1,
  .box-slider-image-arrow-right.box-slider-content h1 {
    font-size: 40px !important;
  }

  .box-100-img-right-big .box-content .arrow-wrapper img {
    max-width: 125px;
  }
  .box-100-img-left-big .box-content .arrow-wrapper img {
    max-width: 125px;
  }
  .box-slider-image-overlay .box-slider-content .arrow-wrapper img {
    max-width: 125px;
  }

  .box-100-img-left-big .box-content,
  .box-100-img-right-big .box-content {
    padding: 5rem;
  }
  .quote-contact-wrapper {
    display: flex;
    flex-wrap: wrap;
  }

  .quote-box-66 {
    width: 100%;
  }
  .contact-box-33 {
    width: 100%;
    padding: 5rem 0 0 0;
  }

  /* news */
  .box-all-news {
    width: 100%;
    width: calc(50% - 3rem);
    margin: 1.5rem;

    width: calc(33.333% - 10px);
    margin: 0px 10px 10px 0px;
  }

  .section-all-news .action-button-wrapper {
    margin-bottom: 1.5rem;
  }

  .box-single-news-image .content-ontop-backgrimg h1 {
    font-size: 48px !important;
  }

  /* end news */
}

@media all and (max-width: 960px) {
  /* **************************************** */
  /* **************************************** */
  /* Box slider image */
  /* .box-slider-image .box-slider-content h1 {
    font-size: 32px !important;
  } */
  .box-slider-image-arrow-left .box-slider-content > div h1,
  .box-slider-image-arrow-right .box-slider-content > div h1 {
    font-size: 32px;
  }

  .box-slider-image-overlay .box-slider-content > div h1 {
    font-size: 32px;
  }

  .box-slider-image .box-slider-content p,
  .box-slider-image .box-slider-content a,
  .box-slider-image .box-slider-content li {
    font-size: 24px !important;
  }
  /* End of box slider image */
  /* **************************************** */
  /* **************************************** */

  /*  Box slider image arrow left/right */
  .box-slider-image-arrow-left.box-slider-content h1,
  .box-slider-image-arrow-right.box-slider-content h1 {
    font-size: 32px !important;
  }

  .box-slider-image {
    min-height: 45rem;
  }

  /* **************************************** */
  /* **************************************** */
  /* Box 100 img left/right */
  .box-100-img-left,
  .box-100-img-right {
    flex-flow: column;
    width: 100%;
    /* margin: 10px 0 0 0; */
  }

  .box-100-img-left .box-image-container,
  .box-100-img-right .box-image-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 350px;
  }

  .box-100-img-left .box-image-container:has(> .video-container),
  .box-100-img-right .box-image-container:has(> .video-container) {
    min-height: unset;
  }

  .box-100-img-left .box-image-container.video-container,
  .box-100-img-right .box-image-container.video-container {
    width: 100%;
    height: 100%;
    padding: 56.25% 0 0 0;
    position: relative;
    min-height: unset;
  }

  .box-100-img-left .box-image,
  .box-100-img-right .box-image {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(1);
  }

  .box-100-img-left .box-content,
  .box-100-img-right .box-content {
    width: 100%;
    padding: 5rem 2rem;
  }
  /* End of box 100 img left/right */
  /* **************************************** */
  /* **************************************** */

  /* **************************************** */
  /* **************************************** */
  /* Box 100 img left/right big */
  .box-100-img-left-big,
  .box-100-img-right-big {
    flex-flow: column;
    width: 100%;
    margin: 0;
  }

  .box-100-img-left-big .box-image-container,
  .box-100-img-right-big .box-image-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    min-height: 350px;
  }

  .box-100-img-left-big .box-image,
  .box-100-img-right-big .box-image {
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(1);
  }

  .box-100-img-left-big .box-content,
  .box-100-img-right-big .box-content {
    width: 100%;
    padding: 5rem 2.5rem;
  }
  /* End of box 100 img left/right */
  /* **************************************** */
  /* **************************************** */

  /* **************************************** */
  /* **************************************** */
  /* Box 50/33/25 */

  .box-33-img-left,
  .box-33-img-right {
    width: 50%;
    width: calc(50% - 5px);
    margin: 0px 0px 10px 0px;
    display: flex;
  }
  .box-33-img-left .box-content,
  .box-33-img-right .box-content {
    padding: 2rem 2rem 2rem 2rem;
  }

  .box-33-img-left .box-image-container,
  .box-33-img-right .box-image-container {
    min-height: 200px;
  }

  /* End of box 50/33/25 */
  /* **************************************** */
  /* **************************************** */

  .box-quotes-contact .title-wrapper {
    width: 100%;
  }
  .quote-content {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
  }

  .box-100-text-ingress-big .box-content p,
  .box-100-text-ingress-big .box-content * {
    font-size: 26px;
  }

  /* special box */
  .box-100-full-special-5-img-left .box-content-outer-wrapper {
    position: relative;
    width: 75%;
    padding: 2rem;
    
  }
  .box-content.box-1,
  .box-content.box-2,
  .box-content.box-3,
  .box-content.box-4 {
    width: 50%;
    display: flex;
    /* flex-direction: column; */
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    padding: 0rem 0rem 0rem 0rem;
    margin-bottom: 1rem;
  }

  .box-single-news-image {
    min-height: 30rem;
    max-height: 300rem;
  }

  .box-single-news-image .content-ontop-backgrimg h1 {
    font-size: 34px !important;
  }

  .single-news {
    width: 100%;
    padding: 2rem;
  }

  /* page-single-department */
  .page-single-department .box-100-text .box-content {
    padding: 2rem 2rem;
  }
  .page-single-services .box-100-text .box-content {
    padding: 2rem 2rem;
  }



  .box-50-img-left, .box-50-img-right { 
    width: 100%;
    margin: 0px 0px 10px 0px;
    display: flex;
  }

}

@media all and (max-width: 640px) {
  .box-33-img-left,
  .box-33-img-right {
    width: 100%;
    width: calc(100% - 5px);
  }
}

@media all and (max-width: 768px) {
  /* **************************************** */
  /* **************************************** */
  /* Box slider image */
  .box-slider-image {
    background-attachment: unset !important;
    min-height: 350px;
  }

  .section-topbanner .box-slider-image .box-slider-content {
    /* top: 75%; */
  }

  .section-startbanner .box-slider-image:has(> .video-container) {
    /* min-height: 70rem; */
    min-height: 27rem;
    overflow: hidden;
  }

  



    .box-slider-image .box-image-container.video-container {
        max-width: 100%;
        height: auto;
        width: 100%;
        height: 100%;
        padding: 56.25% 0 0 0;
        position: relative;
        min-height: 100%;
    }


  /* End of box slider image */
  /* **************************************** */
  /* **************************************** */

  /* **************************************** */
  /* **************************************** */
  /* Box spacer */
  .box-spacer {
    height: 15px;
  }
  /* End of box spacer */
  /* **************************************** */
  /* **************************************** */

  /* **************************************** */
  /* **************************************** */
  /* Box 33 puffs */
  .box-33-puff {
    width: 100%;
    margin: 15px 0;
  }
  /* **************************************** */
  /* **************************************** */
  /* End of box 33 puffs */

  /* **************************************** */
  /* **************************************** */
  /* Box 50/33/25 */

  .box-50,
  .box-50-text {
    width: 100%;
    margin: 15px 0;
  }

  .box-50-img-left .box-content,
  .box-50-img-right .box-content {
    padding: 2rem 2rem 2rem 2rem;
  }

  .box-33 {
    width: 100%;
    margin: 15px 0;
  }
  /* End of box 50/33/25 */
  /* **************************************** */
  /* **************************************** */

  /* **************************************** */
  /* **************************************** */
  /* Box big image */
  .box-big-image {
    width: 100%;
  }

  .box-big-image .box-image-container {
    background-attachment: unset !important;
  }

  /* End of box big image */
  /* **************************************** */
  /* **************************************** */

  /* **************************************** */
  /* **************************************** */
  /* Box 100 text/text-ingress/title */
  .box-100-text {
    width: 100%;
    margin: 0px 0px;
  }

  .box-100-text-box-expand {
    width: 100%;
  }

  .box-100-text .box-content {
    padding: 2rem 2rem;
  }

  .box-100-text:has(+ .box-100-text-box-expand) .box-content {
    padding: 3.5rem 2rem 0rem 2rem;
  }

  .box-100-text-box-expand .expand-outer-wrapper.show-content .box-content {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .box-100-text-ingress {
    width: 100%;
    margin: 15px 0;
  }
  .box-100-text-ingress-big {
    width: 100%;
    margin: 15px 0;
  }
  .box-100-title {
    width: 100%;
    margin: 15px 0;
  }
  /* End of box 100 text/text-ingress/title  */
  /* **************************************** */
  /* **************************************** */

  .box-100-toggle {
    width: 100%;
    margin: 15px 0;
  }
  .box-100-toggle .box-top-content .las {
    font-size: 20px;
  }
  .box-100-img {
    width: 100%;
    margin: 15px 0;
  }
  .box-100-img-left .box-image-container,
  .box-100-img-right .box-image-container {
    min-height: 30rem;
  }

  .box-100-img-left .box-image-container:has(> .video-container),
  .box-100-img-right .box-image-container:has(> .video-container) {
    min-height: unset;
  }

  .box-100-img-left-big .box-image-container,
  .box-100-img-right-big .box-image-container {
    min-height: 30rem;
  }

  .box-social-links {
    flex-wrap: wrap;
    width: 100%;
    margin: 1.5rem 0;
  }

  .box-social-links .box-content {
    width: 100%;
    text-align: center;
    padding-bottom: 2rem;
  }
  .box-social-links .box-social-badges {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .box-slider-image-arrow-left,
  .box-slider-image-arrow-right {
    min-height: 350px;
  }

  .box-slider-image-arrow-left .box-slider-content,
  .box-slider-image-arrow-right .box-slider-content {
    padding: 25px;
  }







  .box-slider-image-arrow-left .box-slider-content > div,
  .box-slider-image-arrow-right .box-slider-content > div {
    padding: 0 0 0 20px;
  }

  .box-slider-image-arrow-right .box-slider-content > div {
    padding: 0 20px 0 0;
  }

  /* .box-slider-image .box-slider-content h1 {
    font-size: 28px !important;
  } */

  .box-slider-image-arrow-left .box-slider-content > div h1,
  .box-slider-image-arrow-right .box-slider-content > div h1 {
    font-size: 28px;
  }
  .box-slider-image-overlay .box-slider-content > div h1 {
    font-size: 28px;
  }

  .box-slider-image .box-slider-content p,
  .box-slider-image .box-slider-content a,
  .box-slider-image .box-slider-content li {
    font-size: 20px !important;
  }

  .section-startbanner
    .box-slider-image
    .box-image-container.video-container
    .box-slider-content {
    top: 76%;
  }

  /* End of box slider image */
  /* **************************************** */
  /* **************************************** */

  /*  Box slider image arrow left/right */
  .box-slider-image-arrow-left.box-slider-content h1,
  .box-slider-image-arrow-right.box-slider-content h1 {
    font-size: 28px !important;
  }

  .box-slider-image-arrow-left .box-slider-content .arrow-wrapper img,
  .box-slider-image-arrow-right .box-slider-content .arrow-wrapper img {
    max-width: 75px;
  }

  .box-100-img-right-big .box-content .arrow-wrapper img {
    max-width: 75px;
  }
  .box-100-img-left-big .box-content .arrow-wrapper img {
    max-width: 75px;
  }
  .box-slider-image-overlay .box-slider-content .arrow-wrapper img {
    max-width: 75px;
  }

  .box-links {
    width: 100%;
    margin: 1.5rem 0;
  }

  .box-100-text-ingress-big .box-content p,
  .box-100-text-ingress-big .box-content * {
    font-size: 22px;
  }

  .box-50-img-left,
  .box-50-img-right {
    width: 100%;
    width: calc(100% - 0px);
    /* margin: 10px 0px 0px 0px; */
    display: flex;
  }

  .box-50-img-left:last-of-type, .box-50-img-right:last-of-type {
    width: 100%;
    width: calc(100% - 0px);
    margin: 0px 0px 10px 0px;
    display: flex;
  }

  /* news */
  .box-all-news {
    /* width: 100%;
    width: calc(100% - 3rem);
    margin: 1.5rem; */

    width: calc(100% - 0rem);
    margin: 0rem;
    margin-bottom: 1rem;
  }

  .box-single-news-image .content-ontop-backgrimg {
    padding: 0 2rem;
    max-width: 800px;
  }

  .single-news {
    padding: 2rem;
  }
  /* end news */

  .box-100-search-department .box-content {
    padding: 2rem;
  }

  .search-department-area-postalcode-wrapper
    #search-department-area-postalcode-error
    p {
    font-size: 1.6rem !important;
  }

  /* singel kommuner */
  .box-image-single-kommuner,
  .box-image-single-service {
    height: auto;
    min-height: 30rem;
    max-height: 300rem;
    width: 100%;
    position: relative;
  }

  .page-single-department .box-standard .box-content div, .page-single-department .box-standard .box-content p, .page-single-department .box-standard .box-content a {
    font-size: 1.4rem !important;
  }


  .box-100-full-special-5-img-left {
    width: 100%;
    display: flex;
    flex-direction: column;
  }

  .box-100-full-special-5-img-left .box-image-container {
    width: 100%;
  }

  .box-100-full-special-5-img-left .box-content-outer-wrapper {
        width: 100%;
  }


  /* cart */
  .box-100-product-info-add-to-cart, .box-100-product-in-cart {
    padding: 0 0rem 2rem 0rem;
  }

  .quote-form-inputs-ul li .li-heading-content-wrapper {
    width: 40% !important;
    min-width: 120px !important;
  }
  /*  */


  /*  */

  /* products */
  .box-100-product-info-add-to-cart .hidden-product_info,
  .box-100-product-in-cart .hidden-product_info {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 1rem 1rem;
    height: 0;
    opacity: 0;
    visibility: hidden;
  }

  .box-100-product-info-add-to-cart .box-content,
  .box-100-product-in-cart .box-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 80%;
    padding: 0 2rem 0 2rem;
    justify-content: space-between;
  }
}

@media all and (max-width: 550px) {
  /* **************************************** */
  /* **************************************** */
  /* Box slider image */

  .section-startbanner .box-slider-image {
    min-height: 315px;
  }
  
  .section-topbanner .box-slider-image .box-image-container.video-container,
  .section-topbanner .box-slider-image {
    min-height: 315px;
    max-height: 315px;
  }


  .box-slider-image .box-slider-content {
    /* padding: 25px 15px; */
    padding: 25px 0px;
  }
  .box-slider-image .box-slider-content h1 {
    font-size: 38px !important;
  }

  .box-slider-image-arrow-left .box-slider-content > div h1,
  .box-slider-image-arrow-right .box-slider-content > div h1 {
    font-size: 24px;
  }

  .box-slider-image-overlay .box-slider-content > div h1 {
    font-size: 24px;
  }

  .box-slider-image .box-slider-content p,
  .box-slider-image .box-slider-content a,
  .box-slider-image .box-slider-content li {
    font-size: 16px !important;
  }

  .section-startbanner
    .box-slider-image
    .box-image-container.video-container
    .box-slider-content {
    /* top: 62%; */
    top: 70%;
  }

  .section-topbanner .box-slider-image .box-slider-content {
    /* top: 62%; */
    /* top: 62%; */
  }



    .box-slider-image .box-image-container.video-container {
        top: unset;
        left: unset;
        transform: unset;
    }



  .box-slider-image .box-slider-content > div {
    padding: 0 20px;
  }

  /* End of box slider image */
  /* **************************************** */
  /* **************************************** */

  /* **************************************** */
  /* **************************************** */

  /* hide all text in box box-standard show only heading */

  .box-100-text .box-content div,
  .box-standard.box-100-text .box-content div,
  .box-standard .box-content div {
    font-size: 1.6rem !important;
  }

  .box-content div {
    font-size: 1.6rem !important;
  }
  .box-content div p {
    font-size: 1.6rem !important;
  }

  .box-100-text .box-content div p {
    font-weight: 200 !important;
    font-size: 1.6rem !important;
  }

  .box-100-text .box-content a {
    /* font-weight: 200 !important; */
    font-size: 1.6rem !important;
  }

  .box-100-text .box-content strong a {
    /* font-weight: 200 !important; */
    font-size: 1.6rem !important;
  }

  .box-100-text-box-expand .box-content a,
  .box-100-text-box-expand .box-content strong a,
  .box-100-text-box-expand .box-content div,
  .box-100-text-box-expand .box-content div p {
    font-size: 1.6rem !important;
  }

  .box-100-text:has(+ .box-100-text-box-expand) .box-content {
    padding: 3.5rem 2rem 0rem 2rem;
  }

  /* Box 50/33/25 */
  .box-25 {
    width: 100%;
    margin: 15px 0;
  }

  .box-puff-25 {
    width: 100% !important;
    width: calc(100%) !important;
    margin: 15px 0 !important;
  }

  .box-puff-25 .box-content .title {
    font-size: 2rem;
  }

  /* End of box 50/33/25 */
  /* **************************************** */
  /* **************************************** */

  /* .box-100-img-left, .box-100-img-right {
    margin: 0;
    margin-top: 10px;
  } */

  .box-100-img-left .box-image-container,
  .box-100-img-right .box-image-container {
    /* min-height: 250px; */
    min-height: 150px;
  }

  .box-100-img-left h3,
  .box-100-img-right h3 {
    font-size: 2.2rem;
  }

  .box-100-img-left .box-content > div,
  .box-100-img-right .box-content > div {
    font-size: 1.6rem;
  }

  .box-100-img-left-big .box-image-container,
  .box-100-img-right-big .box-image-container {
    min-height: 250px;
  }

  .box-100-img-left .box-content,
  .box-100-img-right .box-content {
    width: 100%;
    padding: 2rem 2rem 2rem 2rem;
  }

  .box-slider-image-arrow-left .box-slider-content .arrow-wrapper img,
  .box-slider-image-arrow-right .box-slider-content .arrow-wrapper img {
    max-width: 50px;
  }
  .box-100-img-right-big .box-content .arrow-wrapper img {
    max-width: 50px;
  }
  .box-100-img-left-big .box-content .arrow-wrapper img {
    max-width: 50px;
  }
  .box-slider-image-overlay .box-slider-content .arrow-wrapper img {
    max-width: 50px;
  }

  .box-100-text-box-expand {
    width: 100%;
  }

  .box-100-text-box-expand .box-image-container {
    padding: 0rem 2rem 2rem 2rem;
  }

  .box-100-text-box-expand .box-content {
    padding: 0rem 2rem 2rem 2rem;
  }

  .box-100-text-ingress-big .box-content p,
  .box-100-text-ingress-big .box-content * {
    font-size: 20px;
  }

  .box-100-text-gray .box-content,
  .box-100-text-blue .box-content {
    flex-direction: column;
  }
  .box-100-text-gray .box-content .box-content-left,
  .box-100-text-blue .box-content .box-content-left {
    width: 100%;
    margin-bottom: 3.5rem;
  }

  .box-slider-100-text .box-content {
    text-align: center;
  }

  .box-50-img-left .box-image-container,
  .box-50-img-right .box-image-container {
    min-height: 210px;
  }


  .box-50-img-left:last-of-type, .box-50-img-right:last-of-type {
    width: 100%;
    width: calc(100% - 0px);
    margin: 0px 0px 10px 0px;
    display: flex;
}


  .box-33-img-left .box-image-container,
  .box-33-img-right .box-image-container {
    min-height: 160px;
  }

  .box-20-text-img {
    width: 100%;
    width: calc(100% - 30px);
    margin: 15px;
  }

  /* news */
  .box-all-news {
    width: 100%;
    width: calc(100% - 0rem);
    /* margin: 1.5rem; */
    margin-bottom: 1.5rem;
  }

  /* .box-all-news:first-of-type {
    margin-top: 1.5rem;
  } */

  .section-all-news .action-button-wrapper {
    margin-bottom: 1.5rem;
  }

  /* special box */
  .box-content.box-1,
  .box-content.box-2,
  .box-content.box-3,
  .box-content.box-4 {
    width: 100%;
    display: flex;
    /* flex-direction: column; */
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    padding: 0rem 0rem 0rem 0rem;
    margin-bottom: 1rem;
  }

  .box-content.box-1 .box-1-inner {
    max-width: unset;
  }

  .box-single-news-image .content-ontop-backgrimg {
    position: absolute;
    top: 66%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--white);
    width: 100%;
    max-width: 700px;
    padding: 0 2rem;
    display: flex;
    justify-content: center;
  }

  .single-news-content,
  .single-news-content p,
  .single-news-content div p {
    font-weight: 200 !important;
    font-size: 1.6rem !important;
  }

  .single-news-date,
  p.single-news-date {
    font-size: 1.6rem;
    font-weight: 200;
  }

  .single-news {
    padding: 2rem;
  }

  /* iframe */
  .box-100-iframe {
    width: 100%;
    width: calc(100% - 0px);
  }

  .box-100-iframe .box-content {
    padding: 2rem 2rem;
  }

  .box-100-search-department .box-content {
    padding: 2rem;
  }

  /* products */
  .box-100-product-info-add-to-cart .visible-product-info,
  .box-100-product-in-cart .visible-product-info {
    display: flex;
    width: 100%;
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .box-100-product-info-add-to-cart .box-image-container,
  .box-100-product-in-cart .box-image-container {
    width: calc(100% - 2.8rem);
    /* padding-top: 0;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: var(--white);
    border-radius: 6px;
    margin: 1.4rem; */

    padding-top: 0;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    /* min-height: 100px; */
    min-height: 130px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: var(--white);
    border-radius: 6px;
    margin: 1.4rem;
  }

  .box-100-product-info-add-to-cart .box-image,
  .box-100-product-in-cart .box-image {
    /* height: auto;
    object-fit: contain;
    transition: all 0.4s ease-in-out; */

    position: absolute;
    min-width: 100%;
    height: 100%;
    object-fit: contain;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(1);
    transition: all 0.4s ease-in-out;
  }

  .box-100-product-info-add-to-cart .box-content,
  .box-100-product-in-cart .box-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 0 2rem 0 2rem;
    justify-content: space-between;
    flex-direction: column;
  }

  .box-100-product-info-add-to-cart .box-content h4,
  .box-100-product-in-cart .box-content h4 {
    padding-bottom: 0;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }

  .box-100-product-info-add-to-cart .show-product-info {
    padding: 1rem;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
  }

  .box-100-product-info-add-to-cart .box-content i,
  .box-100-product-in-cart .box-content i {
    color: var(--white);
    font-size: 3rem;
    cursor: pointer;
  }

  .box-100-product-info-add-to-cart .box-content i, .box-100-product-in-cart .box-content i {
    font-size: 3rem;
    margin-left: 0rem;
    cursor: pointer;
}

  /* .box-100-product-info-add-to-cart .hidden-product_info.show ~ .box-100-product-info-add-to-cart .visible-product-info .box-image-container {
    display: none;
  } */

  /* .visible-product-info:has(+ .hidden-product_info.show) .box-image-container {
    display: none;
  } */

  /* .visible-product-info:has(+ .hidden-product_info.show) > .box-content {
    padding-top: 2rem;
  } */

  .box-50-img-left,
  .box-50-img-right {
    width: 100%;
    display: flex;
    flex-direction: row;
  }

  /* .box-50-img-left .box-image-container,
  .box-50-img-right .box-image-container {
    width: 100%;
    padding-top: 0;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    min-height: 280px;
  } */
  /* .box-50-img-left .box-content,
  .box-50-img-right .box-content {
    position: relative;
    width: 100%;
    padding: 2rem;
    display: flex;
    justify-content: flex-start;
    flex-flow: column;
    flex-grow: 1;
  } */



  .the-cart-checkout-form-wrapper {
    display: flex;
    justify-content: center;
    padding: 2rem 0;
    width: 100%;
    margin: auto;
}



.box-image-single-kommuner .content-ontop-backgrimg > h1,
.box-image-single-service .content-ontop-backgrimg > h1 {
    color: var(--white);
    font-size: 3.4rem;
    padding-bottom: 0;
}


.box-100-search-department #search-department-area-postalcode-error {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-right: 1.4rem;
}


}

/* End of media queries */
/* **************************************** */
/* **************************************** */