: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-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;
}

.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%;
}

/* video-container */
.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;
}

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

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

.box-content div {
  /* font-weight: 300 !important; */
  font-weight: 200 !important;
  /* font-size: 2.1rem !important; */
  font-size: 1.8rem !important;
}
.box-content div p {
  font-weight: 200 !important;
  /* font-size: 2.1rem !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);
  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 {
  background-color: var(--blue) !important;
  border-color: var(--blue) !important;
  color: var(--white) !important;
}
.box-button.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 {
  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 {
  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 */
/*******************************************************************/

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

  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: 80%;
  /* bottom: 10%; */
  left: 50%;
  transform: translate(-50%, -50%);
}



/* 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: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: 900px; */
  max-width: 1250px;
  padding: 25px 0;
  /* background-color: var(--blue); */

  text-align: center;
}

.box-slider-image .box-slider-content > div h1 {
  color: var(--white);
  /* font-size: 50px; */
  /* font-size: 68px; */
  font-size: 50px;
  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-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 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;
}
.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: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 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 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  min-height: 600px;
  max-height: 6000px;
  width: 100%;
  position: relative;
}
/* content-ontop-backgrimg */
.content-ontop-backgrimg {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--white);
  width: 100%;
  max-width: 1200px;
  padding: 0 35px;
  display: flex;
  justify-content: center;
}
.box-image-single-kommuner .content-ontop-backgrimg > div {
  max-width: 1250px;
  padding: 25px;
  text-align: center;
}

.box-image-single-kommuner .content-ontop-backgrimg > div h1 {
  color: var(--white);
  font-size: 68px;
  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;
}

/* 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;
}

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

@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;
  }

  .section-topbanner .box-slider-image {
    min-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: 4rem 4rem 2rem 2rem;
    /* display: flex; */
    /* flex-flow: column; */
  }
  .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: 300px;
    max-height: 3000px;
  }

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

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


}

@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;
  }
  .box-slider-image .box-slider-content {
    padding: 0 20px;
  }

  .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;
    /*
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    */
    min-height: 100%;
  }

  .box-slider-image .box-image-container.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* min-height: 70rem; */
    /* min-width: 105rem; */

    min-height: 14rem;
    min-width: 54rem;

    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
  }

  /* 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: 300px;
  }

  .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: 300px;
  }

  .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;
  }

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

@media all and (max-width: 550px) {


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

  /* **************************************** */
  /* **************************************** */
  /* Box slider image */

  .section-startbanner .box-slider-image {
    min-height: 315px;
  }

  .section-topbanner .box-slider-image {
    min-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-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-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;
  }



}

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