* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: Helvetica, sans-serif;
            font-size: 23px;
            line-height: 1.6;
            color: #fff;
            letter-spacing: 2px;
            background-color: #ffffff;
        }

        header {
            background-color: #ff590d;
            height: 110px;
        }
        
        #header_img {
        	position: absolute;
        	top: 200px;
        	left: auto;
        	justify-content: center;
			z-index: 900 !important;
        }
        
        .hover-img {
			transition: opacity 0.3s ease; /* Dauer + weicher Übergang */
		}

		.hover-img:hover {
			opacity: 0.5; /* transparenter beim Hover */
		}
		
		.kachel {
			width: 30%;
			padding: 10px;
			margin: -50px auto;
		}

        nav {
    		position: fixed; 
    		top: 0;
    		left: 0;
   			width: 100%;
			padding-top: 35px;
            margin-left: -30px;
            z-index: 1000 !important;
        }

        nav ul {
        	position: fixed;
        	width: 100%;
            list-style: none;
            display: flex;
            gap: 3rem;
          	justify-content: center;
        }

        nav a {
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 4px;
            color: #fff;
       		font-weight: bold;
       		padding-bottom: 15px;

        }

        nav a:hover {
            text-decoration: none;
            border-bottom: 6px solid #fff;
        }

        h1, h2, h3, h4, h5, h6 {
            text-decoration: none;
            text-transform: uppercase;
            letter-spacing: 7px;
       		font-weight: bolder;
            margin-bottom: 0.5em;
        }

        h1 { 
        	font-size: 65px; 
        	color: #ffda00; 
        	padding-bottom: 10px;
            border-bottom: 10px solid #ffda00;
        }
        	
        h2 { 
        	font-size: 35px; 
        	padding-bottom: 10px;
        	margin-top: 60px;
            border-bottom: 10px solid #70b078;
        }
        
        h3 { font-size: 1.5rem; }

        p {
            margin-bottom: 1em;
        }

        b, strong {
            font-weight: bold;   
        }

        i, em {
            font-style: italic;
        }

        a {
            color: #0066cc;
        }

        ul, ol {
            margin-left: 1.5em;
            margin-bottom: 1em;
        }

        li {
            margin-bottom: 0.5em;
        }

        img {
            max-width: 100%;
            height: auto;
        }
        
        #content {
        	width: 100%;
        	margin: 0px auto 0 auto;
        	padding: 50px 0 50px 0;
			background-color: #ab6bff;
	
        }
        
        .container {
            width: 60%;
            max-width: 1200px;
            margin: 120px auto;
            text-align: center;
        }
        
        .container a {
        	text-decoration: none;
        	font-weight: bold;
        	color: #ffda00;
        }

        .container a:hover {
        	color: #70b078;
        }
                
         #footer {
        	width: 100%;
        	margin-top: -13px;
        	padding: 50px 400px;
			background-color: #ffda00;
			color: #70b078;
			font-weight: bold;
        }
        
        #footer a {
        	text-decoration: none;
        	font-weight: bold;
        	color: #ab6bff;
        }

        #footer a:hover {
        	padding-bottom: 10px;
            border-bottom: 6px solid #ab6bff;
        }
        
        .footer_02 {
        	text-align: right;
        	padding-bottom: 80px;
        }
        
        .hero {
   			height: auto;
   			margin-top: -10px;
    		display: flex;
    		justify-content: center;
    		align-items: center;
    		z-index: 1;
		}

		.hero-img {
    		width: 100%;
    		transition: opacity 0.2s;
		}
		
		.slider {
    		position: relative;
    		width: 100%;
    		height: 800px;
		}

		.slider img {
    		position: absolute;
    		width: 100%;
    		height: 100%;
    		object-fit: cover;

    		opacity: 0;
    		transition: opacity 1s ease;
		}

		.slider img.active {
    		opacity: 1;
   			width: 100%;
    		transition: opacity 0.2s;		
    	}
				
		.text_02 {
    		margin: 0 auto;
    	    text-align: center;   
    	    width: 70%;
        	color: #ffda00;
            font-weight: bold;
            letter-spacing: 2px;
            text-transform: uppercase;
            font-size: 29px;
            line-height: 1.4; 
			transition: opacity 0.3s ease; /* Dauer + weicher Übergang */

   		}
   		
		.text_02:hover {
			opacity: 0.5; /* transparenter beim Hover */
		}