Digital

Page tree

European Commission Digital

Versions Compared

Old Version 27

changes.mady.by.user Axelle Mathues

Saved on

compared with

New Version Current

changes.mady.by.user Warren Vercruysse

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Content Layer
background-repeatno-repeat
background-size80%
background-imagecef-event-detail-bg-header.png
background-positiontop bottom
id813755849
classcef cef-section cef-primary-bg cef-d-bg-sm-none
Content Column
width100%
id813755850
Content Block
id813755851
Div
classcef-container
Div
classcef-row cef-justify-content-end
Div
classcef-col-6
HTML
<p class="cef-mb-0">
<span class="cef-badge cef-badge-sm cef-primary-light-bg cef-mr-2 cef-mb-2">Big Data Test Infrastructure</span>
</p>

<h1 class="cef-mt-3">

<span class="cef-display-3 cef-date-day">23<span class="cef-h6 cef-date-month">Feb</span></span>


<span class="cef-d-block cef-mt-4 cef-mb-2">Meet Big Data Test Infrastructure</span>
<span class="cef-d-block cef-h3 cef-font-weight-normal cef-mb-0">Empowering>How BDTI can support Public Administrations in using Big Data and developing their datanetwork.</span>
</h1>
<p>Taking the use of Big Data to the next level</p>

<ul class="cef-list-unstyled">
<li class="cef-ico-conjunction cef-ico-schedule-white">3 PM CET</li>
<li class="cef-ico-conjunction cef-ico-play-circle-white">Online event</li>
</ul>

<p><a href="#https://ec.europa.eu/digital-building-blocks/sites/download/attachments/339640894/20210223_Privacy_Statement_CEF_BDTI-Webinar-final-published-vf.pdf">Download privacy statement (PDF, 256KO)<statement</a></p>

<p>This event is <strong>open for registration</strong>. <br>Registration end 5pm the day before.</p>

<p>
<a class="cef-btn cef-btn-secondary" href="#" target="_blank">
<span class="cef-link-external">Register for the webinar</span><span class="cef-sr-only">(opens in a new tab)</span>
</a>
</p>
CSS Stylesheet
/*FRAMEWORK CSS CEF DIGITAL V3 30/03/2021*/

/
CSS Stylesheet
/**********************************/
/*--- CEF 2020 REEBOOT BRIKIT ---*/
/********************************/
.cef .brikit-container, .cef-container-fluid .brikit-container, .cef-container-xxl { width: 100%;}

@media screen and (min-width: 1200px){
	.cef .brikit-container { width: 1170px;}
}

@media screen and (min-width: 1366px){
	.cef-container-xxl .brikit-container { width: 1300px;}
}

/*--- CEF 2020 HACK BRIKIT ---*/
/*---------------------------*/
.brikit-edit-mode .brikit-content-layers a.aui-button.edit-content-block { z-index:9;}
.cef .position-bottom { display: none;}

//
/*--- SPECIFIC FOR THIS PAGE = DON'T COPY ON BRIKIT CSS ---*/
/******************************/ 
/*--- CEF 2020 LAYOUT ---*/ 
/**************************/

/*--- REMOVE CEF 2020 GRID DIGITAL BREADCRUMB & TITLE PAGE ---*/
/*.brikit--------------------*/
.cef *header-backdrop { box-sizing: border-boxborder:none;}   
.cefbrikit-title-backdrop {margin display:0 autonone !important; max-width: 2560px;}
.cef-container#brikit-breadcrumbs-relocated { padding-rightdisplay:15px; padding-left:15px; margin-right:auto; margin-left:auto; width:100% none;}
.ceffirst-rowlayer { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; margin-right:-15px; margin-left:-15px}
    
[class*="cef-col-"] { padding-right: 15px; padding-left: 15px;}

/*--- DEBUG MODE ---*/
/*[class*="cef-col-"] {border:1px solid blue;}  
.cef-row {border:1px solid yellow;}
.cef-container { border:1px solid red;}*/

.cef-col-1 { -ms-flex:0 0 8.333333%; flex:0 0 8.333333%; max-width:8.333333%}
.cef-col-2 { -ms-flex:0 0 16.666667%; flex:0 0 16.666667%; max-width:16.666667%}
.cef-col-3 { -ms-flex:0 0 25%; flex:0 0 25%; max-width:25%}
.cef-col-4 { -ms-flex:0 0 33.333333%; flex:0 0 33.333333%; max-width:33.333333%}
.cef-col-5 { -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%}
.cef-col-6 { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%}
.cef-col-7 { -ms-flex:0 0 58.333333%; flex:0 0 58.333333%; max-width:58.333333%}
.cef-col-8 { -ms-flex:0 0 66.666667%; flex:0 0 66.666667%; max-width:66.666667%}
.cef-col-9 { -ms-flex:0 0 75%; flex:0 0 75%; max-width:75%}
.cef-col-10 { -ms-flex:0 0 83.333333%; flex:0 0 83.333333%; max-width:83.333333%}
.cef-col-11 { -ms-flex:0 0 91.666667%; flex:0 0 91.666667%; max-width:91.666667%}
.cef-col-12 { -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%}  

@media screen and (max-width: 600px) {    
[class*="cef-col-"] { -ms-flex:0 0 100%; flex:0 0 100%; position:relative; padding:0; max-width: 100%;} 
.cef-row+.cef-row { margin-top: 0;}  
}

/*--- CEF 2020 SECTION ---*/
/*-----------------------*/
.cef-section { padding:3rem 0;}

/***************************/
/*--- CEF 2020 CONTENT ---*/
/*************************/

/*--- CEF TYPOGRAPHY ---*/
/*---------------------*/
.brikit-content-layers .cef .cef-display-1, .brikit-content-layers .cef .cef-display-2, .brikit-content-layers .cef .cef-display-3, .brikit-content-layers .cef .cef-display-4, .brikit-content-layers .cef .cef-display-5, .brikit-content-layers .cef .cef-display-6 { line-height:1;}

.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1, .brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2, .brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3, .brikit-content-layers .cef h4, .brikit-content-layers .cef .cef-h4, .brikit-content-layers .cef h5, .brikit-content-layers .cef .cef-h5  {line-height:1.2;}

.brikit-content-layers .cef h6, .brikit-content-layers .cef .cef-h6, .brikit-content-layers .cef .cef-lead, .brikit-content-layers .cef, .brikit-content-layers .cef p, .brikit-content-layers .cef ul li, .cef-btn  { line-height:1.4;}

/*--- FONT SIZE ---*/ 
.brikit-content-layers .cef .cef-display-1 { font-size:5.60rem;}
.brikit-content-layers .cef .cef-display-2 { font-size:4.60rem;}
.brikit-content-layers .cef .cef-display-3 { font-size:3.60rem;}
.brikit-content-layers .cef .cef-display-4 { font-size:2.80rem;}
.brikit-content-layers .cef .cef-display-5 { font-size:2.40rem;}
.brikit-content-layers .cef .cef-display-6 { font-size:2.20rem;}
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1 { font-size:1.80rem;}
.brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2 { font-size:1.60rem;}
.brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3, .cef blockquote { font-size:1.40rem;}
.brikit-content-layers .cef h4, .brikit-content-layers .cef .cef-h4 { font-size:1.20rem;}
.brikit-content-layers .cef h5, .brikit-content-layers .cef .cef-h5, .brikit-content-layers .cef .cef-lead  { font-size:1.10rem;}
.brikit-content-layers .cef h6, .brikit-content-layers .cef .cef-h6, .brikit-content-layers .cef, .brikit-content-layers .cef p, .brikit-content-layers .cef ul li, .cef-btn, .cef-text-reset { font-size: 0.90rem;}

@media screen and (min-width: 768px) {
.brikit-content-layers .cef .cef-display-1 { font-size:6.50rem;}
.brikit-content-layers .cef .cef-display-2 { font-size:5.50rem;}
.brikit-content-layers .cef .cef-display-3 { font-size:4.50rem;}
.brikit-content-layers .cef .cef-display-4 { font-size:3.50rem;}
.brikit-content-layers .cef .cef-display-5 { font-size:3rem;}
.brikit-content-layers .cef .cef-display-6 { font-size:2.50rem;}
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1 { font-size:2rem;}
.brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2 { font-size:1.75rem;}
.brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3, .cef blockquote  { font-size:1.50rem;}
.brikit-content-layers .cef h4, .brikit-content-layers .cef .cef-h4 { font-size:1.25rem;}
}

@media screen and (min-width: 1200px) {
.brikit-content-layers .cef .cef-display-1 { font-size:6.75rem;}
.brikit-content-layers .cef .cef-display-2 { font-size:5.75rem;}
.brikit-content-layers .cef .cef-display-3 { font-size:4.75rem;}
.brikit-content-layers .cef .cef-display-4 { font-size:3.75rem;}
.brikit-content-layers .cef .cef-display-5 { font-size:3.25rem;}
.brikit-content-layers .cef .cef-display-6 { font-size:2.75rem;}
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1 { font-size:2.25rem;}
.brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2 { font-size:1.75rem;}
.brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3, .cef blockquote { font-size:1.50rem;}
.brikit-content-layers .cef h4, .brikit-content-layers .cef .cef-h4 { font-size:1.25rem;}
.brikit-content-layers .cef h5, .brikit-content-layers .cef .cef-h5, .brikit-content-layers .cef .cef-lead { font-size:1.15rem;}
.brikit-content-layers .cef h6, .brikit-content-layers .cef .cef-h6, .brikit-content-layers .cef, .brikit-content-layers .cef p, .brikit-content-layers .cef ul li, .cef-btn, .cef-text-reset { font-size: 1rem;}
}

@media screen and (min-width: 1920px) {
.brikit-content-layers .cef .cef-display-1 { font-size:9rem;}
.brikit-content-layers .cef .cef-display-2 { font-size:7rem;}
.brikit-content-layers .cef .cef-display-3 { font-size:5rem;}
.brikit-content-layers .cef .cef-display-4 { font-size:4rem;}
.brikit-content-layers .cef .cef-display-5 { font-size:3.50rem;}
.brikit-content-layers .cef .cef-display-6 { font-size:3rem;}
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1 { font-size:2.50rem;}
.brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2 { font-size:2.25rem;}
.brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3, .cef blockquote { font-size:1.75rem;}
.brikit-content-layers .cef h4, .brikit-content-layers .cef .cef-h4 { font-size:1.50rem;}
.brikit-content-layers .cef h5, .brikit-content-layers .cef .cef-h5, .brikit-content-layers .cef .cef-lead { font-size:1.25rem;}
.brikit-content-layers .cef h6, .brikit-content-layers .cef .cef-h6, .brikit-content-layers .cef, .brikit-content-layers .cef p, .brikit-content-layers .cef ul li, .cef-btn, .cef-text-reset { font-size: 1.1rem;}
}

/*--- FONT SPACING ---*/  
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1, .brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2, .brikit-content-layers .cef h3, .brikit-content-layers .cef .cef-h3 { margin-bottom:1rem;}
.brikit-content-layers .cef h2, .brikit-content-layers .cef .h2, .brikit-content-layers .cef h3, .brikit-content-layers .cef .h3 { margin-top:0;}
.cef p, .cef ul, .cef ol { margin: 0 0 1rem 0;}

/*--- FONT TRANSFORM ---*/  
.brikit-content-layers .cef h1, .brikit-content-layers .cef .cef-h1, .brikit-content-layers .cef h2, .brikit-content-layers .cef .cef-h2 { font-weight:bold;}

/*--- FONT DECO ---*/
.cef-primary-heading-deco:after, .cef-secondary-heading-deco:after { margin-top:1rem; content: ''; display:block; height: 3px; width: 30px;}
.cef-heading-deco-auto:after { margin:1rem auto 0 auto;}

.cef-primary-heading-deco:after {  background-color: #003764;}  
.cef-secondary-heading-deco:after, .cef-secondary-heading-deco-auto:after { background-color: #FFCF00;}  

/*--- BLOCKQUOTE ---*/  
/*-----------------*/
.cef blockquote { margin-top:0 !important; padding:0; font-style:italic; border:none;}

.cef hr { margin-top:1rem; margin-bottom:1rem; border:0; border-top:1px solid #DBDBDB;}

/*--- IMAGE ---*/
/*------------*/
.cef img { vertical-align:middle; border-style:none}
.cef svg { overflow:hidden; vertical-align:middle;}

.cef-img-fluid { max-width: 100%; height: auto;}
 
a.cef-img-link { display: inline-block !important; padding:2px; line-height: 0; border: 0 !important;}
a.cef-img-link:hover { outline: 2px solid black; outline-offset: 2px; background-color: transparent !important; filter:brightness(200%);}

.cef-img-parallax { background-attachment: fixed;}

@media screen and (max-width: 1200px){
	.cef-img-parallax { background-size: cover !important; background-attachment: initial !important;}
}

@media screen and (min-width: 1921px){
	.cef-img-parallax { background-size: cover !important; background-position: center !important; background-attachment: initial !important;}
}

/* --- LIST --- */  
/*-------------*/
.cef-list-unstyled { list-style: none !important; padding: 0;}
.cef-list-unstyled li:before { content: "\200B"; /* add zero-width space */}
.cef-list-lh-0 li { line-height:0 !important;}

/* --- LINE HEIGHT --- */  
/*--------------------*/
.cef-lh-0 { line-height:0 !important;}

/*--- CEF 2020 COLOR ---*/
/*---------------------*/

/*--- FONT COLOR ---*/
.cef h1, .cef h2, .cef h3, .cef h4, .cef h5, .cef h6, .cef p, .cef span, .cef ul, .cef ul li, .cef ol, .cef ol li, .cef blockquote, .cef small {color: #003764;}

.cef-primary-color { color:#003764 !important;}
.cef-primary-medium-color { color:#0189C6 !important;}
.cef-secondary-color { color:#FFCF00 !important;}
.cef-terciary-color { color:#99C9BD !important;}
.cef-white-color { color:#FFF !important;}

/*--- FONT OUTLINE COLOR ---*/
.cef-outline { color: transparent; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px;}
.cef-outline.cef-outline-white { -webkit-text-stroke-color: white;}

/*--- BACKGROUND COLOR ---*/
.cef-primary-bg { background-color:#003764 !important;}
.cef-primary-medium-bg { color:white !important; background-color:#0189C6;}
.cef-primary-light-bg { background-color:#BDE4F5;}

.cef-primary-bg h1, .cef-primary-bg h2, .cef-primary-bg h3, .cef-primary-bg p, .cef-primary-bg span, .cef-primary-bg blockquote, .brikit-content-layers .cef.cef-primary-bg a:link, .cef-primary-medium-bg h1, .cef-primary-medium-bg h2, .cef-primary-medium-bg h3, .cef-primary-medium-bg p, .cef-primary-medium-bg span { color:white;}

.brikit-content-layers .cef.cef-primary-bg a, .brikit-content-layers .cef.cef-primary-bg a:link { color: #FFCF00; border-bottom: 2px solid #FFCF00;}
.brikit-content-layers .cef.cef-primary-bg a:hover { color: #003764; background-color: #FFCF00; border: 2px solid #FFCF00;}
.brikit-content-layers .cef.cef-primary-bg a:focus, .brikit-content-layers .cef .cef-primary-bg a:focus { outline: 2px dashed #FFCF00;}

.cef-secondary-bg { background-color:#FFCF00;}
.cef-terciary-bg { background-color:#3F89C4;}
.cef-grey-light-bg { background-color:#F0F4F5;}
.cef-white-bg { background-color:#FFF;}

/*--- CEF 2020 LINK ---*/
/*--------------------*/
.brikit-content-layers .cef a, .brikit-content-layers .cef a:link { display: inline; position: relative; padding-left: 2px; padding-right: 2px; font-weight:bold; text-decoration: none !important; color: #003764; border-top: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 2px solid #003764; border-left: 2px solid transparent;
-webkit-transition: 120ms linear; transition: 120ms linear; transition-property: all;}
.brikit-content-layers .cef a:hover { color: white; background-color: #003764; border: 2px solid #003764;}
.brikit-content-layers .cef a:focus { color: inherit; background-color: inherit; border: 2px solid transparent; outline: 2px dashed black; outline-offset: 2px;}

.brikit-content-layers .cef h1 a, .brikit-content-layers .cef h2 a, .brikit-content-layers .cef h3 a, .brikit-content-layers .cef h4 a, .brikit-content-layers .cef h5 a, .brikit-content-layers .cef h6 a {color: #003764 !important;}
.brikit-content-layers .cef h1 a:hover, .brikit-content-layers .cef h2 a:hover, .brikit-content-layers .cef h3 a:hover, .brikit-content-layers .cef h4 a:hover, .brikit-content-layers .cef h5 a:hover, .brikit-content-layers .cef h6 a:hover {color: white !important;}
.brikit-content-layers .cef h1 a:focus, .brikit-content-layers .cef h2 a:focus, .brikit-content-layers .cef h3 a:focus, .brikit-content-layers .cef h4 a:focus, .brikit-content-layers .cef h5 a:focus, .brikit-content-layers .cef h6 a:focus {color: inherit !important; background-color: inherit !important; border: 2px solid transparent !important; outline: 2px dashed black !important; outline-offset: 2px !important;}

/*--- BTN EXTERNAL LINK ---*/
.cef-btn.cef-btn-light-outline .cef-link-external:after, .cef-btn.cef-btn-primary .cef-link-external:after { top: 0; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-ico-backspace-white.png") left no-repeat; background-size: 24px; transform: rotate(145deg);} 

/*--- EXTERNAL LINK ---*/
.cef-link-external { display: inline-block !important; margin-right: 20px; position: relative;}
.cef-link-external:after { position: absolute; right: -24px; content: ""; width: 24px; height: 24px; transition: all .1s linear;}

.cef-link-external:after { top: 0; background: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-ico-backspace-primary.png") left no-repeat;  background-size: 24px; transform: rotate(145deg);}
.cef-link-external:hover:after, .cef-btn:hover .cef-link-external:after {transform: translate(4px, -4px) rotate(145deg);}

/******************************/
/*--- CEF 2020 COMPONENTS ---*/
/****************************/

/*--- BADGE ---*/
/*------------*/
.cef-badge { display: inline-block; padding: 5px 15px; letter-spacing: 0.1em; font-weight: bold; border-radius: 0px 30px 30px 0px; -moz-border-radius: 0px 30px 30px 0px;
-webkit-border-radius: 0px 30px 30px 0px;}

/*--- SIZE ---*/
.cef-badge.cef-badge-sm { padding: 3px 10px !important; font-size:80%;}
.cef-badge.cef-badge-lg { font-size:120%;}

/*--- BUTTON ---*/
/*-------------*/
.cef-btn { display:inline-block !important; padding:0.75rem 1rem !important; min-width:100px !important; line-height:1.2em; text-align:center; text-transform: uppercase; border: 2px solid transparent; border-radius:7px; box-shadow: none;}
.cef-btn:hover { box-shadow: none;}
.cef-btn span { padding-left:2px; padding-right:2px; border: 2px solid transparent;}
.cef-btn:hover span { border-top: 2px solid transparent; border-right: 2px solid transparent; border-bottom: 2px solid #003764; border-left: 2px solid transparent;}

/*--- COLOR ---*/
.cef-btn.cef-btn-primary { background: #003764 !important; border-color:#003764 !important;} 
.cef-btn.cef-btn-primary:hover { background: #003764 !important; border-color:#003764 !important;}  
.cef-btn.cef-btn-primary span { color:white !important;}  
.cef-btn.cef-btn-primary:hover span { border-bottom-color: white;} 

.cef-btn.cef-btn-primary-outline { background: transparent !important; border-color:#003764 !important;} 
.cef-btn.cef-btn-primary-outline:hover { background: transparent !important; border-color:transparent !important;} 
.cef-btn.cef-btn-primary-outline span { color:#003764 !important;} 

.cef-btn.cef-btn-secondary { background: #FFCF00 !important; border-color:#FFCF00 !important;} 
.cef-btn.cef-btn-secondary:hover { background: #FFCF00 !important; border-color:#FFCF00 !important;} 
.cef-btn.cef-btn-secondary span { color:#003764 !important; }  
.cef-btn.cef-btn-secondary:hover span { border-bottom-color: #003764;} 

.cef-btn.cef-btn-light-outline { background: transparent !important; border-color:#fff !important;} 
.cef-btn.cef-btn-light-outline:hover { background: transparent !important; border-color:transparent !important;} 
.cef-btn.cef-btn-light-outline span { color:#fff !important; } 
.cef-btn.cef-btn-light-outline:hover span { border-bottom-color: #fff;} 

/*--- SIZE ---*/
.cef-btn.cef-btn-sm { padding: 3px 10px !important; font-size:80%; min-width:80px !important;}
.cef-btn.cef-btn-lg { min-width:260px !important;}

/*--- CARD ---*/
/*-----------*/
.cef-card { position:relative; display: flex; -ms-flex-direction: column; flex-direction: column; height:100%; min-width: 0; word-wrap: break-word;}
.cef-card-header { padding: 1.5rem  1rem 0 1rem;}
.cef-card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem 1rem 0 1rem; min-height: 1px;}
.cef-card-footer { padding: 1rem 1rem 0.5rem 1rem;}

@media screen and (min-width: 1366px){
	.cef-card-header { padding: 1.5rem  1.5rem 0 1.5rem;}
	.cef-card-body { padding: 1.5rem 1.5rem 0 1.5rem; }
	.cef-card-footer { padding: 1.5rem 1.5rem 0.5rem 1.5rem;}
}

/*--- COLLAPSE ---*/
/*---------------*/
.cef-collapse-item { margin-bottom:1rem; }

.cef .cef-collapse h3 { position:relative; z-index:8; margin-bottom:0; background-color: #F0F4F5;}

.cef-collapse button::-moz-focus-inner { border: 0;}
.cef-collapse-trigger { display: block; padding:1rem 40px 1rem 1rem; position: relative; text-align: left; width: 100%; background-color: transparent; border-color: transparent; cursor: pointer;}
.cef-collapse-trigger:hover { border-color: #003764;}
.cef-collapse-trigger:focus { outline: 2px dashed #003764; outline-offset: 2px;}

.cef-collapse-title { display: block; pointer-events: none; outline: none;}
.cef-collapse-trigger:focus .cef-collapse-title { border-color: hsl(216, 94%, 73%);}

.cef-collapse-icon { position: absolute; right: 1rem; top: 50%; height: 1rem; width: 1rem; border: solid #003764; border-width: 0 2px 2px 0; transform: translateY(-60%) rotate(45deg); -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out;}
.cef-collapse-trigger[aria-expanded="true"] .cef-collapse-icon { transform: translateY(-50%) rotate(-135deg);}

.cef-collapse-panel { position:relative; z-index:7; padding:1rem; background-color: #F0F4F5; border-top: 1px solid #DBDBDB;  display: block; -webkit-animation: cef-collapse-slide .2s ease-out; -moz-animation: cef-collapse-slide .2s ease-out;}
/* For Edge bug https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/4806035/ */
.cef-collapse-panel[hidden] { z-index-1; display: none;}

@-webkit-keyframes cef-collapse-slide {
      0% { opacity: 0; -webkit-transform: translateY(-100%); }   
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes cef-collapse-slide {
      0% { opacity: 0; -moz-transform: translateY(-100%); }   
    100% { opacity: 1; -moz-transform: translateY(0); }
}

/*****************************/
/*--- CEF 2020 UTILITIES ---*/
/***************************/
/*--- DISPLAY ---*/
/*--------------*/
.cef-d-block { display: block;}
.cef-d-flex { display:-ms-flexbox!important; display:flex!important}
.cef-d-inline-block { display: inline-block;}
.cef-d-none { display:none!important;}

@media screen and (min-width: 600px) {
	.cef-d-sm-block { display:block !important;}
}

@media screen and (min-width: 768px) {
	.cef-d-md-block { display:block !important;}
}

@media screen and (min-width: 992px) {
	.cef-d-lg-block { display:block !important;}
}

@media screen and (min-width: 1200px) {
	.cef-d-xl-block { display:block !important;}
}

/*--- DISPLAY BACKGROUND---*/
/*------------------------*/
@media screen and (max-width: 600px) {
	.cef-d-bg-sm-none { background-image: none !important;}
}

/*--- FLEX ---*/
/*-----------*/
.cef-justify-content-start { -ms-flex-pack:start!important; justify-content:flex-start!important }
.cef-justify-content-end { -ms-flex-pack:end!important; justify-content:flex-end!important}
.cef-justify-content-center { -ms-flex-pack:center!important; justify-content:center!important}
.cef-justify-content-between { -ms-flex-pack:justify!important; justify-content:space-between!important}
.cef-justify-content-around { -ms-flex-pack:distribute!important; justify-content:space-around!important}

/*--- SCREEN READER ---*/
/*--------------------*/
.cef-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0}
.cef-sr-only-focusable:active,
.cef-sr-only-focusable:focus { position:static; width:auto; height:auto; overflow:visible; clip:auto; white-space:normal}

/*--- SHADOW ---*/
/*-------------*/
.cef-shadow-none { box-shadow:none!important}
.cef-shadow-sm { box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}
.cef-shadow { box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important;}
.cef-shadow-lg { box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;}

/*--- SIZING ---*/
/*-------------*/
.cef-w-xxxxs { width: 25px;}
.cef-w-xxxs { width: 50px;}
.cef-w-xxs { width: 75px;}
.cef-w-xs { width: 100px;}
.cef-w-sm { width: 125px;}
.cef-w-md { width: 150px;}
.cef-w-lg { width: 175px;}
.cef-w-xl { width: 200px;}
.cef-w-xxl { width: 225px;}
.cef-w-xxxl { width: 250px;}

/*--- SPACING ---*/
/*--------------*/
.cef-m-0 { margin: 0 !important;}

.cef-mt-0 { margin-top: 0 !important;}
.cef-mr-0 { margin-right: 0 !important;}
.cef-mb-0 { margin-bottom: 0 !important;}
.cef-ml-0 { margin-left: 0 !important;}

.cef-mt-1 { margin-top: .25rem !important;}
.cef-mr-1 { margin-right: .25rem !important;}
.cef-mb-1 { margin-bottom: .25rem !important;}
.cef-ml-1 { margin-left: .25rem !important;}

.cef-mt-2 { margin-top: .50rem !important;}
.cef-mr-2 { margin-right: .50rem !important;}
.cef-mb-2 { margin-bottom: .50rem !important;}
.cef-ml-2 { margin-left: .50rem !important;}

.cef-mt-3 { margin-top: 1rem !important;}
.cef-mr-3 { margin-right: 1rem !important;}
.cef-mb-3 { margin-bottom: 1rem !important;}
.cef-ml-3 { margin-left: 1rem !important;}

.cef-mt-4 { margin-top: 1.5rem !important;}
.cef-mr-4 { margin-right: 1.5rem !important;}
.cef-mb-4 { margin-bottom: 1.5rem !important;}
.cef-ml-4 { margin-left: 1.5rem !important;}

.cef-mt-5 { margin-top: 3rem !important;}
.cef-mr-5 { margin-right: 3rem !important;}
.cef-mb-5 { margin-bottom: 3rem !important;}
.cef-ml-5 { margin-left: 3rem !important;}

.cef-p-0 { padding: 0 !important;}

.cef-pt-0 { padding-top: 0 !important;}
.cef-pr-0 { padding-right: 0 !important;}
.cef-pb-0 { padding-bottom: 0 !important;}
.cef-pl-0 { padding-left: 0 !important;}

.cef-pt-1 { padding-top: .25rem !important;}
.cef-pr-1 { padding-right: .25rem !important;}
.cef-pb-1 { padding-bottom: .25rem !important;}
.cef-pl-1 { padding-left: .25rem !important;}

.cef-pt-2 { padding-top: .50rem !important;}
.cef-pr-2 { padding-right: .50rem !important;}
.cef-pb-2 { padding-bottom: .50rem !important;}
.cef-pl-2 { padding-left: .50rem !important;}

.cef-pt-3 { padding-top: 1rem !important;}
.cef-pr-3 { padding-right: 1rem !important;}
.cef-pb-3 { padding-bottom: 1rem !important;}
.cef-pl-3 { padding-left: 1rem !important;}

.cef-pt-4 { padding-top: 1.5rem !important;}
.cef-pr-4 { padding-right: 1.5rem !important;}
.cef-pb-4 { padding-bottom: 1.5rem !important;}
.cef-pl-4 { padding-left: 1.5rem !important;}

.cef-pt-5 { padding-top: 3rem !important;}
.cef-pr-5 { padding-right: 3rem !important;}
.cef-pb-5 { padding-bottom: 3rem !important;}
.cef-pl-5 { padding-left: 3rem !important;}

@media (min-width:600px) { 

.cef-m-sm-0 { margin: 0 !important;}

.cef-mt-sm-0 { margin-top: 0 !important;}
.cef-mr-sm-0 { margin-right: 0 !important;}
.cef-mb-sm-0 { margin-bottom: 0 !important;}
.cef-ml-sm-0 { margin-left: 0 !important;}

.cef-mt-sm-1 { margin-top: .25rem !important;}
.cef-mr-sm-1 { margin-right: .25rem !important;}
.cef-mb-sm-1 { margin-bottom: .25rem !important;}
.cef-ml-sm-1 { margin-left: .25rem !important;}

.cef-mt-sm-2 { margin-top: .50rem !important;}
.cef-mr-sm-2 { margin-right: .50rem !important;}
.cef-mb-sm-2 { margin-bottom: .50rem !important;}
.cef-ml-sm-2 { margin-left: .50rem !important;}

.cef-mt-sm-3 { margin-top: 1rem !important;}
.cef-mr-sm-3 { margin-right: 1rem !important;}
.cef-mb-sm-3 { margin-bottom: 1rem !important;}
.cef-ml-sm-3 { margin-left: 1rem !important;}

.cef-mt-sm-4 { margin-top: 1.5rem !important;}
.cef-mr-sm-4 { margin-right: 1.5rem !important;}
.cef-mb-sm-4 { margin-bottom: 1.5rem !important;}
.cef-ml-sm-4 { margin-left: 1.5rem !important;}

.cef-mt-sm-5 { margin-top: 3rem !important;}
.cef-mr-sm-5 { margin-right: 3rem !important;}
.cef-mb-sm-5 { margin-bottom: 3rem !important;}
.cef-ml-sm-5 { margin-left: 3rem !important;}

.cef-p-sm-0 { margin: 0 !important;}

.cef-pt-sm-0 { padding-top: 0 !important;}
.cef-pr-sm-0 { padding-right: 0 !important;}
.cef-pb-sm-0 { padding-bottom: 0 !important;}
.cef-pl-sm-0 { padding-left: 0 !important;}

.cef-pt-sm-1 { padding-top: .25rem !important;}
.cef-pr-sm-1 { padding-right: .25rem !important;}
.cef-pb-sm-1 { padding-bottom: .25rem !important;}
.cef-pl-sm-1 { padding-left: .25rem !important;}

.cef-pt-sm-2 { padding-top: .50rem !important;}
.cef-pr-sm-2 { padding-right: .50rem !important;}
.cef-pb-sm-2 { padding-bottom: .50rem !important;}
.cef-pl-sm-2 { padding-left: .50rem !important;}

.cef-pt-sm-3 { padding-top: 1rem !important;}
.cef-pr-sm-3 { padding-right: 1rem !important;}
.cef-pb-sm-3 { padding-bottom: 1rem !important;}
.cef-pl-sm-3 { padding-left: 1rem !important;}

.cef-pt-sm-4 { padding-top: 1.5rem !important;}
.cef-pr-sm-4 { padding-right: 1.5rem !important;}
.cef-pb-sm-4 { padding-bottom: 1.5rem !important;}
.cef-pl-sm-4 { padding-left: 1.5rem !important;}

.cef-pt-sm-5 { padding-top: 3rem !important;}
.cef-pr-sm-5 { padding-right: 3rem !important;}
.cef-pb-sm-5 { padding-bottom: 3rem !important;}
.cef-pl-sm-5 { padding-left: 3rem !important;}
}

/*--- TEXT ---*/
/*-----------*/
.cef-text-left { text-align: left;}
.cef-text-center { text-align: center;}
.cef-text-right { text-align: right;}

.cef-text-lowercase { text-transform: lowercase;}
.cef-text-uppercase { text-transform: uppercase;}
.cef-text-capitalize { text-transform: uppercase;}

.brikit-content-layers .cef .cef-font-weight-bold { font-weight: bold;}
.brikit-content-layers .cef .cef-font-weight-bolder { font-weight: bolder;}
.brikit-content-layers .cef .cef-font-weight-normal { font-weight: normal;}
.brikit-content-layers .cef .cef-font-weight-light { font-weight: light;}
.brikit-content-layers .cef .cef-font-weight-lighter { font-weight: lighter;}
.brikit-content-layers .cef .cef-font-italic { font-weight: italic;}

/********************************************/
/*--- CEF 2020 SPECIFIC STYLE & SECTION ---*/
/******************************************/

/*--- DECORATION CURVE ---*/
/*-----------------------*/
.cef-deco-curve:after {display: block; position:absolute; bottom:-1px; right:-1px; content:""; width: 100%; height:7rem; background-position: top right; background-repeat: no-repeat; background-size: cover;}
.cef-deco-curve-lg:after {display: block; position:absolute; bottom:-1px; right:-1px; content:""; width: 100%; height:14rem; background-position: top right; background-repeat: no-repeat; background-size: cover;}

.cef-deco-curve-white:after {background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-deco-curve-white.png");}
.cef-deco-curve-grey-light:after {background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-deco-curve-grey-light.png");}
.cef-deco-curve-white-lg:after {background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-deco-curve-white-lg.png");}

/*--- DECORATION ARROW ---*/
/*-----------------------*/
.cef-deco-arrow { position:relative;}
.cef-deco-arrow:after { position:absolute; top:-25px; left:50%; content:''; width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent;}
.cef-deco-arrow-primary:after { border-bottom: 30px solid #003764;}

/*--- ICO STEP ---*/
/*---------------*/
.cef-ico-step { position:relative;}
.cef-ico-step:after { content: ''; position:absolute; top:2.8rem; right: -10px; height: 55px; width: 20px; background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-ico-step.png"); background-repeat: no-repeat;  background-size: 15px 55px; }

@media screen and (max-width: 600px) {
.cef-ico-step:after {background-image: none;}
}

/*************************/
/*--- CEF 2020 MACRO ---*/
/***********************/

/*--- MACRO SLIDER ---*/
/*-------------------*/
.cef-slider { position:relative; z-index:8;}
.cef-slider .flickity-enabled { background-color: transparent; box-shadow:none;}
.cef-slider .flickity-enabled.is-draggable { box-shadow:none;}
.cef-slider .news-slider-root > div { padding:0;}
.cef-slider .aui-item > div { margin:0; padding:0;}
.cef-slider .aui-item { display:inline-block; padding:0 15px 10px 15px;}
.cef-slider .aui-group>.aui-item { padding-top:0; padding-bottom:1rem; width: 100%;}
.cef-slider .aui-group>.aui-item+.aui-item { padding:0; width: 100%;}

/*--- HEADING ---*/
.cef-slider h2:first-child { display: none;}

/*DOT*/
.cef-slider .flickity-page-dots { position:relative; top:0 !important; height:1rem; text-align: center;}
.cef-slider .flickity-page-dots .dot { opacity: 1; height: 15px; width:15px; background: white; border:2px solid #003764;}
.cef-slider .flickity-page-dots .dot.is-selected { background: #003764; border:2px solid #003764;}
.cef-slider .flickity-page-dots .dot:focus { outline: 2px dashed black; outline-offset: 2px;}

/*--- ARROW ---*/
.cef-slider .flickity-button { top:35%; background-color: white; border-radius:10px; box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}
.cef-slider .flickity-button:hover { background-color: #F0F4F5;}
.cef-slider .flickity-button:focus {  outline: 2px dashed black; outline-offset: 2px; box-shadow: none;}
.cef-slider .flickity-prev-next-button .flickity-button-icon { fill: rgb(109, 114, 120);}
.cef-slider .flickity-prev-next-button.previous { left: -15px;}
.cef-slider .flickity-prev-next-button.next { right: -15px;}

/*--- SLIDER SPOTLIGHT ---*/
.cef-slider .cef-slider-spotlight-bg { background-size:cover; background-position: top left; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.cef-slider .cef-slider-spotlight-text { padding:0.5rem 2rem; min-height: 260px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}

@media screen and (max-width: 600px) {
	.cef-slider .cef-slider-spotlight-bg { height:150px;}
}

/*--- MACRO NEWS TEASER ---*/
/*------------------------*/
.cef .cef-news .news-teaser-root > div > div > div {display: inline-block; margin-top:20px; box-shadow:none;}
.cef .cef-news .news-teaser-root .aui-group { display: block; min-height: 425px !important; box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;}
.cef .cef-news .news-teaser-root a, .brikit-content-layers .cef .cef-news .news-teaser-root a:link { display: inline-block; margin-bottom:1rem; border:none;}
.cef .cef-news .news-teaser-root a:hover { background-color: white; border-bottom:2px solid transparent;}
.cef .cef-news .news-teaser-root a img { margin-top:2px; padding:2px; line-height:0; outline: 2px solid transparent; outline-offset: 2px; -webkit-transition: 120ms linear; transition: 120ms linear; transition-property: all;}
.cef .cef-news .news-teaser-root a:hover img { outline: 2px solid black; filter: brightness(1.52) grayscale(1);}
.cef .cef-news .news-teaser-root a:focus img { outline: 2px solid white;}
.cef .cef-news .news-teaser-root a h2 { display: inline; font-size: inherit; font-size:110%; border-bottom:2px solid #003764;}
.cef .cef-news .news-teaser-root a:hover h2 { color:white; background-color: #003764; border-bottom:2px solid transparent;}
.cef .cef-news .news-teaser-root .aui-group span { font-size: initial; text-transform: uppercase;}
.cef .cef-news .news-teaser-root > div > div:last-child { display:none;}

@media screen and (max-width: 600px) {
	.cef .cef-news .news-teaser-root > div > div > div  { position:relative !important; width: auto !important; left: auto !important; top: auto !important;}
	.cef .cef-news .news-teaser-root .aui-group { min-height: auto !important;}
}

/*--- MACRO TABS ---*/
/*-----------------*/
/*MENU*/
.aui-tabs.horizontal-tabs > .tabs-menu { align-items: center; justify-content: center;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu::after { left: -20px; right:-20px; height: 1px;}

/*TAB*/
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item { margin: 0; background-color: #EFF3F4; border-top:1px solid #C2C7CF; border-left:1px solid #C2C7CF; border-bottom:1px solid #C2C7CF;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item:first-child { border-top-left-radius: 15px;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item:last-child { border-right:1px solid #C2C7CF; border-top-right-radius: 15px;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.active-tab { background-color: white; border-bottom: 1px solid white;}

/*LINK*/
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a, .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a:hover { padding:1.25rem 2rem !important; font-weight: normal; text-transform: uppercase; color: inherit !important; border:none;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a:hover { background-color: transparent;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a::after { z-index: 1; display: block; content: ""; position: absolute; left:0; right:0; bottom:-1px; width: initial; height: 2px; background-color: transparent;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.active-tab a { border:none;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item.active-tab a::after { left:0; right:0; bottom:-1px; height: 2px; background-color: white;}
.cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item:hover a::after { z-index: 1; display: block; content: ""; position: absolute; left:0; right:0; bottom:-1px; width: initial; height: 2px; background-color:#0189C6;}

/*BODY*/
.cef .aui-tabs.horizontal-tabs > .tabs-pane { margin-top: 1rem;}

@media screen and (max-width: 600px) {
  .cef .aui-tabs.horizontal-tabs > .tabs-menu { align-items: left; justify-content: left;}
  .cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a,
  .cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item a:hover { padding:.25rem !important;}
  .cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item:first-child { border-top-left-radius: 0;}
  .cef .aui-tabs.horizontal-tabs > .tabs-menu > .menu-item:last-child { border-top-right-radius: 0;}
}

/*******************************/
/*--- CEF 2020 WEBTOOL MAP ---*/
/*****************************/
.brikit-content-layers .cef .wtmap {-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55);}
.brikit-content-layers .cef .wtmap a:link { border:2px solid transparent;}
.brikit-content-layers .cef .wtmap a:hover { background-color: #003764; border:2px solid #FFCF00;}
.brikit-content-layers .cef .wtmap a:focus {  border:2px solid black; outline: 2px dashed #FFCF00; outline-offset: 2px;}
.brikit-content-layers .cef .wtmap .wtcontent { border:none;}
.brikit-content-layers .cef .wtinfoclose { display: inline-block !important; background-color: #003764;}
.brikit-content-layers .cef .wtinfo { border:none; -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.55);}
.brikit-content-layers .cef .wtinfo:focus { border:none;}
.brikit-content-layers .cef .wtinfocontent h3, .brikit-content-layers .cef .wtinfocontent p { color: #003764;}
.brikit-content-layers .cef .wtinfocontent .cef-btn:focus {outline: 2px dashed black !important;}
.brikit-content-layers .leaflet-marker-icon.leaflet-interactive { border:2px solid transparent;}
.brikit-content-layers .leaflet-marker-icon.leaflet-interactive:hover { border:2px solid #003764;}
.brikit-content-layers .leaflet-marker-icon.leaflet-interactive:focus { border:2px solid transparent; outline: 2px dashed black !important;}
.brikit-content-layers .wtMarkerIcon { width: 28px !important;}
.brikit-content-layers .cef .wtmenu { background-color: #003764;}
.brikit-content-layers .cef .wtmenu a { display: inline-block;}
.brikit-content-layers .cef .wtmenu span { background-color: #003764;}
.cef .wtfooter { display:none;}

/*LOADING ANIMATION*/
.cef-map-wrapper { position:relative; min-height:2rem;}
.wtmap { position:relative; z-index:2}
.cef-map-loading { position:absolute; z-index:1;}
.cef-map-loading-text { float:left; display:inline-block; margin-top:5px;}
.cef-map-loading-animation-wrapper {display: inline-block; margin-left:10px; line-height:0;}
.cef-map-loading-animation { display: inline-block; width: 5px; height: 5px; border-radius: 15px; background-color: white;}
.cef-map-loading-animation-wrapper .cef-map-loading-animation:nth-last-child(1) {animation: cef-map-loading-animation 0.8s 0.1s linear infinite;}
.cef-map-loading-animation-wrapper .cef-map-loading-animation:nth-last-child(2) {animation: cef-map-loading-animation 0.8s 0.2s linear infinite;}
.cef-map-loading-animation-wrapper .cef-map-loading-animation:nth-last-child(3) {animation: cef-map-loading-animation 0.8s 0.3s linear infinite;}

@keyframes cef-map-loading-animation {
  0 {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0);
  }
}

/**********************************************************/
/*--- SPECIFIC FOR THIS PAGE = DON'T COPY ON MAIN CSS ---*/
/********************************************************/
/*--- REMOVE CEF DIGITAL BREADCRUMP & TITLE PAGE ---*/
.brikit-header-backdrop { border:none;}
.brikit-title-backdrop { display: none !important;}
#brikit-breadcrumbs-relocated { display: none;}
/*.first-layer { display: none;}*/

/*--- HACK TO REMOVE EMPTY HEADER CONTENT ---*/
/*.brikit-header-content { display: none; border:1px solid red; }*/

.secondary-nav {margin:0 auto !important; padding:10px 0 !important; max-width: 2560px;}
.secondary-nav { z-index: 2; background-color: #F0F4F5; }
.secondary-nav ul { display:inline-block; margin-left:15px;}
.secondary-nav ul li { margin-right:30px;}
.secondary-nav ul li:first-child { font-size: 170%;}
.secondary-nav ul li:first-child:after { margin-left: 30px; display: inline-block; content: ''; width: 8px; height: 8px; background-color: #0189C6; border-radius: 10px;}
.secondary-nav ul li a { color: #003764 !important;}

.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link), 
.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link):link,
.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link):active,
.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link):visited {
color: #003764; 
font-weight:bold;
text-decoration: none !important;
border-top: 2px solid transparent; 
border-right: 2px solid transparent; 
border-bottom: 2px solid transparent; 
border-left: 2px solid transparent;
-webkit-transition: 120ms linear; transition: 120ms linear; transition-property: all;
}
.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link):hover {
color: #003764 !important; 
text-decoration: none !important; 
border-top: 2px solid transparent; 
border-right: 2px solid transparent; 
border-bottom: 2px solid #003764; 
border-left: 2px solid transparent;
-webkit-transition: 120ms linear; transition: 120ms linear; transition-property: all;
}
.brikit-content-layers .secondary-nav a:not(.aui-button):not(.rich-link):focus {
border: 2px solid transparent; 
outline: 2px dashed black; outline-offset: 2px;
}

@media screen and (max-width: 600px) {
	.secondary-nav ul { margin-left:0;}
	.secondary-nav ul li:first-child:after { margin-left: 10px;}
}

/*******/
/*----*/
/*****/
CSS Stylesheet
/*19-01-2021*/
/*to do add class before .news-teaser for home page and landing BB*/

/*--- BACKGROUND COLOR ---*/
.cef .cef-primary-bg {color: white;}
.cef-primary-light-bg { color:#003764 !important; background-color:#BDE4F5;}
.cef-primary-bg ul li, .cef-primary-bg blockquote { color:white;}
.cef-secondary-bg { color:#003764 !important; background-color: #FFCF00;}

.cef-date-day { display:inline-block; position:relative; margin:0} 
.cef-date-month { position: absolute; right: 0; bottom: -20px; text-transform: uppercase; font-weight: normal;}

.cef-ico-conjunction { position:relative; padding-left: 34px;} 
.cef-ico-conjunction::before { content:''; position: absolute; left:0; height: 24px; width: 24px; background-repeat: no-repeat; background-size: cover;} 
.cef-ico-play-circle-white::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-outline_play_circle_white_48dp.png');}
.cef-ico-schedule-white::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/cef-outline_schedule_white_48dp.png');}

/*--- IMAGE ---*/ 
/*------------*/  
.cef img { vertical-align:middle; border-style:none} 
.cef svg { overflow:hidden; vertical-align:middle;} 
.cef-img-fluid { max-width: 100%; height: auto;} 
a.cef-link-img { display: inline-block !important; padding:2px; line-height: 0; border: 0 !important;} 
a.cef-link-img:hover { outline: 2px solid black; outline-offset: 2px; background-color: transparent !important; filter:brightness(200%);}

/*--CEF BB FAMILY--*/
/*----------------*/ 
.cef-bb { padding-top:100px;}
.cef-bb h3 {position: relative; font-weight: bold;}
.cef-bb h3::before { top:-90px;}
.cef-bb h3::before {content:''; position: absolute; height: 75px; width: 75px; background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/82773384/ico-bdti.png'); background-repeat: no-repeat; background-size: cover;}

.cef-bb.cef-bb-big-data h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-bdti.png');}
.cef-bb.cef-bb-blockchain h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-blockchain.png');}
.cef-bb.cef-bb-context-broker h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-context-broker.png');}
.cef-bb.cef-bb-earchiving h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-earchiving.png');}
.cef-bb.cef-bb-edelivery h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-edelivery.png');}
.cef-bb.cef-bb-eid h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-eid.png');}
.cef-bb.cef-bb-einvoicing h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-einvoicing.png');}
.cef-bb.cef-bb-esignature h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-esignature.png');}
.cef-bb.cef-bb-etranslation h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-etranslation.png');}
.cef-bb.cef-bb-oop h3::before {background-image: url('https://ec.europa.eu/digital-building-blocks/sites/download/attachments/289112547/ico-oop.png');}

@media screen and (min-width: 1366px){
.cef-bb {padding-top:0; padding-left: 100px;}
.cef-bb h3::before {content:''; position: absolute; top:0; left:-90px;}
}

/*--- CEF TIMELINE ---*/
/*-------------------*/ 
.cef-timeline { position: relative; margin: 0 auto; max-width: 600px;}  
.cef-timeline::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin-left: 3px; width: 3px; background-color: #003764}  
  
.cef-timeline-container { position: relative; padding: 10px 40px; width: 100%; background-color: inherit;}   
.cef-timeline-container::after { z-index: 1; content: ''; position: absolute; top: 15px; left: -3px; width: 10px; height: 10px; background-color: #003764; border-radius: 10px; border: 3px solid #003764;}   
.cef-timeline-container::before { z-index: 1; position: absolute; top: 22px; left: 30px; content: " "; height: 0; width: 0;}  
.cef-timeline-content { position: relative; margin-bottom:20px;} 

/*--- HACK BRIKIT ---*/
/*------------------*/
/*Overflow visible for element*/
#main-content .brikit-content-block .block-content-wrapper { padding-top:0.3rem; padding-bottom:0.3rem;}

/*--- MACRO EXPAND ---*/ 
/*-------------------*/
.expand-container .expand-content { margin: 0;}
.expand-control-text {font-weight: 600;}
Content Layer
id814715416
classcef cef-section cef-pb-4
Content Column
width100%
id814715417
Content Block
id814715419
Div
classcef-container
Div
classcef-row
Div
classcef-col-8
HTML
<h2>Transform the way you preserve data</h2>
<p class="cef-h3">Contrary to popular belief, lorem Ipsum is not simply random text.</p>
<p class="lead">There are many variations of passages of Lorem Ipsum <a href="#">available</a>, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
Div
classcef-row
Div
classcef-col-12 cef-pb-3 cef-text-center
HTML
<div class="cef-bb cef-bb-big-data">
<h3 class="cef-h4">Big Data Test Infrastructure</h3>
<p>A free online sandbox where you can analyse big data sets and test data-driven decision-making</p>
<p><a href="https://ec.europa.eu/digital-building-blocks/sites/x/UQfvB" aria-label="Learn more about Big Data Test Infrastructure">Learn more</a></p>
</div>
Content Layer
id385381730
Content Column
width100%
id385381732
Content Block
id385381733
Div
classcef-container
Div
classcef-row cef-justify-content-center cef-pb-5
Div
classcef-col-7
HTML
<blockquote>“New decentralised digital technologies such as blockchain offer a further possibility for both individuals and companies  to manage data flows and usage, based on individual free choice and self-determination. Such technologies will make dynamic data portability in real time possible for individuals and companies, along with various compensation models.”

...

id811022842
classcef cef-section cef-grey-light-bg

...

width100%
id811022843

...

id811022854

...

classcef-container
Div
classcef-row
Div
classcef-col-12
HTML
<h2 class="cef-mb-0">Webinar agenda and materials</h2>

...

classcef-row
Div
classcef-col-4 cef-mt-5
HTML
<h3><span class="cef-display-3 cef-date-day"><strong>23</strong><span class="cef-h6 cef-date-month">Feb</span></span></h3>

<div class="cef-mt-3 cef-timeline">
 
 <div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>3 PM CET</strong></h4>
	  <p>CEF Welcome</p>
	  <p>By Erbil Kop - Onboarding Manager.</p>
	</div> 
 </div>


 <div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>3.05 PM CET</strong></h4>
	  <p>BDTI in a nutshell</p>
	<p>By Andrea Biancini - Project Manager </p>
	</div> 
 </div>

 <div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>3.15 PM CET</strong></h4>
	  <p>PBDTI Service Offering and how to get started</p>
	<p>By Roberta Talarico - Communication expert)
	By Federica Russo - UX Designer</p>
	</div> 
 </div>

 <div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>3.30 PM CET</strong></h4>
	  <p>Municipality of Milan Pilot Showcase</p>
<p>By Elisa Bellistri - SIAD Management Instructor, Analytics and Data Science Unit, Municipality of Milan</p>
	</div> 
 </div>

<div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>3.45 PM CET</strong></h4>
	  <p>BDTI Self-paced labs: descriptive analytics, big data and AI</p>
	<p>By Ze Wen Wu - Cloud Engineer</p>
	</div> 
 </div>

<div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>4.05 PM CET</strong></h4>
	  <p>BDTI Technical architecture & future vision</p>
	<p>By Kasper Rutten - Cloud Engineer</p>
	</div> 
 </div>

<div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>4.15 PM CET</strong></h4>
	  <p>Q&A + Interactive session </p>
	</div> 
 </div>

</div>
 none;}
Content Layer
id814715416
classcef cef-section cef-pb-4
Content Column
width100%
id814715417
Content Block
id814715419
Div
classcef-container
Div
classcef-row
Div
classcef-col-8
HTML
<h2>Discover Big Data Test Infrastructure</h2>
<p class="cef-h3">Analyse and experiment with big data, for insights that lead to better decisions and strategic moves.</p>
<p class="lead">BDTI is a testing infrastructure offering virtual environment templates to explore and experiment with various data sources, software tools and big data techniques. This allows public administrations to focus on gathering knowledge, insight and value from their data, instead of setting up and maintaining a complex experimental environment.</p>
Div
classcef-row
Div
classcef-col-4 cef-mt-5
HTML
<div class="cef-bb cef-bb-big-data">
<h3 class="cef-h4">Big Data Test Infrastructure</h3>
<p>A free online sandbox where you can analyse big data sets and test data-driven decision-making.</p>
<p><a href="https://ec.europa.eu/digital-building-blocks/sites/x/UQfvB" aria-label="Learn more about Big Data Test Infrastructure">Learn more</a></p>
</div>
Content Layer
id811022842
classcef cef-section cef-grey-light-bg
Content Column
width100%
id811022843
Content Block
id811022854
Div
classcef-container
Div
classcef-row
Div
classcef-col-12
HTML
<h2>Webinar agenda and materials</h2>
<p class="cef-h3">The CEF Big Data Test Infrastructure is holding a webinar on 23 February 2021.<p>
<p>Register to this webinar to discover BDTI and gain insights on how BDTI can help European Public Administrations to analyse and experiment with big data, move towards data-driven decision making, and create synergies with other organisations, enlarging their own network and collaboration opportunities.</p>
Div
classcef-row cef-justify-content-center
Div
classcef-col-3 cef-mt-4 cef-text-center
HTML
<h3><span class="cef-display-2 cef-date-day"><strong>23</strong><span class="cef-h6 cef-date-month">Feb</span></span></h3>
Div
classcef-col-7 cef-mt-4
HTML
<div class="cef-mt-3 cef-timeline">
 
 <div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>3 PM CET</strong></h4>
	  <p>Introduction to CEF <br>// By Erbil Kop - Onboarding Manager</p>
		<p> Brief introduction on CEF Digital and its Building Blocks including BDTI </p>
	</div> 
 </div>


 <div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>3.05 PM CET</strong></h4>
	  <p>BDTI in a nutshell <br>// By Andrea Biancini - Project Manager</p>
	<p> An introductory overview of BDTI, and its main features and benefits.</p>
	</div> 
 </div>

<div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>3.15 PM CET</strong></h4>
	  <p>BDTI Service Offering and how to get started <br>// By Francesca Velle - Pilot Request Manager</p>
	<p> An overview on the BDTI service offering and the steps to follow to get started a pilot in BDTI.</p>
	</div> 
 </div>


 <div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>3.25 PM CET</strong></h4>
	  <p>BDTI Community Portal<br>// By Roberta Talarico - Communication expert <br>// By Federica Russo - Service and UX Designer </p>
	<p>Presentation of the BDTI Community Portal focusing on the purpose and main goals of the platform. An overview of the portal will be shown through a navigation session.</p>
	</div> 
 </div>

 <div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>3.40 PM CET</strong></h4>
	  <p>Municipality of Milan Pilot Showcase <br>// By Elisa Bellistri - SIAD Management Instructor, Analytics and Data Science Unit, Municipality of Milan </p>
<p>The Municipality of Milan will present its BDTI pilot sharing its objectives and experience, with a focus on its role and expectations within the BDTI Community Portal.</p>
<p>"The Municipality of Milan takes part in the BDTI project in order to manage different scenarios during the ongoing pandemic emergency. In particular, they aim to make forecasts about the movement of citizens through the city, based on the opening hours of stores, industries, schools and other activities. Making these sorts of predictions makes it easier to monitor the city and make data-driven decisions about city management. The BDTI platform provides an environment to integrate different data from different sources, such as flow information and attributes, historical and real-time data, georeferenced data, population data. It is then possible to build advanced models of data prediction."</p>
	</div> 
 </div>

<div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>3.55 PM CET</strong></h4>
	  <p>BDTI Self-paced labs: descriptive analytics, big data and AI <br>// By Ze Wen Wu - Cloud Engineer</p>
	<p>Presentation of the Self-paced labs that will be available for each pilot user on BDTI, in order to provide users with basic skills in descriptive analysis, machine learning and big data tools</p>
	</div> 
 </div>

<div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>4.15 PM CET</strong></h4>
	  <p>BDTI Technical architecture & future vision <br>// By Kasper Rutten - Cloud Engineer</p>
	<p>Layout and visuals of current architecture, with a quick rundown of features to come in the near future</p>
	</div> 
 </div>

<div class="cef-timeline-container"> 
	<div class="cef-timeline-content"> 
      <h4 class="cef-h5"><strong>4.25 PM CET</strong></h4>
	  <p>Q&A + Interactive session </p>
	</div> 
 </div>

</div>



Content Layer
id849473731
classcef cef-section
Content Column
width100%
id849473732
Content Block
id849473734
Div
classcef-container
Div
classcef-row
Div
classcef-col-12
HTML
<h2>Speakers</h2>
Div
classcef-container
Div
classcef-row cef-justify-content-center
Div
classcef-col-3 cef-mt-3 cef-mt-sm-0
HTML
<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/339640894/AndreaBiancini_round.png" alt=""></p>
<p class="cef-h5"><strong>Andrea Biancini</strong> <span class="cef-d-block cef-h6">BDTI Project Manager</span></p>
Expand
titleRead more

Andrea works in the European Commission (DIGIT) in the Data, Information and Knowledge Management sector. With a double academic background, in Computer Science and in Psychology, he worked for the private and public sector having managerial roles in IT and in digital innovation. For the Commission, he provides guidance and expertise on the implementation and usage of emerging technologies for policy and decision making. Andrea participates to different project and prototypes on data, information and knowledge and acts as the project manager for BDTI.

Content Layer
id2056157353
classcef cef-container-xxl cef-primary-bg cef-deco-arrow cef-deco-arrow-primary
Content Column
width100%
id2056157355
Content Block
id2056157357
Div
classcef-container or
Div
classcef-row
Div
classcef-col-12 cef-pb-3 cef-text-center
HTML
<p><strong class="cef-display-2 cef-d-inline-block cef-mt-3 cef-mr-3 cef-outline cef-outline-white">Join this event</strong>
<span class="cef-h4 cef-mr-3 cef-mb-3 cef-d-block">This event is open for registration. Registration end 5pm the day before</span>
</p>

<p>
<a class="cef-btn cef-btn-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/display/DIGITAL/EBSI" target="_blank">
<span class="cef-link-external">Register for the workshop</span><span class="cef-sr-only">(opens in a new tab)</span>
</a>
</p>
CSS Stylesheet
.or { position: relative;}
.or .cef-row { position: relative; z-index:1;}
.or:after { z-index:0; position:absolute; top:40%; left:0;  content:'JOIN'; font-size: 20rem; line-height:0; color:#16426F;}
Content Layer
id849473731
classcef cef-section
Content Column
width100%
id849473732
Content Block
id849473734
Div
classcef-container
Div
classcef-row
Div
classcef-col-12
HTML
<h2>Speakers</h2>
Div
classcef-container
Div
classcef-row cef-justify-content-center
Div
classcef-col-3 cef-mt-3 cef-mt-sm-0
HTML
<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/270533553/cef-img-bdti-andrea-servida.png" alt=""></p>
<p class="cef-h5"><strong>Andrea Servida</strong> <span class="cef-d-block cef-h6">DG CNECT</span></p>
Expand
titleRead more

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla facilisi morbi tempus iaculis. Dui id ornare arcu odio. Feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi. Nisl purus in mollis nunc sed id. Est placerat in egestas erat.

Div
classcef-col-3 cef-mt-3 cef-mt-sm-0
HTML
<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/270533553/cef-img-bdti-andrea-servida.png" alt=""></p>
<p class="cef-h5"><strong>Andrea Servida</strong> <span class="cef-d-block cef-h6">DG CNECT</span></p>
Expand
titleRead more

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla facilisi morbi tempus iaculis. Dui id ornare arcu odio. Feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi. Nisl purus in mollis nunc sed id. Est placerat in egestas erat.

Div
classcef-col-3 cef-mt-3 cef-mt-sm-0
HTML
<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/270533553/cef-img-bdti-andrea-servida339640894/Francesca%20Vella_Round.png" alt=""></p>
<p class="cef-h5"><strong>Andrea><strong>Francesca Servida<Vella</strong> <span class="cef-d-block cef-h6">DG CNECT<>BDTI Pilot Request Manager</span></p>
Expand
titleRead more

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla facilisi morbi tempus iaculis. Dui id ornare arcu odio. Feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi. Nisl purus in mollis nunc sed id. Est placerat in egestas eratFrancesca has experience in project management for business and digital transformation projects, ICT strategy, business processes re-engineering and organisational development applied to multiple international assignments. She is involved in projects within the Public Sector, mainly supporting the Directorate General for Informatics (DG DIGIT) of the European Commission under ISA² Programme (Programme on Interoperability Solutions for European Public Administrations).

Div
classcef-col-3 cef-mt-3 cef-mt-sm-0
HTML
<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/270533553/cef-img-bdti-andrea-servida339640894/Roberta_Talarico_round.png" alt=""></p>
<p class="cef-h5"><strong>Andrea><strong>Roberta Servida<Talarico</strong> <span class="cef-d-block cef-h6">DG CNECT<>Expert in communication and stakeholders engagement</span></p>
Expand
titleRead more

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla facilisi morbi tempus iaculis. Dui id ornare arcu odio. Feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi. Nisl purus in mollis nunc sed id. Est placerat in egestas erat.

Content Layer
id84918422
classcef cef-section cef-grey-light-bg

Roberta has deep experience across the European affairs and is a trusted advisor to European and National Institutions, and to private companies interested in the European framework and policies. She covers communication and awareness development, public diplomacy and social innovation.

Div
classcef-col-3 cef-mt-3 cef-mt-sm-0
HTML
<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/339640894/Frederica_Russo_round.png" alt=""></p>
<p class="cef-h5"><strong>Federica Russo</strong> <span class="cef-d-block cef-h6">Service&UX Designer</span></p>
Expand
titleRead more

Federica has experience in designing digital strategies and services. She supports the creation and animation of the BDTI Community Portal.

Content Column
width100%
id84918424
Content Block
id84918426
Div
classcef-container
Div
classcef-row
Div
classcef-col-12
HTML
<h2>Material for the webinar</h2>
cef-container
Div
classrow cef-justify-content-center

Div
classcef-
Div
classcol-3 cef-colmt-5 3 cef-mt-sm-40
HTML
<a class="cef-link-img" href="#" target="_blank"><img class="cef-img-fluid"<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/268927291/cef-ebsi-episode-00.jpg339640894/Elisa_Bellistri_roundpng.png" alt="Watch video introduction"></a>
Div
classcef-col-5 cef-mt-4
HTML
<h3>Context Broker webinar<spanp>
<p class="cef-h5"><strong>Elisa Bellistri</strong> <span class="cef-textd-resetblock cef-text-nowraph6"> (Video 2 MIN.)</span></h3>
<p>The European Commission is holding webinars on Context Broker , to help you make sense of the data available through your city’s information systems, and make the right decisions to improv</p>
<p>
<a class="cef-btn cef-btn-primary" href="#" target="_blank">
<span class="cef-link-external">Watch the video</span><span class="cef-sr-only">(opens in a new tab)</span>
</a>
</p>
Content Layer
id2048633662
classcef cef-section
>SIAD Management Instructor, Analytics and Data Science Unit, Municipality of Milan</span></p>
Expand
titleRead more

Elisa Bellistri works at the Municipality of Milan, Data Management and Integration area, Analytics and Data science office. With a degree in biomedical engineer, focused on bioinformatics, she worked for the private and public sector in the data science and signal processing field. For the Municipality, she participates to the assessment and development of different projects, regarding data analysis and integration for policy and decision making. Elisa acts as project developer for BDTI.

Div
classcef-col-3 cef-mt-3 cef-mt-sm-0
HTML
<p><img src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/339640894/ZEWen_Wu_Round.png" alt=""></p>
<p class="cef-h5"><strong>Ze Wen Wu</strong> <span class="cef-d-block cef-h6">Cloud Engineer</span></p>
Expand
titleRead more

Ze Wen is a cloud engineer that provides technical support on the BDTI infrastructure during the execution of the Pilot.

Content Column
width100%
id2048633663
Content Block
id2048633665
Div
classcef-container
cef-row
Div
class

Div
classcef-col-12 3 cef-text-centermt-3 cef-mt-sm-0
HTML
<p><img src
HTML
<h2>Contact us and lorem ipsum</h2>
<p>If you have any question about the event, feel free to contact us.</p>
<p><a class="cef-btn cef-btn-secondary" href="https://ec.europa.eu/digital-building-blocks/sites/trackerdownload/pluginsattachments/servlet/desk" target="_blank"><span class="cef-link-external">Contact us</span><span class="cef-sr-only">(opens in a new tab)</span></a></p>
Excerpt
hiddentrue
HTML
<p class="cef-mb-0"> <span class="cef-badge cef-badge-sm cef-primary-light-bg cef-mr-2 cef-mb-2">Context Broker</span> 
339640894/Kasper_Rutten_Round.png" alt=""></p>
<p class="cef-h5"><strong>Kasper Rutten</strong> <span class="cef-d-
badge cef-badge-sm cef-primary-light-bg cef-mr-2 cef-mb-2">Big Data Test Infrastructure</span> <span class="cef-badge cef-badge-sm cef-secondary-bg cef-mb-2">eHealth</span> </p> <h3
block cef-h6">Cloud Engineer</span></p>
Expand
titleRead more

Kasper is a certified cloud architect that helps pilots in setting up and using their BDTI resources.

Content Layer
id84918422
classcef cef-section cef-grey-light-bg
Content Column
width100%
id84918424
Content Block
id84918426
Div
classcef-container
Div
classcef-row
Div
classcef-col-12
HTML
<h2>Discover the webinar recording</h2>
Div
classcef-container
Div
classcef-row cef-justify-content-center
Div
classcef-col-5 cef-mt-4
HTML
<a class="cef-
h1 cef-mt-0"> <span class="cef-display-3 cef-date-day">20<span class="cef-h6 cef-date-month">Sep</span></span> - <span class="cef-display-3 cef-date-day">22<span class="cef-h6 cef-date-month">Sep</span></span> 
link-img" href="https://www.youtube.com/watch?v=XA9RUS6E_uY&feature=youtu.be" target="_blank"><img class="cef-img-fluid" src="https://ec.europa.eu/digital-building-blocks/sites/download/attachments/268927291/cef-ebsi-episode-00.jpg" alt="Watch the recording"></a>
Div
classcef-col-5 cef-mt-4
HTML
<h3>Did you miss the BDTI general webinar?<span class="cef-
d
text-
block
reset cef-
mt-4 cef-mb-2">Meet Context Broker</span> </h3> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p> <p class="cef-mb-0"><a class="cef-btn cef-btn-primary" href="#"><span>See Context Broker event</span></a></p> 
text-nowrap"> </span></h3>
<p>This webinar was about how BDTI can support Public Administrations in using Big Data and developing their network. Taking the use of Big Data to the next level! Watch the recording or download the presentation!</p>
<p>
<a class="cef-btn cef-btn-primary" href="https://www.youtube.com/watch?v=XA9RUS6E_uY&feature=youtu.be" target="_blank">
<span class="cef-link-external">Watch the video</span><span class="cef-sr-only">(opens in a new tab)</span>
</a>
</p>
Content Layer
id2048633662
classcef cef-section
Content Column
width100%
id2048633663
Content Block
id2048633665
Div
classcef-container
Div
classcef-row
Div
classcef-col-12 cef-text-center
HTML
<h2>Contact us</h2>
<p>If you have any questions about the event, feel free to contact us.</p>
<p><a class="cef-btn cef-btn-secondary" href="https://ec.europa.eu/digital-building-blocks/tracker/plugins/servlet/desk" target="_blank"><span class="cef-link-external">Contact us</span><span class="cef-sr-only">(opens in a new tab)</span></a></p>
Excerpt
hiddentrue
HTML
<p class="cef-mb-0">
<span class="cef-badge cef-badge-sm cef-primary-
medium
light-bg cef-mr-2 cef-
mt
mb-
3">Spotlight 
2">Big Data Test Infrastructure</span>
</p>

<h3 class="cef-h1 cef
-h3
-mt-0">
<span class="cef-display-3 cef
-font-weight-normal">Coalition for SMEs and Private Sectors Onboarding </h3> <p>During the eInvoicing Open Session, participants expressed a great interest in the topic "SMEs and Private Sector Onboarding". We warmly invite you to continue your expert discussions on this topic here! Our coalition aims to spread eInvoicing among EU public actors and private businesses.</p> <p><a class="cef 
-date-day">23<span class="cef-h6 cef-date-month">Feb</span></span>
<span class="cef-d-block cef-mt-4 cef-mb-2">Meet Big Data Test Infrastructure</span>
</h3>

<p>How BDTI can support Public Administrations in using Big Data and developing their network.
<br>Taking the use of Big Data to the next level</p>

<p class="cef-mb-0"><a class="cef-btn cef-btn-primary
-outline
" href="https://ec.europa.eu/digital-building-blocks/sites/x/
GwLFDg"><span>Learn more<
PoI_F"><span>See BDTI event</span></a></p>