/*   
Theme Name: KraxWeb Custom
Theme URI: https://kraxweb.com
Description: Individuelles Template
Author: Bernd Krax
Author URI: http://kraxweb.com
*/



@charset "UTF-8";

/*
 @font-face {
      font-family: 'Special Elite';
      font-style: normal;
      font-weight: 400;
      src: local('Special Elite'), local('Special-Elite'), 	url('res/fonts/SpecialElite-Regular.ttf') format('truetype');
    }

p, li{
	font-family: 'Arial';
    font-size: 19px;
}
*/


.img-fluid img{
    max-width:100%;
    height:auto;
}

/* Container styles */
.scrolling-text-container {
    background-color: #eff5ff;
    border-radius: 4px;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index:100;
}

/* Inner container styles */
.scrolling-text-inner {
    display: flex;
    white-space: nowrap;
    font-size: 18px;
    font-weight: 600;
    padding: 8px 0;
}

/* Text styles */
.scrolling-text {
    display: flex;
    padding-left: 100%;
}

.scrolling-text-item {
    padding: 5px 35px;
}

/* Apply the animation to the text items */
.scrolling-text-inner>div {
    animation: var(--direction) var(--marquee-speed) linear infinite;
}

/* Pause the animation when a user hovers over it */
.scrolling-text-container:hover .scrolling-text-inner>div {
    animation-play-state: paused;
}

/* Setting the Animation using Keyframes */
@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes scroll-right {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}