/* MODULE */
#mod-hgd-contentbuilder116 .uk-heading-line > ::before, .uk-heading-line > ::after {border-color: var(--white) !important; border-bottom-color: var(--white) !important;}


.template-root, a.template-root {background:  var(--cassiopeia-color-primary); color: var(--white);}
a.template-root:hover {background:  var(--cassiopeia-color-hover) !important; color: var(--white) !important;}

#mod-custom118 {
  margin-bottom: -13vw;
}

body a:hover {
	color: #ed2a2a !important;
}

.btn a:hover {
	color: white !important;
}

.btn_center a:hover {
	color: white !important;
}

.mod-menu a:hover {
	color: var(--template-bg-dark-90) !important;
}

.card {
	border: 0px;
}

span.ul-strong {font-weight: bolder;}

.py-5 {
	padding-top: 0rem !important;
}

body {font-family: var(--cassiopeia-font-family-headings); font-size: 1.1rem;}

.row {width:100%;}
main .h1, main h1 {font-size: clamp(2rem, 5vw, 2.8rem); font-weight: 400;}
main .h2, main h2 {font-size: clamp(1.5rem, vw, 2.2rem); font-weight: 400; color: #ee2a2b !important;}
main .h3, main h3 {font-size: clamp(1.3rem, 5vw, 1.7rem); font-weight: 400;}
main a {color: var(--template-bg-dark-90); text-decoration: none !important;}
a, .uk-link {text-decoration: none !important; color: var(--template-bg-dark-90);}
a.brand-logo span {color: var(--template-bg-dark-90) !important;}

.template-root, a.template-root {background:  var(--cassiopeia-color-primary); color: var(--color-light);}
a:hover.template-root {background:  var(--cassiopeia-color-hover); color: var(--color-dark);}

#mod-hgd-contentbuilder116 .cbi1161 h2.head0 {
	color: #333333 !important;
  letter-spacing: .05em;
}

#mod-hgd-contentbuilder116 .cbi1163 .crd2 a {
  ;
}

#mod-hgd-contentbuilder116 .cbi1164 .ul li a {
  color: #333333 !important;
}

#mod-hgd-contentbuilder116 .cbi1163 .crd2 {
  color: #333333 !important;
}

#mod-hgd-contentbuilder116 .cbi1162 .crd1 {
  color: #333 !important;
}

#mod-hgd-contentbuilder116 .cbi1162 h3.head0 {
  color: #333333 !important;
}

#mod-hgd-contentbuilder116 .cbi1163 h3.head0 {
  color: #333333 !important;
}

#mod-hgd-contentbuilder116 .cbi1164 h3.head0 {
  color: #333333 !important;
}

.site-grid {
	margin-bottom: 4rem;
}

.container-header .grid-child {padding: 0.5em 0;}
.header.container-header.full-width {display: grid; grid-template-columns: minmax(0,1fr) repeat(4,minmax(0,19.875rem)) minmax(0,1fr); grid-gap: 0 1em;}
.container-header .site-description {white-space: nowrap;}
.container-header .grid-child:first-child {grid-column: 2/2;}     /* OFF.CANAVAS 1/6 */
.container-header .container-nav {grid-column: 3/6;}
.container-header .container-nav {padding-bottom: 0em;}

.mk-off-canvas {z-index: 101;}
.mk-offcanvas-menu {background: var(--white);}
.mk-offcanvas-menu .uk-offcanvas-bar {background: var(--cassiopeia-color-primary) !important; overflow-x: hidden;}
.mk-offcanvas-menu .uk-offcanvas-overlay {transition: all ease 5s; background: rgba(0,0,0,.25);}
.mk-off-canvas.uk-button-default {color: var(--cassiopeia-color-primary); font-size: 1.8rem; border: 0;}
.mk-off-canvas.uk-button-default svg {color: var(--cassiopeia-color-primary); transition: all ease .4s;}
.mk-off-canvas.uk-button-default:hover svg {transform: rotate(90deg);}
.mk-offcanvas-menu .uk-offcanvas-bar.uk-flex.uk-flex-column {position: sticky; z-index: 103;}
.mk-offcanvas-menu .uk-nav-primary > li > a {font-size: 1.07rem !important; line-height: 1.2 !important; color: #999;}
.mk-offcanvas-menu .container-nav-off-canvas .uk-overlay-default {background: transparent;}
.mk-offcanvas-menu .metismenu.mod-menu .mm-collapse:not(.mm-show) {display: block; background: var(--cassiopeia-color-primary); position: relative; margin-left: 1rem;}
.offcanvas-logo {display: flex; width: 100%;}
.offcanvas-logo img {height: 3vw;}

.mk-offcanvas-menu .metismenu.mod-menu .metismenu-item > a, .mk-offcanvas-menu .metismenu.mod-menu .metismenu-item > button, .mk-offcanvas-menu .metismenu.mod-menu .metismenu-item > span {font-weight: 300; font-size-adjust: 0.55;}
.mk-offcanvas-menu .metismenu-item a, .mk-offcanvas-menu .metismenu.mod-menu .mm-toggler {
  padding: 0.3em 1em;
}

.mk-offcanvas-menu .uk-offcanvas-bar .uk-nav-primary > li > a, .mk-offcanvas-menu .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a {color: rgba(255, 255, 255, 1) !important; transition: all ease .4s;}
.mk-offcanvas-menu .uk-offcanvas-bar .uk-nav-primary > li.uk-active > a, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a {font-size: 1.2rem; letter-spacing: .1rem;}
.mk-offcanvas-menu .uk-offcanvas-bar .uk-nav-primary > li > a:hover, .mk-offcanvas-menu .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li > a:hover {color: rgba(255, 255, 255, .6) !important;}
.mk-offcanvas-menu .uk-offcanvas-bar .uk-nav-primary > li.uk-active > a:before, .mk-offcanvas-menu .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a:before {font-family: "Font Awesome 6 Pro"; content: "\7c" !important; margin-right: .2rem;}

.container-header {z-index: 100;}
.container-header .container-nav {display: grid; align-items: flex-end;}

.container-header {background-color: var(--white); background-image: linear-gradient(135deg,var(--white),var(--white)); box-shadow: rgba(0, 0, 0, 0.03) 0px 5px 5px inset;}

main .com-content-article {margin-top: 2rem; margin-bottom: 2rem;}
.com-content-article.item-page ul.fields-container {display: none;}

/* LOGO */
.container-header .navbar-brand img {width: 15rem; min-width: 15rem; margin: .2em 0;}
.container-header .navbar-brand {display: grid; justify-content: start; width: 100%;} /* Bei OFF-CANVAS deaktivieren */

/* MENU */
.container-header .container-nav {justify-content: end;}
.container-header .mod-menu, .container-header .mod-menu, .container-header .navbar-toggler, .container-header .mod-menu>li>a, .container-header .mod-menu>li>span {color: var(--template-bg-dark-90);}
.metismenu-item a, .metismenu.mod-menu .mm-toggler {padding: .5em 1em;}
.metismenu.mod-menu .metismenu-item {padding: 0;}
.metismenu.mod-menu .mm-collapse > li > a {width: 100%;}
.metismenu.mod-menu .metismenu-item > a:focus, .metismenu.mod-menu .metismenu-item > button:focus {outline-color: var(--white);}
.metismenu.mod-menu .metismenu-item > a:focus, .metismenu.mod-menu .metismenu-item > button:focus {outline: 0px dotted var(--cassiopeia-color-primary) !important; outline-color: var(--cassiopeia-color-primary) !important; outline-offset: 0px;}
.navbar-toggler:focus {box-shadow: 0 0 0 0rem;}
[class*=" icon-"], [class^="icon-"] {margin-bottom: 1rem;}
a.back-to-top-link [class*=" icon-"], [class^="icon-"] {margin-bottom: 0rem;}
.container-header .navbar-toggler {padding-bottom: .4rem !important;}
ul.mod-menu li a img {display: none !important;}
.metismenu.mod-menu .metismenu-item > a, .metismenu.mod-menu .metismenu-item > button, .metismenu.mod-menu .metismenu-item > span {font-weight: 400; font-size-adjust: .5; letter-spacing: .08rem;}
.metismenu.mod-menu .mm-toggler::after {width: 10px; height: 26px; margin: 0; border-top: 0em solid; border-top-color: currentcolor; border-right: 0em solid transparent; border-right-color: transparent; border-left: .5em solid transparent; border-left-color: transparent; border-bottom: .5em solid transparent; border-bottom-color: transparent; transition: all .3s ease-out; font-family: "Font Awesome 6 Pro";  content: "\f078" !important;}

/* FOOTER */
.footer {background-color: #231f20; background-image: linear-gradient(135deg,#231f20,#231f20); margin-top: 0;}
.footer2 a {text-decoration: none; font-size: .8rem; font-weight: 300;}
.back-to-top-link {position: fixed;}
.com-contact__form.contact-form {width: 50%;}
.form-control {width: 100%; color: var(--cassiopeia-color-hover); border: 1px solid var(--cassiopeia-color-hover); transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

nav.cb_navtabs .nav.nav-tabs .nav-link:hover, nav.cb_navtabs .nav.nav-tabs .nav-link.active {background-color: var(--cassiopeia-color-primary) !important; color: var(--white);}
.tab-content h6 {padding: 0;}
.tab-content .table > :not(caption) > * > * {padding: 0rem 0rem;}

div.cb_navtabsv .nav-link {border: none; white-space: nowrap;}
div.nav.cb_navtabsv .nav-link:hover, div.nav.cb_navtabsv .nav-link.active {background-color: var(--cassiopeia-color-hover) !important; color: var(--white);}

.kontaktformular {margin-bottom: 5rem;}
.com-contact__container {display: block;}
.com-contact__container .com-contact__info {grid-row: inherit;}
.fields-container.contact-fields.dl-horizontal {margin-top: 2rem;}
joomla-tab#com-content-form {background: var(--template-bg-dark-70) !important; color: white !important;}
joomla-tab[view="tabs"] > div[role="tablist"] {background-color: var(--template-bg-dark-80) !important; border: 1px solid #ccc;
    border-bottom-color: rgb(204, 204, 204); box-shadow: inset 0 1px #fff,0 2px 3px -3px rgba(0,0,0,.15),inset 0 -4px 0 rgba(0,0,0,.05),0 0 3px rgba(0,0,0,.04);}

joomla-tab > joomla-tab-element {background-color: var(--template-bg-dark-60) !important;}
joomla-tab button[role="tab"] {color: var(--template-bg-dark-10) !important;}
joomla-tab-element#editor input {background: var(--template-bg-dark-80) !important;  color: white !important;}
joomla-tab button[role="tab"][aria-expanded="true"] {background-color: var(--cassiopeia-color-primary);}
.edit.item-page .mb-2 {background: var(--template-bg-dark-80) !important; color: white !important; margin-top: 0px !important; padding: .7rem 0;}
.options-form, .options-form > legend {color: white !important; background-color: var(--template-bg-dark-70) !important;}
joomla-tab-element input {background: var(--template-bg-dark-80) !important;  color: white !important;}

.p-6 {padding: 6rem;}
.px-6 {padding: 0 6rem;}
.py-6 {padding: 6rem 0;}
.p-7 {padding: 8rem;}
.px-7 {padding: 0 8rem;}
.py-7 {padding: 8rem 0;}
.p-8 {padding: 10rem;}
.px-8 {padding: 0 10rem;}
.py-8 {padding: 10rem 0;}

@media screen and (min-width: 1680px) {
.footer .grid-child {padding: 2.5rem 0em;}
}

@media screen and (max-width: 1440px) {
  .container-header .grid-child:first-child {grid-column:1/3;} /* OFF.CANAVAS 1/5 */ 
  .p-6 {padding: 2rem;}
  .px-6 {padding: 0 2rem;}
  .py-6 {padding: 2rem 0;}
  .p-7 {padding: 3rem;}
  .px-7 {padding: 0 3rem;}
  .py-7 {padding: 3rem 0;}
  .p-8 {padding: 4rem;}
  .px-8 {padding: 0 4rem;}
  .py-8 {padding: 4rem 0;}
}

@media screen and (max-width: 1024px) {
  
}

@media screen and (max-width: 926px) {
  .container-header .navbar-brand {justify-content: center;}
  .header.container-header.full-width {grid-template-columns: 1fr;}
  .container-header .grid-child:first-child {grid-column: 1/6;}
  .container-header .container-nav {grid-column: 1/6;}
  .container-header .container-nav {justify-content: center;}
  .mod-menu {flex-direction: inherit;}
  .mod-list li a {padding: .25em .5rem;}
}

@media screen and (max-width: 768px) {
    .container-header .container-nav {grid-column: 3/1 !important;}
    .container-header .navbar-toggler, .container-header .mod-menu > li > a, .container-header .mod-menu > li > span, .metismenu.mod-menu .metismenu-item > button {color: var(--white);}
    .metismenu.mod-menu .metismenu-item:not(.level-2) > ul {background:  var(--cassiopeia-color-primary);}
    .metismenu.mod-menu .metismenu-item:not(.level-2) > ul li a {color: var(--white);}
    .footer .grid-child {align-items: first baseline;}
    .p-6 {padding: 2rem;}
    .px-6 {padding: 0 2rem;}
    .py-6 {padding: 2rem 0;}
    .p-7 {padding: 2rem;}
    .px-7 {padding: 0 2rem;}
    .py-7 {padding: 2rem 0;}
    .p-8 {padding: 2rem;}
    .px-8 {padding: 0 2rem;}
    .py-8 {padding: 2rem 0;}
    .header {display: grid; grid-template-columns: 100%; justify-content: space-around;}
    .container-header .container-nav {justify-content: center;}
    .p-5 {padding: 1rem!important;}
}

@media screen and (max-width: 428px) {
  .header.container-header.full-width {grid-template-columns: 1fr;} /* OFF-CANVAS 1fr auto 1fr */
  .container-header .grid-child:first-child {grid-column: 1/3;}
  .CB_Container a.btn {padding: .7rem .5rem;}
  .container-header .navbar-brand {width: 100%; justify-content: center;}
  #header.header-responsive-nav .container-nav, .navbar, .metismenu.mod-menu .metismenu-item {justify-content: center;}
  #header.header-responsive-nav .container-nav {display: flex; position: fixed; background: var(--cassiopeia-color-primary); top: -10rem; transition: all ease .5s;}
    #header.header-responsive-nav.aktiv ul li ul.mm-collapse {background: var(--cassiopeia-color-primary);}
    #header.header-responsive-nav.aktiv .container-nav {top: 0rem;}
    #header.header-responsive-nav.aktiv .container-header .container-nav {padding-bottom: 0em;}
    #header.header-responsive-nav.aktiv .container-header .container-nav .container-search, .container-header .container-nav nav {
    margin-top: 0em;}
    .container-header .container-nav {background: var(--cassiopeia-color-primary);}
    .container-header .navbar-toggler {border: 0px solid #fff; margin-bottom: 0;}
    #header.header-responsive-nav .icon-menu {color: #fff;}
    .mod-menu {flex-direction: column;}
    .mod-list li {text-align: center;}
    .mod-list li a {padding: .25em 0rem;}
    main p {text-align: justify; hyphens: auto;}
    .footer {padding: 0 1rem;}
    #header.header-responsive-nav.aktiv .metismenu.mod-menu .metismenu-item a, #header.header-responsive-nav.aktiv .metismenu.mod-menu .metismenu-item {color: #fff;}
    .uk-overlay {width: 95% !important; max-width: 95% !important;}
}
 
.hgd-hover-box, .hgd-hover-box .CB_itembg {transition: all ease .7s;}
.hgd-hover-box.active {box-shadow: 0 0 100rem 30rem var(--cassiopeia-color-primary);}
.hgd-hover-box.active .CB_itembg {border: 1px solid #ffffff88; -webkit-transform: scale(1.2); transform: scale(1.2);}
.hgd-hover-box.active .CB_itembg {box-shadow: rgb(0, 0, 12) 0px 48px 48px -32px, rgba(0, 0, 0, 0.6) 0px 96px 96px -64px;}

.uk-column-divider {column-rule: 1px solid var(--cassiopeia-color-primary) !important;}

.mk-box-border {border: 5px solid #231f20; text-align: center; margin: 3rem 0; padding-top:  clamp(1rem, 2.5vw, 5rem) !important;  padding-bottom:  clamp(1rem, 2.5vw, 5rem) !important; padding-left: clamp(3rem, 10vw, 15rem); padding-right: clamp(3rem, 10vw, 15rem); hyphens: none;}
.mk-box * {color: var(--color-dark);}

.mk-box {background: var(--cassiopeia-color-primary); text-align: center; margin: 3rem 0; padding-top:  clamp(1rem, 2.5vw, 5rem) !important;  padding-bottom:  clamp(1rem, 2.5vw, 5rem) !important; padding-left: clamp(3rem, 10vw, 15rem); padding-right: clamp(3rem, 10vw, 15rem); hyphens: none;}
.mk-box-border * {color: var(--color-light);}

ul.ul-arrow {list-style: none;}
ul.ul-arrow li {display: flex; align-items: baseline;}
ul.ul-arrow li::before {font-family: "Font Awesome 6 Pro"; content: "\f061" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-arrow-k {list-style: none;}
ul.ul-arrow-k li {display: flex; align-items: baseline;}
ul.ul-arrow-k li::before {font-family: "Font Awesome 6 Pro"; content: "\f0a9" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-arrow-w {list-style: none;}
ul.ul-arrow-w li {display: flex; align-items: baseline;}
ul.ul-arrow-w li::before {font-family: "Font Awesome 6 Pro"; content: "\f33b" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}
ul.ul-arrow-l {list-style: none;}
ul.ul-arrow-l li {display: flex; align-items: baseline;}
ul.ul-arrow-l li::before {font-family: "Font Awesome 6 Pro"; content: "\f340" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}

ul.ul-check {list-style: none;}
ul.ul-check li {display: flex; align-items: baseline;}
ul.ul-check li::before {font-family: "Font Awesome 6 Pro"; content: "\f00c" !important; background-image: none !important; color: var(--success) !important; margin-right: .5rem;}
ul.ul-check-k {list-style: none;}
ul.ul-check-k li {display: flex; align-items: baseline;}
ul.ul-check-k li::before {font-family: "Font Awesome 6 Pro"; content: "\f058" !important; background-image: none !important; color: var(--success) !important; margin-right: .5rem;}
ul.ul-check-w {list-style: none;}
ul.ul-check-w li {display: flex; align-items: baseline;}
ul.ul-check-w li::before {font-family: "Font Awesome 6 Pro"; content: "\f14a" !important; background-image: none !important; color: #231f20 !important; margin-right: .5rem;}
ul.ul-check-s {list-style: none;}
ul.ul-check-s li {display: flex; align-items: baseline;}
ul.ul-check-s li::before {font-family: "Font Awesome 6 Pro"; content: "\f2f7" !important; background-image: none !important; color: var(--success) !important; margin-right: .5rem;}

ul.ul-cross {list-style: none;}
ul.ul-cross li {display: flex; align-items: baseline;}
ul.ul-cross li::before {font-family: "Font Awesome 6 Pro"; content: "\f00d" !important; background-image: none !important; color: var(--warning) !important; margin-right: .5rem;}
ul.ul-cross-k {list-style: none;}
ul.ul-cross-k li {display: flex; align-items: baseline;}
ul.ul-cross-k li::before {font-family: "Font Awesome 6 Pro"; content: "\f057" !important; background-image: none !important; color: var(--warning) !important; margin-right: .5rem;}
ul.ul-cross-w {list-style: none;}
ul.ul-cross-w li {display: flex; align-items: baseline;}
ul.ul-cross-w li::before {font-family: "Font Awesome 6 Pro"; content: "\f410" !important; background-image: none !important; color: var(--warning) !important; margin-right: .5rem;}
ul.ul-cross-s {list-style: none;}
ul.ul-cross-s li {display: flex; align-items: baseline;}
ul.ul-cross-s li::before {font-family: "Font Awesome 6 Pro"; content: "\e24c" !important; background-image: none !important; color: var(--warning) !important; margin-right: .5rem;}


.uk-heading-bullet::before {border-left: calc(5px + 0.1em) solid var(--cassiopeia-color-primary); border-left-color: var(--cassiopeia-color-primary);}
.uk-heading-line > ::before, .uk-heading-line > ::after {border-color: var(--cassiopeia-color-primary);}


/* MENU-HOVER */
#navbar1 a {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; overflow: hidden;}
#navbar1 a:before {content: ""; position: absolute; z-index: -1; left: 51%; right: 51%; bottom: 0; background:  var(--cassiopeia-color-primary); height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
#navbar1 li.active a:before, #navbar1 .metismenu.mod-menu .mm-collapse > li.active a:before {left: 0%; right: 0%;}
#navbar1 .metismenu.mod-menu .mm-collapse > li a:before {left: 51%; right: 51%;}
#navbar1 .metismenu.mod-menu .mm-collapse > li.active a:before, #navbar1 .metismenu.mod-menu .mm-collapse > li:hover a:before {left: 0%; right: 0%;}
#navbar1 a:hover:before, #navbar1 a:focus:before, #navbar1 a:active:before {left: 0; right: 0;}
a:focus, a:hover {color: var(--template-bg-dark-90);}