.elementor-kit-12{--e-global-color-primary:#1A1A18;--e-global-color-secondary:#3D3D3D;--e-global-color-text:#4E4E4E;--e-global-color-accent:#E3000F;--e-global-color-1cf895a:#D9D7CD;--e-global-color-9aeb61f:#CFCFCF;--e-global-color-99ed91c:#FFFFFF;--e-global-color-4ec4d4c:#EAEAEA;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;font-family:"Inter", Sans-serif;}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-kit-12 a{color:var( --e-global-color-accent );font-family:"Inter", Sans-serif;}.elementor-kit-12 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-12 h1{font-family:"Inter", Sans-serif;}.elementor-kit-12 h2{font-family:"Inter", Sans-serif;}.elementor-kit-12 h3{font-family:"Inter", Sans-serif;}.elementor-kit-12 h4{font-family:"Inter", Sans-serif;}.elementor-kit-12 h5{font-family:"Inter", Sans-serif;}.elementor-kit-12 h6{font-family:"Inter", Sans-serif;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.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-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.post-password-required div.page-content {
    height: 100vh !important;
    display: flex;
    justify-content: center; /* Zentriert horizontal */
    align-items: center; /* Oben ausgerichtet */
    background-color: #EAEAEA !important;
    margin-top: -120px;
}

.post-password-required div.page-content > * {
    max-width: 1400px;
    width: 100%;
    padding: 0 20px;
}

.post-password-form p{
    justify-content: center !important;
    gap: 10px !important;

}

.post-password-form input[type="submit"] {
    color: white !important; /* Textfarbe normal */
    background-color: var(--e-global-color-accent) !important; /* Standard-Hintergrund */
    border: none;
    padding: 8px 20px;
    cursor: pointer;
    border-radius: 0 !important;
    transition: background-color 0.3s ease; /* sanfter Übergang beim Hover */
}

.post-password-form input[type="submit"]:hover {
    color: white !important; /* Textfarbe beim Hover */
    background-color: var(--e-global-color-primary) !important; /* Hintergrund beim Hover */
}

#pwbox-2604{
    border-radius: 0px !important;
}





a.koko-link{
    color:#D2BB83 !important;
    transition: all 0.3s ease-in-out !important;
}

a.koko-link:hover {
  color: white !important;
}


html {
  scroll-padding-top: 150px; /* Höhe deines festen Headers */
}



#my-header .btn-rupo a{

     text-align: left !important;line-height: 1.4em !important;
}

.btn-rupo .elementor-button-icon {
    transition: transform 0.3s ease;
}

.btn-rupo:hover .elementor-button-icon {
    transform: translateX(10px) !important;
}


/*Ansprechpartner*/

.cont-ap {
    position: relative;
    overflow: hidden; /* Verhindert, dass das Bild außerhalb des Containers sichtbar wird */
}

.ap-bild {
    display: block;
    width: 100%;
    height: auto; /* Erhält das Seitenverhältnis des Bildes */
    transition: transform 0.3s ease-in-out; /* Smooth-Effekt */
}

.cont-ap:hover .ap-bild {
    transform: scale(1.04); /* Skalieren des Bildes */
}


/*Listing-Produkte*/

/*CSS-Container*/

.produkt-cont {
  position: relative;
  overflow: hidden; /* Schneidet das Bild bei Hover ab, falls es größer wird */
}

.produkt-bild img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  transition: transform 0.8s ease; /* Übergangseffekt für das Skalieren */
}

.produkt-cont:hover .produkt-bild img {
  transform: translate(-50%, -50%) scale(1.1); /* Skaliert das Bild beim Hover */
}



/*CSS-Bild*/
.produkt-bild {
  width: 100%; /* Die Breite des Containers */
  padding-top: 100%; /* Stellt das 1:1-Format sicher */
  position: relative; /* Macht den Container zum Bezugspunkt für das Bild */
  overflow: hidden; /* Schneidet überflüssigen Inhalt ab */
}

.produkt-bild img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  object-fit: cover; /* Verhindert das Stauchen und schneidet das Bild, falls nötig */
  transform: translate(-50%, -50%);
}

/*CSS- Fade Icon*/

/* Standardmäßig das Icon ausblenden */
.produkt-icon {
    opacity: 0;
    transform: translateX(50px); /* Das Icon wird außerhalb des Containers positioniert */
    transition: opacity 0.5s ease, transform 0.5s ease; /* Smooth Transition */
}

/* Beim Hover über den Container das Icon einblenden */
.produkt-cont:hover .produkt-icon {
    opacity: 1;
    transform: translateX(0); /* Das Icon bewegt sich von rechts in die normale Position */
}/* End custom CSS */