@import url(fonts/Barlow/stylesheet.css);
@import url(fonts/BarlowSemiCondensed/stylesheet.css);

html, body {	
    font-family: 'barlow', sans-serif;
    font-weight: 400; 
	font-size: 14px;
}
a:hover {
    text-decoration: none;
}
#topHeader, #pageFooter, #intro, .topnavi, .subnavi, h1, h2, h3, .sidebar, .grp-title {
	font-family: 'Barlow Semi Condensed', sans-serif;
}

.btn[class*='btn-outline-'] {
    --bs-btn-font-weight: inherit;
}

.pt-0 {padding-top: 0;}
.pb-0 {padding-bottom: 0;}
.mt-0 {margin-top: 0;}
.mb-0 {margin-bottom: 0;}
.mt-2 {margin-top: .5em;}
.mt-3 {margin-top: 1em;}
.mt-4 { margin-top: 2em; }

.flex-x {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

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

img { 
    max-width: 100%; 
}
ul, li {list-style: none; margin: 0; padding: 0;}


body {
	margin: 0;
}

article {
    display: block; 
}
a { /* color: inherit; */ text-decoration: none; }
a:hover { color: var(--bs-primary); }
a.ac {color: var(--bs-primary);}
.tooltip {display: none;}
a:hover .tooltip {display: inline;}

h1, h2, h3	{ font-weight: inherit;  margin-top:0; line-height: 1.1em;}
h1 { font-size: 2.2em; color: var(--bs-primary);}
h2 { font-size: 1.8em; line-height: 1.2em; margin-bottom: 0.5em; color: var(--bs-primary);}
h3 {font-size: 1.3em; /* 1.4em */}
h6 {margin-bottom: 0; font-weight: inherit; }
strong, b {font-weight: 700;}
p {margin: 1em 0;}
.txt-sm {font-size: 0.8em;}
.txt-lg {font-size: 1.2em !important;}
.txt-hyphens {hyphens: auto;}

.linklist-h >a:not(:last-child):after {
    content: ' |';
    color: #999;
}

.section { 
	margin: 0 auto; 
	padding: 0;
	background-position: center center;	
	position: relative; 
/*	border-bottom: 1px solid #444; */
}


#topHeader {
    background-image: url(gfx/agk-ptn-purple-rtl.svg);
    background-repeat: repeat-y;
    background-position: right top;
}
#topHeader .logo {width: 100%; max-width: 200px;} 


/* #topHeader .usr-info > :not(a) {color: #194143;} */

.page-wrapper {
    min-height: 100vh;
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
}
main { flex-grow: 2; }
.alerts:has(.alert) { background-color: #fff; padding: 1em 0;}
.alerts .alert { margin: .5em 0;}



#main_content, .featured  {	padding: 2em 0; background-color: #fff;}
.featured {padding: 1em 0 0 0; border-bottom: 1px solid #f4f4f4; background-color: #fff;}

#intro  {padding: 0; background-color: #f46418;}
#intro .teaser-text {/* background: #111;  */ color: #ffd4aa;  }
#intro .teaser-text h3 {line-height: 1.1em;}
#intro .teaser-text p {line-height: 1.2em;}
#intro .teaser-text a:hover {color: #fff;}
#intro .teaser-text a {text-decoration: underline;}
#intro .col {height: 180px;  background-color: var(--bs-primary);}
#intro .teaser { padding: 0; }
#intro .teaserBox
{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.banner {
    background-image: url(gfx/agk-ptn-btt-blue.svg);
    background-repeat: repeat-x;
    background-position: bottom -170px left;
    /*
    background-position: top 150px left;
    */
}

.banner .banner-text
{
    font-size: 1.3em;
    color: var(--bs-secondary);
}

.partner-block .partner-header
{
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .2em;
    padding-bottom: 1em;
}
.partner-block .logo-img {
    width: 120px; 
    margin: 0 2em 2em 2em; 
    /* filter: grayscale(100%); */
    opacity: .8 ; 
}
.partner-block a:hover .logo-img {
    filter: unset; 
    opacity: 1 ; 
}

.txt_small {font-size: 0.9em;}
.topnavi h3 {margin-bottom: 0em; }
.topnavi .top-node { font-size: 1.3em; text-transform: uppercase; }
.topnavi .menu .nav-link {line-height: 1.1em; padding: .2em 0;}

.sidebar .nav:not(.nav-pills) .nav-link { 
    padding: .4em 0;
    color: inherit;
    line-height: 1.3;
}
.page-footer .footer-link {
    color: inherit;
}

.sidebar .nav:not(.nav-pills) .nav-link:hover,
.sidebar .nav:not(.nav-pills) .nav-link.active,
.page-footer .footer-link:hover,
.page-footer .footer-link.active 
{
    color: var(--bs-primary);
}


.sub_menu li {margin-left: 1.5em; list-style: disc;}
.sub_menu {display: none;}
.open_menu {display: block; }

 
h1.entry-title { font-size: 1.8em; }

.members-list .logo {
    max-height: 5em;
    width: auto;
    height: auto;
}

.artikel {margin-bottom: 2em;}
section:last-child .artikel {margin-bottom: 3em;}
.artikel .teaser_img, .artikel .head_img img {width: 100%;}
.artikel .untertitel {margin-bottom: 1em; }
.artikel .btn_links {margin: 1em 0; }
.artikel .autor {margin-bottom: 1em; }
.artikel .langtext ul { padding-left: 40px;}
.artikel .langtext li {list-style: disc;}

.artikel .langtext h2,
.artikel .langtext h3,
.artikel .langtext h4,
.artikel .langtext h5,
.artikel .langtext h6
{
    margin-top: 1em;
}
.artikel .langtext >h2:first-child,
.artikel .langtext >h3:first-child,
.artikel .langtext >h4:first-child,
.artikel .langtext >h5:first-child,
.artikel .langtext >h6:first-child
{
    margin-top: 0;
}

.artikel .langtext a{text-decoration: underline; }
.artikel .langtext .btn{text-decoration: none; }
.article-aux a.popup-image {display: none;}
.article-aux a.popup-image:first-of-type {display: block;}
.artikel .img-count {font-size: 0.8em;}
.artikel .dl-img {display: inline-block; margin: 1em 0.5em 0 0;}
.artikel .dl-img.expanded, .partner-link  {
    display: flex;
    align-items: center;
    margin: 1em 0 0 0; 
    padding: 1em 0 0 0; 
    border-top: 1px solid #eee;
}
.artikel .dl-img.expanded img {
    border-right: 3px solid #fff; 
    display: block; 
    max-width: 25%; 
    margin: 0 1em 0.5em 0;
}
.artikel .dl-img.expanded .dl-txt {
    margin-right: 1em;
}
.artikel .head_img,
.videoBox
{
    margin-bottom: 1em; 
    width: 100%;
}

.artikel .head_img .img-bez{color: #999; }

.article-gallery {
    gap: .5rem 1%;
}
.article-gallery .gallery-figure {
    flex-basis: 32.5%;
    flex-shrink: 1;
    margin: 0;
}
.article-gallery .gallery-img {
    height: 100%;
}

.footer-links .project_link:not(:first-child):before {
    content: ' | ';
    color: #999;
}

.artikel.kompakt { display: block; margin-bottom: 1em;}
.grid-col .artikel.kompakt { margin-bottom: 0;}

.grid-col .artikel.kompakt .txt,
.row.films .col .txt
 {
    border-left: 3px solid var(--bs-primary); 
    padding-left: 6px; 
}
.grid-col .artikel.kompakt.active .txt { border-color: #ccc; color: #ccc; }
.grid-col .artikel.kompakt .list_img {
    max-width: 6em;
    float: left;
    margin-right: 1em;
}
.grid-col .artikel.kompakt .list_img + .txt ,
.row.films .col .list_img + .txt
{
    border-left: none;
}
a.artikel.kompakt {
    color: inherit;
} 
a.artikel.kompakt:hover {
    color: var(--bs-primary);
} 

.grid-row {
    --bs-gutter-y: 1rem;
    margin-bottom: 1em;
}
.boxed-row {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
    align-items: stretch;
}
.boxed-col .artikel.kompakt {
    padding: .7em 1em;
    margin-bottom: 0;
    color: #fff;
    background-color: var(--bs-purple);
    transition: all .4s;
    text-align: center;
    height: 100%;
    background-image: url(gfx/agk-ptn-purple.svg);
    background-repeat: repeat-y;
    background-position: left top;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}
.boxed-col .artikel.kompakt:hover {
    background-color: var(--bs-primary);
    color: #fff;
}
.boxed-col .artikel.kompakt .kicker,
.boxed-col .artikel.kompakt .untertitel
{
    font-size: .6em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .35em;
    margin-bottom: 0;
}
.boxed-col .artikel.kompakt .titel
{
    font-size: 1em;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin: .3em 0;
}

.grp-title,
.section-title
{
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: 1.3em;
    margin-bottom: 0;
    margin-top: 1em;
    font-weight: inherit;
}
.grp-title
{
    color: var(--bs-primary);
}

.artikel.inline {padding: 1em 0; margin: 0; border-top: 1px solid var(--bs-border-color); }
.artikel.inline:first-child {border: none;}


.model-profil .artikel.kompakt { /* background: #f8f8f8; */}
.model-profil .artikel.kompakt .col_img {padding-top: 0; padding-bottom: 0; width: 25%;}
.model-profil .artikel.kompakt .col_txt {padding-top: 0.2em; padding-bottom: 0.2em;width: 75%}
.model-profil .artikel.kompakt .col_img img{display: block; border-radius: 50%;}
.model-profil .artikel.kompakt .txt {padding: 0;}

.model-profil.view-default .artikel .teaser { display: none; }

.artikel.kompakt .titel {margin: 0; line-height: 1.2em;}
/*
.artikel.kompakt .untertitel, .artikel.kompakt .ort { color: #666; line-height: 1.1em}
*/
.artikel.kompakt .untertitel, .artikel.kompakt .ort {font-size: 0.8em;}

/* BLOG */

.tag-logo {
    max-width: 4em;
    margin-bottom: 1em;
}

.artikel-footer .author_img {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
 }
.artikel-footer .author_img img{
    max-width: 6em;
    border-radius: 50%;
    margin-right: 1em;
}
.artikel-footer .author_img .img-bez {
    color: #999;
}
.artikel-footer .keywords {
    margin-top: 1em;
    margin-bottom: 1em;
}


.subnavi .col { padding-top: 0.4em; padding-bottom: 0.4em; }
.subnavi .artikel.kompakt {  background: var(--bs-primary); margin-bottom: 0; text-transform: uppercase; color: #fff}
.subnavi .artikel.kompakt .txt {text-align: center; padding: 1em; /* height: 3em; */ overflow: hidden;}
.subnavi .artikel.kompakt:hover {  background: #444; }

.katalog-header {
    text-align: center;
    margin: .5em 0;
}

.katalog-navi {margin-bottom: 2em;}

.katalog .films {
    margin-top: 1em;
}

.katalog .films .film {
    position: relative;
}

.film .label-new
{
    text-transform: uppercase;
}
.katalog .films .label-new
{
    position: absolute;
    float: none;
    top: 12px;
    left: 8px;
}

.katalog .films .film_title {margin: 0; line-height: 1.2em;}
.katalog .films .film_info, .txt-small
{
    font-size: 0.8em;
}
.film-list .film {
    padding-bottom: 1em;
}
.film-list .film .col {
    padding-top: 0;
    padding-bottom: 0;
}

.film-list .film:not(:first-child) {
    padding-top: 1em;
    border-top: 1px solid #f4f4f4; 
}

.film-list .film .film_title {
    margin-bottom: .5em;
}
.film-list .film .film_meta {
    margin: .5em 0;
}
.film-list .film .list-item {
    padding-bottom: .5em;
}
.film-list .film .list-item:not(:first-child) {
    padding-top: .5em;
    border-top: 1px solid #f4f4f4; 
}

.film-list .film .list_img,
.katalog .films .list_img {
    margin-bottom: 1em;
}
.katalog .films .list_img + .txt {
    /* max-width: 50%; */
}

.katalog .search-actions a{display:inline-block; margin: 0.1em 0em 0.1em 0.3em;}


.film_title { text-transform: uppercase; }
.katalog .title-lang, .katalog .film_runtime {color: #999;}
.katalog a:hover .title-lang {color: inherit;}

.film .film-head {padding-bottom: 1em; /* background-color:#f8f8f8; */}
.film .film-details {border-top: 1px solid #ddd; padding-top: 1em}
.film .director_info {margin-bottom: 1em; background-color:#f8f8f8;}

.film .katalog_nr {color: #bbb;}
.film .list-pager {margin-left: 1em;}
.film h2 .title-lang {font-size: 0.5em;}
.film .director_info h3 {color: var(--bs-primary); margin-bottom: 0;}
.film .link-preview {padding-left: 3px;}

.film .film_stills img, .film .director_info img { margin-bottom: 3px; }
.film figcaption {font-size: 0.8em;}
.film .film_stills a {display: none;}
.film .film_stills a:nth-child(1) {display: block;}

.film .kat_param {display: block;}
.film .compact_list { margin: 0.2em 0;}
.film .compact_list .kat_param, 
.inline-param 
    {display: inline;}
.film .compact_list .kat_param:after {content: "|";}
.inline-param:after {content: ", ";}
.film .compact_list .kat_param:last-child:after, 
.inline-param:last-child:after
{content: none;}

.film .compact_list .lbl {display: none;}
.film .compact_list .film_subtitles .lbl,
.film .compact_list .film_language-subtitles .lbl 
{
    display: initial;
}
.film .compact_list .film_suitable_age .lbl {display: inline;}

.film .ext_list .kat_param {margin-bottom: 1em;}
.film .ext_list .lbl, .film .contact-block .lbl {display: block; text-transform:uppercase; color: var(--bs-primary);}
.film .ext_list .col25 .kat_param {font-size: 0.8em;}

.film .contact-block {margin-bottom: 1em;}
.film .contact-block li{font-size: 0.8em;}

.artikel-search {border-top: 1px solid #ddd; padding: 1em 0;}

.node-filter input[type='text'] { min-width: 10em;}

.btn-group.filter-dropdown {display: block;}
.nav-tabs > li:first-child {margin-left: 0.5em;}
.nav-tabs > li:last-child {margin-right: 0.5em;}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-dark .navbar-nav .nav-link.active, 
.navbar-dark .navbar-nav .nav-link.show 
{
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-decoration-color:  rgba(255, 255, 255, .7);
}

.card figure,
.gallery-figure
{
    margin: 0;
    position: relative;
}
.card figure figcaption,
.gallery-figure figcaption
{
    position: absolute;
    bottom: .5em;
    left: .5em;
    font-size: .6em;
    display: inline-block;
    padding: .2em .4em;
    font-weight: 600;
    text-shadow: 0 0 8px rgba(0,0,0,.4);
    color: #fff;
}

.embed-responsive
{
    background-color: #444;
    background-size: cover;
    background-position: center center;
}
.embed-responsive-cinemascope {padding-bottom: 42%;}

.me-cannotplay
{
    width: 100% !important;
    height: 100% !important;
    position: relative;
}
.me-cannotplay .error-msg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 1em;
    margin: -1em 0;
    color: var(--bs-primary);
}

/* Video */

.video-link 
{
	display: block;
	position: relative;
	cursor: pointer;
    height: 0;
    padding-bottom: 56%;
    overflow: hidden;
}
.video-link img {
    width: 100%;
}
.video-link .caption
{
	position: absolute;
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
	color: #fff;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	padding: 0 .5em;
	background-color: rgba(0,0,0,0.1);
	font-weight: 500;
}
.video-wrapper .video-link:hover .caption {
	background-color: transparent;
}
.video-link .play-icon {
    font-size: 3em;
    display: inline;
    text-shadow: 0 0 30px rgba(0,0,0,.3);
    /* display: none; */
}

.video-wrapper .play-icon {
}
.video-wrapper .caption-text {
    background-color: rgba(0,0,0,.3);
    padding: .2em .5em;
}

.video-link img + .caption.vertical {
    flex-direction: column;
    justify-content: space-between;
}

.empty-video
{
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0 1em;
}
.empty-video a
{
    color: inherit;
    text-decoration: underline;
}

@media only screen and (max-width: 575.99px) {

    .node-filter input[type='text'],
    .node-filter select,
    .node-filter .select2
    {
        width: 100%;
        margin: 1px 0;
    }
}
@media only screen and (min-width: 480px) {
	.txt-sm-lg {font-size: 1.2em !important;}


	.katalog .films .list_img {
        max-width: 50%;
        float: left;
        margin-right: 1em;
        margin-bottom: 0;
    }
    .katalog .films .film_title {margin: 0; line-height: 1.1em; font-size: 1.1em;}
}

/* MD breakpoint */

@media only screen and (max-width: 767.999px) {
    
    .topnavi {
        --bs-nav-link-font-size: 1.2em;
        letter-spacing: 0.05em;
    }
    
    .topnavi .dropdown-menu {
        --bs-dropdown-color: var(--bs-body-color);
        --bs-dropdown-bg: transparent;
        --bs-dropdown-border-color: transparent;
        --bs-dropdown-border-width: 0;
        --bs-dropdown-link-color: var(--bs-nav-link-color);
        --bs-dropdown-font-size: 1.2em;
      /*
      --bs-dropdown-padding-x: 0;
      --bs-dropdown-padding-y: 0.5rem;
      --bs-dropdown-spacer: 0.125rem;
      --bs-dropdown-box-shadow: var(--bs-box-shadow);
      --bs-dropdown-link-hover-color: var(--bs-body-color);
      --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
      --bs-dropdown-link-active-color: #fff;
      --bs-dropdown-link-active-bg: #d64300;
      --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
      --bs-dropdown-item-padding-x: 1rem;
      --bs-dropdown-item-padding-y: 0.25rem;
      --bs-dropdown-header-color: #6c757d;
      --bs-dropdown-header-padding-x: 1rem;
      --bs-dropdown-header-padding-y: 0.5rem;
      */
  }
    .topnavi .dropdown-toggle.active + .dropdown-menu {
        display: block;
    }
    .topnavi .navbar-nav .dropdown-item.active
    {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-decoration-color:  rgba(255, 255, 255, .7);
    }
    
    .sidebar {
        margin-top: -1em;
        margin-bottom: 1em;
        padding-bottom: 1em;
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    }
}
@media only screen and (min-width: 768px) {
	html, body {font-size: 15px;} 

	.txt-md-lg {font-size: 1.2em !important;}

	#topHeader .col.logocol {width: 25%;}

    .sidebar {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    }

    .artikel .langtext { 
        hyphens: auto;
        text-align: justify;
    }
	
	#intro .col {height: 300px;}
	.col .control-label {font-size: 0.8em;}
	.col.col-img >*:first-of-type , .col25>.subnavi {margin-top: 3.2em;}
	.col25>.subnavi.inline {margin-top: 0;}

    .article-aux {
        float: right;
        width: 33%;
        margin-left: var(--bs-gutter-x);
        margin-bottom: 1em;
        /*
        border: 1px solid var(--bs-light);
        padding: 1em;
        */
    }
    
    .artikel-footer .author_img { 
        margin-top: -3em; 
    }
    .artikel-footer .author_img img { order: 2; margin-left: 1em; margin-right: 0;}
	.dropdown-menu.wide li {display: block; float: left; width: 50%;}
	.film .film_stills a:nth-child(2) {display: block;}
	
	.d-sm-flex  {
	    display: flex;
	    flex-flow: row nowrap;
	}
	.d-sm-flex .w-50 {
	    width: 50%;
	}

}
@media only screen and (min-width: 960px) {
	html, body {font-size: 16px;} 
	.dropdown-menu.wide li { width: 25%;}
	.topnavi.navbar-dark
    {
        background-image: url(gfx/agk-ptn-yello-rtl.svg);
        background-repeat: repeat-y;
        background-position: right top;
    }
    #topHeader {
        background-image: url(gfx/agk-ptn-purple.svg);
        background-repeat: repeat-y;
        background-position: left top;
    }
}
@media only screen and (min-width: 1200px) {
	html, body {font-size: 18px;} 
	.nav {font-size: 16px;} 
	.navbar-nav.main-nav .nav-link { 
	    font-size: 1.3em; 
	    padding-left: 0; 
	    padding-right: 0; 
	    margin-right: 1em;
	    font-weight: 300;
	}
}

/* TIMELINE */


.timeline {
    border-left: .2em solid var(--bs-primary);
    margin: 2em 0 2em 1em;
}
.timeline .article {
    margin: 3em 0;
    position: relative;
}
.timeline .article .entry-img {
    margin: 0 0 1em 0;
}
.timeline .article img {
    margin: 0;
}
.timeline .article .entry-date
{
    position: absolute;
    top: -.8em;
    left: -2.1em;
    width: 4em;
    height: 4em;
    line-height: 1.2em;
    text-align: center;
    background-color: var(--bs-primary);
    color: #fff;
    padding: .75em .2em;
    border-radius: .4em;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
}
.timeline .article .entry-date > * {
    font-size: 1.1em;
}
.timeline .article .entry-month {
    text-transform: uppercase;
}
.timeline .article .entry-content {
    padding: 0 0 0 3em;
}
.timeline .article .entry-text {
    text-align: justify;
    hyphens: auto;
}
.timeline .article .entry-text a {
  text-decoration: underline;
}

@media only screen and (min-width: 840px) {
    .timeline {
        margin-left: 50%;
    }
    .timeline .article {
        margin-top: -4em;
        margin-bottom: 0;
    }
    
    .timeline .article.longer + .article {
        margin-top: -8em;
    }
    .timeline .article.r2 + .article {
        margin-top: -6em;
    }
    .timeline .article.r3 + .article {
        margin-top: -8em;
    }
    .timeline .article.r4 + .article {
        margin-top: -8em;
    }
    .timeline .article.r5 + .article {
        margin-top: -9em;
    }
    .timeline .article.r6 + .article {
        margin-top: -10em;
    }
    .timeline .article.r7 + .article {
        margin-top: -11em;
    }
    .timeline .article.r8 + .article {
        margin-top: -12em;
    }
    .timeline .article.r9 + .article {
        margin-top: -13em;
    }
    .timeline .article.r10 + .article {
        margin-top: -14em;
    }
    
    .timeline .article:first-child {
        margin-top: 0;
    }
    .timeline .article .entry-content {
        padding: 0 0 0 5em;
    }
    .timeline .article:nth-child(odd) {
        margin-left: -101%;
        width: 101%;
    }
    .timeline .article:nth-child(odd) .entry-content {
        padding: 0 5em 0 0;
    }
    .timeline .article:nth-child(odd) .entry-date {
        left: auto;
        right: -1.9em;
    }

    .timeline .marker {
        width: 0;
        height: 0;
        position: absolute;
        top: 50%;
        margin-top: -10px;
    }
    .timeline .article:nth-child(even) .marker {
        right: -15px;
        border-top: 10px solid transparent;
        border-left: 15px solid var(--bs-primary);
        border-bottom: 10px solid transparent;
    }
    .timeline .article:nth-child(odd) .marker {
        left: -15px;
        border-top: 10px solid transparent;
        border-right: 15px solid var(--bs-primary);
        border-bottom: 10px solid transparent;
    }
}

/*
@media only screen and (min-width: 840px) {

    .timeline
    {
        border: none;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 600' width='10' height='600'%3E%3Cline stroke-width='3' stroke-linecap='square' x1='5' y1='0' x2='5' y2='600' stroke='rgb(232, 83, 18)' /%3E%3C/svg%3E");
        background-repeat: repeat-y;
        background-position: center 0;
        background-size: 10px 600px;
    }
    .timeline .article {
        margin-top: 5em;
        margin-bottom: 0;
        width: 50%;
        float: right;
    }
     
    .timeline .article:first-child {
        margin-top: 0;
    }
    .timeline .article .entry-content {
        padding: 0 0 0 5em;
    }
    .timeline .article:nth-child(odd) {
        float: left;
    }
    .timeline .article:nth-child(odd) .entry-content {
        padding: 0 5em 0 0;
    }
    .timeline .article .entry-date {
        left: -2em;
    }
    .timeline .article:nth-child(odd) .entry-date {
        left: auto;
        right: -2em;
    }

    .timeline .marker {
        width: 0;
        height: 0;
        position: absolute;
        top: 50%;
        margin-top: -10px;
    }
    .timeline .article:nth-child(even) .marker {
        right: -15px;
        border-top: 10px solid transparent;
        border-left: 15px solid var(--bs-primary);
        border-bottom: 10px solid transparent;
    }
    .timeline .article:nth-child(odd) .marker {
        left: -15px;
        border-top: 10px solid transparent;
        border-right: 15px solid var(--bs-primary);
        border-bottom: 10px solid transparent;
    }
}
*/