@font-face {
  font-family: 'fontello';
  src: url('/app/assets/fonts/fontello/fontello.eot?93229770');
  src: url('/app/assets/fonts/fontello/fontello.eot?93229770#iefix') format('embedded-opentype'),
       url('/app/assets/fonts/fontello/fontello.woff2?93229770') format('woff2'),
       url('/app/assets/fonts/fontello/fontello.woff?93229770') format('woff'),
       url('/app/assets/fonts/fontello/fontello.ttf?93229770') format('truetype'),
       url('/app/assets/fonts/fontello/fontello.svg?93229770#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Garten Eden redesign 2026 */
:root{--green:#244b37;--green-2:#315f45;--sage:#89a77c;--ivory:#f7f5ef;--paper:#fffdf8;--ink:#243029;--muted:#647068;--line:#dce2db;--shadow:0 16px 45px rgba(27,57,40,.10);--radius:18px}
html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.65}body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}h1,h2,h3,h4{font-family:Georgia,"Times New Roman",serif;color:var(--green);font-weight:400;line-height:1.12}h1{font-size:clamp(2.5rem,5vw,5rem)}h2{font-size:clamp(2.1rem,4vw,3.7rem)}h3{font-size:1.6rem}a{color:var(--green-2)}a:hover,a:focus{color:var(--green);text-decoration:none}.container{width:min(1180px,calc(100% - 40px));max-width:1180px}.site-header{position:relative;z-index:1002;background:#fff;padding:0;box-shadow:none;border-bottom:1px solid rgba(36,75,55,.1)}.header-inner{height:82px;display:flex;align-items:center}.site-logo{display:inline-flex;align-items:center}.site-logo img{max-height:48px;max-width:220px}.header-cta{margin-left:auto;min-height:44px;display:inline-flex;align-items:center;padding:0 22px;background:var(--green);color:#fff;border-radius:10px;font-weight:700;font-size:14px}.header-cta:hover,.header-cta:focus{background:#183d2a;color:#fff}.site-nav{z-index:1001;background:#fff!important;border-bottom:1px solid rgba(36,75,55,.1)}.site-nav .container{display:flex;justify-content:center}.navbar-default .navbar-nav>li>a{color:var(--ink);font-size:15px;font-weight:600;padding:17px 19px}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover{color:var(--green);background:#edf3ec}.dropdown-menu{border:0;border-radius:12px;padding:8px;box-shadow:var(--shadow)}.dropdown-menu>li>a{border-radius:8px;padding:10px 14px}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover{background:var(--green)}
.hero-slider{height:min(690px,72vh);min-height:540px;background:var(--green);position:relative;overflow:hidden}.hero-slide{position:relative;height:100%;display:flex;align-items:center}.hero-slide>img{position:absolute;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,44,29,.91) 0%,rgba(14,44,29,.68) 42%,rgba(14,44,29,.08) 77%)}.hero-content{position:relative;z-index:2;color:#fff}.hero-content h1,.hero-content h2{font-size:clamp(3rem,5.5vw,5.5rem);color:#fff;margin:14px 0 18px;max-width:780px}.hero-content p{font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.55;max-width:610px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800}.eyebrow.green{color:var(--green-2)}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{min-height:48px;border-radius:10px;padding:13px 21px;font-weight:700;transition:.2s}.btn-light{background:#fff;color:var(--green)}.btn-light:hover{background:var(--ivory);color:var(--green)}.btn-sage{background:var(--sage);color:#173522}.btn-sage:hover{background:#a7bd9d;color:#173522}.hero-slider .swiper-button-next,.hero-slider .swiper-button-prev{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.5);border-radius:50%;width:48px;height:48px;background-size:12px}.hero-slider .swiper-pagination-bullet{width:9px;height:9px;background:#fff;opacity:.6}.hero-slider .swiper-pagination-bullet-active{width:30px;border-radius:5px;opacity:1}.quick-facts{background:var(--paper);border-bottom:1px solid var(--line)}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:18px;padding-bottom:18px}.facts-grid>div{display:flex;gap:12px;align-items:center;justify-content:center;border-right:1px solid var(--line)}.facts-grid>div:last-child{border:0}.facts-grid strong{font-family:Georgia,serif;font-size:24px;color:var(--green)}.facts-grid span{font-weight:650}.section{padding:100px 0}.split-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.intro-copy h2{margin:10px 0 25px}.intro-copy p{font-size:18px;color:#49564e}.text-link{font-weight:750;display:inline-flex;gap:10px;align-items:center}.image-mosaic{display:grid;grid-template-columns:1.65fr .8fr;gap:12px;height:480px}.image-mosaic img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}.image-mosaic img:last-child{height:70%;align-self:end}.apartments-section{background:#eef2eb}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:38px}.section-head h2{margin:8px 0 0}.section-head>p{max-width:470px;font-size:18px}.apartment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.apartment-card{background:var(--paper);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 24px rgba(27,57,40,.07);transition:.25s}.apartment-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.apartment-card a{display:block;color:inherit}.apartment-card img{width:100%;height:210px;object-fit:cover}.card-body{padding:20px}.card-body h3{margin:0 0 8px}.card-body p{color:var(--muted);min-height:50px}.region-section{position:relative;padding:100px 0;color:#fff;overflow:hidden}.region-bg,.region-bg:after{position:absolute;inset:0}.region-bg img{width:100%;height:100%;object-fit:cover}.region-bg:after{content:"";background:linear-gradient(90deg,rgba(14,44,29,.94),rgba(14,44,29,.55))}.region-content{position:relative}.region-copy{max-width:540px}.region-copy h2{color:#fff;margin:12px 0}.region-copy p{font-size:18px}.region-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px;margin-left:25%}.region-cards a{background:rgba(255,255,255,.94);color:var(--green);padding:22px;border-radius:14px;display:flex;flex-direction:column;gap:8px}.region-cards strong{font-family:Georgia,serif;font-size:21px}.region-cards span{font-size:14px}.booking-band{padding:75px 0}.booking-band .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.booking-band h2{margin:8px 0 10px}.btn-primary-modern,.btn-custom{background:var(--green);color:#fff!important;border:0;text-transform:none;letter-spacing:0;font-size:16px}.btn-primary-modern:hover,.btn-custom:hover{background:#173c29}.site-footer{background:#173c2a;color:#dce8df}.grass-line{height:28px;background:url('/app/assets/img/rasen_mini.webp') repeat-x bottom;opacity:.35}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:70px;padding-top:60px;padding-bottom:55px}.footer-logo{filter:brightness(0) invert(1);max-width:190px;margin-bottom:18px}.footer-grid p{max-width:380px}.footer-grid h3{color:#fff;font-family:inherit;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;margin:5px 0 18px}.footer-grid a{display:block;color:#dce8df;padding:5px 0}.copyright{background:#102d1e;color:#bccbc0;padding:18px 0}.copyright .container{display:flex;justify-content:space-between}.copyright a{color:#dce8df;margin-left:22px}
/* Existing public content */
.text-box{padding-top:55px;padding-bottom:85px}.text-box>.row{background:var(--paper);padding:28px;border-radius:var(--radius);box-shadow:0 8px 35px rgba(27,57,40,.06)}.breadcrumb{background:transparent;padding:0 15px;margin-bottom:24px;font-size:14px}.breadcrumb>li+li:before{content:"/"}.text-box h1{font-size:clamp(2.7rem,5vw,4.6rem);margin-top:12px}.text-box h2{font-size:clamp(2rem,3.5vw,3rem)}.text-box .lead{font-size:18px;line-height:1.75;color:#455149}.text-box img.thumbnail,.gallery img.thumbnail,.featurette-image{border:0!important;border-radius:14px;padding:0;box-shadow:none}.text-box .col-md-12.nopadding>img,.position-relative>img{width:100%;max-height:560px;object-fit:cover}.well{background:#f1f4ef;border:1px solid var(--line);border-radius:16px;box-shadow:none;padding:28px}.form-control{height:52px;border:1px solid #cbd5cc;border-radius:9px;box-shadow:none;padding:10px 13px;font-size:16px}.form-control:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(49,95,69,.13)}textarea.form-control{height:auto;min-height:140px}.form-group label{font-weight:700;color:#34443a}.checkbox-inline{line-height:1.5}.author-image{max-width:150px;border-radius:18px!important}.green-container{background:var(--green)}.featurette{display:flex;align-items:center}.featurette-heading{margin-top:0}.circle-image{border-radius:14px}.gallery .thumbnail,.glightbox .thumbnail{transition:.2s}.gallery .thumbnail:hover,.glightbox .thumbnail:hover{transform:scale(1.02)}
@media (max-width:991px){.header-inner{height:70px}.site-logo img{max-height:42px}.site-nav .container{display:block}.navbar-header{float:none}.navbar-toggle{display:block;margin:14px 0 0 auto;border-color:var(--green);background:#fff}.navbar-collapse.collapse{display:none!important}.navbar-collapse.collapse.in{display:block!important}.navbar-nav{float:none!important;margin:8px 0}.navbar-nav>li{float:none}.navbar-default .navbar-nav>li>a{padding:13px}.site-nav{position:absolute;width:100%;box-shadow:var(--shadow)}.hero-slider{min-height:600px;height:75vh}.split-intro{grid-template-columns:1fr;gap:45px}.apartment-grid{grid-template-columns:repeat(2,1fr)}.region-cards{margin-left:0}.footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:35px}.featurette{display:block}.section{padding:75px 0}}
@media (max-width:767px){body{font-size:15px}.container{width:min(100% - 28px,1180px)}.header-inner{height:66px}.site-logo img{max-height:38px;max-width:175px}.navbar-toggle{margin-top:11px;margin-right:0}.hero-slider{height:calc(100svh - 66px);min-height:620px}.hero-slide{align-items:flex-end}.hero-slide>img{object-position:center}.hero-shade{background:linear-gradient(0deg,rgba(14,44,29,.96) 0%,rgba(14,44,29,.74) 52%,rgba(14,44,29,.12) 100%)}.hero-content{padding-bottom:100px}.hero-content h1,.hero-content h2{font-size:clamp(2.7rem,12vw,4rem)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-slider .swiper-button-next,.hero-slider .swiper-button-prev{display:none}.facts-grid{grid-template-columns:repeat(2,1fr);gap:0}.facts-grid>div{padding:13px 4px;border-bottom:1px solid var(--line);justify-content:flex-start}.facts-grid>div:nth-child(2){border-right:0}.facts-grid span{font-size:13px}.section{padding:60px 0}.image-mosaic{height:380px;grid-template-columns:1.3fr .8fr}.section-head{display:block}.section-head>p{margin-top:20px}.apartment-grid{grid-template-columns:1fr}.apartment-card img{height:260px}.region-section{padding:65px 0}.region-cards{grid-template-columns:1fr;margin-top:30px}.booking-band .container{display:block}.booking-band .btn{margin-top:20px;width:100%}.footer-grid{grid-template-columns:1fr;gap:28px;padding-top:45px}.copyright .container{display:block}.copyright span{display:block;margin-top:8px}.copyright a{margin:0 18px 0 0}.text-box{padding:24px 0 55px}.text-box>.row{padding:16px 0;border-radius:0;box-shadow:none;background:transparent}.text-box h1{font-size:2.8rem}.text-box .lead{font-size:16px}.well{padding:18px 4px}.btn-custom{width:100%;white-space:normal}.form-control{font-size:16px}.featurette{display:block}}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-user:before { content: '\e800'; } /* '' */
.icon-ok-circled2:before { content: '\e801'; } /* '' */
.icon-phone:before { content: '\e802'; } /* '' */
.icon-star:before { content: '\e803'; } /* '' */
.icon-search:before { content: '\e804'; } /* '' */
.icon-ok:before { content: '\e805'; } /* '' */
.icon-ok-circled2-1:before { content: '\e806'; } /* '' */
.icon-info-circled:before { content: '\e807'; } /* '' */
.icon-home:before { content: '\e808'; } /* '' */
.icon-link:before { content: '\e809'; } /* '' */
.icon-lock:before { content: '\e80a'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-bell-alt:before { content: '\f0f3'; } /* '' */
.icon-facebook:before { content: '\f30c'; } /* '' */
.icon-facebook-circled:before { content: '\f30d'; } /* '' */



body {
  font-family: 'Palatino', 'Times New Roman', sans-serif;
  background-color: #f4f4f4;
  color: #333;
}
main {
  min-height: 100vh;
}

hr {
  height: 3px;
  width: 70px;
  background: #1ea137;
  margin-bottom: 20px;
  border: 0;
}

.hrwhite {
  height: 3px;
  width: 70px;
  text-align: center;
  position: relative;
  background: #ffffff;
  margin: 0 auto;
  margin-bottom: 20px;
  border: 0;
}

.hrgreen {
  height: 3px;
  width: 70px;
  text-align: center;
  position: relative;
  background: #1ea137;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
}

.btn-custom {
  text-transform: uppercase;
  color: #fff;
  background-color: #1ea137;
  padding: 14px 20px;
  letter-spacing: 1px;
  margin: 0;
  font-size: 17px;
  font-weight: 400;
  border-radius: 6px;
  margin-top: 20px;
  transition: all 0.3s;
}
.btn-custom:hover, .btn-custom:focus, .btn-custom.focus, .btn-custom:active, .btn-custom.active {
	color: #fff;
	background-color: darkgreen;
}

.shadow {
  box-shadow: 0px 0px 12px 5px lightgrey;
}

.nopadding { padding: 0;}

.container {
  max-width: 1600px;
  margin: 0 auto;
}
header {
  background-color: #fff;
  padding: 20px 0;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
header img {
  max-height: 50px;
}
.facebook-btn {
  float: right;
  margin-top: 10px;
}
nav {
  background-color: #1ea137!important;
  /* padding: 10px 0; */
  color: #fff;
  /* font-family: cursive; */
  font-family: 'Roboto-Thin', sans-serif;
  font-size: larger;
}
.navbar {
  position: relative;
  min-height: 0px;
  margin-bottom: 0px; 
  border: 0px solid transparent;
  border-radius: 0px;

}

.navbar-default .navbar-nav>li>a {
  color: #fff;
}



.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
    background: darkgreen;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  background-color: #1ea137;
  color: #fff;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  background-color: #1ea137;
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #1ea137;
  border-radius: 4px;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  border: 1px solid #1ea137;
}

.navbar-header {
  float: left;
}
.navbar-toggle {
  float: right;
  margin-right: 15px;
}



.slider {
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.slider img {
  width: 100%;
  height: auto;
}
.text-box {
  padding: 40px 20px;
}

.text-muted {
  color: #1ea137;
}


/*SWIPER*/
.swiper-button-white {
  color: #f3f3f3;
    --swiper-navigation-color: #f3f3f3;
  }
.slider-swiper-container {
    width: 100%;
    height: 100%;
    background: #000;
    border-bottom: 2px solid #1ea137;
  margin-bottom: 30px;
  }
  .top-swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #000;
  }
  .top-swiper-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }

  .top-swiper-slide {
    position: relative;
}

.top-swiper-slide img {
    width: 100%;
    height: auto;
}

.top-swiper-slide h2 {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white; /* Ändern Sie die Farbe nach Bedarf */
  font-size: 4vw; /* Ändern Sie die Schriftgröße relativ zur Viewport-Breite */
  text-align: center;
  width: 80%; /* Ändern Sie die Breite nach Bedarf */
}

  

.form-highlight {
  display: none;
}



  .background-container {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: -1; /* Setzt die Ebene des Hintergrundcontainers hinter den eigentlichen Inhalt */
  }
  
  .rasen {
    height: 35px;
    background-image: url('/app/assets/img/rasen_mini.webp'); /* Pfad zu deinem WEBp-Bild */
    background-repeat: repeat-x;
    background-position: center top;
    background-size: contain;
  }

  .copyright {
    height: 50px;
    background: #1ea137;
    color: #ffffff;
    padding: 15px;
  }
  .copyright a{
    color:#ffffff;
    text-decoration: none;
    z-index: 99;
  }


  .feature {
    margin-bottom: 150px;
  }

  .featurette-divider {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .featurette-divider {
    height: 3px;
    width: 70px;
    text-align: center;
    position: relative;
    background: #1ea137;
    margin-top: 50px;
    margin-bottom: 50px;
    border: 0;
  }


  /* Portfolio Startseite*/
  .green-container {
    background-color: #1ea137; /* Grüne Hintergrundfarbe */
    padding: 20px;
    margin-bottom: 50px;
  }

  .circle-box {
    text-align: center;
    margin-bottom: 20px;
  }

  .circle-image {
    width: 100px; /* Ändere die Größe nach Bedarf */
    height: 100px; /* Ändere die Größe nach Bedarf */
    border-radius: 50%;
    margin-bottom: 10px;
  }
  

/* HVR-GROW*/
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/*//////////////////
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
/*//////////////////

/* shake animation */
.shake {
	-webkit-animation: shake 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: shake 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}

 @-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%, 30%, 50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,30%,50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
/*//////////////////



  /* Portfolio Section */
#portfolio {
	padding: 100px 0;
	background: #f6f6f6;
}
.categories {
	text-align: center;
}
ul.cat li {
	display: inline-block;
}
ol.type li {
	display: inline-block;
	margin: 0 10px 40px 10px;
}
ol.type li a {
	color: #555;
	font-size: 16px;
	font-weight: 400;
	padding: 8px 16px;
	background: #e6e6e6;
	border: 0;
	border-radius: 4px;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: all 0.3s;
}
ol.type li a.active {
	background: #6aaf08;
	color: #fff;
}
ol.type li a:hover {
	background: #6aaf08;
	color: #fff;
}
.isotope-item {
	z-index: 2
}
.isotope-hidden.isotope-item {
	z-index: 1
}
.isotope, .isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}
.isotope-item {
	margin-right: -1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.isotope {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}
.portfolio-item {
	margin: 15px 0;
}
.portfolio-item .hover-bg {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.hover-bg .hover-text {
	position: absolute;
	text-align: center;
	margin: 0 auto;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	padding: 30% 0 0 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: all 0.5s;
}
.hover-bg .hover-text>h4 {
	opacity: 0;
	color: #fff;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	transition: all 0.3s;
	font-size: 18px;
	letter-spacing: 1px;
	font-weight: 300;
	text-transform: uppercase;
}
.hover-bg:hover .hover-text>h4 {
	opacity: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.hover-bg:hover .hover-text {
	opacity: 1;
}
/*ENDE*/


/*LOADER*/
#loader {
  display: none;
  border: 30px solid #f3f3f3;
  border-top: 30px solid #1ea137;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
  z-index: 1001;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* AUTHOR */
.author-container {
  text-align: center;
  padding: 20px;
  background-color: #f8f9fa;
}

.author-image {
  border-radius: 50%;
  width: 150px;
  height: 150px;
  object-fit: cover;
}



.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #1ea137;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.thumbnail-green {
  background-color: #1ea137;
  border: 1px solid #fff;
}




.green-container {
  background-color: #1ea137; /* Grüne Hintergrundfarbe */
  padding: 50px;
  color:#ffffff;
}

.circle-box {
  text-align: center;
  margin-bottom: 20px;
}

.circle-image {
  width: 200px; /* Ändere die Größe nach Bedarf */
  height: 200px; /* Ändere die Größe nach Bedarf */
  border-radius: 50%;
  margin-bottom: 10px;
}


/* Copyright Bilder */
.position-relative {
  position: relative;
}

.copyright-overlay {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 10px;
}

.copyright-source {
  margin: 0;
  font-size: 12px;
  color: #333; 
}
/* ENDE */






@media (min-width: 767px) {
  .navbar-nav>li>a { 
    color: #fff;
    margin-right: 15px;
  }
}


@media (max-width: 767px) {

  .h1, h1 {
    font-size: 28px;
  }

  .slider-swiper-container {
    margin-bottom: 5px;
  }

  .text-box {
    padding: 5px 20px;
  }

  .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    background-color: #1ea137;
    color: #fff;
  }
  nav a {
      color: #fff;
      margin-right: 0px;
  }
  .navbar {
    border: 1px solid transparent;
    border-radius: 0px;
  }
}

/* Final cascade guard for the modern public theme */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--ivory);color:var(--ink)}
.site-header{background:#fff;padding:0;box-shadow:none}.site-nav{background:#fff!important}.navbar-default .navbar-nav>li>a{color:var(--ink)}
.btn-custom{background:var(--green);color:#fff;text-transform:none;letter-spacing:0;border-radius:10px;font-size:16px;font-weight:700;margin-top:12px}.text-box{padding:55px 20px 85px}.slider-swiper-container{margin-bottom:0}
@media (min-width:767px){.navbar-nav>li>a{color:var(--ink);margin-right:0}}
@media (max-width:767px){.text-box{padding:24px 14px 55px}.navbar-default .navbar-nav .open .dropdown-menu>li>a{background:#fff;color:var(--ink)}nav a{color:var(--ink);margin:0}.navbar{border:0}.h1,h1{font-size:2.8rem}}

.apartment-detail>.row{position:relative}.apartment-detail .apartment-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0 28px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.apartment-facts span{display:flex;flex-direction:column;color:var(--muted);padding:0 12px;border-right:1px solid var(--line)}.apartment-facts span:last-child{border:0}.apartment-facts strong{color:var(--green);font-size:17px}.apartment-detail [class*="col-"]>.glightbox{display:block;overflow:hidden;border-radius:13px}.apartment-detail .glightbox img{width:100%;aspect-ratio:4/3;object-fit:cover;margin:0 0 20px}.apartment-detail h1+br{display:none}.apartment-detail h3.text-center{font-size:2.3rem;margin-top:55px}.apartment-detail ul.lead{font-size:16px;line-height:2}.apartment-detail .icon-ok-circled2{color:var(--green)}.form-page>.row{max-width:1050px;margin:auto}.form-page .author-image{width:140px}.form-page .well{margin-top:24px}.form-page form:after{content:"";display:table;clear:both}.form-page .btn-custom{min-width:210px}
@media(max-width:767px){.apartment-detail .apartment-facts{grid-template-columns:repeat(2,1fr)}.apartment-facts span:nth-child(2){border-right:0}.apartment-detail [class*="col-"]>.glightbox img{margin-bottom:12px}.apartment-detail h3.text-center{font-size:2rem}.form-page .author-image{width:105px}.form-page .well{margin-left:0;margin-right:0}}
.apartment-mobile-bar{display:none}@media(max-width:767px){body:has(.apartment-detail){padding-bottom:72px}.apartment-mobile-bar{position:fixed;z-index:1200;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 -8px 25px rgba(27,57,40,.12)}.apartment-mobile-bar span{font-family:Georgia,serif;color:var(--green);font-size:18px}.apartment-mobile-bar .btn{background:var(--green);color:#fff;min-height:46px;padding:11px 25px}}

/* Apartment detail v2 */
.apartment-page{padding:34px 0 90px}.apartment-breadcrumb{padding:0;margin:0 0 22px}.apartment-gallery{height:520px;display:grid;grid-template-columns:1.5fr .8fr .8fr;grid-template-rows:1fr 1fr;gap:10px;border-radius:18px;overflow:hidden}.gallery-item{position:relative;display:block;overflow:hidden}.gallery-item-1{grid-row:1/3}.gallery-item-2{grid-column:2/4}.gallery-item:nth-child(n+5){display:none}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.gallery-item:hover img{transform:scale(1.025)}.gallery-more{position:absolute;right:16px;bottom:16px;background:rgba(255,255,255,.94);color:var(--green);padding:11px 16px;border-radius:9px;font-weight:750;box-shadow:0 5px 20px rgba(0,0,0,.12)}.apartment-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:70px;align-items:start;margin-top:55px}.apartment-main h1{margin:10px 0 8px}.apartment-tagline{font-family:Georgia,serif;font-size:24px;color:#435349;max-width:720px}.apartment-facts-modern{display:grid;grid-template-columns:repeat(4,1fr);margin:30px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.apartment-facts-modern div{padding:0 16px;border-right:1px solid var(--line)}.apartment-facts-modern div:first-child{padding-left:0}.apartment-facts-modern div:last-child{border:0}.apartment-facts-modern strong,.apartment-facts-modern span{display:block}.apartment-facts-modern strong{color:var(--green);font-size:17px}.apartment-facts-modern span{color:var(--muted);font-size:13px;margin-top:4px}.apartment-summary{font-size:18px;line-height:1.8;max-width:780px}.inquiry-card{position:sticky;top:24px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:27px;box-shadow:var(--shadow)}.inquiry-card h2{font-size:30px;margin:9px 0 16px}.inquiry-card p{color:var(--muted)}.inquiry-card .btn{display:block;text-align:center;margin:22px 0 14px}.booking-link{display:block;text-align:center;text-decoration:underline}.inquiry-card small{display:block;text-align:center;color:var(--muted);margin-top:16px}.amenities-section{margin-top:75px}.amenities-section h2{font-size:38px;margin:10px 0 28px}.amenity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.amenity-grid article{background:#edf2eb;border:1px solid var(--line);border-radius:14px;padding:22px}.amenity-grid h3{font-family:inherit;font-size:17px;font-weight:750;margin:0 0 12px}.amenity-grid ul{list-style:none;margin:0;padding:0}.amenity-grid li{position:relative;padding:5px 0 5px 22px}.amenity-grid li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}.apartment-garden-card{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;background:#edf2eb;border-radius:16px;padding:12px;margin-top:60px}.apartment-garden-card img{width:100%;height:250px;object-fit:cover;border-radius:11px}.apartment-garden-card>div{padding:20px 28px 20px 0}.apartment-garden-card h2{font-size:31px;margin:8px 0 12px}.footer-brand{display:inline-flex!important;flex-direction:column;color:#fff!important;margin-bottom:18px}.footer-brand span{font-family:Georgia,"Times New Roman",serif;font-size:32px;line-height:1}.footer-brand span:before{content:"❧";font-size:25px;color:var(--sage);margin-right:9px}.footer-brand small{font-size:11px;text-transform:uppercase;letter-spacing:.16em;margin:9px 0 0 35px;color:#cbd9ce}.footer-logo{display:none!important}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>.active>a:hover{color:var(--green);background:#edf3ec}.site-logo img{width:190px;height:auto;max-width:190px}.site-footer .footer-grid>div:first-child{text-align:left}
@media(max-width:991px){.apartment-gallery{height:440px}.apartment-layout{grid-template-columns:1fr;gap:45px}.inquiry-card{position:static;max-width:620px}.apartment-facts-modern{grid-template-columns:repeat(2,1fr);gap:18px}.apartment-facts-modern div:nth-child(2){border:0}.amenities-section{margin-top:55px}}
@media(max-width:767px){body:has(.apartment-page){padding-bottom:72px}.apartment-page{padding:20px 0 55px}.apartment-gallery{height:360px;display:block;position:relative}.gallery-item{display:none!important;width:100%;height:100%}.gallery-item-1{display:block!important}.gallery-item-1:after{content:"1 / Galerie";position:absolute;right:12px;bottom:12px;background:rgba(18,48,32,.82);color:#fff;border-radius:16px;padding:6px 11px;font-size:12px}.apartment-layout{margin-top:34px}.apartment-main h1{font-size:3.1rem}.apartment-tagline{font-size:20px}.apartment-facts-modern{grid-template-columns:repeat(2,1fr);gap:0}.apartment-facts-modern div{padding:10px 12px;border-bottom:1px solid var(--line)}.apartment-facts-modern div:nth-child(2){border-right:0}.apartment-summary{font-size:16px}.amenities-section h2{font-size:31px}.amenity-grid{grid-template-columns:1fr}.apartment-garden-card{grid-template-columns:1fr}.apartment-garden-card>div{padding:12px}.inquiry-card{display:none}.apartment-page:after{content:"";display:block}.apartment-mobile-bar{display:flex}.site-logo img{width:165px;max-width:165px}}

/* Compact single-row header */
.site-header .header-inner{gap:24px}.site-header .site-nav{position:static!important;width:auto!important;margin:0 0 0 auto!important;border:0!important;box-shadow:none!important;background:transparent!important}.site-header .site-nav .navbar-collapse{padding:0}.site-header .site-nav .navbar-nav{margin:0}.site-header .header-cta{margin-left:0;white-space:nowrap}.site-header .navbar-toggle{order:4;margin-left:auto}.site-header .navbar-default .navbar-nav>li>a{padding:30px 13px 28px;font-size:14px}.site-header .navbar{min-height:0;margin:0}
@media(max-width:1100px){.site-header .header-inner{height:70px}.site-header .site-nav{position:absolute!important;top:70px!important;left:0!important;right:0!important;width:100%!important;background:#fff!important;box-shadow:var(--shadow)!important}.site-header .site-nav .navbar-collapse{padding:8px 20px}.site-header .navbar-toggle{display:block}.site-header .navbar-collapse.collapse{display:none!important}.site-header .navbar-collapse.collapse.in{display:block!important}.site-header .navbar-nav{float:none!important}.site-header .navbar-nav>li{float:none}.site-header .navbar-default .navbar-nav>li>a{padding:12px 14px}.site-header .header-cta{margin-left:auto}.site-header .site-nav .dropdown-menu{position:static;float:none;width:100%;box-shadow:none;border-left:2px solid var(--sage)}}
@media(max-width:767px){.site-header .header-inner{height:66px}.site-header .site-nav{top:66px!important}.site-header .header-cta{display:none!important}.site-header .site-nav .navbar-collapse{max-height:calc(100vh - 66px);overflow:auto}}

/* Bootstrap 3 clearfix pseudo-elements must not become grid/flex children. */
.header-inner:before,.header-inner:after,.facts-grid:before,.facts-grid:after,.split-intro:before,.split-intro:after,.section-head:before,.section-head:after,.region-content:before,.region-content:after,.booking-band>.container:before,.booking-band>.container:after,.footer-grid:before,.footer-grid:after,.copyright>.container:before,.copyright>.container:after{display:none!important;content:none!important}
.site-footer .copyright{background:#102d1e!important}

/* Stable public header: identical geometry on every page. */
.site-header{height:82px!important;padding:0!important}
.site-header .header-inner{height:82px!important;display:flex!important;align-items:center!important;width:min(1180px,calc(100% - 40px))!important;margin:0 auto!important;padding:0 15px!important}
.site-header .site-logo{display:flex!important;align-items:center!important;flex:0 0 190px!important;width:190px!important;height:50px!important}
.site-header .site-logo img{display:block!important;width:190px!important;height:50px!important;max-width:190px!important;max-height:50px!important;object-fit:contain!important;object-position:left center!important}
.site-header .header-cta{margin-left:auto!important;flex:0 0 auto!important;min-width:205px!important;justify-content:center!important}
@media(max-width:767px){.site-header{height:66px!important}.site-header .header-inner{height:66px!important;width:calc(100% - 28px)!important;padding:0!important}.site-header .site-logo{flex-basis:165px!important;width:165px!important;height:44px!important}.site-header .site-logo img{width:165px!important;height:44px!important;max-width:165px!important;max-height:44px!important}.site-header .header-cta{display:none!important}}
@media(max-width:767px){body:has(.apartment-detail){padding-bottom:0!important}body:has(.apartment-detail) .site-footer{padding-bottom:72px;background:#173c2a}}

/* Heart & ivy brand logo */
.site-header .site-logo{flex-basis:176px!important;width:176px!important;height:62px!important}
.site-header .site-logo img{width:176px!important;height:auto!important;max-width:176px!important;max-height:62px!important}
.site-footer .footer-brand{display:inline-flex!important;align-items:center!important;margin-bottom:20px;padding:10px 14px;background:#fff;border-radius:12px}
.site-footer .footer-brand img{display:block;width:205px;height:auto}
@media(max-width:767px){.site-header .site-logo{flex-basis:148px!important;width:148px!important;height:55px!important}.site-header .site-logo img{width:148px!important;height:auto!important;max-width:148px!important;max-height:55px!important}.site-footer .footer-brand img{width:190px}}