@font-face {
  font-family: Oswald;
  src: url(templates/hgd/font/Oswald-VariableFont_wght.ttf);
  src: local('Oswald'), url(templates/hgd/font/Oswald-VariableFont_wght.ttf);
}

:root {
  --cassiopeia-font-family-headings: 'Oswald', sans-serif !important;
  --cassiopeia-font-family-body: 'Oswald', sans-serif !important;
}

.template-root {background:  var(--cassiopeia-color-primary); color: var(--white);}
a.template-root:hover {background:  var(--cassiopeia-color-hover) !important; color: var(--white) !important;}

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

#mod-custom176 {display: flex; justify-content: end; padding-right: 1em; font-size: 2rem;}
#mod-custom176 a {color: var(--template-bg-dark-90); transition: all ease .4s;}
#mod-custom176 a:hover {color: var(--cassiopeia-color-primary);}
#mod-custom176 .fas {margin-right: .6rem;}

.hgd-content-images img {
    margin-bottom: 1rem;
}

.metismenu.mod-menu .metismenu-item.active > button {text-decoration: none !important;}

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

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

body {color: var(--template-bg-dark-80); font-family: 'Oswald', sans-serif !important;}
.row {width:100%;}
.h1, h1 {font-size: clamp(2rem, 5vw, 2.4rem); margin-bottom: 2rem; font-family: 'Oswald', sans-serif !important; color: var(--cassiopeia-color-primary);}
.h2, h2 {font-size: clamp(1.7rem, 5vw, 2rem);margin-bottom: 1.5rem; font-family: 'Oswald', sans-serif; color: var(--cassiopeia-color-primary);}
.h3, h3 {font-size: clamp(1.3rem, 5vw, 1.7rem);font-family: 'Oswald', sans-serif;}
.h4, h4 {margin-bottom: 1rem; font-family: 'Oswald', sans-serif;}
p {font-family: 'Oswald', sans-serif;}
a {text-decoration: none !important; font-family: 'Oswald', sans-serif;}

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



.container-component {margin-top: 3rem;}
.template-root {background:  var(--cassiopeia-color-primary) !important;}

main .com-content-article {margin-top: 2rem; margin-bottom: 2rem;}
.header {display: grid; grid-template-columns: 20% 70%; justify-content: space-around;}
.container-header {z-index: 99999;}
.container-header .container-nav {display: grid; align-items: flex-end;}

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

.com-content-article.item-page ul.fields-container {display: none;}

ul.mod-languages__list li {border: 1px solid var(--white);}
ul.mod-languages__list li a {color: var(--white);}
ul.mod-languages__list li.lang-active a {color: var(--template-bg-dark-90);}

.hgd-video {z-index: 1;}
.CB_overlay {position: relative; z-index: 2;}
.container-header .navbar-brand img {width: 15rem; min-width: 15rem; padding: .1rem; 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, .mod-menu__separator {color: var(--template-bg-dark-90); text-transform: uppercase;}
.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-contentbuilder112 {margin: 5rem 0;}
#mod-hgd-contentbuilder112 .hgd-button-group a.btn .fal {font-size: 1.5rem;}
#mod-hgd-contentbuilder112 .hgd-button-group a:hover.btn {background: var(--cassiopeia-color-hover) !important; color: var(--white) !important; border-color: var(--white);}
#mod-hgd-contentbuilder112 .container-fluid {padding: 0px;}
#mod-hgd-contentbuilder112 .img-scale {height: 36rem; transition: all ease .5s;}
#mod-hgd-contentbuilder113 {margin-top: 4rem;}
#mod-hgd-contentbuilder113 .separator_top {margin-top: -1px;}
#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-contentbuilder115 .separator_bottom svg { transform:rotate(180deg);}
#mod-hgd-contentbuilder115 .separator_bottom {bottom: -1px;}
#mod-hgd-contentbuilder116 div.card-text, #mod-hgd-contentbuilder174 div.card-text {font-size: 1.15rem; font-weight: 300; line-height: 1.6rem;} 
#mod-hgd-contentbuilder116 .fal, #mod-hgd-contentbuilder174 .fal {font-size: 1rem;} 
#mod-hgd-contentbuilder116 .card-body, #mod-hgd-contentbuilder174 .card-body {padding: 0;} 
#mod-hgd-contentbuilder116 div.card-text, #mod-hgd-contentbuilder174 div.card-text {font-size: 1.15rem; font-weight: 300; line-height: 1.6rem;} 
#mod-hgd-contentbuilder116 div.card img, #mod-hgd-contentbuilder174 div.card img {max-width: 20rem;}
#mod-hgd-contentbuilder116 ul.cb_menu, #mod-hgd-contentbuilder174 ul.cb_menu {padding-left: 0;list-style: none;}
#mod-hgd-contentbuilder116 ul.cb_menu a, #mod-hgd-contentbuilder174 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, #mod-hgd-contentbuilder174 ul.cb_menu a:hover {color: var(--cassiopeia-color-primary);}
#mod-hgd-contentbuilder116 a, #mod-hgd-contentbuilder174 a {color: var(--cwhite);}
#mod-hgd-contentbuilder116 a:hover, #mod-hgd-contentbuilder174 a:hover {color: var(--cassiopeia-color-primary);}
#mod-hgd-contentbuilder116 .table, #mod-hgd-contentbuilder174 .table {color: inherit; font-size: initial !important;}
#mod-hgd-contentbuilder116 .table > :not(caption) > * > * {padding: 0; border-bottom: 0; color: inherit !important;}
#mod-hgd-contentbuilder174 .table > :not(caption) > * > * {padding: 0; border-bottom: 0; color: inherit !important;}
#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 {transition: all ease 1s !important;}
#mod-hgd-contentbuilder119 .iconboxen .CB_itembg {border: 2px solid var(--cassiopeia-color-primary); transition: all ease .5s;}
#mod-hgd-contentbuilder119 .iconboxen .fal {font-size: 3.5rem; color: var(--cassiopeia-color-primary); transition: all ease .7s !important;}
#mod-hgd-contentbuilder119 .iconboxen .CB_itembg h3 {letter-spacing: 0; transition: all ease .7s !important;} 
#mod-hgd-contentbuilder119 .iconboxen .CB_itembg p { transition: all ease .7s !important;} 
#mod-hgd-contentbuilder119 .card {transition: all ease .7s;}
#mod-hgd-contentbuilder119 .iconboxen .CB_itembg:hover {border-color: var(--cassiopeia-color-hover); background: var(--cassiopeia-color-primary) !important; color: var(--white) !important;}
#mod-hgd-contentbuilder119 .iconboxen .CB_itembg::before {transform: scaleX(0); transform-origin: bottom right;}
#mod-hgd-contentbuilder119 .iconboxen .CB_itembg:hover::before {transform: scaleX(1); transform-origin: bottom left;}
#mod-hgd-contentbuilder119 .iconboxen .CB_itembg::before {content: " "; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0 0 0 0; background: var(--cassiopeia-color-hover); z-index: -1; transition: transform .3s ease;}
#mod-hgd-contentbuilder119 .iconboxen .CB_itembg:hover .fal {color: var(--white) !important; transform: scale(1.3);} 
#mod-hgd-contentbuilder119 .iconboxen .CB_itembg:hover h3 {color: var(--white) !important; letter-spacing: .3 !important;} 
#mod-hgd-contentbuilder119 .iconboxen .CB_itembg:hover p {color: var(--white) !important;} 
zoomrotate
#mod-hgd-contentbuilder125 .CB_itembg a:hover {transform: scaleX(1.2);}
#mod-hgd-contentbuilder126 .fab {font-size: 3rem; color: var(--white) !important; opacity: .6; transition: all ease .4s;}
#mod-hgd-contentbuilder126 .fab:hover {animation: wiggle 1.5s linear; opacity: 1;}
.separator_bottom.sep-mod-hgd-contentbuilder126 {margin-bottom: -1px;}
#mod-hgd-contentbuilder126 .hgd-video {height: 500px; border: 1px solid #fff; box-shadow: 0 0px 80px rgba(0,0,0,.2);  border-bottom-right-radius: 20rem;}
#mod-hgd-contentbuilder126 .hgd-button-group {flex-direction: initial;}
#mod-hgd-contentbuilder127 {margin: 9rem;}
#mod-hgd-contentbuilder127 a {transition: all ease .4s;}
#mod-hgd-contentbuilder127 a:hover {background: var(--white); color: var(--cassiopeia-color-primary) !important;}
#mod-hgd-contentbuilder128 {margin: 5rem 0;}
#mod-hgd-contentbuilder128 .card-img-overlay {padding: 0;}
#mod-hgd-contentbuilder128 .card-title {background: #7800ff77; color: var(--white); padding: 1rem;}
#mod-hgd-contentbuilder128 h4 {font-size: 1.5rem; font-weight: 400; letter-spacing: .2rem; padding: .1rem 0 .1rem 0; margin: 0; transition: all ease .4s;}
#mod-hgd-contentbuilder128 .card:hover .card-title {background: #7800ffaa;}
#mod-hgd-contentbuilder128 .card:hover h4 {font-weight: 500; letter-spacing: .4rem;}
#mod-hgd-contentbuilder128 h5 {font-size: 1rem; font-weight: 400; padding: 0; margin: 0;}
#mod-hgd-contentbuilder128 .CB_Container .card {overflow: hidden; transition: all ease .4s;}
#mod-hgd-contentbuilder128 .card-img-top {transform: scale(1.5) rotate(10deg); transition: all ease .4s;}
#mod-hgd-contentbuilder128 .card:hover .card-img-top {transform: scale(1) rotate(0deg);}

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

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

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

ul.sm_bottom {margin: 0; padding: 0;}
ul.sm_bottom li {list-style: none;}
ul.sm_bottom li a {font-size: initial;}
ul.sm_bottom .fab {font-size: 1.2rem; margin-right: 1rem;}

#mod-custom141 {background-color: var(--cassiopeia-color-primary) !important; color: var(--white); padding: .3rem 0;}

ul.sm_top, ul.kontakt_top {margin: 0; padding: 0; color: var(--white);}
ul.kontakt_top li {margin-right: 2rem;}
ul.sm_top li, ul.kontakt_top li {display: inline; list-style: none;}
ul.sm_top li a, ul.kontakt_top li a {font-size: 1rem; color: var(--white);}
ul.sm_top .fal, ul.sm_top .fab, ul.kontakt_top .fal {font-size: 1rem; margin-right: 1rem; color: var(--white);}

nav.cb_navtabs .nav.nav-tabs .nav-link:hover, nav.cb_navtabs .nav.nav-tabs .nav-link.active {background-color: var(--cassiopeia-color-hover) !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);
}

.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; perspective: 1000; position: relative; text-align: left; transition: all 0.4s 0s ease-in; z-index: 1;}

div.card-3d .card__image-holder {background: rgba(0, 0, 0, 0.1); height: 0; padding-bottom: 75%;}
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;}

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

@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) {

}

@media screen and (max-width: 768px) {
    #mod-hgd-contentbuilder127 {margin: 0rem;}
    .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: start;}
    .p-5 {padding: 1rem!important;}
}

@media screen and (max-width: 428px) {
  #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;}
  .CB_Container a.btn {padding: .7rem .5rem;}
  .container-header .navbar-brand {width: 100%; text-align: left;}

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

.side_tabs {
  position: fixed;
  right: -130px;
  top: 40%;
  transition: right 0.5s ease;
  z-index: 999;
}



@media only screen and (min-width: 768px) {
  .side_tabs {
    top: 250px;
  }
}

@media only screen and (max-width: 428px) {
  .header {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
}
#mod-custom176 {
  display: flex;
  justify-content: start;
  width: 100%;
}
   ul.kontakt_top li {display: block;}
   ul.sm_top, ul.kontakt_top {padding: .4rem 1rem;}
}

.side_tabs ul {
  margin-bottom: 0;
  padding: 0;
  list-style-type: none;
  /* border-radius: 4px 0 0 4px; */
  box-shadow: 0 0 10px 0 rgba(170,170,170,.25);
  background: #f7f5ef;
}

.side_tabs ul li {
  padding: 10px 10px;
  margin-bottom: 2px;
}

.side_tabs a li {
  color: #1c6292;
  background: #fff;
  text-decoration: none;
}

.side_tabs a li:hover {
  color: #fff;
  background: #1c6292;
}

.side_tabs a li:hover .fa-inverse {
  color: #1c6292;
}

.side_tabs ul li .fa-stack {
  margin-right: 15px;
}

hgd-content-images img {margin-bottom: 15px;}

.content .table {text-align: left;}

.table h3 {color: #444; font-weight: 500; letter-spacing: 0px;}
h3, .hgd-kfb {color: var(--color-01); font-weight: 900; letter-spacing: 1px;}
.hgd-kfr {color: ff0000; font-weight: 900; letter-spacing: 1px;}

.table .fal, .table .fab {color: #fff; font-weight: 100; font-size: 1.3em;}
table.hgd-ap p{margin:0;padding:0;margin-bottom:7px}

#usercentrics-button {
  
}

.crossselling_cards h2,
.faqs h2 {
  color: #1c6292;
}

.crossselling_cards .card:hover {
  background: #1c6292 !important;
}

.crossselling_cards .card-body {
  padding: 2.25rem;
}

.crossselling_cards a .card .card-body {
  color: #212529;
}

.crossselling_cards .card:hover .card-body a,
.crossselling_cards .card:hover .card-body,
.crossselling_cards .card:hover .card-body h3 {
  color: #fff;
}

.full-witdh-section .moduletable {
    padding: 30px 0 50px;
}

.moduletable.grey {
  background: #f7f5ef;
}

.faqs .btn-link {
  color: #1c6292;
  text-decoration: none;
}

.faqs .far {
  padding-right: 5px;
}

[data-toggle="collapse"] .far:before {
  content: "\f146";
}

[data-toggle="collapse"].collapsed .far:before {
  content: "\f0fe";
}

.faqs .card-header.active-acc {
  background-color: #1c6292;
}

.faqs .card-header.active-acc,
.faqs .card-header.active-acc .btn-link,
.faqs .card-header.active-acc [data-toggle="collapse"] .far:before {
    color: #fff;
}

.side_tabs {
  position: fixed;
  right: -140px;
  top: 350px;
  transition: right 0.5s ease;
}

@media only screen and (min-width: 768px) {
  .side_tabs {
    top: 250px;
  }
}

.side_tabs:hover {
  right: 0;
}

.side_tabs ul {
  margin-bottom: 0;
  padding: 0;
  list-style-type: none;
  /* border-radius: 4px 0 0 4px; */
  box-shadow: 0 0 10px 0 rgba(170,170,170,.25);
  background: #f7f5ef;
}

.side_tabs ul li {
  padding: 10px 10px;
  margin-bottom: 2px;
}

.side_tabs a li {
  color: #1c6292;
  background: #fff;
  text-decoration: none;
}

.side_tabs a li:hover {
  color: #fff;
  background: #1c6292;
}

.side_tabs a li:hover .fa-inverse {
  color: #1c6292;
}

.side_tabs ul li .fa-stack {
  margin-right: 15px;
}