/* @override https://neu.thiele-immobilien.info/wp/wp-content/themes/thiele/style.css?* */


/*
Theme Name: Thiele Immobilien
Version: 1.1
Author: ZH2
*/


@import url("css/columns.css");


/* eb-garamond-regular - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/eb-garamond-v32-latin_latin-ext-regular.woff2') format('woff2'); 
}

/* eb-garamond-500 - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 500;
  src: url('webfonts/eb-garamond-v32-latin_latin-ext-500.woff2') format('woff2'); 
}



/* open-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/open-sans-v44-latin_latin-ext-regular.woff2') format('woff2'); 
}

/* open-sans-italic - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('webfonts/open-sans-v44-latin_latin-ext-italic.woff2') format('woff2'); 
}

/* open-sans-700 - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('webfonts/open-sans-v44-latin_latin-ext-700.woff2') format('woff2'); 
}

/* open-sans-700italic - latin_latin-ext */
@font-face {
  font-display: swap; 
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('webfonts/open-sans-v44-latin_latin-ext-700italic.woff2') format('woff2'); 
}



/*	RESET
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img, object, embed {max-width: 100%;height:auto;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

input, select {vertical-align: middle;}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
input:focus, textarea:focus, select:focus, button:focus { outline: none;}

input { /* remove top input shadow */
-webkit-appearance: none;
-moz-appearance: none;
}

table {font-size: inherit; font: 100%;}

a:hover, a:active {outline: none;}mob-menu-trigger
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0; border-radius: 0; font-family: inherit;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; height: 0px; overflow: hidden;}
.clr:after { content: ""; display: table; clear: both;}
.cf:after {	content: ""; display: table; clear: both; }

/* prevent flickering on touch */
* {
	-webkit-tap-highlight-color:transparent;
}

/* natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
 }

 /* subscript and superscript */
sub { vertical-align: sub; font-size: 70%; line-height: 0; }
sup { vertical-align: super; font-size: 70%; line-height: 0; }


/* -------------------------------------------------------------------------------*/

/*

blau		    #004677		rgba(0, 70, 119, 1)
hellblau		#DBEAF5		rgba(219, 234, 245, 1)

LINK		#004677

*/

:root {
	--primary-color: #004677; 
	--text-color: #555;
	--link-color: #004677;
	--link-color-hover: #888;
	--font-family: 'Open Sans', sans-serif;
	--container-width: 1200px;
	--main-width: 820px;
	--block-mb: 2.2rem;
	--text-mb: 1.8rem;
 }


/* FRESH START */

html, body {
	height: 100%;
	color: #555;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	 -webkit-text-size-adjust: 100%;
	 
 	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	height: 100%;
	line-height: 1.7;
	background: #FFF;
}

a {
	position: relative;
	color: #004677;
	text-decoration: none;
}

a, input {
	transition: all 200ms ease;
}

a:visited {
	color: #004677;
}

a:active {
	color: #004677;
}

a:hover {
	color: #888;
}


h1,h2,h3,h4 {
	line-height: 1.3;
	margin: 0 0 2rem 0;
}

article > *:first-child,
.main > *:first-child {
	margin-top: 0;
}

h1,
h1 strong,
.h1 {
	color: #004677;
	font-size: 50px;
	font-size: 2.8rem;
	line-height: 1.3;
	margin: 0 0 3.5rem 0;
	text-transform: none;
	font-weight: normal;
	font-family: 'EB Garamond', serif;
}

h2 {
	font-size: 32px;
	font-size: 1.6rem;
	text-transform: uppercase;
	margin: 0 0 2.5rem 0;
	color: #004677;
}

h3 {
	line-height: 145%;
	font-size: 20px;
	font-size: 1.15rem;
	text-transform: uppercase;
	color: #004677;
}

h4 { 
	font-size: 1rem;
	text-transform: uppercase;
	line-height: 1.6;
}

p {
	margin: 0 0 2rem 0;
}

hr {
	position: relative;
	display: block;
	height: 1px;
	border: 0;
	background: transparent;
	border-bottom: 1px solid rgba(0,0,0, .2);
	margin: 3rem 0;
}

a:hover img {
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	transition: all 300ms ease;
}


/* BASIC
---------------------------------------------------------------------------------*/

.page-wrap {
	position: relative;
	min-height: 100%;
	height: auto;
	overflow: hidden;
	/*sticky footer*/
	display: flex;
	flex-direction: column;
}

.container,
.container-fluid {
	position: relative;
	max-width: 1200px; /*1140*/
	margin: 0 auto;
	padding: 0 30px;
}

.container:before,
.container:after {
	content: "";
	display: table;
	clear: both;
}


.container-fluid {
	max-width: none;
	width: 100%;
	padding: 0;
}



/* HEADER
---------------------------------------------------------------------------------*/

#header {
	position: relative;
	background: #FFF;
	height: 190px;
	display: flex;
}


#header .container {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}


#header .logo {
	flex: 1;
    transition: all 0.3s;
}


#header .logo a {
	max-width: 260px;
	display: block;
}

#header .logo img {
	display: block;
	max-width: 100%;
	height: auto;
}

.language-menu {
	position: absolute;
	top: 10px;
	right: 30px;
}

.gtranslate_wrapper {
	display: flex;
	gap: 20px;
}

.gtranslate_wrapper a {
	display: block;
	text-transform: uppercase;
	font-size: 0.72rem;
	padding: 5px 0;
}

.gtranslate_wrapper a:hover {
	text-decoration: none;
	color: #999;
}

#header .meta-menu-wrap {
}

.hotline {
	margin-bottom: -5px;
}

.hotline a {
	
}



/* NAV
---------------------------------------------------------------------------------*/


#nav {
	background: #F3F3F3;
}


#nav .container {
	display: flex;
}

#nav ul {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;
}

#nav ul li {
	flex: 1 1 auto;
	position: relative;
	border-right: 2px solid #FFF;
}

#nav ul li:last-child {
	border-right: none;
}


#nav ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	
	position: relative;
	margin: 0;
	font-size: 20px;
	font-size: 1.1rem;
	line-height: 1.4;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 25px 15px;
	font-weight: 500;
	text-align: center;
	color: var(--link-color);
	font-family: 'EB Garamond', serif;
	white-space: normal;	
}

#nav > ul li.menu-item-has-children {
	position: relative;
}

#nav ul li.current-menu-item > a {
	color: #004677;
}

#nav ul li a:hover {
	background: #E0ECF5;
	text-decoration: none;
}

#nav ul li.menu-item-has-children.active > a {
	color: #004677;
		background: #E0ECF5;

}

#nav ul li.current_page_parent a:hover,
#nav ul li.current_page_parent:hover a,
#nav ul li.current_page_item:hover a {
}

#nav ul ul {
	display: none; /*js toggle*/
	position: absolute;
	top: 100%;
	margin-top: 0;
	left: 0;
	padding-bottom: 20px;
	
	background: #E0ECF5;
	z-index: 20;
	border: none;
	min-width: 17rem;

	/*
	opacity: 0;
	visibility: hidden;
	*/
}

/* align last menu item to the right to avoid off screen position*/

#nav ul li:last-child ul {
	left: auto;
	right: 0;
}

#nav ul ul li {
	border: none;
}


#nav ul ul li a {
	line-height: 1.5;
	text-transform: none;
	padding: 15px 30px;
}

#nav ul ul li a:hover {
	color: #888;
}


#nav ul ul li:last-child a {
}

#nav ul ul li.menu-item-has-children > a {
}

#nav ul ul li.menu-item-has-children > a:hover {
}


/* 3rd level */

#nav ul ul ul {
	display: none;
}






/* CONTENT
---------------------------------------------------------------------------------*/

#content {
	position: relative;
	flex: 1 0 auto; /*sticky footer*/
	min-height: 40vh;
}

img {
    transition: all 250ms ease;
}


main {
	display: block; /*IE*/
	padding: 0 0 4rem 0;
}



.main {
	max-width: 820px;
}


/* WP core styles */

.alignnone {

}

.aligncenter,div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
	margin: 5px 1.4rem 1.4rem 0;
}

.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

a img.alignright {
	float: right;
	margin: 5px 0 1.4rem 1.4rem;
}

img.alignnone,
a img.alignnone {
	margin: 0;
	padding: 0;
}

a img.alignleft {
	float: left;
	margin: 5px 1.4rem 1.4rem 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption-text {
	font-weight: normal;
	font-family: 'EB Garamond', serif;
	font-size: 1.0rem;
	line-height: 1.5;
	color: #666;
	padding: 10px 0 0 0;
}

figure.wp-caption  {
	display: table;
	max-width: 100%;
	margin-bottom: 2rem;
}

figure.wp-caption figcaption {
	display: table-caption;
	caption-side: bottom ;
}

figure.wp-caption img {
	display: block;
}


.sticky {
}

a.post-edit-link {
	position: relative;
	display: inline-block;
	margin: 0 0 15px 0;
	font-size: 10px;
	line-height: 11px;
	padding: 8px 12px;
	text-transform: uppercase;
	background: #0073AA;
	color: #FFF;
	border-radius: 2px;
	align-self: flex-start;
}

.link-icon {
	position: relative;
	display: block;
	margin: 0 3px 8px 0;
	font-weight: 700;
}

p > span.link-icon {
	margin-bottom: 0;
}

.link-icon:before {
	content: "\e802";
	font-family: 'icons';
	font-size: 1.1em;
	font-weight: normal;
	color: #C70370;
	margin: 0 8px 0 0;
}

i { /* IE */
	font-family: 'icons';
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Lists */

.main ul,
.main ol {
	margin: 0 0 2rem 0;
}

.main ul {
	padding-left: 1.2rem;
	list-style-type: none;
}

.main li {
	position: relative;
	margin: 0 0 5px 0;
}

.main ul li::before {
	position: absolute;
	content: "•";
	margin: 0.08rem 0 0 -1.2rem;
	color: #004677;
	font-size: 125%;
	border-radius: 50%;

}

.main ol {
	padding-left: 22px;
}

/* Shortcodes */

.text-large {
	font-size: 120%;
}

.text-small {
	font-size: 11px;
	font-size: 0.8em;
	line-height: 150%;
	margin-bottom: 2rem;
}

.text-quote {
	position: relative;
	margin: 2rem 0;
	font-style: normal;
	font-size: 126%;
	padding: 0 0 0 4.5rem;
	line-height: 150%;
}

.text-quote strong {
	font-weight: normal;
}

.text-quote::before {
	content: open-quote;
	position: absolute;
	top: -0.3rem;
	left: 0;
	font-size: 5rem;
	line-height: 1;
}


.text-quote p:last-of-type {
	margin-bottom: 0;
}

.text-quote .cite {
	font-size: 0.8rem;
	font-style: normal;
	font-weight: normal;
	display: block;
	margin: 5px 0 0 0;
	color: #30BCE9;
	color: #BBB;
}

.box {
	padding: 1.5rem;
	background: #F3F3F3;

	margin: 0 0 2rem 0;
	border-radius: 0px;
	line-height: 150%;
	font-size: 0.95rem;
}

.box-important {
	background: #DBEAF5;
}

.box > * {
	margin-bottom: 1rem;
}

.box p:last-child,
.box ul:last-child,
.box ul:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}


.wide {
	margin-left: calc(15% - 15vw);
	margin-right: calc(15% - 15vw);
	width: auto;
	max-width: 1000%;
}

i.icon {
	font-weight: normal!important;
}

.icon.download {
	font-size: 1.5em;
	color: var(--link-color);
	margin: 0 5px 5px 0;
	vertical-align: middle;
	display: inline-block;
}

.icon.bullet {
	font-size: 85%;
}


.main .list-style.line ul li:before {
	display: none;
}

.main .list-style.line ul,
.main .list-style.line ul li {
	padding-left: 0;
}

.main .list-style.line ul li {
	padding: 0.5rem 0;
	margin-bottom: 0.2rem;
	border-bottom: 1px solid rgba(67, 0, 43, 0.3);
}

.main .list-style.line ul li:last-child {
	border-bottom: none;
}



.main .list-style.block ul li:before {
	display: none;
}

.main .list-style.block ul,
.main .list-style.block ul li {
	padding-left: 0;
}

.main .list-style.block ul li {
	background-color: rgba(190, 218, 225, .4);
	padding: 0.8rem;
	margin-bottom: 0.2rem;
}


/* Shortcode Columns */

.sc-col {
	float:left;
	margin-right: 4%;
	margin-bottom: 20px;
	position:relative;
	background: rgba(1,222,1, .2);
	background-color: transparent;
}

.last {
	margin-right:0 !important;
}

.one-half {
	width:48%;
}

.one-third {
	width:30.66%;
}

.two-third {
	width:65.33%;
}

.one-fourth {
	width: 22%;
}

.three-fourth {
	width: 66%;
}


/* AUFKLAPPER */

.accordion {
	margin: 2.5rem 0 2.5rem 0;
}

.accordion-item {
	position: relative;
	overflow: hidden;
	border-top: 2px solid #E6E6E6;
	border-bottom: 2px solid #E6E6E6;
	margin-top: -2px;
}

.accordion-item:last-child {
}

.accordion-item:first-of-type {
	margin-top: 0;
}

.accordion-heading {
	margin: 0;
	padding: 0;
	border: none;
	text-transform: none;
}

.accordion-trigger {
	display: block;
	position: relative;
	border: none;
	text-align: left;
	width: 100%;
	padding: 1.3rem 0.1rem;
	padding-right: 3.5rem;
	font-size: 1.0rem;
	line-height: 140%;
	font-weight: bold;
    outline-offset: -5px;
	color: var(--link-color);
	background: transparent;
	transition: all 300ms ease;
}

.accordion-trigger:hover {
	text-decoration: none;
}

.accordion-trigger.active {
}


.accordion-trigger:hover,
.accordion-trigger:hover i {
}

.accordion-trigger:hover i {
	text-decoration: none;
}

.accordion-trigger i:after {
	position: absolute;
	top: 1.2rem;
	right: 0.2rem;
	margin: 0;
	content: "\e809";
	display: block;
	line-height: 1;
	border-radius:0;
	font-family: 'icons';
	font-size: 1.6rem;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	transition: all 250ms ease-in-out;
	transform-origin: center center;
}

 .accordion-trigger.active i:after {
	transform: rotate(180deg);
}

.accordion-content {
	font-size: 0.95rem;
	padding: 1rem 0 0.3rem 0;
}


article {
	clear: both;
}

.btn {
	position: relative;
	background: transparent;
	border: none;
	text-transform: uppercase;

	padding: 0.9rem 2.2rem;
	font-weight: bold;
	font-size: 13px;
	font-size: .9rem;
	background: transparent;
	border: 2px solid #D9D9D9;

	color: var(--link-color);
	border-radius: 3px;
	display: inline-block;
	display: inline-flex;
	align-items: center;
}

.btn:hover {
	color: var(--link-color);
	background: transparent;
	border-color:  var(--link-color);
	text-decoration: none;
}


.btn:before,
.btn:after {
	font-size: 130%;
	font-family: 'icons';
	line-height: 1;
}

.btn::after {
	content: "\e803";
	margin: 0 -5px 0 5px;
}


.btn.btn-hotline {
	display: flex;
	align-items: center;
	background: transparent;
	color: var(--link-color);
	border: 1px solid var(--link-color);
}

.btn.btn-hotline:hover {	
	color: var(--link-color);
	border-color: #D9D9D9;
}


.btn.btn-hotline:before {
	content: "\e80b";
	margin: 0 10px 0px 0;
}

.btn.btn-hotline::after {
	display: none;
}


.btn.btn-submit {
	border: none;
	background: #004677;
	color: #FFF;
}


.btn.btn-submit:hover {
	color: #FFF;
	background: #333;
}


.btn.btn-ghost {
	background: transparent;
	border: 2px solid #D9D9D9;
	border-radius: 0px;
}

.btn.btn-ghost:hover {
	background: transparent;
	color: #999;
}

.bg-light {
	background: #F3F3F3;
}


.has-shadow {
	box-shadow: 0px 3px 30px -10px rgba(0,0,0, .2);
}



/* --- Flex Content --- */


/* Team */


.team-section {
	margin-left: calc(15% - 15vw);
	margin-right: calc(15% - 15vw);
	width: auto;
	max-width: 1000%;
	margin-top: -20px;
}

.team-section.items-2 {
	margin-left: 0;
	margin-right: 0;
}

.team-wrap {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
	margin-left: -20px;
	margin-right: -20px;
}

.team-card {
	display: flex;
	flex-direction: column;
	text-align: center;
	padding: 20px;
	width: calc(100% / 3);
	width: 50%;
}

.items-3 .team-card {
	width: calc(100% / 3);
}

.items-4 .team-card {
	width: 25%;
}

.team-card figure {
	margin: 0 0 1rem 0;
	box-shadow: 0px 5px 30px -15px rgba(0,0,0, .3);
}

.team-card img {
	display: block;
}

.team-name {
	line-height: 1.4;
	font-size: 1rem;
	margin: 0;
	text-transform: none;
	color: var(--primary-color);
}

.team-job {
	color: #666;
	font-size: 1.1rem;
	font-family: 'EB Garamond', serif;
}


/* Contactform */


.contactform-section {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: auto;
	max-width: 1000%;
	
	padding: 4rem 0;
	margin-top: 4rem;
	margin-bottom: 4rem;
	background: #F3F3F3;
}

.contactform-section:last-child {
	margin-bottom: -4rem; /*minus main padding-bottom*/
}




/* --- Blog  --- */


.blog-entry-section {
	position: relative;
	overflow: hidden;
	margin: 0.8rem 0 0 0;
}

.blog-entry {
	flex: 1;
	display: flex;
	flex-direction: column;
	position: relative;
	background: transparent;
	background: #FFF;
	margin: 0 0 30px 0;	
	padding: 2rem;
	transition: all 200ms ease-in-out;
	box-shadow: 0px 3px 30px -10px rgba(0,0,0, .05);
}

.blog-entry:hover {
	box-shadow: 0px 3px 30px -10px rgba(0,0,0, .3);
}


h2.entry-title {
	margin: 0;
	padding: 0;
}

h2.entry-title a {
	display: block;
	font-size: 22px;
	font-size: 1.1rem;
	line-height: 1.5;
	text-transform: none;
}

h2.entry-title a:hover  {
}

.entry-meta {
	display: inline-block;
	font-size: 15px;
	font-size: 0.8rem;
	color: #7B7C7E;
	margin: 1rem 0 0 0;
}

.entry-date {
}

.entry-date::after {
	content: "|";
	display: inline-block;
	margin: 0 2px 0 5px;
}

.entry-cats {
}

.entry-cats a  {
	text-transform: uppercase;
	color: #7B7C7E;
}

.entry-cats a:hover  {
	color: var(--link-color);
}


.single .post-tax-title {
	text-transform: uppercase;
	color: #BFBFBF;
	font-size: 0.9rem;
	font-weight: bold;
	margin: 0 0 10px 0;
}


.single .entry-header {
	margin: 0 0 3rem 0;
}

.single h1.entry-title {
	margin: 0 0 2rem 0;
}

.single .entry-thumbnail {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0 0 2.5rem 0;
	display: block;
	overflow: hidden;
}

.single .entry-thumbnail img {
	display: block;
}

.single .entry-thumbnail p.wp-caption-text {
	margin: 0.6rem 0 0 0;
	font-size: 0.8rem;
}

.single .entry-content {
	width: 100%;
	display: block;
	padding: 0;
	margin: 0;
}

.single .entry-tags {
	text-transform: uppercase;
	font-size: 0.85rem;
	margin: 3rem 0 0 0;
	color: #7B7C7E;
}

.single .entry-tags a {
	color: #999;
}

.single .entry-tags a:hover {
	color: var(--link-color);
}



.backtoblog {
	margin: 3rem 0 0 0;
	font-weight: bold;
	text-align: center;
	font-size: 1.2rem;

}

.backtoblog a {
}

.backtoblog a:hover {
}


.page-title span {
	color: #999;
}




/* post-pagination */

.post-pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 0.9rem;
	margin: 2.6rem 0 1rem 0;
	text-transform: uppercase;
}

.post-pagination .page-numbers {
	display: none;
}

.post-pagination .page-numbers.current {
}

.post-pagination a {
	line-height: 1;
	font-weight: bold;
	border: 2px solid #D9D9D9;
	margin: 10px;
}

.post-pagination a:hover {
}

.post-pagination a.prev,
.post-pagination a.next {
	padding: 0;
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;	
	line-height: 1.5;
	padding: 0.9rem 2.5rem;
	border-radius: 3px;
}

.post-pagination a.prev {
}

.post-pagination a.next {
}


a.prev span,
a.next span {
}

body:not(.paged) .post-pagination a.next,
body:not(.paged) .post-pagination a.next {
}

.post-pagination a.prev:before,
.post-pagination a.next:after {
	display: inline-block;
	font-size: 120%;
	font-family: 'icons';
}


.post-pagination a.prev:before {
	content: "\e804";
	padding-right: 5px;
	margin-left: -8px;
}

.post-pagination a.next:after {
	content: "\e803";
	padding-left: 5px;
	margin-right: -8px;
}


/* Post Navigation */

.post-nav-section {
	margin: 4rem 0 0 0;
	padding: 4rem 0;
	background: #F3F3F3;
}

.post-nav {
	display: flex;
	justify-content: space-between;
	margin-left: -5px;
	margin-right: -5px;
}


.post-nav.first-post {

}

.post-nav .prev-post,
.post-nav .next-post {
	display: flex;
	padding: 5px;
	width: 50%;
}

.post-nav .next-post {
}

.post-nav a {
	position: relative;
	flex: 1;
	padding: 3rem 5rem;
	display: flex;
	text-align: center;
	justify-content: center;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.5;
	background: #FFF;
}

.post-nav .prev-post a::after,
.post-nav .next-post a::after {
	content: "\e804";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-family: 'icons';
	line-height: 1;
	font-size: 130%;
}

.post-nav .prev-post a::after {
	content: "\e804";
	left: 2rem;
}

.post-nav .next-post a::after {
	content: "\e803";
	right: 2rem;
}


.post-nav span {
	display: block;
	font-size: 0.75rem;
	margin: 0 0 0.5rem 0;
	display: none;
}

.post-nav a br {
	display: none;
}

.post-nav a:hover {
}

.post-nav .prev-post a {
}

.post-nav .next-post a {
}

.post-nav.first-post .next-post a,
.post-nav.last-post .prev-post a {

}



/* Blog Sidebar / Widgets */

.post-tax {
	padding: 4rem 0;
	text-transform: uppercase;
	background: #FFF;
}

.post-tax .container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.post-tax a {
}



.widget {
	margin: 0 0 2.0rem 0;
	font-size: 15px;
	font-size: 0.85rem;
}

.widget:last-child {
	margin-bottom: 0;
}

.widget-title {
	text-transform: uppercase;
	padding: 0;
	font-size: 1rem;
	margin: 0 0 2rem 0;
	color: #BFBFBF;
}

.widget ul,
.widget li {
	margin: 0;
	list-style: none;
}

.widget li {
}

.widget li a {
	display: block;
	padding: 0 0 12px 0;
	text-decoration: none;
	font-weight: bold;
}

.widget li a:hover {
}


.widget li:last-child:after {
	display: none;
}


.widget.categories {
	flex: 0 1 auto;
	margin-right: 100px;
}

.widget.categories ul {
   column-count: 3;
   column-gap: 20px;
}


.widget.archive {
	flex: 1 0 auto;
}




/* Table */

table {
	width: 100%;
	margin: 0px 0px 2rem 0px;
	border-top: 1px solid #DDD;
}

table thead {
	border-top: 1px solid #DDD;
}

table thead td {
	font-weight: bold;
	background: #F2F2F2;
}

table tr {
	background: #FFF;
	border-bottom: 1px solid #DDD;
}

table tr th {
	padding: 0.5rem 0.5rem;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

table tr td {
	padding: 0.8rem 0.9rem;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

table p {
	margin: 0;
}

/* WP gallery */


.gallery {
	margin-bottom: 2rem;
	display: flex;
	flex-wrap: wrap;
}


.gallery-item {
	flex: 0 0 auto;
	width: 25%;
	padding: 0px 2px 2px 0px; /*gap*/
	overflow: hidden;
}

.gallery-icon {
	overflow: hidden;
}


.gallery-item a {
	position: relative;
	display: block;
	background: rgba(0,0,0, .03);
}

.gallery-item a:hover {
	background: #004677;
}

.gallery-item a::after {
	content: "+";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	line-height: 1;
	padding-bottom: 3%;
	font-size: 2rem;
	transform: rotate(-30deg);
	opacity: 0;
	transition: all 300ms ease;
}


.gallery-item a:hover::after {
	opacity: 1;
	transform: rotate(0deg);
}

.gallery-item img {
	display: block;
	max-width: 100%;
	width: 100%;
	height: auto;
	transition: all 300ms ease-in-out;
}

.gallery-item a:hover img {
	transform: scale(1.1);
	opacity: .2;
}


.gallery .wp-caption-text {
	display: none;
}



/* Responsive iFrame */

.main iframe,
.main .embed-responsive {
     margin-bottom: 2rem;
	 width: 100%;
	 min-height: 400px;
}


iframe.googlemap {
	width: 100%!important;
	height: 400px;
}


iframe.googlemap.size-1 { height: 300px;}
iframe.googlemap.size-2 { height: 400px;}
iframe.googlemap.size-3 { height: 600px;}


.embed-responsive {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

.embed-responsive iframe,
.embed-responsive object,
.embed-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




/* Archive */

.archive .main ul.post-categories ul,
.archive .main ul.post-categories li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.archive .showCat,
.searchResult {
	position: relative;
	margin: 0 0 35px 0;
	font-size: 17px;
	font-size: 1.2rem;
	padding: 15px;
	background: #F2F2F2;
}

.archive .showCat  span,
.searchResult span {
	font-weight: bold;
	color: #004677;
	padding-right: 10px;
}

.archive .showCat a.showAll {
	float: right;
	font-size: 14px;
	font-size: 1rem;
	text-transform: uppercase;
}


/* Tags */

/* Search */

.searchResult {
	background: #F2F2F2;
}

.searchResult form {
		position: relative;
}

.searchResult .s {
	border: none;
	padding: 10px;
	height: 40px;
	font-size: 1.3rem;
	min-width: 50%;
}

.searchResult .searchsubmit {
	border: none;
	font-size: 0.7em;
	padding: 0 20px;
	height: 40px;
	line-height: 0px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 0 0 -3px;
	color: #999;
	background: #DDD;

	-webkit-appearance: none;
}

.search-no-results .main .icon-search  {
	display: none;
}

.search .hentry {
	border: 0;
	border-bottom: 1px solid #CCC;
	margin: 0;
}

.search .hentry a {
	display: block;
	font-weight: bold;
	padding: 10px 5px;
}

.search .hentry.type-page .entry-details {
	display: none;
}

.search .post-pagination {
	margin-top: 30px;
}

.search-results .entry-details span {
	display: none;
}

.has-pagebanner .container-wrap {
	position: relative;
	max-width: 1140px; /*1140*/
	margin: 0 auto;
	background: #FFF;
	padding: 0;
	padding-top: 2.5rem;
}

.container-wrap > .container *:first-child {
	margin-top: 0;
}

.has-pagebanner .container-wrap-mb {
	margin-bottom: 30px;
	box-shadow: 0px 3px 30px -10px rgba(0,0,0, .05);
}


.has-pagebanner .container-wrap-mb .page-title {
	margin-bottom: 3rem;
}





/* Pagebanner */

.pagebanner {
	display: flex;
	align-items: flex-end;
	position: relative;
	z-index: 0;
	margin-bottom: -6rem;
	height: 475px; /*the height*/
}

.pagebanner.pagebanner-none {
	height: auto;
	margin-bottom: 0;
	padding-bottom: 4rem;
	border-top: 2px solid #FFF;
}

.pagebanner-image-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, .1);
}

.pagebanner img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
	opacity: 1;
}

.pagebanner-overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100;

	opacity: 0.0;
}


.pagebanner-image::after { /*top shadow*/
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 100%;
	background: linear-gradient(to bottom,  rgba(0,0,0,.1) 0%,rgba(0,0,0,0) 100%);
	opacity: .1;
}



/* Template: Startseite */


[class*=template-start] #content {
	padding-top: 0;
}


.start .pagebanner {
	height: 600px; /*the height*/
}

.slogan {
	padding: 3rem 0;
	line-height: 1.4;
}

.intro-section {
	padding: 0 0 5rem 0;
}


.intro-cta {
	margin: 1rem 0 0 0;
}

.recentposts-section {
	padding: 5rem 0;
	background: #F3F3F3;
}

.recentposts-title {
}

.recentposts-item {
	background: #FFF;
	padding: 2rem;
	margin: 0 0 15px 0;
	transition: all 300ms ease-in-out;
	box-shadow: 0px 3px 30px -10px rgba(0,0,0, .05);
}

.recentposts-item:hover {
	box-shadow: 0px 3px 30px -10px rgba(0,0,0, .05);
}



.recentposts-item-title {
	margin: 0;
	font-size: 1rem;
	text-transform: none;
}

.recentposts-item-title a {
	display: block;
	font-size: 1.1rem;
}

.recentposts-item-meta {
	font-size: 0.8rem;
	color: #7B7C7E;
	margin: 0.5rem 0 0 0;
	display: inline-block;
}

.recentposts-item-date::after {
	content: "|";
	display: inline-block;
	margin: 0 3px 0 5px;
}

.recentposts-item-date,
.recentposts-item-cats {
	margin: 0;
}

.recentposts-item-cats a  {
	text-transform: uppercase;
	color: #7B7C7E;
}

.recentposts-item-cats a:hover  {
	color: var(--link-color);
}



.recentposts-more {
	margin: 3rem 0 0 0;
	text-align: center;
}






/* FORMS (contact form 7)
---------------------------------------------------------------------------------*/


.wpcf7 {

}


.wpcf7 {
	position: relative;
}

.wpcf7-form {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

.wpcf7-form .form-wrap {
	max-width: 760px; /*760*/
	margin: 0 auto;
	margin-top: 0.5rem;
}

.wpcf7-form .main {
	margin: 0 auto;
}

.form-section {
	position: relative;
	padding: 2rem 0 1.8rem 0;
	border: 1px solid rgba(0,0,0, 0.0);
}

.form-section::before {
	content: "";
	position: absolute;
	top: 0;
	left: -50%;
	width: 500%;
	height: 100%;

}

.form-section:nth-child(2n)::before {
		background: rgba(0,0,0, .06);
}

.wpcf7 .form-section-title {
	font-size: 1rem;
	font-weight: bold;
	text-transform: uppercase;
	margin: 1.0rem 0 1.5rem 0;
}

.wpcf7 .form-section-title strong {
	display: block;
	padding: 0 0 0.1rem 0;
	border-bottom: 2px solid rgba(151, 190, 13, 1);

}


.wpcf7 hr {
	margin: 1.0rem 0 1.5rem 0;
	border-color: rgba(0,0,0, .2);
}

.wpcf7 br {
	display: none;
}

.wpcf7 .form-field {
	margin-bottom: 0.8rem;
	z-index: 1;
}


.wpcf7 .form-field:focus-within label,
.wpcf7 .form-field.select-focus label {
}

.wpcf7 label {
	padding: 0 0;
	width: auto;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	font-size: 0.75rem;
	padding-right: 10px;
	margin: 0 0 0.3rem 0;
	display: inline-block;
	text-align: left;
	line-height: 140%;
	cursor: default;
	transition: all 350ms ease;
	color: #748C97;
	color: #334B55;
}

.wpcf7 label span {
	display: inline;
	font-size: 0.8rem;
	padding-left: 5px;
	text-transform: none;
}


.wpcf7 .row {
	margin-left: -10px;
	margin-right: -10px;
}

.wpcf7 .row-pflichtangaben {
	margin-bottom: 0.5rem;
	font-size: 0.6rem;
	text-align: right;
	text-transform: uppercase;
	color: #999;
}

.wpcf7 .row-submit {
}

.wpcf7 .row.response {
	margin-bottom: 0;
}

.wpcf7 [class*=col-] {
	padding: 0 10px;
}


.wpcf7 .form-field-desc {
	font-size: 0.8rem;
	line-height: 150%;
	color: #666;
	margin: -0.1rem 0 0.3rem 0;
}


.wpcf7 span {
	position: relative;
	display: block;
	width: 100%;
	font-size: 0.9rem;
	flex: 0;
}

.wpcf7 input.wpcf7-text,
.wpcf7 input.wpcf7-quiz,
.wpcf7-text,
.wpcf7 textarea,
.wpcf7 select,
.wpcf7 .select-styled,
.wpcf7-date,
.wpcf7-number,
.wpcf7-captchar,
.wpcf7-file {
	padding: 0.8rem;
	font-size: 1.0rem;
	line-height: 120%;
	color: #555;
	background: #FFF;
	width: 100%;
	box-sizing: border-box;
	border: none;
	border-radius: 3px;
	-webkit-appearance: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	border: none;
	border: 1px solid #DDD;

	transition: all 300ms ease;
}


.wpcf7-text { /*safari - get same height as select-styled */
	max-height: 3.2rem;
}


.wpcf7 select,
.wpcf7 .select-styled {
}



.wpcf7 input:focus,
.wpcf7 textarea:focus {
	border-color: rgba(0,0,0, .2);

}

input::-webkit-input-placeholder,
input::-moz-placeholder,
input::-ms-input-placeholder,
input::-moz-placeholder {
}


.wpcf7 textarea {
	max-height: 200px;
	line-height: 150%;
	width: 100%;
}


.wpcf7 select {
  -webkit-appearance: none;
}

.wpcf7-recaptcha {
	 overflow: hidden;
	 margin-bottom: 0.5rem;
}


.wpcf7 .label-desc {
	margin-top: -2px;
	padding-bottom: 5px;
	font-size: 0.8rem;
	line-height: 140%;
	color: #888;
}



.wpcf7 .form-field-info {
	font-size: .85rem;
	line-height: 140%;
	margin:  0.3rem 0 1rem 0;
}


.wpcf7 .form-field--submit {
	margin: 0;
}


.wpcf7 .submit {
	clear: both;
}


.wpcf7 .submit-btn-wrap {
	position: relative;
	display: block;
}


.wpcf7 input.wpcf7-submit {
	padding: 1.1rem 2.2rem;
}

.wpcf7 input.wpcf7-submit:hover {
}

.wpcf7 input.wpcf7-submit:active {
}


.wpcf7 .ajax-loader {
	transform: translateX(45%);
	display: block;
	background: transparent;
	margin-right: -30px!important;
	AUS_visibility: visible!important;

}

.wpcf7 .wpcf7-response-output {
	font-size: 0.9rem;
	line-height: 145%;
	padding: 1rem 0;
	margin: 1rem 0 0 0;
	clear: both;
	position: relative;
	text-align: left;
}

.wpcf7 .wpcf7-response-output.wpcf7-validation-errors {
	border-color: transparent;
	color: RED;
	text-align: center;
}

.wpcf7 .wpcf7-form.sent {
	background: transparent;
}


.wpcf7 .wpcf7-mail-sent-ok {
	padding: 4rem 2rem;
	margin: 1rem 0;
	text-align: center;
	background: transparent;
	color: var(--primary-color);
	font-size: 1.0rem;
	font-weight: bold;
	border: none;
	background: #FFF;
	box-shadow: 0px 5px 30px -20px rgba(0,0,0, .1);
}



.wpcf7 span.wpcf7-not-valid-tip {
	background: red;
	color: #FFF;
	display: none;
}


.not-valid label {
	color: RED;
}

.wpcf7 input.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid,
.wpcf7 select.wpcf7-not-valid {
	border-color: RED;
}


.wpcf7 .field-note {
	font-size: 0.7rem;
}


.wpcf7 .pflichtfeld-hinweis {
	text-align: right;
	font-size: 0.7rem;
	color: #666;
	text-transform: uppercase;
	display: none;
}

/* Checkbox & Radiobuttons */

.wpcf7 .wpcf7-radio {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    justify-content: left;
    align-content: flex-start;
}

.wpcf7 input[type="radio"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
}

.wpcf7 input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
}

.wpcf7-radio .wpcf7-list-item,
.wpcf7-checkbox .wpcf7-list-item,
.wpcf7-acceptance .wpcf7-list-item  {
  	margin: 0 0 0 0;
  	width: auto;
}

.wpcf7-radio input,
.wpcf7-checkbox input,
.wpcf7-acceptance input {
	display: none; /*custom*/
}

.wpcf7-radio label,
.wpcf7-checkbox label,
.wpcf7-acceptance label {
	color: #333;
	margin: 0;
	padding: 0;
	display: block;
	cursor: pointer;
}

.wpcf7-radio .wpcf7-list-item-label,
.wpcf7-checkbox .wpcf7-list-item-label {
	display: block;
	line-height: 130%;
	font-size: 1rem;
	text-transform: none;
	font-weight: bold;
	padding: 5px 0;
	padding-right: 30px;
	color: #333;
	transition: all 300ms ease;
	display: flex;
	align-items: center;
}

.wpcf7-radio .wpcf7-list-item-label:hover,
.wpcf7-checkbox .wpcf7-list-item-label:hover,
.wpcf7-acceptance .wpcf7-list-item-label:hover {
	color: #000;
}

.wpcf7-radio .wpcf7-list-item-label:before,
.wpcf7-checkbox .wpcf7-list-item-label:before {
	content: "";
	width: 26px;
	height: 26px;
	background: #FFF;
	border: 1px solid #999;
	opacity: 1;

	position: relative;
	display: block;
	margin: 0 10px 0 0;
}


.wpcf7-radio .wpcf7-list-item-label:before {
	border-radius: 50%;
}



.wpcf7-radio .wpcf7-list-item-label:after,
.wpcf7-checkbox .wpcf7-list-item-label:after {
	content: "";
	position: absolute;
	top: 11px;
	left: 6px;
	width: 14px;
	height: 14px;
	background: var(--primary-color); /*the point*/
	opacity: 0;
	transition: all 300ms ease;
}

.wpcf7-radio .wpcf7-list-item-label:after {
	border-radius: 50%;
}

.wpcf7-radio input:checked + .wpcf7-list-item-label,
.wpcf7-checkbox input:checked + .wpcf7-list-item-label,
.wpcf7-acceptance input:checked + .wpcf7-list-item-label {
	color: #5A6B74;
}

.wpcf7-radio input:checked + .wpcf7-list-item-label:before,
.wpcf7-checkbox input:checked + .wpcf7-list-item-label:before
.wpcf7-acceptance input:checked + .wpcf7-list-item-label:before {
	border-color: #999;
}

.wpcf7-radio input:checked + .wpcf7-list-item-label:after,
.wpcf7-checkbox input:checked + .wpcf7-list-item-label:after,
.wpcf7-acceptance input:checked + .wpcf7-list-item-label:after {
	opacity: 1;

}


.wpcf7-radio.wpcf7-not-valid .wpcf7-list-item-label:before,
.wpcf7-checkbox.wpcf7-not-valid .wpcf7-list-item-label:before,
.wpcf7-acceptance.wpcf7-not-valid .wpcf7-list-item-label:before {
	border-color: RED;
}


/* Checkbox Acceptance (Datenschutz) */

.wpcf7-acceptance .wpcf7-list-item-label:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 26px;
	border-radius: 3px;
	background: #FFF;
	border: 1px solid #DDD;
	opacity: 1;
}


.wpcf7-acceptance .wpcf7-list-item-label:after {
	content: "";
	position: absolute;
	top: 4px;
	left: 4px;
	width: 18px;
	height: 18px;
	border-radius: 3px;
	background: var(--primary-color); /*the point*/
	opacity: 0;
	transition: all 300ms ease;
}


.wpcf7-acceptance .wpcf7-list-item-label {
	position: relative;
	display: block;
	padding: 0 0 0 40px;
	font-weight: normal;
	font-size: 0.8rem;
	line-height: 150%;
	letter-spacing: 0;
}


.wpcf7 .form-field--datenschutz {
	margin: 0 0 2rem 0;
}

.wpcf7 .form-field--datenschutz > label {
  display: none;
}

.wpcf7-acceptance span a {
	font-weight: bold;
}

.wpcf7-acceptance span a:hover {
	color: #999;
}



/* js select style */
.select-hidden {
	display: none;
	visibility: hidden;
	padding-right: 10px;
}

.select {
	cursor: pointer;
	display: inline-block;
	position: relative;
	font-size: 1.3rem;
	width: 100%;
}

.select-focus .select {
}

.wpcf7 .select-styled  {
	display: flex;
	justify-content: space-between;
	min-height: 3.0rem;
}

.wpcf7 .not-valid .select-styled {
	border-color: RED;
}

.select-styled:after { /*icon*/
	content: "\e809";
	font-family: 'icons';
	font-size: 1.5rem;
	display: inline-block;
	background-size: contain;
	transition: all 300ms ease;
}

.select-styled:hover {

}

.select-styled:active,
.select-styled.active {
	border-color: #BBB;

}

.select-styled:active:after,
.select-styled.active:after {
	transform: rotate(-180deg);
	transition: all 300ms ease;
}

ul.select-options {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 20;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	background-color: #FFF;
	box-shadow: 0 3px 15px -5px rgba(1,1,1,0.4);
}

#content ul.select-options  {
	margin: 0px 0 0 0;
	padding: 0;
	border: 0px solid #666;
	border-top: none;
	border-radius: 0 0 3px 3px;
}

ul.select-options li {
	list-style: none;
	margin: 0;
	padding: 0.7rem 1.0rem;
	color: #48586A;
	font-size: 1.0rem;

	border-bottom: 1px solid #E5E5E5;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
}

.select-options li:before {
	display: none;
}

.select-options li:hover{
	background: rgba(72, 88, 106, .05);
}

ul.select-options li:first-child {
	AUS_display: none; /* hide "bitte auswählen" */
}

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

.select-options li[rel="hide"] {
	display: none;
}

.select-options li[rel=""] {
   display: none; /*hide first_as_blank placeholder */
}



/* END js select style */



/* --- Immo2web Embed -------------------------- */

[class*=template-immo2web] .container-wrap {
	background: transparent;
}

.immo2web {
	color: var(--text-color);
}



.immo2web #middle {
	background-color: transparent;
}

.immo2web #content {
	min-height: auto;
	overflow: visible;
	font-size: initial;
	font-size: 15px;
}

/* Header / Suche Container */

.immo2web-header {
	padding: 30px;
	background: #FFF;
	box-shadow: 0px 3px 30px -10px rgba(0,0,0, .2);
}

.immo2web h1 {
	margin-bottom: 2rem;
}


.immo2web #suche_container {
	width: 100%;
	height: auto;
}

.immo2web #suche_container > div {
	padding-right: 20px;
}

.immo2web #suche_container > .I2W_row {
	padding: 0;
}

.immo2web #suche_container .rangeslider_container   {
	color: var(--primary-color);
	width: calc(100% / 3);
	margin: 0;
	padding: 0 20px;
}

.immo2web #suche_container .rangeslider_container .label  {
	font-size: 14px;
}

.immo2web #SearchButton_container {
	height: auto;
	padding-right: 5px;
	margin: 30px 0 0 0;
}

.immo2web .search_button.button {
	padding: 15px;
	text-transform: uppercase;
	background-color: var(--primary-color)!important;
	transition: all 300ms ease;
	border-radius: 5px;
	margin: 0!important;
}

.immo2web .search_button.button:hover {
	color: #FFF!important;
	background-color: #333!important;
}

.immo2web .search_button #SearchCount {
	font-weight: bold;
	margin: 0 0 0 0;
}


/* Topbar */

.immo2web #topbar {
	margin: 50px 0;
	padding: 0;
	left: auto;
	top: auto;
	display: flex;
	flex-wrap: wrap;
}

.immo2web .topbar_link {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 5px 20px 5px 0;
	color: var(--link-color);
	line-height: 1;
	transition: all 250ms ease;
}

.immo2web .topbar_link:hover {
	color: var(--link-color-hover);
	text-decoration: none;
}

.immo2web .topbar_link span {
	color: var(--link-color);
	position: relative;
	top: auto;
	left: auto;
	padding: 0;
	margin: 0 5px 0 0;
}

.immo2web #topbar #merkliste_hinweis {
	width: 100%;
	max-width: 100%;
	margin: 20px 0 0 0;
	padding: 15px;
	flex: 0 1 auto;
	font-size: 15px;
}


/* Treffer Container */

.immo2web #trefferliste_container {
	background: transparent;
	overflow: visible;	
}

.immo2web .Treffer_container {
	padding: 20px;
	margin: 0 0 20px 0!important;
	border: 0px solid MAGENTA;
	color: var(--primary-color);
	box-shadow: 0px 3px 30px -10px rgba(0,0,0, .2);
	transition: all 300ms ease;
}

.immo2web .Treffer_container:hover {
	background: #FFF;
	box-shadow: 0px 3px 30px -10px rgba(0,0,0, .4);
}


.immo2web .Treffer_container:hover .div_ObjektLink {
}

.immo2web .Treffer_container .threecol {
	width: 25%;
}

.immo2web .Treffer_container .ninecol {
	width: 75%;
}

.immo2web .Treffer_container .fourcol {
	width: 25%;
	margin: 0;
}

.immo2web .Treffer_container .eightcol {
	width: 75%;
}

.immo2web .Treffer_container .eightcol .ninecol {
	width: 100%; /*so stupid*/
}

.immo2web .Treffer_container .eightcol .ninecol .I2W_container {
	padding: 0;
}

.immo2web .trefferliste_img_placeholder {
}

.immo2web .Treffer_container .banner {
	top: 50%!important;
	transform: translateY(-50%);
	font-size: 14px!important;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px!important;
	line-height: 1.2;
	border: none!important;
}

.immo2web .Treffer_container .I2W_container {
	border: 0px solid pink;
	padding: 0 0 0 30px;
}

.immo2web .div_ObjektLink { /* Title*/
	font-size: 20px;
	font-size: 1.1rem;
	line-height: 1.2;
	transition: all 300ms ease;
}

.immo2web .div_ObjektLink:hover {
	color: var(--link-color-hover);
}

.immo2web .Treffer_container .I2W_row:nth-child(2) { /*Subtitle*/
}


.immo2web .Treffer_container .fourcol {
	margin-bottom: 10px;
}

.immo2web .Treffer_container .bottom_row {
	margin-top: 10px!important;
}

.immo2web .Treffer_container .Detail {
	color: var(--primary-color);
}

.immo2web .merk_button {
	color: var(--link-color)!important;
	text-transform: uppercase;
	transition: all 250ms ease;

}
.immo2web .merk_button:hover {
	color: var(--link-color-hover)!important;
}

.immo2web .trefferliste_detail_block {
	background: var(--primary-color);
	border: none;
	font-size: 13px;
	line-height: 1;
	padding: 5px 10px;
	margin: 0 5px 5px 0;
	text-transform: uppercase;
	font-weight: bold;
}


/* Exposé */


.immo2web #expose_container,
.immo2web #trefferkarte_container {
	padding: 20px;
	background: #FFF;
	box-shadow: 0px 3px 30px -10px rgba(0,0,0, .2);
}

.immo2web .Expose_container {
	margin: 0!important;
	border: none;
	border-radius: 0;
}


.immo2web .expose_links {
	color: var(--text-color);
}

.immo2web .expose_links > .I2W_container:first-child { /* back-btn*/
	margin: 0 0 10px 0;
}


.immo2web .expose_links .btn_back, 
.immo2web .expose_links .btn_next,
.immo2web .expose_links .btn_list {
	color: var(--link-color)!important;
}

.immo2web .expose_links .button {
	color: var(--link-color)!important;
}

.immo2web .expose_links .I2W_container .twelvecol {
	padding: 5px 0;
}

.immo2web .expose_links .expose_wohnung_bezeichnung {
	font-size: 16px;
}

.immo2web .ObjektDetail_container.lines {
	color: var(--text-color);
	font-size: 15px;
	line-height: 1.5;
}

.immo2web .ObjektDetail_container.lines .I2W_row {
	border-color: #DDD!important;
	margin: 0;
	padding: 10px 0;
}


.immo2web .ObjektDetail_container_heading {
	color: var(--primary-color);
	text-transform: uppercase;
	line-height: 1.3;
}

.immo2web .expose_links .replaceNL {
		line-height: 1.5;
}


.immo2web .Kontakt_container {
	margin: 50px 0 0 0;
	line-height: 1.3;
}

.immo2web .Kontakt_container .ObjektDetail_container {
	line-height: 1.6;
}

.immo2web .Kontakt_container .ObjektDetail_container_heading {
	display: block;
}

.immo2web .Kontakt_container input,
.immo2web .Kontakt_container textarea{
	font-size: 16px;
	color: var(--text-color);
	font-family: 'Open Sans', sans-serif!important;
	border: 1px solid #BBB;
	padding: 10px;
}


.immo2web #input_besichtigung {
	margin: 0 10px 0 0!important;
}

.immo2web input[type=checkbox] {
	cursor: pointer;
}

.immo2web .kontakt_datenschutz_container {
	padding:  0;
	margin: 20px 0 0 0!important;
}

.immo2web .Kontakt_container input[type=checkbox] {
	margin: 0 10px 0 0;
}

.immo2web .Kontakt_container input[type=checkbox]:checked {
	background: var(--primary-color);
}

.immo2web #btn_kontakt_send.disabled,
.immo2web #btn_kontakt_send.disabled:hover,
.immo2web #btn_merk_kontakt_send.disabled,
.immo2web #btn_merk_kontakt_send.disabled:hover {
	background: #CCC!important;
}



.immo2web #btn_kontakt_send,
.immo2web #btn_merk_kontakt_send {
	line-height: 1;
	border-radius: 0;
	float: none!important;
	display: inline-block;
	padding: 15px 20px!important;
	text-transform: uppercase!important;
	margin: 30px 0 0 15px!important;
	
	text-transform: uppercase;
	background-color: var(--primary-color)!important;
	transition: all 300ms ease;
	border-radius: 5px;
}

.immo2web #btn_kontakt_send:hover,
.immo2web #btn_merk_kontakt_send:hover {
	color: #FFF!important;
	background-color: #333!important;
}


/* Merkliste */

.immo2web #merkliste_container {
	background: transparent;
}

.immo2web #merkliste_container .Kontakt_container {
		margin: 0 0 0 0;
		padding: 30px;
		box-shadow: 0px 3px 30px -10px rgba(0,0,0, .2);
}

.immo2web #merkliste_container .bottom_row {
	width: 100%;
	margin: 0;
}

.immo2web #merkliste_container .bottom_row > div{
}

.immo2web #merkliste_container .bottom_row .trefferliste_detail_block {
}

.immo2web #merkliste_container .twocol {
	width: auto;
}

.immo2web #merkliste_container .bottom_row div:not(.trefferliste_detail_block) {
}

.immo2web #merkliste_container .bottom_row div:not(.trefferliste_detail_block) span {
	position: relative;
	top: auto;
	left: auto;
	display: none;
}

.merk_entfernen_button	{
	position: relative;
	padding: 0;
	margin: 0 30px 0 0;
	width: auto;
	text-transform: uppercase;
}

/* Image Popup */


#Imagepopup_fullsite {
	height: 100%;
}

#Imagepopup_container { 
	min-width: 320px;
	max-width: 100%;
}

#Imagepopup_Bottomline {
	margin: 0;
	display: flex!important;
	justify-content: space-between;
	padding: 15px;
	height: auto;
	background: #FFF;
}

#Imagepopup_Bottomline #Imagepopup_imageText,
#Imagepopup_Bottomline #btn_close_popup {
	position: relative;
	height: auto;
	left: auto;
	right: auto;
	bottom: auto;
	top: auto;
	padding: 0px!important;
	margin: 0!important;
	line-height: 1;
	font-size: 15px;
}

#Imagepopup_Bottomline #Imagepopup_imageText {
}

#Imagepopup_Bottomline #btn_close_popup{
	color: var(--link-color);
	font-size: 1.2rem;
}


/* FOOTER
---------------------------------------------------------------------------------*/

#footer {
	position: relative;
	width: 100%;
	padding: 80px 0;
	color: #FFF;
	line-height: 1.8;
	background: var(--primary-color);
}


#footer .container {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}


.footer-slogan {
	flex: 1 0 auto;
	order: 1;
	font-family: 'EB Garamond', serif;
	text-transform: uppercase;
	text-align: right;
	opacity: .8;
	letter-spacing: 1px;
	margin: 0 0 3rem 0;
}

.footer-slogan span {
	margin: 0 0 0 30px;
}

.footer-contact {
	position: relative;
	flex: 1 0 auto;
	font-size: 15px;
	padding-left: 60px;
}

.footer-contact::before {
	content: "";
	position: absolute;
	top: 0.5rem;
	left: 0;
	width: 20px;
	height: 2px;
	background: #FFF;
}

.footer-contact a {
	color: #FFF;
	opacity: .8;
}

.footer-contact a:hover {
	opacity: .5;
}

.footer-menu {
	order: 3;
	width: 100%;
	flex: 1 0 auto;
	font-size: 13px;
	font-size: 0.7rem;
	padding-left: 60px;
}

.footer-menu ul {
	display: flex;
}

.footer-menu li {
	margin: 0 30px 0 0;
}

.footer-menu a {
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
}

.footer-menu a:hover {
	opacity: .7;
}


/* --- Mobile Menu --- */


.mob-menu {
	display: none; /*js trigger*/
	position: fixed;
   	top: 0;
    overflow-y:scroll;
    overflow-x:hidden;

	width: 100%;
	min-height: 100vh;
	min-height: -webkit-fill-available;
	z-index: 10;
	opacity: 0;
	
	padding: 0 0;
	
	animation: navfadeIn 500ms ease-in-out 1 forwards;

}


.mob-menu .inner {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* The main point: */
    overflow-y: auto;
    /* Optional but highly reccomended: enables momentum scrolling on iOS */
    -webkit-overflow-scrolling: touch;
}

.mob-menu .container {
	position: relative;
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	AUS_justify-content: center;
	padding-top: 10vh;
}


.mob-menu nav {
	flex: 0 1 auto;
	padding: 2rem 0;
	max-width: 400px;
	margin: 0 auto;
}


.mob-menu nav li a {
	display: block;
	font-size: 1.3rem;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	text-align: center;
	font-weight: 400;
	font-family: 'EB Garamond', serif;
	padding: 15px 0;
}


.mob-menu nav li li a {
	font-size: 1.1rem;
	color: #666;
}


.mob-menu .hotline {
	margin: 0 auto;
}

.mob-menu .btn-hotline,
.mob-menu .btn-hotline:hover {
	flex: 1 0 auto;
	display: block;
	text-align: center;
	background: var(--link-color);
	color: #FFF;
	padding: .8rem 2rem;
}

.mob-menu .language-menu {
	display: flex;
	justify-content: center;
	position: relative;
	margin: 0;
	position: relative;
	right: auto;
	left: auto;
	top: auto;
	margin: 3rem 0 3rem 0;
}

.mob-menu .language-menu a {
	margin: 0 20px;
	font-size: 14px;
	color: #888;
}



/* Mobile Menu Trigger */

.mob-menu-trigger {
	display: none;
	position: absolute;
	top: 44px;
	right: 30px;
	
	border: none;
	width: 40px;
	height: 40px;
	z-index: 999;
	text-transform: uppercase;
	background: transparent;

}

.mob-menu-trigger.open {
	position: fixed;
}

/* Hamburger Icon ani*/


.mob-menu-trigger span {
	margin: 0 auto;
	position: relative;
}
.mob-menu-trigger span:before,
.mob-menu-trigger span:after {
	position: absolute;
	content: '';
}
.mob-menu-trigger span,
.mob-menu-trigger span:before,
.mob-menu-trigger span:after {
	width: 27px;
	height: 2px;
	background-color: var(--primary-color);
	display: block;
}
.mob-menu-trigger span:before {
	margin-top: -7px;
}
.mob-menu-trigger span:after {
	margin-top: 7px;
}

.mob-menu-trigger.open span,
.mob-menu-trigger.open span:before,
.mob-menu-trigger.open span:after {
	background-color: #003E65;
	background-color: var(--primary-color);

}

.mob-menu-trigger span {
	-webkit-transition-duration: 0s; transition-duration: 0s;
	-webkit-transition-delay: 0.15s; transition-delay: 0.15s;
}
.mob-menu-trigger.open span {
	background-color: rgba(0,0,0,0.0);
	-webkit-transition-delay: 0.15s; transition-delay: 0.15s;
}
.mob-menu-trigger span:before {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.15s; transition-duration: 0.15s;
	-webkit-transition-delay: 0.15s, 0s; transition-delay: 0.15s, 0s;
}
.mob-menu-trigger.open span:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
	-webkit-transition-delay: 0s, 0.15s; transition-delay: 0s, 0.15s;
}
.mob-menu-trigger span:after {
	-webkit-transition-property: margin, -webkit-transform; transition-property: margin, transform;
	-webkit-transition-duration: 0.15s; transition-duration: 0.15s;
	-webkit-transition-delay: 0.15s, 0s; transition-delay: 0.15s, 0s;
}
.mob-menu-trigger.open span:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg); transform: rotate(-45deg);
	-webkit-transition-delay: 0s, 0.15s; transition-delay: 0s, 0.15s;
}

/* end Hambuger Icon ani*/

/* Menu Animation */

.mob-menu li {
  opacity: 0;
  animation: fadeLiIn 500ms ease-in-out 1 forwards;
 }

.mob-menu li:nth-child(1) {
  animation-delay: 100ms;
}

.mob-menu li:nth-child(2) {
  animation-delay: 200ms;
}

.mob-menu li:nth-child(3) {
  animation-delay: 300ms;
}

.mob-menu li:nth-child(4) {
  animation-delay: 400ms;
}

.mob-menu li:nth-child(5) {
  animation-delay: 500ms;
}

.mob-menu li:nth-child(6) {
  animation-delay: 600ms;
}




/* Cookie Notice */


#cookie-notice {
	font-size: 0.8rem!important;
	letter-spacing: 0.5px!important;
	background: transparent!important;
	font-family: var(--font-family)!important;	

}

#cookie-notice #cn-notice-text {
	margin-bottom: 15px;
	color: #F3F3F3;
}

#cn-accept-cookie.cookie-button {
	padding: 0.5rem 1.5rem 0.7rem 1.5rem;
	line-height: 100%;
	text-decoration: none;
	display: inline-block;
	border-radius: 1px;
	background: #FFF;
	color: #000;
	text-shadow: none;
	font-family: var(--font-family);	
	font-weight: 700;
	font-size: 1rem;
	border: 0px solid #FFF;	
}


#cn-accept-cookie.cookie-button:hover {
	opacity: .85;
}

#cookie-notice a {
	color: #DDD;
	text-decoration: underline;
}

#cookie-notice a:hover {
}

#cookie-notice .cookie-notice-container {
	padding: 20px 15px;
	background: rgba(0,0,0, .9);
}

#cookie-notice a#cn-more-info {
	font-size: 0.8rem;
	letter-spacing: 0.5px;
	color: #999;
	background: transparent;
	padding: 0;
}


#cookie-notice a#cn-close-notice {
	display: none;
}


.cookies-not-set #footer   {
	padding-bottom: 160px;
}

/* @group Embed Privacy Plugin  */


/* Embed Privacy Plugin */


.embed-privacy-container .screen-reader-text {
	display: none;
}

.embed-privacy-overlay {
}


.embed-privacy-overlay a {
	text-decoration: underline;
}

.embed-privacy-input-wrapper {
	position: relative;
	cursor: default;
	pointer-events: none;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: 14px;
}

.embed-privacy-input-wrapper input[type="checkbox"] {
	appearance: auto;
	width: 1.6em;
	height: 1.6em;
	display: block;
}

.embed-privacy-input-wrapper label {
}


/* @end */




/* @group ACCESSIBILITY */

/* ACCESSIBILITY */


.sr-only {
	position: absolute;
	width: .0625rem;
	height: .0625rem;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

.sr-only-focusable {
	transition: all 0s ease;
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
}

.sr-only-focusable:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	clip: auto;
}

/* @end */

/* @group ANIMATIONS */


/* ANIMATIONS
---------------------------------------------------------------------------------*/

/*  https://github.com/daneden/animate.css */


.animated {
  -webkit-animation-duration: 1s;
  		  animation-duration: 1s;

  -webkit-animation-fill-mode: both;
  		  animation-fill-mode: both;

  -webkit-animation-timing-function: ease-in-out;
 		  animation-timing-function: ease-in-out;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;

}


@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}



@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}


@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}


@keyframes navfadeIn {
  0% {
	opacity: 0.0;
    transform: translate(0px,-50px);
 	}
  100% {opacity: 1.0;
    transform: translate(0,0);
    }
}

@keyframes navfadeOut {
  0% {
	opacity: 1.0;
    transform: translate(0px,0);
 	}
  100% { opacity: 0.0;
    transform: translate(0px,-50px);
    }
}





@keyframes fadeLiIn {
  0% {
	opacity: 0.0;
    transform: translate(0px,-10px);
 	}
  100% {opacity: 1.0;
    transform: translate(0,0);
    }
}



/* @end */





/* ------------------------------------------------------------------------------*/

/* MEDIA QUERIES

---------------------------------------------------------------------------------*/


@media screen and (max-width: 1136px) {
body:after {
	content: "<1136";
	position: fixed;
	top: 0;
	line-height: 1;
	padding: 5px;
	font-size: 12px;
	background: lawngreen;
	z-index: 1000;
	opacity: .8;

	display: none; /* AN/AUS*/
}


.pagebanner  {
	height: 380px; /*the height*/
	margin: 0 0 3rem 0;
}

.has-pagebanner .container-wrap {
	padding: 0;
}

.has-pagebanner .container-wrap-mb {
	background: transparent;
	box-shadow: none;
	margin: 0;
}


.start .pagebanner {
	height: 450px; /*the height*/
	margin-bottom: -6rem;
}


.start .container-wrap {
	margin: 0 30px;
}


.start .slogan {
	margin-bottom: 0;
	padding: 4rem 2rem;
	font-size: 2.5rem;
}




#nav ul li a {
	font-size: 1.0rem;
}

}



@media screen and (max-width: 980px) {
body:after {
	content: "<980";
	background: TAN;
}


#header {
	height: 130px;
}

#header .logo a {
	max-width: 200px;
}


.mob-menu-trigger {
	display: block;
}



.mob-menu-open .mob-menu {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	background: #FFF;
	
	AUS__animation: navfadeOut 500ms ease-in-out 1 backwards;	
}

/* prevent background srcoll */
body.mob-menu-open {
	height: 100%;
	overflow: hidden;
}

.meta-menu-wrap {
	display: none;
}

.meta-menu-wrap,
.language-menu,
#nav {
	display: none;
}


.pagebanner.pagebanner-none {
	padding-bottom: 2rem;
}

.page-title {
	padding-top: 2rem;
}

.has-pagebanner .page-title {
	padding-top: 0;
}


.team-section {
	margin: 0;
}

.team-section.items-4 .team-card {
	width: 50%;
}



.immo2web #SearchButton_container {
	display: flex;
	justify-content: center;
	width: 100%;
	padding: 0;
	margin: 20px 0 0 0!important;
	text-align: center;
}


.immo2web #suche_container .rangeslider_container   {
	width: 99%!important;
	padding: 0 10px;
	margin: 15px 0!important;
}



.footer-slogan {
	width: 100%;
	order: 0;
	text-align: left;
	padding-left: 60px;
}

.footer-slogan span {
	margin: 0 30px 0 0;
}


}



@media screen and (max-width: 768px) {
body:after {
	content: "<768";
	background: PINK;
}


.sc-col {
	width: 100%;
}


.wp-caption,
img.size-medium,
img.size-small {
	margin-left: 0;
	margin-right: 0;
	float: none;
	display: block;
}


.post-nav .prev-post,
.post-nav .next-post {

}


.post-nav a {
	padding: 3rem 1rem;
	font-size: 0.9rem;
	-webkit-hyphens: auto;
   -moz-hyphens: auto;
    hyphens: auto;
}

.post-nav .prev-post a::after,
.post-nav .next-post a::after {
	display: none;
}



}



@media screen and (max-width: 600px) {
body:after {
	content: "<600";
	background: YELLOW;
}

html, body {
	font-size: 16px;
}


h1,
.h1 {
	font-size: 2.55rem;
}

h2 {
	font-size: 1.5rem;
}

h3 {
	font-size: 1.1rem;
}

a img.alignleft,
img.alignright,
img.alignleft,
img.alignright {
	float: none;
	display: block;
}


.container {
	padding-left: 20px;
	padding-right: 20px;
}


#header {
	height: 95px;
}

#header .logo a {
	max-width: 160px;
}


.mob-menu-trigger {
	top: 27px;
	right: 20px;
}


.pagebanner {
	height: 260px; /*the height*/
}


.start .pagebanner {
	height: 360px; /*the height*/
	margin-bottom: -4rem;
}


.start .container-wrap {
	margin: 0 20px;
}

.start .slogan {
	font-size: 2.0rem;
	line-height: 1.4;
	padding: 3rem 1rem;
}


.blog-entry {
	padding: 1rem;
	margin-bottom: 15px;
}


.post-tax .container {
	display: block;
}

.widget {
	width: 100%;
}

.widget.categories ul {
   column-count: 2;
   -moz-hyphens: auto;
   -webkit-hyphens: auto;
   hyphens: auto;
}


 .team-wrap {
 	margin-left: -10px;
 	margin-right: -10px;
 }

 .team-card {
 	padding: 10px;
 }


.team-section.items-3 .team-card {
	width: 50%
}



.immo2web-header {
	padding: 20px;
}


.immo2web #expose_container,
.immo2web #trefferkarte_container {
	padding: 10px;
}


.immo2web .Treffer_container {
	padding: 20px;
}

.immo2web .Treffer_container .threecol {
	width: 100%;
	margin: 0 0 20px 0;
}

.immo2web .Treffer_container .ninecol {
	width: 100%;
}


.immo2web .Treffer_container .fourcol {
	width: 100%;
	float: none;
	margin: 0 0 15px 0;
}


.immo2web .Treffer_container .I2W_container {
	padding-left: 0px;
}


.immo2web .Kontakt_container .threecol,
.immo2web .Kontakt_container .ninecol {
	width: 100%;
	float: none;
}


.immo2web #merkliste_container .Treffer_container .fourcol {
	width: 100%!important;
}

.immo2web #merkliste_container .Treffer_container .eightcol {
	width: 60%;
	padding: 0;
}

.immo2web #merkliste_container .Treffer_container .eightcol .fourcol {
	width: 100%!important;
}

.immo2web #merkliste_container .merk_entfernen_button {
	width: 100%;
}




.footer-slogan {
	padding-left: 40px;
	font-size: 20px;
}

.footer-slogan span {
	display: block;
	padding: 5px 0;
}

.footer-contact {
	padding-left: 40px;
}

.footer-menu {
	padding-left: 40px;
}

.footer-menu ul {
	flex-direction: column;
}

.footer-menu a {
	display: block;
	padding: 6px 0;
	font-size: 0.9rem;
}


}



@media screen and (max-width: 360px) {
body:after {
	content: "<360";
	background: PLUM;
}

html, body {
}

.container {
	padding-left: 10px;
	padding-right: 10px;
}

}




/* END
---------------------------------------------------------------------------------*/