/* NAVIGATION + LOGO / INLINE */
#navigation-logo {background: #fff; position: fixed; box-shadow: 0px 2px 3px rgba(0,0,0,0.3); z-index: 999;}

.navigation {margin-top: 8% !important;}
.navigation {float: right;}

.hgd-flex-container {display: flex; flex-flow: row wrap; justify-content: center;}

.hgd-flex-item {display: flex; flex-direction: column; text-align: center; padding: 7px;}

.hgd-flex-button {display: flex; flex-direction: column; align-items: center; margin-bottom: auto; padding: 15px 0;}

.hgd-flex-button a {margin-top: auto; color: #235a9f; width: 100%; text-align: center; font-size: 1.1em; text-decoration: none; transition: all aese .4s; display: inline-block; box-sizing: border-box; vertical-align: middle;}
.hgd-flex-button p {padding: 15px;}

.hgd-flex-item p, .hgd-flex-item h3 {text-align: left; margin: 0 10px; flex-grow: 1;}
.hgd-flex-item p {padding-top: 15px ;}

.hgd-item-innen {background: #eee; border-top: 2px solid #235a9f; border-bottom: 2px solid #235a9f; display: block;}
.hgd-item-innen h3 {font-size: 1.1em; text-align: center; padding: 10px 0; margin: 0px; color: #fff; background: #235a9f;}
.hgd-item-innen img {padding: 15px 0 10px 0;}
.fas .fa-arrow-right:before {color: #235a9f; font-size: .2em !important;}

.hgd-item-innen .fal {padding: 15px 0;}


/* NAVIGATION + LOGO / STACK */
.navigation-stack {margin: 3% 0 !important; }

/* NAVIGATION-STICKY */
.hgd-sticky {background: #fff; position: sticky; top: 0px; z-index: 1000; transition: all ease .3s;}
.sticky-fix {position: fixed !important; transition: all ease .3s;}

/* BOTTOM-BOXEN */
.color-bg-parallax {background: rgba(0,0,0,0.2); }

.hgd-bottom-box a {color: #fff; text-decoration: none; transition: all ease .3s;}
.hgd-bottom-box a:hover, .hgd-bottom-box .hgd-social-media .fab:hover, .color-topbar a:hover  {color: #ccc;}

.hgd-bottom-box h3 {font-size: 1.3em; color: #fff; letter-spacing: 2px; }
.hgd-bottom-box h4 {font-size: 1.1em; color: #fff; line-height: 1.5em;}

.hgd-bottom-box .hgd-social-media .fab {font-size: 1.3em; color: #fff;}

/* FLIPCARS */
.flip-container {perspective:1000px;}

.flip-container:hover .flipper, .flip-container.hover .flipper {transform: rotateY(180deg);}

.flip-container, .hgd-flip-front, .hgd-flip-back {width: 100%; height: 300px;}

.flipper {transition: 0.8s; transform-style: preserve-3d; position: relative;}

.hgd-flip-front, .hgd-flip-back {backface-visibility: hidden; position: absolute; top: 0; left: 0;}

.hgd-flip-front {z-index: 2; transform: rotateY(0deg); background-color:#235a9f; color: #fff; padding: 15px; border: 7px solid rgba(0,0,0,0.4); box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.6);}

.hgd-flip-back {transform: rotateY(180deg); background-color:#333; color: #fff; padding: 15px; border: 7px solid rgba(255,255,255,0.8); box-shadow: 0px 3px 6px 3px rgba(0,0,0,0.6);}

.hgd-item-innen .fal {font-size: 3.5em; color: #285098; padding: 25px 0;}

.hgd-flip-front, .hgd-flip-back {font-size: .9em; text-align: center; hyphens: auto; min-height: 320px;}
.hgd-flip-front h3, .hgd-flip-back h3 {text-align: center; letter-spacing: 0px;}
.hgd-flip-front img, .hgd-flip-back img {width: 100%; max-width: 150px; margin-top: 10px; }
.hgd-flip-front a, .hgd-flip-back a {width: 100%; display: block; background: #fff; color: #333; padding: 4px 10px; text-align: center; border-radius: 3px; text-decoration: none; transition: all ease .3s;}

/* FEATURE-BOXEN */
.hgd-featurebox {text-align: center; margin-bottom: 15px; }
.hgd-featurebox .col {background: #fff;-webkit-transition: box-shadow .4s ease-in-out; box-shadow: 0 20px 30px -20px rgba(0,0,0,.2),0 10px 15px -5px rgba(0,0,0,.2),0 2px 3px 0 rgba(0,0,0,.2);}
/* .hgd-featurebox .col:hover {box-shadow: rgba(49,34,21,.2) 0 2px 2px,rgba(49,34,21,.2) 0 4px 4px,rgba(49,34,21,.2) 0 8px 8px,rgba(49,34,21,.2) 0 16px 16px,rgba(49,34,21,.2) 0 32px 32px,rgba(49,34,21,.2) 0 64px 64px;} */

.hgd-featurebox .fa, .hgd-featurebox .fab, .hgd-featurebox .fal, .hgd-featurebox .far, .hgd-featurebox .fas {font-size: 3em; color: var(--color-01); }
.ct-featureBox a {color: #444; text-decoration: none; transition: all ease .3s;}
.ct-featureBox h4 {padding: 10px 5px; color: #333; font-size: 1em;font-weight: 600;}
.ct-featureBox p {margin-bottom: 0;}

.ct-featureBox {background: #fff; height: 200px; padding: 40px 10px; display: flex;   align-items: center;  text-align: center; color: inherit; -webkit-transition: background-color, 0.25s, ease-in-out;transition: background-color, 0.25s, ease-in-out;}
.ct-featureBox .inner {display: table-cell; width: 100%; vertical-align: middle;}
.ct-featureBox .image {text-align: center;}
.ct-featureBox .image img {display: inline-block;}

img, figure {max-width: 100%;}
@media screen and (max-width: 991px) {.ct-featureBox {padding: 20px 55px;}}

@media screen and (max-width: 767px) {.main-content {padding-right: 80px;padding-left: 80px;}.ct-featureBox {width: 100%;min-height: 200px;}}
@media screen and (max-width: 600px) {.main-content {padding-right: 40px;padding-left: 40px;}}
@media screen and (max-width: 480px) {.main-content {padding-right: 15px;padding-left: 15px;}}

/* TOPBAR */
.color-topbar {background: #235a9f; padding: 5px 0;}
.color-topbar, .color-topbar a {color: #fff; text-decoration: none; transition: all ease .3s;} 

.topbar .fal {font-size: 1rem; padding-right: 7px; color: #fff !important; margin: 0px;}

/* SCROLL-TO-TOP */
#HGDscrollBtn {background-color: #235a9f; opacity:0; position: fixed;  bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; color: white; cursor: pointer; padding: 0px 11px; border: 5px solid rgba(0,0,0,0.5); border-radius: 100%; font-size: 1rem; transition: opacity .4s; transition: all ease .3s;}
#HGDscrollBtn:hover {background-color: #333;}

.scrolltop .fal.fa-angle-up {font-size: 3em !important; padding: 0px !important; margin: 0px !important;}
.scrolltop .fal.fa-angle-up:before {color: #fff;}

/* COPYRIGHT */
.footer1 {text-align: center; padding: 15px; color: #fff;}

.copyright-menu ul {width: 100%;}
.copyright-menu li {display: inline-block;}

/* GOOGLE-MAPS */
.hgd-google-maps {margin-left: -15px; margin-right: -15px;}
.gmnoprint, .gm-style-cc {display:none;}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #235a9f;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}