:root {
  --cassiopeia-font-family-headings: 'Times New Roman', serif !important;
  --cassiopeia-font-family-body: 'Times New Roman', serif !important;
  --bg_body: #ddd;
}

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

span.logo-1 {text-transform: uppercase;}
span.logo-2 {font-size: 1.3rem;}
span.logo-3 {font-size: .85rem;}
dl.fields-container.contact-fields.dl-horizontal dd {
    padding: 0;
}

body {background: var(--bg_body); color: var(--template-bg-dark-90); font-family: var(--cassiopeia-font-family-headings); font-size: 1.07rem; hyphens: auto;}
#header {background: var(--bg_body);}
.row {width:100%;}
main .h1, main h1 {font-size: 1.5rem; font-weight: 400; }
main .h2, main h2 {font-size: 1.3rem; font-weight: 400; }
main .h3, main h3 {font-size: 1.2rem; font-weight: 400; }
main a {color: var(--template-bg-dark-90); text-decoration: none !important;}
a {text-decoration: none !important;}

a.brand-logo span {color: var(--template-bg-dark-90) !important;}

h1.hgd_header {
    border-bottom: 1px solid var(--cassiopeia-color-primary);
    margin-bottom: 1.5rem;
}

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

body.wrapper-fluid .site-grid {grid-gap: 0 0em;}
site-grid > [class*=" container-"], .site-grid > [class^="container-"] {-webkit-column-gap: 0em; -moz-column-gap: 0em; column-gap: 0em;}

.container-component > * + *, .container-component > :first-child, .container-sidebar-left > * + *, .container-sidebar-left > :first-child, .container-sidebar-right > * + *, .container-sidebar-right > :first-child {margin-top: 0em;}
.container-component {margin-top: 0rem;}

.template-root {background:  var(--cassiopeia-color-primary) !important;}
.header.container-header.full-width {display: grid; grid-template-columns: 1fr; grid-gap: 0 1em; align-items: center;}
.container-header .site-description {white-space: nowrap;}
.container-header .grid-child:first-child {grid-column: 1/2;}
.container-header .container-nav {grid-column: 1/6;}
.container-header .container-nav {padding-bottom: 0em;}

.container-header {z-index: 99999; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px inset !important;}
.container-header .container-nav {display: grid; align-items: flex-end;}

.container-header {background-color: var(--white); background-image: none;}
main .com-content-article {margin-top: 2rem; margin-bottom: 2rem;}
.com-content-article.item-page ul.fields-container {display: none;}

.container-header .navbar-brand img {width: 15rem; min-width: 15rem; padding: .07em 0;}
.container-header .container-nav {justify-content: center;}
.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);}
.CB_Container {padding: 0 .8rem;}
.CB_Container .fal, .CB_Container .far {padding: 0 .4rem;;}
.CB_Container a.btn {padding: .7rem 1.5rem; letter-spacing: .05rem;}
.CB_itembg {min-height: 100%;}

.metismenu-item a {color: var(--template-bg-dark-80);}
.metismenu-item a, .metismenu.mod-menu .mm-toggler {padding: .5em 1em;}
ul .metismenu-item.active ul li a {background: var(--white); color: var(--cassiopeia-color-primary) !important;}
ul .metismenu-item.active ul li.active a, ul .metismenu-item.active ul li:hover a {background: var(--cassiopeia-color-primary); color: var(--white) !important;}
.metismenu-item a:hover, .metismenu-item.active a, .metismenu.mod-menu .mm-toggler:hover {background: var(--cassiopeia-color-primary); color: var(--white) !important;}
.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 img {display:  none;}

#mod-hgd-contentbuilder115 .separator_bottom svg { transform:rotate(180deg);}
#mod-hgd-contentbuilder115 .separator_bottom {bottom: -1px;}

#mod-hgd-contentbuilder116 .fas {font-size: 1rem; color: var(--template-bg-dark-90);} 
#mod-hgd-contentbuilder116 .card-body {padding: 0;} 
#mod-hgd-contentbuilder116 div.card img {max-width: 20rem;}
#mod-hgd-contentbuilder116 ul.cb_menu {padding-left: 0;list-style: none;}
#mod-hgd-contentbuilder116 a { transition: all ease .4s;color: var(--template-bg-dark-90);}
#mod-hgd-contentbuilder116 a:hover {color: var(--cassiopeia-color-hover);}
#mod-hgd-contentbuilder116 .table > :not(caption) > * > * {padding: 0; border-bottom: 0;}
#mod-hgd-contentbuilder116 p {color: var(--template-bg-dark-90);}
#mod-hgd-contentbuilder116 h5 {color: var(--template-bg-dark-90);}
#mod-hgd-contentbuilder116 address {margin-top: 0 !important;}
#mod-hgd-contentbuilder116 .svg-inline--fa {margin-right: .7rem;}
#mod-hgd-contentbuilder116 .table {width: 100%; max-width: 350px; color: var(--template-bg-dark-90);}
#mod-hgd-contentbuilder116 .table td, #mod-hgd-contentbuilder116 .table a {color: var(--template-bg-dark-90);}


span.bheader1 {margin-left: 10%; color: var(--cassiopeia-color-primary) !important; float: none; display: block; font-size: 1.8rem;}
span.bheader2 {margin-left: 10%; color: var(--cassiopeia-color-primary) !important; font-size: 3rem;}
span.bheader3 {font-size: 1.45rem; margin-left: 0.6rem; color: var(--cassiopeia-color-primary) !important;}
.bottom-header-gelb {background: #ffff01; width: 90%; height: 2rem; margin-top: -2.7rem;}

.topbar-header {position: relative; z-index: 2; } 
span.theader1 {color: var(--cassiopeia-color-primary) !important; float: none; display: block; font-size: 3rem;}
span.theader2 {color: var(--cassiopeia-color-primary) !important; font-size: 5.1rem;}
span.theader3 {font-size: 2.5rem; margin-left: 0.8rem; color: var(--cassiopeia-color-primary) !important;}
.topbar-header-gelb {position: relative; z-index: 1; background: #ffff01; width: 100%; height: 4rem; margin-top: -4.35rem;}


#mod-hgd-contentbuilder130 .cbi1302 .uk-card {box-shadow: 0 0 5px  var(--cassiopeia-color-primary); transition: all ease .5s;}
#mod-hgd-contentbuilder130 .cbi1302 .uk-card .uk-card-title {background: transparent !important; color: var(--cassiopeia-color-primary) !important; transition: all ease .5s;}
#mod-hgd-contentbuilder130 .svg-inline--fa {color: var(--cassiopeia-color-primary) !important; transition: all ease .5s;}
#mod-hgd-contentbuilder130 .cbi1302 .uk-card:hover {background: var(--template-bg-dark-70);}
#mod-hgd-contentbuilder130 .cbi1302 .uk-card:hover .uk-card-title, #mod-hgd-contentbuilder130 .cbi1302 .uk-card:hover .svg-inline--fa {color: var(--white) !important;}

#mod-custom133 {background: var(--white); font-size: .8rem;}
#mod-custom133 .template-root {padding: .4rem 0;}
#mod-custom133  .svg-inline--fa {font-size: 1rem; margin-right: .4rem;}



.row.hgd-cards {--gutter-y: 0; --gutter-x: 0em;}

.container-component {padding: 0rem !important;}
body.wrapper-fluid footer > .grid-child {justify-content: between; padding: .8rem !important;}
body.wrapper-fluid header > .grid-child {justify-content: between; padding: 0 .8rem !important;}
.footer {background-color: var(--cassiopeia-color-primary); background-image: linear-gradient(135deg,var(--cassiopeia-color-primary),var(--cassiopeia-color-primary)); margin-top: 0;}
.footer2 a {text-decoration: none; font-size: .8rem; font-weight: 300;}

.com-contact__form.contact-form {width: 50%;}
.form-control {width: 100%; color: var(--cassiopeia-color-hover);
    border: 1px solid var(--cassiopeia-color-hover);
        border-top-color: var(--cassiopeia-color-hover);
        border-right-color: var(--cassiopeia-color-hover);
        border-bottom-color: var(--cassiopeia-color-hover);
        border-left-color: 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);}

.accordion-button {
    font-family: "Font Awesome 5 Pro";
}
.accordion-button::after {
    content: "\f078" !important;
    background-image: none !important;
}
.accordion-item h3.accordion-header button {border-bottom: 1px solid var(--cassiopeia-color-hover) !important; }
.accordion-button:not(.collapsed) {
    color: var(--white) !important;
    background-color: var(--cassiopeia-color-hover) !important;
    box-shadow: inset 0 0 0 rgba(0,0,0,0);
}

.separator_top { 
    display: grid;
    width: 100%;
    position: absolute;
    z-index: 0;
}
.separator_top_out { 
    display: grid;
    align-items: end;
    width: 100%;
    z-index: 0;
}

.separator_top svg, .separator_top img { 
	transform:rotate(180deg);
}

.separator_bottom { 
    display: grid;
    width: 100%;
    align-items: end;
    position: absolute;
    bottom: 0;
}
.separator_bottom_out { 
    display: grid;
    align-items: flex-start;
    width: 100%;
    z-index: 0;
}

.separator_bottom svg, .separator_bottom img, .separator_bottom_out svg, .separator_bottom_out img { 
	transform:rotate(0deg);
}

.kontaktformular {margin-bottom: 5rem;}
.com-contact__container {display: block;}
.com-contact__container .com-contact__info {grid-row: inherit;}

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

@media screen and (max-width: 1440px) {
  .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) {
.topbar-header {position: relative; z-index: 2; } 
span.theader1 {color: var(--cassiopeia-color-primary) !important; float: none; display: block; font-size: 1.8rem;}
span.theader2 {color: var(--cassiopeia-color-primary) !important; font-size: 3rem;}
span.theader3 {font-size: 1.2rem; margin-left: 0.8rem; color: var(--cassiopeia-color-primary) !important;}
.topbar-header-gelb {background: #ffff01; width: 90%; height: 2rem; margin-top: -2.6rem;}

span.bheader1 {margin-left: 0%; color: var(--cassiopeia-color-primary) !important; float: none; display: block; font-size: 1.1rem;}
span.bheader2 {margin-left: 0%; color: var(--cassiopeia-color-primary) !important; font-size: 1.3rem;}
span.bheader3 {font-size: .6rem; margin-left: 0.6rem; color: var(--cassiopeia-color-primary) !important;}
.bottom-header-gelb {background: #ffff01; width: 100%; height: 1.5rem; margin-top: -1.4rem;}
}

@media screen and (max-width: 768px) {
.topbar-header {position: relative; z-index: 2; } 
span.theader1 {color: var(--cassiopeia-color-primary) !important; float: none; display: block; font-size: 1.8rem;}
span.theader2 {color: var(--cassiopeia-color-primary) !important; font-size: 3rem;}
span.theader3 {font-size: 1.2rem; margin-left: 0.8rem; color: var(--cassiopeia-color-primary) !important;}
.topbar-header-gelb {background: #ffff01; width: 90%; height: 2rem; margin-top: -2.6rem;}

span.bheader1 {margin-left: 0%; color: var(--cassiopeia-color-primary); float: none; display: block; font-size: 1.2rem;}
span.bheader2 {margin-left: 0%; color: var(--cassiopeia-color-primary); font-size: 1.5rem;}
span.bheader3 {font-size: 1.05rem; margin-left: 0.6rem; color: var(--cassiopeia-color-primary);}
.bottom-header-gelb {display: none;}

    .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);}
    .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) {
  .topbar-header {position: relative; z-index: 2;  padding: 0 1rem;} 
span.theader1 {color: var(--cassiopeia-color-primary) !important; float: none; display: block; font-size: 1.5rem;}
span.theader2 {color: var(--cassiopeia-color-primary) !important; font-size: 1.7rem;}
span.theader3 {font-size: 1rem; margin-left: 0.8rem; color: var(--cassiopeia-color-primary) !important;}
.topbar-header-gelb {display: none;}

span.bheader1 {margin-left: 0%; color: var(--cassiopeia-color-primary) !important; float: none; display: block; font-size: 1.2rem;}
span.bheader2 {margin-left: 0%; color: var(--cassiopeia-color-primary) !important; font-size: 1.5rem;}
span.bheader3 {font-size: 1.05rem; margin-left: 0.6rem; color: var(--cassiopeia-color-primary) !important;}
.bottom-header-gelb {display: none;}

  #mod-hgd-contentbuilder112 .img-scale {height: 16rem;}
  #mod-hgd-contentbuilder126 .g-5, #mod-hgd-contentbuilder126 .gx-5 {--gutter-x: 0rem;}
  #mod-hgd-contentbuilder126 .hgd-video {height: 300px; border-bottom-right-radius: 0rem;}
  .header.container-header.full-width {grid-template-columns: 1fr;}
  .container-header .grid-child:first-child {grid-column: 1/3;}
  .CB_Container a.btn {padding: .7rem .5rem;}
  .container-header .navbar-brand {width: 100%; text-align: 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;}
    #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;}

@keyframes effect {
    0% {
        transform: scale(1, 1);
    }
    25% {
        transform: scale(1.5, 0.5);
    }

    50% {
        transform: scale(0.5, 1.5);  
    }

    75% {
        transform: scale(1.5, 0.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

@keyframes wiggle {
  0%, 7% {
    transform: rotateZ(0);
  }
  15% {
    transform: rotateZ(-15deg);
  }
  20% {
    transform: rotateZ(10deg);
  }
  25% {
    transform: rotateZ(-10deg);
  }
  30% {
    transform: rotateZ(6deg);
  }
  35% {
    transform: rotateZ(-4deg);
  }
  40%, 100% {
    transform: rotateZ(0);
  }
}

.rotate-center {
	-webkit-animation: rotate-center 0.6s ease-in-out both;
	        animation: rotate-center 0.6s ease-in-out both;
}

@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
       transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
      transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.card-header {border-bottom: 0px solid rgba(255,255,255,0) !important;}

.uk-overlay {margin: 1rem;}
.card-img-overlay {padding: 2rem; color: var(--white); top: 17rem; opacity: 0; transition: all ease .8s; overflow: hidden;}

.card-img-overlay .card-text, .card-img-overlay .card-title {color: var(--white); transition: all ease .5s .2s; line-height: 0rem;}
.card:hover .card-img-overlay .card-text, .card:hover .card-img-overlay .card-title {line-height: 1.4rem;}
.card-img-overlay a {color: var(--white); transition: all ease .5s;}
.card-img-overlay a:hover {letter-spacing: .05rem;}
.card-img-top {transition: all ease .5s;}
.card:hover .card-img-top {filter: brightness(60%);}
.card:hover .card-img-overlay {top: 1rem; opacity: 1;}

.hgd-extra {box-shadow: 0 0 5px  var(--cassiopeia-color-primary); text-align: center; padding-top:  clamp(1rem, 2.5vw, 5rem);  padding-bottom:  clamp(1rem, 2.5vw, 5rem); padding-left: clamp(3rem, 10vw, 15rem); padding-right: clamp(3rem, 10vw, 15rem); hyphens: none;}
.hgd-extra h2 {color: var(--template-bg-dark-90);}


ul.ul-check {list-style: none !important;}
ul.ul-check li  {display: flex; align-items: baseline;}
ul.ul-check 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-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: "\f343" !important; background-image: none !important; color: var(--cassiopeia-color-primary) !important; margin-right: .5rem;}

.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) !important;}

small {font-size: 70%;}