/* @license GNU-GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@media only screen and (min-width: 1440px) {
	@media screen and (min-width:1440px) {
		:root {
			--font-size-big: 15vw;
			--line-height-big: 15vw;
			--font-size-h1: 5vw;
			--line-height-h1: 6vw;
			--font-size-h4: 28px;
			--line-height-h4: 40px;
			--font-size-h5: 25px;
			--line-height-h5: 30px;
		}

		.h1 {
			margin-bottom: 50px;
		}

		.section {
			margin-left: 5vw;
			margin-right: 5vw;
		}

		#header>.section {
			margin: 80px 5vw 0 5vw;
		}

		#header>.section:before {
			top: 80px;
			left: 5vw;
			width: calc(100% - 10vw);
		}

		#header #logo {
			left: 40px;
		}

		#header #menu-icon {
			right: 40px;
		}

		#header #menu-icon.is-active .line {
			background: #000000;
		}

		#header .region-header {
			display: block;
			position: absolute;
			top: 50%;
			right: 115px;
			transform: translateY(-50%);
			transition: opacity 0.5s;
			transition-delay: 0.5s;
		}

		#header .region-header ul.menu {
			margin: 0;
			padding: 0;
			display: flex;
			gap: 50px;
		}

		#header .region-header ul.menu li {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		#header .region-header ul.menu li a i.icon-home {
			font-size: 14px;
		}

		#header .region-header ul.menu li a.is-active {
			color: #a100ff;
		}

		#header #navigation {
			padding: 0;
		}

		#header #navigation .navigation-wrapper {
			min-height: 100%;
			display: flex;
		}

		#header #navigation #block-custom-sprachumschalter {
			left: 5vw;
			top: 120px;
		}

		#header #navigation #block-custom-views-block-menue-loesungen {
			width: 50%;
			margin: 0;
			padding: 230px 5vw 100px 5vw;
			justify-content: center;
			display: flex;
			flex-direction: column;
		}

		#header #navigation #block-custom-views-block-menue-loesungen:after {
			content: "";
			position: fixed;
			top: 0;
			right: 0;
			width: 50%;
			height: 100%;
			background: #ffffff;
			z-index: 9;
			top: -100%;
			opacity: 0;
			transition: opacity 0.5s 0s, top 0s 1s;
		}

		#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu>a.link {
			padding: 30px 30px 30px 0;
		}

		#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu>a.link:after {
			content: "";
			position: absolute;
			top: 50%;
			right: calc(-5vw + 20px);
			background: #000;
			width: 30px;
			height: 30px;
			transform: rotate(45deg) translateY(-50%);
			z-index: 199;
			transition: right 0.5s !important;
			cursor: default;
		}

		#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu .submenu {
			display: block !important;
			opacity: 0 !important;
			position: absolute;
			top: -100%;
			right: 0;
			width: 50%;
			height: 100% !important;
			background: #fff;
			color: #000;
			padding: 230px 5vw 100px 5vw !important;
			margin: 0 !important;
			transition: opacity 0.5s 0s, top 0s 1s;
			z-index: 99;
			overflow: visible !important;
		}

		#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu .submenu a.overview {
			margin-bottom: 50px;
		}

		#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu .submenu ul.menu {
			border-top: 1px solid #dddddd;
			padding-top: 50px;
		}

		#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu .submenu ul.menu li a {
			color: #000000;
			font-size: var(--font-size-h5);
			line-height: 60px;
		}

		#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu .submenu ul.menu li a:hover,
		#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu .submenu ul.menu li a.is-active {
			color: #a100ff;
		}

		#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu.is-open>a.link:after {
			right: -5vw;
		}

		#header #navigation #block-custom-views-block-menue-loesungen ul.menu li.has-submenu.is-open .submenu {
			top: 0;
			opacity: 1 !important;
			transition: opacity 0.5s 0s, top 0s 0s !important;
		}

		#header #navigation .right {
			width: 50%;
			padding: 230px 5vw 100px 5vw;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			align-content: center;
		}

		#header #navigation .right #block-custom-orbit-2 {
			margin-top: 0;
			width: 45%;
		}

		#header #navigation .right #block-custom-ressourcen-2 {
			margin-top: 0;
			width: 45%;
		}

		#header #navigation .right #block-custom-views-block-menue-partnerschaften {
			margin-top: 100px;
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		#header #navigation .right #block-custom-views-block-menue-partnerschaften .block-title {
			width: 45%;
			margin: 0;
		}

		#header #navigation .right #block-custom-views-block-menue-partnerschaften .logos {
			width: 45%;
		}

		html.menu-open #header .region-header {
			opacity: 0;
			transition-delay: 0s;
		}

		html.menu-open #header #navigation #block-custom-views-block-menue-loesungen.submenu-open:after {
			top: 0;
			opacity: 1;
			transition: opacity 0.5s 0s, top 0s 0s !important;
		}

		#footer {
			padding: 5vw 0;
		}

		#footer>.section {
			display: flex;
			column-gap: 100px;
		}

		#footer #block-node-kontakt {
			flex: auto;
		}

		#footer #block-custom-orbit,
		#footer #block-custom-views-block-fusszeile-loesungen,
		#footer #block-custom-ressourcen {
			display: block;
		}

		#footer .block-title {
			margin-bottom: 20px;
			font-size: var(--font-size-h5);
			line-height: var(--line-height-h5);
			font-weight: 700;
		}

		#footer ul {
			margin: 0;
			padding: 0;
		}

		#footer ul li {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		#footer ul li a.is-active {
			color: #a100ff;
		}

		#footer_bottom {
			padding: max(2vw, 40px) 0;
			font-size: var(--font-size-small);
			line-height: var(--line-height-small);
		}

		#footer_bottom>.section {
			display: flex;
			justify-content: space-between;
			flex-direction: row-reverse;
		}

		#footer_bottom #block-custom-footer ul.menu {
			display: flex;
			column-gap: 50px;
		}

		#footer_bottom .copyright {
			margin: 0;
		}

		#main>.section {
			margin-top: 12.5vw;
			margin-bottom: 5vw;
		}
	}

	@media screen and (min-width:1921px) {
		:root {
			--font-size-default: 0.9vw;
			--line-height-default: 1.25vw;
			--font-size-small: 0.9vw;
			--line-height-small: 1.1vw;
			--font-size-smaller: 0.7vw;
			--line-height-smaller: 0.9vw;
			--font-size-h4: 2.5vw;
			--line-height-h4: 3vw;
			--font-size-h5: 1.25vw;
			--line-height-h5: 1.5vw;
			--font-size-h6: 0.9vw;
			--line-height-h6: 1.25vw;
		}

		.h1 {
			margin-bottom: 2.5vw;
		}

		a.button {
			padding: 0.75vw 1.5vw;
		}

		#header>.section {
			height: 100px;
		}

		#header>.section:before {
			height: 100px;
			border-radius: 50px;
		}

		#header #logo {
			width: 150px;
			height: 51px;
		}

		#header .region-header ul.menu li a i.icon-home {
			font-size: 0.7vw;
		}
	}
}