/* mehr-weniger-text effekt
------------------------------------------------------------------------------*/

.mehr.elementor-widget-image,
.weniger.elementor-widget-image {
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}

.mehr.elementor-widget-image:hover,
.weniger.elementor-widget-image:hover {
    cursor: pointer;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
}


/*Custom KeraLeon*/

   .elementor-image.mehr > div.mehr,
   .elementor-image.weniger > div.weniger {
       border: 1px solid #000;
       display: inline-block;
       padding: 10px 40px;
       color: #c1a845;
       font-weight: bold;
       text-transform: lowercase;
   }