.elementor-kit-8{--e-global-color-primary:#222222;--e-global-color-secondary:#222222;--e-global-color-text:#222222;--e-global-color-accent:#222222;--e-global-color-83e1398:#FFFFFF;--e-global-color-d241ac5:#FFFFFF00;--e-global-color-b4c3a8c:#F7F1F1;--e-global-typography-primary-font-family:"Work Sans";--e-global-typography-secondary-font-family:"Work Sans";--e-global-typography-text-font-family:"Work Sans";--e-global-typography-text-line-height:1.4em;--e-global-typography-accent-font-family:"Work Sans";background-color:var( --e-global-color-b4c3a8c );color:var( --e-global-color-text );font-family:"Work Sans", Sans-serif;line-height:1.4em;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-b4c3a8c );font-weight:600;color:var( --e-global-color-text );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-text );border-radius:50px 50px 50px 50px;padding:15px 30px 15px 30px;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:var( --e-global-color-text );color:var( --e-global-color-b4c3a8c );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 p{margin-block-end:1.4em;}.elementor-kit-8 a{color:var( --e-global-color-text );}.elementor-kit-8 a:hover{color:var( --e-global-color-text );}.elementor-kit-8 h1{font-size:6vw;font-weight:700;line-height:1.1em;}.elementor-kit-8 h2{font-size:6vw;font-weight:700;line-height:1.1em;}.elementor-kit-8 h3{font-size:1.6vw;font-weight:500;line-height:1.5em;letter-spacing:0px;}.elementor-kit-8 h4{font-size:2vw;font-weight:700;}.elementor-kit-8 label{color:var( --e-global-color-text );}.elementor-kit-8 input:not([type="button"]):not([type="submit"]),.elementor-kit-8 textarea,.elementor-kit-8 .elementor-field-textual{background-color:var( --e-global-color-b4c3a8c );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-kit-8 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-8 textarea:focus,.elementor-kit-8 .elementor-field-textual:focus{background-color:var( --e-global-color-b4c3a8c );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:80%;}.e-con{--container-max-width:80%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(min-width:2400px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:70%;}.e-con{--container-max-width:70%;}}@media(max-width:1366px){.elementor-kit-8 h1{font-size:7.5vw;}.elementor-kit-8 h2{font-size:7.5vw;}.elementor-kit-8 h3{font-size:2.4vw;}.elementor-kit-8 h4{font-size:3vw;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:1024px){.elementor-kit-8 h3{font-size:3vw;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}@media(max-width:767px){.elementor-kit-8 h1{font-size:10vw;}.elementor-kit-8 h2{font-size:10vw;}.elementor-kit-8 h3{font-size:5vw;}.elementor-kit-8 h4{font-size:5vw;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{padding:10px 20px 10px 20px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}/* Start custom CSS */.projekt-hover .projekt-title{
  opacity:0;
  transform:translateY(20px);
  transition:all .3s ease;
}

.projekt-hover:hover .projekt-title{
  opacity:1;
  transform:translateY(0);
}

/* ======================================================
   PROJEKT HOVER SYSTEM
   ====================================================== */


/* HAUPT-CONTAINER */

.projekt-hover{
    position:relative;
    overflow:hidden;
}


/* ======================================================
   SCHWARZ → PINK GRADIENT
   ====================================================== */

.projekt-hover::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        180deg,
        rgba(0,0,0,0.75) 0%,
        rgba(255,0,230,0.75) 100%
    );

    opacity:0;

    transition:all .4s ease;

    z-index:1;
}


/* OVERLAY BEIM HOVER */

.projekt-hover:hover::after{

    opacity:1;
}


/* ======================================================
   ÜBERSCHRIFT / TEXT
   ====================================================== */

.projekt-title{

    position:absolute;

    top:50%;

    left:50%;

    opacity:0;

    transition:opacity .35s ease;

    z-index:2;

    color:#ffffff;

    text-align:center;

    transform:translateX(-50%) translateY(-50%) !important;

    margin:0 !important;

    padding:0 !important;

    width:auto !important;

    max-width:90%;
    
}

.projekt-title .elementor-heading-title{

    font-size:clamp(14px, 2vw, 22px) !important;

    margin:0 !important;

    padding:0 !important;
}


/* TEXT EINBLENDEN */

.projekt-hover:hover .projekt-title{

    opacity:1;
}


/* ======================================================
   OPTIONALER BILD-ZOOM
   ====================================================== */

.projekt-hover img{

    transition:transform .5s ease;
}


.projekt-hover:hover img{

    transform:scale(1.05);
}

.elementor-kit-8 .elementor-testimonial__text * {
    color: #fff !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Work Sans';
	font-display: auto;
	src: url('https://hausdesgutengeschmacks.de/wp-content/uploads/WorkSans-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */