/* @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;
}
}
}