/*
Theme Name: 1 - plusDesign 1
Theme URI: https://www.maklerhomepage.net/
Description: Theme 1 für MaklerACCESS 2+
Author: Icehouse Design
Author URI: https://www.icehouse-group.de
Version: 1.0
*/

@import url(https://cdn.makleraccess.de/google-fonts/lato/font.css);

@media screen {

	/* Bootstrap Elemente überschreiben ANFANG */

	body{font-family: Lato, Helvetica, Arial, sans-serif; font-weight: 300 !important; font-size: 14px; background-attachment: fixed;line-height: 1.6;}
	h1, h2, h3, h4, h5, h6{font-weight: 400;}
	h2{margin: 30px 0; }

	.header .form-search input{border-radius: 0 !important; margin-top: 10px; float: right; margin-bottom: 20px;}

	.btn, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {font-family: Lato, Helvetica, Arial, sans-serif; text-transform:  uppercase; font-weight: 300; max-width: 80%; background-color: orange; color: #fff; background-image: none; border-radius: 0; box-shadow: none; border: none; text-shadow: none; }

	.btn:hover{background-color: #ccc ;}

	/* Bootstrap Elemente überschreiben ENDE */

	/* Content Styling ANFANG */

	.maincontent h1{
		font-size: 2em;
		font-weight: 300;
		border: 0 solid #ccc;
		border-bottom-width: 1px;
		padding: 20px 0 2px 0;
		margin: 0 0 20px 0;
		line-height: normal;
	}
	.maincontent h2{
		font-size: 1.5em;
		font-weight: 300;
		border: 0 solid #ccc;
		border-bottom-width: 1px;
		margin: 25px 0 10px 0;
		line-height: normal;
	}
	.maincontent h3{
		font-size: 1.25em;
		margin: 25px 0 10px 0;
		font-weight: 300;
		border: 0 solid #ccc;
		border-bottom-width: 1px;
		line-height: normal;
	}
	.maincontent h4{
		font-size: 1.15em;
		margin: 25px 0 5px 0;
	}
	.maincontent h5{
		font-size: 1em;
		margin: 20px 0 3px 0;
	}
	.alignleft{
		float: left;
	}
	img.alignleft{
		padding: 0 12px 10px 0;
		display: inline-block;
	}

	/* Content Styling ENDE */

	.fullwidth{width: 100%; margin: 25px 0; padding: 25px 0;}

	.gray{background-color: #e1e1e1; }

	.bottomwidgets .widget-even{
		background-color: #e1e1e1;
		box-shadow: 0px 3px 2px #ccc;
		box-shadow: 0px 3px 2px rgba(0,0,0,0.3);
	}

	body.sidebar-left .maincontent{float: right;}
	.maincontent {word-wrap: break-word;}

	.topHead{
		margin-top: 22px;
		margin-bottom: 18px;
	}

	body.col2_widgets .widgetBoxes .span3{
		width: 460px;
		margin-bottom: 25px;
		height: 350px;
	}
	body.col2_widgets .widgetBoxes .span3 .content{
		min-height: 0;
	}

	body.round_buttons .btn{
		border-radius: 10px;
		overflow: hidden;
	}

	body.round_borders .headerBannerSlider,
	body.round_borders .headerBannerSlider img,
	body.round_borders .widgetBoxes > div,
	body.round_borders .actionboxes > div,
	body.round_borders #nav-toggle
	{
		border-radius: 10px;
		overflow: hidden;
	}

	body.round_borders.boxed_layout .boxedWrapper{
		border-radius: 0 0 10px 10px;
	}

	/* Boxed Layout Style ANFANG */

	body.boxed_layout{

		text-align: center;
	}

	body.boxed_layout .boxedWrapper{
		background-color: #fff;
		color: #000;
		padding: 0 20px;
		margin: 0 auto 14px auto;
		text-align: left;
		display: inline-block;
	}
	body.boxed_layout .boxedWrapper a:not(.btn):not(.button),
	body.boxed_layout .boxedWrapper h1,
	body.boxed_layout .boxedWrapper h2,
	body.boxed_layout .boxedWrapper h3,
	body.boxed_layout .boxedWrapper h4 {
		color: #000;
	}

	body.boxed_layout .gray{
		background-color: transparent;
		padding-top: 5px;
		padding-bottom: 10px;
	}
	body.boxed_layout .gray .widgetBoxes div{
		background-color: #e1e1e1;
	}

	/* Boxed Layout mit Schatten ANFANG */
	body.boxed_layout.boxed_shadow .boxedWrapper{
		box-shadow: 0px 0px 15px #999;
		-o-box-shadow: 0px 0px 15px #999;
		box-shadow: 0px 0px 15px rgba(0,0,0,0.65);
	}
	/* Boxed Layout mit Schatten ENDE */


	/* Boxed Layout Style ENDE */

	.mainNavi{
		text-align: center;
		min-height: 65px;
		background-color: #fff;
		text-transform: uppercase;
	}
	.social_icons{
		margin-top: -28px;
		float: right;
	}
	.has-ma-chat .social_icons {
		float: left;
	}
	.mainNavi{
		position: relative;
		top: 65px;
		margin-top: -65px;
		z-index: 5;
		left: 0;
	}
	.mainNavi ul{
		margin: 0;
		padding: 0;
	}
	.mainNavi li{
		display: inline-block;
		padding: 21px 15px 10px 15px;
	}
	.mainNavi li a, .mainNavi li span {
		color: #000;
		font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
		font-size: 0.8em;
	}
	#nav-toggle{
		width: 100%;
		min-width: 127px;
		background-color: orange;
		background-image: url(./img/RespNavVari.gif);
		background-position: 98% 0;
		padding: 6px 0 0 0;
		height: 26px;
		background-repeat: no-repeat;
		display: inline-block;
		margin: auto;
		font-weight: bold;
		color: #fff;
	}
	.headerBannerSlider{
		height: 310px;
		overflow: hidden;
		box-shadow: 0px 3px 2px #ccc;
		box-shadow: 0px 3px 2px rgba(0,0,0,0.3);
		z-index: 0;
	}
	.headerBannerSlider img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.headerLogo img{
		max-height: 85px;
	}
	.headerImg{
		width: 100%;
	}
	.headerLinks {
		font-size: 0.8em;
		margin-top: 5px;
	}
	.headerLinks, .headerLinks a{
		color: #000;
	}
	.headerLinks a{
		margin-left: 7px;
	}
	.widgetBoxes, .actionboxes{
		font-size: 0.9em;
	}
	.widgetBoxes {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: -20px;
	}
	.widgetBoxes h4{margin: 18px 0;}
	.widgetBoxes div.span3, .widgetBoxes div.span4, .widgetBoxes div.span6 {
		background-color: #fff;
		box-shadow: 0px 3px 2px #ccc;
		box-shadow: 0px 3px 2px rgba(0,0,0,0.3);
		margin-bottom: 20px;
		position: relative;
	}
	.widgetBoxes div.span3 {
		width: calc(25% - 21px)
	}
	.widgetBoxes div.span4 {
		width: calc(33% - 21px)
	}
	.widgetBoxes div.span6 {
		width: calc(50% - 21px)
	}
	.widgetBoxes .content{
		padding: 0 17px 10px 17px;
	}
	.widgetBoxes a{
		width: 100%;
		max-height: 130px;
		overflow: hidden;
		display: inline-block;
		border: 0px solid orange;
		border-bottom-width: 3px;
	}
	.widgetBoxes img{
		width: 100%;
		min-height: 130px;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.widgetBoxes .btn {
		display: block;
		margin: 20px auto 10px auto;
		border: none;
	}
	.mitarbeiter .vcf{
		float: right;
		display: inline-block;
		padding: 25px 25px;
		background-color: #ddd;
		border-radius: 10px;
		color: #333;
	}
	.mitarbeiter .vcf:hover{
		background-color: #c5c5c5;
		text-decoration: none;
	}
	.bottomwidgets .actionboxes{

		margin-bottom: 30px;
	}
	.actionboxes ul, .actionboxes p {
		padding: 0 10px;
	}
	.actionboxes ul{
		margin-left: 0;
		list-style-type: none;
	}
	.bottomwidgets .actionboxes > div {
		padding: 0 0 20px 0;
		min-height: 205px;
	}
	.sidebar{
		margin-top: 30px;
		margin-bottom: 30px;
		display: inline-block;
	}
	.sidebar .actionboxes div{
		padding-bottom: 15px;
	}
	ul.news {
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
	.wpcf7-form-control-wrap {
		float:right;
		width: 50%;
	}
	.wpcf7-form-control {
		width: 100%;
	}
	.wpcf7-submit{
		-webkit-appearance: none;
		background-color: #ddd;
		color: #333;
		padding: 7px 30px;
		display: inline-block;
		border: none;
		border-radius: 10px;
		margin: 0;
		float: right;
	}
	.wpcf7-submit:hover{
		background-color: #ccc;
	}
	.footer{
		line-height: 140%;
		padding: 15px 0;
	}

}


/* responsive CSS fixes */
@media (max-width: 767px) {
	#footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 767px){
	.topHead{
		text-align: center;
		margin: 20px 0 0 0;
	}
	.topHead .headerLinks, .topHead .form-search input{
		float: none !important;
	}
	.topHead .form-search input{
		margin-bottom: 0 !important;
	}
	.headerBannerSlider{
		display: none !important;
	}
	.header{
		text-align: center;
	}
	#nav {
		text-align: left;
	}
	.fullwidth{
		padding: 0;
	}
	.widgetBoxes div.span3, .widgetBoxes div.span4, .widgetBoxes div.span6 {
		background-color: #efefef;
		box-shadow: 0px 3px 2px #ccc;
		box-shadow: 0px 3px 2px rgba(0,0,0,0.3);
		margin-bottom: 15px;
	}
	.widgetBoxes .content {min-height: inherit !important;}
	.bottomwidgets .actionboxes div {min-height: 0 !important;}
	.header + .gray {background-color: transparent; }
	.mainNavi li {padding: 15px 0; font-size: 1.2em;}

	body.boxedLayout #wrapper{
		width: auto !important;
	}
	body.col2_widgets .widgetBoxes .span3{
		width: 100%;
	}
	.widgetBoxes div.span3, .widgetBoxes div.span4, .widgetBoxes div.span6 {
		width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 979px){
	body.col2_widgets .widgetBoxes .span3{
		width: 352px;
	}
	.widgetBoxes div.span3, .widgetBoxes div.span4 {
		width: calc(50% - 21px);
	}
}

@media (max-width: 979px) {
	.mainNavi{
		position: relative; top: 0; margin-top: 0;
	}
	.mainNavi li{
		padding-top: 0;
	}
	body.boxedLayout #wrapper{
		width: 764px;
	}
	.widgetBoxes .btn {
		width: 100%;
		margin: 7px auto;
		max-width: 90%;
	}
}
@media (min-width: 980px) and (max-width: 1199px){
	.widgetBoxes .content{
		padding: 0 17px 5px 17px;
	}
	body.boxedLayout #wrapper{
		width: 980px;
	}
}
@media (min-width: 1200px) {
	body.boxedLayout #wrapper{
		width: 1210px;
	}
	.mainNavi li{
		font-size:1.3em;
	}
	body.col2_widgets .widgetBoxes .span3{
		width: 570px;
	}
	.widgetBoxes div.span3 {
		width: calc(25% - 31px)
	}
	.widgetBoxes div.span4 {
		width: calc(33% - 31px)
	}
	.widgetBoxes div.span6 {
		width: calc(50% - 31px)
	}
}

/**** DROPDOWN MENU ****/
#nav {
	overflow: visible !important;
	opacity: 0.9;
}

@media screen and (min-width: 768px) {

	#nav li {
		position: relative;
	}

	#nav .children,
	#nav .sub-menu{
		display: none;
		position: absolute;
		left: 0;
		background-color: rgb(230, 230, 230);
		width: auto;
		text-align: left;
		z-index: 999;
	}
	#nav .children .children,
	#nav .sub-menu .sub-menu{
		background-color: rgb(210, 210, 210);
		border: 0 solid #aaa;
		border-left-width: 3px;
		margin-left: -5px;
		z-index: 999;
		width: auto;
		left: 100%;
		top: 0;
	}
	#nav .children li,
	#nav .sub-menu li {
		width: 100%;
		font-size: 1em;
		box-sizing: border-box;
		-ms-word-wrap: break-word;
		word-wrap: break-word;
	}

	#nav li:hover > .children,
	#nav li:hover > .sub-menu {
		display: block;
	}
}


.mitarbeiter {
	clear: both;
	margin: 0;
}

.mitarbeiter .span2 {
	text-align: center;
}

.mitarbeiter .vcf {
	display: block;
	text-align: center;
	float: none;
}

@media (max-width: 769px) {
	.mitarbeiter .span7 {
		text-align: center;
	}

	body {
		word-break: break-word;
	}
}

.mitarbeiter + .mitarbeiter {
	margin-top: 15px;
	border-top: 1px solid currentColor;
	padding-top: 15px;
}

.alignright {
	float: right;
}

/**** Menp Arrows & Separators ****/
body.iwantthosenaviarrows #nav .page_item_has_children > a:after {
	content: '';
	display: inline-block;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	margin-left: 5px;
	vertical-align: middle;
}

#nav .children li + li,
#nav .sub-menu li + li {
	border-top: 1px solid #aaa;
}

#dio-api-client-wrapper .calculator.v2 .wmtt_hinweis.tooltip {
	opacity: 1;
}

.hentry .entry-header {
	margin-bottom: .5em;
}

.wp-caption {
	max-width: 100%;
}