:root {
/* colours */
--rot: rgba(255,0,15,1);
--tiefblau: rgba(0,40,90,1);
--tiefblau80: rgba(51,83,123,1);
--tiefblau60: rgba(102,126,156,1);
--tiefblau40: rgba(153,169,189,1);
--tiefblau20: rgba(204,212,222,1);
--tiefblau5: rgba(242,244,247,1);
--papaya: rgba(237,106,88,1);
--limone: rgba(222,222,0,1);
}

.uk-lightbox-close.uk-close-large.uk-icon.uk-close svg {
width: 40px;
height: 40px;
}
.uk-lightbox-close.uk-close-large.uk-icon.uk-close svg line {
stroke-width: 2px;
color: white;
}

.uk-offcanvas {
top: 210px;
border-top: 10px solid var(--tiefblau5);
}

.article-section {
overflow: hidden;
}
.article-section.uk-sticky-fixed + div + .article-section {
border-top: 10px solid rgba(0,40,90,0.05);
box-shadow: 0 0 60px rgba(0,40,90,0.4);
}
.article-section .article-panel {
/* create space for the timeline */
position: relative;
padding-left: 100px;
}
.article-section .article-panel .el-title::before {
/* cirle */
display: block;
position: absolute;
top: 60px;
left: calc(-40px - 20px - 26px);
content: "";
width: 42px;
height: 42px;
border-radius: 100%;
border: 4px solid var(--tiefblau80);
background: var(--tiefblau5);
/* background: var(--rot); */
z-index: 99;
/* 
box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
transform: scale(1);
animation: pulse 2s ;
 */
}
@media(max-width: 1199px) {
	.article-section .article-panel .el-title::before {
	top: 30px;
	}
}


.article-section .article-panel .el-title::before {
/* circle */
background-color: var(--tiefblau5);
}
.article-section.uk-sticky-fixed .article-panel .el-title::before {
/* circle */
background-color: var(--papaya);
transition: 2s;
}

.article-section-top .article-panel .el-title::before {
/* cirle */
top: 85px;
}
@media(max-width: 1199px) {
	.article-section-top .article-panel .el-title::before {
	top: 40px;
	}
}




.article-section .uk-container {
position: relative;
}
.article-section .uk-container > div {
position: relative;
z-index: 2;
}
.article-section .uk-container::before {
/* vertical line */
position: absolute;
top: -50vh;
left: calc(40px + 40px - 2px);
content: "";
width: 4px;
/* height: 200vh; */
height: 500vh;
background: var(--tiefblau80);
z-index: 1;
}
@media(max-width: 1029px) {
	.article-section .article-panel .el-title::before {
	left: calc(-30px - 20px - 26px);
	}
	.article-section .article-panel .el-title::before {
	top: 25px;
	}
	.article-section-top .article-panel .el-title::before {
	top: 40px;
	}
}
@media(max-width: 639px) {
	.article-section .article-panel .el-title::before {
	left: calc(-15px - 20px - 26px);
	}
}


@keyframes pulse {
    0% {
        transform: scale(1.2);
        box-shadow: 0 0 10px 20px rgba(0, 40, 90, 0.05);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(1.2);
        box-shadow: 0 0 10px 20px rgba(0, 0, 0, 0);
    }
}

@media(max-width: 640px)
/* @media (pointer: coarse) */ {
	.article-section .article-panel .el-title::before,
	.article-section .uk-container::before {
	display: none;
	}
	.article-section .article-panel {
	padding-left: 0;
	}
}
@media(max-height: 540px) {
  .uk-sticky.uk-sticky-fixed[style] {
    position: static !important;
    top: 80px;
  }
  .tm-header {
    height: 81px;
  }
  .uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
    min-height: 80px;
  }
  .uk-navbar-item img {
    width: 220px;
  }
}