:root {
  --text-color: #223e4e;
  --highlight-text-color : #3c6c88;
  --swiper-theme-color: #223e4e !important;
  --background-color: #fbf8f2;
  --highlight-color: #f4d1e5;
  --nav-backgound-color: hsla(0, 0%, 100%, 0.897);
  --nav-hover-backgound-color: hsla(0, 0%, 83%, 0.705); 
  --scroll-bar-color: #fff;
  --scroll-thumb-color: #1d3341;
  --scroll-thumb-hover-color: #2a4b5e;
}

/*========= Scroll bar =========*/
::-webkit-scrollbar {
  width: 11px;
  background: var(--scroll-bar-color);    
}

::-webkit-scrollbar-thumb {
  width: 100%;
  background: var(--scroll-thumb-color);
  border-radius: 2em;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--scroll-thumb-hover-color);
}




html,
body {
  overflow-x: hidden;
  position: static;
}



.ds-home-information {
  position: absolute; 
  z-index: 9;
  left: calc(50% + 20rem); 
  top: 50%; 
  transform: translate(calc(-50% - 10rem), -50%);
}

.ds-home-information-text {
  font-size: 5rem;
  text-align: center;
  position: relative;
  letter-spacing: 0.4rem;
  background-color: var(--nav-backgound-color);
  padding-block: 3rem;
  padding-inline: 4rem;
  margin-block-start: 5rem;
  color: var(--text-color); 
  border-radius: 1rem;
}

.ds-home-information-text p
{
  font-size: 3.5rem;
}


.ds-home-information-buttons {
  padding-block-start: 2rem;
  display: flex;
  gap: 5rem;
  align-items: center;
  justify-content: center;
}


.ds-home-information-buttons a { 
  background-color: var(--text-color);
  padding-inline: 2.5rem;
  padding-block: 1.5rem;
  text-decoration: none;
  color: var(--highlight-color);
  font-size: 1.8rem;
  border-radius: 1rem;
}

.ds-home-information-buttons a:hover {
  background-color: var(--highlight-text-color);
}




.dataPrivacy-wrapper {

  padding-inline-start: 20rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-block:  8rem;
  margin-inline: 4rem;
}

.dataPrivacy-wrapper h1 {
  font-size: 2.5rem;
}


.dataPrivacy-wrapper h2 {
  font-size: 2rem;
}

.dataPrivacy-wrapper h3 {
  font-size: 1.5rem;
}


/* Normaler Link (Standardzustand) */
.dataPrivacy-wrapper a:link {
  color: rgb(158, 158, 158);
}

/* Besuchter Link */
.dataPrivacy-wrapper a:visited {
  color: rgb(156, 187, 255);
}

/* Link beim Hovern (Mauszeiger darüber) */
.dataPrivacy-wrapper a:hover {
  color: rgb(173, 144, 182);
  text-decoration: underline;
}

/* Aktiver Link (wenn der Link gerade angeklickt wird) */
.dataPrivacy-wrapper a:active {
  color: rgb(146, 196, 146);
}





@media screen and (max-width: 1400px) {

  .ds-home-information-text {
    font-size: 4rem;
    letter-spacing: 0.3rem;
    padding-block: 2rem;
    padding-inline: 3rem;
    margin-block-start: 4rem;
    border-radius: 1rem;
  }
  
  .ds-home-information-text p
  {
    font-size: 3rem;
  }
  
  .ds-home-information-buttons {
    padding-block-start: 1rem;
    gap: 4rem;
  }
  
  .ds-home-information-buttons a { 
    padding-inline: 2rem;
    padding-block: 1rem;
    font-size: 1rem;
    border-radius: 0.6rem;
  }
  
}




@media screen and (max-width: 1065px) {

  .ds-home-information-text {
    font-size: 2.5rem;
    letter-spacing: 0.15rem;
    padding-block: 1rem;
    padding-inline: 1.5rem;
    margin-block-start: 2rem;
    border-radius: 0.5rem;
  }
  
  .ds-home-information-text p
  {
    font-size: 1.8rem;
  }
  
  .ds-home-information-buttons {
    padding-block-start: 0.9rem;
    gap: 2rem;
  }
  
  .ds-home-information-buttons a { 
    padding-inline: 2rem;
    padding-block: 1rem;
    font-size: 1rem;
    border-radius: 0.5rem;
  }
  
}




/* Swiper Styles */
.swiper {
  width: 100%;
  height: 100dvh; 
}

.swiper-slide {
  object-fit: cover;
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-pagination {
  background-color: var(--nav-backgound-color);
  width: 1rem;
  border-radius: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.swiper-pagination[data-visible="false"] {
  display: none;
}



/* Navbar itself */
.primary-navigation {
  z-index: 99;
  position: absolute;
  height: 100dvh;
  min-height: 45rem;
  width: 20rem;
  background: var(--nav-backgound-color);
  display: flex;
  flex-direction: column;
  align-items: center; 
}

.primary-navigation.homenav {
  min-height: 46rem;
}

.primary-navigation.contactus {
  min-height: 800px;
}



/* logo of the navbar */
.primary-navigation-logo {
  padding-block-start: 4rem;
  height: 12.4rem !important;
  width: 14.4rem;
  padding-inline-end: 1rem;
}

.primary-navigation-logo:hover {
  cursor: pointer;
} 

/* hamburger-button START */
.hamburger-button {
  display: none;
  --hamburger-button-color: var(--text-color);
  background-color: transparent;
  border: 3px solid var(--hamburger-button-color);
  border-radius: 0.4rem;
  height: 3.5rem;
  margin-block: auto;
  margin-inline-start: auto;
  margin-inline-end: 20px;
}

.hamburger-button .hamburger-line {
  transition:
    y 200ms ease-in 200ms,
    rotate 200ms ease-in,
    opacity 0ms 200ms;
  ;
  transform-origin: center;
}

.hamburger-button[aria-expanded="true"] .hamburger-line {
  transition:
    y 200ms ease-in,
    rotate 200ms ease-in 200ms,
    opacity 0ms 200ms;
  ;
}

.hamburger-button[aria-expanded="true"] :is(.hamburger-top, .hamburger-bottom) {
  y: 45px;
}

.hamburger-button[aria-expanded="true"] .hamburger-top {
  rotate: 45deg;
}

.hamburger-button[aria-expanded="true"] .hamburger-middle {
  opacity: 0;
}

.hamburger-button[aria-expanded="true"] .hamburger-bottom {
  rotate: -45deg;
}

.resize-animation-stopper * {
  animation: none !important;
  transition: none !important;
}

.primary-navigation-list {
  padding-block-start: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem; 
  z-index: -1;

  border-bottom-left-radius: 80px 80px;

}



.primary-navigation-list a {
  font-size: 20px;
  font-weight: 800;
  float: left;
  text-decoration: none;
  color: var(--text-color)
}

.primary-navigation-list a img 
{
  width: 3rem;
}

.primary-navigation-list a:hover {
  color: var(--highlight-text-color)
} 





.primary-navigation-list li:nth-last-child(1)
{
  margin-block-start: 2rem;
}





@media screen and (max-width: 785px) {

  .primary-navigation.homenav {
    min-height: 6rem;
  }

  .primary-navigation.contactus  {
    min-height: 6rem !important;
  }


  .dataPrivacy-wrapper {

    padding-inline-start: 0rem;

  }

  .ds-home-information {
    left: calc(50%); 
    top: 50%; 
    transform: translate(calc(-50%), -50%);
  }
  
  .ds-home-information-text {
    font-size: 4rem;
    letter-spacing: 0.25rem;
    padding-block: 1.5rem;
    padding-inline: 2rem;
    margin-block-start: 2.5rem;
    border-radius: 0.5rem;
  }
  
  .ds-home-information-text p
  {
    font-size: 2rem;
  }
  
  
  .ds-home-information-buttons {
    padding-block-start: 2rem;
    gap: 2.5rem;
  }
  
  
  .ds-home-information-buttons a { 
    padding-inline: 1.9rem;
    padding-block: 1.2rem;
    font-size: 1.3rem;
    border-radius: 0.5rem;
  }


  .primary-navigation-logo {
    padding-block-start: 0.1rem;
    width: 7rem;
    height: 6rem !important;
    padding-inline-start: 1rem;
    z-index: 99;

  }

  .landingPageLogo {
    width: 12rem;
    height: 10rem !important;
  }

  .primary-navigation {
    height: 100dvh;
    height: 6rem;
    width: 100dvw;
    flex-direction: row;
    min-height: unset;
  }

  .hamburger-button {
    display: block;
  }

  .primary-navigation-list[data-visible="true"] {
    transform: translateX(0%);
  }

  .primary-navigation-list[data-visible="false"] a {
    display: none;
  }

  .primary-navigation-list {
    flex-direction: column;
    align-items: center;
    padding-block-start: 5rem;
    position: absolute;
    right: 0px;
    width: 20rem;
    top: 6rem; 
    background: var(--nav-backgound-color);
    transform: translateX(100%);
    transition: transform 350ms ease-in-out;
    min-height: 29rem;
  }

  .landingPageLogo {
    padding-block-start: 4rem;
    height: 10.4rem !important;
    width: 12.4rem;
  }

.primary-navigation-list a img 
{
  width: 2.2rem;
}

}


@media (max-height: 638px) {
  .ds-home-information {

    top: 20rem; 

}
} 


@media screen and (max-width: 700px) {

  
  .ds-home-information-text {
    font-size: 3rem;
    letter-spacing: 0.2rem;
    padding-block: 1rem;
    padding-inline: 2rem;
    margin-block-start: 2rem;
    border-radius: 0.5rem;
  }
  
  .ds-home-information-text p
  {
    font-size: 2rem;
  }
  
  
  .ds-home-information-buttons {
    padding-block-start: 2rem;
    gap: 2.5rem;
  }
  
  
  .ds-home-information-buttons a { 
    padding-inline: 1.9rem;
    padding-block: 1.2rem;
    font-size: 1rem;
    border-radius: 0.5rem;
  }
  
}




@media screen and (max-width: 560px) {




  .ds-home-information-text {
    font-size: 2rem;
    letter-spacing: 0.2rem;
    padding-block: 1rem;
    padding-inline: 2rem;
    margin-block-start: 2rem;
    border-radius: 0.5rem;
  }
  
  .ds-home-information-text p
  {
    font-size: 1.4rem;
  }
  
  
  .ds-home-information-buttons {
    padding-block-start: 2rem;
    gap: 2.5rem;
  }
  
  
  .ds-home-information-buttons a { 
    padding-inline: 1.3rem;
    padding-block: 0.7rem;
    font-size: 0.8rem;
    border-radius: 0.2rem;
  }
  
}




.active-link {
  color: var(--highlight-text-color)!important; 
}


.aboutusbody {
  background-color: var(--text-color); 
  overflow: hidden;
}



.ds-aboutus {
  display: flex;
}

.ds-aboutus-img img {
  height: 200px;
  width: 200px;
}






.primary-navigation-list {
  padding-block-start: 4rem !important;
}





.contact_us_green {
  background-color: var(--background-color);
  position: relative;
  width: 1000px;
  left: calc(50% + 20rem); 
  transform: translateX(calc(-50% - 10rem));
  border-radius: 1rem;
  margin-block-start: 6rem;
}


.contact_us_green .responsive-container-block {
  min-height: 75px;
  height: fit-content;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
}

.contact_us_green input:focus {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}

.contact_us_green textarea:focus {
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}

.contact_us_green .text-blk {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  line-height: 25px;
}

.contact_us_green .responsive-cell-block {
  min-height: 75px;
}

.contact_us_green .responsive-container-block.container {
  max-width: 1320px;
  margin-top: 60px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
}

.contact_us_green .responsive-container-block.big-container {
  padding-top: 0px;
  padding-right: 50px;
  padding-bottom: 0px;
  padding-left: 50px;
}

.contact_us_green .text-blk.contactus-head {
  font-size: 30px;
  line-height: 50px;
  font-weight: 700;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}

.contact_us_green .text-blk.contactus-subhead {
  max-width: 385px;
  color: #939393;
  font-size: 18px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 30px;
  margin-left: 0px;
}

.contact_us_green .contact-svg {
  padding-top: 0px;
  padding-right: 25px;
  padding-bottom: 0px;
  padding-left: 0px;
  width: 65px;
  height: 40px;
}

.contact_us_green .social-media-links {
  margin-top: 80px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  width: 250px;
  display: flex;
  justify-content: space-evenly;
}

.contact_us_green .social-svg {
  width: 35px;
  height: 35px;
}

.contact_us_green .text-box {
  display: flex;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 50px;
  margin-left: 0px;
}

.contact_us_green .contact-text {
  color: #939393;
  padding-block-start: 9px;
}

.contact_us_green .input {
  height: 50px;
  width: 90%;
  border-top-width: 2.5px;
  border-right-width: 2.5px;
  border-bottom-width: 2.5px;
  border-left-width: 2.5px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #a2a2a2;
  border-right-color: #a2a2a2;
  border-bottom-color: #a2a2a2;
  border-left-color: #a2a2a2;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  font-size: 16px;
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 15px;
}

.contact_us_green .textinput {
  height: 200px;
  width: 95%;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #a2a2a2;
  border-right-color: #a2a2a2;
  border-bottom-color: #a2a2a2;
  border-left-color: #a2a2a2;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  font-size: 16px;
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 20px;
  padding-left: 20px;
}


.ds-aboutus-container-mobile {
  display: none;
}


.contact_us_green .submit-btn {
  min-width: 240px;
  height: 60px;
  background-color: var(--text-color); 
  font-size: 18px;
  font-weight: 700;
  color: white;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: #767676;
  border-right-color: #767676;
  border-bottom-color: #767676;
  border-left-color: #767676;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-top: 0px;

  margin-bottom: 0px;

  cursor: pointer;
}

.submit-btn:hover {
  background-color: var(--highlight-text-color);
}

.contact_us_green .btn-wrapper {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.contact_us_green .text-blk.input-title {
  font-size: 13px;
  font-weight: 600;
  line-height: 28px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}

.contact_us_green .responsive-cell-block.wk-ipadp-6.wk-tab-12.wk-mobile-12.wk-desk-6 {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
}

.contact_us_green .responsive-cell-block.wk-tab-12.wk-mobile-12.wk-desk-5.wk-ipadp-10 {
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contact_us_green .head-text-box {
  display: none;
}

.contact_us_green .line {
  border-right-width: 1.8px;
  border-right-style: solid;
  border-right-color: #a2a2a2;
}

.contact_us_green .responsive-cell-block.wk-tab-12.wk-mobile-12.wk-desk-7.wk-ipadp-10.line {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

@media (max-width: 1340px) {

  .contact_us_green {
    margin-block-start: 2rem;
  }
  


  .contact_us_green .responsive-container-block.container {
    justify-content: center;
  }

  .contact_us_green .text-blk.contactus-subhead {
    max-width: 90%;
  }

  .contact_us_green .head-text-box {
    display: block;
  }

  .contact_us_green .responsive-cell-block.wk-tab-12.wk-mobile-12.wk-desk-7.wk-ipadp-10.line {
    padding-top: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
  }

  .contact_us_green .line {
    border-right-width: initial;
    border-right-style: none;
    border-right-color: initial;
    border-bottom-width: 1.8px;
    border-bottom-style: solid;
    border-bottom-color: #a2a2a2;
  }

  .contact_us_green .responsive-cell-block.wk-tab-12.wk-mobile-12.wk-desk-5.wk-ipadp-10 {
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }

  .contact_us_green .workik-contact-bigbox {
    display: flex;
  }

  .contact_us_green .responsive-cell-block.wk-tab-12.wk-mobile-12.wk-desk-5.wk-ipadp-10 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
}

.contact_us_green .workik-contact-bigbox {
  padding-block-start: 1rem;
}

@media (max-width: 785px) {


  


  .contact_us_green {
    background-color: var(--background-color);
    position: relative;
    width: 90dvw !important;
    left: calc(50%); 
    transform: translateX(calc(-50%));
    border-radius: 1rem;
    margin-block-start: 8rem;
  }




  .contact_us_green .input {
    width: 100%;
  }

  .contact_us_green .textinput {
    width: 100%;
  }

  .contact_us_green .text-blk.contactus-head {
    font-size: 25px;
  }
}





.contact_us_green *,
.contact_us_green *:before,
.contact_us_green *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.wk-desk-1 {
  width: 8.333333%;
}

.wk-desk-2 {
  width: 16.666667%;
}

.wk-desk-3 {
  width: 25%;
}

.wk-desk-4 {
  width: 33.333333%;
}

.wk-desk-5 {
  width: 41.666667%;
}

.wk-desk-6 {
  width: 50%;
}

.wk-desk-7 {
  width: 58.333333%;
}

.wk-desk-8 {
  width: 66.666667%;
}

.wk-desk-9 {
  width: 75%;
}

.wk-desk-10 {
  width: 83.333333%;
}

.wk-desk-11 {
  width: 91.666667%;
}

.wk-desk-12 {
  width: 100%;
}

@media (max-width: 1340px) {

  .primary-navigation.contactus {
    min-height: 1100px;
  }
  

  .head-text-box {
    display: none !important;
  }


  .contact_us_green {
    width: 700px;
}


.contact_us_green .responsive-container-block.container {

  margin-bottom: 10px;

}

  .wk-ipadp-1 {
    width: 8.333333%;
  }

  .wk-ipadp-2 {
    width: 16.666667%;
  }

  .wk-ipadp-3 {
    width: 25%;
  }

  .wk-ipadp-4 {
    width: 33.333333%;
  }

  .wk-ipadp-5 {
    width: 41.666667%;
  }

  .wk-ipadp-6 {
    width: 50%;
  }

  .wk-ipadp-7 {
    width: 58.333333%;
  }

  .wk-ipadp-8 {
    width: 66.666667%;
  }

  .wk-ipadp-9 {
    width: 75%;
  }

  .wk-ipadp-10 {
    width: 83.333333%;
  }

  .wk-ipadp-11 {
    width: 91.666667%;
  }

  .wk-ipadp-12 {
    width: 100%;
  }
}

@media (max-width: 1050px) {

  .contact_us_green .submit-btn {
    min-width: 155px;
    height: 49px;
  }

  .contact_us_green .text-blk.contactus-head {
    font-size: 25px;
  }

  .contact_us_green .text-blk.input-title {
    margin-bottom: 0px;
}



  .primary-navigation.contactus {
    min-height: 1320px;
  }


  .contact_us_green {
    width: 400px;
}


  .wk-tab-1 {
    width: 8.333333%;
  }

  .wk-tab-2 {
    width: 16.666667%;
  }

  .wk-tab-3 {
    width: 25%;
  }

  .wk-tab-4 {
    width: 33.333333%;
  }

  .wk-tab-5 {
    width: 41.666667%;
  }

  .wk-tab-6 {
    width: 50%;
  }

  .wk-tab-7 {
    width: 58.333333%;
  }

  .wk-tab-8 {
    width: 66.666667%;
  }

  .wk-tab-9 {
    width: 75%;
  }

  .wk-tab-10 {
    width: 83.333333%;
  }

  .wk-tab-11 {
    width: 91.666667%;
  }

  .wk-tab-12 {
    width: 100%;
  }
}


.primary-navigation.aboutus {
  min-height: 1414px
}



.ds-aboutus-container {
  margin-block-start: 1rem;
  position: relative;
  width: 1200px;
  left: calc(50% + 20rem); 
  transform: translateX(calc(-50% - 10rem));
}

.ds-sektion .container {
  height: 540px;
}

.ds-sektion2 .container {
  height: 550px;
  padding-block-end: 19rem;
}

.ds-sektion .container .image img {
  position: relative;
  height: 380px;
  padding: 3rem;
  border-radius: 4rem;
}



.ds-sektion .container .text-box { 
  z-index: 99999;
  position: relative;
  font-size: 1.1rem;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px);
  padding: 3rem;
  margin-inline-start: 23rem;
  margin-inline-end: 3rem;
  border-radius: 2rem;
  width: 873px;
  transform: translate(-110px, -310px);
  color: white;
}


.ds-sektion .text-h3-box {
  position: relative;
  font-size: 3rem;
  padding-block-end: 1rem;
  transform: translate(313px, -303px);
  color: white;
}



.ds-sektion2 .container .image img {
  position: relative;
  width: 300px;
  object-fit: cover;
  height: 400px;
  padding: 3rem;
  border-radius: 4rem;
  left: 55rem;
}



.ds-sektion2 .container .text-box { 
  z-index: 99999;
  position: relative;
  font-size: 1.1rem;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px);
  padding: 3rem;
  margin-inline-start: 23rem;
  margin-inline-end: 3rem;
  border-radius: 2rem;
  width: 835px;
  transform: translate(-320px, -349px);
  color: white;
}


.ds-sektion2 .text-h3-box {
  position: relative;
  font-size: 3rem;
  padding-block-end: 1rem;
  transform: translate(662px, -342px);
  color: white;
  z-index: 100000;
}


@media (max-width: 1650px) {
  .ds-aboutus-container {
    width: 794px;
}

  .ds-sektion .container .text-box {
    font-size: 1rem;
    width: 425px;
}

.ds-sektion .container {
  height: 627px;
}


.ds-sektion2 .container .text-box {
  font-size: 1rem;
  width: 421px;
}

.ds-sektion2 .container {
height: 675px;
}


.primary-navigation.aboutus {
  min-height: 1747px;
}


.ds-sektion2 .text-h3-box {
  transform: translate(235px, -365px);
}

.ds-sektion2 .container .image img {
  left: 29rem;
}

.ds-sektion2 .container {
  height: 799px;
}
.ds-sektion2 .container .text-box {


  transform: translate(-315px, -375px);

}
}



@media (max-width: 1200px) {



  .primary-navigation.aboutus {
    min-height: 1379px;
  }

.ds-sektion .container .image img {
    height: 300px;
    width: 200px;
}



.ds-sektion .container .text-box {
  font-size: 0.9rem;
  padding: 2rem;
  transform: translate(-153px, -272px);
}

.ds-sektion .container .text-box {

  width: 398px;
}


.ds-sektion2 .container .text-box {
  font-size: 0.9rem;
  width: 398px;
  transform: translate(-315px, -286px);
}



.ds-sektion .text-h3-box {
  font-size: 3rem;
  transform: translate(264px, -269px);
}

.ds-sektion .container {
  height: 500px;
}

.ds-aboutus-container {
  width: 709px;
}

.ds-sektion2 .container .image img {
  height: 300px;
  width: 200px;
}


.ds-sektion2 .container .text-box {
  padding: 2rem;
}
.ds-sektion2 .container .image img {
  left: 27rem;
  
}

.ds-sektion2 .text-h3-box {
  font-size: 3rem;
  padding-block-end: 1rem;
  transform: translate(194px, -282px);
}
.ds-sektion2 .container {
  padding-block-end: 4rem;
}
}

@media (max-width: 1020px) {


  .primary-navigation.aboutus {
    min-height: 1871px;
  }

  .ds-aboutus-container {
    display: none;
  }

  .aboutusbody {
    overflow-y: auto;
}

  .ds-aboutus-container-mobile {
    position: absolute;
    display: block;
    left: calc(50% + 20rem); 
    transform: translateX(calc(-50% - 10rem));
    width: 390px;
  }
  
.ds-aboutus-container-mobile .image img {
  padding-block: 1rem;
  border-radius: 64px;
  height: 300px;
  width: 200px;
  object-fit: cover;
}

.ds-aboutus-container-mobile h3 {
  color: white;
  text-align: center;
  font-size: 3rem;
  padding-block-start: 1rem;
  padding-block-end: 2rem;
}


.ds-aboutus-container-mobile p {
  color: white;
  padding-block-end: 2rem;
  text-align: center;
}

.ds-aboutus-container-mobile .image {
  display: flex;
  justify-content: center;
  
}


}


@media (max-width: 785px) {

  .primary-navigation.aboutus {
    min-height: 1px;
}

.ds-aboutus-container-mobile {
  padding-block-start: 8rem;
  left: 50%; 
transform: translateX(-50%);
}


}

@media (max-width: 430px) {

.ds-aboutus-container-mobile {
  width: 310px;
}


}

.input:focus {
  border-color: #3c6c88;
}


.textinput:focus {
  border-color: #3c6c88;
}




.flagg_button {
  cursor: pointer;
  width: 30px;
  filter: brightness(0.8);
}

.flagg_button:hover {
  filter: brightness(1);
}

.insta_icon:hover {
  filter: brightness(1.9);
}


/* Lightbox */
[id^="lightbox-"] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  opacity: 0;
  transition: opacity 450ms ease-in-out;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

[id^="lightbox-"]:target {
  opacity: 1;
  z-index: 99999;
  pointer-events: inherit;
}
[id^="lightbox-"] img {
  max-height: 90vh;
  max-width: 100%;
  margin: 0;
  padding: 0;
  filter: blur(50px);
}
[id^="lightbox-"]:target img {
  filter: blur(0);
}
[id^="lightbox-"] .content {
  max-width: 90%;
  position: relative;
  color: #fff;
}
[id^="lightbox-"] .content:hover > a.close {
  opacity: 1;
  transform: scale(1, 1);
}
[id^="lightbox-"] .content:hover > .title {
  opacity: 1;
  transform: translateY(-3px);
}
[id^="lightbox-"] .content > * {
  transition: all 450ms ease-in-out;
}
[id^="lightbox-"] .title {
  display: block;
  margin: 0;
  padding: 1em;
  position: absolute;
  bottom: 0;
  width: 100%;
  transform: translateY(50%);
  font-size: 1.5em;
  opacity: 0;
}
[id^="lightbox-"] .title::after {
  content: ' ';
  background-color: rgba(0, 0, 0, 0.4);
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  transition: all 350ms ease-in-out 250ms;
  opacity: 0;
  transform-origin: bottom;
  mix-blend-mode: soft-light;
}
[id^="lightbox-"] a.close {
  width: 2em;
  height: 2em;
  position: absolute;
  right: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  text-decoration: none;
  color: #fff;
}

@media (max-width: 1300px) {
  .dataPrivacy-wrapper {
    text-align: center;
  }
}

@media (max-width: 785px) {


  [id^="lightbox-"] .content {

    padding-inline-start: 0rem !important;
    padding-inline-end: 0rem !important;

  }

  [id^="lightbox-"] a.close {
    margin-inline-end: 0rem !important; 
  }

}




@media screen and (max-width: 430px) {


  .primary-navigation-list {
    width: 17rem;
  }




  .ds-aboutus-container-mobile h3
  {
    font-size: 2rem;
  }
  
  .ds-home-information-text {
    font-size: 1rem;
    letter-spacing: 0.2rem;
    padding-block: 1rem;
    padding-inline: 1rem;
    margin-block-start: 2rem;
    border-radius: 0.5rem;
  }
  
  .ds-home-information-text p
  {
    font-size: 1rem;
  }
  
  
  .ds-home-information-buttons {
    padding-block-start: 1rem;
    gap: 2.5rem;
  }
  
  
  .ds-home-information-buttons a { 
    padding-inline: 1.3rem;
    padding-block: 0.7rem;
    font-size: 0.8rem;
    border-radius: 0.2rem;
    white-space: nowrap;
  }
  


  .contact_us_green .responsive-container-block.big-container {
    padding-right: 28px;
    padding-left: 28px;
}

.contact_us_green .responsive-container-block.container {

  margin-top: 24px;
}
}




.primary-navigation-list {
  padding-block-start: 2rem;
  min-height: 25rem;
}

.loading-wave {
  width: 300px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.loading-bar {
  width: 20px;
  height: 10px;
  margin: 0 5px;
  background-color: var(--text-color); 
  border-radius: 5px;
  animation: loading-wave-animation 1s ease-in-out infinite;
}

.loading-bar:nth-child(2) {
  animation-delay: 0.1s;
}

.loading-bar:nth-child(3) {
  animation-delay: 0.2s;
}

.loading-bar:nth-child(4) {
  animation-delay: 0.3s;
}

@keyframes loading-wave-animation {
  0% {
    height: 10px;
  }

  50% {
    height: 50px;
  }

  100% {
    height: 10px;
  }
}



#message {
  color: red;
  text-align: center;
  padding-block-start: 1rem;
  width: 50%;
}

.sub-links {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: center;
}

.sub-links a{
  font-size: 0.7rem;
  font-weight: 300;
}


@media screen and (max-width: 560px) {



.dataPrivacy-wrapper h1 {
  font-size: 2rem;
}


.dataPrivacy-wrapper h2 {
  font-size: 1.5rem;
}

.dataPrivacy-wrapper h3 {
  font-size: 1rem;
}

.dataPrivacy-wrapper p {
  font-size: 0.6rem;
}

.dataPrivacy-wrapper li {
  font-size: 0.6rem;
  padding-block: 0.5rem;
}
}

body {
  overflow-x: hidden;
  min-height: 100dvh;
  position: static;
}



/* GALLERY START */ 

.ds-gallery-wrapper {
  height: 100dvh; 
  min-height: 45rem;
  margin-inline-start:  20rem;


}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mySwiper2 {
  height: 80%;
  width: 100%;
}

.mySwiper3 .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
  overflow-y: hidden; /* Hide vertical scrollbar */
}

.mySwiper3 .swiper-slide-thumb-active {
  opacity: 1;
}

.mySwiper3 {
  box-sizing: border-box;
  padding-block: 10px !important;
  height: 20% !important;
  min-height: 7rem !important;
}


@media screen and (max-width: 785px) {
  .ds-gallery-wrapper {
    margin-block-start: 6rem;
    margin-inline-start: 0;
    align-items: normal;
    min-height: 432px;
    height: calc(100dvh - 6rem);
    overflow: hidden;

  }
}



/* GALLERY END */