.elementor-kit-7{--e-global-color-primary:#1D4A14;--e-global-color-secondary:#CAE444;--e-global-color-text:#1D4A14;--e-global-color-accent:#FFFFFF;--e-global-color-f7195e5:#0F82BF;--e-global-color-b31d052:#89DBF2;--e-global-color-b4e5009:#F4F4F4;--e-global-color-7d30e69:#00273C;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:"Poppins", Sans-serif;font-size:16px;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-primary );font-weight:600;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:38px 38px 38px 38px;padding:15px 20px 15px 20px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#FFFFFF00;color:var( --e-global-color-accent );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h1{color:var( --e-global-color-primary );font-family:"Jakarta", Sans-serif;font-size:60px;}.elementor-kit-7 h2{color:var( --e-global-color-primary );font-family:"Jakarta", Sans-serif;font-size:40px;font-weight:800;}.elementor-kit-7 h3{color:var( --e-global-color-primary );font-family:"Jakarta", Sans-serif;font-size:32px;}.elementor-kit-7 h4{color:var( --e-global-color-primary );font-family:"Jakarta", Sans-serif;font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-7{font-size:14px;}.elementor-kit-7 h1{font-size:45px;}.elementor-kit-7 h2{font-size:28px;}.elementor-kit-7 h3{font-size:22px;}.elementor-kit-7 h4{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{font-size:12px;}.elementor-kit-7 h1{font-size:30px;}.elementor-kit-7 h2{font-size:26px;}.elementor-kit-7 h3{font-size:22px;}.elementor-kit-7 h4{font-size:18px;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.ipx-header-container{
 
border: 1px solid rgba(255, 255, 255, 0.39);
background: rgba(29, 74, 20, 0.17);
backdrop-filter: blur(29.700000762939453px);
transition: background 0.3s ease, border 0.3s ease;
transition:0.3s;
}

.ipx-header-container.scrolled {
background: rgba(29, 74, 20, 0.57);
 border: 1px solid rgba(255, 255, 255, 0.6);
 transition:0.3s;
 backdrop-filter: blur(80.700000762939453px);
}


.ipx-header-container-blue{

border: 1px solid rgba(255, 255, 255, 0.39);
background: rgba(0, 39, 60, 0.35);
backdrop-filter: blur(29.700000762939453px);
transition: background 0.3s ease, border 0.3s ease;
transition:0.3s;
}

.ipx-header-container-blue.scrolled-blue {
background: rgba(0, 39, 60, 0.55);
 border: 1px solid rgba(255, 255, 255, 0.6);
 transition:0.3s;
 backdrop-filter: blur(80.700000762939453px);
}

.ipx-blur{
     backdrop-filter: blur(80.700000762939453px) !important;
}

.ButtonBase__ButtonContainer-sc-c390884-3{ background-color: #1D4A14 !important;
padding:6px !important;
border-radius: 100px !important;
}
.HeaderContainer__Inner-sc-de613b58-0{
    border-radius: 20px !important;
    padding: 40px !important;
}
.ReviewBackground__Container-sc-b270746f-0{
  border-radius: 20px !important;
  padding: 40px !important;
}
.ipx-newsletter .elementor-form-fields-wrapper.elementor-labels-above{
        flex-wrap: nowrap;
}
.ipx-blur-luxus{
     backdrop-filter: blur(05.700000762939453px);
}
.ipx-newsletter .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100.e-form__buttons{
    width: 45%;
}
.blob img{
    width: 200px;
    border-radius: 100%;
    margin: 10px;


    box-shadow: 0 0 0 0 rgba(29, 74, 20, 0.53);
    transform: scale(1);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(29, 74, 20, 0.63);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(29, 74, 20, 0.0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(29, 74, 20, 0.0);
    }
}
.ipx-shadow:hover{
    box-shadow: 0 4px 40px -11px rgba(0, 0, 0, 0.20);

}
.ipx-shadow2{
        box-shadow: 0 4px 40px -11px rgba(0, 0, 0, 0.20);

}
.elementor-upload-field{
    background:none !important;
    border-radius: 0px !important;
}
.ipx-border-left-right > .e-con-inner > .e-child:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #ffffff 1%, #ffffff00 30%, #ffffff00 70%, #ffffff 99%) !important;
    z-index: 2;
}
/* Standardbild */
.hover-image img {
    content: url('/wp-content/uploads/2025/07/garden.png');
    transition: all 0.3s ease;
}

/* Bild beim Hover auf Menüpunkt 1 */
.menu-hover-1:hover ~ .hover-image img {
    content: url('https://deine-seite.de/bild1.jpg');
}

/* Bild beim Hover auf Menüpunkt 2 */
.menu-hover-2:hover ~ .hover-image img {
    content: url('https://deine-seite.de/bild2.jpg');
}

/* Bild beim Hover auf Menüpunkt 3 */
.menu-hover-3:hover ~ .hover-image img {
    content: url('/wp-content/uploads/2025/07/sommer-hintergrund.png');
}
/* Buttons */
.filter-controls {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: 1rem;
}
.filter-btn {
  padding: .5rem .9rem;
  border: 1px solid #CAE444 !important;
  border-radius: 999px;
  background: #CAE444 !important;
  cursor: pointer;
  font: inherit;
  line-height: 1;
  color:#1D4A14 !important;
}
.filter-btn:hover { 
    border-color: #bbb; 
    background: white !important;
    
}
.filter-btn.is-active {
  border-color: #111;
  background: #1D4A14 !important;
  color:white !important;
}
.filter-btn2 {
  padding: .5rem .9rem;
  border: 1px solid #0F82BF !important;
  border-radius: 999px;
  background: #0F82BF !important;
  cursor: pointer;
  font: inherit;
  line-height: 1;
  color:white !important;
}
.filter-btn2:hover { 
    border-color: #bbb; 
    background: white !important;
    color:#0F82BF!important;
    
}
.filter-btn2.is-active2 {
  border-color: #00273C;
  background: #00273C !important;
  color:white !important;
}

/* Sanftes Ein-/Ausblenden (optional) */
.filter-item {
  transition: opacity .2s ease, transform .2s ease;
}
.filter-item.is-hiding {
  opacity: 0;
  transform: scale(0.98);
}
.filter-item.is-hidden {
  display: none !important;
}
/* Grundzustand */
.filter-item {
  opacity: 1;
  transform: scale(1);
  transition: opacity .28s ease, transform .28s cubic-bezier(.22,.61,.36,1);
  transform-origin: center center;
  will-change: opacity, transform;
  /* optional glattere Reflows in Grids */
  contain: layout paint;
}

/* beim Ausblenden */
.filter-item.is-hiding {
  opacity: 0;
  transform: scale(.96);
  pointer-events: none;
}

/* nach der Ausblendung wirklich aus dem Flow nehmen */
.filter-item.is-hidden {
  display: none !important;
}

/* Stagger: individuelle Verzögerung wird per JS gesetzt */
.filter-item[style*="--stagger:"] {
  transition-delay: var(--stagger, 0ms);
}

/* Barrierearmut: bei reduzierter Bewegung ohne Scale */
@media (prefers-reduced-motion: reduce) {
  .filter-item {
    transition: opacity .2s linear;
    transform: none !important;
  }
  .filter-item.is-hiding {
    opacity: 0;
  }
}
.reading-time {
  color: #fff;        /* weißer Text */
  font-size: 14px;    /* kannst du anpassen */
}

.reading-time strong {
  font-weight: 700;   /* Lesedauer fett */
}
.ipx-hover-box{
      border:1px solid #EBEBEB;
     
}

.ipx-hover-box:hover{
    box-shadow: 0 7px 49.8px 0 rgba(100, 100, 111, 0.20);
    border:1px solid #D5D5D5;
    transform: Scale(1.02);
     z-index:3;
}
.ipx-transform{
    border-radius: 10px;
    transform: Scale(1.05);
    z-index: 20;
}
.ipx-blur-box{
    	backdrop-filter: blur(10px);
}

.ipx-compare-section {
  padding: 2rem 0;
  display: flex;
  justify-content: center;
}

.ipx-compare-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  width: 100%;
  max-width: 1100px;
}

.ipx-compare-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 1rem;
  line-height: 1.6;
  color: #222;
}

.ipx-compare-table thead th {
  background: #f4f4f4;
  text-align: left;
  font-weight: 600;
  padding: 1.2rem 1.4rem;
  color: #2c3e2d;
   border-top: 1px solid #f4f4f4;
}

.ipx-compare-table th:first-child {
  border-top-left-radius: 12px;
}
.ipx-compare-table th:last-child {
  border-top-right-radius: 12px;
}

.ipx-compare-table td {
  padding: 1.2rem 1.4rem;
  vertical-align: top;
  border-top: 1px solid #f4f4f4;
}

.ipx-compare-table tbody tr:nth-child(odd) {
  background: #fff;
}

.ipx-compare-table tbody tr:nth-child(even) {

}

.ipx-compare-table td:first-child {
  font-weight: 600;
  color: #3c3c3c;
  width: 22%;
  background: #f4f4f4;
  border-right: 1px solid #f4f4f;
}

.ipx-compare-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: 12px;
}
.ipx-compare-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}

/* Responsive Ansicht */
@media (max-width: 768px) {
  .ipx-compare-table thead {
    display: none;
  }

  .ipx-compare-table,
  .ipx-compare-card {
    border-radius: 12px;
  }

  .ipx-compare-table tr {
    display: block;
    background: #fff;
    margin-bottom: 1.5rem;
    border-radius: 12px;

    overflow: hidden;
  }

  .ipx-compare-table td {
    display: block;
    padding: 0.8rem 1rem;
    border: none;
    border-bottom: 1px solid #eee;
  }

  .ipx-compare-table td:first-child {
    background: #f4f4f4;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
  }

  .ipx-compare-table td:last-child {
    border-bottom: none;
  }
}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.25rem .5rem;list-style:none;margin:0;padding:0}
.breadcrumbs li+span,.breadcrumbs li+li::before{content:">"}
.breadcrumbs a{text-decoration:none}
.breadcrumbs [aria-current="page"]{font-weight:600}


.breadcrumbs a{
    color:white !important;
}
.breadcrumbs {
    color:white !important;
    font-size:12px;
    z-index: 5;
}
.elementor-shortcode{
       z-index: 4;
}
.ButtonBase__ButtonContainer-sc-597a44ae-3{
    background-color:#1D4A14 !important;
    color:white;
    border-radius: 2000px !important;
    border: none !important;
    padding:10px 15px 10px 15px !important; 
    
}
.comments-area{
    display: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://gartentyp.dev-pixalla.de/wp-content/uploads/2025/06/Poppins-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://gartentyp.dev-pixalla.de/wp-content/uploads/2025/06/Poppins-ExtraLight.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://gartentyp.dev-pixalla.de/wp-content/uploads/2025/06/Poppins-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://gartentyp.dev-pixalla.de/wp-content/uploads/2025/06/Poppins-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://gartentyp.dev-pixalla.de/wp-content/uploads/2025/06/Poppins-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://gartentyp.dev-pixalla.de/wp-content/uploads/2025/06/Poppins-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://gartentyp.dev-pixalla.de/wp-content/uploads/2025/06/Poppins-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://gartentyp.dev-pixalla.de/wp-content/uploads/2025/06/Poppins-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://gartentyp.dev-pixalla.de/wp-content/uploads/2025/06/Poppins-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Jakarta';
	font-display: auto;
	src: url('https://gartentyp.dev-pixalla.de/wp-content/uploads/2025/06/PlusJakartaSans-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */