/*
Theme Name: REFIVE Child
Theme URI: https://refive.ch
Description: A child theme of REFIVE
Author: REFIVE
Author URI: https://refive.ch
Version: 1.0
Text Domain: zentrum
Template: refive
*/

/* GOTHIC Font */
@font-face {
	font-family: 'Gothic';
	src: url('/wp-content/themes/refive-child/fonts/gothic/gothic-normal.TTF');
	font-weight: normal;
}

@font-face {
	font-family: 'Gothic';
	src: url('/wp-content/themes/refive-child/fonts/gothic/gothic-bold.TTF');
	font-weight: 600;
}

@font-face {
	font-family: 'Gothic';
	src: url('/wp-content/themes/refive-child/fonts/gothic/gothic-italic.TTF');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Gothic';
	src: url('/wp-content/themes/refive-child/fonts/gothic/gothic-italic-bold.TTF');
	font-weight: 600;
	font-style: italic;
}


.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a,
.qodef-h1, h1, h1.wp-block, .qodef-h2, h2, h2.wp-block, .qodef-h3, h3, h3.wp-block, .qodef-h4, h4, h4.wp-block, .qodef-h5, h5, h5.wp-block, .qodef-h6, h6, h6.wp-block, p, body, div, a, .qodef-property-list.qodef-item-layout--numbered-info-below .qodef-property-counter, .qodef-vertical-tabs .qodef-m-title-vertical, .sr7-layer {
	font-family: 'Gothic' !important;
	overflow-wrap: normal !important;
}
#qodef-404-page .qodef-404-content {
    justify-content: center;
}
#qodef-404-page .qodef-404-image {
	min-height: 0px;align-content
}
#qodef-404-page .qodef-404-button {
    margin: 0px;
}
#qodef-404-page .qodef-404-inner {
    padding: 35px 35px 0;
}
.error404 .qodef-header-logo-link {
    border-right: 0px;
}
#qodef-404-page .qodef-404-title-image {
    margin: 0 50px 0px 0;
}
/* General */


html {
	scroll-behavior: auto !important;
}



.qodef-widget-holder.qodef--one .qodef-btn-text {
  --qodef-background-position: calc(100% - 2px);
  background-repeat: no-repeat;
  background-image: linear-gradient(transparent calc(100% - 1px),currentColor 1px);
  background-size: 0 var(--qodef-background-position);
  background-position-x: 100%;
  text-transform: uppercase;
  transition: .4s background-size cubic-bezier(.26,.57,.14,.81);
  font-size:13px;
  letter-spacing: .1em;
}
.qodef-widget-holder.qodef--one .qodef-btn-text:hover {
  background-size: 100% var(--qodef-background-position);
  background-position-x: 0;
}
.home .qodef-property-counter {
	display:none!important;
}
#qodef-page-footer .qodef-alignment--left .widget img {
    width: 200px!important;
}
.hover-links a:hover {
	color:#c49a6c!important;
}
#qodef-page-header-inner.qodef-separator--yes .qodef-header-navigation {
    padding-left: 0px;
	border-left:none;
}
body:not(.page-id-2589) .qodef-widget-holder.qodef--one .qodef-button.qodef-layout--textual .qodef-btn-text::after {
    display: none;
}
.gform_wrapper input[type="text"]::placeholder,
.gform_wrapper input[type="email"]::placeholder,
.gform_wrapper input[type="url"]::placeholder,
.gform_wrapper input[type="tel"]::placeholder,
.gform_wrapper input[type="number"]::placeholder,
.gform_wrapper input[type="password"]::placeholder,
.gform_wrapper textarea::placeholder  {
  color: #808080;
}

body:not(.js-ready) .qodef-header-navigation > ul > li.current-menu-ancestor > a .qodef-menu-item-text,
body:not(.js-ready) .qodef-header-navigation > ul > li.current-menu-item > a .qodef-menu-item-text {
	background-size: 0% var(--qodef-background-position);
}

.qodef-header-logo-link {
	border-right: 1px solid var(--border-color);
}
#qodef-page-header .qodef-header-logo-link {
    padding: 0 35px 0 35px!important;
}
.qodef-button.qodef-layout--filled.qodef-html--link, .qodef-theme-button, button[type=submit], input[type=submit], .gradient-section, .cta-btn a, .qodef-button.qodef-layout--circle, .slider-hostpots {
	background: linear-gradient(90deg, rgba(139, 94, 60, 1) 0%, rgba(196, 154, 108, 1) 100%) !important;
    transition: all .5s ease-in-out!important;
    border: none;
}
.slider-btn-custom .qodef-btn-text{
	color:#fff !important;
}
.qodef-button.qodef-layout--filled.qodef-html--link:hover, .gradient-section-opposite {
	background:linear-gradient(90deg, rgba(196,154,108,1) 0%, rgba(139,94,60,1) 100%);
}
#qodef-page-header .qodef-header-sticky .qodef-header-logo-link {
    height: 90px!important;
}
#qodef-page-footer .widget a:hover{
	color:#c49a6c!important;
}
.gform_required_legend {
	display:none;
}
.qodef-button.qodef-layout--circle .qodef-m-text {
	max-width:fit-content;
}
#qodef-page-header .qodef-header-logo-link img.qodef--main {
    width: 180px;
}
#qodef-page-mobile-header .qodef-mobile-header-logo-link {
    width: 170px;
}

.h-no-margin h1, .h-no-margin h2, .h-no-margin h3, .h-no-margin h4, .h-no-margin h5, .h-no-margin h6, .h-no-margin p  {
	margin: 0;
}
body input[type="checkbox"]::before,
body input[type="radio"]::before {
    display: block !important;
}
/* Home */
.berblick-features h5 {
	margin-top:0px!important;
}

/* Header */
.qodef-header-sticky .qodef-header-sticky-inner {
	border-color: #b4b4b4 !important;
}

/* Gebaude */

.gebaude--img-slider .swiper-slide img {
	object-fit: contain !important;
	object-position: center right;
}

.error404  .qodef-button.qodef-layout--circle.qodef-skin--light .qodef-m-text {
    color: #fff!important;
} 
.qodef-button.qodef-layout--circle .qodef-svg--button-arrow {
	fill:#fff;
}

/* Cookie popup */

.cky-consent-container {
	z-index: 999 !important;
}

div.cky-modal {
	z-index: 1000;
}
div.cky-overlay {
	z-index: 999;
}
/* Baubeschrieb */
.custom-table-projekt .qodef-m-item.qodef-e {
    display: grid;
    align-items: baseline;
	gap: 20px;
	grid-template-columns:30% 70%;
}
.custom-table-projekt .qodef-e-heading {
    align-items: center;
}

.custom-table-projekt .qodef-qi-button  {
	display:none;
}
/* Table with image TEST */

.custom-table table tr {
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #eaeaea;
	border-top: 0;
}

.custom-table table th {
	border-right: none;
	color: #c49a6c;
	padding: 15px;
	font-size: 18px;
}

.custom-table table td {
	padding: 15px;
	border-right: none;
	color: #888888;
	font-size: 18px;
	vertical-align: middle;
}

.custom-table table td .table_pdf_icon {
	height: 25px;
    width: 25px;
    display: block;
}

.custom-table table td .table_pdf_icon:before {
	content: "";
    background-image: url(/wp-content/uploads/2025/01/pdf-color.svg);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    display: inline-flex
;
}

.custom-table table tr:hover {
	background-color: #f7f7f7;
}

.custom-table table tr:hover:first-child {
	background-color: #fff;
}

table {
	line-height: 1.2em;
}
.pdf-button .qodef-button .qodef-btn-text:before {
	content: "";
	background-image: url(/wp-content/uploads/2024/12/pdf.svg);
	background-repeat:no-repeat;
	height: 20px;
	width: 20px;
	display: inline-flex;
}

.pdf-button .qodef-button .qodef-btn-text {
	display: flex;
	align-items: center;
	gap: 5px;
}


.elementor-element.kontakt-img {
	clip-path: polygon(50% 0, 100% 45%, 100% 100%, 0 100%, 0 0);
}

.mobile-btn {
	display: none;
  	padding: 10px !important;
  	border: 1px solid #fff;
  	width: fit-content;
}

/* Responsive */

@media only screen and (max-width: 880px) {
    #qodef-page-footer-bottom-area-inner .qodef-col-num--3>.qodef-grid-inner>.qodef-grid-item:last-child {
        justify-content: center !important;
    }
	    #qodef-page-footer-bottom-area-inner .qodef-col-num--3>.qodef-grid-inner>.qodef-grid-item {
        justify-content: center!important;
    }
	#qodef-page-footer-top-area-inner {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
	}
}
@media only screen and (max-width: 1024px) {
	
	.mobile-btn {
		display: block;
	}
    .qodef-button.qodef-layout--circle .qodef-m-text {
        font-size: 15px;
    }
	.home-second-section .qodef-section-title.qodef-alignment--left {
    	text-align: center!important;
	}
		#qodef-404-page .qodef-404-content {
		margin: 50px 0px;
	}
	
/* 	.animated-number-mob .qodef-custom-font {
		text-align: right;
	} */
}
@media only screen and (max-width: 680px)  {
	#qodef-404-page .qodef-404-title-image {
    	margin: 0px!important;
	}
	#qodef-404-page {
    	padding: 35px 7% 0px!important;
   }
  #qodef-404-page .qodef-404-inner {
  		padding: 0px;
	}
	
	.qodef--rev-layer .qodef-button.qodef-layout--textual {
		font-size: 14px;
		letter-spacing: 0;
	}
	
	.custom-table table th {
		padding: 10px 5px;
		font-size: 14px;
	}
	.custom-table table td{
		font-size: 14px;
		padding: 10px 5px;
	}
}


@media screen and (min-device-width: 681px) and (max-device-width: 1024px) {
	#qodef-404-page .qodef-404-inner {
  	flex-direction: column;
	}
	#qodef-404-page .qodef-404-title-image {
  	margin: 0px;
	}
	
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #qodef-page-mobile-header-inner {
        padding: 0 55px;
    }
	#qodef-404-page .qodef-404-inner {
    padding: 55px 55px 0;
	}
.custom-table-projekt .qodef-m-item.qodef-e {
	grid-template-columns:45% 55%;
}
}
@media only screen and (max-width: 767px) {
		.custom-table-projekt .qodef-m-item.qodef-e {
			display:block!important;
	}
}

@media only screen and (max-width: 480px) {


.first-table,
.second-table,
.third-table {
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

.first-table::-webkit-scrollbar,
.second-table::-webkit-scrollbar,
.third-table::-webkit-scrollbar {
    height: 4px;
    display: block;
    background: transparent;
}

.first-table::-webkit-scrollbar-thumb,
.second-table::-webkit-scrollbar-thumb,
.third-table::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
}

.first-table table,
.second-table table,
.third-table table {
    width: 500px; /* Set a fixed width for table content to overflow */
}

}

@media screen and (max-width: 375px) {
	.custom-table table th {
		padding: 10px 2px;
	}
	
	.custom-table table td {
		padding: 10px 0px;
	}
}

@media screen and (min-width: 2001px) {
	.max-width-2k > .elementor-element, 
	.qodef-header--standard #qodef-page-header-inner,
	#qodef-page-footer-bottom-area .qodef-content-full-width {
		max-width: 2000px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.max-width-2k > .elementor-element,
	.max-width-2k-main > .elementor-element,
	.max-width-2k-main.elementor-element,
	#qodef-page-footer-bottom-area .qodef-content-full-width {
		padding-left: 0;
		padding-right: 0;
	}
	
	.max-width-2k-main {
		max-width: 2000px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}
@media only screen and (min-width: 1025px) {
	.pdf-button.button-left {
		min-width:240px!important;
	}
		.pdf-button.button-right {
		min-width:262px!important;
	}
}