/* Main */
html {
	overflow-x: hidden;
}

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

pre {
	border: 1px solid #bdbdbd; 
	padding: 2rem;
}

.no-list-items {
	list-style: none;
	padding-left: 0;
}
.no-list-items * ul {
	list-style: none;
	padding-left: 2rem;
}

main .wrapper {
	position: relative;	
}

main .wrapper .copyright-element {
	bottom: 80%;
	right: -1px;
}

main .wrapper-white {
	background-color: #fff;
	padding: 4rem 12rem;
}

main .wrapper-grey {
	background-color: #f4f4f4;
	padding: 4rem 12rem;
}

span.highlight {
	background-color: #ffff00;
}

/* Header */
header .filler {
	width: 100%; 
	height: 74px; 
	background-color: white;"
}

header nav {	
	position: fixed;
	height: 74px;
	transition: height 0.3s ease-in-out;
}

header .c-header-branding {
	display: none;
	text-align: left;
}

header .navbar-brand {
	display: none;
}

header .scrolled .c-header-quickaccess-bar {
	height: 48px;
	border-bottom: 1px solid #ccc;
}

header .scrolled .c-header-quickaccess-bar-left .logo {
	display: none;
}

header .scrolled .navbar-brand {
	display: block;
	text-decoration: none;
	color: #595959;
	outline-color: transparent;
	white-space: normal;
	font-size: 19px;
}

header nav .c-header-quickaccess-bar {
	background-color: #fff;
	transition: 0.3s ease-in-out;	
	margin: 0;
	height: 74px;
}

header nav .c-header-quickaccess-bar-left > a  {
	margin-left: 6rem;
}

header nav .c-header-quickaccess-bar-right > a:last-child {
	margin-right: 6rem;
}

header .nav-wrapper {
	height: 0px;
	overflow: visible;
	z-index: 41;
}

header .nav-main-inner {
    transition: transform 0.5s ease-in-out;
}

header .nav-main-inner .navbar-brand {
    display: block;
}

header .nav-fixed {
    position: fixed;
    top: 0px;
    width: 100%;
	transform: translateY(48px);
}

header .nav-fixed .site-logo {
	display: none;
}

header .logo svg {
	max-width: 250px;
	max-height: 40px;	
}

header .quickaccess-bar {
	font-size: 1rem;
	height: 100%;
}

header .quickaccess-bar .quickaccessLink {
	display: inline-block;
	height: 100%;
	padding: 0 1.5rem;
	text-decoration: none;
	color: #595959;
	text-align: center;	
}

header .quickaccess-bar .quickaccessLink:hover {
	background-color: #595959;
	color: #fff;
}

header .quickaccess-bar .quickaccessLink span {
	padding-left: 0.5rem;
}

header .navbar-brand svg {
	height: 35px;
	width: 250px;
}

/* header .quickaccessLink.quickaccessLanguage::before {
	content: "\F3EE"; 
} */

header .c-quickaccess-bar-bottom {
	position: fixed;
	padding: 0;
}

header .c-quickaccess-bar__bottom {
	max-width: initial;
}

header .c-quickaccess-bar__bottom .c-quickaccess-bar__navigation {
	width: 100%;
}

/* Footer */	
footer .nav-meta {
	width: 100%;
}

footer.container-fluid {
	background-color: #3b3b3b;
	max-width: initial;
	padding: 4rem 0rem;
}


@media (max-width: 1300px) { 
	.container {
		max-width: 100% !important;
	}	

	/* Header */
	header nav .c-header-quickaccess-bar-left > a  {
		margin-left: 3rem;
	}
	
	header nav .c-header-quickaccess-bar-right > a:last-child {
		margin-right: 3rem;
	}
}

@media (min-width: 1300px) { 
	/* Korrektur: Abstand der Menüpunkte in der grünen Hauptnavigation */
	.c-navigation .nav-container .navbar-main {
	padding-left: 0rem !important;
	}
}

@media (max-width: 1200px ) {
	main .wrapper-white {
		background-color: #fff;
		padding: 4rem 8rem;
	}
	
	main .wrapper-grey {
		background-color: #f4f4f4;
		padding: 4rem 8rem;
	}
}
@media (max-width: 1025px ) {
	/* Header */
	header .c-navigation {
		
	}

	header .c-navigation.mobile-visible {
		display: block;
		z-index: 50;		
	}

	header .c-navigation .nav-main-inner, header .c-navigation .nav-main-inner.nav-fixed {
		display: block;
		position: fixed;
		transform: translateY(100vh);			
		height: 100%;		
	}

	header .c-navigation.mobile-visible .nav-main-inner, header .c-navigation.mobile-visible .nav-main-inner.nav-fixed {
		display: block;
		position: fixed;
		transform: translateY(0);
		transition: transform 0.5s ease-in-out;
		top: 127px;
		height: 100%;		
	}	

	header nav.fixed-top.pinned {
		transform: translateY(0) !important;
	}
	
	header .nav-main-inner .site-logo {
		display: none;
	}

	header .nav-main-inner ul.nav {
		margin: 1rem;
	}

	header .nav-main-inner ul.nav li {
		width: 100%;		
		border-bottom: 1px solid #d8d8d8;
	}

	header .nav-main-inner ul.nav li a {
		width: 100%;
		height: 46px;
		color: #212529;
		font-weight: 400;
		font-family: Akkurat-Bold, sans-serif;
	}

	header .navbar-brand {
		display: block;
		text-decoration: none;
		color: #595959;
		outline-color: transparent;
		white-space: normal;
		font-size: 19px;
		margin-left: 0 !important;
	}

	header .c-header-quickaccess-bar-left .logo {
		display: none;
	}

	header .c-header-quickaccess-bar {		
		border-bottom: 1px solid #ccc;		
	}

	header .fixed-top.scrolled {
		transform: translateY(-127px);
	}

	header .fixed-top.scrolled.scrolled-up {
		transform: translateY(0px);
	}

	header  .scrolled .c-header-quickaccess-bar {		
		height: 74px;	
	}

	header .c-header-branding {
		display: flex;
		align-items: center;
	}

	header .c-header-branding .logo svg > * {
		fill: #fff;
	}

	header nav .row.c-header-quickaccess-bar {
		background-color: #fff;
	}

	header nav .c-header-quickaccess-bar-right > a:last-child {
		margin-right: 0;
	}

	header nav .c-header-quickaccess-bar-right > a span {
		display: none;
	}

	/* Main */
	main .wrapper-white {		
		padding: 4rem;
	}
	
	main .wrapper-grey {	
		padding: 4rem;
	}

	/* Footer */
	footer.container-fluid {	
		padding: 4rem 0rem 8rem 0rem;
	}
	
}

@media (max-width: 767px ) {
	/* Header */
	header .filler {	 
		height: 120px; 
	}

	header .c-navigation {
		display: none;
	}

	/* Main */
	main .wrapper-white {		
		padding: 3rem 1rem;
	}
	
	main .wrapper-grey {	
		padding: 3rem 1rem;
	}

}