/* ---------- RESPONSIVE DESIGN ----------*/

 @media screen and (max-width: 768px) {	
	/* RESPONSIVE */
	.hgd-desktop {display: none;}
	.hgd-mobil {display: block;}
	
	.color-flipcards {height: 1680px;}
	.hgd-flipcard-header {color: var(--color-white);}
	
		/* IMAGEBOXEN */
		.hgd-description p {padding: 10px; font-size: medium; font-weight: 500; line-height: 1em;}
		a.imgagebox-content-link {width: 60%; }
		.hgd-imageboxen-header h2 {font-size: 1.3em !important; }
	
	/* QUICKKONTAKT */
	.content-quick-kontakt {background: var(--color-02); color: var(--color-white);}
	
	/* TOPBAR */
	.topbar .col-md-3 {margin-bottom: 7px; }
	
	h2 {font-size: 9vw;}
 
	#navigation-logo {position: relative !important;}
	
	.hgd-slider {margin-top: 0px;}
	.hgd-social-media .fab {font-size: 2em}
	
	.hgd-bottom-box {margin: 15px 0 5px 0;}
	
	#hgd-flip .col {flex-basis: auto; margin-bottom: 50px;}
	#hgd-flip .col {margin-bottom: 75px;}
	.hgd-flip-front, .hgd-flip-back {min-height: 350px;}
	
.hgd-flipcard-header h2 {text-align: center; font-size: 1.3em !important; color: var(--color-white);}
	
	#HGDscrollBtn {bottom: 10px; right: 10px;}
	
	.search {float: left;}
	
	.featureBoxSmall {border-bottom: 1px dashed var(--color-white);  padding: 15px;}
	.featureBoxSmall h4 {text-align: center; margin-top: 25px;}
	.featureBoxSmall p {text-align: center;}
	
	/* BOTTOM-BOXEN */
	.hgd-bottom-box:first-of-type {padding-top: 25px;}
	.hgd-bottom-box:last-of-type {padding-bottom: 25px;}
	
	}
	
	}

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

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

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