/* CSS Document */

/*************************************/

/* Headlines */

/*************************************/


h1, h2, h3, h4, h5, h6 {
	font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 700;
}

h1 {
	font-size: 2.667rem;
	font-weight: 700;
	margin: 0 0 4rem 0;
	text-transform: uppercase;
	font-style: italic;
}

h2 {
	font-size: 1.933rem;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	margin-bottom: 1rem;
}

h2.section_hl {
	font-size: 2.667rem;
	font-weight: 700;
	margin-bottom: 2rem;
	text-transform: uppercase;
	font-style: italic;
}

p+h2 {
    margin-top: 1rem;
}
h3 {
	font-size: 1.2rem;
	font-weight: 700;
	font-style: italic;
}

#technologies h3, .layout2 h3, .layout3 h3, #furthertechnologies h3, #whatwecandoforyou h3, .layout_tile_subscribe h3 {
	font-size: 2.133rem;
	text-transform: uppercase;
}

#furthertechnologies h3 {
	left: 1rem;
	position: relative;
}

#furthertechnologies .item_text>span {
	margin: 1rem 0 0 0;
}

.layout1 h3 {
	font-size: 1.533rem;
	/* line-height: 1.4; */
	text-transform: uppercase;
}

h2.section_hl+p, h3.section_hl+p, h3.hl_bg_blue+p {
	/* margin-top: 4rem; */
	margin-top: 2rem;
}

h4 {
	font-size: 0.867rem;
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
}

h5 {
	font-size: 1.2rem;
	font-weight: 700;
	font-style: italic;
		transition: 0.3s;
}

.area_hl {
	font-size: 4.4rem;
	font-weight: 300;
	color: #000;
	margin-bottom: 3rem;
	text-transform: uppercase;
	font-style: italic;
}

.wrapper_relatedmaterials div>p:first-of-type{
    font-size: 1.2rem;
	font-weight: 700;
	font-style: italic;
	color: rgb(0, 24, 66);
}
hr {
	width: 100%;
	margin: 4rem 0;
	border: 0;
	border-bottom: 0.2rem solid #000;
	color: #000;
}
article hr {
     color: #fff;
     border-bottom: 0.2rem solid #fff;
 }

/*************************************/

/* P */

/*************************************/

p, .divTableRow {
    font-family: 'IBM Plex Sans', sans-serif;
	font-size: 1.075rem;
	line-height: 1.5;
	position: relative;
}

p:not(:last-of-type) {
	margin-bottom: 1rem;
}

p.topline {
	font-size: 1.933rem;
	font-weight: 300;
	/* color: #000; */
	margin: 0 0 1rem 0;
	text-transform: uppercase;
	font-style: normal;
}

p.article_intro {
	font-weight: 700;
	font-size: 1.333rem;
}

p.byline {
	margin: 2rem 0 0 0;
}

.home_key-messages p {
	font-size: 2.133rem;
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
	top: 50%;
	transform: perspective(1px) translateY(-50%);
	position: relative;
	line-height: 1.3;
}

.tile_content p {
	font-size: 0.875rem;
}

.tablinks_tile {
	font-size: 1.933rem;
	font-weight: 300;
	text-transform: uppercase;
}

.home_hero_tile p {
	font-size: 1.85rem;
	text-transform: uppercase;
}

article ul {
    font-family: 'IBM Plex Sans', sans-serif;
    text-indent: 0rem;
    margin-left: 2rem;
    margin-bottom: 1rem;
    font-size: 1.075rem;
}
p.tab_topline {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 1rem;
    font-style: italic;
    margin-left: 2rem;
}
.figcaption_darkgreen, .figcaption_darkblue, .figcaption_lightgreen, .figcaption_lightblue, .figcaption_mediumgreen {
    text-transform: none;
    /* font-size: 2.133rem; */
    font-size: 1.5rem;
	font-weight: 700;
	font-style: italic;;
}

/*************************************/

/* Links */

/*************************************/

a, a.visited, .home_hero_tile p {
    font-family: 'IBM Plex Sans', sans-serif;
	text-decoration: none;
	color: inherit;
	transition: 0.3s;
}

article a, .filter_hero_container_left span a {
    color: rgba(100, 163, 66, 1);
    transition: 0.3s;
    font-weight: 700;
    font-style: italic;
}

article a:not(.image_link)::after, .tile_readmore::after, .article_link::after {
    content: ' › ';
    display: inline;
}

article img::after {
    content:'';
}

article a:hover, .tile_readmore:hover, .filters .filter span a:hover, .home_hero_tile:hover p, .article_link:hover {
    color: #f7a922;
}
.bg_yellow_background .article_link:hover {
    color: rgba(100, 163, 66, 1);
}

.tile_tags {
	font-size: 0.875rem;
	/* font-size: inherit; */
	font-weight: 300;
	margin: 1rem 0 0.6rem 0;
	text-transform: uppercase;
	color: rgba(11, 104, 34, 1);
	text-decoration: none;
}

.tile_content .tile_tags {
	display: inline-block;
	font-size: 0.875rem;
}

a.tablinks span, .home_hero_tile p.link {
	font-size: 1.333rem;    
	/* line-height: 1.4; */
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
	/* color: #fff; */
}

.article_link {
	font-size: 1.333rem;
	color: rgb(0, 24, 66);
	font-weight: 700;
	font-style: italic;
	text-transform: uppercase;
	display: block;
}

.tile_readmore {
	text-transform: uppercase;
	font-weight: 700;
	font-style: italic;
	text-decoration: none;
	color: rgba(0, 24, 66, 1);
	transition: 0.3s;
}

.tablinks .tile_readmore {
	color: inherit;
	font-size: 1.333rem;
	transition: none;
}

.slick-slide:hover h5, .wrapper_relatedmaterials>div:hover>p>a, .furthertechnologies_wrapper_item:hover .item_text>span {
    color: #f7a922;
}


/*************************************/

/* Colors */

/*************************************/

.hl_bg_blue {
	display: inline;
	background: rgb(0, 24, 66);
	box-shadow: 1rem 0 0 rgb(0, 24, 66), -1rem 0 0 rgb(0, 24, 66);
	color: white;
	padding: 0.2rem 0;
}

.hl_bg_lightblue, .figcaption_lightblue {
	display: inline;
	background: rgb(126, 149, 191);
	box-shadow: 1rem 0 0 rgb(126, 149, 191), -1rem 0 0 rgb(126, 149, 191);
	color: white;
	padding: 0.2rem 0;
}

.hl_bg_white {
	display: inline;
	background: #fff;
	box-shadow: 1rem 0 0 rgb(255, 255, 255), -1rem 0 0 rgb(255, 255, 255);
	padding: 0.2rem 0;
}

.text_bg_white {
	display: inline-block;
	background: #fff;
	box-shadow: 1rem 0 0 rgb(255, 255, 255), -1rem 0 0 rgb(255, 255, 255);
	padding: 0.5rem 0;
}

.hl_bg_yellow {
	display: inline;
	background: #F7A823;
	box-shadow: 1rem 0 0 #F7A823, -1rem 0 0 #F7A823;
	color: white;
}

.hl_bg_green, .figcaption_mediumgreen {
	display: inline;
	background: rgba(100, 163, 66, 1);
	box-shadow: 1rem 0 0 rgba(100, 163, 66, 1), -1rem 0 0 rgba(100, 163, 66, 1);
	color: white;
	padding: 0.3px;
	position: relative;
}


.hl_bg_darkblue, .figcaption_darkblue {
	display: inline;
	background: rgba(0, 24, 66, 1);
	box-shadow: 1rem 0 0 rgba(0, 24, 66, 1), -1rem 0 0 rgba(0, 24, 66, 1);
	color: white;
	padding: 0.3px;
}

.hl_bg_lightgreen, .figcaption_lightgreen {
	display: inline;
	background: rgba(174, 195, 139, 1);
	box-shadow: 1rem 0 0 rgba(174, 195, 139, 1), -1rem 0 0 rgba(174, 195, 139, 1);
	color: white;
	padding: 0.3px;
}
.hl_bg_darkgreen, .figcaption_darkgreen {
	display: inline;
	background: rgba(11, 104, 34, 1);
	box-shadow: 1rem 0 0 rgba(11, 104, 34, 1), -1rem 0 0 rgba(11, 104, 34, 1);
	color: white;
	padding: 0.3px;
}

/* Bug repair */

    [class^="hl_bg_"] {
    /* [class*="hl_bg_"], [class*="figcaption_"]  { */
        display: inline-block; 
        margin: 0 0 0 -1rem;
        margin-left: -1rem;
        /* color: #fff; */
        background: initial;
        box-shadow: initial;
        padding: initial;
        line-height: initial;
    } 
    
/*     [class*="figcaption_"] {
    display: inline;
    margin-left: 1rem;
} */
    

    .hl_bg_green {
        border-left: 2rem solid rgba(100, 163, 66, 1); 
    }

    .hl_bg_green>span {
        background-color: rgba(100, 163, 66, 1); 
    }
    
    .hl_bg_darkgreen {
        border-left: 2rem solid rgba(11, 104, 34, 1); 
    }

    .hl_bg_darkgreen>span {
        background-color: rgba(11, 104, 34, 1); 
    }

    .hl_bg_lightgreen {
        border-left: 2rem solid rgba(174, 195, 139, 1); 
    }

    .hl_bg_lightgreen>span {
        background-color: rgba(174, 195, 139, 1); 
    }
    
    .hl_bg_blue {
        border-left: 2rem solid rgb(0, 24, 66); 
    }
    
    .hl_bg_blue>span {
        background-color: rgb(0, 24, 66); 
    }

    .hl_bg_yellow {
        border-left: 2rem solid #F7A823; 
    }

    .hl_bg_yellow>span {
        background-color: #F7A823; 
    }
    
    .hl_bg_white {
        border-left: 2rem solid #fff; 
    }

    .hl_bg_white>span {
        background-color: #fff; 
    }
    
    .hl_bg_lightblue {
        border-left: 2rem solid rgb(126, 149, 191); 
    }

    .hl_bg_lightblue>span {
        background-color: rgb(126, 149, 191); 
    }
    
    .hl_bg_darkblue {
        border-left: 2rem solid rgba(0, 24, 66, 1); 
    }

    .hl_bg_darkblue>span {
        background-color: rgba(0, 24, 66, 1); 
    }
    [class^="hl_bg_"]>span>span {
        position: relative; 
        left: -1rem;  
    }

/*************************************/

/* Layout */

/*************************************/

.center {
	text-align: center;
}

.right {
	text-align: right;
}

/*************************************/

/* Navigation */

/*************************************/

header nav ul li a {
	font-size: 0.867rem;
	font-weight: 300;
	text-transform: uppercase;
	text-decoration: none;
	color: #000;
	transition: all .1s ease-in-out 0s;
	/* padding: 1rem 0; */
}

header nav>ul>li.active>a, .level1.active>a, .level2.active a {
	color: rgba(100, 163, 66, 1);
}
header nav ul li a:hover {
    color: #f7a922;
}

/*************************************/

/* Footer */

/*************************************/

footer p {
	font-size: 1rem;
}

@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot');
	src: url('fonts/icomoon.ttf') format('truetype'), url('fonts/icomoon.woff') format('woff'), url('fonts/icomoon.svg') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	margin: 0 0.2rem;
}

.icon-twitter:before {
	content: "\ea96";
	transition: all 0.3s;
}

.icon-facebook:before {
	content: "\ea91";
	transition: all 0.3s;
}

.icon-youtube:before {
	content: "\ea9d";
	transition: all 0.3s;
}

.icon-linkedin:before {
	content: "\eaca";
	transition: all 0.3s;
}

.icon-instagram:before {
	content: "\ea92";
	transition: all 0.3s;
}

a.twitter:hover i:before {
	color: #1DA1F2;
}

a.facebook:hover i:before {
	color: #3b5998;
}

a.youtube:hover i:before {
	color: #c4302b;
}

a.linkedin:hover i:before {
	color: #0e76a8;
}

a.instagram:hover i:before {
	color: #e64c94;
}