body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
html {
  overflow-x: hidden;
  height: 100%;
  scroll-behavior: smooth;
}

body {
  font-family: motiva-sans, Segoe UI, helvetica, arial;
  font-size: 18px;
  font-weight: 200;
  font-style: normal;
  color: #1d2536;
  background-color: #fff;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  word-break: break-word;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
#openSidenav p,
nav li {
  font-family: "Times New Roman", Times, serif;
}
@media (max-width: 425px) {
  h2 {
    font-size: 30px !important;
  }
}
#wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.centeredElement {
  width: auto;
  /* margin: 200px 140px; */
  margin: 0px 140px;
}
.mod_article {
  margin-bottom: 150px;
}
.centeredElement p {
  color: #063f16;
}
.centeredElement h2 {
  text-transform: uppercase;
}
@media (max-width: 425px) {
  p {
    font-size: 16px;
  }
}
/* HEADER */
header {
  position: absolute;
  z-index: 150;
  width: 100%;
}
header nav {
  width: 500px;
}
header .socialMediaLogos {
  position: absolute;
  top: 0;
  right: 0;
  width: 90%;
  text-align: end;
  border-bottom: 2px solid #ffffff;
}
header .socialMediaLogos .rte {
  padding-right: 110px;
  display: flex;
  justify-content: flex-end;
}
header .socialMediaLogos .rte img {
  padding: 0 20px;
}
#mySidenav:before {
  content: "";
  position: fixed;
  width: 60px;
  height: 100%;
  left: 0;
  border-right: 2px solid white;
  z-index: 1;
}
#mySidenav {
  background-image: linear-gradient(transparent, #d6be99, #d6be99, #d6be99);
  position: fixed;
  z-index: 300;
  border-right: 2px solid white;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-left: -570px;
}
#mySidenav ul li {
  list-style: none;
  text-transform: uppercase;
}
#mySidenav a {
  text-decoration: none;
  color: #fff;
}
#openSidenav {
  cursor: pointer;
  position: fixed;
  height: 95vh;
  width: 60px;
  font-size: 30px;
  color: white;
  margin-top: 5vh;
  z-index: 500;
  display: flex;
  transition: all 0.5s linear;
  align-items: center;
  flex-direction: column-reverse;
}

#openSidenav figure {
  padding-bottom: 50px;
}
#openSidenav figure img {
  margin-left: 10px;
  transition: ease 0.6s;
}
#openSidenav p {
  margin: 0;
  margin-left: 10px;
  padding-top: 10px;
  font-weight: bold;
  writing-mode: vertical-lr;
  transform: scale(-1, -1);
}
#mySidenav ul strong {
  color: #063f16;
  font-size: 30px;
}
#mySidenav a span {
  color: white;
  font-size: 30px;
}

.sidenav {
  height: 100%;
  width: 630px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.5s;
  margin-top: 5vh;
}
nav ul {
  margin-left: 27%;
  padding-bottom: 27px;
}
.sidenav li {
  padding: 27px 0;
  text-decoration: none;
  font-size: 25px;
  display: block;
  transition: 0.3s;
  font-weight: bold;
}

.sidenav a:hover {
  color: black;
}
.flipImg {
  transform: scaleX(-1);
}
.flipImgBack {
  transform: scaleX(1);
}

@media (max-width: 768px) {
  #mySidenav:before {
    display: none;
  }
  #openSidenav {
    margin-top: 0;
    flex-direction: row-reverse;
    height: 45px;
    width: 120px;
    writing-mode: unset;
    transform: none;
    position: fixed;
    align-items: center;
  }
  #openSidenav figure {
    padding-top: 10px;
    padding-bottom: 0;
  }
  #openSidenav p {
    writing-mode: initial;
    transform: none;
  }

  #mySidenav {
    margin-left: -633px;
    background-image: linear-gradient(#d6be99, #d6be99, #d6be99, transparent);
  }
  .sidenav {
    width: 70%;
    height: 100%;
    margin-top: 47px;
  }
  nav ul {
    margin-left: 10%;
    margin-top: 50px;
  }
  header .socialMediaLogos .rte {
    padding-right: 30px;
  }
  header .socialMediaLogos .rte img {
    padding: 0 10px;
    width: 30px;
  }

  header .socialMediaLogos {
    background-image: linear-gradient(
      #d6be99,
      #d6be99,
      #d6be99,
      #d6be99d0,
      #d6be99d0
    );
    width: 100%;
    position: fixed;
    background-color: #d6be99;
  }
  header .socialMediaLogos {
    height: 45px;
  }
  header .socialMediaLogos p {
    margin: 7px 0 0 0;
  }
  #openSidenav p {
    font-size: 24px;
    padding-top: 0;
  }
}
@media (max-width: 425px) {
  .sidenav {
    width: 99.3%;
  }
}
/* HOME PAGE */
.bigImg .downArrow {
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 1.5rem;
  filter: brightness(2);
}

.bigImg {
  position: relative;
}
.bigImg .content-image:not(.downArrow) img{
  height: 100vh;
  object-fit: cover;
  width: 100vw;
}
#article-1.bigImg .content-image:not(.downArrow) img{
  object-position: right;
}
#article-19.bigImg .content-image:not(.downArrow) img {
  object-position: 85%;
}
.bigImg > .textOverBigImage {
  position: absolute;
  top: 20%;
  left: 8%;
  color: white;
  width: 42%;
}
.bigImg > .textOverBigImage figure {
  margin-left: 5%;
}
.bigImg > .textOverBigImage h2 {
  font-size: 60px;
  text-transform: uppercase;
}
.bigImg > .textOverBigImage p {
  width: 80%;
}
.bigImg .first img {
  min-height: 784px;
  object-fit: cover;
}
#firstSectionHomePage .wrapperMain {
  display: flex;
}
.centeredElement .downArrow {
  text-align: center;
  margin-top: 150px;
}

.textWithBorderLeft {
  padding-left: 140px;
  border-left: 2px solid #d6be99;
  width: 51%;
  padding-bottom: 10px;
}

.textWithBorderLeft p {
  width: 85%;
}
.textWithBorderLeft p:last-child {
  margin-top: 80px;
}
.textWithBorderLeft a {
  background-color: #063f16;
  padding: 20px 50px;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  text-transform: uppercase;
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
}
.textWithBorderLeft h2 {
  color: #063f16;
  font-size: 40px;
  border-bottom: 2px solid #d6be99;
  width: 85%;
  text-transform: uppercase;
}
.textWithBorderLeftWrapper {
  padding-left: 140px;
  border-left: 2px solid #d6be99;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 50px;
}
.textWithBorderLeftWrapper .content-text {
  display: flex;
  flex-direction: column;
}
.textWithBorderLeftWrapper .rte {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}

.textWithBorderLeftWrapper > div p:last-child {
  margin-top: auto;
  margin-bottom: 80px;
}
#article-17 .textWithBorderLeftWrapper .content-text .rte p:nth-child(2) {
  margin-top: auto;
  margin-bottom: 80px;
  padding-top: 50px;
  align-self: flex-end;
}

.textWithBorderLeftWrapper a {
  background-color: #063f16;
  padding: 20px 50px;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  text-transform: uppercase;
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
}
.textWithBorderLeftWrapper h2 {
  color: #063f16;
  font-size: 40px;
  border-bottom: 2px solid #d6be99;
  height: 120px;
}
#article-17 .textWithBorderLeftWrapper h2 {
  height: 180px;
  margin-bottom: 30px;
}
#article-17 .textWithBorderLeftWrapper .content-text p {
  height: 65px;
  align-self: center;
}
.textWithBorderLeftWrapper .content-text p:last-child {
  align-self: flex-end;
}
.textWithBorderLeftWrapper figure {
  align-self: flex-end;
  margin-top: auto;
}
.textWithBorderLeftWrapper img {
  aspect-ratio: 1;
  object-fit: cover;
}
.lastSectionHP {
  display: flex;
  /* padding: 0 10% 0 10%; */
  padding: 0 140px 0 282px;

  background-color: #d6be99;
  margin-bottom: 100px;
}
.lastSectionHP .textRightSide {
  width: 40%;
  margin-left: 50px;
}
.lastSectionHP .textRightSide p {
  color: white;
}
.lastSectionHP .textRightSide a {
  background-color: #063f16;
  padding: 20px 50px;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  text-transform: uppercase;
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
}
.lastSectionHP .textRightSide h2 {
  color: white;
  font-size: 40px;
  border-bottom: 2px solid #d6be99;
  text-transform: uppercase;
}
.lastSectionHP .textRightSide p:last-child {
  margin: 80px 0;
}
.lastSectionHP .imgLastSectionHP {
  width: 55%;
}
.lastSectionHP .imgLastSectionHP img {
  width: 40%;
  position: absolute;
  margin-top: 70px;
}
.referenz_holzpassiv {
  max-width: 50vw;
  aspect-ratio: 2 / 1;
  margin-left: 50px;
}
.referenz_holzpassiv img {
  aspect-ratio: 2 / 1;
  object-fit: cover;
  object-position: top;
}
@media (max-width: 1755px) {
  .bigImg > .textOverBigImage {
    top: 12%;
  }
  .bigImg > .textOverBigImage h2 {
    margin-top: 0;
  }
}
@media (max-width: 1440px) {
  .lastSectionHP {
    padding: 0 10%;
  }
  #firstSectionHomePage .wrapperMain {
    display: block;
  }
  #firstSectionHomePage .textWithBorderLeft {
    width: 100%;
  }
  #firstSectionHomePage .content-image {
    text-align: center;
    margin-top: 50px;
  }
  .lastSectionHP {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    margin-bottom: 0px;
    padding-bottom: 50px;
  }
  .lastSectionHP .imgLastSectionHP,
  .lastSectionHP .textRightSide {
    width: 100%;
  }
  .lastSectionHP .imgLastSectionHP img {
    position: relative;
    width: 100%;
    margin-top: 0;
  }
  .lastSectionHP .textRightSide {
    margin-left: 0;
  }
  .centeredElement {
    width: 80%;
    margin: 100px 10%;
  }
  .textWithBorderLeft {
    padding-left: 50px;
  }
  .textWithBorderLeftWrapper {
    display: block;
    padding-left: 50px;
  }
  .textWithBorderLeftWrapper .rte {
    width: 100%;
    display: block;
    max-width: 100%;
    padding-bottom: 20px;
    border-bottom: 2px solid #d6be9961;
  }
  .textWithBorderLeftWrapper > div p:last-child {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .bigImg > .textOverBigImage h2 {
    font-size: 50px;
  }
  .textWithBorderLeftWrapper h2 {
    height: auto;
    padding-bottom: 30px;
  }
  #article-17 .textWithBorderLeftWrapper h2 {
    height: auto;
    padding-bottom: 30px;
  }
  .textWithBorderLeftWrapper img {
    aspect-ratio: 2 / 1;
    width: 100%;
  }
  #article-17 .textWithBorderLeftWrapper .content-text .rte p:nth-child(2) {
    margin-bottom: 30px;
  }
  .referenz_holzpassiv {
    max-width:none;
  }
}
@media (max-width: 1024px) {
  .bigImg .first img {
    min-height: 884px;
    object-fit: cover;
    object-position: 20%;
  }
  .bigImg > .textOverBigImage {
    left: 12%;
    width: 45%;
  }
  .bigImg > .textOverBigImage p {
    width: 90%;
  }
}
@media (max-width: 768px) {
  .bigImg > .textOverBigImage,
  .bigImg > .textOverBigImage p {
    width: 400px;
  }
  .bigImg > .textOverBigImage {
    left: 5%;
  }
}
@media (max-width: 425px) {
  .bigImg .first img {
    min-height: 750px;
    object-position: 40%;
  }
  .centeredElement {
    width: 85%;
    margin: 100px auto 100px 7.5%;
  }
  .textWithBorderLeft,
  .textWithBorderLeftWrapper {
    padding-left: 30px;
  }
  .textWithBorderLeft a,
  .textWithBorderLeftWrapper a,
  .lastSectionHP .textRightSide a {
    padding: 15px;
  }
  .bigImg > .textOverBigImage {
    width: 80%;
  }
  .bigImg > .textOverBigImage h2 {
    margin-top: 25px;
    font-size: 40px;
  }
  .bigImg > .textOverBigImage p {
    font-size: 16px;
  }
  .bigImg > .textOverBigImage p {
    width: 100%;
  }
}
@media (max-width: 320px) {
  .bigImg > .textOverBigImage h2 {
    font-size: 34px;
  }
}
#leistungen p {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.content-image.leisImg {
  max-width: 1000px;
  width: 100%;
}
.content-image.leisImg img {
  width: 100%;
}
/* PASSIVHAEUSER */
.nieSec strong {
  font-weight: 600;
}
.borderLeft {
  padding-left: 140px;
  border-left: 2px solid #d6be99;
}
.borderLeft .textAndBigImg {
  display: flex;
}
.borderLeft .textAndBigImg .leftText {
  width: 40%;
}
.borderLeft p {
  width: 85%;
}
.borderLeft p:last-child {
  margin-top: 80px;
}
.borderLeft a {
  background-color: #063f16;
  padding: 20px 50px;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  text-transform: uppercase;
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
}
.borderLeft h2 {
  color: #063f16;
  font-size: 40px;
  border-bottom: 2px solid #d6be99;
  width: 85%;
  border-bottom: none;
}
.borderLeft figure a {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}
.threeSmallImg {
  display: flex;
  justify-content: flex-start;
  color: #063f16;
  margin-top: 50px;
}
.threeSmallImg h2 {
  font-size: 18px;
}
.threeSmallImg p {
  font-family: "Segoe UI", sans-serif !important;
}
.textAndBigImg h2 {
  border-bottom: 2px solid #d6be99;
}
.threeSmallImg > div {
  width: 32%;
}
.threeSmallImg h2 {
  margin-bottom: 0;
}
.threeSmallImg p {
  margin: 0;
  margin-top: 0 !important;
  margin-bottom: 10px;
}
.threeSmallImg figure {
  border-top: 2px solid #d6be99;
  padding-top: 20px;
  margin: 10px;
}
.threeSmallImg figure img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}
.textAndBigImg .content-image {
  position: relative;
}
.textAndBigImg .content-image h2 {
  position: absolute;
  color: white;
  background-color: #063f16;
  border: none;
  font-size: 18px;
  max-width: 43%;
  text-transform: uppercase;
  padding: 10px 25px;
  transform: rotate(-6deg);
  top: 40px;
  left: 40px;
}

@media (max-width: 1440px) {
  .borderLeft .textAndBigImg {
    display: block;
  }
  .borderLeft .textAndBigImg .leftText {
    width: 100%;
  }
  .threeSmallImg {
    display: block;
  }
  .threeSmallImg > div {
    width: 90%;
  }
  .threeSmallImg > div figure {
    text-align: center;
  }
  .threeSmallImg > div figure img {
    width: 50%;
  }
}
@media (max-width: 1024px) {
  .borderLeft {
    padding-left: 5%;
  }
  .threeSmallImg > div figure img {
    width: 90%;
  }
}
@media (max-width: 768px) {
  .textAndBigImg .content-image h2 {
    font-size: 12px;
    top: 20px;
    left: 20px;
  }
}
@media (max-width: 425px) {
  .textAndBigImg .content-image h2 {
    font-size: 10px;
    font-size: 16px !important;
    top: 5px;
    left: 8px;
    position: static;
    transform: rotate(0deg);
    max-width: 100%;
  }
  .greenTextAndImage{
    width: 90%;
  }
}

.textWithBorderLeftWrapper.referenzenPage img {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.textWithBorderLeftWrapper.referenzenPage .content-text p:nth-child(3) {
  margin-top: 80px;
  margin-bottom: 80px;
}

/* Holzhäuser & Passivhäuser */
#listSection .threeSmallImg {
  flex-wrap: wrap;
  align-items: end;
}
#buttonBack {
  text-align: center;
  padding-bottom: 10px;
}
#buttonBack p {
  width: 100% !important;
}
#listSection .threeSmallImg h2,
#listSection .threeSmallImg p {
  font-family: "Times New Roman", Times, serif;
  font-size: 18px !important;
}
#listSection .threeSmallImg h2 {
  text-transform: uppercase;
}
@media (max-width: 1500px) {
  #listSection {
    padding-left: 50px;
  }
  #listSection .threeSmallImg > div {
    width: 45% !important;
  }
}
@media (max-width: 1440px) {
  #listSection .threeSmallImg {
    display: flex;
  }
  #listSection .threeSmallImg > div figure img {
    width: 100%;
  }
}
@media (max-width: 1212px) {
  #listSection h2 {
    font-size: 30px;
  }
}
@media (max-width: 1135px) {
  #listSection .threeSmallImg p {
    font-size: 14px !important;
  }
}
@media (max-width: 895px) {
  #listSection .threeSmallImg > div {
    width: 95% !important;
  }
}
@media (max-width: 425px) {
  #listSection {
    padding-left: 20px;
  }
  #listSection .threeSmallImg > div {
    margin-bottom: 50px;
  }
}

/* KONTAKT */
#kontaktInfos .downArrow {
  text-align: center;
  margin-top: 150px;
}
#kontaktInfos .wrapperMain {
  display: flex;
}
#kontaktInfos .infoSection {
  width: 45%;
}
#kontaktInfos .infoSection strong {
  font-family: "Times New Roman", Times, serif;
}
#kontaktInfos .schedule strong {
  font-weight: 600;
}
#kontaktInfos iframe {
  width: 65%;
  height: 600px;
  border: none !important;
}
#kontaktInfos h2 {
  text-transform: uppercase;
  border-bottom: 2px solid #d6be99;
}
#kontaktInfos p:last-child {
  margin: 0;
}

#greenLogoSectionKP {
  min-height: 500px;
  align-items: center;
  padding: 0 140px !important;
}
#greenLogoSectionKP .imgLastSectionHP {
  width: 40%;
  padding-left: 10%;
}
#greenLogoSectionKP .textRightSide {
  width: 60%;
  margin-left: 10%;
}
#greenLogoSectionKP figure {
  width: 100%;
  height: 100%;
  max-width: 485px;
  max-height: 485px;
  background-color: #063f16;
  position: absolute;
  margin-top: -170px;
}
#greenLogoSectionKP figure img {
  width: 100%;
  height: 100%;
  max-width: 385px;
  max-height: 385px;
  padding: 50px;
  margin-top: 0;
}
#kontaktInfos a {
  color: black;
  background-color: white;
  padding: 0;
  text-decoration: none;
  border-radius: 0;
  text-transform: none;
  font-family: "Segoe UI", Arial, sans-serif;
  font-weight: normal;
}
#kontaktInfos .wrapperMain {
  display: flex;
}
@media (max-width: 1440px) {
  #greenLogoSectionKP {
    display: block;
    text-align: center;
  }
  #greenLogoSectionKP .imgLastSectionHP {
    width: 100%;
    padding-left: 0;
  }
  #greenLogoSectionKP figure {
    margin: 50px auto 0 auto;
    position: relative;
  }
  #greenLogoSectionKP .textRightSide {
    width: 100%;
    margin-left: 0;
  }
  #greenLogoSectionKP .textRightSide h2 {
    width: 100%;
  }
}
@media (max-width: 1120px) {
  #kontaktInfos .wrapperMain {
    display: block;
  }
  #kontaktInfos .infoSection {
    width: 100%;
    display: flex;
  }
  #kontaktInfos .infoSection > div {
    width: 50%;
  }
  #kontaktInfos iframe {
    width: 95%;
    margin-top: 50px;
  }
}
@media (max-width: 790px) {
  #kontaktInfos .infoSection {
    display: block;
  }
  #kontaktInfos .infoSection > div {
    width: 95%;
  }
  #kontaktInfos h2 {
    font-size: 30px;
  }
  #kontaktInfos iframe {
    height: 400px;
  }
}
@media (max-width: 768px) {
  #greenLogoSectionKP figure {
    width: 90%;
  }
  #greenLogoSectionKP figure img {
    width: 80%;
    height: 80%;
    padding: 10%;
  }
  #greenLogoSectionKP .textRightSide h2 {
    font-size: 24px;
    margin-top: 80px;
  }
}
@media (max-width: 375px) {
  .centeredElement {
    width: 85%;
    margin: 100px auto 100px 5%;
  }
}
/* FOOTER */
.navColFooter {
  text-transform: uppercase;
}
.navColFooter a strong {
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
}
footer {
  height: 260px;
  background-color: #d6be99;
  margin-top: 50px;
}
footer .firstCol strong {
  font-family: "Times New Roman", Times, serif;
  text-transform: uppercase;
}
footer > .inside {
  height: 240px;
  background-color: #063f16;
  margin-bottom: 20px;
  display: flex;
  padding: 0 10%;
  color: white;
  font-size: 12px;
  align-items: center;
  justify-content: space-between;
}
footer .socialMediaFooter img {
  margin: 0 15px;
}
footer a {
  color: white;
  text-decoration: none;
}
@media (max-width: 1440px) {
  footer {
    margin-top: 0;
  }
}
@media (max-width: 1024px) {
  footer {
    height: auto;
  }

  footer > .inside {
    height: auto;
    flex-wrap: wrap;
    flex-direction: row;
    font-size: 14px;
    padding-top: 20px;
  }
  footer > .inside > div {
    text-align: center;
    width: 100%;
  }
  footer > .inside > div.content-image,
  footer > .inside > div.socialMediaFooter {
    text-align: center;
  }
}
@media (max-width: 425px){
  footer > .inside > div {
    text-align: justify;

  }
}
#jumpToTopButton {
  bottom: 50px;
  right: 50px;
  padding: 15px;
  position: fixed;
  cursor: pointer;
  z-index: 999;
  width: auto !important;
  background-color: rgb(6, 63, 22);
  border-radius: 10px;
  border: 2px solid #d6be99;
  display: none;
}
@media (max-width: 555px) {
  #jumpToTopButton {
    bottom: 50px;
    right: 30px;
    padding: 10px;
  }
}
.errorPage {
  margin-top: 150px;
}

.cookie_settings {
  color: #575756;
  width: 55%;
  height: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#map-cookie {
  cursor: pointer;
  text-align: center;
}
.mapLeaflet {
  height: 600px;
  width: 55%;
  display: none;
}

/*++++++++++++
Map 
++++++++++++*/
#map{
  height: 100vh;
}
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}
.leaflet-layer {
  filter: grayscale(0);
}
.leaflet-container {
  overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
  background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container.leaflet-touch-zoom {
  -ms-touch-action: pan-x pan-y;
  touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
  -ms-touch-action: pinch-zoom;
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  -ms-touch-action: none;
  touch-action: none;
}
.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
  -webkit-tap-highlight-color: rgb(87 87 86 / 50%);
}
.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}
.leaflet-tile-loaded {
  visibility: inherit;
}
.leaflet-zoom-box {
  width: 0;
  height: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}
.leaflet-overlay-pane {
  z-index: 400;
}
.leaflet-shadow-pane {
  z-index: 500;
}
.leaflet-marker-pane {
  z-index: 600;
}
.leaflet-tooltip-pane {
  z-index: 650;
}
.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}
.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}
.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}
/* control positioning */

.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}
.leaflet-top {
  top: 0;
}
.leaflet-right {
  right: 0;
}
.leaflet-bottom {
  bottom: 98px;
}
.leaflet-left {
  left: 0;
}
.leaflet-control {
  float: left;
  clear: both;
}
.leaflet-right .leaflet-control {
  float: right;
}
.leaflet-top .leaflet-control {
  margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
  margin-left: 10px;
}
.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
  will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
  opacity: 1;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}
.leaflet-zoom-animated {
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */

.leaflet-interactive {
  cursor: pointer;
}
.leaflet-grab {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */

.leaflet-container {
  background: #ddd;
  outline: 0;
}
.leaflet-container a {
  color: #0078a8;
}
.leaflet-container a.leaflet-active {
  outline: 2px solid orange;
}
.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font: 12px/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

/* general toolbar styles */

.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}
.leaflet-bar a:hover {
  background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px 'Lucida Console', Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

/* layers control */

.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}
.leaflet-control-layers-toggle {
  background-image: url(../../files/layout/style/images/layers.png);
  width: 36px;
  height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(../../files/layout/style/images/layers-2x.png);
  background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}
.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}
.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}
.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}
.leaflet-control-layers label {
  display: block;
}
.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path {
  background-image: url(../../files/layout/style/images/marker-icon.png);
}

/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
}
.leaflet-control-attribution a {
  text-decoration: none;
}
.leaflet-control-attribution a:hover {
  text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}
.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  background: #fff;
  background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */

.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 10px;
}
.leaflet-popup-content {
  margin: 13px 19px;
  line-height: 1.4;
  width: 80px !important;
}
.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}
.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;

  margin: -10px auto 0;

  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: rgb(6 63 22 / 80%);
  box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.leaflet-popup-scrolled {
  overflow: auto;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;

  -ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)';
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
  margin-top: -1px;
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */

.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.leaflet-tooltip.leaflet-clickable {
  cursor: pointer;
  pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: '';
}

/* Directions */

.leaflet-tooltip-bottom {
  margin-top: 6px;
}
.leaflet-tooltip-top {
  margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}
.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}
.leaflet-tooltip-left {
  margin-left: -6px;
}
.leaflet-tooltip-right {
  margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}
.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}
.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}
.header-main.is-visible{
  visibility: visible;
  opacity: 1;
  position: fixed;
  top: 0;
}
.mapLeaflet .cms-block-container{
  padding: 0px !important;
}

.klaro .cookie-modal,
.klaro .cookie-notice 
{font-size:14px}

.klaro .cookie-modal .switch,
.klaro .cookie-notice .switch
{position:relative;display:inline-block;width:50px;height:30px}

.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider
{background-color:#00aa3e}

.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider
{opacity:0.6;background-color:#00aa3e}

.klaro .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider::before
{-ms-transform:translateX(10px);transform:translateX(10px)}

.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider
{opacity:0.8;background-color:#006a4e}

.klaro .cookie-modal .cm-list-input.only-required+.cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input.only-required+.cm-list-label .slider::before
{-ms-transform:translateX(10px);transform:translateX(10px)}

.klaro .cookie-modal .cm-list-input.required:checked+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input.required:checked+.cm-list-label .slider
{opacity:0.8;background-color:#006a4e;cursor:not-allowed}

.klaro .cookie-modal .slider,
.klaro .cookie-notice .slider
{box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19)}

.klaro .cookie-modal .cm-list-input,
.klaro .cookie-notice .cm-list-input
{position:absolute;top:0;left:0;opacity:0;width:50px;height:30px}

.klaro .cookie-modal .cm-list-label .slider,
.klaro .cookie-notice .cm-list-label .slider
{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:0.4s;width:50px;display:inline-block}

.klaro .cookie-modal .cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-label .slider::before
{position:absolute;content:'';height:20px;width:20px;left:5px;bottom:2px;background-color:#fff;transition:0.4s}

.klaro .cookie-modal .cm-list-label .slider.round,
.klaro .cookie-notice .cm-list-label .slider.round
{border-radius:30px}

.klaro .cookie-modal .cm-list-label .slider.round::before,
.klaro .cookie-notice .cm-list-label .slider.round::before
{border-radius:50%}

.klaro .cookie-modal .cm-list-label input:focus+.slider,
.klaro .cookie-notice .cm-list-label input:focus+.slider
{box-shadow:0 0 1px #01440c}

.klaro .cookie-modal .cm-list-label input:checked+.slider::before,
.klaro .cookie-notice .cm-list-label input:checked+.slider::before
{-ms-transform:translateX(20px) translateY(0px);transform:translateX(20px) translateY(0px)}

.klaro .cookie-modal .cm-list-input:focus+.cm-list-label .slider,
.klaro .cookie-notice .cm-list-input:focus+.cm-list-label .slider
{box-shadow:Inset 0 4px 6px 0 rgba(0,0,0,0.2),Inset 5px 5px 10px 0 rgba(0,0,0,0.19)}

.klaro .cookie-modal .cm-list-input:checked+.cm-list-label .slider::before,
.klaro .cookie-notice .cm-list-input:checked+.cm-list-label .slider::before
{-ms-transform:translateX(20px) translateY(0px);transform:translateX(20px) translateY(0px)}

.klaro .cookie-modal .slider,
.klaro .cookie-notice .slider
{box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19)}

.klaro .cookie-modal a,
.klaro .cookie-notice a
{color:#00aa3e;text-decoration:none}

.klaro .cookie-modal p,
.klaro .cookie-modal strong,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .cookie-notice p,
.klaro .cookie-notice strong,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li
{color:#eee}

.klaro .cookie-modal p,
.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal ul,
.klaro .cookie-modal li,
.klaro .cookie-notice p,
.klaro .cookie-notice h1,
.klaro .cookie-notice h2,
.klaro .cookie-notice ul,
.klaro .cookie-notice li
{display:block;text-align:left;margin:0;padding:0;margin-top:0.7em}

.klaro .cookie-modal .cm-link,
.klaro .cookie-notice .cm-link
{margin-right:0.5em;vertical-align:middle}

.klaro .cookie-modal .cm-btn,
.klaro .cookie-notice .cm-btn
{background:#555;color:#eee;border-radius:6px;padding:6px 10px;margin-right:.5em;border:0;padding:0.4em;font-size:1em}

.klaro .cookie-modal .cm-btn:disabled,
.klaro .cookie-notice .cm-btn:disabled
{opacity:0.5}

.klaro .cookie-modal .cm-btn.cm-btn-close,
.klaro .cookie-notice .cm-btn.cm-btn-close
{background:#eee;color:#000}

.klaro .cookie-modal .cm-btn.cm-btn-success,
.klaro .cookie-notice .cm-btn.cm-btn-success
{background:#00aa3e}

.klaro .cookie-modal .cm-btn.cm-btn-info,
.klaro .cookie-notice .cm-btn.cm-btn-info
{background:#0885ba}

.klaro .cookie-modal
{width:100%;height:100%;position:fixed;overflow:hidden;left:0;top:0;z-index:9999999}

.klaro .cookie-modal.cm-embedded
{position:relative;height:inherit;width:inherit;left:inherit;right:inherit;z-index:0}

.klaro .cookie-modal.cm-embedded .cm-modal.cm-klaro
{position:relative;-ms-transform:none;transform:none}

.klaro .cookie-modal .cm-bg
{background:rgba(0,0,0,0.5);height:100%;width:100%;position:fixed;top:0;left:0}

.klaro .cookie-modal .cm-modal.cm-klaro
{z-index:1001;box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19);
    width:100%;max-height:98%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);
    position:fixed;overflow:auto;background:#333;color:#eee}
    
@media (min-width: 660px){
    .klaro .cookie-modal .cm-modal.cm-klaro
    {border-radius:4px;position:relative;margin:0 auto;max-width:640px;height:auto;width:auto}
}
    
.klaro .cookie-modal .cm-modal .hide
{border-style:none;background:none;position:absolute;top:20px;right:20px;z-index:1}

.klaro .cookie-modal .cm-modal .hide svg
{stroke:#eee}

.klaro .cookie-modal .cm-modal .cm-footer
{padding:1em;border-top:1px solid #555}

.klaro .cookie-modal .cm-modal .cm-footer-buttons
{display:flex;flex-flow:row;justify-content:space-between}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by
{font-size:0.8em;padding-top:4px;text-align:center}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a
{color:#999}

.klaro .cookie-modal .cm-modal .cm-header
{padding:1em;padding-right:24px;border-bottom:1px solid #555}

.klaro .cookie-modal .cm-modal .cm-header h1
{margin:0;font-size:2em;display:block}

.klaro .cookie-modal .cm-modal .cm-header h1.title
{padding-right:20px}

.klaro .cookie-modal .cm-modal .cm-body
{padding:1em}

.klaro .cookie-modal .cm-modal .cm-body span
{display:inline-block;width:auto}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes
{padding:0;margin:0}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-caret,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-caret
{color:#888}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content
{margin-left:-40px;display:none}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content.expanded,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content.expanded
{margin-top:10px;display:block}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose
{position:relative;line-height:20px;vertical-align:middle;padding-left:60px;min-height:40px}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app:first-child,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose:first-child
{margin-top:0}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .switch,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app .switch,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .switch
{position:absolute;left:0}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app p,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p
{margin-top:0}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app p.purposes,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose p.purposes
{font-size:0.8em;color:#999}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app.cm-toggle-all,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all
{border-top:1px solid #555;padding-top:1em}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app span.cm-list-title,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title
{font-weight:600}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app span.cm-required,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required
{padding-left:0.2em;font-size:0.8em;color:#999}

.klaro .cookie-notice:not(.cookie-modal-notice)
{background:#333;z-index:999;position:fixed;width:100%;bottom:0;right:0}
  
@media (min-width: 1024px){
    .klaro .cookie-notice:not(.cookie-modal-notice)
    {box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19);border-radius:4px;position:fixed;bottom:20px;right:20px;max-width:360px}
}

@media (max-width: 1023px){
    .klaro .cookie-notice:not(.cookie-modal-notice)
    {border-style:none;border-radius:0}
}

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded
{position:relative;height:inherit;width:inherit;left:inherit;right:inherit;bottom:inherit;z-index:0}

.klaro .cookie-notice:not(.cookie-modal-notice).cn-embedded .cn-body
{padding-top:0.5em}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body
{margin-bottom:0;margin-right:0;bottom:0;padding:1em;padding-top:0}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p
{margin-bottom:0.5em}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body p.cn-changes
{text-decoration:underline}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more
{display:inline-block;flex-grow:1}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons
{display:inline-block;margin-top:-0.5em}

@media (max-width: 384px){
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons
    {width:100%}
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn
{margin-top:0.5em}

@media (max-width: 384px){
    .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn
    {width:calc(50% - .5em)}
}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok
{margin-top:-0.5em;display:flex;flex-flow:row;flex-wrap:wrap;justify-content:right;align-items:center}

.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a,
.klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div
{margin-top:0.5em}

.klaro .cookie-modal-notice
{z-index:1001;box-shadow:0 4px 6px 0 rgba(0,0,0,0.2),5px 5px 10px 0 rgba(0,0,0,0.19);
width:100%;max-height:98%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);
position:fixed;overflow:auto;background:#333;color:#eee;padding:1em;padding-top:0.2em}

@media (min-width: 400px){
    .klaro .cookie-modal-notice
    {border-radius:4px;position:relative;margin:0 auto;max-width:400px;height:auto;width:auto}
}

.klaro .cookie-modal-notice .cn-ok
{display:flex;flex-flow:row;justify-content:space-between;align-items:center;margin-top:1em}

.klaro .cookie-notice-hidden
{display:none !important}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-content
{display:none}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-content.expanded
{display:block}

.cm-toggle-all
{display:none !important;}

.switch, .switch *
{    line-height: 0 !important;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-list-title
{color: #666666;}

#klaro input[type="checkbox"]:not(:checked) + label,
#klaro input[type="checkbox"]:checked + label
{position: relative;padding-left: 0;cursor: pointer;top: auto;left: auto;}

#klaro input[type="checkbox"]:not(:checked) + label::after,
#klaro input[type="checkbox"]:not(:checked) + label::before,
#klaro input[type="checkbox"]:checked + label::before,
#klaro input[type="checkbox"]:not(:checked) + label::after,
#klaro input[type="checkbox"]:checked + label::after,
.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by>a[rel="noopener"]
{display: none;}

.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a
{display: inline-block;margin:0 5px;}

#klaro{display:block;}

.klaro-hr,.klaro-hr *
{height: 2px !important;max-height: 1px !important;background: rgba(0,0,0,0.35);margin: 0 !important;padding: 0 !important;line-height: 0 !important;overflow: hidden;}

.klaro .cookie-modal .cm-modal .cm-header,
.klaro .cookie-modal .cm-modal .cm-footer,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose.cm-toggle-all, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app.cm-toggle-all, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose.cm-toggle-all
{border: 0px;}

.klaro .cookie-modal .cm-modal .cm-header a
{display:inline-block;}

.klaro .cookie-modal .cm-modal .cm-header h1.title
{color: #666666;background: transparent;background-clip: unset;filter: none;-webkit-background-clip: unset;-webkit-text-fill-color: unset;}

.klaro-inner{position: relative;}

iframe[src=""],iframe:not([src])
{display:none;}

.klaro-moreinfo
{cursor:pointer;}

.klaro-moreinfo,
.klaro .cookie-modal p,
.klaro-thead td
{font-size: 14px;}

#klaro table {width: 100%;border-collapse: collapse;margin: 0em 0 0;border-spacing: 0;}

#klaro tbody{width: 100%;display: table;}

.klaro-thead td{font-weight: bold;}

#klaro tbody tr.klaro-thead td {border-top: 0px solid #ccc;border-bottom: 2px solid #ccc;}

#klaro tbody tr td {    text-align: left;	padding: 5px 10px 5px 0;}

.klaro .cookie-modal .slider, 
.klaro .cookie-notice .slider 
{box-shadow: Inset 0 4px 6px 0 rgba(0,0,0,0.2),Inset 5px 5px 10px 0 rgba(0,0,0,0.19);}

.klaro .cookie-modal .switch, 
.klaro .cookie-notice .switch 
{height: 16px;}

.klaro .cookie-modal .cm-list-label .slider.round::before, 
.klaro .cookie-notice .cm-list-label .slider.round::before 
{border-radius: 25%;}

.klaro .cookie-modal .cm-list-label .slider.round, 
.klaro .cookie-notice .cm-list-label .slider.round 
{border-radius: 4px;}

.klaro .cookie-modal .cm-list-label .slider::before, 
.klaro .cookie-notice .cm-list-label .slider::before
{position: absolute;content: "";height: 12px;width: 7px;left: 2px;bottom: 2px;background-color: #fff;transform: translateX(0px) translateY(0px);transition: 0.4s;}

.klaro .cookie-modal .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-label .slider 
{position: absolute;cursor: pointer;top: 0;left: 0px;right: 0;bottom: 0;background-color: #ccc;transition: 0.4s;width: 31px;display: inline-block;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose 
{position: relative;line-height: inherit;vertical-align: middle;padding-left: 50px;min-height: 40px;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app .switch, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .switch, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app .switch, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .switch 
{position: absolute;left: 8px;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content 
{margin-left: -50px;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app
{padding: 0px 0 0px 50px;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-purpose .cm-apps .cm-content.expanded, 
.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-apps .cm-content.expanded 
{margin-top: 10px;display: block;background: rgba(0,0,0,0.05);	padding: 15px 0 15px 40px;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-app:after
{content:"";background: rgba(0,0,0,0.05);	height:1px;	width:100%;	display:table;}

.klaro .cookie-modal .cm-btn.cm-btn-success, 
.klaro .cookie-notice .cm-btn.cm-btn-success,
.klaro .cookie-modal .cm-btn.cm-btn-info, 
.klaro .cookie-notice .cm-btn.cm-btn-info,
.klaro .cookie-modal .cm-btn-config,
.klaro .cookie-modal .cm-btn.cm-btn-decline
{background: #555555;color: #ffffff;}

.klaro .cookie-modal .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-label .slider 
{background-color: #cccccc;}

.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider 
{background-color: #7a5558;}

.klaro .cookie-modal .cm-list-input.half-checked:checked + .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-input.half-checked:checked + .cm-list-label .slider 
{opacity: 0.6;background-color: #063f16;}

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider 
{background-color: #063f16;}

.klaro .cookie-modal .cm-list-input.only-required + .cm-list-label .slider, 
.klaro .cookie-notice .cm-list-input.only-required + .cm-list-label .slider 
{opacity: 0.8; background-color: #063f16;}

.klaro .cookie-modal a, .klaro .cookie-notice a, 
.klaro-moreinfo,.klaro .cookie-modal .cm-modal .cm-footer .cm-powered-by a
{color: #063f16;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose span.cm-required
{color: #063f16;opacity:0.8;}

.klaro .cookie-modal a:hover,
.klaro .cookie-notice a:hover, 
.klaro-moreinfo:hover
{opacity: 0.6;}

.klaro .cookie-modal .cm-btn.cm-btn-success:hover, 
.klaro .cookie-notice .cm-btn.cm-btn-success:hover, 
.klaro .cm-btn.cm-btn-decline:hover, 
.klaro .cm-btn-config:hover
{opacity: 0.6;}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose
{background: rgba(0,0,0,0.05);margin: 5px 0;padding: 10px 0 10px 50px;}

.vd 
{cursor: pointer;position: absolute;bottom: 0%;left: 0%;width: 100%;display: table;background: rgba(255,255,255,0.85);
padding: 5px 10px;color: #585858;clear: both;display: table;z-index: 2;color: #585858;}

.vd p 
{line-height: 14px;font-size: 12px;margin: 0;color: #585858;}

.vd p a:hover
{color: #0365b3;}

.klarogooglemaps img.gmimg
{height: 100%;width: auto;position: absolute;top: 0;left: 0;}

.klaro-play 
{cursor: pointer;position: absolute;top: 50%;left: 50%;	-moz-transform:translateY(-50%) translateX(-50%);
-webkit-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);	
-ms-transform:translateY(-50%) translateX(-50%);  transform: translateY(-50%) translateX(-50%);z-index: 99;}

.klaro-play .stroke-solid 
{stroke-dashoffset: 0;stroke-dashArray: 300;stroke-width: 4px;-webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease;
-moz-transition: stroke-dashoffset 1s ease, opacity 1s ease;-o-transition: stroke-dashoffset 1s ease, opacity 1s ease;
transition: stroke-dashoffset 1s ease, opacity 1s ease;}

#map .klaro-play .stroke-solid 
{transition: all 0.6s ease-in-out 0s;-webkit-transition: all 0.6s ease-in-out 0s;-moz-transition: all 0.6s ease-in-out 0s;-o-transition: all 0.6s ease-in-out 0s;}

.klaro-play .icon 
{-moz-transform:scale(.8);-webkit-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform: scale(.8);transform-origin: 50% 50%;
-webkit-transition: transform 200ms ease-out;-moz-transition: transform 200ms ease-out;-o-transition: transform 200ms ease-out;  transition: transform 200ms ease-out;}

.klaro-play:hover .stroke-solid 
{opacity: 1;stroke-dashoffset: 300;}

.klaro-play:hover .stroke-solid .icon 
{-moz-transform:scale(.9);-webkit-transform:scale(.9);-o-transform:scale(.9);-ms-transform:scale(.9);transform: scale(.9);}

.btn-cookie
{display: block;	position: fixed;bottom: 0px;right: 20px;background: #ffffff;color: #063f16;padding: 5px 10px;	border-radius:5px 5px 0 0 ;
z-index: 9999;cursor: pointer;}

.btn-cookie a
{color: #063f16;}

.klarodesc{	display: block;	overflow: hidden;}

.klarodesc table{overflow-x: auto;display: block;}

.klaro .cookie-modal .cm-modal{background: #ffffff !important;}

.klaro .cookie-modal p, .klaro .cookie-modal strong, 
.klaro .cookie-modal h1, .klaro .cookie-modal h2, 
.klaro .cookie-modal ul, .klaro .cookie-modal li, 
.klaro .cookie-notice p, .klaro .cookie-notice strong, 
.klaro .cookie-notice h1, .klaro .cookie-notice h2, 
.klaro .cookie-notice ul, .klaro .cookie-notice li 
{color: #666666 !important;}

.klaro .cookie-modal .cm-bg 
{background: rgba(255,255,255,0.9) !important;}

#klaro.activeklaro .cm-body {display: block;}

#klaro .cm-btn-info.cm-btn-accept,
#klaro.activeklaro .cm-btn-config
{display: none;}

#klaro.activeklaro .cm-btn-info.cm-btn-accept 
{display: inline-block;}

.klaro .cookie-modal .cm-btn.cm-btn-accept-all,
.klaro .cookie-modal .cm-btn-info.cm-btn-accept,
.klaro .cookie-modal .cm-btn,.klaro .cookie-notice .cm-btn,
.klaro .cookie-modal .cm-btn-config
{width: calc(33.333% - 20px);display: inline-block;padding: 15px 10px;margin: 10px;}

#klaro button.cm-btn-config, 
#klaro button.cm-btn-config:focus, 
#klaro button.cm-btn-config:active 
{border-radius: 6px;border: 0;}

.klaro .cookie-modal .cm-modal .cm-footer-buttons 
{display: table;width: 100%;}

.klaro .cookie-modal .cm-switch, 
.klaro .context-notice .cm-switch, 
.klaro .cookie-notice .cm-switch 
{position: absolute;display: inline-block;width: 50px;height: 16px;left: -40px;top: 2px;}

@media only screen and (max-width : 767px), screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .klaro .cookie-modal .cm-btn.cm-btn-accept-all, 
    .klaro .cookie-modal .cm-btn-info.cm-btn-accept, 
    .klaro .cookie-modal .cm-btn, 
    .klaro .cookie-notice .cm-btn, 
    .klaro .cookie-modal .cm-btn-config 
    {width: calc(33.333% - 20px);display: inline-block;padding: 10px 5px;margin: 0 10px;font-size: 12px;height: 47px;vertical-align: top;}
}