@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
        
:root {
      --liebherr-yellow: #fed000;
      --liebherr-ochre: #d4ae00;
      --liebherr-grey-dark: #212121;
       }

body {font-family: 'Roboto', sans-serif;
      color: var(--liebherr-grey-dark);
      }

.bg-yellow-brand { background-color: var(--liebherr-yellow); }
.text-yellow-brand { color: var(--liebherr-yellow); }
.hover-yellow-brand:hover { background-color: var(--liebherr-ochre); }
        
.section-title::after {
content: '';
display: block;
width: 60px;
height: 4px;
background-color: var(--liebherr-yellow);
margin-top: 1rem;
        }

        /* Slider egyedi stílusok */
.slide {
display: none;
animation: fadeEffect 1s;
        }

.slide.active {
display: flex;
       }

@keyframes fadeEffect {
from { opacity: 0.4; }
to { opacity: 1; }
        }

.slider-dot.active {
background-color: var(--liebherr-yellow);
width: 2.5rem;
        }