/* lmz optimierung */

.btn-outline-info {
  color: var(--cassiopeia-color-primary) !important;
  border-color: var(--cassiopeia-color-primary) !important;
}
.btn-outline-info:hover {
  color: #fff !important;
  background-color: var(--cassiopeia-color-primary) !important;
  border-color: var(--cassiopeia-color-primary) !important;
}
.banner-slider{
  padding:20px 0;
  overflow: hidden;
}
.banner-slider > div.row > div > div:first-of-type{
  box-shadow: 2px 2px 18px -2px rgba(0,0,0,.75) !important;
}

#usercentrics-button.usercentrics-button.uc-button-bl .uc-privacy-button-wrapper {
  /* right: 20px !important; */
  bottom: 10px !important;
}
.usercentrics-button .uc-privacy-button-wrapper {
  height: 50px !important;
  width: 50px !important;
}
.footer{
  padding-bottom: 50px;
}
.pdf-link{
  float: right;
  width:150px;
  max-width: 100%;
  border:2px solid gray;
  position: relative;
}
.pdf-link:after{
  content:"PDF";
  background-color: #fffa;
  color:#000;
  font-size: 2em;
  font-weight: bold;
  position: absolute;
  padding:10px;
  height:100%;
  width:100%;
  left: 0;
  top:0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: all ease .6s;
}
.pdf-link:hover:after{
  opacity: 1;
}
.text-right{text-align: right;padding: 5px 15px;}
.metismenu.mod-menu .metismenu-item > a:focus, .metismenu.mod-menu .metismenu-item > button:focus {
    outline: 0px dotted #ced4da !important;
    outline-offset: 0px !important;;
}
.mod-menu a{
  color:inherit !important;
}
@media screen and (min-width: 768px) {
  #menuToggler{
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .container-header .navbar-brand .brand-logo > img {
    padding-right: 80px !important;
  }

  #menu:not(.show) {
    right:-100%;
  }
  #menu{
    position: fixed;
    height:100vh;
    max-width: 95vw;
    background-color: #fff;
    box-shadow: 0 0 10px #3333;
    top:0;
    right:0%;
    transition: all ease .4s;
    padding:10px;
  }
  .navbar{
    position: unset;
  }
  #menuToggler.hamburger{
    position: fixed;
    top:30px;
    right:30px;
    z-index:999999;
  }
  .metismenu.mod-menu .metismenu-item > ul {
    position: relative;
    box-shadow:none;
  }
  .metismenu.mod-menu .mm-collapse {
    position: relative;
    box-shadow:none;
  }
  .metismenu.mod-menu .metismenu-item {
    display: block;
  }
  .metismenu.mod-menu .mm-collapse:not(.mm-show) {
    display: block;
    height: 0;
    overflow: hidden;
  }
  .level-1.current.active , .level-2.current.active{
    border-left: 3px solid var(--cassiopeia-color-primary);
  }

}

.navbar-brand {
 padding-top:15px;
 padding-bottom:15px;
}



.com-contact__thumbnail.thumbnail img{
  max-width: 250px;
}
.com-contact.contact{
  padding:15px;
}
main{
  overflow-x: hidden !important;
}
main > div.com-contact.contact{
  display: block;
  
  margin: 10px auto 100px auto;
}
main > div.com-contact.contact .com-contact__container{
  grid-template-rows: repeat(4,2);
  margin:80px 0;
}
main > div.com-contact.contact h3{
  color:#fff;
  font-size:2em;
  font-weight: bold !important;
}
main > div.com-contact.contact .com-contact__container h3{
  color:inherit;
}
main > div.com-contact.contact .com-contact__form {
 background-color: var(--cassiopeia-color-primary);
 padding: 90px 200px 50px 200px;
 margin: -90px -200px -50px -200px;
 border-radius: 15px;
 color: #fff;
 border:1px solid#3333 !important;
 box-shadow: 3px 5px 10px #3333 !important;
}
main > div.com-contact.contact .com-contact__form #contact-form{
  position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1824px){
  .metismenu.mod-menu .metismenu-item > ul{
    right:15px;
  }
}
@media screen and (min-width: 1024px) {

}
@media screen and (max-width: 1024px) {
  .com-contact__thumbnail.thumbnail img {
    margin: 20px 0;
  }
}
main > div.com-contact.contact .com-contact__form #contact-form .control-group{
  position: relative;
  z-index: 9999;
}
main > div.com-contact.contact .com-contact__form #contact-form .control-group input , main > div.com-contact.contact .com-contact__form #contact-form .control-group textarea , main > div.com-contact.contact .com-contact__form #contact-form .control-group button{
  border:1px solid#3333 !important;
  box-shadow: 3px 5px 10px #3333 !important;
}
main > div.com-contact.contact .com-contact__form #contact-form .control-group button{
  border:1px solid#3333 !important;
  box-shadow: 3px 5px 10px #3333 !important;
  background-color: var(--cassiopeia-color-hover) !important;
}
@media (min-width: 992px) {
  .com-contact__container .com-contact__thumbnail {
    text-align: left;
  }
}
/* lmz optimierung END*/

/* under-mainslider-features-container  */

.under-mainslider-features-container{
  min-height: 200px;
  background-color:#aaa1;
}
.under-mainslider-features-container > div {
}
.under-mainslider-features-container .umfc-card {
  margin-top:-100px;
  min-height: 200px;
  box-shadow: 0 0 10px #aaa5;
  border-radius: 30px;
  padding:10px 10px 20px 10px;
  text-align: center;
}
.under-mainslider-features-container .umfc-card .umfc-icon{
  margin:10px auto;
  background-color:#aaa2;
  border:1px solid #3331;
  border-radius: 50%;
  padding:20px;
  box-shadow: 5px 5px 10px #3335;
}
.under-mainslider-features-container .umfc-card .umfc-icon i{
  width:30px;
  height:30px;
  font-size: 30px;
  color:var(--cassiopeia-color-primary);
}
.under-mainslider-features-container .umfc-card .umfc-header{
  font-weight: bold;
}
.under-mainslider-features-container .umfc-card .umfc-text{
  font-size: small;
}
@media screen and (max-width: 768px) {
  .under-mainslider-features-container .umfc-card {
    margin:10px;
  }
}
/* under-mainslider-features-container  END*/


.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: RGBA(0,0,0,0.8);font-family: 'Open Sans', sans-serif !important;}
/* .row {width:100%;} */
.h1, h1 {font-weight: 400 !important; margin-bottom: 2rem;font-family: 'Open Sans', sans-serif !important;}
.h4, h4 {font-weight: 400 !important; margin-bottom: 1rem;font-family: 'Open Sans', sans-serif !important;}
.h3, h3 {font-weight: 400 !important;font-family: 'Open Sans', sans-serif !important;}
a {text-decoration: none !important;font-family: 'Open Sans', sans-serif !important;}
.container-component {margin-top: 3rem;}
.template-root {background:  var(--cassiopeia-color-primary) !important;}

main .com-content-article {margin:50px 0 100px 0;}
.header > div{
  display: grid;
  grid-template-columns: 30% 70%;
  justify-content: space-around;
  /* padding: 0 calc(( 100vw - 1320px ) / 2 );  */
  transition: all ease .6s;
}
/* .header.header-resize{
  grid-template-columns: 20% 80%;
} */
.container-header {z-index: 99999;}
.container-header .container-nav {display: grid; align-items: flex-end;}
.container-header .grid-child {
    padding: 0 !important;
}
.container-header .navbar-brand img {
 padding:0 !important;
 width:100% !important;
}
nav.navbar #menu > ul.mod-menu  li.active > a, nav.navbar #menu > ul.mod-menu  li:hover > a{
  color:var(--cassiopeia-color-primary) !important;
}


.leistungs-uebersicht .leistung{
  position: relative;
  box-shadow: 2px 2px 18px -2px RGBA(0,0,0,0.75);
  overflow:hidden;
  margin-bottom: 15px;
}
.leistungs-uebersicht .leistung-image {
  min-height: 400px;
  background-position: center;
  background-size: cover;
}
.leistungs-uebersicht .leistung-text{
  position: absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  opacity: .0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease .3s;
}
.leistungs-uebersicht .leistung .leistung-text span{
  transition: all ease .3s;
  transform: scale(1.1);
  color:var(--cassiopeia-color-primary);
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
}
.leistungs-uebersicht .leistung:hover .leistung-text{
  opacity: 1;
  background-color: #fffd;
}
.leistungs-uebersicht .leistung:hover .leistung-text span{
  transform: scale(1);
}

.projekte-row > div{
  margin-bottom: 15px;
}
.projekt{
  border:1px solid #3333;
  /* border-radius:0 0 15px 15px; */
  padding:10px;
  box-shadow: 2px 2px 18px -2px RGBA(0,0,0,0.75);
  height:100%;
  /* display: grid;
  grid-template-rows: 400px auto;
  grid-row-gap: 10px;
  justify-items: stretch; */
}
.projekt .projekt-slider{
  /* height:100%; */
}
.projekt .projekt-description{
  /* background-color: rgba(147, 147, 147, 0.1); */
  padding: 10px;
  font-size: small;
}
.projekt .projekt-description h4{
  font-weight: bold;
  color:var(--cassiopeia-color-primary);
}

.leistungen-block{
  background: linear-gradient(150deg, rgba(34, 34, 34, 0.4)0%, rgba(85, 85, 85, 0.4) 100%);
  padding:15px 25px;
  color:#fff;
}
.leistungen-block h2{
  /* color:var(--cassiopeia-color-primary); */
  margin-top: 15px;
  letter-spacing: 2px;
}
.leistungen-block .leistungs-background-image{
  width:150px;
  height:150px;
  background-size: cover;
  background-position:center;
}
.leistungen-block > .row > .col{
  display: flex;
  /* justify-content: center; */
  align-items: center;
}
.leistungen-block > .row > .col > h4{
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .collapse:not(.show) {
    display: block !important;
  }
  #menu-container:not(.show) {
    right:-100%;
  }
  #menu-container{
    position: fixed;
    height:100vh;
    max-width: 95vw;
    background-color: #fff;
    box-shadow: 0 0 10px #3333;
    top:0;
    right:0%;
    transition: all ease .4s;
    padding:10px;
    display: block;
    padding-top: 100px;
  }
  .navbar{
    position: unset;
  }
  #menuToggler.hamburger{
    position: fixed;
    top:10px;
    right:10px;
    z-index:999999;
  }
  .metismenu.mod-menu .metismenu-item > ul {
    position: relative;
    box-shadow:none;
  }
  .metismenu.mod-menu .mm-collapse {
    position: relative;
    box-shadow:none;
  }
  .metismenu.mod-menu .metismenu-item {
    display: block;
  }
  .metismenu.mod-menu .mm-collapse:not(.mm-show) {
    display: block;
    height: 0;
    overflow: hidden;
  }
  .level-1.current.active , .level-2.current.active{
    border-left: 3px solid var(--cassiopeia-color-primary);
  }

  button.mm-toggler{
    padding:10px !important;
  }
}
.container-header {background-color: var(--white); background-image: linear-gradient(135deg,var(--white),var(--white)); box-shadow: 0 0 10px #3333;}

.com-content-article.item-page ul.fields-container {display: none;}
img.team-img{
  border-radius: 50%;
  box-shadow: 2px 2px 18px -2px rgba(0,0,0,.75) !important;
  height:200px;
  width: 200px;
}
.shadow-lz{
  box-shadow: 2px 2px 18px -2px rgba(0,0,0,.75) !important;
  /* border-radius: 15px; */
}
.flex-center{
  display: flex;
  align-items: center;
}
.handwriting{
  font-family: 'Tangerine', cursive !important;
  font-size: 3em;
}
.hgd-video {z-index: 1;}
.CB_overlay {position: relative; z-index: 2;}
.container-header .navbar-brand img {width: 15rem; min-width: 15rem; padding: .3em; transition: all ease 1s;}
/* .container-header.header-resize .navbar-brand img {width: 12rem; min-width: 12rem; padding: .1em;} */
.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 , .metismenu.mod-menu .metismenu-item > ul > li > ul > li > a{color: var(--template-bg-dark-90) !important;}
.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%;}
.container-header .navbar-toggler {margin-bottom: .8rem;}
.navbar-toggler:focus {box-shadow: 0 0 2px var(--dark);}

#mod-hgd-contentbuilder113 .CB_Container a.btn:hover {background: var(--cassiopeia-color-hover) !important;}
#mod-hgd-contentbuilder114 .fal {font-size: 4rem;}
#mod-hgd-contentbuilder114 .card {transition: all ease .7s;}
#mod-hgd-contentbuilder114 a .card:hover {background: var(--cassiopeia-color-hover) !important;}
#mod-hgd-contentbuilder114 a .card:hover .fal {animation: effect .7s;}
#mod-hgd-contentbuilder116 div.card-text {font-size: 1.15rem; font-weight: 300; line-height: 1.6rem;}
#mod-hgd-contentbuilder116 .fal {font-size: 1rem;}
#mod-hgd-contentbuilder116 .card-body {padding: 0;}
#mod-hgd-contentbuilder116 div.card-text {font-size: 1.15rem; font-weight: 300; line-height: 1.6rem;}
#mod-hgd-contentbuilder116 div.card img {max-width: 20rem;}
#mod-hgd-contentbuilder116 ul.cb_menu {padding-left: 0;list-style: none;}
#mod-hgd-contentbuilder116 ul.cb_menu a {font-size: 1.15rem; font-weight: 300; line-height: 1.6rem; text-decoration: none;color: currentColor;transition: all ease .4s;}
#mod-hgd-contentbuilder116 ul.cb_menu a:hover {color: var(--cassiopeia-color-primary);}
#mod-hgd-contentbuilder116 a {color: var(--cwhite);}
#mod-hgd-contentbuilder116 a:hover {color: var(--cassiopeia-color-primary);}
#mod-hgd-contentbuilder116 .table > :not(caption) > * > * {padding: 0; border-bottom: 0;}
#mod-hgd-contentbuilder118 {margin-top: 1rem;}
#mod-hgd-contentbuilder118 .table th {font-size: 1.3rem; font-weight: 300; letter-spacing: .1rem;}
#mod-hgd-contentbuilder118 .table th, #mod-hgd-contentbuilder118 .table tr td {color: var(--white);}
#mod-hgd-contentbuilder118 .table tbody th, #mod-hgd-contentbuilder118 .table tbody tr td {border-color: rgba(255,255,255,.4);}
#mod-hgd-contentbuilder118 .table tr {transition: all ease .4s;}
#mod-hgd-contentbuilder118 .table tr:hover {background: rgba(0,0,0,.3);}
#mod-hgd-contentbuilder118 .table .fal {font-size: 1.3rem; color: var(--white);}
#mod-hgd-contentbuilder118 a {transition: all ease .4s;}
#mod-hgd-contentbuilder118 a:hover {background: var(--cassiopeia-color-hover);}
#mod-hgd-contentbuilder119 .card {transition: all ease .7s;}
#mod-hgd-contentbuilder119 a .card:hover {background: var(--cassiopeia-color-hover) !important;}
#mod-hgd-contentbuilder119 a .card:hover .hgd-counter {animation: effect .7s;}

.footer .grid-child {justify-content: arround; padding: 1.5rem .5em;}
.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;}

.form-control {
    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;
}


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

}
@media screen and (max-width: 768px) {
   .start-slider-img{
     height:250px !important;
   }
}
@media screen and (min-width: 1024px) {
  .form-control {
      width: 40%;
  }
}

@media screen and (max-width: 768px) {
    .header {display: grid; grid-template-columns: 100%; justify-content: space-around;}
    .container-header .container-nav {justify-content: start;}
    .p-5 {padding: 1rem!important;}
}

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


.card-actions-3d a.btn {background: var(--cassiopeia-color-primary); border-radius: 4px; box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.25); color: var(--white); display: inline-block; padding: .6rem 3rem .8rem; position: relative; text-decoration: none; transition: all 0.1s 0s ease-out;}

.card-actions-3d a.btn:hover {background: var(--cassiopeia-color-hover); box-shadow: 0px 8px 2px 0 rgba(0, 0, 0, 0.075); transform: translateY(-2px); transition: all 0.25s 0s ease-out;}

.card-actions-3d a.btn:active,
.card-actions-3d a.btn:active {background: var(--cassiopeia-color-hover); box-shadow: 0 1px 0px 0 rgba(255, 255, 255, 0.25); transform: translate3d(0, 1px, 0); transition: all 0.025s 0s ease-out;}

div.cards-3d {max-width: 100%;}

div.card-3d {background: var(--white); display: inline-block; margin: 8px; max-width: 400px; perspective: 1000; position: relative; text-align: left; transition: all 0.4s 0s ease-in; width: 100%; z-index: 1;}

div.card-3d .card__image-holder {background: rgba(0, 0, 0, 0.1); height: 0; padding-bottom: 75%; overflow: hidden;}
div.card-3d .card__image-holder img {filter: brightness(.7); transition: all ease .6s;}
div.card-3d:hover .card__image-holder img, div.card-3d.show .card__image-holder img {filter: brightness(1);}

div.card-3d div.card-title-3d {background: var(--white); padding: .6rem 1.5rem 1rem; position: relative; z-index: 0;}

div.card-3d div.card-title-3d div.toggle-info-3d {border-radius: 3rem; height: 3rem; padding: 0; position: absolute; right: 1rem; top: 1rem;}

div.card-3d div.card-title-3d div.toggle-info-3d span {background: var(--white); display: block; position: absolute;  transition: all 0.3s 0s ease-out; width: 12px;}

div.card-3d div.card-title-3d div.toggle-info-3d span.right .fal {padding: 0rem;}
div.card-3d div.card-title-3d div.toggle-info-3d span.right {transform: rotate(0deg);}
div.card-3d.show div.card-title-3d div.toggle-info-3d span.right {transform: rotate(0.5turn);}

div.card-3d .card-title-3d h4 {font-size: 1.7rem; font-weight: 400; letter-spacing: 0.05em; margin: 0; padding: 0; transition: all ease .6s;}

div.card-3d .card-title-3d h4 small {display: block; font-size: 1.2rem; font-weight: 400; letter-spacing: 0.025em; filter: grayscale(70%);}

  div.card-3d div.card-description-3d {padding: 0 1.2rem 1rem; position: relative; font-size: 1.1rem;}
  div.card-3d div.card-description-3d h5 {font-size: 1.1rem;}
   div.card-3d div.card-description-3d td {padding:0 .5rem;}

  div.card-actions-3d {box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.075); padding: 1rem 1.2rem 1.5rem; text-align: center;}

div.cards-3d div.card-3d div.card-flap {background: darken(var(--white), 15); position: absolute; width: 100%; transform-origin: top; transform: rotateX(-90deg);}

div.cards-3d div.card-3d div.flap1 {transition: all 0.2s 0.3s ease-out; z-index: -1;}
div.cards-3d div.card-3d div.flap2 {transition: all 0.2s 0s ease-out; z-index: -2;}

div.cards-3d.showing div.card-3d {cursor: pointer; opacity: 0.5; transform: scale(0.8);}

div.cards-3d div.card-3d:hover {cursor: pointer;}
div.cards-3d div.card-3d:hover h4 {color: var(--cassiopeia-color-primary); font-weight: 500; letter-spacing: .2rem; }
div.cards-3d.showing div.card-3d:hover {opacity: 0.9;transform: scale(0.9);}

div.card-3d.show {opacity: 1 !important; transform: scale(1) !important;}

div.card-3d div.card-title div.toggle-info-3d {background: var(--white) !important;}
div.card-3d div.card-title div.toggle-info-3d span {top: 1rem;}
div.card-3d div.card-title div.toggle-info-3d span.left {right: 1rem;}
div.card-3d div.card-title div.toggle-info-3d span.right {left: 1rem;}

div.cards-3d.showing div.card-3d.show div.card-flap {background: var(--white); transform: rotateX(0deg);}
div.cards-3d.showing div.card-3d.show div.flap1 {transition: all 0.2s 0s ease-out;}
div.cards-3d.showing div.card-3d.show div.flap2 {transition: all 0.2s 0.2s ease-out;}


.uk-text-primary {color: #0032ff !important;}
.uk-text-normal {font-weight: 400 !important;}