/* ----------------------------------------------------------------
	Menu
-----------------------------------------------------------------*/

.stick-fixed-menu{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
}
.nav-logo-wrap .logo{
    max-width: 118px !important;
    height: 85px !important;
}
 .small-height .nav-logo-wrap .logo{
    height: 70px !important;
}

/*
 * Desktop nav
 */

.main-nav{
    height: 85px !important;
    background: #222 !important;
    border-bottom: 1px solid rgba(255,255,255, .25) !important;
}
.small-height{
    height: 70px !important;
}
.small-height .inner-nav ul li a{
    height: 70px !important;
    line-height: 70px !important;
}
.main-nav.semi-transparent{
    background: rgba(34,34,34, 0.5) !important;
    border-bottom: 1px solid rgba(255,255,255, .15) !important;
}
.main-nav.small-height.semi-transparent{
    background: #222 !important;
    border-bottom: 1px solid rgba(255,255,255, .25) !important;
}
.inner-nav ul{
    text-align: center !important;
  	font-family: "Zen Dots", arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 200 !important;
	letter-spacing: 1px !important;
    text-transform: uppercase !important;	
}
.inner-nav ul li a{
    color: #999 !important;
	letter-spacing: 1px !important;
}
.inner-nav ul li a:hover,
.inner-nav ul li a.active{
    color: #fff !important;
}
.inner-nav ul li a i{
    color: #999 !important;
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important;  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important; 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important;
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important; 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important;
}
.inner-nav ul li a:hover i,
.inner-nav ul li a.active i{
    color: #a8002a !important;
}
.inner-nav ul li a .fa-chevron-down {
    color: #999 !important;
}
.inner-nav ul li a:hover .fa-chevron-down,
.inner-nav ul li a.active .fa-chevron-down{
    color: #fff !important;
}

/* Menu sub */
.mn-sub{
    background: #222 !important;
}
.inner-nav ul li .mn-sub li a{
    padding: 16px 1px !important;
    text-align: center !important;
  	font-family: "Zen Dots", arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 200 !important;
	letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: #999 !important;
	border-bottom: 1px solid rgba(255,255,255, .15) !important;
}
.inner-nav ul li .mn-sub li:first-child a{
	border-top: 2px solid #999 !important;
}
.mn-sub li a:hover,
.mn-sub li a.active,
.inner-nav ul li .mn-sub li a:hover,
.inner-nav ul li .mn-sub li a.active
{
    background: rgba(255, 255, 255, .035) !important;
    color: #fff !important;
}

/*
 * Mobile nav
 */

.mobile-on .desktop-nav{
    padding: 0 !important;   
}
.mobile-on .desktop-nav ul{
    background: #222 !important;
}
.mobile-on .desktop-nav ul li ul{
    padding: 0 !important;
    border-bottom: 1px solid rgba(255,255,255, .15) !important;
}
.mobile-on .desktop-nav ul li a{
    height: 54px !important;
    line-height: 54px !important;
    padding: 0 1px !important;
    text-align: center !important;
    border-bottom: 1px solid rgba(255,255,255, .15) !important;
    color: #999 !important;
    letter-spacing: 1px !important;
}
.mobile-on .desktop-nav ul li a:hover,
.mobile-on .desktop-nav ul li a.active{
    background: rgba(255,255,255, .035) !important;
    color: #fff !important;
}

/* Menu sub */

.mobile-on .mn-has-sub > .fa-chevron-down{
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    color: #999 !important;
    font-size: 11px !important;
    line-height: 15px !important;
    position: absolute !important;
    top: 50% !important;
    right: 20px !important;
    margin-top: -8px !important;
    text-align: center !important;
    border: 1px solid rgba(255,255,255, .15) !important;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}
.mobile-on .mn-has-sub:hover > .fa-chevron-down{
    color: rgba(255,255,255,0.50) !important;
    border: 1px solid rgba(0,0,0, .25) !important;
}
.mobile-on .js-opened > .mn-has-sub > .fa-chevron-down{
    border-color: rgba(255,255,255, 1) !important;
	transform: rotate(180deg) !important;
    line-height: 15px !important;
	color: #999 !important;
}
.mobile-on .mn-sub li{
    padding-left: 0px !important;
}
.mobile-nav{
    font-weight: 100 !important;
    color: #999 !important;
    border-left: 1px solid rgba(255,255,255, .15) !important;
    border-right: 1px solid rgba(255,255,255, .15) !important;
}
.mobile-nav:hover,
.mobile-nav.active{
    background: rgba(255,255,255, .035) !important;
    color: #fff !important;
}
.mobile-nav:active{
    -webkit-box-shadow: 0 0 35px rgba(0,0,0,0) inset !important;
    -moz-box-shadow: 0 0 35px rgba(0,0,0,0) inset !important;
    box-shadow: 0 0 35px rgba(0,0,0,0) inset !important;
}
.no-js .mobile-nav{
    width: 75px !important;
    height: 75px !important;
}
.mobile-on .mobile-nav{
    display: table !important;
}

/* Hamburger Menu */

#nav-icon {
  	width: 35px !important;
  	height: 35px !important;
  	position: relative !important;
  	margin: 22px auto 0 auto !important;
  	-webkit-transform: rotate(0deg) !important;
  	-moz-transform: rotate(0deg) !important;
  	-o-transform: rotate(0deg) !important;
  	transform: rotate(0deg) !important;
  	-webkit-transition: .5s ease-in-out !important;
  	-moz-transition: .5s ease-in-out !important;
  	-o-transition: .5s ease-in-out !important;
  	transition: .5s ease-in-out !important;
  	cursor: pointer !important;
}
#nav-icon span {
  	display: block !important;
  	position: absolute !important;
  	height: 2px !important;
 	width: 100% !important;
  	border-radius: 3px !important;
  	opacity: 1 !important;
  	left: 0 !important;
  	-webkit-transform: rotate(0deg) !important;
  	-moz-transform: rotate(0deg) !important;
  	-o-transform: rotate(0deg) !important;
  	transform: rotate(0deg) !important;
  	-webkit-transition: .25s ease-in-out !important;
  	-moz-transition: .25s ease-in-out !important;
  	-o-transition: .25s ease-in-out !important;
  	transition: .25s ease-in-out !important;
	background: #fff !important;
}
#nav-icon span:nth-child(1) {
  	top: 0px !important;
}
#nav-icon span:nth-child(2) {
  	top: 13px !important;
}
#nav-icon span:nth-child(3) {
  	top: 26px !important;
}
#nav-icon.open span:nth-child(1) {
  	top: 13px !important;
	height: 3px !important;
  	-webkit-transform: rotate(135deg) !important;
  	-moz-transform: rotate(135deg) !important;
  	-o-transform: rotate(135deg) !important;
  	transform: rotate(135deg) !important;
  	background: #e41919 !important;
}
#nav-icon.open span:nth-child(2) {
  	opacity: 0 !important;
  	left: -60px !important;
	height: 1px !important;
}
#nav-icon.open span:nth-child(3) {
  	top: 13px !important;
	height: 3px !important;
  	-webkit-transform: rotate(-135deg) !important;
  	-moz-transform: rotate(-135deg) !important;
  	-o-transform: rotate(-135deg) !important;
  	transform: rotate(-135deg) !important;
  	background: #e41919 !important;
}

@media (min-width: 1038px) {
	.mn-sub{
		width: 250px !important;
	}
}
@media (max-width: 1037.98px) {
	.stick-fixed-menu{
		position: relative !important;
	}
	.nav-logo-wrap .logo,
	.small-height .nav-logo-wrap .logo{
		height: 70px !important;
	}
	.main-nav,
	.small-height{
		height: 70px !important;
	}
	.container-1400{
		background: #222 !important;
		border-bottom: 1px solid rgba(255,255,255, .15) !important;
	}
	.inner-nav ul li:first-child a{
		border-top: 1px solid rgba(255,255,255, .15) !important;
	}
	.inner-nav ul li .mn-sub li:first-child a{
		border-top: 0 !important;
	}
}


/* ----------------------------------------------------------------
	Breadcrumb
-----------------------------------------------------------------*/

.breadcrumb{
	width: 100% !important;
    display: block !important;    
    position: relative !important;
    overflow: hidden !important;
	background-image: url("../images/hg-footer.jpg") !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 150px 0 70px 0 !important;
} 
@media only screen and (max-width: 1037.98px) {
	.breadcrumb{
		padding: 40px 0 !important;
	}
} 
.breadcrumb h3 {
	color: #fff !important;
    font-size: 18px !important;
    letter-spacing: 3px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important;  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important; 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important;
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important; 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important;
}
.breadcrumb p{
    color: #fff !important;
    font-size: 12px !important;
    letter-spacing: 2px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important;  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important; 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important;
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important; 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important;
}
.mod-breadcrumb {
	color: #a8002a !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3em !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important;  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important; 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important;
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important; 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000) !important;
}
.mod-breadcrumb a{
	color: #999 !important;
    font-weight: 200 !important;
    text-decoration: none !important;
}
.mod-breadcrumb a:hover{
	color: #fff !important;
    font-weight: 200 !important;
    text-decoration: none !important; 
}
.mod-breadcrumb span{
	color: #fff !important;
}
.mod-breadcrumb .fa-fish-fins {
	color: #fff !important;
  	font-size: 6px !important;
  	margin: 5px 8px 0 8px !important;
  	vertical-align: top !important;
}

/* ----------------------------------------------------------------
	Startpic
-----------------------------------------------------------------*/

.home-section{
    background-attachment: scroll !important;
    padding: 20% 0 !important;
} 
.home-section .bg-pattern-over:before,
.home-section .bg-pattern-over .YTPOverlay:after{
    content: " " !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    background-repeat: repeat !important;
    background-size: auto !important;
    background-image: url(../images/pattern-bg-2.png) !important;
}
.home-text h2 {
    font-size: 2.5rem !important;
    letter-spacing: 3px !important;
    color: #fff !important;
} 
@media only screen and (max-width: 1038px) {
	.home-text h2 {
        font-size: 2rem !important;
        letter-spacing: 2px !important;
    } 
} 
@media only screen and (max-width: 992px) {
	.home-text h2 {
        font-size: 1.75rem !important;
        letter-spacing: 2px !important;
    } 
} 
@media only screen and (max-width: 768px) {
	.home-text h2 {
        font-size: 1.5rem !important;
        letter-spacing: 2px !important;
    }
} 
@media only screen and (max-width: 550px) {
	.home-text h2 {
        font-size: 1.25rem !important;
        letter-spacing: 2px !important;
    } 
} 

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/

.blog-section{
	width: 100% !important;
    display: block !important;    
    position: relative !important;
    overflow: hidden !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 140px 0 50px 0 !important;
} 
@media only screen and (max-width: 1038px) {
	.blog-section{
		padding: 80px 0 !important;
	}  
} 
.blog-page {
  	position: relative !important;
  	overflow: hidden !important;
  	border-radius: 10px !important;
  	width: 100% !important;
  	height: 500px !important;
	box-shadow: rgba(0, 0, 0, 1) 0px 15px 10px -10px !important;
}
.blog-page .overlay {
    width: 100% !important;
    height: 500px !important;
    background: -webkit-linear-gradient(rgba(0,0,0,0.13) 20%, #000 100%) !important;
    background: -o-linear-gradient(rgba(0,0,0,0.13) 20%, #000 100%) !important;
    background: linear-gradient(rgba(0,0,0,0.13) 20%, #000 100%) !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 999 !important;
}
.blog-page .blog-img img {
	-webkit-transform: rotate(0deg) scale(1) !important;
	transform: rotate(0deg) scale(1) !important;
	-webkit-transition: .3s ease-in-out !important;
	transition: .3s ease-in-out !important;
	height: 500px !important;
	width: 100% !important;
}
.blog-page:hover .blog-img img {
	-webkit-transform: rotate(5deg) scale(1.2) !important;
	transform: rotate(5deg) scale(1.2) !important;
}
.blog-page .blog-content {
  	position: absolute;
	padding: 0px;
  	bottom: 30px;
  	left: 50%;
  	transform: translateX(-50%);
  	width: 85%;
}
.blog-page .blog-inner-content {
  	position: absolute;
  	padding: 23px 30px 23px 10px;
  	bottom: 0px;
  	left: 50%;
  	transform: translateX(-50%);
  	width: 100%;
  	z-index: -1 !important;
  	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, #000 100%) !important;
  	border-radius: 10px 10px 20px 10px !important;
}
.blog-page .badge{
	display: inline-block;
	padding: 4px 10px !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	line-height: 1!important;
	color: #000 !important;
	text-align: center !important;
	white-space: nowrap !important;
	vertical-align: baseline !important;
	border-radius: 6px !important;
}
.blog-page .blog-content h3 {
	color: #fff !important;
  	font-size: 16px !important;
	letter-spacing: 1px !important;
	margin: 20px 0 10px 0 !important
}
.blog-page .blog-content p {
	color: #999 !important;
	font-size: 14px !important;
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important; 
	text-overflow: '...' !important;
}
.blog-page .blog-content h6 {
	font-family: 'Open Sans' !important;
	color: #999 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
}
.blog-page .blog-content .icon i {
	color: #fff !important;
  	font-size: 20px !important;
	width: 50px !important;
	height: 50px !important;
	line-height: 50px !important;
	background: #a8002a !important;
	border-radius: 20px 10px !important;
	border: 2px solid #fff !important;
	float: right !important;
}
.blog-page:hover .blog-content .icon i {
	background: #222 !important;
	border-color: #a8002a!important;
} 

.gallery-img{
	margin: auto !important;
    position: relative !important;
	overflow: hidden !important;
  	border-radius: 10px !important;
	height: 100% !important;
	max-height: 160px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
}
.gallery-img img {
	-webkit-transform: rotate(0deg) scale(1) !important;
	transform: rotate(0deg) scale(1) !important;
	-webkit-transition: .3s ease-in-out !important;
	transition: .3s ease-in-out !important;
}
.gallery-img:hover img {
	-webkit-transform: rotate(5deg) scale(1.2) !important;
	transform: rotate(5deg) scale(1.2) !important;
}
.gallery-img .middle {
  	transition: .5s ease;
  	opacity: 0.25 !important;
  	position: absolute !important;
  	top: 50% !important;
  	left: 50% !important;
  	transform: translate(-50%, -50%) !important;
  	-ms-transform: translate(-50%, -50%) !important;
  	text-align: center !important;
}
.gallery-img:hover .middle {
  	opacity: 1 !important;
}
.gallery-img .text i {
	color: #fff !important;
    font-size: 40px !important;
}

@media only screen and (max-width: 1200px) {
	.blog-card .blog-img{
		max-height: 220px !important;
	}
}
@media only screen and (max-width: 575px) {
	.gallery-img{
		max-height: 250px !important;
	}
}

/* ----------------------------------------------------------------
	404
-----------------------------------------------------------------*/

.error-section{
	width: 100% !important;
    display: block !important;    
    position: relative !important;
    overflow: hidden !important;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    padding: 12% 0 !important;
} 
.error-section .home-text h2 {
    font-size: 2.5rem !important;
    letter-spacing: 3px !important;
    color: #fff !important;
} 
.error-section .home-text p {
    color: #fff !important;
    font-size: 18px !important;
}
@media only screen and (max-width: 1038px) {
	.error-section .home-text h2 {
        font-size: 2rem !important;
        letter-spacing: 2px !important;
    } 
} 
@media only screen and (max-width: 992px) {
	.error-section .home-text h2 {
        font-size: 1.75rem !important;
        letter-spacing: 2px !important;
    } 
} 
@media only screen and (max-width: 768px) {
	.error-section .home-text h2 {
        font-size: 1.5rem !important;
        letter-spacing: 2px !important;
    }
} 
@media only screen and (max-width: 550px) {
	.error-section .home-text h2 {
        font-size: 1.25rem !important;
        letter-spacing: 2px !important;
    } 
} 

/* ----------------------------------------------------------------
	Support Boilie Brauerei
-----------------------------------------------------------------*/

.support-section {
	width: 100% !important;
    display: block !important;    
    position: relative !important;
    overflow: hidden !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
	background-attachment: scroll !important;
    padding: 11% 0 0% 0 !important;
} 
.support-section .home-content{
    display: table !important;
    width: 100% !important;
    height: 100% !important;
    text-align: center !important;
}
.support-section h3 {
    color: #fff !important;
    font-size: 3.5rem !important;
    letter-spacing: 3px !important;
}
.support-section p {
    color: #999 !important;
    font-size: 6rem !important;
    margin-top: -80px !important;
    transform: rotate(-10deg) !important;
}
@media only screen and (max-width: 1200px) {
	.support-section h3 {
        font-size: 3rem !important;
        letter-spacing: 2px !important;
    }
    .support-section p {
        font-size: 5rem !important;
    }
} 
@media only screen and (max-width: 1024px) {
	.support-section {
		padding: 18% 0 0% 0 !important;
	} 
    .support-section p {
        font-size: 4.5rem !important;
    }
} 
@media only screen and (max-width: 992px) {
	.support-section {
		padding: 20% 0 0% 0 !important;
	} 
	.support-section h3 {
        font-size: 2.5rem !important;
        letter-spacing: 2px !important;
    }
    .support-section p {
        font-size: 4rem !important;
        margin-top: -50px !important;
    }
} 
@media only screen and (max-width: 768px) {
	.support-section {
		padding: 25% 0 0% 0 !important;
	} 
	.support-section h3 {
        font-size: 2rem !important;
        letter-spacing: 1px !important;
    }
    .support-section p {
        font-size: 3.5rem !important;
        margin-top: -50px !important;
    }
} 
@media only screen and (max-width: 550px) {
	.support-section {
		padding: 25% 0 0% 0 !important;
	} 
	.support-section h3 {
        font-size: 1.5rem !important;
        letter-spacing: 1px !important;
    }
    .support-section p {
        font-size: 3rem !important;
        margin-top: -40px !important;
    }
} 

/* ----------------------------------------------------------------
	Youtube
-----------------------------------------------------------------*/

.youtube-section {
	width: 100% !important;
    display: block !important;    
    position: relative !important;
    overflow: hidden !important;
	background: #222;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    -webkit-background-size: contain !important;
    -moz-background-size: cover !important;
    -o-background-size: contain !important;
    background-size: contain !important;
	background-attachment: scroll !important;
    padding: 5% 0 !important;
	text-decoration: none !important;
} 
.youtube-section a {
	text-decoration: none !important;
}
.youtube-section .home-content{
    display: table !important;
    width: 100% !important;
    height: 100% !important;
    text-align: center !important;
}
.youtube-section h3 {
    color: #fff !important;
    font-size: 3.5rem !important;
    letter-spacing: 3px !important;
}
.youtube-section p {
    color: #999 !important;
    font-size: 16px !important;
}
@media only screen and (max-width: 1200px) {
	.youtube-section h3 {
        font-size: 3rem !important;
        letter-spacing: 2px !important;
    }
} 
@media only screen and (max-width: 992px) {
	.youtube-section {
		padding: 8% 0 !important;
	} 
	.youtube-section h3 {
        font-size: 2.5rem !important;
        letter-spacing: 2px !important;
    }
} 
@media only screen and (max-width: 768px) {
	.youtube-section h3 {
        font-size: 2rem !important;
        letter-spacing: 1px !important;
    }
} 
@media only screen and (max-width: 550px) {
	.youtube-section {
		padding: 11% 0 !important;
	} 
	.youtube-section h3 {
        font-size: 1.5rem !important;
        letter-spacing: 1px !important;
    }
} 
.youtube-section .start-video {
  	padding-bottom: 20px !important;
  	cursor: pointer !important;
	width: 95px !important;
	height: 105px !important;
}


/* ----------------------------------------------------------------
	Clients
-----------------------------------------------------------------*/

.clients-grid {
  	position: relative !important;
  	align-items: stretch !important;
  	list-style: none !important;
  	overflow: hidden !important;
	text-align: center !important;
}
.clients-grid > .col {
  	position: relative !important;
  	padding: 30px 0 !important;
  	-webkit-backface-visibility: hidden !important;
}
.clients-grid > .col a {
  	display: block !important;
  	width: 75% !important;
  	margin-left: auto !important;
  	margin-right: auto !important;
  	transition: all 0.5s ease !important;
    text-decoration: none !important;
}
.clients-grid > .col a:hover {
  	opacity: 0.85 !important;
}
.clients-grid > .col::before, .clients-grid > .col::after {
  	content: "" !important;
  	position: absolute !important;
}
.clients-grid > .col::before {
  	height: 100% !important;
  	top: 0 !important;
  	left: calc(-1 * 1px) !important;
  	border-left: 1px dashed rgba(0, 0, 0, 0.15) !important;
}
.clients-grid > .col::after {
  	width: 100% !important;
  	height: 0 !important;
  	top: auto !important;
  	left: 0 !important;
  	bottom: calc(-1 * 1px) !important;
  	border-bottom: 1px dashed rgba(0, 0, 0, 0.15) !important;
}
.clients-grid .flex-center .fa-hand-point-right {
    color: #a8002a !important;
    font-size: 18px !important;
	padding-right: 10px !important;
    transform: rotate(-20deg) !important;
}
.clients-grid .flex-center:hover .fa-hand-point-right {
    color: #222 !important;
    font-size: 18px !important;
	padding-right: 10px !important;
    transform: rotate(0deg) !important;
}
.clients-grid h3{
    color: #111 !important;
    font-size: 18px !important;
    letter-spacing: 0px !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
}
.clients-grid p {
    color: #111 !important;
    font-size: 11px !important;
    letter-spacing: 0px !important;
    text-transform: uppercase !important;
}
.clients-grid .csounder {
    color: #df1b12 !important;
}
.clients-grid .cbaits {
    color: #a8bd42 !important;
}
.clients-grid .ecarp {
    color: #ff6300 !important;
}
.clients-grid .carpleads {
    color: #b6c102 !important;
}
.clients-grid .mk {
    color: #ffb800 !important;
}
.clients-grid .adirect {
    color: #e30613 !important;
}
@media (max-width: 992px) {
	.clients-grid h3{
		font-size: 15px !important;
	}
}
@media (max-width: 550px) {
	.clients-grid h3{
		font-size: 13px !important;
	}
}
@media (max-width: 425px) {
	.clients-grid h3{
		font-size: 12px !important;
	}
}

/* ----------------------------------------------------------------
	Contact
-----------------------------------------------------------------*/
.form input[type="text"],
.form input[type="email"],
.form input[type="number"],
.form input[type="url"],
.form input[type="search"],
.form input[type="tel"],
.form input[type="password"],
.form input[type="date"],
.form input[type="color"],
.form select{
    text-transform: none !important;
    color: #777;
    border: 1px solid rgba(0,0,0, .3);
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
}
.form input[type="text"]:hover,
.form input[type="email"]:hover,
.form input[type="number"]:hover,
.form input[type="url"]:hover,
.form input[type="search"]:hover,
.form input[type="tel"]:hover,
.form input[type="password"]:hover,
.form input[type="date"]:hover,
.form input[type="color"]:hover,
.form select:hover{
    border-color: rgba(0,0,0, 1) !important;
}
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="number"]:focus,
.form input[type="url"]:focus,
.form input[type="search"]:focus,
.form input[type="tel"]:focus,
.form input[type="password"]:focus,
.form input[type="date"]:focus,
.form input[type="color"]:focus,
.form select:focus{
    border-color: rgba(0,0,0, 1) !important;
}
.form textarea{
    text-transform: none !important;
    color: #777;
    border: 1px solid rgba(0,0,0, .3);
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
}
.form textarea:hover,
.form textarea:focus{
    color: #111;
    border-color: rgba(0,0,0, 1) !important;
}
.form select {
    font-size: 13px !important;
    color: #777 !important;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23999999' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
	background-repeat: no-repeat !important;
	background-position:right .75rem center !important;
	background-size: 16px 12px !important;	
}
.form .form-group{
    margin-bottom: 30px !important;
}
.form label {
  margin-bottom: 10px !important;
  font-weight: 600 !important;
}
.form label small {
  margin-top: 5px !important;
  color: #e41919 !important;
  font-weight: 400 !important;
}
.form .form-check-input {
    background-color: #F8ACAD !important;
    border-color: #FF0004 !important;
  	box-shadow: 0 !important;
  	--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23f00' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form .form-check-input:checked,
.form .form-check-input:focus {
    background-color: #59ba41 !important;
    border-color: #0D3E01 !important;
  	box-shadow: 0 0 0 0.25rem rgba(89,186,65,0.25) !important;
}
.form div.error{
    margin-top: 20px;
    padding: 13px 20px;
    text-align: center;
    background: rgba(228,25,25, .75);
    color: #fff;
}
.form div.error a,
.form div.error a:hover{
    color: #fff;
}
.form div.success{
    margin-top: 20px;
    padding: 13px 20px;
    text-align: center;
    background: rgba(50,178,95, .75);
    color: #fff;
}
.form-tip {
    font-size: 11px !important;
    color: #999 !important;
}

/* ----------------------------------------------------------------
	Social Media
-----------------------------------------------------------------*/

.social-media-contact {
  	border: 1px dashed rgba(0,0,0, .15);
  	padding: 20px !important;
  	border-radius: 10px !important;
	color: #fff !important;
	text-transform: none !important;
}
.social-media-contact:hover {
  	border: 1px dashed rgba(0,0,0, .75);
}
.social-media-contact i{
    font-size: 75px !important;
    margin-bottom: 20px !important;
}
.social-media-contact h3{
	color: #222 !important;
    font-size: 22px !important;
    text-transform: none !important;
    letter-spacing: 1px !important;
    margin-bottom: 20px !important;
}
.social-media-contact p{
	color: #999 !important;
    font-size: 16px !important;
    text-transform: none !important;
    letter-spacing: 1px !important;
    margin-bottom: 10px !important;
}
.social-media-contact .btn.read-more {
    font-size: 16px !important;
    cursor: pointer !important;
    color: #222 !important;
}
.social-media-contact .btn.read-more i {
    font-size: 16px !important;
    color: #222 !important; 
	-webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);  
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); 
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}
.social-media-contact .btn.read-more:hover,
.social-media-contact .btn.read-more:hover i {
    color: #999 !important;
	text-decoration: none !important;
}

/* ----------------------------------------------------------------
	Newsletter
-----------------------------------------------------------------*/

.newsletter {
    background-image: url("../images/hg-footer.jpg") !important;
    background-repeat: repeat !important;
    background-position: center !important; 
    background-color: #222 !important;
    border-top: 2px solid #a8002a !important;
}
.newsletter-label h4{
	color: #fff !important;
    font-size: 22px !important;
    text-transform: none !important;
    letter-spacing: 1px !important;
    margin-bottom: 25px !important;
}
.newsletter-label p{
	color: #999 !important;
    font-size: 16px !important;
    text-transform: none !important;
    letter-spacing: 1px !important;
    margin-bottom: 40px !important;
}
.newsletter .subscribe-input-box {
    position: relative !important;
    display: block !important;
}
.newsletter .subscribe-input-box input[type="email"] {
  	height: 60px !important;
  	width: 100% !important;
  	background-color: #111;
  	outline: none !important;
  	font-size: 12px !important;
  	border: 1px solid #999;
  	padding-right: 90px !important;
  	padding-left: 20px !important;
  	border-radius: 10px !important;
	color: #fff !important;
	text-transform: none !important;
}
.newsletter .subscribe-input-box input[type="email"]:hover,
.newsletter .subscribe-input-box input[type="email"]:focus {
  	background-color: #333;
  	border: 1px solid #999 !important;
}
.newsletter .subscribe-btn {
  	position: absolute !important;
  	top: 50% !important;
  	right: 11px !important;
  	width: 53px !important;
  	height: 40px !important;
  	border: none !important;
  	background-color: #a8002a !important;
  	border-radius: 10px !important;
  	font-size: 23px !important;
  	color: #fff !important;
  	transform: translateY(-50%) !important;
  	padding: 0 !important;
  	margin: 0 !important;
  	-webkit-transition: all 500ms ease !important;
 	transition: all 500ms ease !important;
}
.newsletter .subscribe-btn:hover,
.newsletter .subscribe-btn:focus{
  	background-color: #333 !important;
}
.newsletter input::placeholder{
    color: #999 !important;
}
.newsletter input:hover::placeholder{
    color: #fff !important;
}
.newsletter input:focus::placeholder{
    color: #fff !important;
}

/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/

.footer {
    background-image: url("../images/hg-footer.jpg") !important;
    background-repeat: repeat !important;
    background-position: center !important; 
    background-color: #222 !important;
    border-top: 1px solid rgba(255,255,255, .05) !important;
}
.footer-links a{
    font-size: 12px !important;
    color: #bababa !important;
    text-decoration: none !important;
    border-bottom: 1px dashed #777 !important;
    padding-bottom: 6px !important;
}
.footer-links a:hover{
    color: #fff !important;
    border-color: #fff !important;
}
.footer-copy{
    font-size: 18px !important;
    color: #fff !important;
    margin-bottom: 5px !important;
    letter-spacing: 2px !important;
}
.footer-made{
    font-size: 12px !important;
    color: #bababa !important;
}
.footer-ssl{
    font-size: 10px !important;
    color: #bababa !important;
}
.footer-social-links a{
    width: 35px !important;
    height: 35px !important;
    line-height: 35px !important;
    margin: 0 12px !important;
    color: #bababa !important;
}
.footer-social-links a:before{
    border: 1px solid #bababa !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 5px !important;
    
}
.footer-social-links a:hover i{
    color: #fff !important;
}
.footer-social-links a:hover:before{
    background: #333 !important;
}

/* ----------------------------------------------------------------
	Button
-----------------------------------------------------------------*/

.btn-mod,
a.btn-mod{
    color: #fff !important;
    background: #a8002a !important;
	border: 2px solid #222 !important;
}
.btn-mod:hover,
a.btn-mod:hover{
    color: #fff !important;
    background: #222 !important;
    border-color: #222 !important; 
}
.btn-mod.btn-small{
    padding: 6px 17px !important;
} 
.btn-mod.btn-medium{
    padding: 8px 27px !important;
} 
.btn-mod.btn-large{
    padding: 12px 35px !important;
}

.btn-mod.btn-border{
    color: #222 !important;
    border: 2px solid #222 !important;
    background: transparent !important;
}
.btn-mod.btn-border:hover{
    color: #fff !important;
    border-color: #222 !important;
    background: #222 !important;
}
.btn-mod.btn-border-w{
    color: #fff !important;
    border: 2px solid #fff !important;
    background: transparent !important;
}
.btn-mod.btn-border-w:hover{
    color: #222 !important;
    border-color: #fff !important;
    background: #fff !important;
}
.btn-mod.btn-w{
    color: #222 !important;
    background: rgba(255,255,255, .8) !important;
}
.btn-mod.btn-w:hover{
    color: #222 !important;
    background: #fff !important;
}
.btn-mod.btn-border-c{
    color: #fff !important;
    border: 2px solid #e41919 !important;
    background: #e41919 !important;
}
.btn-mod.btn-border-c:hover{
    color: #fff !important;
    border-color: #e41919 !important;
    background: #570202 !important;
}
.btn-mod.btn-round{
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
}

/* ----------------------------------------------------------------
	ToTop
-----------------------------------------------------------------*/

.to-top {
  	display: inline-block !important;
  	text-align: center !important;
	text-decoration: none !important;
  	border-radius: 4px !important;
  	position: fixed !important;
  	bottom: 400px !important;
  	right: -10px !important;
  	opacity: 0 !important;
  	visibility: hidden !important;
  	z-index: 999 !important;
  	transition: all 0.75s ease-in-out, opacity .5s, visibility .5s !important;
    transform: rotate(90deg) !important;
}
.to-top.show {
  	opacity: 1 !important;
  	visibility: visible !important;
	bottom: 80px !important;
}
.to-top:hover,
.to-top:active {
  	cursor: pointer !important;
}
.to-top span {
	font-family: 'Zen Dots' !important;
    letter-spacing: 1px !important;
    color: #555 !important;
    display: inline-block !important;
    position: relative !important;
}
.to-top span::before {
    content: '' !important;
    position: absolute !important;
    border-top: 2px solid #555 !important;
    top: 40% !important;
    width: 70px !important;
}
.to-top span::before {
    right: 100px !important;
}

.to-top span:hover,
.to-top span:active {
    color: #a8002a !important;
}
.to-top span:hover::before,
.to-top span:active::before {
    border-color: #a8002a !important;
}

/* ----------------------------------------------------------------
	Cookie banner
-----------------------------------------------------------------*/

.cookie-alert {
  	position: fixed !important;
	overflow-y: auto !important;
  	max-width: 35rem !important;
  	height: auto !important;
  	padding: 1rem 2rem !important;
	background: #222 !important;
	border: 1px solid #a8002a !important;
  	border-radius: 10px !important;
  	top: auto !important;
  	bottom: 1rem !important;
  	left: auto !important;
  	right: 1rem !important;
  	z-index: 999 !important;
  	opacity: 0 !important;
  	transform: translateY(100%) !important;
  	transition: all 500ms ease-out !important;
}
.cookie-alert.show {
  	opacity: 1 !important;
  	transform: translateY(0%) !important;
  	transition-delay: 1000ms !important;
}
.cookie-alert h5{
	color: #fff !important;
    font-size: 16px !important;
}
.cookie-alert p{
    color: #999 !important;
    margin: 5px 0 20px 0 !important;
}
.cookie-alert .btn-success {
    background: #106C01 !important;
    border: 2px solid #106C01 !important;
	color: #fff !important;
}
.cookie-alert .btn-success:hover {
    background: transparent !important;
    border: 2px solid #106C01 !important;
	text-decoration: none !important;
}
.cookie-alert a {
    font-size: 12px !important;
	color: #999 !important;
	text-decoration: none !important;
}
.cookie-alert a:hover {
	color: #fff !important;
	text-decoration: underline !important;
}
@media (max-width: 425px) {
  .cookie-alert {
      max-height: none !important;
      overflow: auto !important;
  	  left: 0.5rem !important;
  	  right: 0.5rem !important;
	  bottom: 0.5rem !important;
  }
}


/* ----------------------------------------------------------------
	Allgemeines
-----------------------------------------------------------------*/

@media (min-width: 1400px){ 
    .container{
        width: 1370px;
    }
}

a {
	color: #a8002a !important;
}

h1,h2,h3,h4,h5,h6{
	font-family: Zen Dots, arial, sans-serif !important;
    font-weight: 200 !important;
}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span{
	color: #a8002a !important;
}
.fa-diamond{
    font-size: 8px !important;
    color: #bababa !important;
	padding: 0 16px 0 10px !important;
}
.ec-font {
	font-family: 'Zen Dots' !important;
  	font-style: normal !important;
  	font-weight: 200 !important;
}
.ec-font-hand {
	font-family: 'Bilbo Swash Caps' !important;
  	font-style: normal !important;
}
.ec-color{
    color: #a8002a !important;
}
.ec-background{
    background: #a8002a !important;
}
/* width */
::-webkit-scrollbar {
  	width: 14px !important;
}
/* Track */
::-webkit-scrollbar-track {
  background: #222222 !important;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #555 !important;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #666 !important;
}

.green { color: #017C0C !important; }
.red { color: #e41919 !important; }
.orange { color: #ff8800 !important; }

.instagram {color: #C13584 !important;}
.bg-instagram {background: rgba(193,53,132,1.00) !important;}
.h-bg-instagram:hover {background: rgba(193,53,132,1.00) !important;}
.border-instagram {border-color: #C13584 !important;}

.youtube {color: #e52d27 !important;}
.bg-youtube {background: rgba(229,45,39,1.00) !important;}
.h-bg-youtube:hover {background: rgba(229,45,39,1.00) !important;}
.border-youtube {border-color: #e52d27 !important;}

.whatsapp {color: #4FCE5D !important;}
.bg-whatsapp {background: rgba(79,206,93,1.00) !important;}
.h-bg-whatsapp:hover {background: #4FCE5D !important;}
.border-whatsapp {border-color: #4FCE5D !important;}

.text-shadow {
	text-shadow: 1px 1px 1px #fff !important;
}
.text-shadow2 {
	 text-shadow: 2px 2px 0 #444, 3px 3px 0 #999999 !important;
}
.text-shadow-dark {
	text-shadow: 1px 1px 1px #111 !important;
}
.kontur {
	text-shadow: 0 -1px #111, 1px 0 #111, 0 1px #111, -1px 0 #111 !important;
}
.kontur-light {
	text-shadow: 0 -1px #fff, 1px 0 #fff, 0 1px #fff, -1px 0 #fff !important;
}
.lead{
    margin: 1em 0 2em 0 !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}
.clamped {
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important; 
	text-overflow: '...' !important;
}

/*-------------------------
    RESPO 
---------------------------*/

@media (max-width: 767.9px) {
	body::-webkit-scrollbar {
	    display: none !important;
	}
	.to-top{
		display: none !important;
	}
}


/* ----------------------------------------------------------------
	col-mb-classes & Bootstrap Utility Classes Extended
-----------------------------------------------------------------*/
[class*=col-mb-] {
  margin-bottom: calc(var(--cnvs-col-mb) * -1);
}

[class*=col-mb-] > .col,
[class*=col-mb-] > [class*=col-] {
  padding-bottom: var(--cnvs-col-mb);
}

.col-mb-30 {
  --cnvs-col-mb: 30px;
}

.col-mb-50 {
  --cnvs-col-mb: 50px;
}

.col-mb-80 {
  --cnvs-col-mb: 80px;
}

@media (min-width: 576px) {
  .col-mb-sm-30 {
    --cnvs-col-mb: 30px;
  }
  .col-mb-sm-50 {
    --cnvs-col-mb: 50px;
  }
  .col-mb-sm-80 {
    --cnvs-col-mb: 80px;
  }
}
@media (min-width: 768px) {
  .col-mb-md-30 {
    --cnvs-col-mb: 30px;
  }
  .col-mb-md-50 {
    --cnvs-col-mb: 50px;
  }
  .col-mb-md-80 {
    --cnvs-col-mb: 80px;
  }
}
@media (min-width: 992px) {
  .col-mb-lg-30 {
    --cnvs-col-mb: 30px;
  }
  .col-mb-lg-50 {
    --cnvs-col-mb: 50px;
  }
  .col-mb-lg-80 {
    --cnvs-col-mb: 80px;
  }
}
@media (min-width: 1200px) {
  .col-mb-xl-30 {
    --cnvs-col-mb: 30px;
  }
  .col-mb-xl-50 {
    --cnvs-col-mb: 50px;
  }
  .col-mb-xl-80 {
    --cnvs-col-mb: 80px;
  }
}
@media (min-width: 1400px) {
  .col-mb-xxl-30 {
    --cnvs-col-mb: 30px;
  }
  .col-mb-xxl-50 {
    --cnvs-col-mb: 50px;
  }
  .col-mb-xxl-80 {
    --cnvs-col-mb: 80px;
  }
}