/*
 Theme Name:   OceanWP Child
 Description:  Child Theme des high-performance WP-Theme OceanWP
 Author:       Philipp Limbeck
 Author URI:   https://insyde.at/
 Template:     oceanwp
 Version:      1.0
 Text Domain:  oceanwp-child
*/

/* overwrite general settings of oceanwp for focus of links (black border) */
#main a:focus,
#site-header a:focus,
#footer a:focus{
	outline: 0px !important;
}


:root { 
    --farbe-white: #fff;
    --farbe-black: #000;
    --farbe-orange: #EF7D00;
	--farbe-lightbrown: #827163;
	--farbe-grey: #67594D;
	--farbe-red: #d10a10;
	--farbe-darkgrey: #050007;
	--farbe-brown: #9A795E;
	--farbe-lightgrey: #DFDCDA;
}
#site-navigation a.menu-link:hover{
	color: var(--farbe-red);
}
#site-navigation a.menu-link .text-wrap{
	font-weight: 600;
	line-height: 100%;
	font-size: 20px;
	margin-bottom: 10px;
	display: block;
}
#site-navigation a .menu-subtitle {
  	display: block;
  	font-size: 18px;
	line-height: 100%;
  	font-weight: 400;
	color: var(--farbe-grey);
	text-transform: none;
}

#content a,
#content a:hover{
	text-decoration: none;
}

#content .wpb_text_column.textlink a:after{
	content: "\f178";
	font-family: 'Font Awesome 6 Free';
	display: inline-block;
	vertical-align: top;
	padding-left: 10px;
	font-weight: 900;
}
.is-sticky #site-header-inner{
	padding: 20px 0 !important;
}

.fachmarkt-icon img,
.kasthaus-icon img,
.spenglerei-icon img,
.holzbau-icon img{
	width: 26px;
}

.spenglerei-icon figcaption.vc_figure-caption,
.kasthaus-icon figcaption.vc_figure-caption,
.fachmarkt-icon figcaption.vc_figure-caption,
.holzbau-icon figcaption.vc_figure-caption{
	color: var(--farbe-white);
	font-size: 32px;
	line-height: 100%;
	text-transform: uppercase;
	margin-top: 20px;
}

.row-gewerke{
	position: relative;
	margin-top: -152px;
}

.row-gewerke .gewerbe-hovertext{
	display: none;
}

.row-gewerke:hover{
	background-color: var(--farbe-orange) !important;
	position: absolute;
	width: 100%;
	bottom: 0%;
}

.row-gewerke:hover .gewerbe-hovertext{
	display: block;
	color: var(--farbe-white);
}

.row-fachmarkt figcaption.vc_figure-caption{
	color: var(--farbe-orange);
	font-size: 20px;
	line-height: 30px;
	margin-top: 20px;
	font-weight: 500;
}


.leistungen-grid.vc-gitem-zone-height-mode-auto:before,
.projekte-grid.vc-gitem-zone-height-mode-auto:before{
	  display: none;
 }

.leistungen-grid.vc_gitem-zone-a .vc_gitem-row-position-top,
.projekte-grid.vc_gitem-zone-a .vc_gitem-row-position-top{
	position: relative;
}
  
.projekte-grid.vc_gitem-zone-a .vc_gitem-post-data-source-post_title p{
	color: var(--farbe-brown);
	font-weight: 400;
	font-size: 22px;
	line-height: 30px;
	margin-bottom: 0;
}
  
.projekte-grid.vc_gitem-zone-a .vc_gitem-post-data-source-post_excerpt p{
	color: var(--farbe-darkgrey);
	font-weight: 400;
	font-size: 18px;
}

.leistungen-grid .vc_gitem-post-data-source-post_excerpt,
.leistungen-grid .vc_gitem-post-data-source-post_title,
.leistungen-grid .vc_gitem-post-data-source-post_title h4{
	margin-bottom: 0;
}
.leistungen-grid .vc_gitem-post-data-source-post_title h4 a{
	color: var(--farbe-orange);
	font-weight: 500;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	text-transform: none;
	text-decoration: none !important;
}

.leistungen-grid:hover .vc_gitem-post-data-source-post_title a {
  color: var(--farbe-red) !important;
}

.leistungen-grid:hover .vc_icon_element-inner .vc_icon_element-icon:before{
  color: var(--farbe-red) !important; 
}

.leistungen-grid .vc_gitem-post-data-source-post_excerpt p{
	text-align: center;
}
.vc_grid-filter.vc_grid-filter-center{
	margin: 0 auto;
	width: 75%;
}
.vc_grid-container-wrapper ul.vc_grid-filter li.vc_grid-filter-item{
	background-color: var(--farbe-lightgrey);
	margin: 15px;
	padding: 5px 10px;
}

.vc_grid-container-wrapper ul.vc_grid-filter li.vc_grid-filter-item.vc_active,
.vc_grid-container-wrapper ul.vc_grid-filter li.vc_grid-filter-item:hover{
	background-color: var(--farbe-orange);
}


.vc_grid-container-wrapper ul.vc_grid-filter li.vc_grid-filter-item.vc_active span,
.vc_grid-container-wrapper ul.vc_grid-filter li.vc_grid-filter-item:hover span{
	color: var(--farbe-white);
}
.vc_grid-container-wrapper ul.vc_grid-filter li.vc_grid-filter-item span{
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	text-transform: uppercase;
	color: var(--farbe-grey);
	vertical-align: middle;
}

.vc_grid-container-wrapper .vc_pageable-load-more-btn a.vc_general:focus,
.vc_grid-container-wrapper .vc_pageable-load-more-btn a.vc_general:hover,
.vc_grid-container-wrapper .vc_pageable-load-more-btn a.vc_general {
	border: 0px;
	font-weight: 400;
	font-size: 20px;
	line-height: 30px;
	text-decoration: none !important;
	background-color: transparent;
	color: var(--farbe-orange);
}

#footer{
	background-color: var(--farbe-lightbrown);
}

#footer p,
#footer p a,
#footer ul li{
	color: var(--farbe-white);
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
}

#footer ul li{
	list-style: none;
}

#footer .footer-copyright{
	background-color: var(--farbe-white);

}

#footer .footer-copyright p{
	color: var(--farbe-darkgrey);
	font-size: 18px;
	font-weight: 500;
}

#footer .footer-copyright p img{
	display: inline-block;
}
@media all and (min-width: 1920px){
	.row-textleft{
	    padding-left: calc((100vw - 1920px) / 2);
	}
}

.separate-layout.content-full-width #primary.content-area{
	padding: 0 !important;
}

.zitatebox{
	background-color: var(--farbe-orange);
	color: var(--farbe-white);
	padding: 20px;
	display: inline-block;
}

.leistungen-row .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav.vc_grid-owl-nav-color-blue{
	color: var(--farbe-orange) !important;
}

.leistungen-row .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav{
	opacity: 1;
}
.leistungen-row .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next:hover, 
.leistungen-row .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev:hover,
.leistungen-row .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-next, 
.leistungen-row .vc_grid.vc_grid-owl-theme .vc_grid-owl-nav .vc_grid-owl-prev{
	opacity: 1;
	width: 48px;
	font-size: 48px;
	height: 48px;
	line-height: 48px;
	background-color: var(--farbe-white);
	
}

.ctl-wrapper .ctl-description,
.ctl-wrapper .ctl-title{
	padding: 20px 20px 0 20px !important;
}


.strong-view.wpmtst-simple .wpmtst-testimonial-heading{
	text-align: center !important;
}