:root {
    --color-red: #C31924;
    --color-red-hover: #9c141d;
    --color-paragraph: #676767;
    --color-heading: #262626;
    --color-light-gray: #C1C1C1;
    --color-light-blue: #E4EDED;
    --color-green: #3B6740;
}

/* === Top-Bar === */

.uk-dropdown{
	display: none !important;
}

/* === Utility Klassen === */

.border__green {
    border-bottom: 3px solid var(--color-green) !important;
}

.style_text {
    color: var(--color-paragraph);
}

/* === Typographie === */
#category_overview h1,
h1.border__btm,
.downloads h1 {
    border-bottom: 3px solid var(--color-red);
    display: inline-block;
}

h2 div {
    display: inline-block;
    border-bottom: 3px solid var(--color-red);
}

figcaption {
    margin-top: .5em !important;
}

figcaption, .uk-text-small {
    font-size: 14px;
    line-height: 1.2;
}

/* === Pagination === */

.uk-pagination li a[aria-label] {
    border: none !important;
}

/* === Logo === */

.tm-header span, .tm-header-mobile span  {
    position: absolute;
    overflow: hidden;
    border: 0;
    clip: rect(0 0 0 0);
    width: .1;
    height: .1rem;
    margin: -.1rem;
    padding: 0;
}

/* === Headerbar === */

 @media (min-width: 640px) {   
.tm-headerbar.uk-sticky img {
    scale: 1;
    transition: all .5s ease-out !important;
}

.tm-headerbar.uk-sticky.uk-active [class*="uk-position-center-left"], .tm-headerbar.uk-sticky.uk-active [class*="uk-position-center-right"], .tm-headerbar.uk-sticky.uk-active .uk-position-center-vertical {
    top: calc(40% - var(--uk-position-margin-offset));
    --uk-position-translate-y: -100%;
    transform: translate(0, var(--uk-position-translate-y));
}  

.tm-headerbar.uk-sticky.uk-active [class*="uk-position-center-left"]{
    top: calc(32% - var(--uk-position-margin-offset));
}

.tm-headerbar.uk-sticky.uk-active img {
    scale: .5 !important;
    transform: translatey(-55%);
    transition: all .5s ease-out !important;
}


}

.tm-headerbar.uk-sticky {
    background-color: #fff !important;
}
    
/* === Navbar ==== */

.uk-position-center-right a {
    padding: 10px 20px;
    background: var(--color-red);
    border-radius: 5px;
    color: white !important;
    font-size: 14px !important;
    transition: all .3s ease-in;
}

.uk-position-center-right a:hover {
    background: var(--color-red-hover);
    transition: all .3s ease-in;
}

.uk-navbar-container.uk-navbar-sticky {
    box-shadow: 1px 19px 20px 0px rgba(232,232,232,.2);
}

.uk-navbar-center {
    border-top: 1px solid var(--color-light-gray);
    flex-direction: row;
    justify-content: space-between;
    max-width: 100% !important;
    flex-wrap: nowrap !important;
	align-items: center;
}

.uk-iconnav li a {
    padding: 25px 0px;
    border-top: 3px solid transparent;
    white-space: nowrap;
}

.uk-iconnav li.uk-active a {
    border-top: 3px solid var(--color-red);
}


/* === Subnav === Tabs */

#tabs .uk-subnav li a {
    border-bottom: 4px solid transparent;
    padding: 5px 0;
} 

#tabs .uk-subnav li.uk-active a {
    color: #262626;
    border-bottom: 4px solid #C31924;
}




/* === Sidebar === */

.uk-offcanvas-bar .uk-first-column:first-child {
    margin: 50px 0;
}

.uk-offcanvas-bar .uk-grid-margin {
    margin-top: 0;
}

.bg_red {
    background: var(--color-red);
    padding: 5px 0px;
    position: relative;
}

.uk-offcanvas .uk-nav-default > li.uk-active > a {
    color: #262626;
}

.bg_red::before {
	content: "";
	width: 50px;
	height: 100%;
	position: absolute;
	background: var(--color-red);
	right: 100%;
	top: 0px;
	overflow: hidden;
}

.bg_red::after {
	content: "";
	width: 50px;
	height: 100%;
	position: absolute;
	background: var(--color-red);
	left: 100%;
	top: 0px;
	overflow: hidden !important;
}

.uk-offcanvas-bar {
    overflow-x: hidden;
}

.bg_red li:first-child, .bg_red li:last-child {
    display: none;
}

.bg_red li a {
    color: #FFFFFF;
}

.bg_red li a:hover {
    color: #FFFFFF;
    opacity: .75;
}

.visible_phone {
    display: none;
}

/* === Footer === */

footer .el-item.uk-active a {
    font-weight: 500;
}

footer .el-item.uk-active {
    margin-top: .5em;
}

footer .el-item:first-child.uk-active {
    margin-top: 0 !important;
}

footer .uk-nav > li:first-child > a {
	padding: 0 0 5px 0 !important;
	color: #262626 !important;
	font-weight: 700;
}

footer .uk-nav-default > li.uk-active > a {
	color: #262626 !important;
}

footer .uk-nav-default > li > a {
	color: #676767 !important;
}
footer .uk-nav-default > li > a:hover {
    color: #c31924 !important;
}

.border__top {
	position: relative;
}

.border__top::before {
	content: '';
	width: calc(100% - 40px);
	height: 1px;
	background: var(--color-light-gray);
	transform: translate(40px,-15px);
}



/* === Home Featured Article ==== */


.uk-position-bottom-left {
    position: absolute !important;
    left: 100px;
    top: 100%;

}

.uk-position-bottom-left .uk-overlay {
    transform: translateY(-50%);
    background: white;
}

.uk-position-bottom-left .uk-overlay.uk-width-large {
    width: 500px !important;
}

.uk-position-bottom-left .uk-overlay.uk-padding-large {
    padding: 25px !important;
}

.uk-inline-clip {
    overflow: visible;
}

.home h1 {
	margin: 0;
}

.home_newsgrid {
    position: relative;
}

.home_newsgrid::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #e5e5e7;
    position: absolute;
    left: 0;
    top: -80px;
}

.featured-image img {
    height: auto;
}

/* === Grid === */

.uk-text-meta {
    background: var(--color-red);
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
    color: white !important;
}

.uk-text-meta a {
    color: white !important;
}

/* === E-Paper Grid === */

#epaper_grid .el-item {
    position: relative;
    z-index: 1;
    opacity: 1;
    transition: all .3s ease-in;
}

#epaper_grid .el-item:hover {
    opacity: .7;
    transition: all .3s ease-in;
}

#epaper_grid .el-item::after {
    content: url(../images/epaper_shadow.png);
    position: absolute;
    width: 50px;
    height: 20px;
    bottom: -6px;
    left: 10px;
    display: inline-block;
    z-index: 0;
}

/* === Advertisement === */
#tm-main {
	position: relative;
}

#tm-advertisement {
	max-width: 300px;
	position: absolute;
	right: calc(50% - 920px);
	top: 40px;
	padding-left: 40px;
}

#tm-advertisement img{
	margin-bottom: 32px;
}

#tm-advertisement.fixed {
	position: fixed;
	top: 138px !important;
}

/* === Newsgrid === */

.newsgrid .el-item {
    position: relative;
}

.newsgrid .el-item .uk-text-meta {
    position: absolute;
    top: 10px;
    left: 10px;
    margin-top: 0 !important;
}

.newsgrid .el-image {
    max-height: 300px;
    width: 100%;
    object-fit: cover;
}

.newsgrid.helios p {
    color: #FFF;
    opacity: .9 !important;
}


#category_overview>div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* === Docman === */

.k-ui-joomla .k-toolbar.k-js-toolbar, .k-ui-joomla  .footable-visible.footable-first-column, .k-ui-joomla .detail-label, .k-ui-joomla .label.label-success.badge.bg-success, .k-ui-joomla .btn.btn-small.btn-sm.k-js-docman-copy {
    display: none !important;
}

.k-ui-joomla .table-striped .docman_item td {
    padding: 15px 5px !important;
}

.k-ui-joomla .table-striped > tbody > tr:nth-of-type(2n+1) > * {
    --bs-table-accent-bg: #e4eded;
}
  
.k-ui-joomla  .k-ui-namespace table td {
    border-top: none;
}

.k-ui-joomla .k-ui-namespace .k-pagination .k-pagination__pages > li > a, .k-ui-namespace .k-pagination .k-pagination__pages > li > span {
    border: 2px solid #C1C1C1;
    border-radius: 0px;
    color: #676767;
    margin-left: 10px;
}

.k-ui-joomla .k-ui-namespace .k-pagination .k-pagination__pages > li > a

.k-ui-joomla .k-ui-namespace .k-pagination .k-pagination__pages > li > a:hover {
    background-color: #9c141d;
    color: #FFFFFF;
}

.k-ui-namespace .k-pagination .k-pagination__pages > .k-is-active > a {
    background-color: #C31924;
    color: #FFFFFF !important;
    border: 2px solid transparent !important;
    
}

.downloads .docman_table_layout.docman_table_layout--filtered_table {
    text-align: center;
}

.downloads .k-js-grid-controller {
    text-align: left !important;
} 

.downloads h1 {
    margin-top: 0;
}

.k-ui-joomla .downloads .docman_document .koowa_header {
    display: none !important;
}
  
.k-ui-joomla .downloads .docman_document_details {
    display: none;
}
  
.k-ui-joomla .downloads .docman_document {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
}

.k-ui-joomla .downloads .docman_document > div {
    flex: 0 0 30%;
}

.k-ui-namespace .docman_document .docman_thumbnail {
    max-width: 100%;
}

.k-ui-joomla .docman_document .docman_download {
    max-width: 100% !important;
    width: 100%;
    text-align: left;
}

.k-ui-joomla .docman_document .docman_download .btn {
    line-height: inherit;
    padding: 10px 20px !important;
}

  
/* === Breakpoints === */

@media (max-width: 1815px) {
    .uk-container {
        max-width: 1000px !important;
    }

    #tm-advertisement {
        right: calc(50% - 800px);
    }

    .k-ui-joomla .downloads .docman_document > div {
        flex: 0 0 40%;
    }
}

@media (max-width: 1600px){
    .tm-toolbar.tm-toolbar-default .uk-container, .tm-headerbar-default .uk-container, .uk-navbar-container .uk-container, #tm-main .uk-section > .uk-container, footer .uk-section-primary > .uk-container {
        transform: translateX(-150px);
    }

    #tm-advertisement {
        right: calc(50% - 650px);
    }
}

@media (max-width: 1315px) {
    .tm-toolbar.tm-toolbar-default .uk-container, .tm-headerbar-default .uk-container, .uk-navbar-container .uk-container, #tm-main .uk-section > .uk-container, footer .uk-section-primary > .uk-container {
        transform: translateX(0px);
    }

    #tm-advertisement {
        display: none;
    }
}

@media (max-width: 1200px){
   
    /* Featured Image */

    #featured {
        padding-bottom: 75px !important;
    }

    .uk-position-bottom-left {
        left: 50px;
    }

    
}

@media (max-width: 992px){
    .k-ui-joomla .downloads .docman_document > div {
        flex: 0 0 50%;
    }
}


@media (max-width: 768px){
    #featured {
        padding-bottom: 50px !important;
    }

    .uk-position-bottom-left {
        position: relative !important;
        left: 0px;
        top: 100%;
    
    }

    .uk-position-bottom-left .uk-overlay{
        transform: translateY(0px);
        padding-left: 0;
        width:100%;
    }

    .k-ui-joomla .downloads .docman_document {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    

    .k-ui-joomla .downloads .docman_document > div {
        flex: 0 0 80%;
    }

}

@media (max-width: 640px) {
    .visible_phone {
        display: block;
    }

    .tm-toolbar {
        display: none;
    }

    .home h1, .tm-header .uk-logo {
        width: 100px;
    }
}

@media (max-width: 576px){

}