:root {
  --emptblue: #241a65;
}

.itemid-603 .com-content-article__body ul li {
  padding-bottom: 7px;
}

.mod-custom {
  position: relative;
  width: 100%;
}

.gbutton {
	background-color:#1b0f52;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:inherit;
	font-size:17px;
	font-weight:bold;
	padding:10px 20px;
	text-decoration:none;
}
.gbutton:hover {
	background-color:#000;
  color: #fff;
}
.gbutton:active, .gbutton:focus {
	position:relative;
	top:1px;
  color: #fff;
}



#back-to-top {
  position: fixed;
  right: 25px;
  bottom: 25px;
  width: 44px;
  height: 44px;
  background: #0b3a6f;
  color: white;
  text-align: center;
  line-height: 44px;
  font-size: 22px;
  border-radius: 6px;
  text-decoration: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 999;
}

#back-to-top:hover {
  background: #072a50;
}

#back-to-top.show {
  opacity: 1;
  visibility: visible;
}

html {
  scroll-behavior: smooth;
}

.columns-3 .com-content-category-blog__item.blog-item {
  padding: 10px;
}
.columns-3 .com-content-category-blog__item.blog-item:nth-child(odd) {
  background-color: #ececec;
}

.columns-4 .com-content-category-blog__item.blog-item .item-content .page-header h2 {
  font-size: 20px;
}

.columns-4 .com-content-category-blog__item.blog-item .item-content {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.blog-items.columns-4 .com-content-category-blog__item.blog-item .item-content img {
  max-height: 150px;
  width: auto;
}

.container-header .metismenu > li > a:hover::after, .container-header .metismenu > li > button:hover::before, .container-header .metismenu > li.active > a::after, .container-header .metismenu > li.active > button::before {
  background: var(--emptblue) !important;
}


/* Burger-Menü Icon blau einfärben */
.container-header .navbar-toggler {
    color: var(--emptblue);
    border-color: var(--emptblue);
}

/* Linien des Burger-Icons */
.container-header .navbar-toggler-icon {
    background-image: none;
    position: relative;
}

.container-header .navbar-toggler-icon::before,
.container-header .navbar-toggler-icon::after,
.container-header .navbar-toggler-icon {
    background-color: var(--emptblue);
}
/* nicht aktive Hauptmenüpunkte */
.container-header .mod-menu > li > a,
.container-header .metismenu > li > a,
.container-header nav > ul > li > a {
    color: #777 !important;
    text-transform: uppercase !important;
}

/* Hover + aktiv */
.container-header .metismenu > li > a:hover::after, 
.container-header .metismenu > li > button:hover::before, 
.container-header .metismenu > li.active > a::after, 
.container-header .metismenu > li.active > button::before,
.container-header .mod-menu > li > a:hover,
.container-header .mod-menu > li.active > a,
.container-header .mod-menu > li.current > a,
.container-header .metismenu > li > a:hover,
.container-header .metismenu > li.active > a,
.container-header .metismenu > li.current > a,
.container-header nav > ul > li > a:hover,
.container-header nav > ul > li.active > a,
.container-header nav > ul > li.current > a {
  color: var(--emptblue) !important;
}

.container-header .mod-menu > li.active::after, .container-header .mod-menu > li:hover::after {
  background: #000;
}

/* Unterstrich bei Hover */
.container-header .navbar-nav .nav-link:hover::after {
    background-color: var(--emptblue);
}

/* Unterstrich beim aktiven Menüpunkt */
.container-header .navbar-nav .nav-link.active::after {
    background-color: var(--emptblue);
}

.container-header .navbar-nav .nav-link:hover {
    border-bottom-color: var(--emptblue);
}

.container-header .navbar-nav .nav-link.active {
    border-bottom-color: var(--emptblue);
}

/* nicht aktive Hauptmenüpunkte */
.container-header .navbar-nav .nav-link {
    color: #777777;
}

/* Hover */
.container-header .navbar-nav .nav-link:hover {
    color: var(--emptblue);
}

/* aktiver Menüpunkt */
.container-header .navbar-nav .nav-link.active {
    color: var(--emptblue);
}

.container-header .mod-menu {
  color: inherit;
}

.mod-menu > li > a,
.mod-menu > li.active > a {
    color: var(--emptblue);
}

.mod-menu > li > a:hover {
    color: var(--emptblue);
}


.container-header {
  z-index: unset;
  background-color: #dbdcde;
  background-image: unset;
  position: unset;
  box-shadow: unset;
}
.container-below-top > div {
  width: 100%
}