.elementor-154 .elementor-element.elementor-element-74e3c35{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:65px;--padding-bottom:65px;--padding-left:35px;--padding-right:35px;}.elementor-154 .elementor-element.elementor-element-3b7d42f{--display:flex;}.elementor-154 .elementor-element.elementor-element-152bd67{--display:flex;--justify-content:center;--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-154 .elementor-element.elementor-element-544b84c{text-align:center;}.elementor-154 .elementor-element.elementor-element-544b84c .elementor-heading-title{color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-154 .elementor-element.elementor-element-faf2d04{text-align:start;font-family:"Plus Jakarta Sans", Sans-serif;font-size:17px;font-weight:400;color:var( --e-global-color-accent );}.elementor-154 .elementor-element.elementor-element-23eed8d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-154 .elementor-element.elementor-element-23eed8d:not(.elementor-motion-effects-element-type-background), .elementor-154 .elementor-element.elementor-element-23eed8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-154 .elementor-element.elementor-element-58533e8{--display:flex;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-154 .elementor-element.elementor-element-57ef456{text-align:center;}.elementor-154 .elementor-element.elementor-element-57ef456 .elementor-heading-title{color:var( --e-global-color-c6fb69d );}.elementor-154 .elementor-element.elementor-element-f5d61f3{text-align:center;font-family:"Plus Jakarta Sans", Sans-serif;font-size:17px;font-weight:400;color:var( --e-global-color-accent );}.elementor-154 .elementor-element.elementor-element-378689e{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:100px 035px;--row-gap:100px;--column-gap:035px;--grid-auto-flow:row;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-154 .elementor-element.elementor-element-378689e:not(.elementor-motion-effects-element-type-background), .elementor-154 .elementor-element.elementor-element-378689e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c6fb69d );}.elementor-154 .elementor-element.elementor-element-2ffb8ec{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-154 .elementor-element.elementor-element-2ffb8ec.e-con{--align-self:center;}.elementor-154 .elementor-element.elementor-element-61e749d{text-align:start;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-154 .elementor-element.elementor-element-4ae296a{--divider-border-style:solid;--divider-color:var( --e-global-color-736983d );--divider-border-width:2px;}.elementor-154 .elementor-element.elementor-element-4ae296a .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-154 .elementor-element.elementor-element-4ae296a .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-154 .elementor-element.elementor-element-611403e{text-align:start;font-family:"Plus Jakarta Sans", Sans-serif;font-size:17px;font-weight:600;color:var( --e-global-color-primary );}.elementor-154 .elementor-element.elementor-element-585774b.elementor-element{--align-self:flex-start;}.elementor-154 .elementor-element.elementor-element-585774b{font-family:"Plus Jakarta Sans", Sans-serif;font-size:17px;font-weight:600;color:var( --e-global-color-primary );}.elementor-154 .elementor-element.elementor-element-c7e25c3.elementor-element{--align-self:center;}.elementor-154 .elementor-element.elementor-element-759a65b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-154 .elementor-element.elementor-element-759a65b.e-con{--align-self:center;}.elementor-154 .elementor-element.elementor-element-79a58f5{text-align:start;}.elementor-154 .elementor-element.elementor-element-19debfd{--divider-border-style:solid;--divider-color:var( --e-global-color-736983d );--divider-border-width:2px;}.elementor-154 .elementor-element.elementor-element-19debfd .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-154 .elementor-element.elementor-element-19debfd .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-154 .elementor-element.elementor-element-bc8c0c3{text-align:start;font-family:"Plus Jakarta Sans", Sans-serif;font-size:17px;font-weight:600;color:var( --e-global-color-primary );}.elementor-154 .elementor-element.elementor-element-b1cbdc1.elementor-element{--align-self:flex-start;}.elementor-154 .elementor-element.elementor-element-b1cbdc1{font-family:"Plus Jakarta Sans", Sans-serif;font-size:17px;font-weight:600;color:var( --e-global-color-primary );}.elementor-154 .elementor-element.elementor-element-b500edc{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-154 .elementor-element.elementor-element-b500edc.e-con{--align-self:center;}.elementor-154 .elementor-element.elementor-element-27cc5bc{text-align:start;}.elementor-154 .elementor-element.elementor-element-27cc5bc .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:30px;font-weight:bold;}.elementor-154 .elementor-element.elementor-element-4e0ddee{--divider-border-style:solid;--divider-color:var( --e-global-color-736983d );--divider-border-width:2px;}.elementor-154 .elementor-element.elementor-element-4e0ddee .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-154 .elementor-element.elementor-element-4e0ddee .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-154 .elementor-element.elementor-element-42c22db{text-align:start;font-family:"Plus Jakarta Sans", Sans-serif;font-size:17px;font-weight:600;color:var( --e-global-color-primary );}.elementor-154 .elementor-element.elementor-element-a58abf1.elementor-element{--align-self:flex-start;}.elementor-154 .elementor-element.elementor-element-a58abf1{font-family:"Plus Jakarta Sans", Sans-serif;font-size:17px;font-weight:600;color:var( --e-global-color-primary );}.elementor-154 .elementor-element.elementor-element-2f04c69{--display:flex;--gap:35px 35px;--row-gap:35px;--column-gap:35px;--padding-top:65px;--padding-bottom:65px;--padding-left:35px;--padding-right:35px;}.elementor-154 .elementor-element.elementor-element-2f04c69:not(.elementor-motion-effects-element-type-background), .elementor-154 .elementor-element.elementor-element-2f04c69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-154 .elementor-element.elementor-element-01799fd{text-align:center;}.elementor-154 .elementor-element.elementor-element-01799fd .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:30px;font-weight:bold;color:var( --e-global-color-accent );}.elementor-154 .elementor-element.elementor-element-4a850f5{text-align:center;font-family:"Plus Jakarta Sans", Sans-serif;font-size:17px;font-weight:600;}.elementor-154 .elementor-element.elementor-element-f9c4e47{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-154 .elementor-element.elementor-element-f9c4e47.elementor-element{--align-self:center;}.elementor-154 .elementor-element.elementor-element-f9c4e47 .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 95% ) contrast( 110% ) saturate( 140% ) blur( 0px ) hue-rotate( 0deg );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-154 .elementor-element.elementor-element-3aa545c .elementor-button:hover, .elementor-154 .elementor-element.elementor-element-3aa545c .elementor-button:focus{background-color:var( --e-global-color-c6fb69d );color:var( --e-global-color-67a21ad );}.elementor-154 .elementor-element.elementor-element-3aa545c .elementor-button{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-154 .elementor-element.elementor-element-3aa545c .elementor-button:hover svg, .elementor-154 .elementor-element.elementor-element-3aa545c .elementor-button:focus svg{fill:var( --e-global-color-67a21ad );}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-154 .elementor-element.elementor-element-23eed8d{--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-154 .elementor-element.elementor-element-378689e{--grid-auto-flow:row;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-154 .elementor-element.elementor-element-f9c4e47{--container-widget-width:700px;--container-widget-flex-grow:0;width:var( --container-widget-width, 700px );max-width:700px;}.elementor-154 .elementor-element.elementor-element-3aa545c .elementor-button{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-154 .elementor-element.elementor-element-faf2d04{text-align:center;}.elementor-154 .elementor-element.elementor-element-23eed8d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-154 .elementor-element.elementor-element-378689e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-154 .elementor-element.elementor-element-61e749d{text-align:center;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-154 .elementor-element.elementor-element-c7e25c3.elementor-element{--align-self:flex-start;}.elementor-154 .elementor-element.elementor-element-759a65b{--margin-top:-300px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-154 .elementor-element.elementor-element-79a58f5{text-align:center;}.elementor-154 .elementor-element.elementor-element-744cbaf{margin:-200px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-154 .elementor-element.elementor-element-27cc5bc{text-align:center;}.elementor-154 .elementor-element.elementor-element-3aa545c .elementor-button{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-744cbaf */<div class="custom-gallery">
  <img id="main-image" src="bild-1.jpg" alt="Großes Bild">

  <div class="thumbnails">
    <img src="bild-1.jpg" onclick="changeImage(this)" alt="Vorschaubild 1" class="active">
    <img src="bild-2.jpg" onclick="changeImage(this)" alt="Vorschaubild 2">
    <img src="bild-3.jpg" onclick="changeImage(this)" alt="Vorschaubild 3">
    <img src="bild-4.jpg" onclick="changeImage(this)" alt="Vorschaubild 4">
  </div>
</div>

<style>
.custom-gallery {
  width: 100%;
}

#main-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.thumbnails {
  display: flex;
  gap: 12px;
  margin-top: 14px;
  justify-content: center;
  flex-wrap: wrap;
}

.thumbnails img {
  width: 90px;
  height: 70px;
  object-fit: cover;
  display: block;
  border-radius: 8px;
  cursor: pointer;
  opacity: 0.65;
  transition: opacity 0.3s ease, transform 0.3s ease, border 0.3s ease;
  border: 2px solid transparent;
}

.thumbnails img:hover {
  opacity: 1;
  transform: scale(1.05);
}

.thumbnails img.active {
  opacity: 1;
  border: 2px solid #E7D9C7;
}
</style>

<script>
function changeImage(element) {
  const mainImage = document.getElementById('main-image');
  const thumbnails = document.querySelectorAll('.thumbnails img');

  mainImage.style.opacity = 0;

  setTimeout(() => {
    mainImage.src = element.src;
    mainImage.style.opacity = 1;
  }, 200);

  thumbnails.forEach(img => img.classList.remove('active'));
  element.classList.add('active');
}
</script>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-59181f6 */<div class="custom-gallery">
  <img id="main-image" src="bild-1.jpg" alt="Großes Bild">

  <div class="thumbnails">
    <img src="bild-1.jpg" onclick="changeImage(this)" alt="Vorschaubild 1" class="active">
    <img src="bild-2.jpg" onclick="changeImage(this)" alt="Vorschaubild 2">
    <img src="bild-3.jpg" onclick="changeImage(this)" alt="Vorschaubild 3">
    <img src="bild-4.jpg" onclick="changeImage(this)" alt="Vorschaubild 4">
  </div>
</div>

<style>
.custom-gallery {
  width: 100%;
}

#main-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.thumbnails {
  display: flex;
  gap: 12px;
  margin-top: 14px;
  justify-content: center;
  flex-wrap: wrap;
}

.thumbnails img {
  width: 90px;
  height: 70px;
  object-fit: cover;
  display: block;
  border-radius: 8px;
  cursor: pointer;
  opacity: 0.65;
  transition: opacity 0.3s ease, transform 0.3s ease, border 0.3s ease;
  border: 2px solid transparent;
}

.thumbnails img:hover {
  opacity: 1;
  transform: scale(1.05);
}

.thumbnails img.active {
  opacity: 1;
  border: 2px solid #E7D9C7;
}
</style>

<script>
function changeImage(element) {
  const mainImage = document.getElementById('main-image');
  const thumbnails = document.querySelectorAll('.thumbnails img');

  mainImage.style.opacity = 0;

  setTimeout(() => {
    mainImage.src = element.src;
    mainImage.style.opacity = 1;
  }, 200);

  thumbnails.forEach(img => img.classList.remove('active'));
  element.classList.add('active');
}
</script>/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Plus Jakarta Sans';
	font-display: auto;
	src: url('https://gruppenreisen-rauenstein.de/wp-content/uploads/2026/03/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Lora';
	font-display: auto;
	src: url('https://gruppenreisen-rauenstein.de/wp-content/uploads/2026/03/Lora-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */