/* ROOT-FARBEN */
:root {
	--color-01: #203051; 					/* Hauptfarbe */
	--color-02: #fff; 						/* Linkfarbe */
}

.bvs {display: inline; text-align: right;}
.st {max-width: 200px !important;}
.rechts {margin-right: 0;}
.kopfzeile {font-size: 1.3em; color: var(--color-01); font-family: 'Titillium Web', sans-serif; scroll-behavior: smooth;}
.aufzaehlung {margin-left: 25px;}

/* HINTERGRUNDFARBEN */
.color-logo-navi {background: #bbb8b2;}

.color-featureboxen {background: #fff; padding: 40px 0 30px 0; margin: 0;}
.color-featureboxen-bg {border-top: 5px dotted var(--color-01);}
.color-bottom {background: url(../../../../images/HGD-Media/bg-bottom.jpg); background-attachment: fixed;}
.color-copyright {background: var(--color-01); border-top: 1px solid #fff;}

/* LOGO */
.logo img {width: 100%; max-width: 100px; margin-top: 15px;}

.hgd-stack .logo {padding: 1% 0 0% 0;}

/* SLIDER */
.hgd-slider-stack {margin-top: 30px;}

/* 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 + LOGO / STACK */
.hgd-stack .navigation {margin: 2% 0 0 0 !important; bottom: 0;}

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

.hgd-bottom-box a {color: var(--color-02); 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: var(--color-02); letter-spacing: 2px; border-bottom: 1px dotted var(--color-02); padding-bottom: 10px;}
.hgd-bottom-box h4 {font-size: 1em; color: var(--color-02);}

.hgd-bottom-box .hgd-social-media .fab {font-size: 1.3em; color: var(--color-02);}
.hgd-bottom-box .table tr td {border: 0px; vertical-align: middle;}

.bottom a {text-decoration: none; color: #333;}
.bottom a:hover {color: var(--color-02);}
.hgd-bottom-box {margin: 60px 0 35px 0}
.box-top-icon .fal.fa-home, .box-top-icon .fal.fa-phone, .box-top-icon .fal.fa-fax, .box-top-icon .fal.fa-at {font-size: 1.2em; color: var(--color-02);}

.box-top-icon .fal.fa-home {font-size: 4em;}

.hgd-social-media .fab {font-size: 2.7em; color: var(--color-02); float: left; margin-right: 15px; transition: all ease .3s;}
.hgd-social-media .fab:hover {color: #333;}

.bottom-menu li {float: none; width: 100%; border-bottom: 1px dotted var(--color-02); padding: 3px 0;}

/* FEATURE-BOXEN-HEADER */
.hgd-featureboxen-header {text-align: center; color: var(--color-01); font-size: 2em; padding: 90px 0 25px 0;}

/* FEATURE-BOXEN */
.hgd-featurebox {text-align: center; margin-bottom: 15px; }
.hgd-featurebox .col {background: var(--color-01);-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 a {text-decoration: none;}
.hgd-featurebox .fa, .hgd-featurebox .fab, .hgd-featurebox .fal, .hgd-featurebox .far, .hgd-featurebox .fas {font-size: 3em; color: var(--color-01); }

.ct-featureBox h3 {padding: 10px 5px; color: #fff; font-size: 1.4em; font-weight: 600;}
.ct-featureBox p {margin-bottom: 0; color: #fff;} 

/*.ct-featureBox {background: transparent; color: #fff; padding: 40px; display: table; text-align: center; color: inherit; -webkit-transition: background-color, 0.25s, ease-in-out;transition: background-color, 0.25s, ease-in-out;}*/
.ct-featureBox {background: transparent; color: #fff; padding: 40px; 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;}}

/* FEATURE-BOXEN-SMALL */
.featureBoxSmall {display: flex; }
.featureBoxSmall h4 {text-align: left; color: var(--color-02); font-size: 1.1em; margin-bottom: 15px; ine-height: 14px;  font-weight: 700; letter-spacing: 1px; text-transform: uppercase;}
.featureBoxSmall p {color: var(--color-02); opacity: .8; text-align: left;}
.featureBoxSmall .fa, .featureBoxSmall .fab, .featureBoxSmall .fal, .featureBoxSmall .far, .featureBoxSmall .fas {background: rgba(255,255,255,0.2); border-radius: 50%; color: #fff; font-size: 1em; font-weight: 100;}

.fa-stack {line-height: 2.3em; width: 2.3em;}

/* TOPBAR */
.color-topbar, .color-topbar a {color: var(--color-02); text-decoration: none; transition: all ease .3s;} 

.topbar .fal {font-size: 1rem; padding-right: 7px;}

.hgd-social-media .fab {font-size: 1.4em;}
.hgd-social-media .fab:hover  {color: #333;}

/* SCROLL-TO-TOP */
#HGDscrollBtn {background-color: var(--color-01); opacity:0; position: fixed;  bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; color: white; cursor: pointer; padding: 0px 9px; 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;}
#HGDscrollBtn .fal.fa-angle-up:before {font-size: 2em;}

/* SEARCHBOX */
.search {float: right;}
[type="search"] {background: rgba(255,255,255,0.3); color: var(--color-02); border: 1px solid var(--color-02); border-radius: 4px; padding: 0 15px;}
	
/* COPYRIGHT */
.footer1 {text-align: center; padding: 15px; color: var(--color-02);}

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

/* GOOGLE-MAPS */
.hgd-google-maps {padding-left: 0px; padding-right: 0px;}
.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: var(--color-01); -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: .5s; transition-duration: .5s; -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);}