
/*
Theme Name: wl-pace child-new
Theme URI: https://wordliner.com
Template: wordliner-pace
Author: Wordliner
Author URI: https://wordliner.com
Description: Custom Real Estate Theme for Wordliner
*/

/*
.site-header__bottom-menu-container {display:none!important;} 

.site-header__main mobile-menu-colors {max-height:30px!important;}


.site-header__menu-container-desktop {max-height:75px!important;}
*/

/* from customizr*/

/*
.site-header__bottom-menu-container {display:none!important;}

.site-header__main mobile-menu-colors {max-height:30px!important;}

.site-header__menu-container-desktop {max-height:75px;}

.site-header__main {
    min-height:0px;}

.site-header__main {
	max-height:0px!important;}



.site-content {z-index:9999999!important;}

#content {z-index:9999999!important;}


.site-header {background-color: #fff;}

.site-header__main {
    min-height: 0px!important;}


#slider #background1 {
    background-position: 50% 60%;
    opacity: 1;
   
}


/*  z-index: 9999999; */

/*
.standard-horizontal-tabs .accordion{
	color: #293133 !important;
}
*/

/* team bei Kontakt etc. weiß */
.gray-theme-color-background {
	background-color: #fff !important;
}

.site-header__top-menu-info-item {}

.site-header__top-menu-info a {}

.gwhitemContent h2 {
	font-size: 18px !important;
}

/*
#slider #background{
	background-position: 50% 74%;
}


.site-header__dropdown-nav>.container {
    max-height: 95vh;
	overflow-y:scroll;
} */
@media (max-width: 767px) {
	li {
		font-size: 14px;
		line-height: 26px;
	}
}

.standard-horizontal-tabs .panel p {
	color: #293133 !important;
}

#ratgeber-text .text-with-person__content p {
	text-align: justify !important;
	margin-top: 60px;
}

.megamenu-google-box {
	margin-top: 50px;
}

@media (max-width:1199px) {
	#ratgeber-text .text-with-person__content p {
		text-align: left !important;
	}
}

@media (max-width:1199px) {
	#ratgeber-text .text-with-person__content {
		max-width: 100%;
	}
}

#videos {
	background-color: #fff;
}

.mangos-flexible-referenzimmobilien-slider__slider {
	max-width: 1450px;
	margin-left: auto;
	margin-right: auto;
}

.referenzimmobilien-rows__headings {
	padding: 80px;
}

@media (min-width:1200px) {
	.mangos-flexible-referenzimmobilien-slider__slider .slick-prev {
		left: -80px;
	}
}

@media (max-width:767px) {
	.page-id-21168 #slider #background2 {
		background-position: 67% 0%;
	}
}

.slick-ratgeber h3, .button-style-2, .button-style-1, .accordion {
	font-weight: 400 !important;
}

/* Expose Anpassungen */
.wlac-main, .wlac-wrap, .wlac-main *, .wlac-wrap * {
	font-family: Montserrat !important;
	font-weight: 400;
}

.block-goto-button {
	color: #fff !important;
	background-color: #c8aa87 !important;
}

#objectlist-title h1 {
	color: #293133;
	font-size: 30px;
}

.block-title-sub {
	color: #293133;
	font-size: 17px;
}

.block-objectlist-unit-pricing .pricing-value>span {
	font-weight: 600;
}

h2.block-objectlist-unit-title {
	color: #293133;
}

.block-searchfilter-content .wlac-button, .block-broker-text .wlac-button, .expose-submit-btn-wrapper .wlac-button, .block-goto-button {
	padding: 5px 29px !important;
	font-size: 18px !important;
}

.block-goto-button {
	border: 2px solid #c8aa87;
}

.block-goto-button:hover {
	color: #c8aa87 !important;
	background-color: #fff !important;
}

.block-goto .block-goto-button svg {
	display: none;
}

.wlac-main h1 {
	color: #293133 !important;
}

.wlac-main .block-adress-title-value, .wlac-title-id, .block-description, .block-expose-title-price-and-details p, .block-location-content {
	font-size: 18px !important;
}

.block-title-price, .block-broker-text-title {
	font-size: 30px !important;
}

.block-description h2, .block-broker-text-name {
	font-size: 20px !important;
}

.standard-header__headings-desktop h1, .standard-header__headings-mobile {
	display: none;
}

.standard-site-footer__menu ul li a, .standard-site-footer__copyright {
	color: #444 !important;
}

@media (max-width:767px) {
	.text-with-person-custom-1 .container {
		padding-left: 30px;
		padding-right: 30px;
	}
}

#menu-footer a, .standard-site-footer__copyright {
	color: #fff !important;
}

input[type=checkbox]:checked:before {
	color: #444 !important;
}

/* from customizr-end*/
.site-header__top-menu-info a {
	color: #282828 !important;
}

.site-header__top-menu-info-item {
	color: #282828 !important;
}

#slider {
	display: none !important;
}

/*
#mega-menu-wrap-menu-1 #mega-menu-menu-1 {margin-bottom: 25px;padding:0px;} */

/* PACE-Style normal, mit Zusatz von Slider-CSS ganz oben, danach normal PACE-Styles */

/* Header 

.standard-header__main-desktop{
	min-height: 600px;
}

svg{fill: #c8aa87;}

.standard-header__boxes-item{-webkit-box-shadow: 0 3px 6px #00000029;box-shadow: 0 3px 6px #00000029;}

*/

/*
@media(min-width:1200px){#frontpage-header .container{max-width: 1500px;margin-left: auto;margin-right: auto;}.standard-header__boxes{display: -webkit-box;display: -ms-flexbox;display: flex;margin-top: 585px !important;}.standard-header__boxes a{margin: 0px 20px -80px 20px;width: 33%;}} */

/*
.standard-header{margin-bottom: 80px;}
*/

/* Header Slider-CSS

#slider{position: absolute;height: 700px;width: 100%;padding: 0px;margin: 0px;}

#slider .container{max-width: 100% !important;margin: 0px;padding: 0px;height: 100%;}

#slider .h2-styled, #slider .h3-styled{display: none;}

.slider-container{height: 100%;width: 100%;}

.slider-image{position: absolute;height: 100%;width: 100%;z-index: 2;background-size: cover;background-repeat: no-repeat;-webkit-transition: opacity 2s ease-in;-o-transition: opacity 2s ease-in;transition: opacity 2s ease-in;}

#slider #background1{background-position: 50% 60%;opacity: 1;}

@media(max-width:767px){ #slider #background1{background-position: 25% 100%;}}

#slider #background2{background-position: 50% 88%;opacity: 0;}

@media(max-width:767px){ #slider #background2{background-position: 25% 100%;}}

#slider #background3{background-position: 50% 74%;opacity: 0;}

@media(max-width:767px){ #slider #background3{background-position: 60%;}}

#slider #background4{background-position: 50% 50%;opacity: 0;}

@media(max-width:767px){ #slider #background4{background-position: 20%;}}

@media(max-width:767px){.standard-header__boxes{display: none;}}  */

/* scroll-margin-top */
section, #referenzobjekte {
	scroll-margin-top: 120px;
}

/* Startseite Slider 
.standard-header__main-desktop {
    min-height: 500px;}
   
    

.page-id-21168 #slider #background1{background-position: 50% 30%;}

.page-id-21168 #slider #background2{background-position: 50% 10%;}
 */

/* ==================================
 *           GLOBAL 
 * ================================== */
a:hover {
	text-decoration: none;
}

/* ==================================
 *           MENU 
 * ================================== */
.site-header__top-menu-ul {
	text-transform: none;
	font-size: 18px;
}

.site-header__logo-container img {
	max-width: 250px;
}

/*
ul.mega-sub-menu{margin-top: 20px !important;}

.mega-menu-row ul.mega-sub-menu{margin-top: 0px !important;}

#masthead .container{padding: 0px;}

.site-header__logo-container{position: absolute;z-index: 1;padding-top: 8px;}.  */
#menu-marketingpaket {
	display: inline;
}

#menu-marketingpaket li.menu-item {
	display: inline-flex;
	width: 45%;
}

/*
.megamenu-button{background-color: #fff;display: block;text-transform: uppercase;font-size: 20px;max-width: 300px;margin: 20px auto;padding: 0px 20px;}

.megamenu-partner-box{text-align: center;}

.megamenu-ratgeber-box img{transform: rotate(5deg);} */

/* ==================================
 *           HERO HEADER 
 * ================================== */

/*
.site-content--header-reduced .site-main{margin-top: 125px;}


.standard-header--alternative-boxes-design .standard-header__boxes-item {padding: 15px 20px; border-radius: 4px;}

.standard-header__heading{font-size: 36px !important;}

.standard-header__headings-desktop--top-icon-spacing{padding-top: 0px;}

.standard-header__headings-desktop span{box-decoration-break: clone;}

.standard-header__boxes-item-text .h4-styled{line-height: 26px;}

.standard-header__boxes-item-text h3{font-size: 18px !important;}

.standard-header__boxes-item-text p{font-size: 15px !important;}

.standard-header--alternative-boxes-design .standard-header__boxes-item{width: 350px;}

.standard-header__background-div--contained{width: 100%;}

.standard-header--bg-image-dis img{height: 500px;}  */

/* ==================================
 *           INTRO TEXT
 * ================================== */
.text-with-person-custom-1__icons {
	border: unset;
}

.text-with-person__content .button-style-1 {
	margin-top: 20px;
}

/* ==================================
 *           RIBBON
 * ================================== */
.standard-ribbon__content {
	width: 550px;
}

.standard-ribbon__content h2 {
	font-size: 20px !important;
}

/* ==================================
 *           BOTTOM POP-UP
 * ================================== */
.bottom-popup {
	padding-top: 25px;
}

.bottom-popup .h3-styled {
	color: #fff;
	font-weight: 600px;
	font-size: 24px;
}

/* ==================================
 *       ANGEBOTE MOBILE VIEW
 * ================================== */
.standard-expandable-tabs__grid-mobile-expandable-content, .standard-expandable-tabs__grid-mobile-expandable-heading {
	top: -56px;
}

/* ==================================
 *           FOOTER
 * ================================== */
.standard-footer-kontakt__info-column .h4-styled {
	padding-bottom: 20px;
}

.standard-footer-kontakt__info-item {
	margin-bottom: 12px !important;
}

.standard-footer-kontakt__info-item iframe {
	margin-top: 10px;
}

/* ==================================
 *  REMOVE INDICATOR FROM MEGAMENU 
 * ================================== */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
	display: none;
}

/* ==================================
 *     GLOBAL SCROLL-MARGIN-TOP 
 * ================================== */
#fakten {
	scroll-margin-top: 150px;
}

#ohne-makler, #system, #schritte, #leistungen, #text-and-btn-cols {
	scroll-margin-top: 100px;
}

#preis-markt {
	scroll-margin-top: 80px;
}

#stimmen, #partner, #warum, #immobilieverkaufen, #marketing {
	scroll-margin-top: 50px;
}

/*======================================
 *         TEAM SLIDER
 *======================================*/
.standard-team .button-style-2 {
	background-color: #1a758d;
	color: #fff;
}

.standard-team .button-style-2:hover {
	background-color: rgba(255, 255, 255, 0);
	color: #1a758d;
}

.standard-team .h4-styled {
	text-transform: none;
}

/*======================================
 *         STANDORT BLOCK
 *======================================*/
#standort-ansprechpartner, #standort-immobilien-blog {
	padding-top: 70px;
}

#standort-ansprechpartner .standard-alternating-rows__row-item {
	max-width: 1220px;
	margin: 0 auto;
}

#standort-ansprechpartner .standard-alternating-rows__image-column {
	background-size: contain;
}

#standort-ratgeber, #standort-bewertung {
	padding: 70px 0;
}

#standort-bewertung, #standort-immobilien-blog, #lokale-angebote, #standort-plz {
	border-bottom: 1px solid #eee;
}

#standort-ratgeber .standard-alternating-rows__image-column {
	background-size: contain;
}

/*======================================
 *              RATGEBER
 *======================================*/
.gwhitemContent>div {
	display: grid;
	grid-template-rows: 20px 120px 0;
}

#ref-generator {
	border-top: none;
}

#download input, #download .multiselect__tags {
	border: #ccc solid 1px !important;
}

#ratgeber-lesen input, #ratgeber-lesen .multiselect__tags {
	border: #ccc solid 1px !important;
}

.card .h4-styled {
	font-size: 20px !important;
	font-weight: 500 !important;
}

.gwhitemContent h2 {
	font-size: 18px;
	line-height: 26px;
}

.card .button-style-1:hover {
	background-color: rgba(255, 255, 255, 0) !important;
}

.standard-ratgeber-rows__column-text-content h3 {
	font-size: 30px;
}

/*======================================
 *              ACCORDION
 *======================================*/
.accordion.h3-styled {
	font-weight: 500 !important;
}

/* ==================================
 *         REFERENZEN PAGE
 * ================================== */
#referenzen-haeuser .referenzimmobilien-rows__column-text-right, #referenzen-wohnungen .referenzimmobilien-rows__column-text-right, #referenzen-gewerbe .referenzimmobilien-rows__column-text-right, #referenzen-investments .referenzimmobilien-rows__column-text-right, #referenzen-grundstuecke .referenzimmobilien-rows__column-text-right {
	background-color: #f5f5f5 !important;
	margin-bottom: 0px;
}

#referenzen-wohnungen .referenzimmobilien-rows__row, #referenzen-investments .referenzimmobilien-rows__row {
	flex-direction: row-reverse;
}

.referenzimmobilien-rows__column-text-content .button-style-2 {
	margin-top: 30px;
	margin-bottom: 30px;
}

@media (min-width:1500px) {
	#referenzen-wohnungen .referenzimmobilien-rows__column-text-right, #referenzen-investments .referenzimmobilien-rows__column-text-right {
		padding: 0px 200px;
	}
}

@media (max-width: 992px) {
	.referenzimmobilien-rows__column-text-right {
		margin-top: 0px;
		padding-top: 20px;
	}
}

/* ==================================
 *           TEAM PAGE
 * ================================== */
#ausbildung .container {
	padding-bottom: 60px;
}

#charity .standard-alternating-rows__text-column {
	padding: 60px 0px;
}

#charity {
	margin: 60px 0px;
}

.standard-karriere .h2-font {
	color: #1a758d;
	font-size: 30px;
	font-weight: 500;
	text-transform: none;
}

/*======================================
 *       IMMOBILIENBEWERTUNG PAGE
 *======================================*/
.standard-shortcode--with-bg .container {
	background-color: hsla(0, 0%, 100%, .95);
}

/* ==================================
 *       BEWERTUNGSTOOL MODULE
 * ================================== */
.page-id-21211 #bewertung, .page-id-21657 #bewertung {
	border-top: unset;
}

/* ==================================
 *       FEATURES MODULE
 * ================================== */
.standard-features-alternative, .page-id-21176 .standard-partner-logos {
	border-bottom: 1px solid #eee;
}

/* ==================================
 *         STANDORT PAGE
 * ================================== */
#standort-immobilien-blog {
	border-top: none;
}

#standort-ratgeber .standard-alternating-rows__image-column {
	background-position: right;
}

/* ==================================
 *        BAUTRÄGER PAGE
 * ================================== */
.standard-projekt-step-link-columns .standard-projekt-step-link-columns__column-text .h2-styled {
	font-size: 20px;
}

.projekt-step button.h2-styled {
	font-size: 20px;
	text-transform: none;
}

.projekt-step__text-content-column .body-text-standard p {
	font-size: unset !important;
}

.projekt-step__checklist-text {
	font-size: unset;
}

.projekt-step .accordion {
	font-weight: 500;
}

.projekt-step__checklist-check {
	font-size: 30px;
}

/* ==================================
 *       HOMESTAGING PAGE
 * ================================== */
.juxtapose {
	height: 668px !important;
}

/* ==================================
 *       VERMIETUNG PAGE
 * ================================== */
.standard-horizontal-tabs {
	border: unset;
}

/* ==================================
 *       CUSTOM HTML MODULE
 * ================================== */
.standard-custom-background-text {
	padding: 80px 0px 80px;
}

/* =====================================
 *        MEGAMENU BUG FIXING 
 * =====================================*/
.site-header__dropdown-nav .container {
	max-height: 95vh;
	overflow-y: scroll;
}

/*======================================
 *         RESPONSIVE DESIGN
 *======================================*/
.site-header__dropdown-nav {
	padding-left: 15px;
	padding-right: 15px;
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	.gwhitemContent>div {
		grid-template-rows: 20px 60px 0;
	}
}

/* Solve big word line breaks at ratgeber slider */
@media (min-width: 991.98px) and (max-width: 1199.98px) {
	.standard-ratgeber-top__item h2 {
		font-size: 16px;
	}
}

@media (max-width: 1100px) {
	.mobile-menu-width-hidden {
		display: block;
	}
	
	.site-header__top-bar-menu-container {
		display: none;
	}
	
	.site-header__logo-container img {
		width: 130px;
	}
	
	.site-header__top-menu-info a {
		padding: 0;
	}
	
	.site-header__top-menu-info-item > a > i {
		display: block;
	}
	
	.site-header__top-menu-info-item:nth-child(2) > a > i {
		padding-left: 5px;
		font-size: 30px;
	}
	
	.site-header__logo-container img {
		width: 200px;
	}
	
	.standard-header__heading {
		font-size: 30px !important;
	}
	
	.standard-expandable-tabs__grid-mobile-image {
		height: 320px;
	}
	
	.site-content--header-reduced .site-main {
		margin-top: 100px;
	}
}

@media (max-width:1100px) {
	.site-header__logo-container {
		padding-top: 15px;
		padding-left: 15px;
	}
	
	.site-header__menu-trigger-mobile {
		margin-top: 15px;
		height: 20px;
	}
	
	.site-header__bottom-menu-container {
		height: 20px;
		margin-bottom: 65px;
	}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	#standort-ratgeber .standard-alternating-rows__image-column {
		display: none;
	}
	
	#standort-ratgeber .standard-alternating-rows__text-column {
		max-width: 80%;
		margin: auto;
	}
	
	#standort-ratgeber .standard-alternating-rows__text-column .standard-alternating-rows__text-column-inner--right {
		max-width: 100%;
		margin: auto;
		padding: 0;
	}
}

/* Mobile view */
@media (max-width:768px) {
	.features p {
		margin-bottom: 50px;
	}
	
	.features .col-md-4 {
		margin-bottom: 50px;
	}
	
	.standard-expandable-tabs__grid-mobile-expandable-content {
		top: -56px;
	}
}

@media (max-width:600px) {
	.site-header__logo-container img {
		width: 100px;
	}
	
	.site-header .mobile-nav>li>a {
		font-weight: 600;
	}
	
	.standard-header__person-overlay {
		display: none;
	}
	
	.standard-header__heading {
		font-size: 24px !important;
	}
	
	.wpcf7-form-control {
		margin-bottom: 20px;
	}
}
