/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
	font-display: optional;
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v34-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
	font-display: optional;
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v34-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
	font-display: optional;
}
body {
	--wpforms-button-border-color:rgb(242,71,14);
}
a, a:visited {
	color:#16568D;
}
/*Mashb Share buttons*/
.mashsb-container {
    padding:0 0 0 8px;
    max-width: 180px;
	position:relative;
	margin-bottom:-20px;
}
.mashsb_below_buttons { /*Instagram Icon Blog Post*/
  position: absolute;
  right: -41px;
  top: 8px;
}
.socialicons .mashsb_below_buttons { /*Instagram Icon single view*/
  top: 1px;
}
.socialicons .mashsb-container {
    max-width: unset;
}
.immomakler-single .mashsb-container {float:right;}
.mashsb-stretched .mashsb-buttons {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	gap:5px;
}
div.mashsb-buttons a {background-color:#f2470e; padding:3px; }
.immomakler .instagram { background-color: #f2470e;padding: 2px 10px 4px 23px;}
div.socialicons span {}
.margin-bottom {margin-bottom:10px;}
body .grid-container {padding:0 20px;}
/*Header*/
body, button, input, select, textarea {
  font-family: "Open Sans", sans-serif;
}
body .inside-header.grid-container {
    max-width: 1200px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	flex-direction:row;
	margin-bottom:-10px;
}
/*Header fixed*/
.header-aligned-center .site-header {
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 400;
	background-color: #fff;
	height: 108px;
	padding-top: 3px;
    width: 100%;
}
.main-navigation {
    background-color: #000000;
    position: fixed;
    top: 108px;
    left: 0;
    width: 100%;
}
button.menu-toggle{text-align:left;}
#page {margin-top:180px;}
/*Header inside*/
.site-header .header-image img {
  width: 150px;
  padding-top: 8px;
}
#custom_html-4 {text-align:right;}
.site-logo {order:1;}
.site-logo a {    padding-left: 17px;}
.separate-containers .widget {margin-bottom:0;}
.separate-containers .inside-article {padding:20px;}
.separate-containers .site-main {margin:0 20px 20px;}

.header-widget .widget {padding-bottom:0px;}
.header-widget .widget-title {    margin-bottom: 10px;}
.header-widget {
    overflow: hidden;
    max-width: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
	justify-content: space-around;
	grid-area: header-infos;
	width:85%;
	order:2;
}
.header-widget aside {   width:20%;}
aside .title {font-weight:bold;}
aside#custom_html-21 {width:25%; padding:30px 0;}
	aside#custom_html-33 {width:28%; padding:10px 0; }
	aside#custom_html-33 .textwidget div {display:flex; }
	aside#custom_html-33 .textwidget div img {height:33px; width:33px; padding-right:10px;}
	aside#custom_html-33 .textwidget div {    padding: 0 0 5px 0;}
aside#custom_html-17 { 	text-align:center; 	width:20%;	}
aside#custom_html-23,aside#custom_html-22 {width:27%; padding:30px 0;}
aside#custom_html-24{width:31%;padding:30px 0;}
/*Contactdata*/
aside#custom_html-21 a, aside#custom_html-22 a, aside#custom_html-23 a, aside#custom_html-24 a{font-weight:bold;}
aside#custom_html-32 { 
	text-align:center;  
	width:35%;	
	order:4;
	transform:scale(0.9);
	}
aside#custom_html-18,aside#custom_html-19 {
	text-align:center;
	width:27%; order:4;
}

#custom_html-17 .textwidget.custom-html-widget, #custom_html-18 .textwidget.custom-html-widget, #custom_html-19 .textwidget.custom-html-widget, #custom_html-20 .textwidget.custom-html-widget, #custom_html-32 .textwidget.custom-html-widget {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
	height: 100%;
	}
aside#custom_html-21 p.widget-title,aside#custom_html-22 p.widget-title,aside#custom_html-23 p.widget-title,aside#custom_html-24 p.widget-title {
	color: rgb( 242,71,14); font-weight:bold; font-family: 'Comic Sans MS',cursive, sans-serif; margin-bottom:4px; text-align:center;
	}
aside#custom_html-21 .custom-html-widget div, aside#custom_html-22 .custom-html-widget div, aside#custom_html-23 .custom-html-widget div, aside#custom_html-24 .custom-html-widget div { 
	float:left; width:49.9%; text-align:center;height:72px;
	}
aside#custom_html-21 .custom-html-widget div a, aside#custom_html-22 .custom-html-widget div a, aside#custom_html-23 .custom-html-widget div a, aside#custom_html-24 .custom-html-widget div a { 
	display:block;
	}
#custom_html-21 .lazy.loaded, #custom_html-22 .lazy.loaded, #custom_html-23 .lazy.loaded, #custom_html-24 .lazy.loaded {   
	display: block;    margin: 0 auto;
	}
.immomakler.immomakler-cart-indicator {display:inline !important;}
.textwidget .immomakler a.btn {
    padding: 8px 9pt !important;
    border-radius: 15px;
    border: 2px solid f2470e;
}
.icons {    display: flex;    flex-direction: row;    justify-content: space-between;}

aside#custom_html-18 .wishlist {border:2px solid #494949; border-radius:5px; text-align:center; padding:10px;}
aside#custom_html-17 .wishlist {border:2px solid #494949; border-radius:5px; text-align:center; padding:6px 13px;}
aside#custom_html-19 .wishlist {border:2px solid #494949; border-radius:5px; text-align:center; padding:6px;}
aside#custom_html-32 .wishlist,aside#custom_html-20 .wishlist  {border:2px solid #494949;    border-radius: 5px;    text-align: center;    padding: 0;}
aside#custom_html-32 .wishlist a {font-size:15px;}
aside#custom_html-19 .wishlist a {font-size:14px;}

.wishlist a {font-size:15px; color:#494949 !important;font-weight:bold; padding:3px 0;}
aside#icl_lang_sel_widget-2	{width:80px;}
aside#icl_lang_sel_widget-2	ul {}
.wpml-ls-legacy-list-vertical {    width: 100%;}
.wpml-ls-legacy-list-vertical a {
    display: block;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding: 2px 4px !important;
    line-height: 1;
}
/*.wpml-ls-legacy-list-vertical .wpml-ls-flag {
    width: 20px;
    height: 15px;
}*/
.wpml-ls-flag {
  display: inline-block;
  min-width: 27px;
}
.site-header .header-image {    padding-bottom: 2px;}
.site-header a, .site-header a:visited {    padding-top: 3px;}
#kontakt p {padding-left:20px; text-align:left !important;}
a.mail {background-image: url("https://www.firstcitiz.com/wp-content/themes/generatepress_child/images/iconfinder_aiga_mail_134146.svg"); background-repeat:no-repeat; background-size: 21px;
padding-left: 26px; background-position: 0px 5px;}
a.tel {background-image: url("https://www.firstcitiz.com/wp-content/themes/generatepress_child/images/iconfinder_phone_1608790.svg"); background-repeat:no-repeat; background-size: 21px;
padding-left: 26px; background-position: 0px 5px;}
/*Navigation*/
#site-navigation {  z-index: 399;}
.main-navigation a {text-transform:uppercase}
.main-navigation ul ul a {text-transform:none}
.main-navigation .main-nav ul li a {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 40px;
}
.wpml-ls-legacy-list-horizontal > ul
{
  display: flex;
  margin: 5px 0 0 -15px !important;
}
/*Content*/
.wp-block-columns {justify-content:space-between;}
sub {
    font-size: 100%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    background-color:rgba( 242,71,14,.4);
    font-weight: bold;
    padding: 2px 5px;
	bottom:0;top:0;
}
h1.headline {font-weight:bold; text-align:center;}
p {text-align:justify;}
.pum-title {
    margin-bottom: 15px;
}
/*Button*/
 :root .has-luminous-vivid-orange-background-color {
    background-color: #ff6900 !important;
}

.entry-content{margin:0;}
input.wpcf7-submit {background-color:rgb( 242,71,14);}
.extra {font-family:'Segoe Script Regular','Nanum Pen Script'; font-weight:bold;}

div.orange, div.black, div.light-grey, div.light-orange {margin-bottom:10px;display:block; padding:10px;}
div.orange { border:3px solid rgb( 242,71,14);}
div.black {border:3px solid rgb( 0,0,0);}
div.light-orange {background-color: rgb(244, 205, 192);}
div.light-grey {background-color:#efefef;}
.inside-header {    padding: 0px !important;}
.popmake-search-request.pum-trigger, .popmake-suchauftrag-deutsch-2 {
    text-align: center;
    padding: 30px 20px; margin:40px 10px !important; border: 3px solid #f2470e; 
}
/*WPForms und andere*/
.immomakler-archive #immomakler-contactform, div.wpforms-container-full FORM {
		border-style: solid;
   		border-width: 2px;
   		border-color: rgb(242, 71, 14) !important;
		border-radius: 10px;
   		padding:10px;}
	div.wpforms-container-full .wpforms-form .wpforms-title {
      text-align: center;
   color: rgba(242, 71, 14) !important;
   }
   div.wpforms-container-full .wpforms-form .wpforms-description {
   text-align:center;
   }
div.wpforms-container-full .wpforms-form .wpforms-head-container {
  padding: 0 0 15px 0;
}
	.site-footer .wpforms-form label {color: #fafafa;}
	.wpforms-recaptcha-container.wpforms-is-recaptcha {max-width:280px;}
	button.wpforms-submit 
   {background-color: rgb(242, 71, 14) !important; border-radius:5px !important;}
/*Footer*/
#footer-widgets {background-color:#000000; color:#fff;}
.footer-widgets .widget-title {color:#f2470e;}
#footer-widgets .textwidget a{color:#ffffff; text-decoration:none;}
#footer-widgets .textwidget a:focus, #footer-widgets .textwidget a:hover, #footer-widgets .textwidget a:active {text-decoration:underline;}
#footer-widgets .immomakler .form-group div {padding:0;}
#footer-widgets .immomakler .form-group button {background-color:rgb( 242,71,14); border:1px solid transparent;}
.footer-widgets .widget :last-child a {    color: #fff;}
.flatpickr-calendar.animate{display:none;}
div.socialicons {
  display: flex;
  justify-content: flex-end;
}
.immomakler-single .mashsb_below_buttons {
  position: relative;
  right: auto;
}
	.immomakler-single .mashsb-container {
  float: none;
  display: flex;
  justify-content: flex-end;
  gap:2px;
  margin-bottom:0;
}
@media (max-width:1050px){
		.main-navigation .main-nav ul li a {
    padding-left: 10px;
    padding-right: 0px;
    line-height: 30px;
	}
	aside#icl_lang_sel_widget-2	{width:8%; margin-left:10px;}
	aside#custom_html-21,aside#custom_html-23,aside#custom_html-22,aside#custom_html-24 {}/*Contactdata*/
	aside#custom_html-21 a, aside#custom_html-22 a, aside#custom_html-23 a, aside#custom_html-24 a{font-size:15px;}
	aside#custom_html-22 p.widget-title,aside#custom_html-23 p.widget-title,aside#custom_html-24 p.widget-title {
	margin-bottom:10px;	}
	body .inside-header.grid-container {    grid-template-columns: 20% 80%;}
	.header-widget {	width:80%;}
	.wishlist a {font-size:13px;}
	aside#custom_html-18 .wishlist, aside#custom_html-32 .wishlist {padding:0;}
	aside#custom_html-19 .wishlist {padding:3px;}
}
@media (max-width:1024px){
aside#custom_html-18,aside#custom_html-19,aside#custom_html-32,aside#custom_html-20 { 
	margin:0px;
	}
	/*html > body > #masthead > div > div:nth-child(2) {    margin: 0 20px 0 0px !important;}*/
	.site-header .header-image { }
	.site-logo {padding-left:0;}
	.main-navigation .main-nav ul li a {
  line-height: 40px;
	}
	aside#icl_lang_sel_widget-2 {    padding: 5px !important; }
	aside#custom_html-21 {   width: 25%;    padding: 30px 0;  margin-top: 5px;}
	aside#custom_html-33 {    width: 30%;    padding: 17px 0 10px 0; transform: scale(0.9);}
	aside#custom_html-17 {    text-align: center;    width: 22%;    padding-top: 3px;}
	aside#custom_html-24 {    width: 29%; transform:scale(0.9);   padding: 10px 0;}
	aside#custom_html-19 {width:37%;}
	.entry-content > [class*="wp-block-"]:not(:last-child) {    margin-bottom: 0em;}
	.icons .lazy.loaded {    width: 30px;}
	.inside-header {    padding: 0px;}
}
@media (max-width:850px){
	.main-navigation ul li a {
   font-size: 13px; 
	}
	.main-navigation .main-nav ul li a {
    padding-left: 18px;
    padding-right: 18px;
    line-height: 40px;
	}
	div.socialicons span {display:none;}
}
@media (max-width: 768px){
	body .inside-header.grid-container {flex-wrap:nowrap; background-color:#fff;}
	#page {margin-top:142px;}
	.header-widget { justify-content: space-evenly;}
	.header-widget {	max-width:100%; flex-wrap:nowrap; padding-top:20px;}
	.inside-header {    padding: 0px 15px !important;}

	.site-logo a {padding-left:0;}
		aside#custom_html-21,aside#custom_html-23,aside#custom_html-22,aside#custom_html-24  {width: 50%; margin-bottom:5px; padding: 20px 0; display:none;}
	.textwidget.custom-html-widget { margin-top:-11px;}
	.mashsb-container {
    padding:0;
    }
	.immomakler .instagram {
  	padding: 2px 10px 3px 23px;
}
	/*Button Kontakt mobil*/
	.eins .property-actions {display:none;}
	.zwei .socialicons {display:none;}
		aside#custom_html-21 .custom-html-widget div a, aside#custom_html-22 .custom-html-widget div a, aside#custom_html-23 .custom-html-widget div a, aside#custom_html-24 .custom-html-widget div a { 
		display:inline;	}
		aside#custom_html-21 .custom-html-widget div img, aside#custom_html-22 .custom-html-widget div img, aside#custom_html-23 .custom-html-widget div img, aside#custom_html-24 .custom-html-widget div img  {float:left; padding: 0 5px 4px 0;	}
	aside#custom_html-33 {    width: 39%;    padding:0 10px;}
	aside#custom_html-33 .textwidget div img {}
	aside#custom_html-33 .textwidget div {font-size:14px;}
		aside#custom_html-17 {width: 22%; margin:6px 3px 3px -10px;}
			aside#custom_html-17 .wishlist {padding:2px 13px;}
		aside#custom_html-18 {width: 22%; padding:10px;}
		aside#custom_html-19 {width: 25%; padding:3px 0px;}
		aside#custom_html-32,aside#custom_html-20 {width: 22%; padding:10px;}
			aside#custom_html-32 .wishlist a {    font-size: 15px;}
		aside#icl_lang_sel_widget-2 {  width:19%; padding: 0px 0 0 10px !important;}
		/*#masthead {margin-top:50px;}*/
		body .inside-header.grid-container {    grid-template-columns: 29% 69%;}
		aside#icl_lang_sel_widget-2 ul {    display: flex;     flex-direction: row; flex-wrap:wrap;}
		.wpml-ls ul li {   font-size: 16px; }
		.wpml-ls-legacy-list-vertical a {}
		aside#custom_html-21 .custom-html-widget div, aside#custom_html-22 .custom-html-widget div, aside#custom_html-23 .custom-html-widget div, aside#custom_html-24 .custom-html-widget div {
			width: 100%;text-align:left; padding-left:0px; height:auto;
			}
		.header-widget .widget-title {    margin: 5px 0 0px;}
		#custom_html-21 .lazy.loaded, #custom_html-22 .lazy.loaded, #custom_html-23 .lazy.loaded, #custom_html-24 .lazy.loaded {    display: inline;    margin: 8px 0 -15px 0;}
		.inside-header > :not(:last-child):not(.main-navigation) {    margin-bottom: 0px;}
	
	.wp-block-column:not(:only-child) {
    flex-basis: calc(47% - .8em) !important;
    flex-grow: 0;}
	ol, ul {    margin: 0 0 1.5em 1em;}
}
@media (max-width: 568px){
.header-aligned-center .site-header {
	padding-top: 0;
}
	.site-header .header-image {padding-top:8px;}
			aside#icl_lang_sel_widget-2 {  width:16%; padding: 0px !important;}
			aside#custom_html-33 {    width: 80%;    padding: 28px 0 0;}
			.wpml-ls-legacy-list-vertical .wpml-ls-flag {
			width: 20px;
			height: 13px;
			}
	.wpml-ls-legacy-list-vertical a {
		padding: 2px 4px;}
	aside#icl_lang_sel_widget-2 ul {flex-direction:column;}
			aside#custom_html-33 .textwidget div img {    height: 25px;  width:25px;  padding-right: 4px;}
			#page {padding:0 10px;}

	aside#custom_html-17 {position: absolute;right: 40px; width:80px;top:100px;}/*en*/
	aside#custom_html-18 {position: fixed;right: 40px; width:auto;top:90px;}/*de*/
	aside#custom_html-19 {position: fixed;right: 40px; width:auto;top:90px; }/*frz*/
	aside#custom_html-32,aside#custom_html-20 {position: fixed;right: 45px;top:90px; width:auto; padding:0; }/*ru*/
	aside#custom_html-19 {    margin: 5px 0 0;}
	aside#custom_html-32, aside#custom_html-20 {margin:9px 0 0;}
	#page .wp-block-columns {flex-direction:column;}
	.separate-containers .inside-article {
    padding: 2px;}
	.header-widget {padding-top:0px;background-color:#fff;}
	.main-navigation {top:90px;}
	.main-navigation ul li a {
   font-size: 15px; 
	}
	/*.immomakler .instagram { background-color: #000000; margin: 10px 0 0 5px;}*/
	.footer-widgets {    padding: 20px 10px;}
	.margin-bottom {margin-bottom:unset;}
}
@media screen and (max-width: 500px) {
  .wpforms-recaptcha-container > div > div {
    transform: scale(0.75);
    transform-origin: 0 0;
  }
	.header-aligned-center .site-header {
	height: 83px;align-content}
	 .immomakler-single .mashsb-stretched .mashsb-buttons {
    margin-top: 0;
    margin-bottom: 10px;
  }
}
@media (max-width:450px) {
	.instagram {
  	padding: 9px 7px 5px 25px;
	}
	.immomakler .instagram {
    padding: 2px 10px 4px 23px;
  }
	.mashsb_below_buttons {
  	top: 8px;
	}
}
@media (max-width: 400px){
	.site-logo { background-color:#fff; width:34%;margin-left:-5px;}
	.site-logo a {   padding-left: 0px;}
	.header-aligned-center .site-header { height:80px;}
	body .inside-header.grid-container {
    grid-template-columns: 100%;
    grid-template-areas: "logo" "header-infos";
	}
	.header-aligned-center .site-header {padding-bottom:5px;}
	.main-navigation {top:84px;}
	.menu-toggle {		line-height: 40px;}
	#page {    margin-top: 120px;}

	.contained-content.separate-containers .inside-article, .contained-content.one-container .site-content {   	}
	aside#custom_html-21, aside#custom_html-23, aside#custom_html-22, aside#custom_html-24 {padding: 10px;}
			aside#custom_html-21 .custom-html-widget div, aside#custom_html-22 .custom-html-widget div , aside#custom_html-23 .custom-html-widget div , aside#custom_html-24 .custom-html-widget div  {
			padding-top:10px;
			}
			aside#custom_html-21 .custom-html-widget div img, aside#custom_html-22 .custom-html-widget div img, aside#custom_html-23 .custom-html-widget div img, aside#custom_html-24 .custom-html-widget div img  {
			margin-top:-10px;
			}
			aside#custom_html-21 .custom-html-widget div a, aside#custom_html-22 .custom-html-widget div a, aside#custom_html-23 .custom-html-widget div a, aside#custom_html-24 .custom-html-widget div a  {
			padding:12px;
			}
	aside#custom_html-17, aside#custom_html-18, aside#custom_html-19,aside#custom_html-20 {top:90px;}/*Merkliste*/
	.wpml-ls ul li {    width: 100%; text-align:left; display:block; }
	.wpml-ls-legacy-list-vertical a { }
	aside#icl_lang_sel_widget-2 {margin-top:0; }
	.page-template-default .entry-content [class*="wp-block-"]:not(:last-child) {
		padding: 0;
		}
	body #footer-widgets .grid-container {    padding: 0;}
}
@media (max-width:375px) {
		/*.immomakler .instagram { margin: 40px 0 0;}*/
}
@media (max-width: 340px){
		.main-navigation {top:87px;}
	aside#custom_html-33 .textwidget div {
    font-size: 12px;}
	aside#custom_html-17 {
    top: 94px;}	
}
@media (max-width: 320px){
aside#custom_html-17 {
    top: 97px;}
	.header-aligned-center .site-header {
    padding-bottom: 0;}
}
@media (min-width:768px){
	/*Button Kontakt mobil*/
	.eins .property-actions {display:inline;}
	.zwei {display:none;}
}
@media (min-width:1210px) {
	#page
{
  margin-top: 150px;
}
}