/* 
Theme Name: nekosys
Theme URI: https://nekosys.ch
Description: Nekosys
Author: Nekosys GmbH
Author URI: https://nekosys.ch/
Template: hello-elementor
Version: 2.0.0
Text Domain: nekosys
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.animated-bg {
  animation: colorShift 20s ease infinite;
  background: linear-gradient(270deg, #ff6b6b, #f7d794, #1abc9c, #4b7bec);
  background-size: 800% 800%;
}

@keyframes colorShift {
  0%   { background-position: 0% 50%; }
  25%  { background-position: 50% 50%; }
  50%  { background-position: 100% 50%; }
  75%  { background-position: 50% 50%; }
  100% { background-position: 0% 50%; }
}

.hover-container:hover {
  background-color: #333; /* gewünschte Hover-Hintergrundfarbe */
}

.hover-container:hover h3 {
  color: #fff; /* gewünschte Textfarbe beim Hover */
}

/* Für Links innerhalb des Containers */
.hover-container:hover a {
  color: #ff0; /* z. B. gelb für Links beim Hover */
}

/* Text animation klasse */
.text-focus-in {
	-webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}