:root {
    --cassiopeia-color-primary: hsl(225.9,83.5%,38%);/*hsl(47, 100%, 50%);*/
    --cassiopeia-color-link: #6989f2;
    --cassiopeia-color-hover: hsl(225.8,83.2%,58%);/*hsl(47, 100%, 60%);*/
    --cassiopeia-font-family-body: "Roboto", sans-serif;
    --cassiopeia-font-family-headings: "Roboto", sans-serif;
    --cassiopeia-font-weight-headings: 400;
    --cassiopeia-font-weight-normal: 400;
    --body-text-align: left;
    --alert-close-button: black;
    /* From Template CSS, can be used for customization*/
    --blue: #010156;
    --indigo: #6812f3;
    --purple: #6f42c2;
    --pink: #e93f8e;
    --red: #a51f18;
    --orange: #fd7e17;
    --yellow: #ad6200;
    --green: #448344;
    --dark-green: #294F29; /*color-mix(in srgb, var(--green) 60%, black);*/
    --teal: #5abfdd;
    --cyan: #30638d;
    --white: white;
    --gray-100: #f9fafb;
    --gray-200: #eaedf0;
    --gray-300: #dfe3e7;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6d757e;
    --gray-700: #484f56;
    --gray-800: #353b41;
    --gray-900: #22262a;
    --primary: #010156;
    --secondary: #6d757e;
    --success: #448344;
    --info: #30638d;
    --warning: #ad6200;
    --danger: #a51f18;
    --light: #f9fafb;
    --dark: #353b41;
    --primary-rgb: 1, 1, 86;
    --secondary-rgb: 109, 117, 126;
    --success-rgb: 68, 131, 68;
    --info-rgb: 48, 99, 141;
    --warning-rgb: 173, 98, 0;
    --danger-rgb: 165, 31, 24;
    --light-rgb: 249, 250, 251;
    --dark-rgb: 27, 27, 27;
    --white-rgb: 255, 255, 255;
    --black-rgb: 0, 0, 0;
    --body-color-rgb: 34, 38, 42;
    --body-bg-rgb: 255, 255, 255;
    --font-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --body-font-family: var(--cassiopeia-font-family-body), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --body-font-size: .9rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;
    --body-color: #22262a;
    --body-bg: white;
    --casiopeia-av-menu-color: #999;
    --casiopeia-av-menu-color-hover: #fff;
    /* Custom var, can be used in user.cssHeader, Footer bg yellow */
    /* ---lang-header-background-color: hsl(47, 100%, 50%);
    --lang-header-background-color-end: hsl(47, 100%, 50%);
    --lang-header-footer-color: var(--body-color);
    --lang-bottom-background-color: rgba(0,0,0,0.03);*/

    /* Header, Footer bg gray */
    /*--lang-header-background-color: rgba(217,217,217,1);
    --lang-header-background-color-end: rgba(217,217,217,1);
    --lang-header-footer-color: var(--body-color);
    --lang-bottom-background-color: var(--cassiopeia-color-primary);*/
}

a.btn.jmodedit {
    display:none;
}

/* Header */
a#logo-text {
    color: #fff;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    padding: 0;
    text-rendering: optimizelegibility;
    text-decoration: none;
    display: block;
    float: left;
    width: 230px;
}

a#logo-text .logo-red {
    color: red;
    font-size: 24px;
}

/* Image in Menübar */

/* Top Menu */
/* own not so bright color */
.container-header .mod-menu {
    color: var(--casiopeia-av-menu-color);
}

.metismenu.mod-menu .metismenu-item {
    font-size: 1em;
}

.metismenu.mod-menu .metismenu-item > a:focus,
.metismenu.mod-menu .metismenu-item > button:focus {
    outline: none;
    outline-offset: 0;
}

/* Darker background form active menu iten */
.metismenu.mod-menu .metismenu-item.active, .metismenu.mod-menu .metismenu-item.active,
.metismenu.mod-menu .metismenu-item:hover{
    color: var(--casiopeia-av-menu-color-hover);
}
.metismenu.mod-menu .metismenu-item.active > a, .metismenu.mod-menu .metismenu-item.active > button,
.metismenu.mod-menu .metismenu-item > a:hover,
.metismenu.mod-menu .metismenu-item > button:hover {
    text-decoration: none;
}

/* Postition: Search = Language */

.container-nav .grid-child {
    grid-column-end: main-end;
    grid-column-start: main-start;
}

/* Eyecatcher */
.container-top-a- {
    background-color: #4d73ef;
    background-image: -moz-linear-gradient(top,#3b65ed,#6989f2);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#3b65ed),to(#6989f2));
    background-image: -webkit-linear-gradient(top,#3b65ed,#6989f2);
    background-image: -o-linear-gradient(top,#3b65ed,#6989f2);
    background-image: linear-gradient(to bottom,#3b65ed,#6989f2);
    background-repeat: repeat-x;
    grid-column-end: main-end;
    grid-column-start: main-start;
}

/* Menu Heading */

span.mod-menu__heading.nav-header{
    font-weight: bold;
    color: #212529;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    text-transform: uppercase;
}

/* Article Info */
.article-info-term {
    display: none;
}

/* Article Link A,B,C layout */
.com-content-article ul.com-content-article__links {
    padding-left: 0;
}

.com-content-article__link.content-links-a a {
    font-weight: bold;
    color:var(--green);
}

.com-content-article__link.content-links-a a img {
    filter: invert(56%) sepia(7%) saturate(4624%) hue-rotate(71deg) brightness(71%) contrast(60%);
}

.com-content-article__link.content-links-a a:hover,
.com-content-article__link.content-links-a a:focus {
    color:var(--dark-green);
    text-decoration: none;
}

.com-content-article__link.content-links-a a:hover img,
.com-content-article__link.content-links-a a:focus img {
    filter: invert(23%) sepia(9%) saturate(3216%) hue-rotate(71deg) brightness(96%) contrast(83%);
}

.show-grid div {
    padding: 5px;
}

.show-grid div p {
    background-color: var(--casiopeia-av-menu-color);
    padding: 10px;
}

/* custom Blog laoyut for frontpage / Subscription feauter */

.tile .mod-articlesnews-horizontal li {
    padding: 15px 15px 0 15px;
    text-align: center;
}

.tile .mod-articlesnews-horizontal li:nth-child(2n+1) {
    background-color: #fafafa;
}

.tile .mod-articlesnews-horizontal li:nth-child(2n) {
    background-color: #f5f6fa;
}

.tile .mod-articlesnews-horizontal li:hover {
    background-color: #8fa7f5;
    background-image: -moz-linear-gradient(top,#c7d3fa,#3b65ed);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#c7d3fa),to(#3b65ed));
    background-image: -webkit-linear-gradient(top,#c7d3fa,#3b65ed);
    background-image: -o-linear-gradient(top,#c7d3fa,#3b65ed);
    background-image: linear-gradient(to bottom,#c7d3fa,#3b65ed);
    background-repeat: repeat-x;
}

.tile.neu .mod-articlesnews-horizontal li:first-of-type,
.tile.new .mod-articlesnews-horizontal li:first-of-type,
.tile.neu .mod-articlesnews-horizontal li:nth-child(3),
.tile.new .mod-articlesnews-horizontal li:nth-child(3),
.tile.neu .mod-articlesnews-horizontal li:nth-child(2),
.tile.new .mod-articlesnews-horizontal li:nth-child(2),
.tile.neu .mod-articlesnews-horizontal li:last-of-type,
.tile.new .mod-articlesnews-horizontal li:last-of-type{
    background-image: url(../images/neu-button.svg);
    background-repeat: no-repeat;
    background-size: 25% auto;
    background-position: 100% 0;
}

.tile.new .mod-articlesnews-horizontal li:first-of-type,
.tile.new .mod-articlesnews-horizontal li:nth-child(3),
.tile.new .mod-articlesnews-horizontal li:nth-child(2),
.tile.new .mod-articlesnews-horizontal li:last-of-type{
    background-image: url(../images/new-button.svg);
}

.tile .mod-articlesnews-horizontal .newsflash-image img {
    height: 60px;
}

/* colored module headers: module stype = card*/

.bg-visblue {
    background-color:var(--cassiopeia-color-hover) !important;
}

.bg-visred {
    background-color:var(--red) !important;
}

/* links */
a:not([class]) {
    text-decoration: none;
}

a:not([class]):hover,
a:not([class]):focus {
    text-decoration: underline;
}

/* footer menu */

.footer .metismenu.mod-menu .metismenu-item > a:hover,
.footer .metismenu.mod-menu .metismenu-item > a:focus {
    text-decoration: underline;
}

/* force footer menu inline on all devices */
.metismenu.menu-horizontal {
    -webkit-box-flex:1;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex:0 1 0%;
    flex:0 1 0%;
    -ms-flex-direction:row;
    flex-direction:row
}

.btn:focus {
    background-color:var(--btn-hover-bg);
    border-color:var(--btn-hover-border-color);
    color:var(--btn-hover-color)
}

/* Images Referenzen Captions */

.mod_pageheader img {
    width: 100%;
}

.mod_pageheader .carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px 15px 5px;
    background: #333;
    background: rgba(0,0,0,0.75);
}

/* Kunena Forum Layout */

.mod-kunena-breadcrumbs.breadcrumb {
    display: none;
}

#kunena.layout .card-header {
    padding: 20px;
}

#kunena .bbcode_code_head {
    display: none;
}

#kunena .bbcode_code_body {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid rgba(0,0,0,0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    unicode-bidi: embed;
    font-family: monospace;
    white-space: pre;
    color: var(--body-color) !important;
}

/* hr soften from old template */
hr.soften {
    border: 0 none;
    height: 1px;
    margin: 50px 10% 70px;
    display: block;
    background-color: rgba(43, 134, 213, 0.5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(0, 109, 204, 0.1)), to(rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(0, 109, 204, 0.1) 50%, rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(0, 109, 204, 0.1) 50%, rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(0, 109, 204, 0.1) 50%, rgba(255, 255, 255, 0));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 109, 204, 0.1) 50%, rgba(255, 255, 255, 0));
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=0);
}
hr.soften.small {
    margin-top: 20px;
    margin-bottom: 20px;
}
.item-page hr.soften.hidden-item {
    display: none;
}

/* Visforms Data Tables */

table.visdatatable td,
table.visdatatable th{
    padding: 8px 5px;
}

/* prevent pseudo underline of main menu on hover */
@media (min-width: 992px) {
    .container-nav.navbar-dark {
        padding-top: 0;
        padding-bottom: 0;
    }

    .container-nav.navbar-dark .grid-child {
        padding-top: 0;
        padding-bottom: 0;
    }

    .container-nav.navbar-dark .grid-child .navbar {
        margin-top: 0;
    }

    .container-header .metismenu > li > a::after,
    .container-header .metismenu > li > button::before {
        position: absolute;
        right: 50%;
        bottom: 0;
        left: 50%;
        display: block;
        height: 0;
        margin: auto;
        content: "";
        background: transparent;
        opacity: 0.2;
        transition: all 0.2s ease, background-color 0.2s ease;
    }
}