/* @font-face { font-family: 'Khand';
             src: url('../../../../images/font/Khand-Medium.woff') format('woff');} */

/* ROOT-FARBEN */
:root {
	--color-01: #555; 					/* Hauptfarbe */
	--color-02: #fff;
	--color-03: #444;	
	--color-05: #6e6eb6;
	/*--color-06: #aacf75;*/
	--color-06: #76bd1d;
}
#mappe{height:400px; width:100%;}
.table-striped tr:nth-of-type(2n+2) {background-color: #aacf75 !important;}
.thead-dark {background-color: #aacf75 !important; line-height: 3em;}

.hgd-text-kontakt h4 a {color: #444; transition: all ease .3s;}
.hgd-text-kontakt h4 a:hover {color: #76bd1d;}
h5 a, .hgd-link-text {color: #444;}
.hgd-link-text:hover {color: var(--color-06);}
b, strong {font-weight: bold;}
/* TERMINE */
.terminmenue{background: #6e6eb6;padding:10px 15px; margin:15px 0 45px;}
.terminmenue a{color:#fff;padding-right:15px;}
.tabelle{margin:15px 0 45px;}
.tabelle table{min-width:900px;overflow-y: auto; margin: 0 0 1em;width: 100%;}
.tabelle tr:nth-child(even) {background: #f9f9f9;color:#546936;}
.tabelle tr:nth-child(odd) {background: #aacf75;}
.tabelle table tr td{padding:5px;color:#546936;}
.tabelle table tr:first-child td{padding:15px 5px; color:#546936;}
.tabelle table tr td{text-align:center;}
.tabelle table tr td:first-child{padding:5px 7px; color:#546936; text-align:left;}
.anmerkungen{background-color:#fff; color:#546936; padding:15px 0; font-size:0.85em;}
/* FERNBEHANDLUNG FORMUALR */
.b2j-contact-group-class.auftragsgeber .control-group,.b2j-contact-group-class.person{float:left;width:48% !important;}
.b2j-contact-group-class.nummer{float:left;width:46% !important;padding-right:4%;}
.b2j-contact-group-class.person,.b2j-contact-group-class.auftragsdaten,.b2j-contact-group-class.person,.b2j-contact-group-class.auftragsdaten-reinigung{margin:15px 0 15px;}
.auftragsdaten .control-group:first-child .controls,.person .control-group:first-child .controls,.auftragsdaten-reinigung .control-group:first-child .controls{color:#aacf75;font-weight:bold;}
div#b2jcontainer_m145 .b2j_form .controls a{color:#aacf75;}
.b2j-contact-group-class.auftragsdaten-reinigung .control-group:nth-of-type(2) .control-label{width:280px !important;}
.b2j-contact-group-class.auftragsdaten-reinigung .control-group .controls .radio{margin: 5px !important;}

.hg-hellgrau{background-color:#f7f7f7; padding:10px 15px;}
.trenner hr{ width:150px;border-top: 1px solid rgba(0,0,0,.5);margin-bottom: 1.5rem;}
.aufgabe .shadow {box-shadow: #d2d2d2 0 0 1px 0; padding: 15px; margin-bottom:2.5rem; min-height: 220px; transition:all ease 0.4s;}
.aufgabe .shadow h5{height:2.5rem;}
.aufgabe:hover .shadow {box-shadow: 0 .5rem 1rem rgba(0,0,0,.05) !important;}
.rechts {text-align: right;}
.abstand {margin-top: 50px; margin-bottom: 50px;}
.rand {margin-left: 50px;}
.bottom-navi {text-align: center; color: var(--color-02); font-size: 18px !important; text-transform: uppercase;}
.bottom-hr {background-color: var(--color-06);}
.content-bottom-hr {margin-bottom: 50px;}
.slider-hr {background-color: var(--color-05); height: 3px; margin-top: 0 !important; margin-bottom: 0 !important;}
.footer-hr {background-color: var(--color-05); height: 3px; margin-bottom: 0 !important;}
.top-hr {background-color: var(--color-05); height: 2px;}
/*.laufweite {letter-spacing: 0.25em; width: 25em; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif;}*/
.laufweite {letter-spacing: 0.25em; width: 100%; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; font-weight:normal; margin-top: 15px; text-align: center;}
.mehr {color: var(--color-06); font-weight:bold;}
.spaltenanzahl {column-count: 2;}
.start {text-align: center;}
p {color: var(--color-01)}

/* HINTERGRUNDFARBEN */
.color-topbar {background: var(--color-01); padding: 5px 0;}
.color-flipcards {background: url(../../../../images/HGD-Media/bg-flipcards.jpg); background-attachment: fixed; padding: 30px 0 80px 0; margin: 0;}
.color-featureboxen {background: url(../../../../images/Kundenordner/Wasser_Hand.jpg); background-attachment: fixed; padding: 40px 0 30px 0; margin: 0;}
.color-featureboxen-small {background: var(--color-01); padding: 40px 0 20px 0; margin: 0;}
/*.hgd-slider {background: #6e6eb6; width:100%;}*/
.hgd-slider {background: #fff; width:100%;}
.color-timeline {background: var(--color-01);
background: -moz-linear-gradient(left, var(--color-01) 0%, var(--color-01) 50%, var(--color-03) 50%, var(--color-03) 100%);
background: -webkit-linear-gradient(left, var(--color-01) var(--color-01) 50%, var(--color-03) 50%,var(--color-03) 100%);
background: linear-gradient(to right, var(--color-01) 0%, var(--color-01) 50%, var(--color-03) 50%, var(--color-03) 100%);}
.color-bottom {background: url(../../images/hg-fuss2.jpg) no-repeat;}
.color-copyright {background: var(--color-01); border-top: 1px solid #fff;}
.color-logo-navi {background: transparent; position: absolute;}

/* LOGO */

.logo img {width: 100%; max-width: 250px;}

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

.logo {padding: .5% 0 0 0;}
a .custom.logo{color:#fff; font-size:1.3rem;}
/* SLIDER */
/*.hgd-slider {margin-top: 120px;}*/
.kopfbild{position:relative;z-index:332;}
.text-ueber-bild{color:#fff;font-family: 'Calligraffitti', cursive;font-size:48px;position:absolute;right: 20%;top: 45%;z-index:333;}
.text-ueber-bild-kontakt{color:#fff;font-family: 'Calligraffitti', cursive;font-size:48px;position:absolute;right: 40%;top: 45%;z-index:335;}
.text-ueber-bild-links{color:#fff;font-family: 'Calligraffitti', cursive;font-size:48px;position:absolute;left: 10%;top: 45%;z-index:334;}
.hgd-slider-stack {margin-top: 194px;}

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

#navigation-toggle {z-index: 99999999 !important;}

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

/* NAVIGATION + LOGO / STACK */
.hgd-stack .navigation {margin: 0% 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: 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: var(--color-06);}

/*.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; font-family: 'Source Sans Pro', sans-serif;}*/
.hgd-bottom-box h3 {font-size: 1.3em; color: var(--color-02); letter-spacing: 2px; border-bottom: 1px solid var(--color-06); padding-bottom: 10px; font-family: 'Source Sans Pro', sans-serif;}
/*.hgd-bottom-box h4 {font-size: 1em; color: var(--color-02); font-family: 'Source Sans Pro', sans-serif;}*/
.hgd-bottom-box h4 {font-size: 1em; color: var(--color-02); font-family: 'Source Sans Pro', sans-serif;}

.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);}
.fa-mobile {font-size: 1.2em; color: var(--color-02);}
.fa-mobile2 {font-size: 1.2em; color: var(--color-02);}

.box-top-icon .fal.fa-home {font-size: 4em; color: var(--color-02);}

.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; font-family: 'Source Sans Pro', sans-serif;}*/
.bottom-menu li {float: none; width: 100%; border-bottom: 1px dotted var(--color-02); padding: 3px 0; font-family: 'Source Sans Pro', sans-serif;}

/* FLIPCARDS-HEADER */
.hgd-flipcard-header {text-align: center; color: #333; font-size: 2em; padding: 25px 0;}

/* FLIPCARDS */
.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: var(--color-01); color: var(--color-02); 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-flip-front, .hgd-flip-back {font-size: 1em; text-align: center; hyphens: auto; min-height: 320px;}
.hgd-flip-front h3, .hgd-flip-back h3 {text-align: center; letter-spacing: 1px;}
.hgd-flip-front img, .hgd-flip-back img {width: 100%; max-width: 300px; margin-top: 10px; border: 2px solid #fff;}
.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-HEADER */
.hgd-featureboxen-header {text-align: center; color: var(--color-02); font-size: 2em; padding: 25px 0;}

/* FEATURE-BOXEN */
 .hgd-flex-container {display: flex; flex-direction: row;}

.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 h4 {padding: 10px 5px; color: #333; font-size: 1em;font-weight: 600;}
.ct-featureBox p {margin-bottom: 0;}

.ct-featureBox {background: #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 .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;}
.topbar .fa-mobile::before {color: #fff;}

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

/* TIMELINE */
.hgd-timeline {position: relative; max-width: 1200px; margin: 0 auto; padding: 50px 0;}
.hgd-timeline::after {content: ''; position: absolute; width: 5px; background-color: white; top: 0; bottom: 0; left: 50%; margin-left: -3px;}
.hgd-timeline-container { padding: 10px 40px; position: relative; background-color: inherit; width: 50%;}
.hgd-timeline-container:after {content: ''; position: absolute; width: 25px; height: 25px; right: -12px; background-color: white; border: 4px solid rgba(0,0,0,.5); top: 15px; border-radius: 50%; z-index: 1; box-shadow: 0px 2px 5px rgba(0,0,0,0.7);}

.hgd-timeline h2 {color: var(--color-01);}

.tl-left {left: 0;}
.tl-right {left: 50%;}

.tl-left:before {content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; right: 30px; border: medium solid white; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent white;}
.tl-right:before {content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: 30px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent;}
.tl-right:after {left: -16px;}


.hgd-timeline-content {padding: 20px 30px; background-color: white; position: relative; border-radius: 6px; box-shadow: 3px 3px 5px rgba(0,0,0,0.6);}


@media screen and (max-width: 600px) {
  .hgd-timeline:after {left: 31px;}

  .hgd-timeline-container {width: 100%; padding-left: 70px; padding-right: 25px;}
  .hgd-timeline-container:before {left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent;}

  .tl-left:after, .tl-right:after {left: 15px;}
  .tl-right {left: 0%;}
	}

/* 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); font-family: 'Source Sans Pro', sans-serif;}*/
.footer1 {text-align: center; padding: 15px; color: var(--color-02); font-family: 'Source Sans Pro', sans-serif;}

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

/* GOOGLE-MAPS */
.hgd-google-maps {border-top:solid 5px #aacf75; 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: 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);}