@import url('https://fonts.googleapis.com/css2?family=Cookie&family=Oswald:wght@200;300;400;500;600;700&display=swap');

.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;}

body {color: #000; font-family: 'Oswald', sans-serif !important; scroll-behavior: smooth;}
.wrapper-fluid .uk-container {max-width: 100% !important;}
.mk-index-100 {z-index: 1000 !important;}

.com-content-article__body h1 {font-family: 'Oswald', sans-serif !important; font-size: clamp(2rem, 20vh, 3rem); font-weight: 600 !important; hyphens: none;}
.com-content-article__body h2 {font-family: 'Oswald', sans-serif !important; font-size: clamp(1.2rem 20vh, 2.4rem); font-weight: 500;  hyphens: none;}
.com-content-article__body h3 {font-size: clamp(1.3rem, 5vw, 2rem); 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;}
.mk-font-script, .header-title {font-family: 'Cookie', cursive !important;}

/* CONTENT */
.com-content-article__body, .blog-item {hyphens: auto;}

/* FOOTER */
.mk-footer {background-color: var(--cassiopeia-color-primary); background-image: linear-gradient(135deg,var(--cassiopeia-color-primary),var(--cassiopeia-color-hover));}
.mk-copyright {font-size: .9rem; color: rgba(255, 255, 255, 1);}
.mk-home-link a {font-size: .7rem; color: rgba(255, 255, 255, .5);}

.mk-totop-button.uk-icon.uk-totop:hover {background: var(--cassiopeia-color-hover);}
.mk-border-top-white {border-top: 1px solid rgba(255,255,255,.5);}

.uk-column-divider {column-rule: 1px solid var(--cassiopeia-color-primary) !important;}
.dj-megamenu-modern li ul.dj-submenu > li > a small.subtitle {font-size: 1rem !important; margin-top: 1rem;}

.mk-box {background: var(--cassiopeia-color-primary); color: #fff; 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: #222; border: calc(0.2px + 0.02em) solid 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-tb {color: #222; border-top: calc(0.2px + 0.02em) solid var(--cassiopeia-color-primary);  border-bottom: calc(0.2px + 0.02em) solid 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-lr {color: #222; border-left: 3px solid var(--cassiopeia-color-primary);  border-right: calc(0.2px + 0.02em) solid 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;}

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(--cassiopeia-color-primary) !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(--cassiopeia-color-primary) !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: var(--cassiopeia-color-primary) !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(--cassiopeia-color-primary) !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;}

.mk-anker {visibility: hidden; height: 0px !important; position: absolute; margin: -100px;}

/* SCROLL-TO-TOP */
.mk-totop-container {background: var(--cassiopeia-color-primary); margin: 0 .8rem .65rem;} 
a.mk-totop-button .svg-inline--fa.fa-chevron-up {padding: 1rem .7rem .6rem !important;}

/* OVERRIDE */
.uk-section-primary {background-color:  var(--cassiopeia-color-primary) !important;}
.uk-background-primary {background-color:  var(--cassiopeia-color-primary) !important;}
.uk-section-secondary {background-color:  var(--cassiopeia-color-hover) !important;}
.uk-background-secondary {background-color:  var(--cassiopeia-color-hover) !important;}
.uk-section-muted, .uk-background-muted {background-color: transparent !important;}
.uk-overlay-custom {background-color: var(--cassiopeia-color-overlay) !important; background-image: none; color: #fff !important;}
.com-contact__info .uk-link, .com-contact__info a {color: var(--cassiopeia-color-primary) !important; transition: all ease .250s;}
#mk-maps ul.fields-container {padding: 0 !important;}
#mk-maps ul.fields-container li {list-style: none;}
.uk-background-primary, .uk-button-primary {background-color: var(--cassiopeia-color-primary) !important;}
.uk-background-secondary, .uk-button-secondary {background-color: var(--cassiopeia-color-hover) !important;}
.uk-overlay-custom {background-color: var(--cassiopeia-color-overlay) !important; background-image: none; color: #fff !important;}
.uk-heading-divider {border-bottom-color: var(--cassiopeia-color-overlay) !important;}
.uk-heading-bullet::before {border-left: calc(5px + 0.1em) solid var(--cassiopeia-color-primary) !important; border-left-color: var(--cassiopeia-color-primary) !important;}
.uk-heading-line > ::before, .uk-heading-line > ::after {border-color: var(--cassiopeia-color-primary);}
.com-contact__info .uk-link:hover, .com-contact__info a:hover {color: var(--cassiopeia-color-hover) !important;}
.control-group {margin-top: 0 !important;}
.form-control, .custom-select, .form-select {border: 1px solid var(--cassiopeia-color-hover) !important;}
.form-control:hover, .form-control:focus, .custom-select:hover, .form-select:hover, .custom-select:focus, .form-select:focus {border: 1px solid var(--cassiopeia-color-primary) !important;}

.btn-primary:focus, .btn-primary:hover {background-color: var(--cassiopeia-color-hover); border: 2px solid var(--cassiopeia-color-primary);}
.uk-section-primary {background-color: var(--cassiopeia-color-primary) !important;}
.uk-heading-line > ::before, .uk-heading-line > ::after {border-bottom: calc(0.2px + 0.02em) solid var(--cassiopeia-color-primary) !important;}

.uk-light a {color: #fff; transition: all ease .4s;}
.uk-dark a {color: #333; transition: all ease .4s;}
.uk-light a:hover {color: #333;}
.uk-dark a:hover {color: #fff;}

.uk-overlay-primary {background-color: rgba(1, 4, 5, 0.7);}
.uk-card-footer {border-top: 0px !important;}
.com-content-article a, .com-content-article .uk-link {color: inherit;}
.com-content-article a.uk-button-primary {color: #fff;}

.uk-card-footer .btn {display: block;}
a svg.svg-inline--fa {height: 1.1rem;}
.mk-icon-card svg.svg-inline--fa {height: 4rem;}

.svg-inline--fa.fa-bars.fa-2x {height: 2rem !important;}

.btn-outline-primary:hover {background-color: var(--cassiopeia-color-primary); border-color: #010156;}
.uk-subnav-pill > .uk-active > a, .uk-subnav-pill > * > a:hover {background-color: var(--cassiopeia-color-primary) !important; color: var(--white) !important;}
.uk-subnav-pill > * > :first-child {padding: 1rem 1.5rem !important; color: #000 !important;}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
  }

/* PAGE-HEADER */
.header-title {color: var(--color-header-title) !important;}
.header-title-background {background: var(--color-header-background) !important;}
#page-header .uk-overlay-primary {background-color: var(--color-header-overlay) !important;}
#page-header .uk-heading-divider,
#page-header .uk-heading-bullet::before,
#page-header .uk-heading-line > ::before,
#page-header .uk-heading-line > ::after {border-bottom-color: var(--color-header-modifier) !important; border-left-color: var(--color-header-modifier) !important;}

/* CUSTOM CSS */
#mak-cb-113 .uk-heading-divider {border-bottom-color: #fff !important;}
#mak-cb-113 .uk-heading-bullet::before {border-left: calc(5px + 0.1em) solid #fff !important; border-left-color: var(--cassiopeia-color-primary) !important;}
#mak-cb-113 .uk-heading-line > ::before, .uk-heading-line > ::after {border-color: #fff !important}
#mak-cb-113 .mk_container_5 .item_id_0 {border-top: 1px solid rgba(255,255,255,.5) !important;}

.mk-teaser-icon svg {fill: #fff !important;}
em {color: #222 !important;}
.uk-table-striped tbody tr:nth-of-type(2n+1), .uk-table-striped > tr:nth-of-type(2n+1) {background-color: var(--cassiopeia-color-primary) !important; color: #fff !important;}

.dj-submenu .title .name {border-bottom: 0px !important; padding-bottom: .5rem !important;}
.dj-megamenu-modern li a.dj-up_a, .dj-submenu .title .name {font-size: 1.1rem !important;}
li.separator a.hgd-menu-separator .title .name {font-size: 1.3rem !important; font-weight: 500 !important; letter-spacing: .05rem; border-bottom: 1px solid var(--cassiopeia-color-primary) !important; font-weight: 600 !important;}
.dj-submenu li.itemid150 {background-color: var(--cassiopeia-color-primary) !important;} 
a.hgd-karte {padding: 2rem 0 2rem 1rem !important; font-size: 2rem !important;}
a.hgd-karte .title .name {font-size: 1.7rem !important; color: #fff; font-weight: 500; letter-spacing: .05rem; margin-bottom: 1rem;} 
.dj-megamenu-modern li ul.dj-subtree > li {list-style: none !important;}

.dj-megamenu-modern li ul.dj-subtree > li > a {
  padding: 1rem !important;
}
.dj-megamenu-modern li ul.dj-subtree > li.active > a,
.dj-megamenu-modern li ul.dj-subtree > li > a:hover {
  text-decoration: none !important;
  background: var(--cassiopeia-color-primary) !important;
  color: #fff !important;
}
.dj-subwrap-in {gap: 1rem;}
.detailsicon, .mymap.mymap-inverse.resultmymap  {display: none !important;}

.dj-megamenu-modern li ul.dj-submenu > li > a small.subtitle {
  display: block;
  font-size: 1.3rem !important;
  line-height: 1;
  opacity: 0.8;
  margin-top: 1rem;
}


/* Media - QUERIES */
@media screen and (max-width: 640px) {
/* UTILITY */
.mk-index-100 {z-index: 100 !important;}
a.mk-totop-button .svg-inline--fa.fa-chevron-up {padding: 1rem .3rem .3rem !important;}
a.hgd-karte {padding: 2rem 0 2rem 1rem !important; font-size: 1.2rem !important;}
}


@media screen and (min-width: 640px) {

}

@media screen and (min-width: 960px) {

}

@media screen and (min-width: 1200px) {

}

@media screen and (min-width: 1600px) {

}