/**
* Theme Name:   Pace 4 Child Theme
* Template:     pace4
* Description:  Child Theme for Pace 4
* Version:      1.0.0
* Author:       Wordliner GmbH
* Author URI:   https://wordliner.com
* Text Domain:  pace4-child-theme
* Requires PHP: 8.2
*/

/* Fix for variable font in Safari */
body {
	font-synthesis: none;
	overflow-x: hidden;
}

@media (max-width: 576px) {
	:root :where(p) {
		font-size: 16px !important;
	}	
}

/*---*/

a.wp-block-button__link {
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
a.wp-block-button__link:hover {
	background: var(--wp--preset--color--custom-vanilla);
	border: 1px solid var(--wp--preset--color--custom-vanilla);
	color: var(--wp--preset--color--black);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.has-secondary-color-color {
	background: none;
}

.is-style-outline :hover {
	background: var(--wp--preset--color--secondary-color) !important;
	color: var(--wp--preset--color--white) !important;
}

mark {
	background-color: transparent;
}

/* Greenshift resets */

.block-editor-block-list__layout.is-root-container > * {
	max-width: none !important;
}

:root :where(.is-layout-flow) > *,
:where(.wp-site-blocks) > * {
	margin-block-start: 0 !important;
}

/* CORE BLOCK RESETS */

:where(figure) {
	margin: 0;
}

/* Own Classes: replace with tailwind (?) */

.object-top {
	object-position: top;
}

.auto-top {
	margin-top: auto;
}

.m-auto {
	margin: auto;
}

.self-center {
	align-Self: center;
}

.p-0 {
	padding: 0;
}

.m-0 {
	margin: 0;	
}

.min-w-full {
	min-width: 100%;	
}

.min-h-full,
.min-h-full * {
	min-height: 100%;
}

.w-full,
.w-full * {
	width: 100%;
}

.object-cover * {
	object-fit: cover;
}


.h-auto,
.h-auto * {
	height: auto;
}

/* Gutemberg Core Blocks */

.gb-bild-min-w-full > * {
	min-width: 100%;	
}


/* MEGAMENU */

@media (max-width: 768px) {
	.logo img {
		width: 100px;
	}
}

.show {
	margin-top:0 !important;
}

/* Algemein */

.one-line-title {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Google2Web (TODO: need some improvement to adapt to PACE4 regarding title and link to all reviews) */

.wl-bewertung-output-main h2 {
	display: none !important;
}

.wl-bewertung-output-main .full-width.align-center {
	display: none !important;
}

/* Blogbeiträge 


.wl-post-banner-ratgeber-text-content .wl-post-banner-standard-text,
.single.single-post .entry-content p,
.single.single-post .entry-content h2,
.single.single-post .entry-content .wl-post-banner-standard-text {
	color: var(--wp--preset--color--main-color) !important;
}
 */

.single.single-post .entry-content p {
	font-size: var(--wp--preset--font-size--medium) !important;
	font-weight: 400;
	padding: 20px 0;
}

.single.single-post .entry-content h2 {
	font-size: clamp(23.043px, 1.44rem + ((1vw - 3.2px) * 1.466), 38px);
	line-height: 1.4;
	text-align: left;
}

.single.single-post p:empty,
.single.single-post p:empty:before,
.single.single-post p:empty:after {
	display: none;
}

.single.single-post .entry-content b, .single.single-post .entry-content strong {
	font-weight: bold;
}

.single.single-post .entry-content .wl-post-banner-ratgeber-text-content h2 {
	color: var(--wp--preset--color--secondary-color) !important;
}

.wl-post-banner-ratgeber-main-grid {
	border: 1px solid var(--wp--preset--color--main-color) !important;
}

.wl-post-banner-ratgeber-main-grid .wl-post-banner-ratgeber-text-content {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* WLAC-RADAR */

.searchfilter-marketing-type,
.radar-marktDaten-intro .radar-onlyMarketData-results,
div.results-based-on-marketing-type {
	background-color: var(--wp--preset--color--main-color);
}

.searchfilter-marketing-type-active {
	background-color: var(--wp--preset--color--secondary-color);
}

#radar-top-block-grid .radar-filters-grid {
	top: -190px;
}

.radar-contact-block .rd-ladenhuter-block-col-3 div {
	display: grid;
	grid-gap: 10px;
}

.radar-contact-block .rd-ladenhuter-block-col-3 a {
	width: fit-content;
}

#wlac-radar #radar-umkreis-input, .radar-filters-section-row-1 select, #wlac-radar .radar-filters-section-row-2 select {
	min-height: 37px;
}

#suchauftragBox .wlradar-suchauftrag-modal-btn {
	text-decoration: none;
}

#finde-immobilien-portalubergreifend-und-regional {
	margin-bottom: 160px;
}

@media(max-width: 852px) {
	#radar-top-block-grid .radar-filters-grid {
		top: -485px;
	}

	.wlac-main #wlac-radar {
		margin-top: 400px;
	}

	#finde-immobilien-portalubergreifend-und-regional {
		margin-bottom: 50px;
	}
}

@media(max-width: 768px) {
	.wlac-main #wlac-radar {
		margin-top: 420px;
	}

	#finde-immobilien-portalubergreifend-und-regional {
		margin-bottom: 20px;
	}
}

@media(max-width: 500px) {
	#finde-immobilien-portalubergreifend-und-regional {
		margin-bottom: 30px;
	}
}

/* WLAC Button overwrite (contact Form) */

.p-button.p-component {
	border-style: solid !important;
	border-width: 2px !important;
	border-color: var(--wp--preset--color--secondary-color,#ff9a00) !important;
	background-color: var(--wp--preset--color--secondary-color,#ff9a00) !important;
	font-size: var(--wp--preset--font-size--medium);
	font-style: normal;
}

.p-button.p-component:hover {
	background-color: #FFF !important;
	color: var(--wp--preset--color--secondary-color,#ff9a00) !important;
}


/* Text verkleinert bei reviews disclaimer - sollte anders gelöst werden! Alex 23.06 */
.small-font {
	font-size: 14px !important;
}

.gspb_row-id-gsbp-93ad623 a {
	color: #FFF !important;
	text-decoration: underline !important;
}

.gspb_row-id-gsbp-93ad623 a:hover {
	text-decoration: none !important;
}

.maplibregl-ctrl-attrib.maplibregl-compact a {
	color: #000 !important;
}

@media (min-width: 576px) and (max-width: 768px) {
	#gspb_row-id-gsbp-5432494 {
		background-position: 48% 41% !important;
	}
}


/* Wlac objectlist arrow fix */
.p-button-icon.pi.pi-sort-alt {
	color: #fff!important;
}

.objects-sorting .p-button:hover .p-button-icon.pi.pi-sort-alt  {
	color: #B3203C!important;
}



/* objectlist cta logo fix */

.card-cta.shape-card>img.logo[data-v-c0a3cc32] {
	height: unset !important;
	padding: 40px!important;
	margin:auto!important;
}


/* Object list teaser pagination hide */
.teaser .p-paginator,
.teaser .searchbox{
	display:none!important;
}


/* all objectlits turn off filter */

#wlac-objects-0 .searchbox{
	display:none!important;
}

#gspb_col-id-gsbp-7ebe16e.gspb_row__col--3 {
	width: 100% !important;
}

#gspb_col-id-gsbp-1bfd022 {
	display: none !important;
}

#gspb_iconBox-id-gsbp-82224aa {
	justify-content: flex-end;
	margin-top: 60px;
	margin-right: 10px;
}

html {
	scroll-behavior: smooth; 
}


#das-sind-wir,
#erfolgsgeschichten,
#leistungskatalog,
#ohne-makler-verkaufen,
#makler-lambert,
#kundenstimmen,
#referenzimmobilien,
#lambert-erfolgsgeschichten {
	scroll-margin-top: 200px;
}



/* Css Verfeinerungen Alex 10.10.25 */

/* header dreieck  */

@media(max-width:1600px){
	body.gspb-bodyfront #gspb_container-id-gsbp-51ea8d1.gspb_container{
		display:none;
	}
}


/* 40 jahre logo  */
@media(max-width:1000px){
	#gspb_container-id-gsbp-6fafc4c.gspb_container {
		left: 29px!important;
	}
	body.gspb-bodyfront #gspb_container-id-gsbp-6fafc4c.gspb_container {
		max-width:50px!important
	}

	#gspb_image-id-gsbp-f36eeea {
		padding-left: 0!important;
		margin-left: -14px!important;
		margin-top: 195px!important;
	}
}


@media  (max-width:1399.98px){
	#gspb_container-id-gsbp-0039f53.gspb_container {
		flex-direction: row!important;
		align-items: center;
		column-gap: 20px;
		bottom:30px!important;
		top:unset!important; 
		height:80px!important;
	}
	#gspb_container-id-gsbp-0039f53 img {
		width: 80px!important;
	}
}


@media (max-width:773px){

	#gspb_image-id-gsbp-970a3c8, #gspb_image-id-gsbp-970a3c8 img {
		background-color: #fff!important;
		padding: 2px 0px!important;
	}
}


@media (max-width:575.98px){
	body.gspb-bodyfront #gspb_container-id-gsbp-158d243.gspb_container h1{
		font-size:32px!important;
	}
}


/* Objektlist cta logo fix (in wlac update  after  2.9.89*/
.card-cta.shape-card>img.logo {
	width: 100%!important;
}

/*WLAC FORM*/

.fotter__wlac__contact form input.p-inputtext,
.fotter__wlac__contact form textarea {
	padding: 25px !important;
}

@media (min-width: 768px) {
	.fotter__wlac__contact form.p-form > div:nth-of-type(1) .p-inputtext,
	.fotter__wlac__contact form.p-form > div:nth-of-type(3) .p-inputtext {
		border-radius: 35px 0 0 35px !important;
	}

	.fotter__wlac__contact form.p-form > div:nth-of-type(2) .p-inputtext,
	.fotter__wlac__contact form.p-form > div:nth-of-type(4) .p-inputtext {
		border-radius: 0 35px 35px 0 !important;
	}

	.fotter__wlac__contact form textarea {
		border-radius: 35px !important;
	}

}

.maplibregl-canvas {
	border-radius: 35px !important;
}
.fotter__wlac__contact form.p-form > div .p-inputtext,
.fotter__wlac__contact .maplibregl-canvas,
.fotter__wlac__contact form textarea{
	border-radius: 35px !important;
}

.fotter__wlac__contact .p-checkbox .p-checkbox-box {
	border-radius: 50% !important;
}

.fotter__wlac__contact button.p-button.p-component {
	background: #ffdca6 !important;
	color: #333 !important;
	padding: 10px 40px !important;
	border-radius: 32px !important;
	border: 1px solid rgba(0,0,0,0.1) !important;
	display: inline-block !important;
	font-weight: 500 !important;
	text-align: center !important;
	box-shadow: none !important;
}

.subMenu1 path,
.subMenu2 path,
.subMenu3 path,
.subMenu4 path {
	fill:#4a4d54 !important;
	color:#4a4d54 !important;
}








/* ============================================= */
/* Alex 12.01.26 css korrektur für blogpost banner pace 4 kunden */
.wl-post-banner-ratgeber-main-grid {
max-width: unset!important;
}

.wl-post-banner-ratgeber-main-grid p{
height: unset!important;
}

.wl-post-banner-ratgeber-main-grid .wl-post-banner-ratgeber-text-content {
display: flex;
flex-direction: column;
gap: 20px;
min-width: fit-content;
}

.wl-post-banner-ratgeber-main-grid img {
border: none;
max-height: 210px;
width: auto;
}

@media (max-width: 1100px) {
.wl-post-banner-ratgeber-main-grid img {
width: 100%;
height: auto;
}
}

/* ============================================= */






/* Searchbar wlac  */
.searchbox .p-inputtext.p-component.p-autocomplete-input {
	max-width: 150px;
}

.searchbox #filter_address_range {
	width: 130px!important;
}

@media(max-width:768px){
	.searchbox .p-inputtext.p-component.p-autocomplete-input {
	max-width: 100%!important;
	}
}

/* Wlac objectlist searchbar style */
.searchbox *::placeholder,
.searchbox .p-select-label,
.searchbox .p-multiselect-label,
.searchbox .p-multiselect-label.p-placeholder,
.searchbox .p-placeholder,
.searchbox .p-button-icon.pi.pi-sort-alt{
	font-weight:500!important;
	color:var(--wp--preset--color--black)!important;
	font-size:1.1rem!important;	
}




/* Expose custom css */

.button_expose span{
	margin-bottom:0!important;
}

.flexrow div{
	flex-direction:row!important;
	margin:auto 0;
}

.space-between div {
	justify-content:space-between!important;
}

@media(min-width:769px){
	.visitenkarte_mobile{
		display:none!important;
	}
}

@media(max-width:768px){
	.visitenkarte_desktop{
		display:none!important;
	}
}


/* Expose energieausweis letter not centered corrction (unitl wlac update) */

#energy-class-pointer {
	justify-content: center !important;
}

.hero-image-swap {
  width: 100%;
  aspect-ratio: 1536 / 1024;
  background: url("https://makler-lambert.wordliner-staging.com/wp-content/uploads/2025/12/Hausansicht-hinten-2.jpg") center center / cover no-repeat;
  margin: 0;
}

.hero-image-swap > img {
  opacity: 0;
  width: 100%;
  height: 100%;
  display: block;
}