html{
	scroll-behavior:smooth;
}

html, body{
	width:100%;
	height:100%;
}
	
	/* HEADER */
	header{
		background-color:rgb(240,240,240);
		border-bottom:5px solid rgb(60,60,60);
		width:100%;
		min-height:5em;
		position:fixed;
		top:0;
		z-index:100;
		overflow:hidden;
	}
		
		header .inside{
			width:100%;
			max-width:1600px;
			height:5em;
			margin:0 auto;
			padding:1em 2em;
			display:flex;
			align-items:center;
		}
		
		/* HEADER FIGURE > LOGO */
		header figure{
			display:inline-block;
			margin:0;
			padding:0 1em 0 0;
			border-right:1px solid rgb(200,200,200);
		}
			
			header figure a{
				display:block;
			}
			
		
		/* HEADER > NAVIGATION */
		header .mod_articlelist{
			display:block;
			width:100%;
			height:100%;
			overflow:inherit;
		}
			
			header .mod_articlelist ul{
				display:flex;
				width:100%;
				height:100%;
				margin:0;
				padding:0;
			}
				
				header .mod_articlelist ul li{
					list-style-type:none;
					height:100%;
					margin:0 1em;
				}
					
					header .mod_articlelist ul li a{
						white-space:nowrap;
						display:flex;
						justify-content:center;
						align-items:center;
						height:100%;
						position:relative;
					}
					
					header .mod_articlelist ul li a:after{
						content:"";
						display:block;
						background-color:rgba(60,60,60,0);
						width:1em;
						height:1em;
						position:absolute;
						bottom:-1.5em;
						transform:rotate(45deg);
						transition:background-color ease-in-out .1s;
					}
					
					header .mod_articlelist ul li a.active:after{
						background-color:rgba(60,60,60,1);
					}
					
					header .hamburger{
						display:none;
					}
				
			
		/* HEADER // TABLET QUERFORMAT */
		@media (max-width:768px) {
			header figure{
				max-width:250px;
			}
		}
		
		/* HEADER // TABLET HOCHFORMAT */
		@media (max-width:768px) {
			header{
				overflow:inherit;
			}
			
			header .inside{
				justify-content:space-between;
			}
				
				header figure{
					border:none;
					padding:0;
				}
				
				header .hamburger{
					width:3em;
					height:2em;
					border:none;
					margin:0.5em 0;
					padding:0;
					position:relative;
					display:flex;
					align-items:center;
				}
					
					header .hamburger div{
						width:3em;
						height:5px;
						background-color:rgb(60,60,60);
						position:absolute;
					}
						
						header .hamburger div:first-of-type{
							top:0;
							transition:all ease-in-out .5s;
						}
						header .hamburger div:last-of-type{
							bottom:0;
							transition:all ease-in-out .5s;
						}
						
						header .hamburger div:nth-last-of-type(2){
							align-self:center;
							opacity:1;
							transition:all ease-in-out .5s;
						}
						
						/* HAMBURGER MENU :: ACTIVE */
						header .hamburger.active div:first-of-type{
							top:0.8em;
							transform:rotate(135deg);
						}
						header .hamburger.active div:last-of-type{
							bottom:0.89em;
							transform:rotate(45deg);
						}
						
						header .hamburger.active div:nth-last-of-type(2){
							opacity:0;
							transform:rotate(90deg);
						}
							
							/* HAMBURGER MENU */
							header .mod_articlelist.mobile-menu{
								display:block;
								right:0;
								transition:all ease-in-out .5s;
							}
							
				header .mod_articlelist{
					background-color:rgb(230,230,230);
					width:max-content;
					height:auto;
					position:absolute;
					top:100%;
					right:-100%;
					transition:all ease-in-out .5s;
				}
					
					header .mod_articlelist ul{
						display:block;
						padding:1em;
					}
						
						header .mod_articlelist ul li{
							margin:0.5em 1em;
						}
						
						header .mod_articlelist ul li:first-of-type{
							margin-top:0;
						}
						
						header .mod_articlelist ul li:last-of-type{
							margin-bottom:0;
						}
							
							header .mod_articlelist ul li a{
								justify-content:end;
								font-size:1.5em;
							}
							
							header .mod_articlelist ul li a:after{
								bottom:0.25em;
								right:-2em;
							}
							
						
					
				
			
		}
		
	/* MAIN */
	main{
		width:100%;
		max-width:1600px;
		margin:0 auto;
		padding:1em 2em;
	}
	
	#main{
		float:inherit;
	}
		
		main .mod_article{
			min-height:100vh;
			padding-top:6em;
		}
		
		
		/* ----- SLIDER ----- */
		#img_slider{
			position:relative;
			width:100%;
			min-height:75vh;
			height:100%;
			overflow:hidden;
			background-color:rgb(230,230,230);
		}
			
			#img_slider ul{
				margin:0;
				padding:0;
				width:100%;
				height:100%;
				position:absolute;
				top:0;
				left:0;
				right:0;
				bottom:0;
			}
				
				.slide_img{
					background-position:center center;
					background-size:cover;
					position:absolute;
					z-index:5;
					opacity:0;
					display:block;
					list-style:none;
					margin:0;
					padding:0;
					transition:opacity ease-in-out .25s;
				}
				
				.slide_to_left{
					position:absolute;
					left:0;
					bottom:0;
					width:100px;
					height:50px;
					z-index:4;
					opacity:0;
				}
				
				.slide_to_right{
					position:absolute;
					right:0;
					bottom:0;
					width:100px;
					height:50px;
					z-index:4;
					opacity:0;
				}
				
				#img_slider ul:hover > .slide_to_left,
				#img_slider ul:hover > .slide_to_right{
					opacity:1;
				}
					
					.slide_to_left::before,
					.slide_to_right::before{
						display:flex;
						justify-content:center;
						align-items:center;
						color:rgb(255,255,255);
						font-weight:bold;
						font-size:1.25em;
						padding:1em;
						position:absolute;
						right:0;
						left:0;
						bottom:0;
						top:0;
						background-color:rgb(30,30,30);
						transition: all ease-in-out .3s;
						opacity:1;
						z-index:5;
					}
					
					.slide_to_left::before{
						content:"‹";
					}
					
					.slide_to_right::before{
						content:"›";
					}
					
					.slide_to_left:hover::before,
					.slide_to_right:hover::before{
						cursor:pointer;
					}
					
				.active_slide{
					width:100%;
					height:100%;
					left:0;
					right:0;
					bottom:0;
					top:0;
					z-index:2;
					display:block;
					opacity:1;
				}
				
				.active{
					z-index:3;
				}
				
				#scrollbar{
					width:0;
					height:2px;
					position:absolute;
					top:20px;
					left:10%;
					right:10%;
					background-color:rgb(230,230,230);
					border-radius:1px;
					z-index:100;
				}
				
			
		/* ----- RESPONSIVE SLIDER ----- */	
		.slider_outer_wrapper{
			overflow:hidden;
			width:100%;
			height:100%;
			position:relative;
		}
			
			.slider_inner_wrapper{
				height:100%;
				display:flex;
				justify-content:center;
				align-items:center;
			}
		
			.slider_outer_wrapper .navigation{
				z-index:2;
				position:absolute;
				bottom:20px;
				left:50%;
				transform:translate(-50%, 0);
			}
			
				.slider_inner_wrapper.is_animating{
					transition:all .4s;
				}
				
					.slide{
						color:rgb(255,203,0);
						font-size:1.5rem;
						width:100%;
						height:100%;
						min-height:50vh;
						background-color:rgb(30,30,30);
						display:flex;
						justify-content:center;
						align-items:center;
						flex:1;
					}
					
					.slide:nth-child(odd){
						background-color:rgb(60,60,60);
					}
				
				.slider_outer_wrapper .navigation button{
					cursor:pointer;
					width:15px;
					height:15px;
					border:none;
					background-color:rgb(255,255,255);
					border-radius:15px;
					margin:0 20px 0 0;
				}
				
				.slider_outer_wrapper .navigation button:focus{
					outline:none;
				}
				
				.slider_outer_wrapper .navigation button.bullet_active{
					background-color:rgb(255,203,0);
				}
				
				.slider_outer_wrapper .navigation button:last-of-type{
					margin:0 0 0 0;
				}
				
		
	/* FOOTER */