@import url(colors.css);

/* CUSTOM HOLZHANDWERK KOHLER */

/* .nav-logo-wrap .logo {
	max-width: 150px;
    height: 150px;
	margin-top: -30px;
} */

.banner-section {
    background: #3d7833;
}

.service-item {
    border: 1px solid #e6e6e6;
    padding: 9px 9px 16px 9px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
}

.nav-logo-wrap .logo {
    max-width: 350px;
    height: 150px;
    margin-top: -25px;
}

.nav-logo-wrap {
    float: left;
    margin-right: 20px;
    margin-top: 0px;
}

.tp-banner-slider2 {
    height: 500px;
}

/* .logocontainer {
	display: flex; 
	justify-content: center; 
	align-items: center;
} */

/* a.logo::before {
    height: 100%;
} */

/* img, embed, object, video {
    max-width: 100%;
    height: auto;
} */

.main-nav {
  background: #3a2c1d;
}

.inner-nav ul li a {
    color: #fff;
}

.inner-nav ul li a menu-item-3 {
  color: #393232 !important;
}

.text-layer {
    color: var(--color15) !important;
}

.service-item2 {
    border: 0px;
}

.service-item2.icon-right .cws-icon {
    float: left;
    margin: 0px 20px 0 0;
        margin-top: 0px;
}

.products .product {
    width: calc(25% - 30px);
    width: -moz-calc(25% - 30px);
}

.bg-gray {
    background: var(--color16);
}

/* Anker offset */
:target:before {
content:"";
display: block;
height: 300px; /* fixed header height*/
margin: -200px 0 0; /* negative fixed header height */
}

.small-height .nav-logo-wrap .logo img.sticky-logo {
    margin-top: -80px;
	scale: 150%;
}

.inner-nav.mobile_nav .mobile_menu_switcher {
    background-color: var(--color17);
}

.mobile_nav li:hover a:not(.cws-button) {
    color: var(--color18) !important;
}

.mobile_nav ul li {
    background-color: var(--color19);
}

.services-with-bg {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.cws_prlx_section .overlay.opacity-8 {
    opacity: 0.6;
}

.pic .hover-effect {
	background: none !important;
    border: 1px solid var(--color81);
}


/* Eckige Elemente */
.portfolio-item .pic {
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px; 
}

.product .pic {
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px; 
}

.contact-form input:not(.cws-button), .contact-form textarea {
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px; 
}

.cws-button {
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px; 
}

@media (max-width: 995px) {
.site-top-panel .cws-social {
  font-size: 0px;
}
} 

@media (max-width: 995px) {
.text-right {
  text-align: center;
}
} 

.service-item.icon-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 360px;
}

  @media (max-width: 1200px) {
.nav-logo-wrap .logo {
 max-width: 170px;
}
}

.mn-sub {
 background-color: var(--color14);
}

nav .inner-nav.mobile_nav.opened ul {
  background: var(--color14);
}

hr.style-2 {
  visibility: hidden;
}

.alert.alert-danger.alt {
  background: #8c1414;
  border-color: #8c1414;
}

.alert.alert-success.alt{
  background: #3d7833;
  border-color: #3d7833;
}

.cws-button {
 float: right;
}

[class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {
    vertical-align: -5px;
}

.products .product {
  width: calc(45%);
/*  margin: auto; */
  margin-bottom: 30px;
}

.products {
  justify-content: center;
  margin-left: 0px;
}

  @media (max-width: 768px) {
.products .product {
  width: calc(95%);
  }
}

.contact-form input:hover, .contact-form input:active {
  border: 1px solid var(--color71) !important;
}

.contact-form .cws-button:hover {
  border: 2px solid var(--color71) !important;
}

a.logo.small-height {
  margin-top: 40px;
}

.blog-item .blog-media {
  border-radius: 0px;
}

.blog-item .blog-item-data .blog-title {
  display: flex;
}

h3.text-white {
  display: flex;
}

.blog-item.small .blog-item-data .blog-title {
    font-size: 24px;
}

.fancybox-skin {
  border-radius: 0px;
}

.link-icon{
  line-height: 33px;
}

.blog-item-body p {
	text-align: justify;
}

.page-section.pt-30.pb-30.bg-gray {
	background: #3d7833;
}

.page-section.pt-30.pb-30.bg-gray p {
	color: #fff;
}

.page-section.pt-30.pb-30.bg-gray h2 {
	color: #fff;
}

.page-section.pt-30.pb-30.bg-gray h2 span {
	color: #fff !important;
}

h2 span, h3 span {
	color: #694d2c !important;
}

footer.footer {
	background: #3a2c1d;
}

.divider {
	background: #3a2c1d;
}

.cws-icon.main-color {
	color: #3d7833;
}

.hover-effect-2:hover .opacity:hover h3 {
	color: #3d7833;
}

.inner-nav ul li a:hover, .inner-nav ul li a.active {
  color: #d5d5d5;
}

.cws-button {
	color: #3d7833;
	border: 2px solid #3d7833;
}

.cws-button:hover {
	color: #fff;
	background: #3d7833;
}

.mn-sub {
	background: #3a2c1d;
}

.mn-sub li:hover, .mn-sub li.active {
	background: #5c462e;
}

.service-bg-icon.service-item1::before, .service-center-icon.service-item1::before {
	background: #488f3c;
	color: #fff;
}

.service-item1-text {
	color: #fff !important;
}

.service-bg-icon.service-item2::before, .service-center-icon.service-item2::before {
	background: #428237;
	color: #fff;
}

.service-item2-text {
	color: #fff !important;
}

.service-bg-icon.service-item3::before, .service-center-icon.service-item3::before {
	background: #3d7833;
}

.map-full-width.border-t {
  border-top: 1px solid #3a2c1d;
}

.site-top-panel .cws-social {
	color: #3a2c1d;
	border-color: #3a2c1d;
}

.site-top-panel .cws-social:hover {
	color: #7b5e3d;
	border-color: #7b5e3d;
}

.cws-social:hover::before {
	color: #7b5e3d;
}

nav .inner-nav.mobile_nav.opened ul {
	background: #3a2c1d;
}

.mobile_nav li:hover a:not(.cws-button) {
	color: #fff !important;
	background: #5c462e;
}

.inner-nav.mobile_nav ul > .back, .inner-nav.mobile_nav ul > .header-menu {
	color: #fff;
}

.inner-nav.mobile_nav ul > .back, .inner-nav.mobile_nav ul > .header-menu:hover {
	background: #5c462e;
}

.contact-form .cws-button {
	color: #3d7833;
	border: 2px solid #3d7833;
}

.contact-form .cws-button:hover {
	color: #fff;
	background: #3d7833;
	border: 2px solid #3d7833 !important;
}

.widget-footer p a:hover, .widget-footer ul li a:hover {
	color: #d5d5d5 !important;
}

p a {
	color: #3a2c1d;
}

ul li::before {
	border: 1px solid #3a2c1d;
}

.divider.mini {
	background: #fff;
}

.contact-form input:hover, .contact-form input:active {
	border: 1px solid #3d7833 !important;
}

input[type="checkbox"]::before {
	color: #3d7833;
}

.contact-form textarea:hover, .contact-form input:active {
	border-color: #3d7833 !important;
}

.cws-button.color-2.alt {
	background: #3d7833;
}

.cws-button.color-2.alt:hover {
	color: #3d7833;
}

.page-section.pt-30.pb-30.bg-gray .divider.mt-20.mb-25 {
	background: #fff;
}

.mobile_nav li:hover a:not(.cws-button) .button_open:hover {
	background: #5c462e;
}

.site-top-panel {
	background: #fff;
}

.link-icon.alt.flaticon-search.fancy {
  color: #fff;
  box-shadow: 0px 0px 0px 1px #fff;
}

.link-icon.alt.flaticon-search.fancy:hover {
	background: #3d7833b2;
}

#scroll-top {
	border-radius: 0px;
}

#scroll-top:hover i {
	color: #3d7833;
}

a, b, div, ul, li {
    scroll-margin-top: -25px !important;
}

.service-center-icon .cws-icon::before {
  line-height: 1;
  font-size: 70px;
}

.col-md-6.col-md-offset-6.pl-55 p {
  color: #fff;
}

i[class^="flaticon-holzhandwerk-kohler-"]::before, i[class*=" flaticon-holzhandwerk-kohler-"]::before {
  font-size: 70px;	
}

@media (max-width: 450px) {
.tp-caption .sl-title {
  padding-top: 250px;
 }
}