:root 
{
--spacing: 40px;
--menu-height: 270px;
--menu-height-eie: 200px;
--logo-head-width: 120px;
--font-size-ultra: 2rem;
--font-size-extra: 1.8rem;
--font-size-xxlarge: 1.6rem;
--font-size-xlarge: 1.4rem;
--font-size-large: 1.2rem;
--font-size-medium: 1.1rem;
--font-size-bigger: 1.05rem;
--font-size-normal: 1rem;
--font-size-inbetween: 0.9rem;
--font-size-small: 0.85rem;
--font-size-xsmall: 0.75rem;
--font-size-tags: 0.65rem;
--font-weight-normal: 400;
--font-weight-heavy: 500;
--font-weight-bold: 800;
--color-text-dark: #3e3e3e;
--color-text-medium: #595959;
--color-text-light: #ffffff;
--bgcolor-lightgrey: #dddddd;
}

html
{
scroll-behavior: smooth;
}

html, body
{
font-size: 18px;
}

body
{
font-family: "Ubuntu",sans-serif;
font-weight: var(--font-weight-normal);
width: 100%;
background-color: #ffffff;
color: var(--color-text-dark);
}

body.gallery-open
{
overflow: hidden;
}

section
{
position: relative;
}

section.full
{
width: 100%;
height: 100vh;
margin: 0px !important;
}

b
{
font-weight: var(--font-weight-bold);
}

p {line-height: 1.4;}
p.size-xl {line-height: 1.4;}
p.smalltext {font-size: var(--font-size-xsmall);}

h1, h2, h3, h4, h5, h6
{
font-size: var(--font-size-normal);
font-weight: var(--font-weight-normal);
line-height: 1.3;
}

h1 {font-size: var(--font-size-ultra);}
h2 {font-size: var(--font-size-ultra);}
h3, h4, h5 {font-size: var(--font-size-normal);}

h2+h3 {margin-top: 0.5em;}

h5
{
font-style: italic;
font-size: var(--font-size-inbetween);
font-weight: bold;
}

h6
{
font-size: var(--font-size-xsmall);
margin-bottom: 1em;
font-weight: bold;
margin-top: 1em;
}

h1+p {margin-top: 1em;}
h2+p, h2+img+p {margin-top: 1em;}
h3+p, h3+img+p {margin-top: 0.7em;}
p+p {margin-top: 0.5em;}
p+h6 {margin-top: 2em;}

hr
{
height: 1px;
border: 0px;
border-bottom: 1px solid #ccc;
margin-top: 0.5em;
}

hr.clear
{
clear: both;
}

hr.separator
{
clear: both;
padding-top: calc(var(--spacing)*0.5);
margin-top: 0px;
margin-bottom: calc(var(--spacing)*0.5);
}

hr.separator:first-child
{
padding-top: 0px;
}

.txt-underline, .txt-underline-hover, .txt-underline-hover-accent
{
background-image: linear-gradient(to right, #000000, #000000);
background-repeat: no-repeat;
display: inline;
-webkit-transition: background 0.3s;
transition: background 0.3s;
background-position: 100% 100%, 0% 100%;
background-size: 100% 2px,0% 2px;
}

.txt-underline:hover, .txt-underline-hover:hover, .txt-underline-hover-accent:hover, .txt-underline.active, .txt-underline-hover.active, .txt-underline-hover-accent.active {background-size: 0% 2px,100% 2px;}

.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}

.float-left {float: left;}
.float-right {float: right;}
.float-none {float: none !important;}

.display-block {display: block !important;}
.display-inline-block {display: inline-block !important;}
.display-inline {display: inline !important;}

.weight-sm {font-weight: var(--font-weight-normal);}
.weight-lg {font-weight: var(--font-weight-bold);}


sup {font-size: 0.7em;}



/**************************************/
/*                                    */
/*     links                          */
/*                                    */
/**************************************/

a
{
color: inherit;
text-decoration: none;
display: inline;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

a:hover
{
color: #3e3e3e;
}

article a, a.underlined
{
color: inherit;
text-decoration: none;
display: inline;
-webkit-transition: all 0.3s, background 0.5s;
transition: all 0.3s, background 0.5s;
background-image: linear-gradient(to right, rgba(65, 65, 65, 1), rgba(65, 65, 65, 1));
background-position: 0% 100%;
background-size: 0% 2px;
background-repeat: no-repeat;
display: inline;
-webkit-transition: all 0.3s, background 0.6s;
transition: all 0.3s, background 0.6s;
/* padding-top: 0.3em; */
/* margin-top: -0.3em; */
/* padding-bottom: 0.4em; */
/* margin-bottom: -0.4em; */
}

article a:hover, a.underlined:hover
{
background-size: 100% 2px;
}

a.underlined.color-white
{
background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}

article .maintext a:not(.marker):not(.arrow):not(.icon):not(.institute):not(.subdirection), section.splash .super a
{
color: inherit;
font-weight: var(--font-weight-bold);
text-decoration: none;
display: inline;
-webkit-transition: all 0.3s, background 0.5s;
transition: all 0.3s, background 0.5s;
background-image: linear-gradient(to right, rgba(65, 65, 65, 1), rgba(65, 65, 65, 1));
background-position: 0% 100%;
background-size: 0% 2px;
background-repeat: no-repeat;
display: inline;
-webkit-transition: all 0.3s, background 0.6s;
transition: all 0.3s, background 0.6s;
padding-top: 0em;
margin-top: 0em;
padding-bottom: 0em;
margin-bottom: 0em;
}

article .maintext .color-white a:not(.marker):not(.arrow):not(.icon):not(.institute):not(.subdirection), section.splash .color-white .super a
{
background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1)) !important;
}

article .maintext a:not(.marker):not(.arrow):not(.icon):not(.institute):hover, section.splash .super a:hover
{
background-size: 100% 2px;
}

footer a
{
color: inherit;
text-decoration: none;
display: inline;
-webkit-transition: all 0.3s, background 0.5s;
transition: all 0.3s, background 0.5s;
background-position: 0% 100%;
background-size: 0% 2px;
background-repeat: no-repeat;
display: inline;
-webkit-transition: all 0.3s, background 0.6s;
transition: all 0.3s, background 0.6s;
padding-top: 0.2em;
margin-top: -0.2em;
padding-bottom: 0.2em;
margin-bottom: -0.2em;
}

footer a:hover
{
background-size: 100% 2px;
}

a.icononly
{
display: inline-block;
/* width: 50px; */
/* height: 50px; */
color: #000000;
width: 1.4em;
height: 1.4em;
margin-top: -0.3em;
margin-bottom: -0.1em;
/* font-size: 0px; */
text-indent: -9999px;
vertical-align: middle;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

a.icononly::before
{
content:"";
display: inline-block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
}

a.icononly.facebook::before {background-image:url("../img/icon-facebook.png");}
a.icononly.twitter::before {background-image:url("../img/icon-twitter.png");}
a.icononly.linkedin::before {background-image:url("../img/icon-linkedin.png");}
a.icononly.instagram::before {background-image:url("../img/icon-instagram.png");}
a.icononly.youtube::before {background-image:url("../img/icon-youtube.png");}
a.icononly.search::before {background-image:url("../img/icon-search.png");}

a.icononly.facebook.white::before {background-image:url("../img/icon-facebook-white.png");}
a.icononly.twitter.white::before {background-image:url("../img/icon-twitter-white.png");}
a.icononly.linkedin.white::before {background-image:url("../img/icon-linkedin-white.png");}
a.icononly.instagram.white::before {background-image:url("../img/icon-instagram-white.png");}
a.icononly.youtube.white::before {background-image:url("../img/icon-youtube-white.png");}
a.icononly.search.white::before {background-image:url("../img/icon-search-white.png");}

a.icononly:hover
{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}

a.icononly:active
{
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}

a.arrow
{
text-align: left;
position: relative;
font-size: var(--font-size-bigger);
font-weight: var(--font-weight-bold);
background: none;
background-size: 0% 2px;
display: inline-block;
padding: 0px;
padding-right: 4.5em;
margin: 0px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
/* border: 1px dotted gray; */
}

a.arrow:hover
{
background-size: 100% 2px;
}

a.arrow::after
{
content: "";
position: absolute;
top: 59%;
right: 0px;
width: 4em;
height: 2em;
background-image: url('../img/arrow-grey.svg');
background-size: contain;
background-repeat: no-repeat;
vertical-align: middle;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
/* border: 1px dotted gray; */
}

.box.info.color-white a.arrow::after
{
right: calc(var(--spacing)*0.5);
}

a.arrow:hover::after
{
margin-right: -1em;
background-image: url('../img/arrow-grey.svg') !important;
}

.box.info.color-white a.arrow:hover::after
{
background-image: url('../img/arrow-white.svg') !important;
}

a.marker
{
background: none !important;
text-align: left;
position: relative;
font-size: var(--font-size-bigger);
font-weight: var(--font-weight-bold);
display: inline-block;
padding: 0px;
padding-left: 2.5em;
margin: 0px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

a.marker::before
{
content: "";
position: absolute;
top: -0.25em;
left: 0px;
width: 2em;
height: 2em;
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
vertical-align: middle;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

a.marker:hover::before
{
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

a.icon
{
display: inline-block;
background: none !important;
text-align: left;
position: relative;
/* font-size: var(--font-size-bigger); */
font-weight: var(--font-weight-bold);
display: inline-block;
padding: 0px;
padding-left: 2.3em;
margin: 0px;
line-height: 1.2;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

a.icon.small
{
padding-left: 1.5em;
}

a.icon:has(+a.icon)
{
margin-right: 2em;
}

a.icon.small:has(+a.icon.small)
{
margin-right: 0.5em;
}

a.icon::before
{
content: "";
position: absolute;
left: 0px;
width: 2em;
/* height: 140%; */
/* top: -20%; */
height: 2em;
top: calc(50% - 1em);
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

a.icon.small::before
{
width: 1.5em;
height: 1.5em;
opacity: 0.75;
}

a.icon:hover::before
{
opacity: 1;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

a.icon.pdf::before {background-image: url('../img/icon-pdf-grey.png');}
a.icon.link::before {background-image: url('../img/icon-link-grey.png');}
a.icon.email::before {background-image: url('../img/icon-email-grey.png');}
a.icon.tel::before {background-image: url('../img/icon-tel-grey.png');}

.color-white a.icon.pdf::before {background-image: url('../img/icon-pdf-white.png') !important;}
.color-white a.icon.link::before {background-image: url('../img/icon-link-white.png') !important;}
.color-white a.icon.email::before {background-image: url('../img/icon-email-white.png') !important;}
.color-white a.icon.tel::before {background-image: url('../img/icon-tel-white.png') !important;}

a.icon.orcid::before {background-image: url('../img/icon-social-orcid-grey.png');}
a.icon.gscholar::before {background-image: url('../img/icon-social-gscholar-grey.png');}
a.icon.academia::before {background-image: url('../img/icon-social-academia-grey.png');}
a.icon.wos::before {background-image: url('../img/icon-social-wos-grey.png');}
a.icon.scopus::before {background-image: url('../img/icon-social-scopus-grey.png');}
a.icon.linkedin::before {background-image: url('../img/icon-social-linkedin-grey.png');}
a.icon.researchgate::before {background-image: url('../img/icon-social-researchgate-grey.png');}

a.big
{
position: relative;
font-size: var(--font-size-bigger);
font-weight: var(--font-weight-bold);
}

a.big:hover
{

}

html:lang(el) li.lang-item-el
{
display: none;
}

html:lang(en_US) li.lang-item-en
{
display: none;
}


/**************************************/
/*                                    */
/*     lists                          */
/*                                    */
/**************************************/

ul
{
margin: 0px;
padding: 0px;
}




/**************************************/
/*                                    */
/*     white                          */
/*                                    */
/**************************************/

.color-white
{
color: #ffffff;
}

.color-white a
{
color: #ffffff;
background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
}

.color-white a:hover
{
color: #ffffff;
}



/**************************************/
/*                                    */
/*     sections                       */
/*                                    */
/**************************************/

section
{
padding-bottom: calc(var(--spacing) * 3.5);
margin: auto;
}

section + section
{
margin-top: 0px;
}

section p
{

}

section:nth-last-of-type(1)
{

}

section.full
{
height: 100vh;
overflow: hidden;
}

section.fixed
{
position: fixed;
top: 0px;
left: 0px;
}

section.full.overflowing
{
height: auto;
min-height: 100vh;
overflow: auto;
}

section .container, header .container, footer .container
{
padding: 0px;
padding-left: var(--spacing);
padding-right: var(--spacing);
position: relative;
/* border-left: 1px dotted black; */
/* border-right: 1px dotted black; */
}





/**************************************/
/*                                    */
/*     section items                  */
/*                                    */
/**************************************/

section:not(.splash) hgroup
{
margin-bottom: calc(var(--spacing) * 1.5);
}

section hgroup h2 span
{
display: block;
font-size: var(--font-size-large);
margin-top: 0.4em;
}

section hgroup p
{
width: 50%;
margin: auto;
font-size: var(--font-size-medium);
line-height: 1.6;
text-align: center;
}

section hgroup p:first-of-type
{
margin-top: 2rem;
}

section article
{
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

section article:hover
{
/* -webkit-transform: scale(1.1); */
/* -ms-transform: scale(1.1); */
/* -o-transform: scale(1.1); */
/* transform: scale(1.1); */
/* z-index: 10; */
}

section article > *
{
margin: 0px;
}

section article .box
{
display: block;
height: 100%;
min-height: calc(var(--spacing) * 6);
}

section article .box.textbox
{
padding: var(--spacing);
}

section article .box.textbox.over
{
position: absolute;
top: 0px;
}

section article .box.textbox h1
{
font-size: var(--font-size-large);
font-weight: var(--font-weight-normal);
}

section article .box.textbox .title
{
margin-bottom: 1.5rem;
}

section article .box.textbox .dateplace
{
font-size: var(--font-size-small);
font-weight: var(--font-weight-normal);
display: inline-block;
}

section article .box.textbox .dateplace:has(+.content)
{
margin-bottom: 1.5rem;
}

section article .box.textbox .dateplace p
{
margin: 0px;
}

section article .box.textbox .content
{
font-size: var(--font-size-small);
}

section article .box.textbox .content .marker
{
font-size: var(--font-size-xsmall);
position: relative;
width: auto;
}

section article .box.textbox .content:has(+.bottom)
{
margin-bottom: 2.6rem;
}

section article .box.textbox .content
{
margin-bottom: 2.6rem;
}

section article .box.textbox .bottom
{
font-size: var(--font-size-tags);
font-weight: var(--font-weight-bold);
position: absolute;
bottom: var(--spacing);
margin-bottom: -0.5em;
width: calc(100% - (var(--spacing) * 2));
}

section article .box.textbox .tags
{
margin-top: 1.5rem;
}

section article .box.textbox .tags ul
{
list-style-type: none;
position: relative;
}

section article .box.textbox .tags ul li
{
display: inline-block;
padding-right: 2em;
position: relative;
}

section article .box.textbox .tags ul li::after
{
content: "●";
position: absolute;
display: inline-block;
text-align: center;
height: 1em;
top: 0px;
right: 0px;
width: 2em;
height: 100%;
}

section article .box.textbox .tags ul li:last-of-type::after
{
display: none;
}

article .marker
{
display: inline-block;
font-size: var(--font-size-tags);
font-weight: var(--font-weight-bold);
float: right;
margin-top: calc(var(--spacing) * -0.25);
margin-right: calc(var(--spacing) * -0.25);
}

article .marker.node
{
display: inline-block;
font-size: var(--font-size-tags);
font-weight: var(--font-weight-bold);
margin-top: 0px;
margin-right: calc(var(--spacing) * 0.25);
vertical-align: middle;
clip-path: polygon(50% -50%, 100% 50%, 50% 150%, 0 50%);
background: black;
width: 3em;
height: 2.5em;
}

article .marker.inline
{
display: inline-block;
font-size: var(--font-size-tags);
font-weight: var(--font-weight-bold);
margin-top: -0.4em;
margin-right: calc(var(--spacing) * 0.25);
vertical-align: middle;
}

article .marker .category
{
display: inline-block;
text-align: center;
margin-right: 1em;
}

article .marker .institute
{
display: inline-block;
text-align: center;
position: relative;
width: calc(var(--font-size-tags) * 3);
height: calc(var(--font-size-tags) * 3);
line-height: calc(var(--font-size-tags) * 3);
color: #ffffff;
}

article .marker a.institute
{
padding: 0px;
margin: 0px;
background: none;
background-image: none !important;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
background-color: #000000;
border-radius: 3em;
}

article .marker a.institute + a.institute
{
margin-left: 0.5em;
}

article .marker a.institute:hover
{
/* -webkit-transform: scale(1.2); */
/* -ms-transform: scale(1.2); */
/* -o-transform: scale(1.2); */
/* transform: scale(1.2); */
/* -webkit-transform: none; */
/* -ms-transform: none; */
/* -o-transform: none; */
/* transform: none; */
}

article .marker.node a.institute:hover
{
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

article .marker.node a.institute:hover::before
{
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

article .marker .institute::before
{
content: "";
position: absolute;
display: block;
top: 0px;
left: 0px;
width: 3em;
height: 3em;
border-radius: 3em;
z-index: -10;
}

article .marker .institute.node
{
line-height: 2.5em;
height: 2.5em;
}

article .marker .institute.node::before
{
content: "";
position: absolute;
display: block;
top: 0px;
left: 0px;
width: 3em;
height: 2.5em;
line-height: 2.5em;
border-radius: 0px;
z-index: -10;
/* aspect-ratio: 1/cos(30deg); */
clip-path: polygon(50% -50%, 100% 50%, 50% 150%, 0 50%);
}

article section.maintext .marker
{
float: left;
clear: left;
margin: 0px;
margin-top: -0.3em;
margin-right: 1em;
}

article section.maintext h2 > .marker
{
margin-top: 0px;
}

section article .box.colorbox
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
min-height: calc(var(--spacing) * 6);
overflow: hidden;
background-position: 50% 0%;
z-index: -10;
}

section article .box.imagebox
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
/* min-height: calc(var(--spacing) * 6); */
min-height: 0px;
overflow: hidden;
background-position: 50% 0%;
}

section .cta
{
text-align: center;
margin-top: 2rem;
}

section .cta p
{
font-size: var(--font-size-medium);
line-height: 1.6;
}

section .main
{
position: relative;
/* border-left: 1px dotted red; */
/* border-right: 1px dotted red; */
}

section .main .cta
{

}

/* section .cta p:has(+a.arrow) */
section .cta .arrow
{
margin-top: calc(var(--spacing) * 0.5);
}

section .cta p + .arrow
{
margin-top: calc(var(--spacing) * 1.5);
}

section article:nth-of-type(even) + .cta
{
position: relative;
display: inline-block;
width: 100%;
text-align: center;
margin-top: var(--spacing);
}

section article:nth-of-type(even) + .cta a
{
width: auto;
text-align: left;
}



/**************************************/
/*                                    */
/*     splash                         */
/*                                    */
/**************************************/

section.splash
{
margin-top: var(--menu-height);
}

body.eie section.splash
{
margin-top: var(--menu-height-eie);
}

body.sector section.splash
{
margin-top: calc(var(--menu-height) + var(--font-size-xlarge) + var(--spacing));
}

section.splash .abovetheline
{
position: relative;
min-height: calc(var(--spacing) * 4);
background-color: #e6e6e6;
}

section.splash .box
{
position: relative;
background-color: #767676;
color: #ffffff;
padding-left: calc(var(--spacing) * 2);
padding-right: calc(var(--spacing) * 4);
padding-top: 0px;
padding-bottom: calc(var(--spacing) * 2);
margin-left: calc(var(--spacing) * -1);
width: calc(65% + var(--spacing));
}

section.splash .box:not(.imagebox)
{
border-left: 1px solid black;
border-width: var(--spacing);
}

section.splash .box h1
{
font-size: var(--font-size-extra);
font-weight: var(--font-weight-normal);
line-height: 1.3;
}

body.homepage section.splash .box h1
{
font-size: var(--font-size-ultra);
font-size: var(--font-size-xxlarge);
font-weight: var(--font-weight-normal);
line-height: 1.3;
}

body.homepage section.splash .arrow
{
position: absolute;
bottom: calc(var(--spacing) * 1.5);
right: calc(var(--spacing) * 1.5);
}

body.homepage section.splash .arrow span.hide
{
font-size: 0px;
}

section.splash .box p
{
line-height: 1.6;
}

section.splash .box .underpic
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
}

section.splash .box .underpic::after
{
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #000000;
opacity: 0.6;
}

section.splash .abovetheline .box
{
position: absolute;
bottom: 0px;
z-index: 10;
padding: calc(var(--spacing) * 2);
padding-bottom: 0px;
padding-right: calc(var(--spacing) * 5);
padding-top: calc(var(--spacing) * 1);
padding-left: calc(var(--spacing) * 1);
}

section.splash .abovetheline .box.imagebox
{
position: relative;
background-color: #eeeeee;
color: #ffffff;
width: 100%;
height: calc(100vh - var(--menu-height));
margin: auto;
}

section.splash.static .abovetheline .box.imagebox
{
height: calc(1300px * 0.4);
}

body.home.eie section.splash .abovetheline .box.imagebox
{
height: calc(1300px * 0.4);
max-height: calc(100vh - var(--menu-height-eie));
/* max-height: calc(1300px * 0.4); */
}

html.portrait section.splash .abovetheline .box.imagebox
{

}

section.splash.static .abovetheline .imagecaption
{
position: absolute;
right: 0px;
width: calc(35% - var(--spacing));
/* border: 1px solid red; */
font-size: var(--font-size-tags);
text-align: right;
word-break: break-word;
padding-top: 1em;
color: var(--color-text-medium);
}

section.splash .box hgroup p
{
text-align: left;
width: auto;
margin: 0px;
margin-top: 1em;
}

section.splash .abovetheline h1
{
color: #ffffff;
}

section.splash .belowtheline .box
{
padding-top: var(--spacing);
padding-bottom: calc(var(--spacing) * 1.25); /* SHORTER BOX */
padding-left: calc(var(--spacing) * 1);
}

section.splash .acrosstheline
{
position: relative;
}

section.splash .acrosstheline .box
{
margin-top: calc(var(--spacing) * -2); /* BOX ON TOP */
margin-top: 0px; /* BOX FLUSH */
padding-top: calc(var(--spacing)* 1);
padding-bottom: calc(var(--spacing)* 1);
padding-right: calc(var(--spacing)* 2);
padding-left: calc(var(--spacing) * 1);
z-index: 10;
}

section.splash .abovetheline.empty + .acrosstheline .box
{
margin-top: calc(var(--spacing) * -2); /* BOX ON TOP */
}

section.splash .acrosstheline.wider .box
{
width: calc(65% + (var(--spacing) * 2));
}

section.splash .acrosstheline p
{
font-size: var(--font-size-normal);
line-height: 1.4;
}

@media screen and (max-height: 1280px)
{
	section.splash .abovetheline .box {padding-bottom: calc(var(--spacing) * 1);} /* SHORTER BOX */
	section.splash .belowtheline .box {padding-top: 0px;}
}

section.splash .cta
{
width: calc(35% - (var(--spacing) * 2));
position: absolute;
bottom: calc(var(--spacing) * 1.5); /* SHORTER BOX */
right: calc(var(--spacing) * 1);
}

body.home.eie section.splash .cta
{
bottom: calc(var(--spacing) * 0.5);
}

section.splash .cta.top
{
/* bottom: auto; */
/* top: calc(var(--spacing) * 3.5); */
/* right: 0px; */
bottom: auto;
top: calc(var(--spacing) * 1.5);
right: auto;
left: calc(65% + var(--spacing));
text-align: left;
}

section.splash .acrosstheline .photobox
{
position: absolute;
top: 0px;
left: 100%;
width: calc(35% + (var(--spacing) * 1.5));
width: calc(((100% - (var(--spacing) * 3)) * 1.538 * 0.35) - var(--spacing));
height: 100%;
background-size: auto 100%;
background-position: 0% 50%;
}

section.splash .acrosstheline .photobox.colored
{
background-color: #f6f6f6;
}

section.splash .acrosstheline .photobox img 
{
max-width: 80%;
max-height: 80%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

section.splash p
{
font-size: var(--font-size-large);
}

body.home section.splash p
{
font-size: var(--font-size-bigger);
}

section.splash .box .super
{
margin-bottom: 1em;
margin-bottom: var(--spacing);
float: none;
clear: both;
}

section.splash .box .nodebox
{
font-size: var(--font-size-medium);
font-weight: var(--font-weight-normal);
margin-bottom: 1em;
}

section.splash .box .marker.node
{
float: none;
}

section.splash .box hgroup .super
{
font-size: var(--font-size-medium);
font-weight: var(--font-weight-normal);
margin-bottom: 1em;
}

section.splash .box hgroup .super.small
{
font-size: var(--font-size-small);
}

section.splash .box .category
{
font-size: var(--font-size-small);
font-weight: var(--font-weight-heavy);
/* text-transform: uppercase; */
/* font-variant: small-caps; */
}

section.splash .box .date
{
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
float: right;
}

section.splash.nopadding
{
padding-bottom: calc(var(--spacing)* 1.5);
}



/**************************************/
/*                                    */
/*     news                           */
/*                                    */
/**************************************/

section.news
{

}

section.news article
{
width: calc(100% + var(--spacing));
border-top: 2px solid #ffffff;
min-height: calc(var(--spacing) * 6);
padding: 0px;
position: relative;
}

section.news article:nth-of-type(even)
{
margin-left: calc(var(--spacing) * -1);
}

section.news .main
{

}

section.news article .box.colorbox
{
width: 65%;
width: calc((100% - var(--spacing)) * 0.65);
}

section.news article:nth-of-type(even) .box.colorbox
{
left: auto;
right: 0px;
}

section.news article .box.imagebox
{
width: 35%;
width: calc(((100% - var(--spacing)) * 0.35) + var(--spacing));
background-position: 50% 50%;
}

section.news article .box.imagebox.lightgrey
{
background-color: #f5f5f5;
}

section.news article:nth-of-type(odd) .box.imagebox
{
left: auto;
right: 0px;
}

section.news article .box.imagebox img
{
max-width: 80%;
max-height: 80%;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

section.news article .box.textbox
{
width: 65%;
width: calc((100% - var(--spacing)) * 0.65);
}

section.news article .box.textbox .content
{
margin-bottom: 0px;
}

section.news article .box.textbox .content:has(+.bottom)
{
margin-bottom: 2.6rem;
}

section.news article .box.textbox .bottom
{
width: calc(65% - var(--spacing) - var(--spacing));
}

section.news article:nth-of-type(even) .box.textbox
{
margin-left: calc(((100% - var(--spacing)) * 0.35) + var(--spacing));
}

section.news article .marker
{
margin-bottom: calc(var(--font-size-tags) * 1.5);
margin-left: calc(var(--font-size-tags) * 4);
}

section.news .main .cta:not(.under)
{
right: 0px;
position: absolute;
bottom: calc(var(--spacing) * 1);
right: 0px;
text-align: left;
margin-top: 0px;
}

section.news article .title .super
{
font-size: var(--font-size-xsmall);
margin-bottom: 1.5rem;

font-size: var(--font-size-tags);
margin-bottom: 1em;
font-weight: var(--font-weight-bold);
}

section.news article .title .sub
{
font-size: var(--font-size-bigger);
display: block;
margin-top: 0.5em;
line-height: 1.3;
}



/**************************************/
/*                                    */
/*     events                         */
/*                                    */
/**************************************/

section.events
{

}

section.events .main
{
column-count: 2;
column-gap: var(--spacing);
}

section.events article
{
width: 100%;
min-height: calc(var(--spacing) * 6);
padding: 0px;
position: relative;
margin-bottom: var(--spacing);
break-inside: avoid;
background-color: #000000;
}

section.events article .box.imagebox + .box.colorbox
{
background-color: #000000;
opacity: 0.6;
background-image: none;
}

section.events article .box.colorbox
{
z-index: 0; /* HERE */
}

section.events article .box.imagebox
{
z-index: 0; /* HERE */
}

section.events article .box.textbox
{
width: 100%;
}

section.events article .box.textbox .content:has(+.bottom)
{
margin-bottom: 12rem;
}

section.events article .box.textbox .content
{
margin-bottom: 12rem;
}

section.events article .box.textbox .tags 
{
padding-right: 6em;
}

section.events article .marker
{
float: none;
position: absolute;
bottom: 0px;
right: 0px;
margin-top: 0px;
/* margin-bottom: calc(var(--font-size-tags) * -1); */
/* margin-right: calc(var(--font-size-tags) * -1); */
margin-bottom: calc(var(--spacing) * -0.25);
margin-right: calc(var(--spacing) * -0.4);
}

section.events article > .box.colorbox:first-child + .box.textbox + .box.textbox.over .marker .institute
{
background-color: #ffffff;
border-radius: 3em;
}

section.events article .marker .category
{
display: none;
}

section.events article > .box.colorbox:first-child + .box.textbox .marker .institute::before
{
background-color: #ffffff;
}

section.events .cta:not(.under)
{
width: 50%;
padding-left: calc(var(--spacing) * 0.5);
position: absolute;
bottom: 40px;
right: 0px;
text-align: left;
margin-top: 0px;
}

section.events article:nth-of-type(even) + .cta 
{
text-align: left;
padding-left: 0px;
}

section.events article .title .super
{
font-size: var(--font-size-xsmall);
margin-bottom: 1.5rem;
}




/**************************************/
/*                                    */
/*     subjects                       */
/*                                    */
/**************************************/

section.subjects
{
text-align: center;
line-height: 0;
}

section.subjects .main
{
max-width: 1000px;
margin: auto;
}

section.subjects article
{
width: 25%;
display: inline-block;
}

section.subjects article:nth-of-type(9)
{
display: none;
}

section.subjects article:hover
{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
z-index: 10;
}

section.subjects article .box
{
min-height: calc(var(--spacing) * 2);
padding: 0px;
padding-bottom: 100%;
}

section.subjects article .box.imagebox
{
z-index: -10;
}

section.subjects article .box.textbox .title
{
margin: 0px;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
width: 80%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

section.subjects article .box.imagebox + .box.colorbox
{
opacity: 0.75;
}



/**************************************/
/*                                    */
/*     press                          */
/*                                    */
/**************************************/

section.press
{

}

section.press .main
{
column-count: 2;
column-gap: var(--spacing);
}

section.press article
{
width: 100%;
min-height: calc(var(--spacing) * 6);
padding: 0px;
position: relative;
margin-bottom: var(--spacing);
break-inside: avoid;
background-color: #000000;
}

section.press article .colorbox 
{
z-index: 0;
}

section.press article .box.textbox
{
width: 100%;
}

section.press article .box.textbox .content
{
margin-bottom: 0px;
}

section.press article .box.textbox .content:has(+.bottom)
{
margin-bottom: 4rem;
}

section.press article .box.textbox .tags 
{

}

section.press article .marker .category
{
display: none;
}

section.press article > .box.colorbox:first-child + .box.textbox .marker .institute::before
{
background-color: #ffffff;
}

section.press article > .box.colorbox:first-child + .box.textbox + .box.textbox.over .marker .institute 
{
background-color: #ffffff;
border-radius: 3em;
}

section.press article:nth-of-type(even) + .cta 
{
text-align: left;
padding-left: 0px;
}

section.press article .box.textbox .dateplace
{
font-size: var(--font-size-tags);
font-weight: var(--font-weight-bold);
}

section.press article .box.textbox .dateplace
{
margin-bottom: 1.5rem;
}



/**************************************/
/*                                    */
/*     jobs                           */
/*                                    */
/**************************************/

section.jobs
{
margin-top: 2rem;
}

section.jobs .main
{
column-count: 2;
column-gap: var(--spacing);
}

section.jobs article
{
width: 100%;
min-height: calc(var(--spacing) * 4);
padding: 0px;
position: relative;
margin-bottom: 0px;
break-inside: avoid;
}

section.jobs article .box
{
min-height: 200px;
}

section.jobs article .box.textbox
{
width: 100%;
padding-top: 0px;
}

section.jobs article .marker .category
{
display: none;
}

section.jobs .cta 
{
width: auto;
position: relative;
text-align: center;
}

section.jobs article:nth-of-type(even) + .cta 
{
text-align: left;
padding-left: 0px;
}

section.jobs article .box.textbox
{

padding-top: calc(var(--spacing) * 0.5);
padding-bottom: calc(var(--spacing) * 0.5);
padding-right: 0px;
}

section.jobs article .box.textbox .dateplace
{
font-size: var(--font-size-tags);
font-weight: var(--font-weight-bold);
}

section.jobs article .box.textbox .dateplace
{
margin-bottom: 0.5rem;
}

section.jobs article .box.textbox .title
{
margin-bottom: 0.5rem;
}

section.jobs article .box.textbox h1
{
font-size: var(--font-size-medium);
font-weight: var(--font-weight-heavy);
}

section.jobs article .box.textbox .content 
{
margin-bottom: 0px;
}



/**************************************/
/*                                    */
/*     tenders                        */
/*                                    */
/**************************************/

section.tenders
{
margin-top: 2rem;
}

section.tenders .main
{

}

section.tenders article
{
width: 100%;
max-width: 1000px;
min-height: calc(var(--spacing) * 2);
padding: 0px;
position: relative;
margin: auto;
break-inside: avoid;
}

section.tenders article .box
{
min-height: calc(var(--spacing) * 2);
}

section.tenders article .marker .category
{
display: none;
}

section.tenders .cta 
{
width: auto;
position: relative;
text-align: center;
}

section.tenders article:nth-of-type(even) + .cta 
{
text-align: left;
padding-left: 0px;
}

section.tenders article .box.textbox
{
width: 100%;
padding-top: calc(var(--spacing) * 0.5);
padding-bottom: calc(var(--spacing) * 0.5);
}

section.tenders article .box.textbox .dateplace
{
font-size: var(--font-size-tags);
font-weight: var(--font-weight-bold);
}

section.tenders article .box.textbox .dateplace
{
margin-right: 1em;
}

section.tenders article .box.textbox .title
{
margin-bottom: 0.5rem;
}

section.tenders article .box.textbox h1
{
font-size: var(--font-size-medium);
font-weight: var(--font-weight-heavy);
}

section.tenders article .box.textbox .content 
{
margin-bottom: 0px;
}



/**************************************/
/*                                    */
/*     books                          */
/*                                    */
/**************************************/

section.books
{
margin-top: 2rem;
}

section.books .main
{
column-count: 2;
column-gap: var(--spacing);
margin-bottom: var(--spacing);
}

section.books article
{
display: inline-block;
width: 100%;
min-height: calc(var(--spacing) * 4);
padding: 0px;
position: relative;
margin-bottom: var(--spacing);
}

section.books article .box
{
min-height: 200px;
}

section.books article .box.imagebox
{
position: relative;
display: block;
vertical-align: top;
float: left;
width: 33%; 
height: auto;
min-height: 0px;
}

section.books article .box.colorbox
{
display: none;
}

section.books article .box.textbox
{
position: relative;
display: block;
vertical-align: top;
margin-left: 33%;
width: 66%;
height: 100%;
padding-left: calc(var(--spacing) * 0.5);
}

section.books article .bottom
{
position: absolute;
left: calc(33% + (var(--spacing) * 0.5));
bottom: 0px;
}

section.books article hgroup
{
margin-bottom: 1em;
}

section.books article hgroup p, section.books article hgroup p:first-of-type
{
width: 100%;
margin: 0px;
margin-top: 0.5em;
padding: 0px;
text-align: left;
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
line-height: 1.3;
}

section.books article .marker
{
float: left;
}

section.books article .marker .institute
{
color: #ffffff;
background: #000000;
border-radius: 3em;
}

section.books article .marker .category
{
display: none;
}

section.books .cta 
{
width: auto;
position: relative;
text-align: center;
}

section.books article:nth-of-type(even) + .cta 
{
text-align: left;
padding-left: 0px;
}

section.books article .box.textbox
{
padding-top: 0px;
padding-right: 0px;
}

section.books article .box.textbox .title
{
margin-bottom: 1.5em;
}

section.books article .box.textbox h1
{
font-size: var(--font-size-bigger);
font-weight: var(--font-weight-bold);
}

section.books article .box.textbox .content 
{
margin-bottom: calc(var(--spacing) * 0.75);
}



/**************************************/
/*                                    */
/*     databases                      */
/*                                    */
/**************************************/

section.databases
{
margin-top: 2rem;
}

section.databases .main
{
margin-bottom: calc(var(--spacing) * 0.5);
}

section.databases .main .row
{
column-count: 2;
column-gap: var(--spacing);
margin-bottom: calc(var(--spacing) * 0.5);
}

section.databases article
{
display: block;
width: 100%;
min-height: calc(var(--spacing) * 4);
padding: 0px;
position: relative;
/* margin-bottom: var(--spacing); */
margin-bottom: 0px;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}

section.databases article .box
{
min-height: 0px;
}

section.databases article .box.imagebox
{
position: relative;
display: block;
vertical-align: top;
width: 100%; 
height: calc(var(--spacing) * 5);
min-height: 0px;
border: 1px solid #eeeeee;
background-position: 50% 50%;
}

section.databases article .box.imagebox a
{
display: block;
width: 100%;
height: 100%;
font-size: 0px;
}

section.databases article .box.colorbox
{
display: none;
}

section.databases article .box.textbox
{
position: relative;
display: block;
vertical-align: top;
width: 100%;
padding: 0px;
padding-top: calc(var(--spacing) * 0.5);
padding-top: 1.5em;
}

section.databases article .marker a.institute:not(.node)
{
background-color: #000000 !important;
border-radius: 3em;
}

section.databases article hgroup
{
margin-bottom: 1em;
}

section.databases article hgroup p, section.databases article hgroup p:first-of-type
{
width: 100%;
margin: 0px;
margin-top: 1.2em;
margin-bottom: -0.5em;
padding: 0px;
text-align: left;
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
line-height: 1.3;
}

section.databases article .marker.node
{
float: right;
}

section.databases article .marker
{
float: left;
}

section.databases article .marker .category
{
display: none;
}

section.databases .cta 
{
width: auto;
position: relative;
text-align: center;
}

section.databases article .box.textbox .title
{
margin-bottom: 1.3em;
}

section.databases article .box.textbox h1
{
font-size: var(--font-size-bigger);
font-weight: var(--font-weight-bold);
padding-left: 2.3em;
padding-right: 3em;
}

section.databases article .box.textbox .content 
{
padding-bottom: calc(var(--spacing) * 1);
margin-bottom: 0px;
}



/**************************************/
/*                                    */
/*     library                        */
/*                                    */
/**************************************/

section.library
{

}

section hgroup p:first-of-type 
{
font-size: var(--font-size-xlarge);
margin-top: 2rem;
}

section.library .main
{

}

section.library .main .box.imagebox
{
width: calc(50% - (var(--spacing) / 2));
height: 100%;
position: absolute;
}

section.library .main .box.textbox
{
width: calc(50% - (var(--spacing) / 2));
margin-left: calc(50% + (var(--spacing) / 2));
}

section.library .content p
{
font-size: var(--font-size-medium);
line-height: 1.6;
}

body.iie section.library .content p
{
font-size: var(--font-size-normal);
line-height: 1.4;
}

section.library .content:has(+.cta) 
{
margin-bottom: calc(var(--spacing) * 2);
}

section.library .main .cta
{
text-align: left;
position: relative;
bottom: 0px;
right: auto;
left: 0px;
}




/**************************************/
/*                                    */
/*     sectors                        */
/*                                    */
/**************************************/

section.sectors
{

}

section.sectors .main
{
/* column-count: 3; */
/* column-gap: var(--spacing); */
}

section.sectors .main .sector
{
width: 33%;
display: inline-block;
vertical-align: top;
text-align: center;
break-inside: avoid;
padding: calc(var(--spacing) * 0.5);
padding-top: 0px;
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
}

section.sectors .main .sector .circle
{
position: relative;
display: inline-block;
width: 260px;
height: 260px;
border-radius: 100%;
break-inside: avoid;
margin-bottom: calc(var(--spacing) * 0.5);
background-image: none;
overflow: hidden;
}

section.sectors .main .sector .circle .title
{
padding: calc(var(--spacing) * 1);
display: block;
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: var(--font-size-large);
font-weight: var(--font-weight-heavy);
color: #ffffff;
}

section.sectors .main .sector .circle .initials
{
position: absolute;
left: 0px;
bottom: calc(var(--spacing) * 0.5);
width: 100%;
color: #ffffff;
font-size: var(--font-size-tags);
opacity: 1;
}

section.sectors .main .sector .circle:hover
{

-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

section.sectors .main .sector .program
{
margin-bottom: 1em;
}



/**************************************/
/*                                    */
/*     directions                     */
/*                                    */
/**************************************/

section.directions
{

}

section.directions
{
/* column-count: 3; */
/* column-gap: var(--spacing); */
}

section.directions .main .direction
{
position: relative;
display: inline-block;
vertical-align: top;
text-align: center;
break-inside: avoid;
padding: calc(var(--spacing) * 0.5);
padding-top: 0px;
padding: 0px;
font-size: var(--font-size-normal);
}

section.directions .main .direction .square
{
position: relative;
display: inline-block;
break-inside: avoid;
margin-bottom: calc(var(--spacing) * 0.5);
background-size: cover;
overflow: hidden;
z-index: 10;
border: 1px solid #eeeeee;
vertical-align: top;
background-color: var(--bgcolor-default);
}

section.directions.dir3 .main .direction
{
width: 33%;
}

section.directions.dir3 .main .direction .square
{
width: 260px;
height: 260px;
}

section.directions.dir4 .main .direction
{
width: 25%;
}

section.directions.dir4 .main .direction .square
{
width: 230px;
height: 230px;
}

section.directions.dir5 .main .direction
{
width: 20%;
}

section.directions.dir5 .main .direction .square
{
width: 180px;
height: 180px;
}

section.directions .main .direction .square .title
{
padding: calc(var(--spacing) * 0.5);
display: block;
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: var(--font-size-large);
font-weight: var(--font-weight-heavy);
color: #ffffff;
}

section.directions .main .direction .square .initials
{
position: absolute;
left: 0px;
bottom: calc(var(--spacing) * 0.5);
width: 100%;
color: #ffffff;
font-size: var(--font-size-tags);
opacity: 0.5;
display: none;
}

section.directions .main .direction .square:hover
{

-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

section.directions .main .direction .goback
{
width: 260px;
font-size: var(--font-size-small);
}

section.directions .main .direction .goback::after
{
display: none;
}

section.directions .main .direction .programs
{
text-align: left;
padding-left: calc(100% + (var(--spacing)*0.5));
/* min-height: 260px; */
display: none;
}

section.directions.dir3 .main .direction .programs
{
margin-top: -280px;
width: 300%;
}

section.directions.dir4 .main .direction .programs
{
margin-top: -250px;
width: 400%;
}

section.directions.dir5 .main .direction .programs
{
margin-top: -200px;
width: 500%;
}

section.directions .main .direction .programs p+p
{
margin-top: 1.25em;
}

section.directions .main .direction .programs p span
{
margin-top: 0.3em;
margin-bottom: 1em;
display: block;
font-size: var(--font-size-xsmall);
font-weight: var(--font-weight-normal);
}

section.directions .main .direction .programs .program
{
font-weight: var(--font-weight-bold);
margin-bottom: 1em;
}

section.directions .main .direction.expanded
{
/* width: 100%; */
}

section.directions .main.instructions
{
text-align: center;
margin-top: calc(var(--spacing) * 1);
}

section.directions .main.expanded + .main.instructions
{
opacity: 0;
}

section.directions.dir3 .main.boxes
{
min-height: 300px;
}

section.directions.dir4 .main.boxes
{
min-height: 300px;
}

section.directions.dir5 .main.boxes
{
min-height: 300px;
}


/**************************************/
/*                                    */
/*     nodes                          */
/*                                    */
/**************************************/

section.directions.nodes
{
overflow: hidden;
}

section.directions.nodes .main
{
/* column-count: 3; */
/* column-gap: var(--spacing); */
}

section.directions.nodes .main .node
{
position: relative;
width: 20%;
min-height: 200px;
display: inline-block;
vertical-align: top;
text-align: center;
break-inside: avoid;
padding: calc(var(--spacing) * 0.5);
padding-top: 0px;
padding: 0px;
font-size: var(--font-size-normal);
font-weight: var(--font-weight-bold);
}

section.directions.nodes .main .node .shape
{
position: relative;
position: absolute;
left: 0px;
display: inline-block;
/* width: calc(100% - var(--spacing)); */
break-inside: avoid;
margin-bottom: calc(var(--spacing) * 0.5);
background-size: cover;
overflow: hidden;
z-index: 10;
border: 1px solid #eeeeee;
background-image: none;
background-color: var(--bgcolor-menu);
aspect-ratio: 1/cos(30deg);
clip-path: polygon(50% -50%, 100% 50%, 50% 150%, 0 50%);
}

section.directions.nodes.dir3 .main .direction .square, section.directions.nodes.dir4 .main .direction .square, section.directions.nodes.dir5 .main .direction .square
{
width: 210px;
height: 180px;
}

section.directions.nodes .main .node .shape .title
{
padding: calc(var(--spacing) * 0.5);
display: block;
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: var(--font-size-medium);
font-weight: var(--font-weight-heavy);
line-height: 1.2;
color: #ffffff;
opacity: 1;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}

section.directions.nodes .main .node.expanded .shape .title
{
opacity: 1;
}

section.directions.nodes .main .node.collapsed .shape .title
{
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}

section.directions.nodes .main .node .shape .initials
{
position: absolute;
left: 0px;
bottom: calc(var(--spacing) * 0.5);
width: 100%;
color: #ffffff;
font-size: var(--font-size-small);
opacity: 0.7;
display: block;
}

section.directions.nodes .main .node .shape:hover
{

-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

section.directions.nodes .main .node .goback
{
width: 260px;
font-size: var(--font-size-small);
}

section.directions.nodes .main .node .goback::after
{
display: none;
}

section.directions.nodes .main .node .programs
{
/* position: absolute; */
/* top: 0px; */
text-align: left;
width: 500%;
padding-left: 100%;
/* background-color: #eeeeee; */
display: none;
}

section.directions.nodes.dir3 .main .node .programs, section.directions.nodes.dir4 .main .node .programs, section.directions.nodes.dir5 .main .node .programs
{
margin-top: 0px;
}

section.directions.nodes .main .node .programs .program
{
/* white-space: nowrap; */
margin-top: 0.4em;
margin-bottom: 1.2em;
clear: both;
}

section.maintext .program
{
clear: both;
height: 3em;
}

section.directions.nodes .main .node .programs .program .marker
{
float: left;
margin-top: -0.3em;
margin-right: 1.2em;
}

section.directions .main .direction .programs .program .team, section.directions.nodes .main .node .programs .program .team
{
margin-top: 0.3em;
margin-bottom: 1em;
display: block;
font-size: var(--font-size-xsmall);
font-weight: var(--font-weight-normal);
}

section.directions.nodes .main .node.expanded
{
/* width: 100%; */
}

section.directions.nodes .main.instructions
{
text-align: center;
margin-top: calc(var(--spacing) * 1);
}



/**************************************/
/*                                    */
/*     list                           */
/*                                    */
/**************************************/

section.list
{

}

section.list.nopadding
{
padding-bottom: calc(var(--spacing)* 1.5);
}

section.list .main
{
/* padding-left: var(--spacing); */
/* padding-right: var(--spacing); */
font-size: var(--font-size-normal);
display: inline-block;
vertical-align: top;
width: 100%;
}

section.list .main .searchterm
{
font-size: var(--font-size-xlarge);
text-align: center;
padding-top: 0.5em;
padding-bottom: 0.5em;
border-bottom: 2px solid #d6d6d6;
}

section.list article
{
margin-bottom: calc(var(--spacing) * 2);
}

section.list article .box.imagebox
{
position: absolute;
left: auto;
right: 0px;
width: 25%;
}

section.list article .box.textbox
{
padding: 0px;
width: calc(75% - var(--spacing));
position: relative;
}

section.list article .marker
{
float: none;
position: absolute;
left: 0px;
margin-top: 0px;
width: 20%;
padding-right: calc(var(--spacing) * 0.5);
}

section.list.presslist article .marker:has(+.marker)
{
top: 40px;
}

section.list.jobslist article .marker:has(+.marker)
{
top: 40px;
}

section.list article .marker .category
{
margin-left: 0.5em;
}

section.list article .marker .institute
{
color: #ffffff;
}

section article .marker a.institute + a.institute
{
margin-left: 0.25em;
}

section.list article .marker .date
{
display: block;
margin-left: calc(var(--font-size-tags)* 3);
padding-left: 0.7em;
}

section.list article .marker .date.nocategory
{
display: inline-block;
margin-left: 0px;
padding-left: 0.7em;
}

section.list article .marker .status
{
display: block;
margin-left: calc(var(--font-size-tags)* 3);
padding-left: 1.5em;
}

section.list article .box
{
min-height: auto;
}

section.list article .box.textbox .title
{
padding-left: 20%;
margin-bottom: 1rem;
}

section.list article .box.textbox .dateplace
{
padding-left: 20%;
margin-bottom: 1rem;
font-weight: var(--font-weight-heavy);
}

section.list article .box.textbox .dateplace:has(+.content)
{
margin-bottom: 1rem;
}

section.list article .box.textbox h1
{
font-size: var(--font-size-bigger);
padding-top: 0.3em;
}

section.list article .box.textbox .title .super
{
font-size: var(--font-size-tags);
margin-bottom: 0.2rem;
font-weight: var(--font-weight-bold);
}

section.list article .box.textbox .content
{
padding-left: 20%;
margin-bottom: 1rem;
}

section.list article .box.textbox .bottom
{
position: relative;
padding-left: 20%;
bottom: auto;
width: 100%;
margin: 0px;
}

section.list .filters
{
background-color: #767676;
color: #ffffff;
padding-top: calc(var(--spacing) * 0.5);
padding-bottom: calc(var(--spacing) * 0.5);
padding-right: calc(var(--spacing) * 0.5);
padding-left: calc((var(--font-size-tags)* 3) + 0.5em);
margin-bottom: calc(var(--spacing) * 1);
}

section.list .filters .filter
{
display: inline-block;
margin-right: 3em;
}

section.list .filters .label
{
font-size: var(--font-size-tags);
display: inline-block;
font-weight: var(--font-weight-bold);
margin-right: 1em;
vertical-align: middle;
}

section.list .filters .extrafilters
{
display: block;
width: 100%;
/* height: 0px; */
/* overflow: hidden; */
padding-top: calc(var(--spacing) * 1);
}

section.list .filters .extrafilters .filter
{
margin-bottom: calc(var(--spacing) * 0.5);
}

section.list .filters .controls
{
padding-top: calc(var(--spacing) * 0.5);
text-align: left;
}

section.list .filters button
{
background-color: transparent;
position: relative;
display: inline-block;
font-size: var(--font-size-tags);
font-weight: var(--font-weight-bold);
color: #ffffff;
padding: 0.5em;
z-index: 10;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

section.list .filters button::before
{
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #3e3e3e;
opacity: 0.5;
z-index: -2;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

section.list .filters button::after
{
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 0%;
height: 100%;
background-color: #00aec2;
z-index: -1;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

section.list .filters button:hover
{
color: #ffffff;
}

section.list .filters button:hover::after
{
width: 100%;
}

section.list .filters button:active
{
color: #ffffff;
}

section.list .filters button:active::after
{
opacity: 0.5;
}

section.list button.bold
{
color: #3e3e3e;
}

section.list button.bold::before
{
background-color: #efefef;
opacity: 1;
}

section.list button.transparent::before
{
opacity: 1;
background-color: transparent;
}

section.list button.transparent::after
{
background-color: transparent;
}

section.list button.transparent:hover
{
color: #3e3e3e;
}

section.list button.arrow
{
padding-right: 2.5em;
}

section.list button.arrow::before
{
width: 2em;
height: 2em;
left: auto; 
top: 0.2em;
right: 0px;
background-image: url("../img/icon-accordion-white.png");
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 1.5em 1.5em;
}

section.list button.arrow.open::before
{
transform-origin: 50% 50%;
transform: rotate(180deg);
}

section.list .filters button.morefilters
{
float: right;
}

section.list button.resetfilters
{

}

section.list button.applyfilters
{
float: right;
}

section.list .header
{
width: 100%;
border-bottom: 2px solid #767676;
/* margin-top: calc(var(--spacing) * -0.5); */
margin-bottom: calc(var(--spacing) * 1);
display: block;
font-size: var(--font-size-tags);
font-weight: var(--font-weight-bold);
margin-top: calc(var(--spacing) * -0.5);
}

section.list .header > *
{
display: inline-block;
padding-bottom: 0.5em;
}

section.list .header .date
{
width: calc((75% - var(--spacing)) * 0.2);
padding-left: 0.5em;
}

section.list .header .title
{
width: calc(75% * 0.8);
}

section.list .header .end
{
text-align: right;
width: 25%;
}

section.list section.section
{
padding-bottom: calc(var(--spacing) * 1);
margin-bottom: calc(var(--spacing) * 1.5);
}

section.list section.department
{
padding: 0px;
margin-bottom: 0px;
}

section.list section.office
{
background-color: #f0f0f0;
padding: 0px;
margin-bottom: 0px;
}

section.list section.accordion.closed
{
margin-bottom: calc(var(--spacing) * 0);
}

section.list .separator
{
width: 100%;
padding: var(--spacing);
padding-top: calc(var(--spacing) * 0.5);
padding-bottom: calc(var(--spacing) * 0.5);
/* padding-right: 0px; */
margin-top: calc(var(--spacing) * 1.5);
margin-bottom: calc(var(--spacing) * 0);
display: block;
font-size: var(--font-size-large);
font-weight: var(--font-weight-heavy);
/* background-color: #a6a6a6; */
/* background-color: #e6e6e6; */
/* background-color: #00aec2; */
}

section.list .separator:first-child
{
margin-top: calc(var(--spacing) * 0);
}

section.list .separator.sub
{
width: 100%;
background-color: #c6c6c6 !important;
font-size: var(--font-size-medium);
margin-top: calc(var(--spacing) * 1);
border-bottom: 2px solid #f0f0f0;
border-bottom: 2px solid #ffffff;
}

section.list .separator.subsub
{
width: 100%;
background-color: #f0f0f0 !important;
font-size: var(--font-size-medium);
margin-top: calc(var(--spacing) * 1);
border-bottom: 2px solid #f0f0f0;
border-bottom: 2px solid #ffffff;
}

section.list .separator + .separator.sub
{
/* margin-top: calc(var(--spacing) * -0.5); */
}

section.list .separator.accordion
{
cursor: pointer;
}

section.list .separator.accordion::before 
{
content: "";
display: inline-block;
position: absolute;
top: 0px;
left: 0px;
width: var(--spacing);
height: calc((var(--spacing) * 1) + (var(--font-size-large)*1.5));
background-size: 65% auto;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url(../img/icon-accordion-white.png);
transition: all 0.5s;
}

section.list .closed .separator.accordion::before 
{
transform: rotate(-90deg);
}

section.list .separator .title
{
width: 50%;
display: inline-block;
}

section.list .separator .contacts
{
width: 50%;
display: inline-block;
text-align: right;
font-size: var(--font-size-small);
}

section.list .separator .contacts .marker
{
font-size: var(--font-size-xsmall);
margin-left: 3em;
}

section.list .separator .contacts a.icon
{
margin-left: 1em;
}

select
{
font-size: var(--font-size-small);
padding: 0.5em;
border: 0px;
display: inline-block;
outline: none !important;
background-color: rgba(255,255,255,1);
line-height: 1.2;
}

select option:not(:checked)
{
color: gray;
}

section.list select
{
font-size: var(--font-size-tags);
}

input
{
font-size: var(--font-size-tags);
padding: 0.5em;
border: 0px;
display: inline-block;
outline: none !important;
background-color: rgba(255,255,255,1);
line-height: 1.3;
}

section.maintext .side input
{
font-size: var(--font-size-small);
width: 100%;
}

input[type=submit]
{
cursor: pointer;
background-color: transparent;
background-color: #767676;
position: relative;
display: inline-block;
font-size: var(--font-size-tags);
font-weight: var(--font-weight-bold);
color: #ffffff;
padding: 0.5em 2em;
margin: 1em 2em;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}

input[type=submit]:hover
{
background-color: #6e6e6e;
/* background-color: rgba(0,0,0,0.85); */
}


.maintext .side input[type=submit], .maintext .main .importantinfo input[type=submit]
{
display: block;
margin-left: 0px;
}

label
{
font-size: var(--font-size-tags);
display: inline-block;
font-weight: var(--font-weight-bold);
margin-right: 1em;
vertical-align: middle;
}

section.maintext .side label
{
font-size: var(--font-size-small);
margin-top: 1em;
margin-bottom: 1em;
}

section.list article .box.textbox .content .bullet
{
display: inline-block;
}

section.list article .box.textbox .content .bullet::before
{
content: "|";
display: block;
padding-left: 0.75em;
padding-right: 0.75em;
}




section.list.newslist article
{
margin-top: calc(var(--spacing) * 0);
margin-bottom: calc(var(--spacing) * q);
padding-top: calc(var(--spacing) * 1);
padding-bottom: calc(var(--spacing) * 1);
border-top: 1px solid #d6d6d6;
}

section.list.newslist article .box.textbox
{
width: 100%;
}

section.list.newslist article .box.textbox.minheight
{
min-height: 180px;
}

section.list.newslist article .box.textbox .title .super
{
padding-top: 0.9em;
}

section.list.newslist article .box.textbox .title .sub 
{
font-size: var(--font-size-bigger);
padding-top: 0.3em;
line-height: 1.3;
}

section.list.newslist article .box.imagebox
{
height: calc(100% - (var(--spacing) * 2));
top: var(--spacing);
}

section.list.newslist article .box.imagebox.lightgrey
{
background-color: #f5f5f5;
}

section.list.newslist article .box.imagebox img
{
max-width: 80%;
max-height: 80%;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

section.list.newslist article .box.imagebox.fixheightwebsites
{
height: 180px;
}

section.list.newslist article .leftcolumn
{
width: 18%;
position: relative;
display: inline-block;
vertical-align: top;
padding-right: calc(var(--spacing)*0.5);
}

section.list.newslist article .marker
{
width: 100%;
position: absolute;
padding-right: 0px;
}

section.list.newslist article .marker .dot
{
position: absolute;
margin-left: 0.25em;
}

section.list.newslist article .marker .dot:has(+.dot) 
{
top: 40px;
}

section.list.newslist article .marker .date
{
width: 100%;
position: relative;
display: inline-block;
vertical-align: top;
padding-left: 4em;
padding-right: 1em;
margin-top: 0.8em;
margin-left: 0px;
}

section.list.newslist article .marker .category
{
width: 100%;
position: relative;
display: inline-block;
vertical-align: top;
padding-left: 4em;
padding-right: calc(var(--spacing)*0.5);
margin-top: 0.8em;
margin-left: 0px;
text-align: left;
}

section.list.newslist article .marker .bullet
{
display: none;
}

section.list.newslist article .midcolumn
{
width: 55%;
position: relative;
display: inline-block;
vertical-align: top;
padding-right: calc(var(--spacing)*0.5);
}

section.list.newslist article .box.textbox .title 
{
padding-left: 0px;
}

section.list.newslist article .box.textbox .content
{
padding-left: 0px;
word-wrap: break-word;
}

section.list.newslist article .box.imagebox
{
top: 0px;
height: 100%;
width: 27%;
}




section.list.presslist article
{
margin-top: calc(var(--spacing) * 0);
margin-bottom: calc(var(--spacing) * q);
padding-top: calc(var(--spacing) * 1);
padding-bottom: calc(var(--spacing) * 1);
border-top: 1px solid #d6d6d6;
}

section.list.presslist article .box.textbox
{
margin-left: 12.5%;
}

section.list.presslist article .box.imagebox
{
display: none;
}

section.list.presslist article .box.imagebox
{
height: calc(100% - (var(--spacing) * 2));
top: var(--spacing);
}



section.list.eventslist article .box.imagebox
{
height: calc(100% - (var(--spacing) * 2));
top: var(--spacing);
}

section.list.eventslist article
{
margin-top: calc(var(--spacing) * 0);
margin-bottom: calc(var(--spacing) * q);
padding-top: calc(var(--spacing) * 1);
padding-bottom: calc(var(--spacing) * 1);
padding: calc(var(--spacing)*1) calc(var(--spacing) * 0.5);
border-top: 1px solid #d6d6d6;
}

section.list.eventslist article.pastevent
{
background-color: #f3f3f3;
}

section.list.eventslist article.pastevent h1 a
{
/* color: #999999 !important; */
}

section.list.eventslist article .leftcolumn
{
width: 25%;
position: relative;
display: inline-block;
vertical-align: top;
padding-right: calc(var(--spacing)*0.5);
}

section.list.eventslist article .midcolumn
{
width: 55%;
position: relative;
display: inline-block;
vertical-align: top;
padding-right: calc(var(--spacing)*0.5);
}

section.list.eventslist article .rightcolumn
{
width: 20%;
position: relative;
display: inline-block;
vertical-align: top;
height: 300px;
}

section.list.eventslist article .marker
{
width: auto;
position: relative;
padding-right: 0px;
margin-right: 0.2em;
}

section.list.eventslist article .marker .category
{
display: none;
}

section.list.eventslist article .marker .date
{
display: inline-block;
margin-left: 0.5em;
display: none;
}

section.list.eventslist article .marker .dateplace
{
display: block;
margin-top: 1em;
margin-left: 0.5em;
padding-left: 0px;
}

section.list.eventslist article .box.textbox
{
width: 100%;
}

section.list.eventslist article .box.textbox .dateplace
{
padding-left: 0px;
padding-top: 1em;
width: 100%;
}

section.list.eventslist article .box.textbox .title
{
padding-left: 0px;
}

section.list.eventslist article .box.textbox .content
{
padding-left: 0px;
}

section.list.eventslist article .box.textbox .bottom
{
padding-left: 0px;
}

section.list.eventslist article .box.imagebox
{
width: 100%;
height: 100%;
top: auto;
}



section.list.jobslist article
{
border-top: 1px solid #d6d6d6;
padding: calc(var(--spacing)*1) calc(var(--spacing) * 0.5);
margin-bottom: 0px;
}

section.list.jobslist article.inactive
{
background-color: #e6e6e6;
background-color: #f3f3f3;
/* border-top: 1px solid #ffffff; */
}

section.list.jobslist article.results
{
background-color: #e6e6e6;
}

section.list.jobslist article .marker .category
{
display: none;
}

section.list.jobslist article .box.textbox
{
padding: 0px;
width: calc(80% - var(--spacing));
position: relative;
}

section.list.jobslist article .box.imagebox
{
padding: calc(var(--spacing)*1.2) calc(var(--spacing) * 0.5);
}

section.list.jobslist article .marker .date
{
display: inline-block;
margin-left: 0.5em;
}

section.list.jobslist article .imagebox
{
width: 20%;
font-size: var(--font-size-xsmall);
font-weight: var(--font-weight-bold);
text-align: right;
}

section.list.jobslist article .bottom
{
display: none;
}

section.list.jobslist.results article
{
margin-bottom: calc(var(--spacing) * 0.5);
padding-top: calc(var(--spacing) * 0.5);
border-top: 2px solid #d6d6d6;
}

section.list.jobslist.results article:first-child
{
margin-top: calc(var(--spacing) * -0.5);
border-top: none;
}

section.list.jobslist.results article .box.textbox
{
width: 60%;
}

section.list.jobslist.results article .box.ada
{
float: right;
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
width: calc(20% - var(--spacing));
margin-left: calc(var(--spacing) * 1);
text-align: right;
padding-top: 0.5em;
white-space: nowrap;
}

section.list.jobslist.results article .box.refno
{
float: right;
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
width: calc(20% - var(--spacing));
padding-top: 0.5em;
white-space: nowrap;
}

section.list.jobslist.results .header .date
{
width: 12%;
}

section.list.jobslist.results .header .title
{
width: calc(48% + var(--spacing));
}

section.list.jobslist.results .header .ada
{
width: calc(20% - var(--spacing));
text-align: right;
}

section.list.jobslist.results .header .refno
{
width: 20%;
}

section.list.peoplelist article
{
width: calc(50% - (var(--spacing) * 2));
display: inline-block;
vertical-align: top;
padding-top: calc(var(--spacing) * 1);
padding-top: calc(var(--spacing) * 0.75); /* WITHOUT PHOTOS */
margin-bottom: calc(var(--spacing) * 0);
margin-left: calc(var(--spacing) * 1);
border-top: 2px solid #d6d6d6;
}

section.list.peoplelist article:nth-of-type(1)
{
border-top: 0px;
}

section.list.peoplelist article:nth-of-type(2)
{
border-top: 0px;
}

section.list.peoplelist .separator + article
{
border-top: 0px;
}

section.list.peoplelist .separator + article + article
{
border-top: 0px;
}

section.list.peoplelist article.empty
{
border-top: none;
border-bottom: none;
}

section.list.peoplelist article .box
{
height: auto;
}

section.list.peoplelist article:nth-of-type(2n)
{
margin-left: calc(var(--spacing) * 2);
}

section.list.peoplelist .separator + article:nth-of-type(2n)
{
margin-left: 0px;
}

section.list.peoplelist article .box.textbox 
{
width: calc(100% - (var(--spacing) * 2.5));
padding-right: calc(var(--spacing) * 0.5);
position: relative;
}

section.list.peoplelist article .box.imagebox
{
width: calc(var(--spacing) * 2.5);
height: calc(var(--spacing) * 3.5);
top: calc(var(--font-size-small) * 1.2);
margin-top: calc(var(--font-size-small) * -1.2);
position: relative;
float: right;
}

section.list.peoplelist article .marker
{
width: 3em;
/* margin-top: -0.5em; */
z-index: 0;
}

section.list.peoplelist article .box.textbox
{
}

section.list.peoplelist article .box.textbox .title
{
padding-left: 2.5rem;
}

section.list.peoplelist article .box.textbox .title hgroup
{
margin-bottom: 0px;
}

section.list.peoplelist article .box.textbox .title hgroup p
{
margin: 0px;
margin-top: 0.5em;
padding: 0px;
font-size: var(--font-size-small);
text-align: left;
line-height: 1.2;
width: 100%;
}

section.list.peoplelist article .box.textbox .content
{
padding-left: 2.5rem;
position: relative;
margin-bottom: 0px;
float: none;
clear: both;
width: 100%;
font-size: var(--font-size-xsmall);
margin-bottom: calc((var(--spacing)* 1) - (var(--font-size-small) * 0.5));
line-height: 2.2;
}

section.list.peoplelist article .box.textbox .content a.icon
{
margin-right: 1em;
}

section.list.peoplelist article .box.textbox .content .marker
{
width: auto;
margin-top: 0px;
position: relative;
font-size: var(--font-size-xsmall);
width: 45%;
line-height: 1.5;
white-space: nowrap;
}

section.list.peoplelist article .box.textbox .content .marker:first-child
{
margin-right: 10%;
}

/* section.list.peoplelist article.vip */
/* { */
/* margin-top: var(--spacing); */
/* padding-bottom: calc(var(--spacing) * 0.5); */
/* border-top: none; */
/* border-bottom: none; */
/* margin-bottom: 0px; */
/* padding-top: 0px; */
/* } */

/* section.list.peoplelist article.vip .box.textbox h1 */
/* { */
/* font-size: var(--font-size-large); */
/* line-height: 1.2; */
/* } */

/* section.list.peoplelist article.vip.president .box.textbox h1 */
/* { */
/* font-size: var(--font-size-xlarge); */
/* } */

/* section.list.peoplelist article.vip .box.textbox .title hgroup */
/* { */
/* margin-bottom: calc(var(--spacing)* 1.5); */
/* } */

/* section.list.peoplelist article.vip .box.imagebox */
/* { */
/* width: calc(var(--spacing) * 2.5 * 1.125); */
/* height: calc(var(--spacing) * 3.5 * 1.125); */
/* top: 0px; */
/* margin-top: 0px; */
/* margin-left: 0px; */
/* } */

/* section.list.peoplelist article.vip .box.textbox */
/* { */
/* width: calc(100% - (var(--spacing) * 2.5 * 1.125) - (var(--spacing) * 1.5)); */
/* height: auto; */
/* } */

/* section.list.peoplelist article.vip .box.textbox .title */
/* { */
/* padding-left: 0px; */
/* } */

/* section.list.peoplelist article.vip .title .marker */
/* { */
/* display: none; */
/* } */

/* section.list.peoplelist article.vip.president .box.imagebox */
/* { */
/* right: auto; */
/* width: calc(var(--spacing) * 2.5 * 1.75); */
/* height: calc(var(--spacing) * 3.5 * 1.75); */
/* float: left; */
/* top: 0px; */
/* margin-top: 0px; */
/* margin-left: 0px; */
/* } */

/* section.list.peoplelist article.vip.president .box.textbox */
/* { */
/* margin-left: calc((var(--spacing) * 2.5 * 1.75) + (var(--spacing) * 0.5)); */
/* width: calc(100% - (var(--spacing) * 2.5 * 1.75) - (var(--spacing) * 0.5)); */
/* height: auto; */
/* } */

/* section.list.peoplelist article.vip .box.textbox .content */
/* { */
/* padding-left: 0px; */
/* clear: none; */
/* margin-top: -1.5em; */
/* } */

/* section.list.peoplelist article.vip .box.textbox .content .marker */
/* { */
/* width: 100%; */
/* } */

section.list.projectslist article
{
width: calc((100% - (var(--spacing) * 2)) / 3);
display: inline-block;
margin-right: var(--spacing);
vertical-align: top;
}

section.list.projectslist article:nth-of-type(3n)
{
margin-right: 0px;
}

section.list.projectslist .box.imagebox 
{
border: 1px solid #eeeeee;
background-size: auto 50%;
background-position: 50% 50%;
background-color: #e6e6e6;
background-color: #e9e9e9;
background-color: #f3f3f3;
position: relative;
width: 100%;
height: calc(var(--spacing) * 5);
text-align: center;
margin-top: 0px;
}

section.list.projectslist article.inactive .box.imagebox
{
background-color: #d0d0d0;
}

section.list.projectslist .box.imagebox img
{
max-width: 70%;
max-height: 80%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

section.list.projectslist .box.textbox
{
width: 100%;
margin-top: 1em;
}

section.list.projectslist .box.textbox .title
{
padding-left: 0px;
}

section.list.projectslist .box.textbox .content
{
padding-left: 0px;
font-size: var(--font-size-xsmall);
}

section.list.projectslist .box.textbox .bottom
{
padding-left: 0px;
}

section.list.projectslist article .marker
{
position: relative;
width: 100%;
padding: 0px;
}

section.list.projectslist article .marker .date
{
display: inline-block;
margin-left: 0px;
}

section.list.projectslist article .marker .category
{
margin-left: 2em;
float: right;
line-height: 3em;
margin-right: 0px;
}

section.list.projectslist article .box.textbox h1
{
margin-top: 0.5em;
}

section.list.archive .container
{
background-color: #e6e6e6;
z-index: 1;
padding-top: calc(var(--spacing)* 1.5);
}




/**************************************/
/*                                    */
/*     maintext                       */
/*                                    */
/**************************************/

section.maintext
{

}

section.maintext.nopadding
{
padding-bottom: calc(var(--spacing)* 1.5);
}

section.maintext .main
{
/* border-left: 1px dotted black; */
/* border-right: 1px dotted black; */
width: 65%;
padding-left: var(--spacing);
padding-right: var(--spacing);
font-size: var(--font-size-normal);
display: inline-block;
vertical-align: top;
}

section.maintext .side
{
/* border-right: 1px dotted red; */
width: calc(35% - (var(--spacing) * 0));
padding-left: var(--spacing);
padding-right: var(--spacing);
font-size: var(--font-size-small);
display: inline-block;
vertical-align: top;
}

section.maintext h2
{
margin-top: calc(var(--spacing) * 1.5);
font-size: var(--font-size-xlarge);
font-weight: var(--font-weight-heavy);
}

section.maintext .importantinfo + h2, section.maintext figure + h2, section.maintext div.clearleft + figure + h2, section.maintext div.clearright + figure + h2, section.maintext div.clearboth + figure + h2
{
margin-top: 0px;
}

section.maintext h3
{
margin-top: 2em;
margin-bottom: 0.8em;
font-size: var(--font-size-medium);
font-weight: var(--font-weight-heavy);
}

section.maintext h3:first-child
{
margin-top: 0px;
}

section.maintext h4
{
margin-top: 1.8em;
margin-bottom: 0.8em;
font-size: var(--font-size-normal);
font-weight: var(--font-weight-heavy);
}

section.maintext .panel h2:first-child {margin-top: 0.2em;}
section.maintext .panel h3:first-child {margin-top: 0.2em;}
section.maintext .panel h4:first-child {margin-top: 0.2em;}

section.maintext .box
{
margin-top: calc(var(--spacing) * 1);
margin-bottom: calc(var(--spacing) * 1);
break-inside: avoid;
}

section.maintext .main .box:first-child
{
margin-top: 0px;
}

section.maintext .box > h2:first-child
{
margin-top: 0px;
}

section.maintext .box > h3:first-child
{
margin-top: 0px;
}

section.maintext .box > h4:first-child
{
margin-top: 0px;
}

section.maintext .box > h5:first-child
{
margin-top: 0px;
}

section.maintext .box > h6:first-child
{
margin-top: 0px;
}

section.maintext .box.bigtext
{
font-size: var(--font-size-xlarge);
}

section.maintext .box .box.bigtext:nth-last-child(2)
{
margin-bottom: 0px;
}

section.maintext .box.smalltext
{
font-size: var(--font-size-xsmall);
margin-top: calc(var(--spacing) * 0.5);
margin-bottom: calc(var(--spacing) * 0.5);
}

section.maintext .box.smalltext:first-child, section.maintext figure:first-child + .box.smalltext
{
margin-top: 0px;
}

section.maintext .box.smalltext:last-child, section.maintext .box.smalltext:has(+div.clearboth)
{
margin-bottom: 0px;
}

section.maintext h1 + .box.smalltext, section.maintext h2 + .box.smalltext
{
margin-top: calc(var(--spacing) * 1);
}

section.maintext .box p:empty:first-child
{
display: none;
}

section.maintext .box .personinfo
{
font-size: var(--font-size-xsmall);
padding-left: 3.5em;
display: block;
margin-top: 0.5em;
}

section.maintext .importantinfo + .box.bigtext
{
margin-top: 0px;
}

section.maintext .box.greybox
{
background-color: #e6e6e6;
padding: var(--spacing);
margin-left: calc(var(--spacing) * -1);
margin-right: calc(var(--spacing) * -1);
}

section.maintext .box.greybox .supertitle
{
font-size: var(--font-size-xsmall);
margin-bottom: 2em;
font-weight: bold;
}

section.maintext .box.greybox.project
{
background-color: #f3f3f3;
}

section.maintext .box.greybox.funded
{
background-color: #e6e6e6;
}

section.maintext .importantinfo + .box.greybox
{
margin-top: 0px;
}

section.maintext .box.colorbox
{
padding: var(--spacing);
margin-left: calc(var(--spacing) * -1);
margin-right: calc(var(--spacing) * -1);
}

section.maintext .importantinfo + .box.colorbox
{
margin-top: 0px;
}

section.maintext .box.accordion
{
font-size: var(--font-size-inbetween);
margin: 0px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
border-bottom: 1px solid #ccc;
}

section.maintext .box.greybox .box.accordion:nth-last-of-type(2)
{
border-bottom: 0px;
}

section.maintext h2 + .box.accordion
{
margin-top: 1em;
}


section.maintext .box.accordion:has(+div.clearleft), section.maintext .box.accordion:has(+div.clearboth)
{
margin-bottom: calc(var(--spacing) * 1.5);
}

section.maintext .box.greybox .box.accordion:has(+div.clearleft), section.maintext .box.greybox .box.accordion:has(+div.clearboth)
{
margin-bottom: 0px;
}

section.maintext p.small
{
font-size: var(--font-size-small);
}

section.maintext p + .box.accordion
{
margin-top: calc(var(--spacing) * 1);
}

section.maintext .box.accordion + p
{
margin-top: calc(var(--spacing) * 1);
}

section.maintext .box.accordion button
{
position: relative;
background: none;
padding: calc(var(--spacing) * 0.25);
padding-left: calc(var(--spacing) * 1);
margin: 0px;
margin-left: calc(var(--spacing) * -1);
width: calc(100% + (var(--spacing) * 1));
cursor: pointer;
text-align: left;
border: none;
outline: none;
font-size: var(--font-size-bigger);
font-weight: var(--font-weight-heavy);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}

section.maintext .box.accordion button::before
{
content:"";
display: inline-block;
position: absolute;
top: 0px;
left: 0px;
width: var(--spacing);
height: calc((var(--spacing) * 0.75) + var(--font-size-bigger));
background-size: 65% auto;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url("../img/icon-accordion-grey.png");
transition: all 0.5s;
}

section.maintext .side .box.accordion button::before
{
background-size: 55% auto;
}

section.maintext .box.accordion.open > button::before
{
transform: rotate(-90deg);
}

section.maintext .box.accordion button:hover
{
background-color: #e6e6e6;
}

section.maintext .box.accordion .box.accordion button:hover
{
background-color: #d9d9d9;
}

section.maintext .box.accordion .panel
{
padding-top: 0.5em;
padding-bottom: calc(var(--spacing) * 1);
display: none;
overflow: hidden;
background-color: #e6e6e6;
}

section.maintext .box.accordion .box.accordion .panel
{
background-color: #d9d9d9;
}

section.maintext .main .box.accordion .panel
{
padding-left: var(--spacing);
padding-right: var(--spacing);
}

section.maintext .side .box.accordion .panel
{
padding-left: calc(var(--spacing) * 0.5);
padding-right: calc(var(--spacing) * 0.5);
}

section.maintext .box.accordion.open
{
/* background-color: #e6e6e6; */
}

section.maintext .box.accordion.open > button
{
background-color: #e6e6e6;
}

section.maintext .box.accordion.open .box.accordion.open > button
{
background-color: #d9d9d9;
}

section.maintext .side .box.accordion .panel
{
padding-bottom: calc(var(--spacing) * 0.5);
}

section.maintext .box.info
{
margin-top: var(--spacing);
padding: var(--spacing);
}

section.maintext .box.info.secondary
{
background-color: #e6e6e6;
}

section.maintext .box.info.secondary a.icon:has(+.social)
{
margin-bottom: 1em;
}

section.maintext .box.info.secondary .social
{
text-align: right;
}

section.maintext .box.info.light
{
background-color: #e6e6e6;
}

section.maintext .box.info.dark
{
background-color: #767676;
}

section.maintext .box.info.seefunded img
{
max-height: 150px;
margin: auto;
}

section.maintext .box.info.transparent
{
background-color: transparent;
padding: 0px;
margin-top: calc(var(--spacing)* 1);
margin-bottom: calc(var(--spacing)* 1);
}

section.maintext .box.info.inactive
{
color: #9e9e9e;
}

section.maintext .box.info + .box.info.secondary
{
margin-top: calc(var(--spacing) * -0.5);
}

section.maintext .box.info a
{
font-weight: var(--font-weight-heavy);
}

section.maintext .box.info .title
{
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
margin-bottom: 1em;
}

section.maintext .box.info.transparent .title
{
margin-bottom: 0px;
}

section.maintext .box.info .title:last-child
{
margin-bottom: 0px;
}

section.maintext .box.info .name, section.maintext .box.info.secondary .name
{
font-size: var(--font-size-bigger);
}

section.maintext .box.info .profession, section.maintext .box.info.secondary .profession
{
font-size: var(--font-size-xsmall);
}

section.maintext .box.info div.profession, section.maintext .box.info.secondary div.profession
{
/* margin-top: -0.5em; */
}

section.maintext .box.info .contact, section.maintext .box.info.secondary .contact
{
margin-top: 1em;
font-size: var(--font-size-small);
}

section.maintext .box.info .contact + .contact, section.maintext .box.info.secondary .contact + .contact
{
margin-top: 0px;
}

section.maintext .box.info .direction
{
font-size: var(--font-size-normal);
margin-top: 1em;
}

section.maintext .box.info .researchprogram
{
font-size: var(--font-size-small);
margin-top: 1em;
}

section.maintext .box.info .big
{
font-size: var(--font-size-large);
font-weight: var(--font-weight-heavy);
}

section.maintext .box.info .big + .big
{
margin-top: 0.5em;
}

section.maintext .box.info .action
{
font-size: var(--font-size-bigger);
}

section.maintext .box .big
{
font-size: var(--font-size-large);
}

section.maintext .box .status
{
/* margin-top: 0.5em; */
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
color: #9e9e9e;
}

section.maintext .box .status b
{
color: #6d1072;
}

section.maintext .box.team, section.maintext .side .box.team 
{
margin-top: 0px;
margin-bottom: calc(var(--spacing) * 1);
}

section.maintext .box.team .title
{
font-weight: var(--font-weight-bold);
}

section.maintext .box.team .name
{
font-size: var(--font-size-bigger);
margin-top: 0.5em;
margin-bottom: 0.5em;
}

section.maintext .box.team.extra .name
{
font-size: var(--font-size-inbetween);
padding-bottom: 0.2em;
}

section.maintext .box.team .name .dates
{
display: inline;
font-size: var(--font-size-xsmall);
margin-left: 1em;
}

section.maintext .box.team .name .profession
{
display: block;
font-size: var(--font-size-xsmall);
line-height: 1.4;
}

section.maintext .box.accordion .name
{
font-size: var(--font-size-small);
margin-top: 0px;
margin-bottom: 0.5em;
font-weight: var(--font-weight-bold);
}

section.maintext .box.accordion .profession
{
font-size: var(--font-size-xsmall);
margin-top: 0.2em;
margin-bottom: 1em;
}

section.maintext .box.directions
{
margin-bottom: calc(var(--spacing) * 2);
}

section.maintext .box.directions .direction
{
margin-bottom: 1em;
}

section.maintext .box.directions a
{
font-weight: var(--font-weight-heavy);
}

section.maintext .box.directions .title
{
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
margin-bottom: 1em;
}

section.maintext .side .box.directions
{
margin-top: 0px;
margin-bottom: calc(var(--spacing) * 1);
}

section.maintext .box.subdirections
{
column-count: 2;
column-gap: var(--spacing);
}

section.maintext .box.subdirections a.subdirection
{
padding: calc(var(--spacing)/2);
padding-top: calc(var(--spacing)/1);
padding-bottom: calc(var(--spacing)/1);
display: block;
text-align: center;
background-image: none;
}

section.maintext .box.subdirections a.subdirection:hover
{
background-color: #3e3e3e;
}

section.maintext .box.research
{
display: block;
margin-bottom: 2em;
}

section.maintext .box.research > *
{
display: inline-block;
float: none;
margin: 0px;
vertical-align: top;
}

section.maintext .box.research figure
{
width: 33%;
border: 1px solid #eeeeee;
margin-right: calc(var(--spacing) * 0.5);
}

section.maintext .box.research .researchinfo
{
width: 100%;
}

section.maintext .box.research figure + .researchinfo
{
width: 63%;
}

section.maintext .box.research .researchinfo .title
{
margin-bottom: 0.5em;
}

section.maintext .box.research .researchinfo .review
{
font-size: var(--font-size-xsmall);
}

section.maintext .box.research .researchinfo .review p:first-child
{
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
}

section.maintext .box.research .researchinfo .text
{
font-size: var(--font-size-small);
}

section.maintext .box.research .researchinfo .box.accordion
{
margin-left: calc(var(--spacing) * 0.5);
}

section.maintext .box.dateplace
{
font-size: var(--font-size-large);
font-weight: var(--font-weight-heavy);
}

section.maintext .box.dateplace .title
{
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
}

section.maintext .side .box
{
margin-top: calc(var(--spacing) * 0.5);
margin-bottom: calc(var(--spacing) * 0.5);
}

section.maintext .side .box.dateplace
{
margin-top: calc(var(--spacing) * 1);
margin-bottom: calc(var(--spacing) * 1);
}

section.maintext .side .box.info
{
padding: calc(var(--spacing) * 0.5);
}

section.maintext .side .box.info.transparent
{
padding: 0px;
}

section.maintext .importantinfo .box:first-child
{
margin-top: 0px;
}

section.maintext figure
{
display: inline-block;
text-align: center;
margin-left: calc(var(--spacing) * 0.5);
margin-bottom: calc(var(--spacing) * 0.5);  /*CHECK*/
/* margin-bottom: 0px; */
float: right;
width: 33%;
}

section.maintext figure:last-child
{
margin-bottom: 0px;
}

section.maintext figure img
{
margin: auto;
width: 100%;
}

section.maintext figure figcaption
{
text-align: center;
font-size: var(--font-size-tags);
margin-top: 1em;
opacity: 0.75;
line-height: 1.3;
}

section.maintext figure + p
{
margin-top: 0.5em;
}

section.maintext .box.accordion figure:has(+ul)
{
margin-top: 1.2em;
}

section.maintext figure.full
{
width: 100%;
float: none;
margin-left: 0px;
margin-right: 0px;
margin-top: calc(var(--spacing) * 0.5);
}

section.maintext figure.full:first-child
{
margin-top: 0px;
}

section.maintext figure.twothirds
{
width: 66%;
}

section.maintext figure.half
{
width: 50%;
width: calc((100% - (var(--spacing) * 1)) / 2);
width: calc((100% - (var(--spacing) * 0.5)) / 2);
}

section.maintext p+figure.half+figure.half
{
margin-right: 0px;
}

section.maintext figure.third
{
width: 33%;
width: calc((100% - (var(--spacing) * 1.5)) / 3);
}

section.maintext figure.quarter
{
width: 25%;
}

section.maintext figure.fifth
{
width: 20%;
}

section.maintext figure.sixth
{
width: 16%;
}

section.maintext figure.tenth
{
width: 10%;
}

section.maintext figure.auto
{
width: auto;
}

section.maintext figure.floatright
{
float: right;
margin-left: calc(var(--spacing) * 0.5);
margin-bottom: calc(var(--spacing) * 0.5);  /*CHECK*/
margin-bottom: 0px;
}

section.maintext figure.floatleft
{
float: left;
margin-left: 0px;
margin-right: calc(var(--spacing) * 0.5);
margin-bottom: calc(var(--spacing) * 0.5);  /*CHECK*/
margin-bottom: 0px;
}

section.maintext figure.nofloat
{
float: none;
clear: both;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: calc(var(--spacing) * 0.5);  /*CHECK*/
margin-bottom: 0px;
margin-top: 0px;
padding-top: calc(var(--spacing) * 0.5);
display: revert;
}

section.maintext figure.nofloat:first-child
{
margin-top: 0px;
}

section.maintext .clearleft
{
clear: left;
}

section.maintext .clearright
{
clear: right;
}

section.maintext .clearboth, section.maintext .clearall
{
clear: both;
}

section.maintext ul
{
margin-top: 1em;
margin-bottom: 1em;
margin-left: 1em;
}

section.maintext ul li
{
margin-bottom: 0.5em;
}

section.maintext ul li ul
{
font-size: 0.95em;
}

section.maintext ul li ul li
{
font-size: 0.85em;
list-style-type: disc;
}

section.maintext .box.accordion .panel ul:first-child
{
margin-top: 0px;
}

section.maintext .box.accordion .panel ul:last-child
{
margin-bottom: 0px;
}

section.maintext a.arrow
{
margin-top: calc(var(--spacing) * 0.5);
margin-bottom: calc(var(--spacing) * 0.5);
}

section.maintext .side a.arrow 
{
margin-top: calc(var(--spacing)* 0.25);
margin-bottom: calc(var(--spacing)* 0.25);
}

section.maintext a.pdf
{
margin-top: calc(var(--spacing) * 0.25);
margin-bottom: calc(var(--spacing) * 0.25);
}

section.maintext a.link
{
margin-top: calc(var(--spacing) * 0.25);
margin-bottom: calc(var(--spacing) * 0.25);
}

section.maintext a.email
{
margin-top: calc(var(--spacing) * 0.25);
margin-bottom: calc(var(--spacing) * 0.25);
}

section.maintext a.tel
{
margin-top: calc(var(--spacing) * 0.25);
margin-bottom: calc(var(--spacing) * 0.25);
}

section.maintext .main .importantinfo
{
display: none;
}

section.maintext .side .importantinfo
{
display: block;
margin-bottom: var(--spacing);
}

section.maintext .main table
{
width: 100%;
padding: 0px;
border-spacing: 0px;
}

section.maintext .main h2 + table
{
margin-top: var(--spacing);
}

section.maintext .main h3 + table
{
margin-top: calc(var(--spacing)*0.5);
}

section.maintext .main table thead td
{
font-weight: var(--font-weight-bold);
}

section.maintext .main table td
{
padding: 1em 2em;
padding-left: 0px;
border-top: 1px solid #000000;
border-color: var(--bgcolor-default-medium);
font-size: var(--font-size-small);
vertical-align: top;
}

section.maintext .main table.biggertext td
{
font-size: var(--font-size-inbetween);
}

section.maintext .main table:not(.clean) tbody tr:last-child td
{
border-bottom: 1px solid #000000;
border-color: var(--bgcolor-default-medium);
}

section.maintext .main table.clean td
{
border: 0px;
}

section.maintext .main table.roomy td
{
padding: 2em 2em;
padding-left: 0px;
}

section.maintext .main table.normaltext td
{
font-size: var(--font-size-normal);
}

/* section.maintext .main table td:first-child */
/* { */
/* padding-left: 0px; */
/* } */

section.maintext .main table td:last-child
{
padding-right: 0px;
}

section.maintext .main table tr:nth-child(2n) td
{
/* background-color: rgba(0,0,0,0.1); */
}

section.maintext .mainwide
{
width: 100%;
padding-left: var(--spacing);
padding-right: var(--spacing);
}

section.maintext.coverinfo
{
padding-bottom: calc(var(--spacing) * 1.5);
padding-bottom: 0px;
}

section.maintext.coverinfo .box
{
margin-top: 0px;
font-size: var(--font-size-tags);
word-break: break-word;
color: var(--color-text-medium);
}


/**************************************/
/*                                    */
/*     footer                         */
/*                                    */
/**************************************/

footer p+p
{
margin-top: 0.25em;
}

footer .newsletter
{
padding-top: var(--spacing);
padding-bottom: calc(var(--spacing)* 1);
font-size: var(--font-size-small);
}

footer .newsletter h2
{
font-size: var(--font-size-xlarge);
}

footer .newsletter > *
{
width: 50%;
display: inline-block;
vertical-align: middle;
display: block;
text-align: center;
margin: auto;
}

footer .newsletter .text
{
padding-right: var(--spacing);
padding-bottom: var(--spacing);
}

footer .map
{
background-image: url('../img/eie-map.jpg');
background-size: cover;
padding-top: var(--spacing);
padding-bottom: calc(var(--spacing) * 4);
}

footer .map .address
{
font-size: var(--font-size-bigger);
font-weight: var(--font-weight-bold);
/* padding-left: var(--logo-head-width); */
padding-left: 86px;
}

footer .map .address h2
{
font-size: var(--font-size-bigger);
font-weight: var(--font-weight-bold);
}

footer .map .contact
{
padding-top: calc(var(--spacing) * 0.5);
font-size: var(--font-size-small);
font-weight: var(--font-weight-bold);
/* padding-left: var(--logo-head-width); */
padding-left: 86px;
}

footer .menus
{
padding-top: var(--spacing);
padding-bottom: calc(var(--spacing) * 1);
color: #ffffff;
font-size: var(--font-size-small);
column-count: 4;
column-gap: var(--spacing);
}

footer .menus .title
{
font-weight: var(--font-weight-bold);
padding-bottom: 0.3em;
}

footer .menus a:hover
{
color: #ffffff;
}

footer .menus ul
{
display: inline-block;
}

footer .menus li
{
display: block;
padding-top: 0.8em;
line-height: 1.2;
}

footer .menus .icononly
{
margin-left: 0.5em;
}

footer .menus.legal
{
text-align: center;
font-size: var(--font-size-xsmall);
column-count: 1;
padding-bottom: calc(var(--spacing)* 0.5);
}

footer .menus.legal li
{
display: inline-block;
padding-top: 0.8em;
padding-left: 1em;
padding-right: 1em;
line-height: 1.2;
font-weight: var(--font-weight-heavy);
}