body {padding-top:0;}

.language-switcher-component > * {
  height:100vh;
}

.language-switcher-component h1{
  color: black;
  margin-bottom:40px;
}

.language-switcher-component > figure {
  position:relative; margin:0;
}
.language-switcher-component > figure:before {
  content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1;
  background:linear-gradient(90deg, rgba(40, 100, 138, 0.5) 0.88%, rgba(0, 65, 96, 0.5) 100%);
}
.language-switcher-component > figure img {
  object-fit:cover; width:100%; height:100%;
}

.language-switcher-component > .main {
  display:flex; flex-direction:row;
}
.language-switcher-component > .main > .wrap {
  max-width:420px; margin:0 auto; align-self:center; overflow-y:auto; width:100%;
}

.language-switcher-component .lang--container--options {
  display:flex; flex-wrap:wrap;
}

@media (min-width:768px) {
  .language-switcher-component {
    display:grid; grid-template-columns:1fr 1fr;
  }
}



.lang--container + .lang--container {
  margin-top: 30px;
}

.lang--container--title {
  margin-bottom: 14px;
  border-bottom: 1px solid #ccc;
  font-size: 18px;
}

.content--container, .content--container .row {
  min-height: 100%;
  height: 100%;
}
  .gridAlign--h-left .row {
    justify-content: flex-start;
  }
  
  .gridAlign--h-center .row {
    justify-content: center;
  }
  
  .gridAlign--h-right .row {
    justify-content: flex-end;
  }
  
  .gridAlign--v-top .row {
    align-items: flex-start;
  }
  
  .gridAlign--v-center .row {
    align-items: center;
  }
  
  .gridAlign--v-bottom .row {
    align-items: flex-end;
  }


.icon-flag-be {
    background-image: url("https://blog.delen.bank/hubfs/flag-BE.svg");
  }
  
  .icon-flag-lu {
    background-image: url("https://blog.delen.bank/hubfs/flag-LU.svg");
  }
  
  .icon-flag-ch {
    background-image: url("https://blog.delen.bank/hubfs/flag-CH.svg");
  }

 .icon-flag-nl {
    background-image: url("https://blog.delen.bank/hubfs/flag-NL.svg");
  }




  
  .icon-png--small {
    height: 17px;
    width: 21px;
    vertical-align: middle;
    margin-right: 4px;
    padding-right: 0px;
  }
  
  .icon-svg {
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    padding-bottom: 4px;
  }

.local__item-cell {
  display: flex;
  flex-wrap: wrap;
}
.local__item + .local__item {
  margin-left:10px;
}

.local__item-cell a {
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid;
  border-radius:4px;
}

@media (max-width:959px) {
  .language-switcher-component {display:block;}
  .language-switcher-component > * {height:auto; padding:16px;}
  .language-switcher-component > figure {display:none;}
  .language-switcher-component > .main h1 {margin-bottom:20px; font-size:30px;}
  .language-switcher-component > .main .lang--container + .lang--container {margin-top:12px;}
}


.dpb-welcome {
  font-family: Source Sans Pro,Helvetica,Arial,sans-serif;
  font-weight: 300;
  position: relative;
  line-height:1.15em;
  height:50px;
  font-size:44px;
}
.dpb-welcome>div {
  position: absolute;
  opacity: 0;
}
.dpb-welcome>div:nth-child(1) {
  animation: 15s ease 0s infinite fade;
}
.dpb-welcome>div:nth-child(2) {
  animation: 15s ease 5s infinite fade;
}
.dpb-welcome>div:nth-child(3) {
  animation: 15s ease 10s infinite fade;
}
@keyframes fade {
  0% { opacity: 0; }
  10% { opacity: 1; }
  33% { opacity: 1; }
  43% { opacity: 0; }
}