.template-root {background:  var(--cassiopeia-color-primary) !important; color: var(--white) !important;}
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;}

.template-root-a {background:  var(--template-bg-dark-80); color: var(--white);}
.template-root-a a {border: .05rem solid  var(--template-bg-dark-30); color: var(--white);}
.template-root-a a:hover {border: .05rem solid  var(--cassiopeia-color-hover); color: var(--white);}
.template-root-a a svg.svg-inline--fa {margin-left: .3rem;}

.com-content-article__body .template-root .heading-small {
  color: var(--white) !important; 
  text-align: center; 
  font-size: 2.5rem;
}

body {color: var(--template-bg-dark-90); font-size: 1.075rem; hyphens: auto;}
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;}

.row {width:100%;}
main .h1, main h1 {font-size: clamp(2rem, 5vw, 3rem); font-weight: 400;}
main .h2, main h2 {font-size: clamp(1.5rem, vw, 2.4rem); font-weight: 400;}
main .h3, main h3 {font-size: clamp(1.3rem, 5vw, 2rem); font-weight: 400;}
main a {color: #512105; 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;}

.uk-card-default .uk-card-header {height: 80%;}

.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: minmax(0,1fr) repeat(4,minmax(0,19.875rem)) minmax(0,1fr); grid-gap: 0 1em; align-items: end;}*/
#header .container{
  position: relative;
  display: grid;
  grid-template-columns: 1fr 2fr;
  justify-content: space-between;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.container-header .grid-child{
  padding: 0px;
}
.container-header .site-description {white-space: nowrap;}
/*
.container-header .grid-child:first-child {grid-column: 2/2;}
.container-header .container-nav {grid-column: 3/6;}*/
.container-header .container-nav {padding-bottom: 0em;}
.container-header {z-index: 99999;}
.container-header .container-nav {
  justify-content: end;
  align-self: center;
}
.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;}
.container-banner {margin: 0;}
main .com-content-article {margin-top: 2rem; margin-bottom: 2rem;}
.com-content-article.item-page ul.fields-container {display: none;}


#mod-hgd-contentbuilder115 .cbi1152 h3.head0,
#mod-hgd-contentbuilder135 .cbi1351 h4.head1{
  font-weight: 100 !important;
  text-transform: uppercase;
  scale: 1 0.75;
}
#mod-hgd-contentbuilder115 .cbi1152 h2.head1{
  margin: 0;
  translate: 0px -20px;
}
#mod-hgd-contentbuilder115 .cbi1152 h2.head1,
#mod-hgd-contentbuilder135 .cbi1351 h2.head0{
  text-transform: uppercase;
  scale: 1 0.75;
}
#mod-hgd-contentbuilder135 .cbi1351 h4.head1{
  translate: 0px -10px;
}

/* LOGO */
.container-header .navbar-brand img {
  width: 350px; 
  min-width: initial; 
  padding: .09em 0;
}

/* MENU */
.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 .9em;}
.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;}
#navbar1 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;
  text-transform: uppercase;
}

.metismenu-item.deeper.parent:last-child > ul {left: -70%;}

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

/* MODULE */
#mod-hgd-contentbuilder116 .fal {font-size: 1rem;} 
#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;}
#mod-hgd-contentbuilder116 a:hover {color: var(--cassiopeia-color-hover);}
#mod-hgd-contentbuilder116 .table > :not(caption) > * > * {padding: 0; border-bottom: 0;}
#mod-hgd-contentbuilder116 h3 {border-bottom: 1px solid var(--template-bg-dark-50);}
#mod-hgd-contentbuilder116 address {margin-top: 0 !important;}

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

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

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


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

.card-bl .card {border: 0 !important;}

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;}
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: "\f058" !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: "\f2ee" !important; background-image: none !important; color: var(--warning) !important; margin-right: .5rem;}
ul.ul-shield {list-style: none;}
ul.ul-shield li {display: flex; align-items: baseline;}
ul.ul-shield li::before {font-family: "Font Awesome 6 Pro"; content: "\f2f7" !important; background-image: none !important; color: var(--success) !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;}


/* 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.level-1 a:before {
  max-width: 90%;
  margin: 0 auto;
}
#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);}



.home main{
  translate: 0px -75px;
  position: relative;
  z-index: 100;
}

#mod-hgd-contentbuilder149{
  margin-bottom: 50px;
}
#mod-hgd-contentbuilder149 .uk-text-center{
  width: 100%;
}
#mod-hgd-contentbuilder149 img{
  max-height: 350px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.bg-gray{
  background: #f3f3f3;
}
.bg-gray-2{
  background: #efefef;
}
.bg-gray p{
  color: #483b34;
  font-size: clamp(22px, 2vw, 35px);
  font-weight: 200;
  line-height: 1.2;
}
.teaser-bg{
  background: url("../../../images/kundenordner/fotos/AdobeStock_222047691-md.webp") no-repeat;
  background-size: cover;
  background-blend-mode: overlay;
  background-color: #483b34;
}
.teaser-bg p{
  color: #fff;
  font-size: clamp(20px, 2vw, 35px);
  font-weight: 200;
}

.home .teaser-bg{
  padding-bottom: 65px !important;
}

.textur .grid-element{
  background: url("../../../images/kundenordner/fotos/AdobeStock_222047691-md.webp") no-repeat;
  background-size: 200%;
  background-position: 70% 10%;
  background-blend-mode: multiply;
  background-color: rgb(72 59 52 / 70%);
}

a.jobs{
  background-color: rgba(31, 26, 23, 1);
  color: #cecece;
  font-size: clamp(20px, 2vw, 22px);
  transition: all ease .35s;
  border-radius: 0px;
  translate: 0 -90px;
  padding: 20px 35px;
  box-shadow: rgb(176 149 119 / 5%) 0px 6px 12px -6px, rgb(229 224 221 / 10%) 0px 3px 20px 9px;
}
a.jobs:hover{
  background-color: rgba(31, 26, 23, 1);
  color: #fff;
  scale: 1.05;
  box-shadow: rgb(176 149 119 / 15%) 0px 6px 12px -6px, rgb(229 224 221 / 20%) 0px 3px 20px 9px;
}

.dark-bg{
  background: #3d1805;
  color: #fff;
}


#mod-hgd-contentbuilder135 .CB_Container{
  background: url("../../../images/kundenordner/fotos/AdobeStock_222047691.webp") no-repeat;
  background-size: cover;
  background-blend-mode: overlay;
  background-color: #483b34;
}
#mod-hgd-contentbuilder135 .cbi1352 .ul li a,
#mod-hgd-contentbuilder135 .cbi1352 .crd2 a{
  color: #ddd !important;
}
#mod-hgd-contentbuilder135 .cbi1352 .ul li a:hover,
#mod-hgd-contentbuilder135 .cbi1352 .crd2 a:hover{
  color: #fff !important;
}
#mod-hgd-contentbuilder135 .mk-footer nav ul li::before {
  color: #ddd !important;
}
#mod-hgd-contentbuilder135 .mk-footer nav ul li:hover::before {
  color: #fff !important;
}


.mk-footer .card h3 {
  width: fit-content;
}

.footer {
  background: #281005;
  font-size: .9rem; 
  font-weight: 300;
  background-image: none;
  margin-top: 0;
  color: #ccc;
}
.footer2 a {
  text-decoration: none; 
}
.container.mod-footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.footer2{
  text-align: right;
}

.com_contact h1{
  text-transform: uppercase;
  scale: 1 0.75;
}

.referenzen .container-component section{
  scroll-behavior: smooth;
  scroll-margin-top: 135px;
}
.referenzen .container-component section .uk-h3{
  text-transform: uppercase;
  scale: 1 0.75;
}
.referenzen .container-component section .uk-heading-small{
  font-size: clamp(24px, 2vw, 45px);
}

@media screen and (min-width: 992px) {
  .referenzen-nav{
    /*background: url("../../../images/kundenordner/fotos/AdobeStock_222047691-md.webp") no-repeat;
    background-size: cover;
    background-blend-mode: overlay;
    background-color: #483b34; */
    position: sticky;
    top: var(--headerHeight);
    z-index: 2;
  }
}
.referenzen-nav{
  background: #fff;
  padding: 10px 0px 15px;
  gap: 25px;
}
.referenzen-nav a{
  text-align: center;
  display: block;
  color: #483b34;
  padding: 10px 15px;
  border: 2px solid #483b34;
  font-size: clamp(12px, 2vw, 15px);
  transition: all ease .35s;
}
.referenzen-nav a:hover{
  background: #392d30;
  color: #fff;
  scale: 1.05;
}


.leistungen .container-component .template-root{
  display: grid;
  place-items: center;
  background: #512105 !important;
  background: radial-gradient(circle, rgb(84 50 35) 0%, rgb(65 28 7) 75%, rgb(52 24 9) 100%) !important;
}


.main-bottom.jobs {
  margin: 100px 0px 50px;
  scroll-behavior: smooth;
  scroll-margin-top: 135px;
}

.jobs .mod-jf-article-layouts_item a{
  display: grid;
  align-items: center;
  height: 100%;
  text-align: center;
  background: rgb(0 0 0 / 55%) url("../../../images/kundenordner/fotos/AdobeStock_222047691-md.webp") no-repeat !important;
  background-position: 50% 80%;
  background-size: cover !important;
  background-blend-mode: color-burn;
  padding: 50px;
  color: #fff;
  transition: all ease .35s;
}
.jobs .mod-jf-article-layouts_item a:hover{
  background: rgb(0 0 0 / 72%) url("../../../images/kundenordner/fotos/AdobeStock_222047691-md.webp") no-repeat !important;
  background-position: 50% 80%;
  background-size: cover !important;
}
.jobs .mod-jf-article-layouts_item .item-cnt{
  transition: all ease .35s;
}
.jobs .mod-jf-article-layouts_item a:hover .item-cnt{
  scale: 1.05
}

body.jobs .blog-item{
  height: 100%;
  display: contents;
}
body.jobs .blog-item a{
  display: grid;
  align-items: center;
  height: 100%;
  text-align: center;
  background: rgb(0 0 0 / 55%) url("../../../images/kundenordner/fotos/AdobeStock_222047691-md.webp") no-repeat !important;
  background-position: 50% 80%;
  background-size: cover !important;
  background-blend-mode: color-burn;
  padding: 50px;
  color: #fff;
  transition: all ease .35s;
}
body.jobs .blog-item a:hover{
  background: rgb(0 0 0 / 72%) url("../../../images/kundenordner/fotos/AdobeStock_222047691-md.webp") no-repeat !important;
  background-position: 50% 80%;
  background-size: cover !important;
}
body.jobs .blog-item .cnt{
  transition: all ease .35s;
}
body.jobs .blog-item a:hover .cnt{
  scale: 1.05
}

body.jobs.view-article .jobs-text,
body.jobs.view-article .page-header h1{
  display: none;
}
body.jobs .bg-gray p{
  color: #483b34;
  font-size: clamp(22px, 2vw, 35px);
  font-weight: 500;
  line-height: 1.2;
}

body.jobs.view-article main ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
body.jobs.view-article main ul li {
  background: url('../../../images/check.svg') no-repeat 0px 5px;
  background-size: 15px;
  padding-left: 22px;
  margin-bottom: 2px;
}

.job-cta a.btn{
  background-color: rgba(31, 26, 23, 1);
  color: #cecece;
  font-size: clamp(16px, 2vw, 18px);
  transition: all ease .25s;
  border-radius: 0px;
  padding: 20px 35px;
  display: block;
  background: rgb(0 0 0 / 55%) url("../../../images/kundenordner/fotos/AdobeStock_222047691-md.webp") no-repeat !important;
  background-position: 50% 80%;
  background-size: cover !important;
  background-blend-mode: color-burn;
  box-shadow: rgb(176 149 119 / 5%) 0px 6px 12px -6px, rgb(229 224 221 / 10%) 0px 3px 20px 9px;
}
.job-cta a.btn:hover{
  background-color: rgba(31, 26, 23, 1);
  color: #fff;
  scale: 1.035;
  box-shadow: rgb(176 149 119 / 15%) 0px 6px 12px -6px, rgb(229 224 221 / 20%) 0px 3px 20px 9px;
}
.job-cta a{
  color: #cecece;
}
.job-cta a:hover{
  color: #fff;
}


.jobs .card-body{
  background: rgb(0 0 0 / 62%) url("../../../images/kundenordner/fotos/AdobeStock_222047691-md.webp") no-repeat !important;
  background-position: 50% 80%;
  background-size: cover !important;
  background-blend-mode: color-burn;
}
.jobs .card-footer{
  background: #b28e5f;
}
.jobs .card-footer a{
  background: #1e3148;
  transition: all ease .35s;
}
.jobs .card-footer a:hover{
  scale: 1.05;
}

#mod-hgd-contentbuilder149 img{
  min-height: 275px;
  object-fit: cover;
}

#mod-hgd-contentbuilder115 .mkoverlay{
  background-position: 50% 15%;
  background-repeat: no-repeat;
  background-size: contain;
}

#mod-hgd-contentbuilder149 .CB_Container,
#mod-hgd-contentbuilder149 .CB_Container .container {
  padding: 0;
} 
#mod-hgd-contentbuilder149 .uk-overlay-primary {
  background: rgb(64 37 20 / 90%);
}

#mod-hgd-contentbuilder149 .row .col-md-6:nth-child(2) {
  padding-left: 0 !important;
}
#mod-hgd-contentbuilder149 .row .col-md-6:last-child {
  padding-right: 0 !important;
}

#mod-hgd-contentbuilder149 .cbi1491 h2.head0 {
  line-height: 1.2 !important;
}

.view-contact .page-header{
  margin-bottom: 35px;
}
.view-contact h3{
  display: none;
}
.view-contact button.validate{
  border-radius: 0px;
}
.view-contact .jicons-icons img{
  width: 18px;
}
.view-contact .contact-name{
  display: grid;
}
.view-contact .contact-name .name:first-child{
  font-size: clamp(26px, 5vw, 45px);
}
.view-contact .contact-name .name:last-child{
  font-size: clamp(26px, 5vw, 45px);
  font-weight: 100 !important;
  text-transform: uppercase;
  translate: 0px -5px;
}
.view-contact dl.dl-horizontal {
    display: grid;
    grid-template-columns: auto 1fr;
}
.com-contact__container .com-contact__info {
    grid-column: 1/3;
    grid-row: 3/4;
}
dl.dl-horizontal dt {
    grid-column-start: 1;
    grid-column-end: 2;
}
dl.dl-horizontal dd {
    grid-column-start: 2;
    grid-column-end: 3;
    padding: 0 0 0 1em;
    margin-bottom: 0;
}

.icons{display: none;}

/* --------------------------------------------------------------------------------------------  */
/* ------------------------------------ Extending Classes -------------------------------------  */
/* --------------------------------------------------------------------------------------------  */

.b-shadow-01{
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.b-shadow-02{
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.b-shadow-03{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.b-shadow-04{
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.b-shadow-05{
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.b-shadow-06{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.b-shadow-07{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.b-shadow-08{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.b-shadow-09{
  box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.b-shadow-10{
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.fw-100{
  font-weight: 100 !important;
}
.fw-200{
  font-weight: 200 !important;
}
.fw-300{
  font-weight: 300 !important;
}
.fw-400{
  font-weight: 400 !important;
}
.fw-500{
  font-weight: 500 !important;
}
.fw-600{
  font-weight: 500 !important;
}
.fw-700{
  font-weight: 700 !important;
}
.fw-800{
  font-weight: 800 !important;
}


.lowercase{
  text-transform: lowercase;
}
.uppercase{
  text-transform: uppercase;
}

.width-fit{
  width: fit-content;
}

.pt-6{padding-top:6rem!important}
.pt-7{padding-top:7rem!important}
.pt-8{padding-top:8rem!important}
.pt-9{padding-top:9rem!important}
.pt-10{padding-top:10rem!important}
.pt-11{padding-top:11rem!important}
.pt-12{padding-top:12rem!important}
.pt-13{padding-top:13rem!important}
.pt-14{padding-top:14rem!important}
.pt-15{padding-top:15rem!important}

.pb-6{padding-bottom:6rem!important}
.pb-7{padding-bottom:7rem!important}
.pb-8{padding-bottom:8rem!important}
.pb-9{padding-bottom:9rem!important}
.pb-10{padding-bottom:10rem!important}
.pb-11{padding-bottom:11rem!important}
.pb-12{padding-bottom:12rem!important}
.pb-13{padding-bottom:13rem!important}
.pb-14{padding-bottom:14rem!important}
.pb-15{padding-bottom:15rem!important}

.mt-6{margin-top:6rem!important}
.mt-7{margin-top:7rem!important}
.mt-8{margin-top:8rem!important}
.mt-9{margin-top:9rem!important}
.mt-10{margin-top:10rem!important}
.mt-11{margin-top:11rem!important}
.mt-12{margin-top:12rem!important}
.mt-13{margin-top:13rem!important}
.mt-14{margin-top:14rem!important}
.mt-15{margin-top:15rem!important}

.mb-6{margin-bottom:6rem!important}
.mb-7{margin-bottom:7rem!important}
.mb-8{margin-bottom:8rem!important}
.mb-9{margin-bottom:9rem!important}
.mb-10{margin-bottom:10rem!important}
.mb-11{margin-bottom:11rem!important}
.mb-12{margin-bottom:12rem!important}
.mb-13{margin-bottom:13rem!important}
.mb-14{margin-bottom:14rem!important}
.mb-15{margin-bottom:15rem!important}

.m-auto{margin: 0 auto;}

.w-0{width:0%}
.w-5{width:5%}
.w-10{width:10%}
.w-15{width:15%}
.w-20{width:20%}
.w-25{width:25%}
.w-30{width:30%}
.w-35{width:35%}
.w-40{width:40%}
.w-45{width:45%}
.w-50{width:50%}
.w-55{width:55%}
.w-60{width:60%}
.w-65{width:65%}
.w-70{width:70%}
.w-75{width:75%}
.w-80{width:80%}
.w-85{width:85%}
.w-90{width:90%}
.w-95{width:95%}
.w-100{width:100%}

@media screen and (max-width: 992px) {
  .w-50,.w-55,.w-60,.w-65,.w-70,.w-75,.w-80,.w-85,.w-90,.w-95{width:100%!important}
}

.grid{display:grid}
.grid-inline{display:inline-grid}

.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-5{grid-template-columns:repeat(5,1fr)}
.grid-6{grid-template-columns:repeat(6,1fr)}
.grid-7{grid-template-columns:repeat(7,1fr)}
.grid-8{grid-template-columns:repeat(8,1fr)}
.grid-9{grid-template-columns:repeat(9,1fr)}
.grid-10{grid-template-columns:repeat(10,1fr)}
.grid-11{grid-template-columns:repeat(11,1fr)}
.grid-12{grid-template-columns:repeat(12,1fr)}

.grid-2-auto{grid-template-columns:repeat(2,auto)}
.grid-3-auto{grid-template-columns:repeat(3,auto)}
.grid-4-auto{grid-template-columns:repeat(4,auto)}
.grid-5-auto{grid-template-columns:repeat(5,auto)}

.gridcol-1-11{grid-template-columns:1fr 11fr}
.gridcol-2-10{grid-template-columns:2fr 10fr}
.gridcol-3-9{grid-template-columns:3fr 9fr}
.gridcol-4-8{grid-template-columns:4fr 8fr}
.gridcol-5-7{grid-template-columns:5fr 7fr}
.gridcol-6-6{grid-template-columns:6fr 6fr}
.gridcol-7-5{grid-template-columns:7fr 5fr}
.gridcol-8-4{grid-template-columns:8fr 4fr}
.gridcol-9-3{grid-template-columns:9fr 3fr}
.gridcol-10-2{grid-template-columns:10fr 2fr}
.gridcol-11-1{grid-template-columns:11fr 1fr}

.gridcol-4-4-4{grid-template-columns:4fr 4fr 4fr}
.gridcol-3-6-3{grid-template-columns:3fr 6fr 3fr}
.gridcol-2-8-2{grid-template-columns:2fr 8fr 2fr}
.gridcol-1-10-1{grid-template-columns:1fr 4fr 1fr}

.gridcol-2-6-4{grid-template-columns:2fr 4fr 4fr}
.gridcol-6-3-3{grid-template-columns:3fr 6fr 3fr}
.gridcol-4-6-2{grid-template-columns:4fr 6fr 2fr}
.gridcol-3-3-6{grid-template-columns:1fr 4fr 1fr}

.gridcol-sp-2{grid-column: span 2}
.gridcol-sp-3{grid-column: span 3}
.gridcol-sp-4{grid-column: span 4}
.gridcol-sp-5{grid-column: span 5}

.gridcol-pos-2{grid-column: 2}
.gridcol-pos-3{grid-column: 3}
.gridcol-pos-4{grid-column: 4}
.gridcol-pos-5{grid-column: 5}

.gap-10{gap:10px}
.gap-15{gap:15px}
.gap-20{gap:20px}
.gap-25{gap:25px}
.gap-30{gap:30px}
.gap-35{gap:35px}
.gap-40{gap:40px}
.gap-45{gap:45px}
.gap-50{gap:50px}
.gap-55{gap:55px}
.gap-60{gap:60px}
.gap-65{gap:65px}
.gap-70{gap:70px}
.gap-75{gap:75px}
.gap-80{gap:80px}
.gap-85{gap:85px}
.gap-90{gap:90px}
.gap-95{gap:95px}
.gap-100{gap:100px}
.gap-105{gap:105px}
.gap-110{gap:110px}
.gap-115{gap:115px}
.gap-120{gap:120px}
.gap-125{gap:125px}
.gap-130{gap:130px}
.gap-135{gap:135px}
.gap-140{gap:140px}
.gap-145{gap:145px}
.gap-150{gap:150px}

.rgap-10{row-gap:10px}
.rgap-15{row-gap:15px}
.rgap-20{row-gap:20px}
.rgap-25{row-gap:25px}
.rgap-30{row-gap:30px}
.rgap-35{row-gap:35px}
.rgap-40{row-gap:40px}
.rgap-45{row-gap:45px}
.rgap-50{row-gap:50px}
.rgap-55{row-gap:55px}
.rgap-60{row-gap:60px}
.rgap-65{row-gap:65px}
.rgap-70{row-gap:70px}
.rgap-75{row-gap:75px}
.rgap-80{row-gap:80px}
.rgap-85{row-gap:85px}
.rgap-90{row-gap:90px}
.rgap-95{row-gap:95px}
.rgap-100{row-gap:100px}
.rgap-105{row-gap:105px}
.rgap-110{row-gap:110px}
.rgap-115{row-gap:115px}
.rgap-120{row-gap:120px}
.rgap-125{row-gap:125px}
.rgap-130{row-gap:130px}
.rgap-135{row-gap:135px}
.rgap-140{row-gap:140px}
.rgap-145{row-gap:145px}
.rgap-150{row-gap:150px}

@media screen and (max-width: 992px) {
  .grid-2{
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-3{
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-4,
  .grid-5{
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-6{
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-2-auto{
    grid-template-columns: repeat(2, auto);
  }
  .grid-3-auto{
    grid-template-columns: repeat(1, auto);
  }
  .grid-4-auto,
  .grid-5-auto{
    grid-template-columns: repeat(2, auto);
  }
  .gridcol-11-1,
  .gridcol-10-2,
  .gridcol-9-3,
  .gridcol-8-4,
  .gridcol-7-5,
  .gridcol-6-6,
  .gridcol-5-7,
  .gridcol-4-8,
  .gridcol-3-9,
  .gridcol-2-10,
  .gridcol-1-11{
    grid-template-columns: 1fr;
  }
  
}


@media screen and (max-width: 768px) {
  .grid-2,
  .grid-3,
  .grid-4{
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-6{
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-2-auto{
    grid-template-columns: repeat(1, auto);
  }
  .grid-3-auto{
    grid-template-columns: repeat(1, auto);
  }
  .grid-4-auto{
    grid-template-columns: repeat(1, auto);
  }
  
  .w-55, .w-60, .w-65, .w-70, .w-75, .w-80, .w-85, .w-90, .w-95{
    width: 100%;
  }
  
  .gap-75 {
    gap: 10px !important;
  }
  .gap-50 {
    gap: 35px !important;
  }
  
}

@media screen and (max-width: 576px) {
  .grid-6{
    grid-template-columns: repeat(1, 1fr);
  }
}

/* -----------------------------------------------------------------------------------  */
/* ------------------------- Usercentrics + Back2Top Button --------------------------  */
/* -----------------------------------------------------------------------------------  */

:root {
  --btns-width: 50px;
  --btns-height: 50px;
  --btns-position: absolute;
  --btns-bg-color: #fff;
  --btns-bg-color-active:  #fff;
  --btns-color: #3d1805;
  --btns-border: 1px solid #3d1805;
  --btns-border-radius: 5px;
  --btn-backtop-size: 23px; /* font-size for arrow icon */
  --btn-uc-size: 1.2; /* scaling of the fingerprint icon */
  --btns-box-shadow: none;
  --btns-xl-mr: 15px;
  --btn-backtop-xl-mb: 150px;
  --btn-uc-xl-mb: calc(var(--btn-backtop-xl-mb) + 65px);
  --btns-sm-mb: 15px;
}

#back-top{
  display: grid;
  place-content: center;
  position: var(--btns-position);
  bottom: var(--btn-backtop-xl-mb);
  right: var(--btns-xl-mr);
  width: var(--btns-width);
  height: var(--btns-height);
  padding: 0px;
  background: var(--btns-bg-color);
  border: var(--btns-border);
  border-radius: var(--btns-border-radius);
  box-shadow: var(--btns-box-shadow);
}
#back-top:hover{
  background: var(--btns-bg-color-active);
}
#back-top span.icon-arrow-up{
  font-size: 25px;
  color: var(--btns-color);
}

@media screen and (max-width: 992px) {
  
  #back-top {
    bottom: var(--btns-sm-mb);
    right: initial;
    place-self: center; /* parent element must be 'display:grid' or 'display:flex'  (cassiopeia's body is 'flex') */
    translate: 40px 0px;
  }
  
  .footer .grid-child {
    padding: 1.5rem 0.5em 5rem;
  }
  
}


/* --------------------------------------------------------------------------------------------  */
/* ------------------------------------ Media Queries -------------------------------------  */
/* --------------------------------------------------------------------------------------------  */

@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: 1200px) {
  .metismenu.mod-menu .metismenu-item {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 992px) {
  .container-header{
      position: relative !important;
    }
    .container-header .container-nav{
      padding: 0px;
      /*height: 65px; */
    }
    .container-header nav {
      background: transparent;
      justify-content: flex-end;
      position: fixed;
      right: 0px;
      top: calc((var(--headerHeight) / 3));
      transition: all ease .4s;
      margin-top: 0px !important;
     }
    .container-header .navbar-collapse{
      background: #3d1805;
      padding: 15px 0px;
    }
    .metismenu.mod-menu .metismenu-item>a,
    .metismenu.mod-menu .metismenu-item>a:active, 
    .metismenu.mod-menu .metismenu-item>button,
    .metismenu.mod-menu .metismenu-item>button:active,
    .metismenu.mod-menu .metismenu-item>span{
      color: #fff;
      width: 100%;
    }
    .container-header .mod-menu li.active a{
      color: #fff;
      text-decoration: underline;
    }
    .container-header .mod-menu li.active a::before{
      display: none;
    }
    
    .metismenu.mod-menu .mm-collapse{
      background: #3d1805;
    }
  
   .container-header.scrolled nav {top: 0px;}
   .container-header nav ul{flex-direction: column !important;}
   .container-header .navbar-toggler {
      border: 0px;
      border-radius: 0px;
      color: #fff;
      background: #3d1805;
      margin-bottom: 0;
    }
    .navbar-toggler:focus{
      box-shadow: none;
    }
   
    .container-topbar .container{
      justify-content: space-between;
    }
    .container-header .container-nav .container{
      display: flex;
      justify-content: center;
    }
    #header .container{
      grid-template-columns: 1fr;
    }
    #header .navbar-brand{
      margin: 0 auto;
    }
    
    .container-banner h3{
      font-size: 2.3rem;
    }
    .container-banner h2{
      font-size: 2.5rem;
    }
    
    .container.mod-footer {
      display: grid;
      grid-template-columns: 1fr;
      gap: 10px;
    }
    .footer1,
    .footer2,
    .mod_jf_dynamic_page_headline .headline {
      text-align: center;
    }
    
    .com-contact__form.contact-form,
    .com-contact__container {
      width: 100%;
      margin-bottom: 35px;
    }
    .fields-container dd{
      padding: 0px !important;
    }
    .com-contact .row{
      margin: 0px;
    }
    
    .textur .grid-element{
      background-size: 200% 120%;
    }
    
}

@media screen and (max-width: 768px) {
    .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;}
    
    .p-5 {
      padding: 35px !important;
    }
    
    .container-banner img {
      max-width: 400px;
      margin-top: 50px;
    }
    
    .home main {
      translate: 0px -2%;
    }
    
    .home .bg-gray p.first{
      margin-bottom: 20px;
    }
    
    .bg-gray-2-sm{
      background: #efefef;
      padding: 25px;
      margin-bottom: 35px;
    }
      
}

@media screen and (max-width: 600px) {
  .shape-divider-top-135 svg {
    translate: 0px -5px;
  }
}


@media screen and (max-width: 428px) {
  /*
  .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;}
    
    .container-header .navbar-brand img {
      width: 235px;
    }
    
    #mod-hgd-contentbuilder135 h2 {
      font-size: 1.6rem;
    }
    
    .uk-background-cover{
      display: none !important;
    }
}

@media screen and (min-width: 992px) {
  /* hides arrows for subemnu on desktop view */
  .metismenu.mod-menu .mm-collapsed.mm-toggler::after,
  .metismenu.mod-menu .mm-toggler::after{
    display: none;
  }
  /* enables submenu on hover  */
  .metismenu.mod-menu .metismenu-item.parent:hover > .mm-collapse{
    display: block;
  }
}