/* ===== MAK GOOGLE FONTS START ===== */
/* Automatisch generiert am: 2025-09-15 07:41:32 */

/* Font Variables */
:root {
  --font-body: 'Titillium Web', sans-serif;
  --font-h1: 'Titillium Web', sans-serif;
  --font-h2: 'Titillium Web', sans-serif;
  --font-h3: 'Titillium Web', sans-serif;
  --font-h4: 'Titillium Web', sans-serif;
  --font-h5: 'Titillium Web', sans-serif;
  --font-h6: 'Titillium Web', sans-serif;
  --font-mk-1: 'Titillium Web', sans-serif;
  --font-mk-2: 'Titillium Web', sans-serif;
  --font-mk-3: 'Titillium Web', sans-serif;
}

/* HTML Tag Overrides */
body { font-family: var(--font-body) !important; }
h1, .h1, .uk-h1 { font-family: var(--font-h1) !important; }
h2, .h2, .uk-h2 { font-family: var(--font-h2) !important; }
h3, .h3, .uk-h3 { font-family: var(--font-h3) !important; }
h4, .h4, .uk-h4 { font-family: var(--font-h4) !important; }
h5, .h5, .uk-h5 { font-family: var(--font-h5) !important; }
h6, .h6, .uk-h6 { font-family: var(--font-h6) !important; }

/* Titillium Web */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/TitilliumWeb/400.woff2') format('woff2'),
       url('../fonts/TitilliumWeb/400.woff') format('woff');
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/TitilliumWeb/700.woff2') format('woff2'),
       url('../fonts/TitilliumWeb/700.woff') format('woff');
}

/* ===== MAK GOOGLE FONTS END ===== */


body {color: #000; scroll-behavior: smooth;}
.mk-index-100 {z-index: 1000 !important;}

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

/* 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,.7);}

/* CUSTOM CSS */
.mk-cb-element12540 {border-top: 1px solid rgba(255,255,255,.7) !important;}
 
/* MAK-CLASS */
.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;}

.mak-anker {visibility: hidden; height: 0px !important; position: absolute; margin: -20vh;}


@font-face {
  font-family: 'Open Sans' , sans-serif;
  src: url('/../fonts/OpenSans-VariableFont_wdth,wght.ttf') format("truetype-variations");
}

@font-face {
  font-family: 'Poiret One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poiret-one-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poiret-one-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poiret-one-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poiret-one-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poiret-one-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poiret-one-v14-latin-regular.svg#PoiretOne') format('svg'); /* Legacy iOS */
}

/* 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 UIKIT  */
.uk-column-divider {column-rule: 1px solid var(--cassiopeia-color-primary) !important;}
.uk-section-primary, .uk-background-primary, .uk-card-primary {background-color:  var(--cassiopeia-color-primary) !important;}
.uk-section-secondary, .uk-background-secondary, .uk-card-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);}
.uk-text-primary {color: var(--cassiopeia-color-primary) !important;}
.uk-text-secondary {color: var(--cassiopeia-color-hover) !important;}

.uk-card-primary.uk-card-body .uk-text-lead, .uk-card-primary > :not([class*="uk-card-media"]) .uk-text-lead, .uk-card-secondary.uk-card-body .uk-text-lead, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-text-lead, .uk-light .uk-text-lead, .uk-offcanvas-bar .uk-text-lead, .uk-overlay-primary .uk-text-lead, .uk-section-primary:not(.uk-preserve-color) .uk-text-lead, .uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead {
  color: rgba(255, 255, 25, 1);
}

.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, .uk-text-lead {color: #111; transition: all ease .4s;}
.uk-light a:hover {color: #333;}
.uk-dark a:hover {color: #666;}

.uk-overlay-primary {background-color: rgba(1, 4, 5, 0.7);}
.uk-card-footer {border-top: 0px !important;}

.uk-card-primary.uk-card-body, .uk-card-primary > :not([class*="uk-card-media"]), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*="uk-card-media"]), .uk-light, .uk-offcanvas-bar, .uk-overlay-primary, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color) {
  color: rgba(255, 255, 255, 1) !important;
}

.uk-card-primary.uk-card-body .uk-navbar-nav > li > a, .uk-card-primary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a, .uk-card-secondary.uk-card-body .uk-navbar-nav > li > a, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-navbar-nav > li > a, .uk-light .uk-navbar-nav > li > a, .uk-offcanvas-bar .uk-navbar-nav > li > a, .uk-overlay-primary .uk-navbar-nav > li > a, .uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, .uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a {
  color: rgba(255, 255, 255, 1) !important;
}

.uk-navbar-nav > li > a {color: #111;}

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

/* OVERRIDE JOOMLA */
.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);}

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

/* PAGE-HEADER */
.header-title {color: var(--color-header-title) !important;}
.header-title-background {background: var(--color-header-background) !important;}
.uk-background-page-header-custom {background: var(--color-header-blendmode) !important;}
#pageHeaderOverlay.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;}

/* Media - QUERIES */
@media screen and (max-width: 640px) {
a.mk-totop-button .svg-inline--fa.fa-chevron-up {padding: 1rem .3rem .3rem !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) {

}