@media print {
    nav, 
    footer, 
    .disclaimer-section, 
    .no-print,
    .print-hide,
    .separator-banner,
    .before-start { 
    	display: none !important; 
    }
    
    .slick-list {
        height: auto !important;
        width: auto !important;
    }

    .slick-track {
        width: auto !important;
        height: auto !important;
        transform: none !important;
        .slick-slide {
            width: auto !important;
        }
    } 
  
    body {
    	ms-zoom: 70%;
        zoom: 70%;
        -webkit-print-color-adjust: exact;
    }
    
    a {
    	text-decoration: none!important;
    }
    
    .banner {
    	display: none;
    }
    
    .banner-print {
	    display: block;
   	    background-color: #e6007e;
	    color: white;
	    text-align: center;
	    margin: 0;
	    height: 70px;
	    line-height: 70px;
	    font-size: 1.59em;
	    vertical-align: middle;
    }
    
    .mobile-only {
    	display: none;
    }
    
    .mobile-show {
    	display: none;
    }
    
    .print-page-break {
    	page-break-before: always;
    }
    
    .pop-up {
    	display: none;
    }
    
    /* slider */
    .slider-arrow-left,
    .slider-arrow-right,
    .slick-dots
    {
    	display: none!important;
    }
    
	.prt-slide.prt-bg-light-grey {
		background-color: #dadada;
	}
	
	.prt-slide.prt-bg-dark-grey {
		background-color: #A8A6AB;
	}
	
	.prt-slide {
		margin-top: 50px;
		padding-left: 10px;
		padding-right: 10px;
	}
	  
    .bh-slider .slick-slide,
    .bh-slider  {
    	width: 1400px !important;
    }
    
	.bh-slider.prt-slide-bg-white {
		background-color: white;
	}
    
    /* Youtube videos */
    .youtube-video > .hidden,
    .vimeo-video > .hidden {
    	display: block;
    }
    
    .youtube-video img,
    .vimeo-video img {
    	opacity: 1;
    }
    
    .youtube-video > iframe,
    .vimeo-video > iframe {
    	display: none;
    }
    
    /** faq print **/
	.content .faq-container .faq-items .faq-item-wrapper .panel {
		max-height: unset;
	}
	
	.print-faq-break {
		page-break-before: always;
	}
	
	.content {
		width: 100%;
	}
	
	.pe-shadow {
		display: none;
	}
	
	@page {
		margin-top: 15mm;
		margin-bottom: 15mm;
	}
} 

@media screen and (max-width: 1680px) {
	html {
		zoom: 95%;
	}
}

@media screen and (max-width: 1440px) {
	html {
		zoom: 80%;
	}
}

@media screen and (max-width: 1366px) {
	html {
		zoom: 72%;
	}
}

@media screen and (max-width: 1024px) {
	html {
		zoom: 63%;
	}
}

@media screen and (max-width: 768px) {
	html {
		zoom: 80%;
	}
}

@media screen and (max-width: 1440px) {
	.index-content-box {
		margin-left: 20px;
	}
	
	.start-search-form-div {
		margin-left: 20px;
	}
}

@media screen and (max-width: 1399px) {
	.search-detail-section .m--padding {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media screen and (max-width: 1199px) {
	.detail_social_media {
		text-align: left;
	}
	.detail_social_media .item {
		display: inline;
		margin-left: 15px;
	}
	.detail-picture.prl {
		padding-right: 0;
	}
	.gallery.overlay .gallery-container .gallery-picture-box .overlay-gallery-forward {
		right: 0;
	}
}

@media screen and (min-width: 1024px) {
	.callback-mobile-container {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	.proven_expert_icn {
		top: -200px;
	}
		
	/* --------- Paddings & Margins ---------(max-width: 1024px) */
	.ptbxxl {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	
	.title--xl {
	    font-size: 4em;
	    font-weight: bold;
	    line-height: 1em;
	}
	
	.start__traingsys {
		/* background-position-x: -525px; */
	}
	
	.index-immoplus-intro-section {
		/* background-position-x: -425px; */
    	background-position-y: 0px;
	}
		
	.social-media .flex-container .flex-item img {
		width: 65px;
	}
	
	body > div.about-idea-section > div > div > img {
		width: 100%;
	}
	
	#iazi-interview > div {
		width: 100%;
	}
	
	#iazi-interview > div > img {
		width: 100%;
	}
	
	body > div.about-education-partners-section > div > div > div.flex-item-2-of-2.space-inside > img {
		width: 100%;
	}
	
	body > div.about-education-partners-section > div > div > div.flex-item-1-of-2.space-inside.kaderschulen-box > img {
		width: 100%;
	}
	
	/** callback page **/
	.callback-desktop-container {
		display: none;
	}
	
	.callback-mobile-container {
		padding: 15px;
	}
	
	.callback-mobile-content-container {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		max-width: 400px;
	}
	
	.callback-mobile-introduction-row {
		margin-top: 0;
		margin-bottom: 10px;
	}
	
	.callback-mobile-privacy-text-container {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.callback-mobile-form-input-container {
		background-color: #ededed;
		padding: 15px;
	}
	
	.callback-mobile-form-row{
		width: 100%;
	}
	
	.callback-mobile-introduction {
		padding: 10px;
	}
	
	textarea.callback-mobile-form-row {
		height: 80px;
		margin-bottom: 0;
	}
	
	.callback-mobile-privacy-text-container {
		padding: 10px;
	}
	
	.callback-mobile-form-row.callback-mobile-submit-button-container{
		text-align: center;
	}
	
	.callback-mobile-form-row.callback-mobile-submit-button-container .callback-mobile-submit-button {
		width: 90%;
	}
}

@media screen and (max-width: 1023px) {
	.policy-btn-ok {
		height:40px;
		width:100px;
		margin:5px;
	}
	
	.policy-btn-ok:hover{
		height:40px;
		width:100px;
		margin:5px;
		background-color: #cccccc;
	}
	
	.policy-btn-more {
		height:40px;
		width:150px;
		margin:5px;
	}
	
	.policy-btn-more:hover {
		height:40px;
		width:150px;
		margin:5px;
		background-color: #cccccc;
	}
	
	.current-offerings-text-line-2 {
		font-size: 165%;
		margin-top: 0;
	}
	
	.proven_expert-style {
	    top: 0;
	    margin-right: auto;
	}
	
	.proven_expert_icn{
	 	min-height: 0;  
	 	top: -40px;
	}
	
	.proven_expert-style .pe-richsnippets {
		position: relative;
		bottom: -50px;
	}
	
	.current_offerings .center-text {
		margin-top: 39px;
	}
	
	/** callback service **/
	.callback-container {
		display: none;
	}
	
	.estimate-container {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	#submenu{
		display: none;
	}
	
	footer .content.footer-div,
	.footer-icon.row {
		display: none;
	}
	
	footer .content.col-12.h50 {
		padding-top: 13px;
	}
    
    body {
        line-height: 15px;
        font-size: 13px;
    }
    
    p {
        margin-top: 1.25em;
        margin-bottom: 1.25em;
    }
    
    img {
        max-width: 100%;
        margin-bottom: 20px;
    }
    
   	.content {
        overflow-x: hidden;
    }
    
    .banner {
        min-height: 40px;
        line-height: 40px;   
    }
    
    .trademark-banner {
    	height: 50px;
    }
    
    /*button*/
    .m--center {
        float: none;
        text-align: center;
    }
    
    /*animation*/
    @keyframes slide {
        0%   {right:-1000px;}
        100% {right: 6%}
    }

    @-webkit-keyframes slide {
        0%   {right:-1200px;}
        100% {right: 6%}
    }
    
    @keyframes slide1 {
        0%   {right:-1000px;}
        100% {right: -50%}
    }

    @-webkit-keyframes slide1 {
        0%   {right:-1200px;}
        100% {right: -50%}
    }
    
    .footer-subsection:focus + ul li,
    .footer-subsection + ul li{
        margin-top: 5px;
    }

    /* --------- BANNER (max-width: 1023px) --------- */
    .beho-banner {
        padding: 10px 0px;    
    }
    
    .beho-banner-heading {
        height: 6vw;
    }

    .beho-banner-heading h2 {
        font-size: 1.5em;
        padding: 2.3vw 0px;
    }

	/* --------- DISCLAIMER (max-width: 1023px) --------- */
	.disclaimer-list {
	    padding: 0;
	    margin-left: 15px;
	    margin-top: 50px;
	}
    
    .disclaimer-div {
        font-weight: normal;
    }
    
	/* --------- Sticky Nav (max-width: 1023px) --------- */
    .betterhomes-logo {
        margin-top: 0px;
    }
    
    .sticky {
        height: 100px;
    }
    
    .sticky .before-start {
        margin-top: 100px;
    }
    
    .main-nav,
    .sticky .main-nav{
        display: none;
    }
    
    .sidenav {
        display: block;
    }

    .icon-menu {
        display: inline-block;
        font-size: 550%;
        color: #e6007e;
        overflow-y: hidden;
    }

    .logo-div,
    .mobile-menu {
        display: inline-block;
        height: 100%;
        -webkit-transition: margin-top 0.2s;
        transition: margin-top 0.2s;
    }
    
    .logo-div {
        width: 600px;
    }
    
    .mobile-menu {
        float: right;
        margin-right: 20px;
    }

    .sticky .logo-div {
        display: inline-block;
        height: 100%;
        margin-top: 5px;
        -webkit-transition: margin-top 0.2s;
        transition: margin-top 0.2s;
    }
    
    .mobile-menu-claim,
    .sticky .mobile-menu-claim {
        display: inline-block;   
    }
    
    .mobile-menu-claim {
        width: 400px;
        height: auto;
        padding: 0px;
        margin-left: 10px;
        margin-top: 10px;
    }.
    
	/* --------- Index Page (max-width: 1023px) --------- */
	#rnd_objs {
		margin-top: 20px;
	}
	
    /* --------- Search Form (max-width: 1023px) --------- */
    
    .start-search-form-div .search-form {
        margin-top: 30px;
        font-size: 115%;
    }
    
    .start-search-form-div {
        position: absolute;
    }
    
    /* --------- Sidenav (max-width: 1023px) --------- */
    .sidenav {
        font-size: 140%;
    }

    /* --------- Start (max-width: 1023px) --------- */
    .betterhomes-claim-start {
        display: none;
    }
    
    /* --------- Anker Helper (Makes the anker appear before the actual element. Otherwise sticky nav would obscure the top of what we want to show) (max-width: 1023px) --------- */
    p.anker-helper a {
        top: -100px;
    }
    
    /* ---------------------------------------------- */
    /* FLEX CONTAINER (max-width: 1023px) */
    /* ---------------------------------------------- */
    .flex-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .flex-container > .flex-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .flex-item,
    .flex-item-1-of-2,
    .flex-item-2-of-2 {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
      
    .flex-container > .flex-container > .flex-item-1-of-2,
    .flex-container > .flex-container > .flex-item-2-of-2{
        width: 50%;
        /* min-width: 300px; */
    }
    
    
    /* ---------------------------------------------- */
    /* START PAGE - SOCIAL MEDIA (max-width: 1023px) */
    /* ---------------------------------------------- */

    .social-media .flex-container {
        max-width: 500px;
        margin: 0 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    
    .social-media .flex-container .flex-item img {
        /*
        width: 70%;
        padding: 0px;
        */
    	width: 65px;
    }
    
    .index-start-div{
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important;
    }
    
}

@media screen and (max-width: 768px) {
	
	body {
	    line-height: 18px;
	    font-size: 15.5px;
	}
	
	.current_offerings {
    	margin-bottom: 70px;
	}

	section.current_offerings .flex-container.index-start-div div.flex-item-2-of-2 {
/* 		height: 50px; */
	}
	
	.mobile-menu {
		overflow: hidden;
	}
	
	.sidenav.opened {
    	width: 380px;
    }	
    
    nav {
    	height: 110px;
    }
    
    .before-start {
	    margin-top: 110px;
	}
	
	/* --------- Paddings & Margins (max-width: 768px) --------- */
	.ptbxxl{
	    padding-top: 20px;
	    padding-bottom: 20px;
        padding-right: 20px;
	}
	
	.title--xl {
        font-size: 2em;
        line-height: 1em;
    }
	
	/* --------- Icons & Images (max-width: 768px) --------- */
	.icn {
		height: 90%;
	}
	
	.start__traingsys {
		background-position-x: -460px;
	}
	
	.index-immoplus-intro-section {
		background-position-x: -530px;
    	background-position-y: 0px;
	}
	
	body > section.current_offerings > div > div.flex-container.index-start-div {
		margin-bottom: 15px;
	}
	
	.index-start-div .center-text {
		text-align: left;
    	font-size: 120%;	
	}
	
	.flex-container.index-start-div > .center-text {
		width: 100%;
	}
	
	.bh-button {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	/* --- Index Banner Slider (max-width: 768px) ----*/
    .start img.city-img,
    .start .index-immochallenge-ad,
    .start .index-immochallenge-ad-bg,
    .start .index-immoplus-ad
     {
    	display: none;
    } 
    
    .landing-page-city-carousel {
    	display: none;
    }
    
    .start-search-form-div {
    	max-width: 100%;
    	position: relative;
    	margin-left:auto;
    	margin-right: auto;
   	    width: 100%;
    	top: auto;
    }
    
    .start-search-form-div .search-form {
    	margin-left: auto;
    }
    
    /* --------- Random Objects (max-width: 768px) ------ */
    
    #rnd_objs .slick-slide {
/*     	width: 33.33% */
    }
    
	#rnd_objs .slick-track {
		max-width: 200%;
	}
	
	#rnd_objs .item.item-index-2 {
		border-right: 1px solid #7c7c7b;
	}
    
    /* --------- index (max-width: 768px) ------ */
    .index-section-content {
    	width: 80%;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    .index-content-box {
    	width: 100%;
    	margin-left: 0;
    }
    
    .index-section-immochallenge-bg {
   	    background-position: right 30% center;
    }
    
    .index-section-immochallenge-logo, .index-section-immoplus-logo {
    	height: 40px;
    }
    
    .index-city-img-bg-sm {
   	    background-size: cover;
    	background-repeat: no-repeat;
    	backgorund-position: center;
    }
    
    .index-city-img-bg-sm-ch-aarau {
    	background-image: url('/img/start/Bannerbild/ch/betterhomes_aarau.png');
    }
    
    .index-city-img-bg-sm-ch-basel {
    	background-image: url('/img/start/Bannerbild/ch/betterhomes_basel.png');
    }
    
    .index-city-img-bg-sm-ch-bellinzona {
    	background-image: url('/img/start/Bannerbild/ch/betterhomes_bellinzona.png');
    }
    
    .index-city-img-bg-sm-ch-bern {
    	background-image: url('/img/start/Bannerbild/ch/betterhomes_bern.png');
    }
    
    .index-city-img-bg-sm-ch-chur {
    	background-image: url('/img/start/Bannerbild/ch/betterhomes_chur.png');
    }
    
    .index-city-img-bg-sm-ch-lausanne {
    	background-image: url('/img/start/Bannerbild/ch/betterhomes_lausanne.png');
    }
    
    .index-city-img-bg-sm-ch-luzern {
    	background-image: url('/img/start/Bannerbild/ch/betterhomes_luzern.png');
    }
    
    .index-city-img-bg-sm-ch-siders {
    	background-image: url('/img/start/Bannerbild/ch/betterhomes_siders.png');
    }
    
    .index-city-img-bg-sm-ch-stgallen {
    	background-image: url('/img/start/Bannerbild/ch/betterhomes_stgallen.png');
    }
    
    .index-city-img-bg-sm-ch-wollerau {
    	background-image: url('/img/start/Bannerbild/ch/betterhomes_wollerau.png');
    }
    
    .index-city-img-bg-sm-ch-zuerich {
    	background-image: url('/img/start/Bannerbild/ch/betterhomes_zuerich.png');
    }
    
    .index-city-img-bg-sm-at-banner_1 {
    	background-image: url('/img/start/Bannerbild/at/banner_1.jpg');
    }
    
    .index-city-img-bg-sm-at-banner_2 {
    	background-image: url('/img/start/Bannerbild/at/banner_2.jpg');
    }
    
    .index-city-img-bg-sm-at-banner_3 {
    	background-image: url('/img/start/Bannerbild/at/banner_3.jpg');
    }
    
    .index-city-img-bg-sm-at-banner_4 {
    	background-image: url('/img/start/Bannerbild/at/banner_4.jpg');
    }
    
    .index-city-img-bg-sm-at-banner_5 {
    	background-image: url('/img/start/Bannerbild/at/banner_5.jpg');
    }
    
    .index-city-img-bg-sm-de-banner_1 {
    	background-image: url('/img/start/Bannerbild/de/banner_1.jpg');
    }
    
    .index-city-img-bg-sm-de-banner_2 {
    	background-image: url('/img/start/Bannerbild/de/banner_2.jpg');
    }
    
    .index-city-img-bg-sm-de-banner_3 {
    	background-image: url('/img/start/Bannerbild/de/banner_3.jpg');
    }
    
    .index-city-img-bg-sm-de-banner_4 {
    	background-image: url('/img/start/Bannerbild/de/banner_4.jpg');
    }
    
    .index-city-img-bg-sm-de-banner_5 {
    	background-image: url('/img/start/Bannerbild/de/banner_5.jpg');
    }
    
    .index-city-img-bg-sm-de-banner_6 {
    	background-image: url('/img/start/Bannerbild/de/banner_6.jpg');
    }
    
    .index-city-img-bg-sm-de-banner_7 {
    	background-image: url('/img/start/Bannerbild/de/banner_7.jpg');
    }
    
    .index-city-img-bg-sm-de-banner_8 {
    	background-image: url('/img/start/Bannerbild/de/banner_8.jpg');
    }
    
    .index-city-img-bg-sm-de-banner_9 {
    	background-image: url('/img/start/Bannerbild/de/banner_9.jpg');
    }
    
    .index-city-img-bg-sm-de-banner_10 {
    	background-image: url('/img/start/Bannerbild/de/banner_10.jpg');
    }
    
    .index-city-img-bg-sm-de-banner_11 {
    	background-image: url('/img/start/Bannerbild/de/banner_11.jpg');
    }
    
    .proven_expert-style {
    	margin-right: 0;
    }
}
	
@media screen and (max-width: 767px) {   
    .policy-btn-container {
		display: flex;
	    flex-direction: column;
	    align-items: flex-end;
	}
	
	.policy-bar-hide {
		/*width:100%;*/
		background-color:#9a9a9a;
		height:150px;
		position:fixed;
		bottom:0;
		display:none;
		z-index: 100;
	}
	
	.policy-bar-show {
		/*width:100%;*/
		background-color:#9a9a9a;
		height:150px;
		position:fixed;
		bottom:0;
		display:flex;
		z-index: 100;
	}
    
    .mrg-for-policy {
    	margin-bottom: 150px;
    }
    
    .footer-subsection:focus + ul li,
    .footer-subsection + ul li{
        margin-top: 5px;
    }   
	    
    /* --------- Navigation (max-width: 767px) --------- */
    nav {
        height: 80px;
    }
    
    .before-start {
	    margin-top: 80px;
	}
    
    .start {
        margin-top: 80px;
    }
    
    .icon-menu {
        font-size: 350%;
    }
    
    .mobile-menu {
        margin-top: 5px;
        margin-right: 16px;
    }
    
    .mobile-menu-claim {
        width: 350px;
    }
    
    .logo-div {
        width: 470px;
    }
    
    .betterhomes-logo {
        width: 155px;
        height: auto;
    }
    
    .mobile-menu-claim {
        width: 300px;
        margin-top: 3px;
    }
    
    /* --------- Sidenav (max-width: 767px) --------- */
    
    .sidenav.opened {
        width: 285px;
    }
    
    .sidenav a {
        padding: 6px 6px 6px 20px;
        font-size: 80%;
    }
    
    .accordion + .panel a {
       font-size: 80%;
    }
    /* --------- Index Page (max-width: 767px) --------- */
    .current-numbers .col-3 {
		padding-left: 5px;
		padding-right: 5px;
	}
    
    /* --------- Searchform (max-width: 767px) --------- */

    /* #radius */
    .start-search-form-div {
    	max-width: 100%;
        width: auto;
    }
    
    .start-search-form-div .searchform_radius {
        margin-left: 0px;
    }
    
    
    .social-media-icon-box > div:nth-child(1) {
        margin-bottom: 5px;
    }
       
    /* --------- Searchform (max-width: 767px) --------- */
    
    .current-numbers .content .number-item {
        padding: 40px 0px;
    }
    
    
    body > div.start > div.content > div{
    	
		left: 0px!important;
		right: 0px!important;
		margin: auto!important;
    }
    
    
    
    body > div:nth-child(10) > div.content > div{
/*     	width: auto; */
/* 		top: 0px!important; */
/* 		left: 0px!important; */
/* 		right: 0px!important; */
/* 		margin: auto!important; */
    }
    
    .slick2{
		position: absolute;
		top: 0px!important;
		left: 0px!important;
		right: 0px!important;
		margin: auto!important;
		height: 100%;
	}
    
    body > div:nth-child(7) > p{
   	 	line-height: 27px;
    }
    
  	.proven-expert-footer {
	    position: absolute;
        margin-left: 15px;
	    margin-top: 15px;

	}
}
    
@media screen and (max-width: 575px) {
	
	.data-privacy-checkox-text {
		line-height: 100%;
	}
	
	.mobile-only {
		display: block;
	}
    
    .content {
        margin: 0;
        overflow: hidden;
    }
    
    /* -------- style elements (max-width: 575px) -------- */
    .mobile-full-width-line {
    	height: 0;
    	width: 100%;
    	border-bottom: 3px solid #e6007e;
    }
    
    .mobile-not-full-width-line {
    	height: 0;
    	width: 80%;
    	margin: 0 auto;
    	border-bottom: 2px solid #e6007e;
    }
    
    /* -------- Nav burger (max-width: 575px) -------- */
    .icon-menu.ion-close {
    	font-size: 300%;
    	margin-top: 10px;
    }
    
	.icon-container-bottom-line.desktop-line {
		border: none;		
    	padding-bottom: 0;
	}
	
    /* -------- Start search (max-width: 575px) ------ */
    .start img.city-img {
    	display: none;
    }
    
    .claim-start-container {
	    padding-top: 45px;
    }
    
    .betterhomes-claim-start {
    	display: block;
    }
    
    /* --------- Banner (max-width: 575px) --------- */
    
    .beho-banner-heading {
        height: 6.5vw;
    }
    
    .beho-banner-heading h2 {
        font-size: 3.5vw;
        padding: 3px 0px 0px 0px;
        margin-left: 10px;
    }
    
    /* New banners (max-width: 575px) */
    
    .banner-container {
    	display: table;
    	min-height: 55px;
    	width: 100%;	
    }
    
    .banner-container.mobile-only {
    	display: table;
    }
    
    .banner-container > .banner {
    	display: table-cell;
    	vertical-align: middle;
    }
    
    /* mobile accordion styling (max-width: 575px)*/
    .content-padding {
    	padding-top: 20px;
    }
    
    .subsection-wrapper > .content > div {
 		padding-left: 10px;
		padding-right: 10px;
 	}
    
    .mob-acc-padding {
    	padding-left: 10px;
    	padding-right: 10px;
    }
    
   /* --------- FAQ  (max-width: 575px) --------- */
	.faq-width {
	    color: #e6007e;
	    font-size: 120%;
	    width: 80%;
	    max-width:270px;
		line-height: unset;
		height: unset;
	    /* padding-top: 5px; */
	    /* line-height: 133%; */
	}
	
	.sliding-accordion + .panel img {
	    max-width: 80px;
	    float: left;
	    margin-right: 10px;
	}
		
	.faq-open-icon-mobile {
		display: block;    
		min-width: 25px;
		min-height: 25px;
    	width: 25px;
    	height: 25px;
	}
	
	.faq-container {
		max-width: 100%;
	}
	
	.faq-item-wrapper {
		margin-rigth: 10px;
	}
	
     .faq-section {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0;
        background-color: transparent;
    }
    
    .content .faq-container .faq-items .faq-item-wrapper .faq-mobile,
    .content .faq-container .faq-items .faq-item-wrapper .faq-mobile:hover {
    	border-bottom: none;
    }
    	
	.faq-symbol {
		margin-right: 15px;
	}
	
	.faq-table {
		width: 80%;
		display: table;
	}
		
	@supports (-webkit-overflow-scrolling: touch) {
  	/* CSS specific to iOS devices */ 
		.faq-table {
			width: 320px;
		}
	}
	
	.faq-section .faq-container {
	    flex-direction: column;
	}
	
	.faq-section .sliding-accordion + .panel p {
    	padding-right: 20px;
    	padding-left: 20px;
    }
    
	.faq-section .sliding-accordion + .panel > p:first-of-type {
    	padding-top: 30px;
    }
    	
    /* --------- Navigation (max-width: 575px) --------- */
    
    nav {
        height: 80px;
    }
    
    .mobile-menu {
        margin-right: 25px;
        margin-top: 5px;
    }
    
    .betterhomes-logo {
        width: 140px;
        height: auto;
        display: block;
        margin-top: 1px;
    }
    
    .mobile-menu-claim {
        max-width: unset;
	    margin-top: 5px;
	    width: 220px;
	    margin-left: 10px;
    }
    
    .logo-div {
        width: 200px;
    }
    
    .start {
        margin-top: 65px;
    }
    
    /* ---------- Boxes (max-width: 575px) ------------*/
    .box-open-icon-mobile {
		display: block;    
		min-width: 25px;
		min-height: 25px;
    	width: 25px;
    	height: 25px;
	}
	
	.title-tile.active .box-open-icon-mobile,
	.box-mobile.active .box-open-icon-mobile
	{
	    -webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    transform: rotate(90deg);
		
	} 
	
    
    /* --------- Sidenav (max-width: 575px) --------- */
    
    .sidenav a {
        padding: 6px 6px 6px 20px;
        font-size: 90%;
    }
    
    .accordion + .panel a {
       font-size: 80%;
    }
    
    /* --------- Searchform --------- */

    .start-search-form-div .search-form {
        margin-top: 15px;
/*         margin-left: 0; */
        font-size: 110%;
    }
    
    
    /* --------- Random Selection of Objects --------- */
    
    .current_offerings .content {
        overflow: visible;
    }
    
    /* --------- Index (max-width: 575px) --------- */
    
    .index-section-content {
    	width: 100%;
    }
    
    .index-content-box {
    	margin-top: 0;
    }
    
	.index-section .content {
		height: 100%;
	}
	
	.index-content-box {
		height: 100%;
		display: flex;
	    flex-direction: column;
	    justify-content: center;
	}
	
	.index-content-text-container.immoplus {
		flex-direction: column;
	}
	
	.best-price-logo-container {
		text-align: center;
	}
	    
    .index.beho_img_gold {
    	margin-right: auto;	
    }
    
    .index-content-button-container.index-immoplus-button {
    	margin-top: 15px;
    }
    
    .index-section-content.about .index-content-logo-container {
    	position: relative;
    	left: auto;
    	top: auto;
   	    margin-left: auto;
    	margin-right: auto;
    }
        
    .index-trophy {
    	left: auto;
    }
    
    .index-content-text-container {
   	    padding-top: 20px;
    }
    
   	.index-section-immochallenge-logo, 
	.index-section-immoplus-logo {
		height: 70px;
	} 
		
    .index-section-content.about .index-content-text-container {
    	padding-top: 20px;
    }
    
    /* --------- safari/iPhone specific ---------------*/
    .trophy-tile-container {
    	width: 250px;
    	font-size: 25px;
    }
    
    @supports (-webkit-overflow-scrolling: touch) { 
    	.trophy-tile-year {
	    	font-size: 0.7em;   
    	}
    	
    	.trophy-tile-year-text {
	    	font-size: 0.4em;    	
    	}
    	
        .trophy-tile-transactions {
	    	font-size: 1em;
	    }
	    
	    .trophy-tile-transactions-text {
	    	font-size: 0.45em;
	    }
	    
	    .trophy-tile-transactions-text-international {
	    	font-size: 0.4em;
	    }
	}
    
    /* --------- Landing-Page: Immoplus Intro-Section  (max-width: 575px) --------- */

    .immoplus-intro-section-col-left {
        padding-bottom: 10px;    
    }
    
    
    /* --------- Landing-Page: Immoplus Intro-Section  (max-width: 575px) --------- */
    
    .partner-carousel-section {
        padding: 20px 0px;
    }
    
    
    /* --------- Footer (max-width: 575px) --------- */
    
    .footer-div {
        display: none;
    }
    
    .footer-div.mobile {
        display: block;
    }   
    
    footer .accordion {
        background-color: #ededed;
        display: block;
        padding: 10px;
    }
    
    footer .panel {
        display: none;
        background-color: #ededed;
    }
    
    footer .panel a {
        text-decoration: none;
        color: #7c7c7b;
        display: block;
        
    }
    
    footer .accordion + .panel a:first-of-type {
        margin-top: 5px;
    }
    
    footer .accordion + .panel a {
        padding-left: 25px;
        margin-bottom: 7px;
    }
    
    
    /* --------- Disclaimer (max-width: 575px) --------- */

    
    .disclaimer-list {
        margin-top: 15px;
    }
    
    .disclaimer-div {
        height: auto;
        font-weight: normal;
    }
    
    .disclaimer-list li {
        margin-bottom: 3px;
        display:block;
    }
    
    .disclaimer-list .pipe {
        display: none;
    }
    
    
    /* --------- Social Media (max-width: 575px) --------- */
    
    .social-media .flex-container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    
  	.proven-expert-footer {
	    position: absolute;
        right: 40px;
	}
	
	/*---- Callback service (max-width: 575px) ----*/
	.callback-mobile-content-container {
		width: 100%;
		margin: 0;
		max-width: inherit;
	}

	/*----- Flex (max-width: 575px) --------*/
	.flex-order-m-1 {
		order: 1;
	}
	.flex-order-m-2 {
		order: 2;
	}
	.flex-order-m-3 {
		order: 3;
	}
	.flex-order-m-4 {
		order: 4;
	}
	
	.mobile-hide {
		display: none;
	}
	
	.mobile-only {
		display: block;
	}
	
}

@media screen and (min-width: 576px) { 
	.mobile-only {
		display: none !important;
	}
	
	.content .faq-container .faq-items .faq-item-wrapper .panel p:first-child {
		padding-top: 20px;
	}
}

@media screen and (max-width: 425px) {
	
	body {
		font-size: 120%;
		line-height: 130%;
	}
	
	.mobile-menu-claim, .sticky .mobile-menu-claim {
   		display: none;
	}
	
	
	.location_selection_container {
		top: 50px;
	}
	
	.search-box .location_selection_container {
		top: 45px;
	}
	
	.proven_expert_icn {
	    top: 10px;
	}
	
	section.current_offerings .flex-container.index-start-div div.flex-item-2-of-2 {
		height: unset;
	}
	
	
	.callback-container {
		display: none;
	}
	
	/* ---------------------------------------------- */
	/* FLEX CONTAINER (max-width: 425px) */
	/* ---------------------------------------------- */
    
    .flex-item-1-of-2,
    .flex-item-2-of-2 { 
        width: 100%;
    }
	
	/* ---------------------------------------------- */
	/* READ MORE (max-width: 425px) */
	/* ---------------------------------------------- */
	
	.read-more-section {
		display: none;
	}
	
	.bh-button.read-more-btn {
		width: unset;
		padding: 0px 10px;
		display: block;
	}

	.policy-bar-show{
		line-height: 15px;
   		font-size: 13px;
	}
	
	.banner {
	    min-height: 55px;
    	line-height: 55px;
	}
	
	.start__com {
		background-image: none;
	}
	
	/* ---------- (max-width: 425px) */
	.sidenav a {
    	font-size: 120%;
	}

	#close_button {
		width: 0px;
	}
	
	#scrollable_view .accordion + .panel a {
    	font-size: 90%;
	}
	
	.menu_myBetterhomes {
		padding-top: 8px;
	}
	
	/* --------- Line Heights (max-width: 425px) --------- */
	.line_4 {
		margin-bottom: 0.75em;
	}
	
	/* --------- Icons & Images (max-width: 425px) --------- */
	.icn {
		height: 70%;
	}
	
	/* Navigation (max-width: 425px) */
	.sidenav.opened {
		width: 100%;
		cursor: pointer;
	}
	
	.index-immoplus-intro-section {
		background-image: none;
	}
	
	.start__traingsys {
		background-image: none;
	}
	
	.flex-container.index-start-div > .center-text {
		width: 100%;
		text-align: center;
    	font-size: 100%;
	}
	
	.current-offerings-text-line-2 {
		font-size: 150%;
    	margin-bottom: 0px;
	}
	
	
	/* --------- Index Page - Search Container (max-width: 425px) --------- */
	
	.start-search-form-div {
		height: auto;
	}
	
	.landing-page-city-carousel {
/* 		height: 475px; */
	}
	
	.landing-page-city-carousel > div {
/* 		height: 470px; */
	}
	
	.start-search-form-div {
/* 		height: 471px; */
	}
	
	.start-search-form-div input, 
	.start-search-form-div select {
		/* border: 1px solid; */
	}
	
	.start-search-form-div .search-form {
		width: 100%;
		max-width: none;
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
	}
		
	.index-section {
		height: auto;
	}
	
	.index-content-text-container.immoplus {
		flex-direction: column;
	}
	
	/* --------- Index Page - Random Objects (max-width: 425px) --------- */
	.random-img-box-banner {
		font-size: 12px;
	}
    #rnd_objs .slick-slide {
/*     	width: 33.33% */
    }
    
	#rnd_objs .slick-track {
		max-width: 300%;
	}
	
	#rnd_objs .item.item-index-1,
	#rnd_objs .item.item-index-3 {
		border-right: 1px solid #7c7c7b;
	}
	
	#rnd_objs .item.item-index-2 {
		border-right: none;
	}
	
	.random-obj-location {
		height: 40px;
	}
	
	/* --------- Index Page - About (max-width: 425px) --------- */
	
	.landing-page-about-section.ch {
		height: unset;
	}
	
	#trophy {
		width: 135px;
	}
	
	
	.index-section-immoplus-bg {
	}
	
	.index-section-immochallenge-bg.l-de {
		height: 100%;
	}
	
	.index-section-immochallenge-logo, 
	.index-section-immoplus-logo {
		height: 50px;
	}
	
	/* --------- Index Page - Current Numbers (max-width: 425px) --------- */
	
	.current-numbers .title--l {
	    font-size: 1.75em;
    	font-weight: bold;
	}
	
	.current-numbers .font_m {
		font-size: 90%;
	}
	
	.current-numbers .sold-objects div,
	.current-numbers .sold-objects span {
/* 		margin-right: 15px;		 */
	}
	
	.current-numbers.mobile {
		display: block;
	}
	
	.current-numbers.big-screen {
		display: none;
	}
	
	.disclaimer-section {
		padding: 15px 0px;
    	height: 250px;
	}
	
	.index.immoplus-intro-section-col-left > p > img {
		padding: 30px 20px 30px 20px;
	}
	
	/* --------- Index Page - Social Media (max-width: 425px) --------- */
	.social-media {
		padding: 5px 0px;
	}
	
	.social-media .banner {
		font-size: 120%;
		padding-bottom: 10px;
	}
	
	.social-media .flex-container .flex-item img {
		width: 65px;
	}
	
	.social-media > .no_wrap {
	    width: 67%;
	    margin: 0 auto;
	}
		
	/* --------- Share Button (max-width: 425px) --------- */
	
	.bh-share-expand-box.expand-to-right {
		left: 0px;
    	top: 50px;
	}
	
	.bh-share-expand-box {
	    width: 200px;
    	height: 0px;
    	transition: height 1s, border 1s;
    	flex-direction: column;
    	align-items: unset;
    	z-index: 2;
	}

	.bh-share-expand-box.active {
		height: 221px;
		transition: height 1s;
	}
	
	.bh-share-expand-box a {
		color: #fff;
		
	}
	
	.bh-share-expand-box a.mail {
		color: unset;
	}
	
	.bh-share-expand-box a.facebook {
		background-color: #3b5998;
	}
	
	.bh-share-expand-box a.google {
		background-color: #DB4437;
	}
	
	.bh-share-expand-box a.twitter {
		background-color: #00aced;
	}
	
	.bh-share-expand-box a.whatsapp {
		display: block;
		background-color: #25d366;
	}
	
	.bh-share-expand-box a span {
		display: inline-block;
	    left: 65px;
	    top: 10px;
	    margin-bottom: 5px;
	    position: absolute;
	}
	
	.bh-share-icn {
		position: relative;
		width: 100%;
	}
	
	/* 
		twitter - #00aced
		google - #DB4437
		facebook - #3b5998
	*/
	
	.search-detail-section > div.content.m--padding > div.row.ptxl.text-left.p0 > div.col-xl-3.col-lg-10.row.detail_social_media.p0.no-print > div > div.ptm.item {
		vertical-align: super;
	}

	
	.item .bh-share-expand-box {
		right: 40px;
	}
	
   	.proven-expert-footer{
	    position: absolute;
	    margin-left: 330px;
	    margin-top: 10px;
	    width: 160px;
	}	
}

@media screen and (max-width: 414px) {
    
    .bg{
        height:100%;
    }
    
    /* start page */
    .m__bg--none {
        background:none;
    }

    /* --------- Search-Form --------- */
    
	#rnd_objs {
		margin: 0;
	}    
    .start-search-form-div {
        width: 100%;
    }
    
    /* --------- Current Offerings --------- */
    
    .current-offerings-text-line-2 {
        font-size: 170%;
        padding-bottom: 10px;
    }  
    
    /* --------- Immoplus Introduction --------- */
    
    .mobile-menu {
        margin-right: 30px;
    }
    
    
    .icon-close {
        margin-right: 10px;
    }
    
    .sidenav.opened {
        font-size: 100%;
    }
    
   	.proven-expert-footer{
	    position: absolute;
	    margin-left: 320px;
	    margin-top: 10px;
	    width: 160px;
	}
    
}

@media screen and (max-width: 375px) {
	.trademark-banner span {
		font-size: 80%;
	}
	
	.current_offerings .bh-button {
        top: 25px;
	}
    
	.current_offerings {
    	margin-bottom: 70px;
	}
	
	.proven-expert-footer{
	    position: absolute;
	    margin-left: 245px;
	    margin-top: 10px;
	    width: 160px;
	}
}

@media screen and (max-width: 320px) {
	
	.title--xl {
		font-size: 1.75em;
	}	
	
	.font_m {
		font-size: 100%;
	}
	
	.current-offerings-text-line-2 {
    	font-size: 140%;
    	padding-bottom: 20px;
    	text-align: center;
	}
	
	.proven-expert-footer{
	    position: absolute;
	    margin-left: 215px;
	    margin-top: 10px;
	    width: 160px;
	}
	
	footer .content.col-12.h50 {
		height: 80px;
	}

}



@media screen and (max-height: 400px) {
	.side_nav_bottom {
		bottom: unset
	}
}


@media screen and (max-width: 374px) { 
	.random-img-box-banner {
		font-size: 11px;
	}
}

/* ---------------------------------------------- */
/* IPHONE SPECIFIC CSS (IOS)                      */
/* ---------------------------------------------- */

@supports (-webkit-overflow-scrolling: touch) {
  
  	@media screen and (max-width: 375px) {
		
		body {
			font-size: 90%;
			/* line-height: 130%; */ 
		}
		
		/* Index Page - Font Size Random Objects */
		#rnd_objs .item {
			/* font-size: 70%; */
		}
		
		/* Index Page - Height of Apartment-Type of Random Objects */
		.item-type-box {
			height: 55px;
		}
				
		.mobile-menu-claim, .sticky .mobile-menu-claim {
    		display: none;
		}
		
		.menu_contact {
		
		}
		
		.menu_contact a {
		
		}
		
		button.nav_contact {
			font-size: 100%;
			padding: 0px;
		}
		
		.side_nav_footer .banner {
			font-size: 90%;
		}
		
		.banner {
			font-size: 110%;
		}
		
		/* Footer Proven Expert Section */ 
		footer .content.col-12.h50 {
			height: 85px;		
		}

	}

}