@charset "UTF-8";

:root {
	--main-content-blue: #00D3E1;
	--header-footer-blue: #00D3E1;
	--footer-nav-link-color: #222222;
	--header-nav-link-color: #fff;
	--header-nav-link-current-color: #00D3E1;
	--header-nav-link-hover-color: #00D3E1;
	--header-subnav-current-link-color: #000;
	--header-subnav-background-color: #00D3E1;
	--header-subnav-heading-color: #222222;
}

#cookiescript_injected {
	background-color: var(--main-content-blue) !important;
	color: #222222 !important;
}
#cookiescript_description,
#cookiescript_readmore,
#cookiescript_reportlink,
#cookiescript_cookiescriptlink,
#cookiescript_manage {
	color: #222222 !important;
}
#cookiescript_badge,
#cookiescript_reject,
#cookiescript_reject:hover {
	background-color: var(--main-content-blue) !important;
}
#cookiescript_badge,
#cookiescript_badgetext,
#cookiescript_save,
#cookiescript_accept {
	color: #222222 !important;
}

body,
div.logo-container,
div.logo-container div.left,
nav.main,
nav.main li.parent-menu-item a:hover + ul.sub-menu::before,
nav.main li.parent-menu-item.hover ul.sub-menu::before,
nav.main li.parent-menu-item.open ul.sub-menu::before,
html:is(.using-keyboard-navigation, .no-js) nav.main ul.sub-menu:focus-within::before {
	background-color: #222222;
}

body,
div.logo-container,
nav.main,
nav.main ul > li > span > a {
	color: #ffffff;
}

nav.main ul.sub-menu,
nav.main ul.sub-menu > li > span > a,
nav.main ul.sub-menu a[href]:hover,
html:is(.using-keyboard-navigation, .no-js) nav.main ul.sub-menu a[href]:focus {
	color: #222222;
}

nav.main ul.sub-menu a[href]:hover,
html:is(.using-keyboard-navigation, .no-js) nav.main ul.sub-menu a[href]:focus {
	border-bottom-color: #222222;
}

.c-hamburger > span,
.c-hamburger > span::before,
.c-hamburger > span::after {
	background-color: #ffffff; 
}

.c-hamburger.is-active>span,
.c-hamburger.is-active>span::before,
.c-hamburger.is-active>span::after {
	background-color: #222222;
}

@media only screen and (max-width:799px) { /* up to this width this we show the mobile menu and footer */
	nav.main ul.dropdown li span a {
		color: #222222;
	}
	nav.main ul.dropdown > li.parent-menu-item > span > a > span::after {
		background-image: url(../img/ai/ai-menu-arrow.png);
	}
}


footer {
	background-color: #ffffff;
	color: #222222;
}

footer nav li a:hover,
html:is(.using-keyboard-navigation, .no-js) footer nav li a:focus {
	color: #5D5D5D;
}

footer section#form {
	background-color: var(--header-footer-blue);
}

footer section#form h4,
footer section#form input {
	color: #222222;
}
footer section#form input::-webkit-input-placeholder {
	color: #222222;
}
footer section#form input:-moz-placeholder {
	color: #222222;
}
footer section#form input::-moz-placeholder {
	color: #222222;
}
footer section#form input:-ms-input-placeholder {
	color: #222222;
}

footer input,
footer input:focus {
	border-bottom-color: #222222;
}