body{
	padding:10rem 0 0 0;
}




header{
	width:100%;
	height:10rem;
	box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.25);
	padding:0 4vw;
	position:fixed;
	top:0;
	background-color:#ffffff;
	z-index:1000;
	transition:all ease-in-out .25s;
}

	header .inside{
		width: 100%;
		height:100%;
		display:flex;
		max-width:1600px;
		margin:0 auto;
		box-sizing:border-box;
		padding-top:1rem;
	}
		
		header .inside .header-wrapper{
			display:flex;
			width:100%;
			height:100%;
		}
		
		/* LOGO */
		header .inside .header-wrapper .logo{
			display:inline-block;
			width:100%;
			max-width:max-content;
			height:9rem;
			box-sizing:border-box;
			padding-bottom:1rem;
			transition:all ease-in-out .25s;
		}
			
			header .header-wrapper .logo a{
				display:inline-block;
				width:max-content;
				height:100%;
			}
				
				header .header-wrapper .logo img{
					width:auto;
					height:100%;
					transition:all ease-in-out .25s;
				}
				
		/* SPRACHENWECHSLER STYLING 1
		header .header-wrapper .nav-wrapper .btn-wrapper .change-language{
			margin-right:1rem;
		}
			
			header .header-wrapper .nav-wrapper .btn-wrapper .change-language a{
				display:block;
				text-decoration:none;
			}
				
				header .header-wrapper .nav-wrapper .btn-wrapper .change-language a .link-text{
					width:40rem;
					text-decoration:underline;
					text-decoration-thickness:0.075rem;
					text-underline-offset:0.15em;
					transition:all ease-in-out .1s;
				}
				
				header .header-wrapper .nav-wrapper .btn-wrapper .change-language a:hover .link-text,
				header .header-wrapper .nav-wrapper .btn-wrapper .change-language a:focus .link-text{
					color:rgb(174,19,22);
					text-decoration:underline rgb(174, 19, 22);
					text-decoration-thickness:0.075rem;
					text-underline-offset:0.15em
				}
				
		*/
		
		/*	SPRACHENWECHSLER STYLING 2
		header .header-wrapper .nav-wrapper .btn-wrapper .change-language{
			display:flex;
			justify-content:space-between;
			margin-right:1rem;
		}
			
			header .header-wrapper .nav-wrapper .btn-wrapper .change-language a{
				display:block;
				width:max-content;
				text-decoration-color:rgb(255,255,255);
			}
				
				header .header-wrapper .nav-wrapper .btn-wrapper .change-language span.link-text{
					color:rgb(255,255,255);
					font-weight:bold;
					display:block;
					box-sizing:border-box;
					padding:0.5rem 1rem;
				}
				
				header .header-wrapper .nav-wrapper .btn-wrapper .change-language a:first-of-type span.link-text.off{
					border-right:2px solid rgba(0,0,0, 0.25);
				}
				
				header .header-wrapper .nav-wrapper .btn-wrapper .change-language a:last-of-type span.link-text.off{
					border-left:2px solid rgba(0,0,0, 0.25);
				}
				
				header .header-wrapper .nav-wrapper .btn-wrapper .change-language span.link-text.on{
					background-color:rgb(174, 19, 22);
					border-bottom:0.25rem solid rgba(0,0,0, 0.25);
				}
				
				header .header-wrapper .nav-wrapper .btn-wrapper .change-language span.link-text.off{
					background-color:rgb(100,80,80);
					border-bottom:0.25rem solid rgba(0,0,0, 0);
					box-shadow:0 0 0 rgb(0,0,0) inset;
				}
				
			
		*/
			
		/* SPRACHENWECHSLER STYLING 3 */
		header .header-wrapper .nav-wrapper .btn-wrapper .change-language{
			margin-right:1rem;
		}
			
			header .header-wrapper .nav-wrapper .btn-wrapper .change-language a{
				display:block;
				text-decoration:none;
				padding:0.5em;
				border-radius:0.5em;
				background-color:rgb(240,240,240);
				box-shadow: 0 0 5px rgb(0,0,0,0.3) inset;
			}
				
			header .header-wrapper .nav-wrapper .btn-wrapper .change-language a.ls-an{
				box-shadow:0 0 5px rgb(0,0,0,0.3);
				background-color:rgb(255,255,255);
			}
				
				header .header-wrapper .nav-wrapper .btn-wrapper .change-language a span.link-text{
					text-decoration:underline;
					text-decoration-thickness:0.075rem;
					text-underline-offset:0.15em;
				}
				
			
			
		header .inside .header-wrapper .nav-wrapper{
			width:100%;
			display:flex;
			flex-flow:wrap-reverse;
			box-sizing:border-box;
			padding-left:2rem;
			width:100%;
		}
			
			/* SUCHMODUL */
			header .btn-wrapper{
				display:flex;
				justify-content:flex-end;
				align-items:center;
				width:100%;
				height:50%;
			}
				
				header .btn-wrapper button{
					margin:0 1rem;
				}
				
				header .mod_search{
					width:max-content;
					display:flex;
					justify-content:flex-end;
				}
				
					header .mod_search form{
						width:max-content;
					}
					
					header .mod_search .formbody{
						display:flex;
						width:max-content;
					}
						
						header .mod_search .widget{
							width:max-content;
						}
							
							header .mod_search .widget-text input{
								font-family: "Red Hat Text";
							}
							
							header .mod_search .widget-submit button{
								height:100%;
								display:flex;
								align-items:center;
								font-family:"Red Hat Display";
								font-weight:500;
								margin:0;
							}
							
						
					
				
			/* NAVIGATION */
			header .nav-wrapper nav{
				display:flex;
				justify-content:flex-end;
				width:100%;
				height:50%;
				box-sizing:border-box;
				transition:all ease-in-out .25s;
			}
				
				header .nav-wrapper nav ul.level_1{
					width:100%;
					max-width:1048px;
					height:100%;
					display:flex;
					justify-content:space-between;
				}
					
					header .nav-wrapper nav ul.level_1 li{
						box-sizing:border-box;
						width:100%;
						height:100%;
						text-align:center;
						justify-content:center;
						display:flex;
						position:relative;
					}
						
						header .nav-wrapper nav ul.level_1 li a,
						header .nav-wrapper nav ul.level_1 li strong{
							width:100%;
							height:100%;
							display:flex;
							overflow:hidden;
							text-decoration:none;
							font-size:1.25rem;
							font-weight:500;
							padding:1rem 2rem;
							justify-content:center;
							align-items:center;
							position:relative;
							font-family:"Red Hat Display", Arial, sans-serif;
							line-height:120%;
						}
							
							header .nav-wrapper nav ul.level_1 li strong{
								color:rgb(174, 19, 22);
							}
								
							header .nav-wrapper nav ul.level_1 li strong:after{
								content:"";
								display:block;
								width:100%;
								height:0.3rem;
								background-color:rgb(174, 19, 22);
								position:absolute;
								bottom:0rem;
								left:0;
								transition:all ease-in-out .25s;
							}
							
						header .nav-wrapper nav ul.level_1 li:hover > a:after,
						header .nav-wrapper nav ul.level_1 li:focus > a:after,
						header .nav-wrapper nav ul.level_1 li:active > a:after{
							opacity:1;
						}
							
						header .nav-wrapper nav ul.level_1 li:hover > a,
						header .nav-wrapper nav ul.level_1 li:focus > a,
						header .nav-wrapper nav ul.level_1 li:active > a{
							color:rgb(174, 19, 22);
						}
						
					header .nav-wrapper nav ul.level_1 li.submenu:hover ul.level_2,
					header .nav-wrapper nav ul.level_1 li.submenu:focus ul.level_2,
					header .nav-wrapper nav ul.level_1 li.submenu:active ul.level_2,
					header .nav-wrapper nav ul.level_1 li.submenu:focus-within ul.level_2{
						display:block;
					}
				
			/* NAVIGATION LVL 2 */
			header .nav-wrapper nav ul.level_1 li 
			ul.level_2{
				width:100%;
				overflow:hidden;
				display:none;
				z-index:100;
				position:absolute;
				top:100%;
				left:0;
				justify-content:center;
				background-color:#fff;
				border-top:none;
			}
				
				header .nav-wrapper nav ul.level_1 li
				ul.level_2 li{
					width:100%;
					border-left:0.1rem solid rgb(230, 230, 230);
					border-right:0.1rem solid rgb(230, 230, 230);
					display:block;
					text-align:left;
				}
					
						
					header .nav-wrapper nav ul.level_1 li
					ul.level_2 li:last-of-type{
						border-bottom:0.1rem solid rgb(230, 230, 230);;
					}
						
						header .nav-wrapper nav ul.level_1 li
						ul.level_2 li a{
							font-size:1.25rem;
							justify-content:flex-start;
							padding:1rem;
						}
							
						header .nav-wrapper nav ul.level_1 li
						ul.level_2 li:hover a:after,
						header .nav-wrapper nav ul.level_1 li
						ul.level_2 li:focus a:after{
							display:none;
						}
							
						header .nav-wrapper nav ul.level_1 li
						ul.level_2 li a:hover,
						header .nav-wrapper nav ul.level_1 li
						ul.level_2 li a:focus{
							background-color:rgb(245, 245, 245);
							color:rgb(174, 19, 22);
						}
							
							header .nav-wrapper nav ul.level_1 li
							ul.level_2 li strong{
								color:rgb(174, 19, 22);
								text-align:left;
								justify-content:left;
								padding:1rem;
							}
								
							header .nav-wrapper nav ul.level_1 li
							ul.level_2 li strong:after{
								display:none;
							}
							
						
					
				
			/* NAVIGATION LVL 3 */
			header .nav-wrapper nav ul.level_3{
				display:none;
			}
				
				header .nav-wrapper nav button{
					display:none;
				}
					
				#hamburger-menu{
					display:none;
				}	
				
			
		
	/* ### BREAKPOINT HEADER 1200px ### */
	@media (max-width:1200px) {
	body{
		padding:7.5rem 0 0 0;
	}
		
		header{
			height:7.5rem;
			z-index:20;
		}
			
			header .inside .header-wrapper .logo{
				height:6.5rem;
			}
			
			header .nav-wrapper nav ul.level_1 li a,
			header .nav-wrapper nav ul.level_1 li strong{
				padding:1rem;
			}
			
		
	}
	
	
	
	/* ### BREAKPOINT HEADER Tablet quer ### */
	@media (max-width: 1024px) {
		header .nav-wrapper nav{
			padding:0;
		}
			
			header .nav-wrapper nav ul.level_1 li a,
			header .nav-wrapper nav ul.level_1 li strong{
				font-size:1rem;
			}
			
		
	}


	/* ### BREAKPOINT HEADER Tablet hoch ### */
	@media (max-width:878px) {
	body{
		padding:5rem 0 0 0;
	}
			
		header{
			height:6.5rem;
			padding-top:0;
		}
			
			header .inside .header-wrapper .logo{
				height:5.5rem;
			}
			
			header .inside .header-wrapper .nav-wrapper{
				flex-flow:unset;
			}
				
				
			header .btn-wrapper{
				height:100%;
				padding-right:1rem;
				padding-bottom:1rem;
			}
				
			#hamburger-menu{
				display:flex;
				width:2.75rem;
				height:5rem;
				border:none;
				background-color:transparent;
				padding:0;
				position:relative;
				justify-content:center;
				transition:all ease-in-out .25s;
			}
				
				#hamburger-menu div{
					width:2.75rem;
					height:0.30rem;
					background-color:rgb(40, 40, 40);
					border-radius:0.05rem;
					position:absolute;
				}
				
				#hamburger-menu .line-1{
					top:1.625rem;
					transition:all ease-in-out .25s;
				}
					
				#hamburger-menu .line-2{
					align-self:center;
					opacity:1;
					transition:all ease-in-out .25s;
				}
					
				#hamburger-menu .line-3{
					bottom:1.625rem;
					transition:all ease-in-out .25s;
				}
				
			header.slideOut #hamburger-menu{
			}
				
				header.slideOut #hamburger-menu .line-1{
					width:2.5rem;
					top:2.35rem;
					transform:rotate(45deg);
				}
					
				header.slideOut #hamburger-menu .line-2{
					opacity:0;
				}
					
				header.slideOut #hamburger-menu .line-3{
					width:2.5rem;
					bottom:2.35rem;
					transform:rotate(-45deg);
				}
				
			header .nav-wrapper nav{
				position:fixed;
				top:6.5rem;
				right:-30rem;
				background-color:#fff;
				width:15rem;
				height:100%;
				box-shadow:0 0 5px 0 rgb(0, 0, 0, 0.25);
				transition:all ease-in-out .25s;
			}
			
			header.slideOut .nav-wrapper nav{
				right:0;
			}
				
			header .nav-wrapper nav.sec-menu{
				width:30rem;
			}
				
				header .nav-wrapper nav ul.level_1{
					width:100%;
					border-right:0.1rem solid rgb(230, 230, 230);
					display:block;
					position:absolute;
					left:0;
					transition:all ease-in-out .25s;
				}
					
				header .nav-wrapper nav.sec-menu ul.level_1{
					width:50%;
				}
					
					header .nav-wrapper nav ul.level_1 li{
						width:100%;
						height:4rem;
						border-bottom:0.1rem solid rgb(230, 230, 230);
					}
						
						header .nav-wrapper nav ul.level_1 li button{
							background-color:transparent;
							display:flex;
							align-items:center;
							width:4rem;
							padding:0;
							height:100%;
							position:absolute;
							right:0;
							overflow:hidden;
							transform:rotate(180deg);
							transition:all ease-in-out .25s;
						}
							
						header .nav-wrapper nav ul.level_1 li button.disabled{
							display:none;
						}
							
						header .nav-wrapper nav ul.level_1 li button:before{
							content:"";
							display:block;
							position:absolute;
							width:0.5rem;
							height:1rem;
							right:40%;
							background-color:rgb(150, 150, 150);
						}
							
						header .nav-wrapper nav ul.level_1 li button.darker:before{
							background-color:rgb(40, 40, 40);
						}
							
						header .nav-wrapper nav ul.level_1 li button:after{
							content:"";
							display:block;
							position:absolute;
							right:40%;
							width:3.5rem;
							height:3.5rem;
							transform:rotate(45deg);
							border:0.5rem solid #fff;
						}
							
						header .nav-wrapper nav ul.level_1 li button.darker{
							transform:rotate(0deg);
						}
							
						header .nav-wrapper nav ul.level_1 li a,
						header .nav-wrapper nav ul.level_1 li strong{
							justify-content:left;
							font-size:1.25rem;
							padding:1rem 1.5rem;
							
						}
								
							header .nav-wrapper nav ul.level_1 li strong:after{
								width:0.5rem;
								height:100%;
								left:0;
								top:0;
							}
							
						
					
				
				/* LEVEL 2 */
				
				header .nav-wrapper nav ul.level_1 li
				ul.level_2{
					width:100%;
					position:absolute;
					top:0;
					left:100%;
					margin-left:0.1rem;
					display:block;
					opacity:0;
					display:none;
					overflow:visible;
					transition:all ease-in-out 0.2s;
				}
					
				header .nav-wrapper nav ul.level_1 li
				ul.level_2.slideMenu{
					opacity:1;
					display:block;
				}
					
					header .nav-wrapper nav ul.level_1 li
					ul.level_2 li{
						border:none;
					}
						
					header .nav-wrapper nav ul.level_1 li
					ul.level_2 li:first-of-type::before{
						content:"";
						display:block;
						width:0.1rem;
						height:3.9rem;
						background-color:#fff;
						position:absolute;
						top:0;
						left:-0.1rem;
					}
						
						header .nav-wrapper nav ul.level_1 li 
						ul.level_2 li strong:after{
							content:"";
							display:block;
							width:0.5rem;
							height:100%;
							position:absolute;
							top:0;
							left:inherit;
							right:0;
							background-color:rgb(174, 19, 22);
						}
	}
	
	/*
	@media (min-width: 769px) {
		header.sticky{
			height:5rem;
			padding-top:0.5rem;
		}
			
			header.sticky nav{
				height:100%;
				padding-left:10rem;
			}
			
			header.sticky figure{
				width:10rem;
				height:100%;
				padding-bottom:0.5rem;
			}
				
			header.sticky nav ul.level_1 li
			ul.level_2{
				width:max-content;
				min-width:100%;
				left:0;
			}
				
			header.sticky nav ul.level_1 li
			ul.level_2 li{
				min-width:100%;
				width:max-content;
			}
			
			header.sticky nav ul.level_1 li a,
			header.sticky nav ul.level_1 li strong{
				padding:1rem 1.5rem;
			}
	}
	*/
	
	/* ### BREAKPOINT HEADER Mobile ### */
	@media (max-width:576px) {
		header .spezial-elemente .suchfeld{
			width:100%;
			left:0;
			border-left:none;
			border-right:none;
		}
	}