/*
 Theme Name:     Divi Child-Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Divi Child-Theme
 Author:         Divi.world
 Author URI:     https://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/Roboto-Italic.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Roboto-Regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-weight: bold;	
  font-weight: 400;
  src: url('../fonts/Roboto-Bold.woff2') format('woff2');
}


/*COLORS
 * 
Green Light: #1fe2be
Green:	#0ba78d
Blue Light: #08aad9
Blue:	#0490b9
Dark Gray: #3e3e3e	

COLORS ENDE*/
h1{
	font-family: "Roboto";
}

.wpcf7 .wpcf7-submit:disabled {
    border: 1px solid #F5F7FA !important;
    color: #FFF !important;
	background-color: #F5F7FA !important;
	cursor: auto !important;
}

.wpcf7 .wpcf7-submit:hover{
	cursor: pointer;
}

h2{
	font-family: "Roboto";
	font-size: 24px !important;
}

h2.et_pb_module_header{
	-webkit-text-fill-color: unset !important;
}

h3{
	font-family: "Roboto";
	font-size: 22px !important;
}

p{
	font-weight: normal !important;
}

.content-container h1{
	background-image: linear-gradient(90deg,#0ba78d,#0490b9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;	
}

.content-container h4{
	background-image: linear-gradient(90deg,#0ba78d,#0490b9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;	
}

.special-space p{
	padding-bottom: 20px !important;
}

.checker span{
	padding: 0px !important;
}

.code-block-container{
	padding: 0px !important;
}

.margin-zero{
	margin: 0px !important;
}

.margin-bottom-zero{
	margin-bottom: 0px !important;
}

.padding-bottom-zero{
	padding-bottom: 0px !important;
}

.padding-top-zero{
	padding-top: 0px !important;
}

.no-last p{
	padding-bottom: 25px !important;
}

.readingProgressbar{
	z-index: 1 !important;
}

.et_pb_lightbox_image:after{
    content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/icon_finger_tap.svg);
    background-size: 30px 30px !important;
    width: 30px;
    height: 30px;
   	bottom: 10px;
    right: 10px;	
}

.padding-extra-bottom{
	padding-bottom: 1em !important;
}

.margin-extra-bottom{
	margin-bottom: 1em !important;
}

.p-padding p{
	padding-bottom: 1em !important;
}

.special-border h2{
	border-bottom-width: 2px;
	border-bottom: 2px solid;
    border-bottom-color: rgba(11,167,141,0.2);
}

.center-content{
	max-width: 600px !important;
	margin: 0 auto;
}

.center-content .et_pb_text_inner{
	text-align: center;
}

.referenzen .property-data{
	display: none;
}

.referenzen-row{
	max-width: 1400px !important;
}

.video-clip > div > iframe{
	max-height: 400px !important;	
}

.immomakler-archive{
	max-width: 1400px !important;
}

.border-bottom-content{
	border-bottom: 2px solid;
    border-bottom-color: rgba(11,167,141,0.2);	
}

.vorschau-container .blog-elements article{
	position: relative;
	min-height: 500px;
}

.vorschau-container .blog-elements.short article{
	position: relative;
	min-height: 400px !important;
}

.vorschau-container .blog-elements article h2{
	font-weight: normal !important;
}

.vorschau-container .blog-elements article h2 a{
	font-weight: normal !important;
}

.vorschau-container .blog-elements article a.more-link{
	width: 94%;
}

.info-box{
	background-image: linear-gradient(90deg,rgba(11,167,141,0.05) 0%,rgba(4,144,185,0.05) 100%)!important;
    padding: 50px;	
}

.info-box img{
	max-width: 100px;
}

.action-box{
	background-image: linear-gradient(90deg,rgba(11,167,141,0.05) 0%,rgba(4,144,185,0.05) 100%)!important;
    padding: 50px;	
}

.action-box a{
	font-size: 20px;
    font-weight: 500;
    padding: 0.3em 1em;
    line-height: 1.7em!important;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    border: 2px solid;
    transition-property: all!important;
    color: #ffffff!important;
    border-width: 0px!important;
    border-color: #0490b9;
    border-radius: 5px;
    text-transform: uppercase!important;
    background-image: linear-gradient(-90deg,#2b87da 0%,#29c4a9 100%);
    background-color: #0490b9;	
	transition: all 300ms ease 0ms;
	box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
	width: 100%;
    max-width: 600px;
}
.action-box a:hover{
    background-color: #fff !important;	
	color: linear-gradient(-90deg,#2b87da 0%,#29c4a9 100%) !important;
}

.expert-box{
	background-image: linear-gradient(90deg,rgba(11,167,141,0.05) 0%,rgba(4,144,185,0.05) 100%)!important;
    padding: 50px 50px 50px 125px;	
}

.expert-box h3 {
    font-size: 22px;
    font-weight: bold;
	padding-right: 40px;
}

.expert-box p {
    color: #666;
    font-size: 18px !important;
    padding: 0px;
}

.expert-box > div:before {
    position: absolute;
    display: block;
    content: ' ';
    background-image: url(/wp-content/uploads/icon_gluehbirne.svg);
    background-size: 75px 75px;
    height: 75px;
    width: 75px;
    top: 0px;
    left: -100px;
}

.expert-box.attention > div:before {
    background-image: url(/wp-content/uploads/icon_ausrufezeichen.svg);
}


.expert-box.question > div:before {
    background-image: url(/wp-content/uploads/icon_fragezeichen.svg);
}


.expert-box.check > div:before {
    background-image: url(/wp-content/uploads/icon_check.svg);
}

.referenzen .immomakler-archive .row{
	width: calc(100%/3);
	float: left;
	min-height: 570px;
	margin-right: 0px !important;
    margin-left: 0px !important;
}

.referenzen .immomakler-archive .row .property .property-container{
	min-height: 500px;
	padding: 10px;
	position: relative;
	background-image: none !important;
	box-shadow: none !important;
}

.referenzen .immomakler-archive .row .property .property-thumbnail{
	width: 100%;
}

.referenzen .immomakler-archive .row .property .property-thumbnail a{
	pointer-events: none;
    cursor: default;
}

.referenzen .immomakler-archive .row .property .property-details{
	width: 100%;
	text-transform: uppercase;
    color: #0ba78d;
    font-weight: bold;
	padding: 10px 0px 0px 0px;
}

.referenzen .immomakler-archive .row .property h3 a{
	font-size: 18px;
	pointer-events: none;
    cursor: default;
}

.referenzen .immomakler-archive .row .property .property-subtitle{
	text-transform: none !important;
    color: #666 !important;
	font-size: 16px !important;
    border-bottom: 1px solid #dedede;
    margin-bottom: 10px;	
}

.closing{
	clear: both;
}

#et-top-navigation{
	padding-top: 0px !important;	
}

.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a{
	padding-bottom: 0px;	
}


#menu-item-18101 > a{
	padding: 15px !important;
	color: #ffffff!important;
    border: 2px solid #0490b9;
    border-radius: 5px;
    text-transform: uppercase!important;
    background-color: #0490b9;
}

#menu-item-18101 > a:hover{
	color: #0490b9 !important;
    border: 2px solid #0490b9;
    background-color: #ffffff;
}


#block-3{
	margin-bottom: 20px !important;
}

.immomakler-archive .property-title{
	padding-top: 0px !important;
}

table.half-border .column-1{
	border-right: 1px solid #efefef;
}

table.half-border .column-2{
	text-align: right;
}

/*MEGA MENU*/

/*
.mega-menu > ul{
	padding: 0px !important;
}

#top-menu li.mega-menu > ul > li{
	padding: 10px !important;	
}

#top-menu li.mega-menu > ul > li > a{
	width: 100%;
}

#top-menu li.mega-menu>ul{
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding-bottom: 10px;
	top: 60px;
}

#top-menu li.mega-menu>ul>li{
	width: calc(100%/3) !important;	
}

#top-menu li.mega-menu>ul>li:nth-of-type(4n+1){
	clear: none !important;
}

.mega-link-small{
	text-align: center;
	padding: 10px !important;
	border-bottom: none !important;
}

.mega-link-small:hover{
	opacity: 1 !important;
}

.mega-link-small a{
	padding: 0px !important;
	border: 2px solid #dfedeb !important;
	transition: all .5s ease-in-out;
	border-radius: 15px;
}

.mega-link-small a:hover{
	border: 2px solid #0ba78d !important;
	opacity: 1 !important;
}

.mega-link-small.current-menu-item > a{
	border: 2px solid #0ba78d !important;
}

.mega-link-small.current-menu-item strong{
	color: #0ba78d !important;
}

.mega-link-small-sub a{
	text-transform: unset !important;
	padding-left: 20px;
}


.mega-link-small-sub a{
	padding-top: 10px !important;
	text-align: left !important;
}

.mega-link-small-sub a:hover{
	opacity: 1 !important;
	color: brown !important;
	background-color: #ffffff !important;
}


.mega-link-small-sub a:before{
	content:'\276F';
	color: #0ba78d;
	padding-right: 5px;
}

.image-nav-container{
	width: 100%;
	margin-top: 10px;
}

.image-nav-container > img {
    max-width: 75px !important;
	min-height: 75px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.text-nav-container {
    width: 100%;
    padding: 0px 10px 10px 10px;
}

.text-nav-container p{
	text-transform: none !important;
	font-weight: normal;
	padding-bottom: 5px;
	font-size: 16px;
	color: #666666 !important;
}

.text-nav-container p strong{
	font-size: 18px;
	color: rgba(0,0,0,0.6) !important;
}

.text-nav-container p:hover{
	opacity: 1 !important;
	color: #0ba78d !important;
}
*/

/* MEGA MENU ENDE */


.immomakler-map-infowindow a, .immomakler-map-infowindow a:link, .immomakler-map-infowindow a:visited, .immomakler-map-infowindow a:hover, .immomakler-map-infowindow a:active, .immomakler-map-infowindow a:active:hover{
	outline: 0 !important;
  border: none !important;
  -moz-outline-style: none !important;	
	border: none !important
}

#main-footer .footer-widget h4{
	line-height: 1.5;
}

.siegel-proven{
	text-align: center !important;
}

.story-date{
	display: none !important;
}

.ctl-bullets-container {
	display: block;
	position: fixed;
	right: 0;
	height: 100%;
	z-index: 1049;
	font-weight: normal;
	height: 70vh;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 15vh auto;
}

.immomakler-single .property-contact .panel-body .contact-photo{
	padding-left: 15px !important;
}

h1, h2, h3{
	font-weight: 400 !important;
	line-height: 1.5 !important;
}

h3{
	font-size: 20px;
}

.siegel-container{
	padding: 0px !important;
}

.siegel-zeile{
	padding: 0px !important;
	margin-bottom: 25px;
}

.siegel{
	text-align: center !important;
	margin-bottom: 25px !important;
}

.siegel img{
	height: 250px !important;
	width: auto;
}

.entry-title{
	margin-bottom: 20px;
}

.flip-box-row > div > div {
	box-shadow: none !important;
}

.post-content > a{
	position: absolute;
	bottom: 10px;
	color: #ffffff!important;
    border-width: 0px!important;
    border-color: #0490b9;
    border-radius: 5px;
    text-transform: uppercase!important;
    background-image: linear-gradient(
-90deg
,#2b87da 0%,#29c4a9 100%);
    background-color: #0490b9;
	padding: 5px 20px;
	width: 100%;
	float: right;
	text-align: center;
}

.list-style-sizes > div > ul > li{
	padding-bottom: 1em;
	line-height: 1.5;
	font-size: 20px;
}

.list-style-sizes-small > div > ul > li{
	line-height: 1.5;
	font-size: 18px;
}

.et_pb_blog_grid .et_pb_post{
	padding: 10px !important
}

.et_fixed_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container{
	padding-top: 86px !important;
}

.et_pb_slide_description{
	padding: 16% 8% !important;
}

.et_pb_section_2.et_pb_section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.flip-box-front > div > div > h4{
	font-size: 24px !important;
    background-image: linear-gradient(
90deg
,#0ba78d,#0490b9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.flip-box-front > div > div > span > img{
	position: absolute;
	z-index: 0;
  top: 0px;
	opacity: 0.1 !important;
}


.flip-box-back > div > div > div> h4{
	font-size: 28px !important;
    background-image: linear-gradient(
90deg
,#0ba78d,#0490b9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-align: center;
}

.flip-box-back > div > div{
	margin-top: 20px;
}

.inhalt-anzeigen > div > ul > li{
	font-size: 20px;
	line-height: 1.5;
}

.partner-container{
	width: 100%;
	max-width: 350px !important;
}

.partner-icon{
    width: calc(100%/2);
    float: left;
    text-align: center;
    padding: 10px;	
}

.clearing{
	clear: both !important;
}

.anzeige-banner-header > div > div > div{
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

#balingen{
	padding-bottom: 25px !important;
}

#haigerloch > section{
	padding-bottom: 25px !important;
}

#hechingen > section{
	padding-bottom: 25px !important;
}

#albstadt > section{
	padding-bottom: 25px !important;
}

#rottweil > section{
	padding-bottom: 25px !important;
}

#tuebingen > section{
	padding-bottom: 25px !important;
}

.anzeige-container{
	padding-top: 0px !important;
}

.anzeige-banner h2{
	padding: 0px !important;
	font-size: 45px !important;
}

.anzeige-header > div > h3{
  font-size: 28px;
  text-align: center;
  margin-top: 20px;
}

.anzeigen > div{
  border: 2px solid #ededed;
  border-radius: 15px;
}

.anzeigen > div > div{
  border-radius: 15px !important;
}

.anzeige-header-container{
	padding: 0px !important;
}

.anzeige-header-container > div{
	padding: 0px !important;
}

.anzeige-header > div > h3{
	padding-bottom: 0px !important;	
}

.has-post-thumbnail > div{
	margin: 0px !important
}
.has-post-thumbnail > div > .entry-featured-image-url{
	margin-bottom: 20px !important
}
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
    content: "\43";
}

.Newsletter > span{
	padding-left: 0px !important;
}

.property-actions > .btn-default{
	display: none !important;
}
.property-actions > .btn-primary{
	font-size: 18px;
}

.list-style > div > ul > li{
	font-size: 20px;
	line-height: 1.5;
	padding-bottom: 1em;
}
.wpcf7-list-item{
  padding-right: 20px;	
}
.wpcf7-form-control-wrap > input{
	border: 1px solid #bbb;
}

.list-style > div > p{
	padding-bottom: 10px !important;
}

.galleria-lightbox-box{
	z-index: 9999999999 !important;
}
.image-style{
	box-sizing: border-box;
  border: 4px solid #fff;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1), 0 3px 10px 0 rgba(0,0,0,0.09);
}

ul > li{
	font-size: 20px;
	padding-bottom: 10px;
}

.cool-timeline-wrapper{
	margin-top: 10px !important;
}

.einleitung h1{
	background-image:linear-gradient(90deg,#0ba78d,#0490b9);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

h2, h3{
	background-image:linear-gradient(90deg,#0ba78d,#0490b9);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

/*LAYOUT*/

.et_header_style_left .logo_container{
	padding-left: 20px;
}

.et_pb_row{
	width: 100% !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.container{
	width: 90%;
}

.banner-full .header-content{
	width: 100% !important;
	max-width: 650px !important;
}

.et_pb_blog_0 .et_pb_post .entry-title, .et_pb_blog_0 .not-found-title {
	font-size: 18px !important;
	padding-bottom: 0px;
}

/*LAYOUT ENDE*/


/*NAVIGATION*/

#mobile-contact-bar-outer{
	background-image: linear-gradient(270deg,#0490b9 0%,#0ba78d 100%);
}

#mobile_menu{
	text-align: left;
}

#mobile_menu a{
	font-weight: 500 !important;
}

span.menu-closed:before {
    color: #0490b9 !important;
}

#main-header{
    padding-top: 15px;
}

#main-header .et_mobile_menu li ul.hide {
    display: none !important;
}
#mobile_menu .menu-item-has-children {
    position: relative;
}
#mobile_menu .menu-item-has-children > a {
    background: transparent;
}
#mobile_menu .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 4% !important;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
span.menu-closed:before {
    content: "\4c";
    display: block;
    color: inherit;
    font-size: 16px;
    font-family: ETmodules;
}
span.menu-closed.menu-open:before {
    content: "\4d";
}

#logo{
	padding-bottom: 15px;
	transition: .5s all ease-in-out !important;
}

#top-menu a{
	font-weight: 500;
}

#top-menu .menu-item-has-children a{
	padding-bottom: 30px !important;
}

#top-menu > li > a{
	text-transform: uppercase;
}

#top-menu > li{
	padding-right: 15px;
	padding-bottom: 0px;
}

#top-menu li li a{
	width: 310px;
	padding: 8px 15px;
}

#top-menu > li > ul > li{
	border-bottom: 1px solid #f2f2f2;
}

#top-menu > li > ul > li > a{
	font-size: 18px;
}

#top-menu > li > ul > li > a:hover{
	color: #0ba78d;
}

.nav li ul{
	width: 310px;
}

.nav li ul{
	padding: 0px;
}
#top-menu li li{
	padding: 0px;
}

.sub-menu{
	padding: 0px !important;
}

.sub-menu > li{
	padding: 0px !important;
}
.et_mobile_menu > li > a{
	font-size: 18px !important;
	font-weight: normal !important;
	text-transform: uppercase;
	background-image: linear-gradient(
90deg
,#0ba78d,#0490b9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	padding: 4% !important;
}
.et_mobile_menu > li > ul > li > a{
	font-size: 16px !important;
	font-weight: normal !important;
}
.et_mobile_menu{
	padding: 0%;
	height: 100vh;
	text-align: center;
	opacity: 0.99 !important;
}

#main-header .et_mobile_menu li ul.hide {
    display: none !important;
}
#mobile_menu .menu-item-has-children {
    position: relative;
}
#mobile_menu .menu-item-has-children > a {
    background: transparent;
	background-image: linear-gradient(
90deg
,#0ba78d,#0490b9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
#mobile_menu .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
span.menu-closed:before {
    content: "\4c";
    display: block;
    color: inherit;
    font-size: 16px;
    font-family: ETmodules;
}
span.menu-closed.menu-open:before {
    content: "\4d";
}

.search-start > div > form > #shortcode-immomakler-search-advanced > div > div > .immomakler-submit{
	margin-right: 0px;
	padding: 15px 30px;
	font-size: 22px;
	font-weight: bold;
	background: #0ba78d;
	border: none;
	font-family: Open Sans !important;
}

.immomakler-search-range-text{
	color: #333;
	text-transform: none !important;
	font-weight: normal;
	font-family: Open Sans !important;
	font-size: 18px;
}

.search-start > div > form > #shortcode-immomakler-search-advanced > div > div > .immomakler-submit > .glyphicon-search{
	top: 2px;
}

.search-start > div > form > #shortcode-immomakler-search-advanced > div > div > a{
	float: left;
	margin-left: 15px;
}

/* FOOTER */

#main-footer{
	border-top: 2px solid #eaeaea;
}

#menu-footernavigation{
	text-align: center;
}

#footer-info{
	text-align: center;
	float: none;
}

#footer-bottom{
	padding: 5px 0 5px;	
}

#footer-info{
	padding-bottom: 0px;
}

.footer-widget > .widget_media_image{
	margin-bottom: 10px !important;
}
.footer-widget > .widget_media_image > a > img{
	width: 100% !important;
}

#footer-widgets .footer-widget li{
	padding-left: 0px;
	padding-top: 10px;
}

#footer-widgets .footer-widget li:before{
	display: none;
}

#custom_html-7 > div{
	text-align: center;
}
.et_pb_widget{
	float: none !important;
}

#custom_html-3{
	margin-bottom: 0px;
}

#custom_html-5 > h4{
	text-align: center;
	font-style: unset;
}

#media_image-5{
	width: 180px;
}

.bottom-nav li{
	padding-bottom: 0px !important;
}


/* FOOTER ENDE */

.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}


/* BREADCRUMB */

.breadcrumb-container{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.breadcrumb > div{
	padding: 0px 20px;
	width: 100% !important;
	line-height: 1.5 !important;
}
.breadcrumb > div > div > .header-content{
	margin: 0px 0px !important;
	padding: 5px 0px !important;
	font-size: 16px !important;
}

.breadcrumb > div > div > .header-content a{
	color: white !important;
	transition: all 1s ease-in-out;
}

.breadcrumb > div > div > .header-content a:hover{
	color: #333333 !important;
}

.breadcrumb > .et_pb_fullwidth_header_overlay{
	position: relative !important;
}
.breadcrumb > .et_pb_fullwidth_header_scroll{
	position: relative !important;
	padding: 0px;
	min-height: 0px;
}

/* BREADCRUMB ENDE */


.footer-widget{
	margin-bottom: 0% !important;
	font-size: 16px !important;
}

#footer-widgets{
	padding: 50px 0px;
}

.side-menu{
	bottom: 100px !important;
}

#et-top-navigation{
	padding-left: 0px !important;
}

/*NAVIGATION ENDE*/

.et_pb_testimonial_author{
	margin-top: 0px;	
}

/*IMMOMAKLER*/
.immomakler{
	padding-top: 10px !important;
}

.immomakler label{
	font-weight: normal;
}

.immomakler .btn-primary{
	font-size: 20px;
	text-transform: uppercase;
}
.immomakler .form-control{
	padding: 6px 5pt;
}
.property-actions > .btn-group{
	width: 100%;
}

.property-actions > .btn-group > a{
	width: 100%;
	background: #0ba78d;
	color: white;
	text-transform: uppercase;
	font-size: 20px;
}

.property-actions > .btn-group > a:hover{
	background: #ffffff !important;
	color: #0ba78d !important; 	
}

.property-details{
	line-height: 1.5;
	padding-right: 0px !important;
}

.property-contact{
	font-size: 18px;
	line-height: 1.5;	
}
.property-features{
	font-size: 18px;
	line-height: 1.5;	
}
.property-description{
	max-width: 600px;
	font-size: 18px !important;
	line-height: 1.5;	
}
.property-map{
	font-size: 18px;
	line-height: 1.5;	
}
.property-contactform{
	font-size: 18px;
	line-height: 1.5;	
}
.property-epass{
	font-size: 18px;
	line-height: 1.5;	
}
#immomakler-g-recaptcha{
	margin-top: 25px;
}
.immomakler-contactform-send > div{
	width: 100% !important;
}
.immomakler-contactform-send > div > button{
	width: 100%;
	padding: 20px 40px !important;
	text-transform: uppercase;
	font-weight: bold;
}
.immomakler-contactform-send > div >.send-over-https{
	margin-top: 10px;
}

.property-contact > div > div > div > ul.list-group > li:nth-child(4){
	display: none;
}
.property-contact > div > div > div > ul.list-group > li:nth-child(6){
	display: none;
}
.property-contact > div > div > div > ul.list-group > li:nth-child(8){
	display: none;
}
.property-contact > div > div > div > ul.list-group > li:nth-child(9){
	display: none;
}

#immomakler-search-agents-panel{
	padding: 0px;
}

#immomakler-search{
	padding: 0px;
}

.panel-heading > .search-actions > button{
	border-radius: 10px;
}
.panel-heading > .search-actions > a{
	border-radius: 10px;
}
.start-slider-search > div > div > div > div > div > div{
	background: rgba(210, 210, 210, 0.8);
	border-radius: 10px;
	box-shadow: 0 0 8px 0 #333;
	padding: 20px;
}
.immomakler{
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0px;
}

.immomakler a {
	color: #0ba78d;
}

.search-start > .immomakler{
	padding-bottom: 0px;
	padding-top: 20px;
}

.search-start > div > form > #shortcode-immomakler-search-advanced > div > div > button{
	float: left;
	margin-left: 15px;
}

#immomakler-search-reset{
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Open Sans !important;
}

.immomakler h1{
	padding: 15px;
	text-align: center;
		background-image:linear-gradient(90deg,#0ba78d,#0490b9);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}

.content-details > h3{
	font-size: 22px;
	padding-bottom: 10px;
}
.content-details > p{
	line-height: 1.5;
}

.cool_timeline .content-details a{
  color: #0ba78d !important;	
	border: none !important;
}

.button-element{
	width: 100%;
	border-bottom-left-radius: 3px !important;
	border-bottom-right-radius: 3px !important;	
}

.button-element-small{
	width: 100%;
	max-width: 600px;
}

.property-container{
	padding: 20px;
	background-image: linear-gradient(90deg,rgba(11,167,141,0.05) 0%,rgba(4,144,185,0.05) 100%)!important;
	box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.3);
}
.property-thumbnail{
	margin: 0px !important;
}
.property-thumbnail > a > img{
	width: 100% !important;
}
.property-title{
	padding-top: 10px;
}
.property-title > a{
	font-size: 26px;
	line-height: 1.5;
	font-weight: bold;
}
.property-subtitle{
	font-size: 20px !important;
	line-height: 1.5;
	font-weight: normal !important;
}
.property-subtitle > span{
	display: none !important;
}

.property-data{
	font-size: 16px !important;
	line-height: 1.5;
}

.property-data .price{
	font-weight: bold;
	font-size: 22px;
}

#immomakler-widget-featuredpost-2{
	margin-bottom: 20px;
}

#immomakler-widget-featuredpost-2 > h4{
	text-transform: uppercase;
}

#immomakler-widget-featuredpost-2 > div{
	padding: 0px;
}

#immomakler-widget-featuredpost-2 > div > .immomakler-featured-post-description{
	padding: 0px;
}

.suchmaske > div > div{
	padding: 0px;
}

.suchmaske > div > div > div > div > div{
	padding: 5% 2%;
}

.objekte-row > div > div{
	padding: 5px 0px;
}

.fullwidth-map{
	padding: 0px;
	padding-top: 0px !important;
	height: 500px !important;
}

.fullwidth-map > div{
	width: 100%;
	max-width: 100%;
	padding: 0px !important;
}
.fullwidth-map > div > div > div > div{
	margin-bottom: -10px;
}

.immomakler-single{
	padding: 20px;
	background-image: linear-gradient(90deg,rgba(11,167,141,0.05) 0%,rgba(4,144,185,0.05) 100%)!important;
	box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
}

.immomakler-single > a{
	display: none;
}

.et_pb_number_counter.et_pb_with_title .percent{
	margin-bottom: 0px;	
}

.et_pb_slider .et_pb_container{
	margin: 0 !important;
}

.kontaktform .wpcf7-not-valid-tip{
	font-size: 14px;
}

.wpcf7-response-output{
	color: #f00;
	font-size: 16px;
	border: none !important;
	margin: 0px !important;
}

.kontaktform .wpcf7-list-item{
	margin: 0px;
}	

.kontaktform .wpcf7-form-control{
	width: 100%;
	font-size: 16px;
  padding: 5px 10px;
  margin: 5px 0px;
  border-radius: 5px;
}
	
.kontaktform .wpcf7-submit{
	font-size: 22px;
	padding: 15px 30px;
	border-radius: 5px;
	color: #ffffff!important;
  border-width: 0px!important;
  border-color: #0490b9;
  font-weight: 600!important;
  text-transform: uppercase!important;
  background-color: #0490b9;
}
.wpcf7-radio{
	padding: 0px !important;
}
.Umkreis >span>span>label {
	font-size: 16px;
	padding: 10px 10px;
	margin-right: 5px !important;
	border-radius: 5px;
  border-width: 0px!important;
}

.hinweis-text{
	line-height: 1.5;
	color: #bdbdbd;
	font-size: 16px;
}

.social-container{
	width: 100%;
}

.social-icon{
	width: calc(100%/6);
	float: left;
	text-align: center;
	padding: 10px;
}

.social-icon > a > img{
	width: 100%;
	max-width: 50px;
}

.et_pb_team_member{
	position: relative;
}

.et_pb_team_member_description{
  position: absolute;
	z-index: 99999 !important;
	top: 0px;
	text-align: center;
	background-blend-mode: multiply;
	background-image: linear-gradient(180deg,#555,#555);
	width: 100%;
	padding: 20px;
	height: 100%;
	opacity: 0;
	transition: opacity 1.2s,visibility 1.2s;
}

.et_pb_team_member_description:hover{
	cursor: pointer;
	opacity: 0.8 !important;
}

.et_pb_team_member_description > h4{
	margin-top: 20px;
}

.grid-prev-image > a > span{
	overflow: hidden;
}

.grid-prev-image > a > span > img{
	transition: all .5s ease-in-out;
}

.grid-prev-image > a > span > img:hover{
	transform: scale(1.1);
}

.et_pb_team_member_image{
	max-width: 600px;
}

.video-starter > div > div > iframe{
	max-height: auto;
	height: 100% !important;
}

.wpcf7-response-output{
	padding-left: 0px !important;	
}
.wpcf7-acceptance{
	padding: 0px !important;
}
.wpcf7-mail-sent-ok{
	color: #0ba78d;
	font-weight: bold;
	font-size: 20px;
	padding-top: 25px !important;
}

.post-content > .post-content-inner{
	padding-bottom: 25px;
}

.panel-heading h2{
	font-weight: 700 !important;
}

.property-title{
	font-weight: 700 !important;
}

.extra-title-container{
	margin-bottom: 50px;
}

.extra-title h2{
	text-align: center;
    font-size: 32px !important;	
}

.kachel-container{
	padding: 50px 20px !important;
}

.kachel-spalte{
	
}

.kachel-element .et_pb_main_blurb_image{
	margin-bottom: 10px !important;
}

.kachel-element img{
	max-width: 100px;
}

.kachel-element h3{
	font-size: 20px !important;
	text-align: center;
}

.stellenangebot-container{
	padding-top: 0px !important;
	padding-bottom: 75px !important;
}

.stellenangebot{
	padding: 20px 0px !important;	
}

.stellenangebot h3{
	transition: .5s all ease-in-out;	
	padding-bottom: 20px !important;
}

.stellenangebot h3:hover{
	padding-left: 10px;	
}

.background-color{
    background-image: linear-gradient(90deg,rgba(11,167,141,0.05) 0%,rgba(4,144,185,0.05) 100%)!important;	
}

/*ELEMENTE ENDE*/

/*FOOTER*/
.footer-widget > div > img{
	max-width: 350px !important;
	width: 100% !important;
}

.footer-widget > div > a > img{
	max-width: 350px !important;
}

#custom_html-7{
	max-width: 350px;
}

#custom_html-5{
	max-width: 350px;
}

.immomakler-search-taxonomy > button{
	font-size: 16px !important;
	font-family: Open Sans;
  padding: 5px 10px !important;
  margin: 5px 0px !important;
  border-radius: 5px !important;
}
.immomakler .dropdown-menu>li>a{
	font-size: 16px !important;
	font-family: Open Sans;
  padding: 5px 15px !important;
  margin: 5px 0px !important;
  border-radius: 5px !important;
}

.immomakler-search-center > input{
	font-size: 16px !important;
	font-family: Open Sans;
  padding: 5px 10px !important;
  margin: 5px 0px !important;
  border-radius: 5px !important;
	font-weight: normal;
}

.immomakler-search-radius > button{
	font-size: 16px !important;
	font-family: Open Sans;
  padding: 5px 10px !important;
  margin: 5px 0px !important;
  border-radius: 5px !important;	
}

.immomakler-more-options{
	font-family: Open Sans !important;
}
.immomakler-cart-button{
	font-family: Open Sans !important;
}

.search-for-id > .form-control{
	font-family: Open Sans !important;
	font-weight: normal;
}

/*IMMOMAKLER ENDE*/

/*ELEMENTE*/
.et_pb_slide_content{
	line-height: 1.5 !important;
}

#content-area > #left-area > .post{
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.ansprechpartner-text > div > h3{
	background-image: none !important;
  -webkit-text-fill-color: #333;
	padding-bottom: 0px;
}

body {
    border-bottom: 0px solid #ff647d!important;
}

.search-start > div > form > #shortcode-immomakler-search-advanced > div > div > .input-group{
	float: left;
	margin-left: 15px;
}


/*SOCIAL SHARE BUTTONS */

.article-right-column > .et_pb_button_module_wrapper{
	margin-bottom: 0px !important;
}

.article-right-column > .et_pb_button_module_wrapper > a:before{
	padding-left: 2px;
    padding-top: 3px;
}

.article-right-column.sticky-is-pushed-up{
	display: none !important;
}

.social-icon-title{
	margin-bottom: 20px;
}

.fb-social-share, .twitter-social-share, .pinterest-social-share, .linkedin-social-share, .whatsapp-social-share, .email-social-share{
	height: 47px;
	font-size: 16px;
	color: #fff;
	background-color: #0490b9;
	border: 2px solid #0490b9;
	border-radius: 50px;
	font-weight: bold;
}

.fb-social-share:hover, .twitter-social-share:hover, .pinterest-social-share:hover, .linkedin-social-share:hover, .whatsapp-social-share:hover, .email-social-share:hover{
	font-size: 16px !important;
	color: #0490b9 !important;
	background-color: #fff !important;
	border: 2px solid #0490b9 !important;
	border-radius: 50px !important;
}

/*SOCIAL SHARE BUTTONS ENDE*/






/* BLOG STYLES */

/*BANNER EINLEITUNG */

.banner-einleitung-container{
    background-image: linear-gradient(270deg,#0490b9 0%,#0ba78d 100%);
    background-color: #0ba78d;
	padding: 0px !important;
}
.banner-einleitung-container h1{
	font-size: 41px !important;
	color: #FFFFFF;
	line-height: 1.3;
	margin-bottom: 0px !important;
}
.banner-einleitung-container p{
	color: #FFFFFF !important;
}

.banner-einleitung-container a{
	color: #FFFFFF !important;
	font-weight: bold;
}

.banner-einleitung-container .banner-text{
	padding: 0px;
}

.banner-einleitung-container .banner-text .author{
    pointer-events: none;
    cursor: default;
}

.banner-text  > div > .et_pb_title_meta_container{
	font-size: 16px !important;
}

/* BANNER EINLEITUNG ENDE */

/* INHALTSVERZEICHNIS */

.inhaltsverzeichnis{
    max-height: calc(100vh - 170px);
    overflow-y: auto;	
	padding-right: 10px;
}

.inhaltsverzeichnis p {
    background: #0ba78d;
    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px !important;
    text-align: center;
    padding: 0px!important;
    color: #fff!important;
}

/* width */
.inhaltsverzeichnis::-webkit-scrollbar {
  width: 2px;
  background: #ffffff;
}

/* Track */
.inhaltsverzeichnis::-webkit-scrollbar-track {
}

/* Handle */
.inhaltsverzeichnis::-webkit-scrollbar-thumb {
  background: #3b5998;
}

.inhaltsverzeichnis strong{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal !important;
}

.inhaltsverzeichnis ul{
	padding: 0px;
	list-style: none;
}

.inhaltsverzeichnis ul li{
	padding: 10px;
	list-style: none;
	border-bottom: 1px solid #ededed;
	transition: .2s all ease-in-out;
	padding-left: 0px !important;
}

.inhaltsverzeichnis ul li:last-child{
	border-bottom: none;
}

.inhaltsverzeichnis ul a{
	display: block;
	color: #666666;
}

.inhaltsverzeichnis ul a:hover{
	color: #0ba78d;
}

/* INHALTSVERZEICHNIS ENDE */

/*
.tablepress td{
	font-weight: normal;
}

.table-template .dataTables_scroll{
	border-radius: 10px;
	border: 1px solid #E8F6BC;
}

.table-template tr th:first-child{
	border-top-left-radius: 10px;
}

.table-template tr th:last-child{
	border-top-right-radius: 10px;
}

.table-template th{
	padding: 10px 15px;	
	background-color: #103f77 !important;
	color: #ffffff !important;
}

.table-template td{
	padding: 10px 15px;	
}

.table-template .odd{
	background-color: #fafafa !important;	
}

.table-template .dataTables_scrollHeadInner{
	width: 100% !important;	
}

.table-template table{
	width: 100% !important;	
}
*/

.top-push{
	padding-top: 90px !important;
}

.top-margin-push{
	margin-top: 90px !important;
}
.article-blog-container{
	padding-top: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.article-blog-container > div{
	padding-bottom: 0px !important;
}

.beitrag-container{
	padding-top: 0px !important;
}

.beitrag-container > div{
	width: 79% !important;
}

.beitrag-container p{
	font-family: Open Sans,Arial,sans-serif;
	font-weight: normal !important;
	line-height: 1.5;
	font-size: 18px;
}

.beitrag-container li{
	font-family: Open Sans,Arial,sans-serif;
	line-height: 1.5;
	font-size: 18px;
	font-weight: normal !important;
}

.beitrag-container .inhaltsverzeichnis a{
	font-family: Open Sans,Arial,sans-serif;
	line-height: 1.5;
	font-size: 16px;
}

.tablepress p{
	font-family: Open Sans,Arial,sans-serif;
	line-height: 1.5;
	font-size: 16px;
}

.tablepress td{
	font-size: 18px !important;
	line-height: 1.5 !important;	
}

.beitrag-inner-container > div{
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.autor-box > div > .et_pb_main_blurb_image{
	max-width: 150px;
    margin: 20px auto;	
}

.autor-box > div > .et_pb_blurb_container{
	max-width: 190px;
	margin: 0 auto;
}

.autor-box > div > div > .et_pb_blurb_description{
	text-align: center;
	font-weight: bold;
	color: #0ba78d;
	font-size: 18px;
}

.autor-box > div > div > .et_pb_blurb_description a{
	color: #666666;
}

.autor-box > div > div > .et_pb_blurb_description a:hover{
	opacity: 0.7;
}

.autor-box img{
	border-radius: 50%;
}

.autor-beschreibung .et_pb_blurb_description{
	font-size: 18px;
	max-width: 650px;
}

.autor-beschreibung .et_pb_blurb_description p{
	line-height: 1.5 !important;
	color: #666;
	font-weight: normal !important;
}

.autor-container{
	position: relative;
    z-index: 0;
	background-color: #ffffff !important;
	border: 1px solid #ededed;
	border-radius: 10px;
	border-top-color: #ededed !important;
}

.lesedauer-element{
	max-width: 170px;
	margin: 0 auto;
	text-align: center !important;
	font-size: 18px;
}

.artikel-content > div > ol > li{
	padding-bottom: 1em !important;
}

/*WEITERE ARTIKEL CONTAINER*/

.weitere-artikel-content > div > div{
    border-bottom-color: #ededed !important;	
}

.weitere-artikel{
	background-color: #ffffff !important;
	position: relative;
    z-index: 0;
}

.weitere-artikel h3{
	font-weight: bold !important;
}

.weitere-artikel article{
	box-shadow: 0px 0px 5px #231B9326;
}

.weitere-artikel article h4{
	min-height: 70px;
	text-align: left;
}

.weitere-artikel article h4 a{
	font-weight: bold;
	font-size: 20px;
	color: #344D80;
}

.weitere-artikel article .post-meta{
	font-size: 14px !important;
	color: #666666;
	text-align: left;
}

.weitere-artikel article .post-meta > a{
	font-size: 14px !important;
	color: #666666 !important;
	font-weight: bold;
}

.weitere-artikel article .post-meta > span > a{
	font-size: 14px !important;
	color: #666666 !important;
	font-weight: bold;
}

/*WEITERE ARTIKEL CONTAINER ENDE*/

/* KATEGORIE ELEMENT PREV CONTAINER */

.kat-banner h1{
	padding-bottom: 0px !important;
}

.kategorie-element-prev-container{
	border-left: 1px solid #F5F7FA;
	padding-left: 20px;
}

.kategorie-element-prev-container article{
	border-radius: 15px;
}

.kategorie-element-prev-container article > .entry-featured-image-url{
	width: 50%;
	float: left;
	overflow: hidden;
	margin: 0px;
	border-radius: 15px;
}

.kategorie-element-prev-container article > .entry-featured-image-url img{
	transition: .5s all ease-in-out;
}

.kategorie-element-prev-container article > .entry-featured-image-url img:hover{
	transform: scale(1.1);
}

.kategorie-element-prev-container article > .entry-title{
	color: #30401B;
	width: 50%;
	float: left;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 0px;
}

.kategorie-element-prev-container article > .entry-title{
	margin-bottom: 5px;
}

.kategorie-element-prev-container.wasser article > .entry-title a{
	color: #234C7B !important;
}

.kategorie-element-prev-container.luft article > .entry-title a{
	color: #00606A !important;
}

.kategorie-element-prev-container.frequenz article > .entry-title a{
	color: #B47E00 !important;
}

.kategorie-element-prev-container.kamera article > .entry-title a{
	color: #3F4659 !important;
}

.kategorie-element-prev-container.fett article > .entry-title a{
	color: #59381C !important;
}

.kategorie-element-prev-container article > .entry-title a{
	font-weight: bold;
	color: #5F7428;
	line-height: 1.3;
}

.kategorie-element-prev-container article > .post-meta{
	width: 50%;
	float: left;
	font-size: 16px !important;
	padding-left: 20px;
	padding-right: 20px;
}

.kategorie-element-prev-container article > .post-content{
	width: 50%;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
}

.kategorie-element-prev-container article > .post-content p{
	font-size: 16px !important;
}

.kategorie-element-prev-container article > .post-content a{
	max-width: 150px;
	margin-top: 20px;
	font-size: 18px;
	text-align: center;
	border: 2px solid #88A627;
	background: #fff;
	color: #88A627;
	border-radius: 15px;
	padding: 10px;
}

.kategorie-element-prev-container article > .post-content a:hover{
	margin-top: 20px;
	font-size: 18px;
	text-align: center;
	border: 2px solid #88A627;
	background: #88A627;
	color: #fff;
	border-radius: 15px;
	padding: 10px;
}
/* KATEGORIE ELEMENT PREV CONTAINER ENDE */

/* SIDEBAR TEXT ELEMENT ALLGEMEIN */

.sidebar-text-element h2{
	background: #5F7428;
	color: #fff;
	font-size: 18px;
	border-radius: 15px 15px 0px 0px;
	text-align: center;
	padding: 5px;
	margin-bottom: 0px;
}

.sidebar-text-element p{
    border-left: 1px solid #F5F7FA;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 1em;
}

.sidebar-text-element p.button-down{
    border-left: none;
    padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
}

.sidebar-text-element p a{
	display: block;
    font-size: 14px;
    text-align: center;
    border: 2px solid #88A627;
    background: #88A627;
    color: #fff;
    border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
    padding: 5px;
}

.sidebar-text-element p a:hover{
	display: block;
    font-size: 14px;
    text-align: center;
    border: 2px solid #88A627;
    background: #fff;
    color: #88A627;
    border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
    padding: 5px;
}

/* SIDEBAR TEXT ELEMENT ALLGEMEIN ENDE */

.pa-blog-no-links .post-content{
	margin-top: 20px;
    text-align: left;
    margin-bottom: 20px;	
}

.pa-blog-no-links .post-content a{
    margin-top: 20px;
    border: 2px solid #234C7B;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px 15px;
    color: #1C2517;
    transition: all .2s ease-in-out;
}

/* KOMPETENZ CLUSTER */

.tags h3{
	padding-bottom: 20px;		
}

.tags ul{
	list-style: none;
	padding: 0px;
}

.tags ul li{
	font-size: 18px;
	float: left;
	padding: 10px;
	color: #C1A348;
	border: 2px solid #D6B95B;
	border-radius: 14px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.tags p{
	padding-top: 25px;
	clear: both !important;
}

/* KOMPETENZ CLUSTER ENDE */


/* BILD UND TEXT*/
.bild-text-row p{
	font-size: 18px;
	max-width: 650px;	
}

.bild-text-row{
	padding: 0px !important;
}

.bild-text-row ul{
	padding: 15px 0 23px 2em;
}

.bild-text-row li{
    font-size: 18px;
    padding-bottom: 10px;
    font-weight: normal;	
}


/* BILD UND TEXT ENDE*/

.kopfzeile-container{
	padding: 0px 20px !important;
}

.kopfzeile{
	padding: 0px !important;
}

#verzeichnis-mobile-container{
	display: none;
}

/* BLOG STYLES ENDE */



/* MEDIA QUERIES */

@media only screen and (max-width: 1300px){
	#logo{
		max-width: 350px !important;
	}
	#main-header > .container{
		width: 95%;
	}
	.et_header_style_left .logo_container{
		padding-left: 0px;
	}
}
@media only screen and (max-width: 1150px){
	#logo{
		max-width: 265px !important;
	}
	#top-menu li a{
		font-size: 16px;
	}
	#top-menu>li>ul>li>a{
		font-size: 16px;
	}
	
	.inhaltsverzeichnis strong{
		font-size: 16px;	
	}	
}

@media only screen and (max-width: 1100px){
	#top-menu li a {
    	font-size: 16px !important;
	}
}

@media (min-width:981px){
	.flip-box-row {
		  background-color: transparent;
		  width: 250px;
		  height: 340px;
		  -webkit-perspective: 1000px;
		  perspective: 1000px;
	}

	.flip-box-column {
		  position: relative;
		  width:100%;
		  height: 100%;
		  -webkit-transition: transform 0.8s;
		  transition: transform 0.8s;
		  -webkit-transform-style: preserve-3d;
		  transform-style: preserve-3d;
	}

	.flip-box-row:hover .flip-box-column {
		  -webkit-transform: rotateY(180deg);
		  transform: rotateY(180deg);
	}

	.flip-box-front, .flip-box-back{
		  position: absolute;
		   width:100%;
		  height: 100%;
		  -webkit-transform: translate3d(0,0,0);
		  -webkit-backface-visibility: hidden;
		  backface-visibility: hidden;
	}
 
.flip-box-back {
	  -webkit-transform: rotateY(180deg);
	  transform: rotateY(180deg);
	}
}


@media (max-width: 980px) {
	
	#menu-item-18101 > a{
   	 	border: none;
		padding: 4% !important;
	}
	
	
	.info-box h3 {
		font-size: 20px !important;
	}	
	
	p{
		font-size: 18px !important;
		line-height: 1.5 !important;
	}
	
	.kachel-spalte{
		padding-bottom: 0px !important;
	}
	
	.extra-title h2{
		font-size: 26px !important;	
	}
	
	.article-blog-container > .et_pb_row_1_tb_body{
		padding-top: 0px !important;
	}
	
	.lesedauer-element{
		font-size: 16px;
	}	
	
	.beitrag-inner-container{
		padding-top: 0px !important;
	}
	
	.beitrag-inner-container > div{
		padding-top: 0px !important;
	}
	
	.social-icon-title{
		display: none;
	}
	
	.lesedauer-element{
		max-width: 100% !important;
		text-align: left !important;
	}
	
	.linke-spalte{
		margin-bottom: 0px !important;
		font-size: 12px;
	}	
	
	.inhaltsverzeichnis ul li:last-child{
		    border-bottom: 1px solid #ededed;
	}
	
	.article-right-column{
		padding-bottom: 20px;
	}
	
	/*
	.table-template{
		position: relative;
	}
	*/
	
	.inhaltsverzeichnis{
		padding-right: 0px;
	}
	
	
	.inhaltsverzeichnis ul li:last-child{
		border-bottom: 1px solid #ededed !important;
	}	
	
	.inhaltsverzeichnis p{
		padding: 10px !important;
		background: #0ba78d;
	}
	
	.inhaltsverzeichnis strong{
		color: #fff !important;
	}
	
	.inhaltsverzeichnis ul{
		padding-top: 0px;
		padding-bottom: 5px;
		padding-left: 10px;
    	padding-right: 10px;
	}
	
	#inhaltsverzeichnis-spalte{
		display: none;
		position: fixed;
		z-index: 999999;
		background: #fff !important;
		background-color: #fff !important;
		width: 100%;
		bottom: 20px;
		left: 0px;	
	}		

	#verzeichnis-mobile-container{
		display: block;
		padding: 0px;
	}
	
	#verzeichnis-mobile{
		display: block;
		position: fixed;
		z-index: 999999;
		border-radius: 0px !important;
		font-size: 16px;
		font-weight: normal;
		text-align: center;
		text-transform: uppercase;
		color: #fff;
		border: none;
		height: 50px !important;
		background: #0490b9;
		width: 100%;
		bottom: 50px;
		left: 0px;
		padding: 10px 0px 0px 0px !important;
		-webkit-tap-highlight-color: transparent;
    	-webkit-touch-callout: none;
   		-webkit-user-select: none;
    	-khtml-user-select: none;
    	-moz-user-select: none;
    	-ms-user-select: none;
    	user-select: none;
	}
	
	.open-rotate{
		color: #0490b9 !important;
		background: #fff !important;
	}
	
	.open-rotate:after{
		transition: all .5s ease-in-out !important;
		transform: rotate(180deg);
		color: #234C7B !important;
	}	
	
	#inhaltsverzeichnis-spalte{
		display: none;
		position: fixed;
		z-index: 999999;
		background: #fff !important;
		background-color: #fff !important;
		width: 100%;
		bottom: 20px;
		left: 0px;	
	}	
	
	.display-mobile{
		display: none;
	}
	
	.article-blog-container{
		padding-top: 0px !important;
	}
	
	.article-blog-container > div > div{
		margin: 0px;
	}
	
	.beitrag-container > div{
		width: 100% !important;
	}	
	.social-icon-title{
		display: none;
	}
	
	.article-right-column{
		display: inline-flex;
		margin-top: 10px !important;
	}
	
	.article-right-column a{
		margin-right: 5px;
	}
	
	.volle-breite-mobile{
		width: 100% !important;
	}	
	
	.et_mobile_menu{
		top: 55px !important;
	}
	
	.referenzen .immomakler-archive .row{
		width: calc(100%/2);
		float: left;
	}	
	
	#menu-item-103 > a{
	    margin: 20px;
    	text-align: center;	
	}

	#main-header{
		height: 70px !important;
	}

	.et_pb_team_member_image{
		width: 100% !important;	
		margin: 0px !important;
	}
	
	.et_pb_team_member_image > img{
		width: 100% !important;	
	}
	
	.et_pb_team_member{
		width: 50%;
		float: left;
	}

	.ansprechpartner-text{
		width: 50%;
		float: left;
		padding-left: 20px;
	}
	
	.footer-widget:nth-child(n) {
			width: 100%!important;
	}
	#footer-widgets .footer-widget:nth-last-child(-n+2) {
    	margin: 0 7.5% 7.5% 0!important;
	}
	#footer-widgets .footer-widget .fwidget{
		margin-bottom: 25px !important;
	}
	.fullwidth-map{
		height: 240px !important;
	}	
	.immomakler-map-iframe{
		max-height: 250px;
	}		
	.anzeige-container{
		padding-bottom: 0px !important;
	}
	
	#media_image-3{
		margin-top: 50px !important;
	}

	.mega-link-small{
		margin: 10px;	
	}
	
	.anzeige-banner h2{
		font-size: 35px !important;
	}	

	.flip-box-row {
	  width: 100% !important;
	}
	
	.flip-box-column > .et_pb_blurb{
		padding-bottom: 30px !important;
	}	
	
	#logo{
		margin-bottom: 20px;
		padding: 0px !important;
	}	
	
	.et_header_style_left #logo, .et_header_style_split #logo {
			max-width: 75%;
	}	
	
	#main-header > .container{
		width: 100%;
		padding: 0% 5%;
	}	
	
	.et_fixed_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container{
		padding-top: 70px !important;
	}	
	
	#main-header>.container{
		width: 100% !important;
		padding: 0px 20px !important; 
	}	
	.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
		position: fixed;
	}
}

@media (max-width: 767px) {
	
	.vorschau-container .blog-elements article{
		min-height: 100px;
	}
	
	.vorschau-container .blog-elements article a.more-link{
		position: relative;
		width: 100%;
	}
	
	.search-start > div > form > #shortcode-immomakler-search-advanced > div > div > button{
		margin-left: 0px;
	}	
	
	#media_image-6{
	margin-top: 50px !important;
	}
	
	.et_pb_slide_description{
		padding: 0 !important;
	}
	
	.panel ul li{
		font-size: 18px;
		line-height: 1.5;
	}
	
	.panel-body p{
		font-size: 18px !important;
		line-height: 1.5;
	}		
	
	.search-start > div > form > #shortcode-immomakler-search-advanced > div > div > a{
		margin-left: 0px;
	}	

		#footer-widgets .footer-widget:nth-child(n), #footer-widgets .footer-widget .fwidget{
		margin-bottom: 10px !important;
	}	

	.search-start > div > form > #shortcode-immomakler-search-advanced > div > div > .input-group{
		margin-left: 0px;
	}	
}

@media (min-width: 750px){
	
	.banner-text > div > .et_pb_title_meta_container{
    	font-size: 16px !important;
	}
	
	.kategorie-element-prev-container article > .entry-featured-image-url{
		width: 100%;
	}	
	
	.kategorie-element-prev-container article > .entry-title{
		width: 100%;		
		padding: 0px;
		margin-top: 15px;
	}
	
	.kategorie-element-prev-container article > .post-meta{
		width: 100%;			
		padding: 0px;	
	}
	
	.kategorie-element-prev-container article > .post-content{
		width: 100%;		
		padding: 0px;		
	}		
}	
	
@media (min-width: 700px){
	#mobile-contact-bar{
		display: none !important;
	}
}

@media (max-width: 700px){
	
	#page-container{
		padding-bottom: 50px !important;	
	}
	
	.banner-einleitung-container h1{
		font-size: 34px !important;
	}
	
	.tablepress td{
		font-size: 16px !important;
	}	
	
	.et_pb_column .et_pb_module > a{
		font-size: 16px;
	}	
	
	.referenzen .immomakler-archive .row .property .property-container{
		padding: 25px 0px 0px 0px;
	}
	
	.referenzen .immomakler-archive .row{
		width: calc(100%/1);
		float: left;
	}	
}

@media (max-width: 630px){
	.et_pb_video_box iframe{
		max-height: 350px;
	}	
	
	.big-table:before{
		content: "";
		width: 20px;
		height: 20px;
		display: block;
		position: absolute;
		top: -20px;
		left: 5px;
		background-image: url(/wp-content/uploads/icon_finger.svg);
		background-repeat: no-repeat;	
		animation-name: pointer;
		animation-duration: 2s;
		animation-iteration-count: infinite;
	}
}

@media (max-width: 630px){
	.lwp-header-link > section > div > div > div > .et_pb_button_one{
		margin-right: 0px !important;
	}
}

@media (max-width: 600px){	
	
	.kachel-element h3 {
		font-size: 18px !important;
	}	
	
	.info-box h3 {
		font-size: 18px !important;
	}	
	
	p{
		font-size: 16px !important;
		line-height: 1.5 !important;
	}
	
	.google-map iframe{
		height: 300px !important;
	}
	
	.info-box{
		padding: 20px;
	}
	
	.action-box{
		padding: 20px;
	}
	
	.et_pb_team_member{
		width: 100%;
		float: left;
	}

	.ansprechpartner-text{
		width: 100%;
		float: left;
		padding-left: 0px;
	}
	
	.anzeige-banner h2{
		font-size: 30px !important;
	}	
	.property-data .price{
		font-size: 20px;
	}
	.timeline-post{
		padding: 0px 25px 25px !important;
	}
	.wpcf7-checkbox{
		padding-left: 0px !important;
	}
	.property-title > a{
		font-size: 24px;
		line-height: 1.5;
		font-weight: 700;
	}
	.banner-einleitung-container .banner-text{
		padding: 15px 0px;
	}	
	
	.artikel-content li{
		font-size: 16px !important;
		padding-bottom: 10px;
	}
	
	.autor-image img{
		width: 75px !important;
	}	
}


@media only screen and (max-width: 480px) {
	
	.article-right-column{
		margin-top: 0px !important;
	}
	
	.beitrag-bild img{
		margin-bottom: 20px;
	}
	.banner-einleitung-container h1{
		font-size: 24px !important;
	}	
	
	.banner-einleitung-container > div{
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
	
	.article-left-column{
		margin-bottom: 0px !important;
	}
}

@media (max-width: 450px){
	.expert-box{
		padding: 15px 20px;
	}
	
	.expert-box > div:before{
		background-size: 30px 30px;
		height: 30px;
		width: 30px;
		right: 0px;
    	left: unset;
	}
	
	.banner-einleitung-container .banner-text{
		padding: 20px 0px;	
	}
	
	.kategorie-element-prev-container{
		border: none;
		padding-left: 0px;
	}
	
	.kategorie-element-prev-container article > .post-meta{
		font-size: 12px !important;	
	}	
	
	.banner-text > div > .et_pb_title_meta_container {
    	font-size: 14px !important;
	}	
}	




@media (max-width: 400px){
	
	.extra-title-container{
		margin-bottom: 0px;
	}
	
	.extra-title h2{
		font-size: 22px !important;	
	}
	
	.kachel-element img{
		max-width: 75px;
	}
	
	.beitrag-container p{
		font-size: 16px !important;		
	}
	
	.beitrag-container li{
		font-size: 16px;
	}
	
	.expert-box p{
		font-size: 16px !important;		
	}
	
	.autor-beschreibung .et_pb_blurb_description p{
		font-size: 16px !important;	
	}	
	
	.property-data .price{
		font-size: 18px;
	}
	.kontaktform > p > label{
		font-size: 16px !important;	
	}
	.list-style-sizes > div > ul > li{
		font-size: 18px;
	}
	.content-details > h3{
		font-size: 16px !important;
	}
	.content-details > p{
		font-size: 18px !important;
	}
	.breadcrumb>div>div>.header-content{
		font-size: 14px !important;
	}
	.list-style>div>ul>li{
		font-size: 18px;
	}
	.et_pb_fullwidth_header_container{
		width: 100% !important;
	}
	.panel-body > p{
		font-size: 16px !important;
	}
	.property-title>a{
		font-size: 20px !important;
	}
	.property-subtitle{
		font-size: 16px !important;
		padding: 0px !important;
	}
	
	.et_pb_section_2.et_pb_section{
		padding: 25px 0px;
	}
	h1{
		font-size: 22px !important;
	}
	h2{
		font-size: 22px !important;
	}
	h3{
		font-size: 18px !important;
	}
	.et_pb_text_inner > p{
		font-size: 18px;
	}
	.et_pb_testimonial_content > p{
		font-size: 16px !important;
	}
	ul > li{
		font-size: 18px;
	}
	
}

	@media (max-width: 350px){
	.et_pb_column .et_pb_module > a{
		font-size: 14px;
	}
		
	.fb-social-share, .twitter-social-share, .pinterest-social-share, .linkedin-social-share, .whatsapp-social-share, .email-social-share{
		height: 37px;
		font-size: 12px;
	}	
		
		
}
/* MEDIA QUERIES */