/* MAIN STYLESHEET             */
/* Easy Living - Real Estate Template  */
/* Made By Rype Pixel          */
/* hello@rypepixel.com         */
/* Created: 02/28/2014         */
/* Author: Chris Gipple        */

/*====================================================================================*/
 /* TABLE OF CONTENTS
/*====================================================================================*/
/* 01 RESET 
/* 02 GLOBAL SETTINGS  
/* 03 HEADER   
/* 04 SUBHEADERS 
/* 05 FILTER
/* 06 BIG MESSAGE
/* 07 PROPERTIES
/* 08 SERVICES
/* 09 AGENTS
/* 10 BLOG
/* 11 PAGES
/* 12 CONTACT
/* 13 CALL TO ACTION
/* 14 SIDEBAR
/* 15 SHORTCODES
/* 16 FOOTER

/*====================================================================================*/
 /* 01 RESET
/*====================================================================================*/

* { margin:0px; padding:0px; }

h1,h2,h3,h4 { margin-top:0px; }

ul li { list-style:none; }

b, strong { font-family: Proxima Nova Semi-bold, Helvetica, Arial; }

::-ms-clear { 
	display: none; 
}
/*====================================================================================*/
 /* 02 GLOBAL SETTINGS
/*====================================================================================*/

@font-face {
    font-family: 'Proxima Nova Light';
    src: url('type/proximanova-light-webfont.eot');
    src: url('type/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/proximanova-light-webfont.woff2') format('woff2'),	
         url('type/proximanova-light-webfont.woff') format('woff'),
         url('type/proximanova-light-webfont.ttf') format('truetype'),
         url('type/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;font-display: optional;
}

@font-face {
    font-family: 'Proxima Nova Reg';
    src: url('type/proximanova-regular-webfont.eot');
    src: url('type/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/proximanova-regular-webfont.woff2') format('woff2'),	
         url('type/proximanova-regular-webfont.woff') format('woff'),
         url('type/proximanova-regular-webfont.ttf') format('truetype'),
         url('type/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;font-display: optional;
}

@font-face {
    font-family: 'Proxima Nova Semi-bold';
    src: url('type/proximanova-semibold-webfont.eot');
    src: url('type/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/proximanova-semibold-webfont.woff2') format('woff2'),	
         url('type/proximanova-semibold-webfont.woff') format('woff'),
         url('type/proximanova-semibold-webfont.ttf') format('truetype'),
         url('type/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;  font-style: normal;font-display: optional;
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('type/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('type/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html { width:100%; height:100%; scroll-behavior: smooth; }

body {
	font-family:Proxima Nova Reg, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#464646;
	width:100%; 
	height:100%; 
}

.glyphicon { font-family: 'Glyphicons Halflings' !important; }

.properties p { font-family:Proxima Nova Reg, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:16px;}

.properties p.lead { font-family: Proxima Nova Semi-bold, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 20px; }

h1 { font-family:Proxima Nova Light, 'Helvetica Neue', Helvetica, Arial, sans-serif; }

h3, .subheadline {
	font-family:Proxima Nova Reg, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#008000;
	font-size:19px;
	padding-bottom:7px;
	border-bottom:7px solid #81be32;
	display:inline-block;
}

h4.dblue {
	font-family:Proxima Nova Light, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#4a4786;
	font-size:19px;
	padding-bottom:5px;
	border-bottom:5px solid #4a4786;
	display:inline-block;
}

h4 {
	font-family:Proxima Nova Semi-bold, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:16px;
}

h5, h6 {
	font-family:Proxima Nova Semi-bold, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:16px;
}

a { 
	color:#4f761d;
	-webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

a:hover { color:#568020; text-decoration:none; }

::-moz-selection {
  background: #008000;
  color: white;
  text-shadow: none;
}

::selection {
  background: #008000;
  color: white;
  text-shadow: none;
}

.uc { text-transform: uppercase; }

.no-margin-top { 
	margin-top: 0 !important;
}

.no-margin-bottom { 
	margin-bottom: 0 !important;
}

.divider {
	background-color:#d7d7d7;
	max-width:100%;
	height:2px;
	margin-top:-14px;
	margin-bottom:30px;
}

.divider.thin {
	height:1px;
	margin-top:15px;
	margin-bottom:15px;
}

.genericSection { padding:70px 0px 70px 0px; }

/* BUTTONS */
.buttonColor {
	font-family:Open Sans;
	font-size:13px;
	letter-spacing:0.2px;
	padding:10px 15px 10px 15px !important;
	color:white;
	border-radius:5px;
	border:1px solid #69992c;
	box-shadow: inset 0 1px 1px white;
	text-shadow:0px -1px 3px #0e4562;
	background-color:#4f761d;
	background: -webkit-linear-gradient(#4f761d, #446619); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#4f761d, #446619); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#4f761d, #446619); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#4f761d, #446619); /* Standard syntax */
}

.buttonColor:hover, .buttonColor:focus {
	color:white;
	text-decoration:none;
	background: -webkit-linear-gradient(#4f761d, #568020); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#4f761d, #568020); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#4f761d, #568020); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#4f761d, #568020); /* Standard syntax */
}

.buttonGrey {
	font-family:Open Sans;
	font-size:11.4px;
	letter-spacing:0.2px;
	padding:6px 27px 6px 27px !important;
	color:#6d6d6d;
	border-radius:5px;
	border:1px solid #cfcfcf;
	background-color:#f6f6f6;
	background: -webkit-linear-gradient(#f8f8f8, #f2f2f2); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f8f8f8, #f2f2f2); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f8f8f8, #f2f2f2); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffffff, #f2f2f2); /* Standard syntax */
	-webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.buttonGrey:hover {
	text-decoration:none;
	color:#393939;
	background: linear-gradient(#f2f2f2, #ffffff); /* Standard syntax */
}

.buttonGrey.large {
	font-size:14px;
	padding:10px 30px 10px 12px !important;
	color:#6d6d6d;
}

.buttonGrey.large:hover { 
	color:#393939;
	background: linear-gradient(#f2f2f2, #ffffff); /* Standard syntax */
}

/** FORM ELEMENTS **/

.formDropdown, input {
	width:100%;
	padding:8px;
	margin-bottom:0;
	border-radius:3px;
	border:none;
	border:1px solid #c9c9c9;
	box-shadow: 0 1px 1px white;
}

.contact-form .formDropdown, .contact-form input {
	background-color: #f5f5f5;
}

input[type="checkbox"] {
	width: auto;
}

input[type="file"] {
	background:white;
	border:none;
	padding:5px 0px 5px 0px;
}

select {
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
    -moz-appearance: none; 
    text-indent: 0.01px;
 	text-overflow: "";
 	background: url('../img/dropdown-button.png') no-repeat;
 	background-position: right -1px;
 	background-color:white;
 	cursor:pointer;
}

select::-ms-expand {
display: none;
}

label {
	font-family:Open Sans;
	color:#6d6d6d;
	font-size:14px;
}

label.privacy {
	font-family: inherit;
	font-weight: normal;
}

textarea { height:130px; }

.icon {
	float:left;
	margin-right:10px;
	padding-top:0px;
}

.has-feedback .form-control-feedback {
	top: 26px;
	width: 36px;
	height: 38px;
	line-height: 36px;
}

.checkbox.has-feedback .form-control-feedback {
	top: 0px;
	left: -30px;
	line-height: 20px;
}

.checkbox.has-feedback .help-block {
	margin-left:20px;
}

.selectbox.has-feedback .form-control-feedback {
	right: 36px;
}

/* Spambots Honeypot*/
div.heading45  > label, .ubuntu input.ornig + input { 
	display: none !important;
	visibility: hidden !important;
}

#topcontrol {
	z-index: 99;
	font-size: 16px;
	padding-top: 1px;
	padding-left: 3px;
	border: 1px solid #69992c;
	box-shadow: inset 0 1px 1px white;
	text-shadow: 0px -1px 3px #0e4562;
	background-color: #4f761d;
	background: -webkit-linear-gradient(#4f761d, #446619);
	background: -o-linear-gradient(#4f761d, #446619);
	background: -moz-linear-gradient(#4f761d, #446619);
	background: linear-gradient(#4f761d, #446619);
	width: 39px;
	height: 34px;
	border-radius: 5px;
	position: fixed;
	bottom: -100px;
	right: 15px;
	cursor: pointer;
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-o-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-in-out;
	overflow: hidden;
	line-height: 34px;
	text-align: center;
	color: #fff;
}

#topcontrol:hover {
	background: #4f761d;
	background: -webkit-linear-gradient(#4f761d, #568020);
	background: -o-linear-gradient(#4f761d, #568020);
	background: -moz-linear-gradient(#4f761d, #568020);
	background: linear-gradient(#4f761d, #568020);
}

.tooltip-inner { background: #4f761d; color: #fff;  }
.tooltip.left .tooltip-arrow { border-left-color: #4f761d; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #4f761d; }

/*====================================================================================*/
 /* 03 HEADER 
/*====================================================================================*/

/* TOP BAR */
/***********************/

.topBar {
	padding:7px 0px 7px 0px;
	border-bottom:1px solid #e8e8e8;
	background-color:#f6f6f6;
	background: -webkit-linear-gradient(#f8f8f8, #f2f2f2); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f8f8f8, #f2f2f2); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f8f8f8, #f2f2f2); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f8f8f8, #f2f2f2); /* Standard syntax */
}

.topBarText { 
	font-family:Open Sans;
	color:#8e8e8e;
	font-size:11px;
	float:left; 
	margin-top:3px;
	margin-right:20px; 
	margin-bottom:0; 
}

.socialIcons { float:right; margin-bottom:0; }
.socialIcons li {
	display:inline;
	padding-left:10px;
	padding-right:6px;
	border-left:1px solid #e2e2e2;
}

.socialIcons li a {
	-webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.socialIcons li a:hover { opacity:0.6; }


/* MAIN HEADER */
/***********************/

.navbar.navbar-default.non-fixed {
 	background-color:white;
	border:none;
	border-radius: 0;
	margin-bottom: 0;
	box-shadow: 0px 0px 6px #9c9c9c;
	z-index:1000;
}

.navbar.navbar-default {
	background-image: url('../img/header_border_bg.png');
	background-repeat: repeat-x;
	background-position: bottom;
}

 .navbar.navbar-default.navbar-fixed-top { 
 	background-color:white;
	border:none; 
	box-shadow: 0px 0px 3px #9c9c9c;
	z-index:1000;
}
.navbar-collapse { padding-right: 0; }

.navbar-toggle { margin-top:24px; }

.navbar-brand { font-size:21px; display:block; height: 82px; padding: 0; margin: 0; }
.navbar-brand .textlogo-wrapper { height: 82px; padding: 22px 0 5px; width:270px; }
.navbar-brand span.pflege { font-family: Proxima Nova Light; color:#777; }
.navbar-brand span.kapitalanlage { font-family:Open Sans; color:#81be32; }
/* Claude 2026-07-23 (Rose): Logo-Marke war zu hoch positioniert (klebte oben statt auf Textmitte).
   Das vektorisierte SVG ist eng getrimmt, die alte logo.png hatte oben ~8px transparente Luft, die die
   Marke auf Text-Mitte schob. padding-top 10->18 / bottom 14->6 (Summe 24 unveraendert) holt das zurueck. */
.navbar-brand img { margin-right:12px; margin-left: 15px; float: left; padding: 18px 0 6px; }

.nav.navbar-nav { float:right; }

.nav.navbar-nav li a {
	font-family: 'Proxima Nova Reg', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#686868;
	font-size:12.5px;
	letter-spacing:0.4px;
	padding-top:33px;
	padding-bottom:29px;
	margin-right:2px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;	
}

.nav.navbar-nav > li:hover a.dropdown-toggle, .nav.navbar-nav li a:hover, .nav.navbar-nav > li:focus a.dropdown-toggle, .nav.navbar-nav li a:focus{
	box-shadow: inset 0 -4px 0px green; background: #4f761d; color: #fff;
}

nav>.open>a, nav>.open>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
 box-shadow: inset 0 -4px 0px green; background: #4f761d; color: #fff;
}

.nav.navbar-nav .current { box-shadow: inset 0 -4px 0px green; background-color: #4f761d; color: #fff; }
.nav.navbar-nav .current-sub { background-color:#f4f4f4; color:#6d6d6d; }


.nav.navbar-nav .dropdown .dropdown-menu {
	box-shadow: 0px 2px 3px #9c9c9c;
	background-color:white;
	border:none;
	border-radius:0px;
	padding:0px;
	margin-top:0px;
}

.nav.navbar-nav .dropdown .dropdown-menu li a {
	font-family:Proxima Nova Semi-bold, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin:0px 0px 0px 0px;
	padding:10px;
	color:#6d6d6d;
	font-size:12px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#efefef;
}

.nav.navbar-nav .dropdown .dropdown-menu li a:hover { background-color:#f4f4f4; color:#6d6d6d; box-shadow: none;}

/** DROPDOWN SUB-MENU **/
.nav.navbar-nav .dropdown .dropdown-menu .dropdown-submenu {
        position:relative;
        overflow: visible;
    }

    .nav.navbar-nav .dropdown .dropdown-menu .dropdown-submenu > .dropdown-menu {
        left:161px;
        margin-top:-39px;
        margin-left:-1px;
        -webkit-border-radius:0px;
        -moz-border-radius:0px;
        border-radius:0px;
        display:none;
        background-color:white;
    }
    
    .nav.navbar-nav .dropdown .dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
        display:block;
    }

.googleMap { border:none; width:100%; }

/* LOGIN/REGISTER */
/**************************/
.userButtons { margin-right:-15px; }

.userButtons .buttonGrey {
	font-family:Open Sans !important;
	font-size:11.4px !important;
	color:#6d6d6d !important;
	margin-top:21px;
	margin-left:5px;
	padding-top:4px !important;
	padding-bottom:5px !important;
}

.userButtons .buttonGrey:hover { color:#393939 !important; }

.verticalDivider {
	height:71px;
	width:1px;
	background-color:#d5d5d5;
	margin-right:18px;
}

/** HEADER 2 **/
.header2 .topBar {
	background:#2f2f2f;
	border-bottom:1px solid #e8e8e8;
	background: -webkit-linear-gradient(#3f3f3f, #2a2a2a); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#3f3f3f, #2a2a2a); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#3f3f3f, #2a2a2a); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#3f3f3f, #2a2a2a); /* Standard syntax */
}

.header2 .socialIcons li { border:none; }

/** HEADER 3 **/
.header3 .socialIcons li a {
	font-family:Proxima Nova Semi-bold;
	color:#606060;
	font-size:12px;
}

.header3 .socialIcons li:first-child { border:none; }
.header3 .verticalDivider { background-color:#e9e9e9; }


/*====================================================================================*/
 /* 04 SUB-HEADERS 
/*====================================================================================*/

/** SUBHEADER HOME **/

.subHeader.home.bxslider .container { padding:90px 0px 150px 0px; }

#slide1 {
	#background-image: url('../img/1600x670.gif');
	background-color: #777;	
	background-repeat:no-repeat;
	background-size:cover;
}

#slide2 {
	#background-image: url('../img/1600x670.gif');
	background-color: #777;
	background-repeat:no-repeat;
	background-size:cover;
}

#slide3 {
	#background-image: url('../img/1600x670.gif');
	background-color: #777;	
	background-repeat:no-repeat;
	background-size:cover;
}

/*
.subHeader.home h1 {
	display:inline;
	font-family:Proxima Nova Light;
	font-size:59px;
	background:rgba(225, 225, 225, 0.8);
	padding:5px 10px 0px 10px;
	line-height:80px;
}

.subHeader.home h1 span { font-family:Proxima Nova Semi-bold; }
*/
.subHeader.home p {
	font-family: Proxima Nova Semi-Bold;
	padding: 5px 20px 1px 20px;
	line-height: 1.1;
	margin: 0;
	color: #008000;
	text-shadow: 0px 0px 6px #fff;
	font-size: 36px;
}
.subHeader.home .box {
	margin-top: 8px;
	background: rgba(255, 255, 255, 0.8);
}
.subHeader.home span.location{
	background: #4f761d;
	background: linear-gradient(rgb(79, 118, 29), rgb(68, 102, 25));
	background: -webkit-linear-gradient(rgb(79, 118, 29), rgb(68, 102, 25));
	background: -o-linear-gradient(rgb(79, 118, 29), rgb(68, 102, 25));
	background: -moz-linear-gradient(rgb(79, 118, 29), rgb(68, 102, 25));
	background: linear-gradient(rgb(79, 118, 29), rgb(68, 102, 25));
	font-family: Proxima Nova Light;
	padding: 3px 20px 1px 20px;
	line-height: 1.1;
	color: #fff;
	font-size: 22px;
	margin: 0px;
	text-shadow: 0px 0px 3px #bbb;
	display: block;
}

.sliderTextBox {
	background:rgba(225, 225, 225, 0.8);
	padding: 0;
	font-size:18px;
	-webkit-box-shadow: 0px 0px 12px #888;
    -moz-box-shadow: 0px 0px 12px #888;
    box-shadow: 0px 0px 12px #888;
}

.sliderTextBox .inner {
	padding: 10px 18px;
}

.sliderTextBox .inner ul {
	margin: 0;
}

.inner ul li:before {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
 //   float: left;        /* adjust as needed */
    color: #4f761d;         /* adjust as needed */
	margin-right: 10px;
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
}

.sliderTextBox .inner ul li:after {
	padding-top: 2px;
}


 ul.list li {
    position: relative;
}

ul.list li:before {
    font-family: 'Glyphicons Halflings';
    content: "\e080";
    color: #4f761d;
    margin-right: 10px;
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
}

ul.list li p {
    margin: 0; /* Entfernt zusätzlichen Abstand */
    text-indent: 0px;
    padding-left: 24px;
}

.sliderTextBox p { margin-bottom:20px; }

.sliderTextBox .buttonGrey.large { border-color:#bdbdbd; display:inline-block; }

.sliderTextBox .buttonColor { padding:10px 30px 10px 12px !important; display:inline-block; }

.icon-button-arrow {
	margin-top:-9px;
	width:29px;
	height:19px;
	background-image: url('../img/icon-button-arrow.png');
	background-position:0px 10px;
	background-repeat:no-repeat;
	border-right:1px solid #c6c6c6;
	padding:20px 10px 20px 0px;
	position:absolute;
}

.icon-button-user {
	margin-top:-10px;
	width:29px;
	height:19px;
	background-image: url('../img/icon-button-user.png');
	background-position:0px 10px;
	background-repeat:no-repeat;
	border-right:1px solid #629125;
	padding:20px 10px 19px 0px;
	position:absolute;
}

.buttonText { margin-left:50px; }

.subHeader.home .sliderPrice { 
	font-size:50px;
	float:right; 
	line-height:55px;
	margin-top:190px;
}

.or { 
	font-family:Proxima Nova Semi-bold;
	font-size:13px;
	padding:10px 30px 10px 30px;
	margin:0px 10px 0px 10px;
	background-image: url('../img/arrow.png');
	background-repeat:no-repeat;
	background-size:75px;
}

.sliderControls {
	margin-top:200px; 
	position:absolute; 
	width:100%;
}

.sliderControls span { 
	margin-top:0px; 
	opacity:0.5; 
	position:relative;
	z-index:1000;
	-webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.sliderControls span:hover { opacity:1.0; }
.sliderControls .slider-prev { float:left; margin-left:15px; }
.sliderControls .slider-next { float:right; margin-right:15px; }

/** SUBHEADER MAP **/
.subHeader.map { margin-top:108px; width:100%;  }

#map-canvas { width:100%; height:675px; position:absolute; }

.mapFilter { padding:70px 15px 70px 15px; }

.info-box { width:210px; height:270px; }

/** SUBHEADER PAGE **/
.subHeader.page {
	margin-top:108px;
	padding: 55px 0px 4px 0px;
	background-color:#008000;
	background-image: url('../img/subHeader-page-bg.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	box-shadow: inset 0 -4px 0px #81be32;
	-webkit-box-shadow: inset 0 -4px 0px #81be32;
    -moz-box-shadow: inset 0 -4px 0px #81be32;
    box-shadow: inset 0 -4px 0px #81be32;
	min-height: 200px;
}

.subHeader.page.non-fixed {
	margin-top:0;
}

.subHeader.page h1 {
	font-family: Proxima Nova Semi-Bold;
	padding: 4px 20px 0px 20px;
	line-height: 1.1;
	margin: 0;
	color: #008000;
	text-shadow: 0px 0px 6px #fff;
}
.subHeader.page .box {
	float: left;
	background: rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: 0px 0px 12px #888;
    -moz-box-shadow: 0px 0px 12px #888;
    box-shadow: 0px 0px 12px #888;
	margin-bottom: 25px;	
}

.subHeader.page h2 {
	background: #4f761d;
	background: linear-gradient(rgb(79, 118, 29), rgb(68, 102, 25));
	font-family: Proxima Nova Light;
	padding: 3px 20px 3px 20px;
	line-height: 1.1;
	color: #fff;
	font-size: 22px;
	margin: 0px;
	text-shadow: 0px 0px 3px #bbb;
}

.searchForm input {
	margin-top:18px;
	padding-right:30px;
	width:200px;
	float:right;
	border:none;
	box-shadow:none;
	background:rgba(225, 225, 225, 0.8);
	background-image: url('../img/icon-search.png');
	background-repeat:no-repeat;
	background-position: right 10px center;
}

.subheader-hint {
	background-color: rgba(255, 255, 255, 0.9);  
	padding: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow: 0px 0px 12px #888;
	-webkit-box-shadow: 0px 0px 12px #888;
    -moz-box-shadow: 0px 0px 12px #888;
	border: 1px solid #dadada; 
	
}

.bmargin55 { margin-bottom: 55px !important; }

.cta-wrapper {
 padding: 0 24px;
}

.subheader-hint p, .phone-nobg p  { 
	font-family:Open Sans;
	color: #6d6d6d;
	font-size: 18px;
	margin:0;
}

.phone-nobg p  { 
	padding: 10px 0;
}

.claim p {
	padding: 14px 0 10px;
}

.subheader-hint span.symbol, .phone-nobg span.symbol{ 
	background-color: #4f761d;
	padding: 8px 10px;
	font-size: 16px;
	color: #fff;
	margin: 0 10px;
	top: 0;
}
.phone-nobg span.symbol {
	margin: 0 10px 0 0;
}

.subheader-hint span.phone, .phone-nobg span.phone { 
	font-size: 18px;
}


.phone-nobg span.phone { 
	color: #fff;
}

/*====================================================================================*/
 /* 05 FILTER
/*====================================================================================*/
.filter {


	}

.smallFilter {
	-webkit-box-shadow: 0px 0px 12px #888;
    -moz-box-shadow: 0px 0px 12px #888;
    box-shadow: 0px 0px 12px #888;	
	position: absolute;
    top: -366px;
	left: 0;
    margin: 0 15px;
	min-width: 280px;
	}
	
.fade-in {
  opacity: 0; /* Unsichtbar am Anfang */
  animation: fadeInAnimation 0.25s ease-in-out forwards; /* Animation definiert */
}

@keyframes fadeInAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}	

.filterHeader {
	background-color:#545098;
	height:64px;
}

.filterNav li { display:inline; }

.filterNav li a, .filterNav.headline h4.current {
	font-family:Proxima Nova Semi-bold;
	color:white;
	padding:22px 30px 23px 30px;
	text-decoration:none;
	outline:none;
}

.filterNav.headline h4.current {
	text-transform: uppercase;
	text-align: center;
}

.filterNav .current {
  position:relative;
  background-color:#4a4786;
}

.filterNav .current:after {
  content:"";
  position:absolute;
  bottom:-15px; /* value = - border-top-width - border-bottom-width */
  left:50%; /* controls horizontal position */
  margin-left:-15px;
  border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#4a4786 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
  z-index:1;
}

.filterHeadButton {
	float:right;
	background-color:#4a4786;
	padding:23px;
}

.filterContent {
	padding:23px;
	border:1px solid #c9c9c9;
	border-top:none;
	background-color:#f2f2f2;
	background: -webkit-linear-gradient(#f8f8f8, #f2f2f2); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#f8f8f8, #f2f2f2); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#f8f8f8, #f2f2f2); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#f8f8f8, #f2f2f2); /* Standard syntax */
}

.formBlock {
	float:left;
	margin-right:40px;
	width:100%;
	margin-bottom: 20px;
}

.priceSlider { margin-top:-12px; margin-bottom:7px; height:9px !important; }

.priceInput {
	float:left; 
	height:20px;
	background:#e7e7e7; 
	border-radius:5px; 
	padding:0px 3px 0px 3px; 
	font-size:13px; 
}

.priceInput input {
	border:none;
	box-shadow:none;
	width:60px;
	padding:0;
}

.noUi-connect { background-color:#81be32 !important; }
.noUi-handle { 
	border-radius:80px !important; 
	cursor:pointer !important; 
	width:20px !important; 
	height:20px !important;
}
.noUi-handle:after,.noUi-handle:before { display:none !important; }

.priceSliderLabel {
	font-size:12px;
	color:#b9b9b9;
	margin-bottom:19px;
}


/*====================================================================================*/
 /* 06 BIG MESSAGE 
/*====================================================================================*/
.bigMessage {
	padding:15px 0px 70px 0px;
}

.bigMessage h1 {
	text-align:left;
	font-family:Proxima Nova Light;
	font-size:40px;
	margin:0px;
}

.bigMessage h1 span { font-family:Proxima Nova Semi-bold; }

.bigMessage p {
	font-size:19px;
	text-align:left;
}
/*
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: -1;
    left: 0;
    width: 100%;
    height: 100%;
}
*/
.video-container-wrapper video {
	border: solid 4px #81be32;
}

.video-container-wrapper {
	max-width: 100%;
	width: 800px;
	left: 0;
	right:0;
	margin:auto;
	padding-bottom: 25px;
}

/*====================================================================================*/
 /* 07 PROPERTIES
/*====================================================================================*/

/** PROPERTIES GLOBAL & HEADER **/
.properties {
	padding:45px 0px 70px 0px;
	background-color:#f5f5f5;
}

.properties .title { margin: 0 0 5px; }

.propertyDescription .title h2 {font-family:Proxima Nova Light; font-size:32px; margin-bottom: 8px; margin-top: 2px;} 
.propertyCat_list { background-color:#e1e1e3; width:323px; margin-bottom:12px; border: none; }
.propertyCat_list li { display:inline-block; float: none; margin: 0; }

.propertyCat_list li a { 
	font-family:Proxima Nova Semi-bold;
	color:#5e5e5e; 
	padding:13px 25px 13px 25px; 
	display:inline-block;
	border: none;
	border-radius: initial;	
	margin:	0;	
}

.propertyCat_list li a:hover, .propertyCat_list li a:focus  { 
	color:#4a4786;
	background-color: inherit; 
}

.propertyCat_list li.active a {
	position:relative;
	color:white;
	background-color:#4a4786;
	border: none;
	border-radius: initial;	
}

.propertyCat_list li.active a:after {
  content:"";
  position:absolute;
  bottom:-9px; /* value = - border-top-width - border-bottom-width */
  left:42%; /* controls horizontal position */
  border-width:10px 10px 0; /* vary these values to change the angle of the vertex */
  border-style:solid;
  border-color:#4a4786 transparent;
  /* reduce the damage in FF3.0 */
  display:block;
  width:0;
  z-index:1;
}

.propertyCat_list li.active a:hover, .propertyCat_list li.active a:focus { 
	color:white; 
	background-color:#4a4786; 
	border: none; 
}

.propertySort_list { margin-top:-55px; margin-bottom:53px; }

.propertySort_list li {
	float:right;
	display:inline;
	padding:10px;
}

#map_canvas { height:450px; width: 100% }

/** PROPERTIES GRID **/
.propertyItem {
	background-color:white;
	box-shadow: 0px 1px 10px #d4d4d4;
	-webkit-box-shadow: 0px 1px 10px #d4d4d4;
    -moz-box-shadow: 0px 1px 1px #d4d4d4;	
	margin-bottom:30px;
}

.propertyContent { padding:9px; }
.propertyContent a, .propertyContentFigcaption a { color:#2a2a2a; }
.propertyContent a:hover, .propertyContentFigcaption a:hover { color:#4a4786; }

.propertyContentFigure { padding:9px 9px 0 9px; }
.propertyContentFigcaption { padding:0 9px; }

.propertyImg {
	width:100%;
	#margin-bottom:15px;
}

.nomargin {
	margin:0;
}

.propertyImgLink {
	-webkit-transition: opacity 0.3s linear;
    -moz-transition: copacity 0.3s linear;
    -ms-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
}

.propertyImgLink:hover { opacity:0.8; }

.numfree {
	background: rgba(74, 74, 76, 0.7) !important;
	font-family: Proxima Nova Semi-bold;
	font-size: 13px;
	right: 15px;
	bottom: 5px;
	width: 202px !important;
	height: 31px;
	padding: 6px 8px;
	color: #fff;
	display: inline-block;
	z-index: 1;
	position: absolute;
	text-transform: uppercase;
}

.property-tags {
	position: absolute;
	z-index: 1;
	margin-top: 5px;
}

.propertyType {
	font-family:Proxima Nova Reg;
	font-size:13px;
	background-color:#4a4786;
	color:white !important;
	padding:5px 7px;
	z-index:1;
}

.openHouse {
	position:absolute;
	font-family:Proxima Nova Semi-bold;
	color:white;
	font-size:13px;
	right:7px;
	background-image: url('../img/open-house-bg.png');
	background-repeat:no-repeat;
	padding:19px 13px 15px 15px;
	z-index:1;
}

.forSale {
	float:left;
	font-family:Proxima Nova Semi-bold;
	font-size:15px;
	background-color:#d5d5d5;
	color:white;
	padding:4px 9px 4px 9px;
	border-radius:4px;
	display:inline-block;
}

.tag {
	margin-right: 5px;
	font-family: Proxima Nova Reg, Helvetica, Arial !important;
	font-size: 15px !important;
	color:white;
	padding:4px 9px 4px 9px;
	border-radius:4px;
	display:inline-block;
}

.green {
	background-color: #4f761d;
}

.blue {
	background-color: #4a4786;
}

.tag.grey {
	background: rgba(74, 74, 76, 0.7) !important; 
	float:right; 
	text-transform: uppercase; 
	margin-bottom: 10px;
}

.propertyItem .location {
	float: none; font-size: 16px; font-family:Proxima Nova Semi-bold; color: #4a4786; 
}

.propertyItem .estate {
	font-family: Proxima Nova Semi-bold, Helvetica, Arial;
    font-size: 16px;
	min-height:36px;
	font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.propertyItem .price {
	font-family:Proxima Nova Semi-bold;
	float:right;
	color:#4a4786;
	font-size:23px;
}

.propertyItem .price .prefix{
	font-family:Proxima Nova Semi-bold;
	color:#4a4786;
	font-size:16px;
}

.propertyDetails { 
	background-color:#f8f8f8;
	margin-top:0px; 
	border:1px solid #cacaca;
	width:100%;
	text-align:center;
}

.propertyDetails td {
	font-family:Proxima Nova Semi-bold;
	font-size:12px;
	width:33.3%;
	height:45px;
	border: 1px solid #cacaca;
	color:#464646;
}

.pageList { text-align:center; margin-top:20px; }
.pageList li { display:inline; }
.pageList li .current { background-color:#4a4786; color:white; }
.pageList li a, .pageList li span {
	color:#a1a1a1;
	padding:10px 16px 10px 16px;
	border-radius:5px;
	background-color:#dcdcdc;
	font-family: Proxima Nova Semi-bold;
}

.pageList li a:hover { 
	background-color:#4a4786; 
	color:white; 
	-webkit-transition: background 0.2s linear;
    -moz-transition: background 0.2s linear;
    -ms-transition: background 0.2s linear;
    -o-transition: background 0.2s linear;
    transition: background 0.2s linear;
}

.masonryRow .col-lg-3 { width:292px; } 
.masonryRow .col-lg-3.wide { width:583px; }

/** PROPERTIES ROW **/
.rowText { padding-top:17px; padding-right:33px; }
.rowText h4 { float:left; font-size:19px; margin-bottom:0px; }
.rowText .price { float:right; }
.rowText .forSale { float:right; margin-right:20px; }
.propertyImgRow { max-width:100%; }

.content-wrapper {
	background-color:white;
	box-shadow: 0px 1px 10px #d4d4d4;
	-webkit-box-shadow: 0px 1px 10px #d4d4d4;
    -moz-box-shadow: 0px 1px 10px #d4d4d4;
	margin-bottom:30px;
	padding: 24px;
}

/** PROPERTY SINGLE **/
.bx-wrapper  {
	margin: 0;
	border: 0;	
	
}

.bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-bottom: inset 4px #81be32;
	z-index: 0;
}

.gallery { visibility: hidden; padding-bottom: 15px;}

.gallery .bx-controls-direction a { 
	opacity:0.6; 
	-webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.gallery:hover .bx-controls-direction a { opacity: 1.0; }

.gallery #bx-pager { 
	text-align:center;
	background-color:white; 
	padding:10px;
	margin-bottom: 0;
 }

.gallery #bx-pager a img { opacity:0.6; margin-top: 4px; }
.gallery #bx-pager a.active img { opacity:1.0; }

.propertyDetail {
	padding-bottom: 30px;
}
.propertyDescription { padding: 0 9px 30px 9px }

.propertyDescription h2, .blogPost h2{ font-family: Proxima Nova Reg; font-size: 24px; }
.propertyDescription h3, .propertyDescription h4, .blogPost h3, .blogPost  h4 { font-family: Proxima Nova Semi-bold; color: #4a4786; padding: 0; border: none; }
.propertyDescription p + h2, .blogPost p + h2 {
	margin-top: 36px;
}
.propertyDescription p + h3, .propertyDescription p + h4, .blogPost p + h3, .blogPost p + h4 {
	margin-top: 10px;
}

.propertyDescription p , .blogPost p {
	font-family: Proxima Nova Light;
}

.panel-overviewList {
	padding: 5px; 
	background-color: #f8f8f8; 
	font-size: 14px;
	border-radius: 5px;
	border: 1px solid #dadada;
	box-shadow: none;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
	margin-bottom: 30px;
}

.panel-overviewList.grey {
	background-color: transparent; 
}

.panel-overviewList.topborder {
	padding: 5px 10px 0;
	border-radius: 0;
	border: 0;
	border: 1px solid #dadada;
	border-top: 3px solid #4a4786;
	border-bottom: 1px solid #dadada;
}

.panel-overviewList.boxed {
	padding: 0;
	border-radius: 0;
	border: 0;
	border-bottom: 1px solid #dadada;	
}

.panel-overviewList .panel-heading {
	padding: 10px 0px 12px;
	border-color: #dadada;
	background: transparent;
	border-radius: 0;
}

.panel-overviewList.boxed .panel-heading {
	background-color: #4a4786;
	padding: 12px 0px 10px;
	border-bottom: none;
}

.panel-overviewList.boxed.grey .panel-heading {
	border-bottom: 1px solid #dadada;
	border-top: 3px solid #4a4786;
}

.panel-overviewList.boxed.grey .panel-heading {
	background-color: #f8f8f8;
}

/* //Claude 2026-07-31 (Rose: "Box ECKDATEN Ueberschrift nicht mehr sichtbar"):
   Diese Regeln waren an das ELEMENT h4 gebunden. r1672 (22.07.) hat die Panel-Ueberschriften
   der Objektseite aus Barrierefreiheitsgruenden von h4 auf h3 umgestellt (Heading-Hierarchie
   ohne h2->h4-Sprung) - damit griff die Einfaerbung nicht mehr, und die Eckdaten-Ueberschrift
   erbte #4a4786 auf dem #4a4786-Panel: Kontrast 1,0, also unsichtbar. Betreiber/Energiebedarf
   fielen nicht auf, weil ihre Panels hellgrau sind (Kontrast 7,8).
   h3 ergaenzt statt ersetzt - _highlights_inArbeit.php nutzt weiterhin h4.
   LEHRE: Panel-Ueberschriften nie ans Element binden; .panel-title waere robuster. */
.panel-overviewList .panel-heading h3,
.panel-overviewList .panel-heading  h4{
	padding-left: 5px;
	font-family: Proxima Nova Semi-bold;
	color: #4a4786;
}

.panel-overviewList.boxed .panel-heading h3,
.panel-overviewList.boxed .panel-heading  h4{
	color: #fff;
	padding-left: 10px;
}

.panel-overviewList.boxed.grey .panel-heading h3,
.panel-overviewList.boxed.grey .panel-heading  h4{
	color: #4a4786;
}

.panel-overviewList .table th, .panel-overviewList .table td {
	padding: 12px 0 10px;
	font-weight: normal;
	border-color: #dadada;
}

.panel-overviewList.condensed .table th, .panel-overviewList.condensed .table td {
	padding: 5px 0;
	border: none;
}
.panel-overviewList.condensed .table th {
	padding-right: 15px;
}

.panel-overviewList .table th  span {
	font-size:14px;
	font-family:Proxima Nova Reg;
	padding-left: 5px;
}

.panel-overviewList.topborder .table th  span,
.panel-overviewList.topborder .panel-heading h3,
.panel-overviewList.topborder .panel-heading  h4{
	padding-left: 0;
}

.panel-overviewList.topborder .table td  span {
	padding-right: 0;
}

.panel-overviewList.boxed .table th  span,
.panel-overviewList.topborder .panel-heading h3,
.panel-overviewList.topborder .panel-heading  h4{
	padding-left: 10px;
}

.panel-overviewList.boxed .table td  span {
	padding-right: 10px;
}

.panel-overviewList .table td  span {
	font-size: 13px;
	font-family: Proxima Nova Semi-bold;
	color:#4a4786;
	padding-right: 5px;	
}

.panel-cta  {
	background: #f8f8f8; 
	color: #6d6d6d; 
	border: solid 1px #dadada; 
	border-radius: 5px; 
	padding: 10px 10px 20px; 
	text-align: center; 
	margin-bottom: 30px;
}

.panel-cta .cta-text {
	margin-bottom: 30px; 
	line-height: 1;
}

.glyphicon.rounded {
	font-size: 20px; 
	color: #ffffff;
	border: solid 2px #ffffff; 
	border-radius: 50% !important; 
	padding: 10px; 
	background-color: #4f761d;
	margin-bottom: 10px; 
	box-shadow: 0px 2px 5px #888; 
	-webkit-box-shadow: 0px 2px 5px #888; 
	-moz-box-shadow: 0px 2px 5px #888;
}

.amentitiesTable { width:100%; }
.amentitiesTable td { width:27%; height:43px; }

.mapSmall { 
	max-width:100% !important; 
	height:200px !important; 
	position:relative !important; 
	margin-bottom:30px; 
}

.kfw-wrapper {
	float: right; 
	padding: 5px; 
	background-color: white; 
	margin-left: 4px; 
	height: 24px;  
	width: 50px;
}

.kfw-wrapper span{
	background-image: url(/img/kfw.png); 
	background-repeat: no-repeat; 
	background-color: white;  
	height: 14px; 
	display:block;
}

.kfw_icon {
	background-image: url(/img/kfw.png);
	background-repeat: no-repeat;
	background-color: transparent;
	position: absolute;
	right: 0;
	bottom:0;
	width: 40px;
	height: 14px;
	padding: 0px;
	font-size: 0px;
}

/** SUBMISSIONS **/
.sidebarWidget.submission { height:600px; }

.myProperties { width:100%; }
.myProperties td.myPropertyImg { width:15%; }
.myPropertyAddress { width:20%; }
.myPropertyType { width:15%; }
.myPropertyStatus { width:11%; }
.myPropertyDate { width:15%; }
.myPropertyActions { width:24%; }
.myPropertyActions .icon { margin-right:5px; }

.myProperties .smallThumb { width:50%; }

.myProperties tr { border-bottom:1px solid #d8d8d8; }
.myProperties td { padding:10px 0px 10px 0px; }

.myProperties span { 
	font-family:Open Sans;
	font-size:12px;
	margin-right:27px; 
	float:left; 
}

.myPropertiesHeader { 
	font-family:Open Sans; 
	font-size:13px; 
}

.amenityCheck { margin-bottom:4px; }
.amenityCheckList input { float:left; width:20px; margin-right:5px; }
.amenityCheckList div label { 
	float:left;
	font-family:Proxima Nova Light; 
	font-weight:normal; 
	font-size:15px; 
	color:#464646;
}

.checklist {
	font-family: Proxima Nova Semi-bold, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    list-style-type: none;
    padding: 0;
	font-size: 16px;
}

.checklist li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
	text-transform: uppercase;
}

.checklist li:before {
    content: "\e013"; /* Unicode for check mark */
    font-family: 'Glyphicons Halflings';
    position: absolute;
    left: 0;
    top: -1px;
	color: #4f761d;
    font-weight: bold;
}
/*====================================================================================*/
 /* 08 SERVICES
/*====================================================================================*/

.services { padding:70px 0px 70px 0px; text-align:center; }

.services .col-lg-4.col-md-4.col-sm-4 { margin-bottom:30px; }

.services h1 {
	text-align:center;
	font-family:Proxima Nova Light;
	font-size:40px;
	margin:0px;
}

.services h1 span { font-family:Proxima Nova Semi-bold; }

.serviceArrow {
	position:absolute;
	margin-left:35%;
	margin-top:-263px;
	opacity:0.6;
}

/*====================================================================================*/
 /* 09 AGENTS
/*====================================================================================*/

/** TOP AGENTS **/
.topAgents {
	padding:70px 0px 70px 0px;
	color:white;
	text-align:center;
	background-image: url('../img/topAgents-bg.png');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:cover;
}

.topAgents .col-lg-3.col-md-3.col-sm-3 { margin-bottom:60px; }

.agentImg { max-width:100%; box-shadow: 0px 1px 10px #d4d4d4;
	-webkit-box-shadow: 0px 1px 10px #d4d4d4;
	-moz-box-shadow: 0px 1px 10px #d4d4d4; }

.img-rect {	box-shadow: 0px 1px 10px #d4d4d4;
	-webkit-box-shadow: 0px 1px 10px #d4d4d4;
	-moz-box-shadow: 0px 1px 10px #d4d4d4;}	

.topAgents .socialIcons, .socialIcons.agent { float:none; }
.topAgents .socialIcons li, .socialIcons.agent li { border:none; padding-left:3px; }
.topAgents .socialIcons li a {
	background-color:white;
	padding:2% 3% 2% 3%;
	border-radius:4px;	
}

.topAgents .socialIcons li a:hover { background-color:#393939; }

/** AGENT LISTING GRID **/
.agentDetails { 
	background-color:#f8f8f8;
	margin-top:0px; 
	border:1px solid #cacaca;
	width:100%;
}

.agentDetails td {
	font-family:Proxima Nova Semi-bold;
	font-size:12px;
	width:50%;
	height:50px;
	border:none;
	color:#ababab;
	text-align:right;
	padding:9px;
}

.agentDetails .buttonGrey {
	float:left;
	padding:6px 14px 6px 14px !important;
}

/** AGENT LISTING ROW **/
.rowText.agentRow .buttonGrey { float:right; }
.rowText.agentRow .socialIcons { float:left; }
.rowText.agentRow .socialIcons li { border:none; }


/*====================================================================================*/
 /* 10 BLOG
/*====================================================================================*/

/** RECENT BLOG POSTS WIDGET **/
.recentBlogPost { display:inline-block; }
.recentBlogPost h4 a { color:#2a2a2a; }
.recentBlogPost h4 a:hover { color:#4a4786; }

.blogThumb { float:left; margin-right:20px; }

.recentBlogContent { float:left; width:76%; }
.recentBlogContent p { margin-bottom:15px; }

.date { float:right; }

/** BLOG CLASSIC **/
.blogPost, .propertyDetail {
	background-color:white;
	box-shadow: 0px 1px 10px #d4d4d4;
	-webkit-box-shadow: 0px 1px 10px #d4d4d4;
    -moz-box-shadow: 0px 1px 10px #d4d4d4;	
	margin-bottom:30px;
}
.blogPost .rowText strong { font-weight: normal; font-family: Proxima Nova Light; }
.blogPost .rowText > p:last-of-type { margin-bottom: 30px; }
.blogPost .rowText > p:last-of-type:after { content: " […]"; color: #888; }

.blogPost h2.title{ font-size: 28px; margin-bottom: 30px; }

.blogPost .rowText { padding:30px; }

.blogDetails { 
	margin-top:-10px; 
	margin-bottom:25px;
	border:1px solid #dadada;
	width:100%;
	text-align:center;
}

.blogDetails td {
	font-family:Proxima Nova Semi-bold;
	font-size:12px;
	width:25%;
	height:45px;
	border: 1px solid #dadada;
	color:#ababab;
}

.blogPost h5 { 
	font-family:Proxima Nova Semi-bold; 
	font-size:16px; 
	margin-top:25px;
}

.blogDetails span {
	font-family:Proxima Nova Semi-bold;
	font-size:12px;
	color:#ababab;
	display:block;
	margin: 5px 0;
}

.blogDetails .prefix{
	display:inline;
}

/** BLOG SINGLE **/
.quote {
	font-family:Proxima Nova Semi-bold;
	color:#9a9a9a;
	font-size:16px;
	background-color:#f5f5f5;
	padding:27px;
	width:82%;
	margin:30px 0px 35px 9%;
	border-left:4px solid #514f8b;
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent; 
	border-right:8px solid #514f8b; 
	float:left;
	margin-top:50px;
	margin-left:-8px;
}

.commentList { margin-bottom:20px; }

.commentImg { max-width:100%; }

.commentText { 
	padding:14px;
	padding-bottom:30px;
	background-color:white; 
	border:1px solid #c9c9c9;
	border-left:4px solid #514f8b;
	border-radius:5px;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
	margin-bottom:20px;
}

.commentText h1 {
	font-family:Proxima Nova Semi-bold;
	font-size:14px;
	color:#514f8b;
}

.commentText p { font-size:14px; }

.commentText .commentFooter {
	float:left;
	font-family:Proxima Nova Semi-bold;
	font-size:11px;
	color:#ababab;
}

.commentText .commentFooter.replyIcon:hover { opacity:0.7; }

.commentText .commentFooter.replyIcon { float:right; }

.comment.reply { margin-left:145px; }

/*====================================================================================*/
 /* 11 PAGES
/*====================================================================================*/

/** ABOUT **/
.topAgents.about { 
	background:none; 
	padding-top:0px; 
	color:#464646;
}

.topAgents.about h4 { color:#4a4786; }

.callToAction.about { padding-top:70px; }

/** home **/

.home .panel {
	margin-bottom: 0;
	background-color: #fff;
	border: 0;
	border-radius: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.home .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	color: inherit;
}
.home .panel-title>a { 
	color:green;
	-webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.home .panel-title>a:hover { color:#568020; text-decoration:none; }

.home .panel-body {
	padding: 0px 0px 0px 22px;
	border-left: 3px solid #81be32;
	margin-left: 6px;
	margin-bottom: 5px;
}

.home .panel-home>.panel-heading+.panel-collapse .panel-body {
	border-top: none;
}

.home .panel-heading {
	padding: 0px 0px 5px 0px;
	border: none;
}

.home .panel-heading .accordion-toggle:before {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e082";    /* adjust as needed, taken from bootstrap.css */
    float: left;        /* adjust as needed */
    color: #4f761d;         /* adjust as needed */
	margin-right: 15px;
}
.home .panel-heading .accordion-toggle.collapsed:before {
    /* symbol for "collapsed" panels */
    content: "\e081";    /* adjust as needed, taken from bootstrap.css */
}

#faq .icon-toggle {
	margin-right: 8px; /* Abstand zwischen Glyphicon und Linktext */
    font-size: 16px;
	color: #4f761d;
	top: -1px;
    transition: transform 0.3s ease;
}

#faq .panel-title a[aria-expanded="true"] .icon-toggle {
    transform: rotate(180deg); /* Dreht das Icon um 180 Grad, wenn ausgeklappt */
}

#faq .panel-title a {
    display: flex;
    align-items: center;
    padding: 10px;
    color: #4a4786;
    text-decoration: none;
}

#faq .panel-title a:hover, .panel-title a:focus {
	color: #171c26;
    text-decoration: none;
}
#faq .panel-body {
    padding-left: 48px; /* Gleicher Abstand wie Linktext, um bündig zu sein */
}
#faq .panel-default>.panel-heading {
    background-color: #fff;
}

#faq .panel-heading {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#faq .panel-group .panel {
    border-radius: 5px;
}

#faq .faq-subheadline {
	font-family: Proxima Nova Semi-bold, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #171c26;
    font-size: 20px;
    padding-bottom: 0;
    border-bottom: 0;
    margin: 35px 0 15px 5px;
}


/* Bounce Animation Keyframes */
@keyframes bounceIn {
    0% {
        transform: scale(0.5);
    }
    50% {
        transform: scale(1.4);
    }
    100% {
        transform: scale(1);
    }
}

.bounce {
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.6s ease-out;
}

.bounce.visible {
    opacity: 1;
    animation: bounceIn 0.9s ease-out;
}

#faq .glossary .faq-subheadline {
	font-size:44px;
color: #4a4786;
opacity: 1;
    transform: translateY(var(--motion-translateY));
    --motion-translateY: 0%;
}

#faq .glossary .panel-title a {
    display: flex;
    align-items: center;
    padding: 10px;
    color: #4a4786;
    text-decoration: none;
}

#faq .glossary .icon-toggle {
    margin-left: auto; /* Verschiebt das Icon ganz nach rechts */
    font-size: 16px;
    color: #4f761d;
    transition: transform 0.3s ease;
}

#faq .glossary .panel-title a[aria-expanded="true"] .icon-toggle {
    transform: rotate(180deg); /* Dreht das Icon um 180 Grad beim Öffnen */
}

#faq .glossary .panel-title a:hover, .panel-title a:focus {
    color: #171c26;
    text-decoration: none;
}

.itemlist {
	background: #f8f8f8;
	border: 1px solid #dadada;
	border-radius: 5px;
	font-family: Proxima Nova Reg;
	font-size: 16px;
	padding: 5px 10px;
	margin: 5px 0 10px;
}

.itemlist.transparent {
	background: transparent;
	border: none;
	padding: 5px 0;
}

.itemlist.green {
	background: #4f761d;
	background: -webkit-linear-gradient(rgba(79, 118, 29, 0.95), rgba(68, 102, 25, 0.95)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rgba(79, 118, 29, 0.95), rgba(68, 102, 25, 0.95)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(rgba(79, 118, 29, 0.95), rgba(68, 102, 25, 0.95)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(rgba(79, 118, 29, 0.95), rgba(68, 102, 25, 0.95)); /* Standard syntax */
	border: 3px solid #fff;
	border-radius: initial;
	padding: 15px 20px;
	color: #fff;
	box-shadow: 0px 1px 10px #d4d4d4;
	-webkit-box-shadow: 0px 1px 10px #d4d4d4;
	-moz-box-shadow: 0px 1px 10px #d4d4d4;
}

.itemlist.lightgreen {
	background: #e3eecc;
	background: -webkit-linear-gradient(#e3eecc, #d6e7b6); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#e3eecc, #d6e7b6); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#e3eecc, #d6e7b6); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#e3eecc, #d6e7b6); /* Standard syntax */
	border-radius: initial;
	padding: 10px 20px 15px;
	color: green;
	border: none;
/*	border: 3px solid #fff;
	box-shadow: 0px 1px 3px #d4d4d4;
	-webkit-box-shadow: 0px 1px 3px #d4d4d4;
	-moz-box-shadow: 0px 1px 3px #d4d4d4;
*/
}

.itemlist.highlight {
	background: #f8f8f8;
	border: none;
	border-radius: initial;
	font-family: Proxima Nova Reg;
	font-size: 16px;
	padding: 5px 15px;
	border-top: 4px solid #81be32;
}

.itemlist .listitem {
	border: 0;
	padding: 10px 0px;
	margin: 0;
	background: transparent;
}

.listitem span {
	color: #4f761d;
	font-size: 16px;
	margin-right: 10px;
	float: left;
	top: 2px;
}

.green .listitem  span {
	color: #fff;
}

.grey .listitem  span {
	color: #4a4786;
}

.listcol {
	padding: 10px 15px;
}

p.itemtext {
	font-family: Proxima Nova Reg;
	margin-left: 26px;
	margin-bottom: 0;
	font-size: 15px;
	overflow: hidden;
}

.lightgreen .listitem  span {
	color: green;
}

.listitem div {
	margin-left: 28px;
	overflow: hidden;
}

.illustration {
	border: 1px solid #dadada;
	border-radius: initial;
	margin-bottom: 30px;
	padding: 15px 20px 5px;
}

.caption {
	color: #d7d7d7;
	margin: 10px 0 0;
	display: inline-block;
	width: 100%;
	text-align: right;
}

/** FAQ **/
.accordianTab {
	margin-bottom:20px;
	background:white;
	padding:10px;
	border-radius:5px;
	border:1px solid #dadada;
}

.accordianLink {
	background-image: url('../img/icon-plus.png');
	background-position: 4px 11px;
	background-repeat:no-repeat;
	padding-left:35px;
}

.accordianLink p { padding-top:9px; 	font-family:Proxima Nova Semi-bold; font-size: 18px; color:#4a4786;}

.accordianTab .accordianLink { cursor:pointer; }

.accordianTab .accordianLink p:hover { color:#171C26; }

.accordianContent { display:none; padding: 5px 0px 0px 0px;  }

.accordianContent p { margin-left: 35px; }


/** 404 **/
.error-404 {
	background:url('../img/icon-search-big.png');
	background-repeat:no-repeat;
	background-position:56% 0;
	text-align:center;
	padding-bottom:20px;
	padding-top:50px;
	margin-top:20px;
}

.error-404 h1 {
	font-family:Proxima Nova Semi-bold;
	font-size:85px;
	color:#4a4786;
}

.error-404 p { font-size:21px; }

/*====================================================================================*/
 /* 12 CONTACT
/*====================================================================================*/
.contactDetails { margin-bottom:40px; }
.contactDetails li {
	display:inline;
	margin-right:40px;
}

.contactDetails li img { margin-right:13px; }

.mapContact { 
	max-width:100% !important; 
	height:330px !important; 
	position:relative !important;  
}

.contactImg { max-width:50%; float:left; margin-right:20px; }

/*====================================================================================*/
 /* 13 CALL TO ACTION
/*====================================================================================*/

.callToAction { }

.ctaBox { 
	background-color:#ebebeb;
	padding:30px 25px 30px 15px;
	border-radius:5px;
}

.callToAction h1, .callToAction h2, .callToAction h3 { font-family:Proxima Nova Light; font-size:32px; border:0; color: inherit; }
.callToAction h1 span, .callToAction h2 span, .callToAction h3  span { font-family:Proxima Nova Semi-bold; }

.callToAction p { font-size:17px; }

/*====================================================================================*/
 /* 14 SIDEBAR
/*====================================================================================*/

.sidebarWidget {
	margin-bottom:40px;
	background:white;
	padding:15px;
	border-radius:5px;
	border:1px solid #dadada;
}

.sidebarWidget h4, .sidebarWidget a.list-group-item .list-group-item-heading { 
	font-family:Proxima Nova Semi-bold; 
	font-size:15px; 
	color:#6d6d6d;
	margin: 0;
}

.sidebarWidget.recentPosts a {
	border: none;
	padding: 15px;
}
   
.sidebarWidget a.list-group-item:before {
	content: '';
	position: relative;
	display: block;
	width: 100%;
	height: 1px;
	border-top: 1px solid #d7d7d7;
	left: 0px;
	top: -16px;
}

.sidebarWidget a.list-group-item:first-child:before {
    display:none;
}

.sidebarWidget a.list-group-item:hover, .sidebarWidget a.list-group-item:focus {
	background-color: #f8f8f8;
}  
.sidebarWidget p {
	font-family: Proxima Nova Light;
	font-size: 12px;
}

.sidebarWidget .badge { 
	font-family: Proxima Nova Semi-bold;
	font-size: 12px;
	font-weight: normal;	
	color: #cacaca;
	background: transparent;
	padding: 0;
	padding-top: 2px;	
}

.sidebarWidget.recentPosts .city { 
	text-transform: uppercase; 
	font-family: Proxima Nova Reg;
	font-size: 12px;
	color: #4a4786;
}

.sidebarWidget.recentPosts, .sidebarWidget.infolinks, .sidebarWidget.infolinks .badge  {
	padding: 0;
}

.sidebarWidget.infolinks a {
	padding: 10px;
}

.sidebarWidget.infolinks a:before {
	top: -11px;
}

.sidebarWidget.infolinks span.glyphicon {
	top:0;
}
.sidebarWidget.infolinks a:hover, .sidebarWidget.infolinks a:hover>h4, .sidebarWidget.infolinks a:hover>span,
.sidebarWidget.infolinks a:focus, .sidebarWidget.infolinks a:focus>h4, .sidebarWidget.infolinks a:focus>span ,
.sidebarWidget.infolinks a.current>h4, .sidebarWidget.infolinks a.current >span
{
	background: transparent;
	color: #4f761d;
}
/*====================================================================================*/
 /* 15 SHORTCODES
/*====================================================================================*/

/** TABS **/
.tabSmall li { display:inline; }
.tabSmall li a.current { 
	font-family:Open Sans;
	color:white;
	border:1px solid #69992c;
	box-shadow: inset 0 1px 1px white;
	text-shadow:0px -1px 3px #0e4562;
	background-color:#4f761d;
	background: -webkit-linear-gradient(#4f761d, #446619); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#4f761d, #446619); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#4f761d, #446619); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#4f761d, #446619); /* Standard syntax */
}

.tabSmall .buttonGrey {
	border-bottom-right-radius:0px;
	border-bottom-left-radius:0px;
}

.tabConent {
	margin-top:-6px;
	border-top-left-radius:0px;
}

/** ALERT BOXES **/

.alertBox {
	border-style:solid;
	border-radius:3px;
	padding:18px 18px 8px 18px;
	margin-bottom:15px;
}

.alertBox img { float:left; margin-right:10px; margin-top:-3px; }

.success { 
	background-color:#e2f1db;
	border-color:#8dca70;
	color:#73a45b;
}

.success h4 { color:#73a45b; }

.error {
	background-color:#f1d9d9;
	border-color:#c44747;
	color:#c44747;
}

span.error { 
	display:inline-block; 
	margin-bottom:25px; 
	padding:0px 3px 0px 3px;
	border-radius:3px;
}

.error h4 { color:#c44747; }

.info {
	background-color:#d9e7f1;
	border-color:#70a3ca;
	color:#70a3ca;
}

.info h4 { color:#70a3ca; }

.warning {
	background-color:#ebe8bc;
	border-color:#aca530;
	color:#aca530;
}

.warning h4 { color:#aca530; }

/** PRICING TABLE **/
.pricingTable {
	margin-top:-15px;
	padding:0px;
	text-align:center;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
	border-color:#c9c9c9;
	-webkit-box-shadow: 0px 0px 4px #d6d6d6;
    -moz-box-shadow: 0px 0px 4px #d6d6d6;
    box-shadow: 0px 0px 4px #d6d6d6;
    margin-bottom:30px;
}

.pricingTable:hover {
	margin-top:-25px;
	animation-duration: 0.55s;
  	animation-name: slideUpPrice;
  	animation-direction: normal;
  	animation-iteration-count: 1;
}

/* animation */
@keyframes slideUpPrice {
  from {
    margin-top: -20px;
  }

  to {
    margin-top: -25px;
  }
}

.pricingHeader { padding:11px 0px 18px 0px; }

.pricingTable h1 {
	font-family:Open Sans;
	color:#4a4786;
	font-size:20px;
}

.pricingTable h2 {
	font-family:Open Sans;
	color:white;
	font-size:48px;
	line-height:25px;
	-webkit-text-shadow:0px 0px 3px #202020;
	-moz-text-shadow:0px 0px 3px #202020;
	text-shadow:0px 0px 3px #202020;
}

.priceAmount {
	margin-top:-19px;
	background-color:#4a4786;
	padding:28px 0px 10px 0px;
}

.priceAmount h2 span {
	font-size:16px;
	font-style:italic;
}

.pricingTable ul li {
	list-style:none;
	line-height:50px;
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); 
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); 
	background-image: -o-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); 
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.05), rgba(2,2,2,0)); 
	background-image: linear-gradient(to top, rgba(0,0,0,.04), rgba(2,2,2,0));
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#d3d3d3;
}

.pricingTable ul li:last-child { border-bottom:none; line-height:70px; background:none; }

/*====================================================================================*/
 /* 16 FOOTER
/*====================================================================================*/

footer {
	padding:70px 0px 10px 0px;
	background-color:#171C26;
	color:#a8a6b7;
}

footer .col-lg-3.col-md-3 { margin-bottom:30px; }

.footerLogo { font-family:Proxima Nova Light; color:white; font-size:16px; }
.footerLogo span { font-family:Proxima Nova Semi-bold; color:#81be32; font-size:16px; }
.footerLogo img { margin-right:10px; }

  
footer h3 { color:white; margin-bottom:20px; font-family: Proxima Nova Semi-bold, Helvetica, Arial; font-size: 16px; padding-bottom: 0; border: none; display:block;}
footer h3 a:hover {color: inherit;}

footer span {
	font-family:Proxima Nova Semi-bold;
	font-size:11px;
}

.contactList li {
	margin-bottom:17px;
}

footer .icon { padding-top:3px; }

footer input { 
	border:1px solid #4f4d6e; 
	width:61%; 
	float:left; 
	margin-right:8px; 
}

footer .buttonColor { 
	margin-top:-1px; 
	width:80px; 
	border-color:#4f4d6e;
}

.bottomBar {
	font-family:Open Sans;
	padding-top:15px;
	padding-bottom:7px;
	font-size:11px;
	color:#9a97b5;
	background-color:#171C26;
}

.bottomBar p { float:left; margin-top:6px; }

.bottomBar .socialIcons { margin-top:5px; }

.bottomBar .socialIcons li { border-color:#5b597c; }

#footer2 { text-align:center; }

.socialIcons.footer2 {float:none; }
.socialIcons.footer2 li {display:inline;  border:none; }
.socialIcons.footer2 li a {
	width:50px;
	height:50px;
	padding-top:10px;
	display:inline-block;
	border:3px solid #5b597c; 
	border-radius:75px;
}

.cpl{
	padding: 0px;
	-webkit-box-shadow: 0px 0px 4px #d6d6d6;
	-moz-box-shadow: 0px 0px 4px #d6d6d6;
	box-shadow: 0px 0px 4px #d6d6d6;
}

.head1 {	
	padding: 5px 0px 15px 15px;
	background: linear-gradient(rgb(79, 118, 29), rgb(68, 102, 25));
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}	

.head1 h4 span {
	font-size: 16px;
}
		
.cpl h4 {
	font-family: Open Sans;
	color: white;
	font-size: 25px;
	-webkit-text-shadow: 0px 0px 3px #202020;
	-moz-text-shadow: 0px 0px 3px #202020;
	text-shadow: 0px 0px 3px #202020;
}

.cpl ul {	
	padding-top: 15px;
	margin-bottom: 0;
}	
.cpl ul li {		
	text-align: left;
	background: transparent;
	border: 0;
	padding: 5px;
	padding-left: 15px;
	line-height: normal;
}

.button_cta {	
	padding: 20px; text-align: center;
}

.button_cta .buttonColor {
	display: block; width: 100%; padding: 10px 15px!important;
}

.dmi_widget {
	background: #002e6f;
	/* Old browsers */
	background: -moz-linear-gradient(45deg, #002e6f 0%, #002e6f 22%, #023877 38%, #044884 55%, #0d79ac 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #002e6f 0%, #002e6f 22%, #023877 38%, #044884 55%, #0d79ac 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #002e6f 0%, #002e6f 22%, #023877 38%, #044884 55%, #0d79ac 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#002e6f', endColorstr='#0d79ac', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
	border: 0;
	border-radius: 0;
	color: #fff;
	padding: 0;	
}
.dmi_widget h4 {
	padding: 15px;
	font-family: Verdana, sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	border: none;
}
.dmi_widget h4 span {
	font-size: 30px;	
}
.dmi_widget .dmi_claim {
	font-family: Verdana, sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}
.dmi_button {
	background: #4bcbff;
	/* Old browsers */
	background: -moz-linear-gradient(top, #4bcbff 0%, #3dbdf0 33%, #1698c5 100%, #0e7091 100%, #1698c5 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4bcbff 0%, #3dbdf0 33%, #1698c5 100%, #0e7091 100%, #1698c5 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4bcbff 0%, #3dbdf0 33%, #1698c5 100%, #0e7091 100%, #1698c5 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4bcbff', endColorstr='#1698c5', GradientType=0);
	/* IE6-9 */
	box-shadow: none;
	border: 0;
	width: 100%; 
	display: block; 
	text-align: center;
}
.dmi_button:hover, .dmi_button:focus  {
	background: #00acf0;
	/* Old browsers */
	background: -moz-linear-gradient(top, #00acf0 0%, #1097cc 33%, #107090 100%, #0a526a 100%, #107090 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00acf0 0%, #1097cc 33%, #107090 100%, #0a526a 100%, #107090 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00acf0 0%, #1097cc 33%, #107090 100%, #0a526a 100%, #107090 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00acf0', endColorstr='#107090', GradientType=0);
	/* IE6-9 */
	outline: none;
}
.dmi_button:focus  {
	color: inherit;
	text-decoration: none;
}
ul.dmi_list {
	list-style-type: none;
	font-family: Verdana, sans-serif;
	font-size: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
ul.dmi_list li:before {
	color: #fff;
	font-size: 22px;
	position: relative;
	top: 3px;
	content: "» ";
}
.dmi_button_wrap {
	padding: 15px;
}
.dmi_img {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#brochure-banner {
	background-color:#edf3e3;
}
#brochure-banner .brochure-img {
	width: 350px;
	margin-top: 30px;
}
#brochure-banner  .inner p, #brochureModal .modal-title{
	font-family: Proxima Nova Light, Helvetica, Arial; 
	font-weight: 600;
}
#brochureModal .modal-title{
	font-family: Proxima Nova Semi-bold, Helvetica, Arial;
    font-size: 18px;
	border: 0;
	padding: 0; 
}
#brochure-banner button {
	width: 100%;
	display: block;
	text-align: center;
	padding: 10px 15px !important;
	margin-top: 25px;
}
#brochureModal .modal-header {
	padding:15px 30px;
}
#brochureModal h4 {
	font-family: Proxima Nova Semi-bold, Helvetica, Arial; 
	margin-top: 10px; 
	margin-bottom: 50px;
}

/*====================================================================================*/
 /* SALES
/*====================================================================================*/
.img {
	-webkit-animation: fadein 2.5s;
	-moz-animation: fadein 2.5s;
	-ms-animation: fadein 2.5s;
	-o-animation: fadein 2.5s;
	animation: fadein 2.5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.carousel-caption h1 {
	font-size: 60px;
	line-height: 71px;
	font-weight: 700;
	color: #4a4785;
	font-family: "Open Sans";
	min-width: 634px;
	max-width: 634px;
	text-align: left;
}
.carousel-caption p {
	min-width: 574px;
	max-width: 574px;
	font-size: 20px;
	line-height: 37px;
	font-weight: 400;
	color: #4a4785;
	font-family: "Open Sans";
	text-align:left;
	text-shadow: none;
}
.carousel-caption {
	left: 15%;
	top: 10%;	
}
.carousel-inner img{
	object-fit: cover; min-height: 500px; min-width: 100%; max-height: 500px; max-width: 100%; object-position: 90%;
}
.subtitle {
	font-family: Open Sans;	background-color: rgba(0, 52, 114, 1);
	color: #fff !important;
	border-color: rgb(255, 255, 255);
	border-style: solid;
	border-width: 1px 0px 0px;	box-shadow: inset 0 -4px 0px #81be32;
	-webkit-box-shadow: inset 0 -4px 0px #81be32;
	-moz-box-shadow: inset 0 -4px 0px #81be32;
	box-shadow: inset 0 -4px 0px #81be32;
}
table.facts .glyphicon {
	color: #4f761d; 
	font-size: 18px;
	display: block;
	text-align: center;
	padding: 0 0 10px;
}
table.facts>tbody>tr>td {
	line-height: 1.1; 
	padding: 10px 0 10px;
	width: 33.33%;
}
table.facts {
	text-align: center;
	color: #4a4786;
	font-family: Proxima Nova Semi-bold, Helvetica, Arial;
	font-size: 14px;
	background:#f8f8f8;
	border-bottom: 1px solid #ddd;
}
/* Claude 2026-07-24 (Rose): Sortierleiste der Objektliste - Ergebniszahl links, Sortier-Dropdown
   rechts. Select im Seiten-Stil (Proxima 15px, eigener dropdown-button.png-Pfeil, vertikal
   zentriert), gruener Marken-Akzent. Ersetzt das zu kleine Bootstrap-input-sm. */
.estatelist-sortbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 12px 18px;
	padding: 12px 16px;
	margin-bottom: 24px;
	background: #f4f7ee;
	border: 1px solid #e2ead4;
	border-radius: 4px;
}
.estatelist-count {
	color: #555;
	font-size: 15px;
}
.estatelist-count strong {
	color: #4f761d;
	font-size: 17px;
}
.estatelist-sort {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.estatelist-sort label {
	margin: 0;
	color: #4f761d;
	font-weight: 600;
	font-size: 15px;
	white-space: nowrap;
}
.estatelist-sortbar select#sortselect {
	width: auto;
	min-width: 215px;
	height: auto;
	margin: 0;
	font-family: "Proxima Nova Reg", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.3;
	color: #464646;
	padding: 9px 44px 9px 14px;
	border: 1px solid #c9c9c9;
	border-radius: 3px;
	background: #fff url('../img/dropdown-button.png') no-repeat right center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	box-shadow: 0 1px 1px #fff;
	transition: border-color .15s ease;
}
.estatelist-sortbar select#sortselect:hover,
.estatelist-sortbar select#sortselect:focus {
	border-color: #4f761d;
	outline: none;
}
@media (max-width: 767px) {
	.estatelist-sort { width: 100%; }
	.estatelist-sortbar select#sortselect { flex: 1 1 auto; min-width: 0; }
}

/* Erklaervideo auf der Startseite: Titel, Kurzbeschreibung, aufklappbares Transkript.
   Claude 2026-07-31 (Rose) - vorher stand das Video ohne jede Beschriftung da, weder fuer
   Besucher noch fuer Suchmaschinen war erkennbar, worum es geht. */
.video-title		{ margin: 0 0 6px; }
.video-intro		{ margin: 0 0 14px; }
.video-meta		{ display: block; margin-top: 4px; font-size: 0.9em; opacity: .75; }
/* Transkript: bewusst als Beiwerk erkennbar, NICHT als redaktioneller Fliesstext - es ist
   gesprochener Text. Ruhiger Kasten mit Akzentkante, kleinere Schrift, Hoehenbegrenzung. */
.video-transcript		{ margin: 14px 0 30px; }
.video-transcript > summary	{ cursor: pointer; display: flex; align-items: center; gap: 8px;
			  padding: 9px 12px; border: 1px solid #d8ddd2; border-radius: 4px 4px 0 0;
			  background: #f6f7f4; color: #4a5340; font-size: 0.9em; font-weight: bold;
			  list-style: none; }
.video-transcript > summary::-webkit-details-marker { display: none; }
.video-transcript > summary:hover	{ background: #eef1ea; }
.video-transcript > summary:focus	{ outline: 2px solid #4f761d; outline-offset: 2px; }
.video-transcript__icon		{ display: inline-block; font-size: 0.75em; transition: transform .15s ease; }
.video-transcript[open] .video-transcript__icon { transform: rotate(90deg); }
.video-transcript__count	{ margin-left: auto; font-weight: normal; font-size: 0.85em; color: #7d8574; }
/* Rundum geschlossener Kasten, nicht nur eine linke Kante: der scrollbare Bereich endet
   mitten im Satz, und ohne sichtbare Unterkante las sich der nachfolgende Seitentext wie eine
   Fortsetzung des Transkripts (beim Testen aufgefallen). */
.video-transcript__body		{ margin-top: -1px; padding: 14px 18px;
			  border: 1px solid #d8ddd2; border-top: 0; border-left: 3px solid #cfd8c4;
			  border-radius: 0 0 4px 4px; background: #fcfdfb;
			  max-height: 320px; overflow-y: auto;
			  font-size: 0.9em; line-height: 1.65; color: #55594e; }
.video-transcript__lead		{ margin: 6px 0 12px; font-style: italic; color: #7d8574; font-size: 0.95em; }
.video-transcript__body p	{ margin: 0 0 12px; }
.video-transcript__body p:last-child { margin-bottom: 0; }
/* Geschlossen soll die Zusammenfassung wieder rundum gerundet sein. */
.video-transcript:not([open]) > summary { border-radius: 4px; }
@media (prefers-reduced-motion: reduce) { .video-transcript__icon { transition: none; } }


/* ---------------------------------------------------------------------------------------------
   Fokusring nur noch bei TASTATURbedienung (Claude 2026-07-31, Rose).

   Rose: "An vielen Stellen sind Links unpassenderweise blau umkringelt" - u. a. das kleine
   Glyphicon-Dreieck im Tab-Menue der Objektseite.

   Ursache, im Browser nachgemessen: Bootstrap 3.4.1 setzt
       a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
   auf das SCHLICHTE :focus. Nach einem echten Mausklick auf den Tab meldet der Browser
   :focus = true, :focus-visible = FALSE - er wuerde von sich aus also gar keinen Ring zeichnen.
   Bootstrap erzwingt ihn trotzdem, weil die Datei aelter ist als :focus-visible.

   Deshalb NICHT pauschal "outline: none" (das nimmt Tastaturnutzern die Orientierung, und die
   Barrierefreiheit ist in diesem Projekt ein laufendes Thema), sondern gezielt nur dort
   abschalten, wo der Browser selbst keinen Ring wollte. Bei Tab-Navigation bleibt er sichtbar.
   --------------------------------------------------------------------------------------------- */
a:focus:not(:focus-visible),
.btn:focus:not(:focus-visible),
.btn:active:focus:not(:focus-visible),
.btn.active:focus:not(:focus-visible),
input[type="checkbox"]:focus:not(:focus-visible),
input[type="radio"]:focus:not(:focus-visible),
input[type="file"]:focus:not(:focus-visible) {
	outline: 0;
}
@media (min-width: 767px) {
	.navbar-nav .hovernav:hover > .dropdown-menu {
		display: block;
	}
}

@media screen and (min-width: 767px) and (max-width: 992px) {
   .navbar-collapse.collapse {
       display: none !important;
   }
   
   .navbar-collapse.collapse.in {
       display: block !important;
   }
  .sliderTextBox { display: none !important; } 
   .navbar-toggle { display:inline-block; float:right; }
   .navbar-header { width:100%; }

   .rowText { padding-right:17px; }

   .masonryRow .col-lg-3 { width:323px; } 
   .masonryRow .col-lg-3.wide { width:645px; } 
}

@media (min-width: 1199px) {
	.panel.boxed.condensed a span {
		display: inline-block;
		max-width: 130px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}
/******************** TABLET *********************/

@media only screen and (max-width:991px) { 
	.navbar-nav { margin-left: -15px }

	.dropdown:hover .dropdown-menu {  }

	.serviceArrow { display:none; }

	.rowText { padding-right:17px; }

	.sidebarWidget.submission { height:auto; }

	.masonryRow .col-lg-3 { width:374px; } 
	.masonryRow .col-lg-3.wide { width:374px; } 

	#map-canvas { height:830px; }
	.filterNav li a { font-size:13px; padding:24px 15px 23px 15px; }
	
	.smallFilter { margin: 0; }

	.price { font-size:19px; }

	.subHeader.map, .subHeader.page { margin-top:103px; }

	.nav.navbar-nav { float:left; }

	.nav.navbar-nav.userButtons { margin-bottom:20px; }

	.verticalDivider { display:none; }
	
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	opacity: 0.3;
	}
	
}

@media only screen and (min-width: 767px) and (max-width:991px) { 

	.priceSliderLabel {
		margin-bottom:0px;
	}

}

/******************** MOBILE *********************/

@media only screen and (max-width: 767px) {

	#map-canvas { height:610px; }
	.mapFilter { margin-top:400px; padding-bottom:0px; }
	.filterNav li a { font-size:15px; padding:24px 30px 23px 30px; }
	.filterNav .current:after { display:block; }
	.navbar-header { padding-right: 15px; padding-left: 15px;}
	.navbar-nav { width: 100%; text-align: center; margin: 0;}
	.navbar-collapse.in { overflow-y: visible; }
	header .container { /*padding-right: 0;*/ padding-left: 0; }
	.nav.navbar-nav li a { margin-right: 0; padding-top: 15px; padding-bottom: 15px; }
	
	.smallFilter { margin: 0 0 0 30px; }
	
    .table-responsive2 table,
    .table-responsive2 tbody {
        display: block;
        width: 100%;
    }
	
	.table-responsive2 table.table-bordered {
		border: none;
	}

	.table-responsive2 .table-bordered>thead>tr>th, .table-responsive2  .table-bordered>tbody>tr>th, .table-responsive2 .table-bordered>tfoot>tr>th,
	.table-responsive2 .table-bordered>thead>tr>td, .table-responsive2 .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
		border-bottom: none;
	}	
	
    .table-responsive2 thead { display: none; }

    .table-responsive2 table tr,
    .table-responsive2 table th,
    .table-responsive2 table td {
        display: block;
        padding: 0;
        text-align: left;
        white-space: normal;
    }

    .table-responsive2 table tr {
        border-bottom: 1px solid #ddd;
		padding-bottom: 0;
		margin-bottom: 10px;
    }

    .table-responsive2 table th[data-title]:before,
    .table-responsive2 table td[data-title]:before {
        content: attr(data-title) ":\00A0";
        font-weight: bold;
    }

    .table-responsive2 table td {
        border: none;
        margin-bottom: 0;
        color: #444;
    }

    .table-responsive2 table td:empty { display: none; }

    .table-responsive2 table td:first-child {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 6px;
        color: #333;
    }
    .table-responsive2 table td:first-child:before { content: ''; }
	
	/*====================================================================================*/
	/* SALES
	/*====================================================================================*/
	.carousel-caption {
	left: 5%;
	top: 5%;
	right: initial;
	}

	.carousel-caption h1 {
	font-size: 36px;
	line-height: 46px;
	min-width: auto;
	max-width: fit-content;
	}

	.carousel-caption p {
	min-width: auto;
	max-width: fit-content;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	color: #4a4785;
	font-family: "Open Sans";
	text-align:left;
	text-shadow: none;
	}
	.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	opacity: 0.3;
	}
}

@media only screen and (max-width: 730px) {

	.filterHeadButton { display:none; }

	.propertySort_list { display:none; }
/* Claude 2026-07-30 (Rose-Bug): Suchbox war nicht zentriert. Ursache: .smallFilter ist
	   position:absolute; left:0 mit fester min-width 280px, die Eltern-Spalte (col-xs-6
	   col-xs-offset-3) ist aber nur ~195px breit -> Box lief nach rechts aus der Mitte.
	   Die frueheren margin-Hacks (15px / -15px) konnten das nicht treffen. Jetzt echt
	   zentriert ueber left:50% + translateX(-50%) - unabhaengig von der Box-Breite. */
	.smallFilter { left: 50%; margin: 0; transform: translateX(-50%); }
	.propertyCat_list { width:100%; }

	.nav.navbar-nav.userButtons { margin-left:10px; margin-top:-10px; }
}

@media only screen and (max-width: 589px) {
	.navbar-brand { padding: 0px 5px; }
	.bx-viewport .box  {visibility: hidden;}
	.subHeader.page h1 { font-size:29px; margin:0; }
	.searchForm input { float:left; }
	.subHeader.page { padding: 30px 0px 4px 0px; min-height: initial; }
	.subHeader.page .box { float: none; text-align: center; }
	.subHeader.page .subheader-hint { text-align: center; }
.smallFilter { left: 50%; margin: 0; transform: translateX(-50%); }
	.topBarText { font-size:10px; }
	.topBar .socialIcons li { border:none; padding:0px; padding-left:5px; }

	/** SUBHEADER HOME **/
	.subHeader.home h1 { font-size:40px; line-height:61px; }
	.icon-button-arrow, .icon-button-user { display:none; }
	.buttonText { margin-left:15px; }
	.or { display:none; }
	.subHeader.home .sliderPrice { font-size:37px; }
	.sliderTextBox .buttonGrey.large { margin-right:10px; margin-bottom:10px; }

	/** FILTER **/
	.filterNav li a { padding:23px 20px 23px 20px; }

	.masonryRow .col-lg-3 { max-width:100%; } 
	
	.propertyCat_list li a { 
		padding-left:13px;
		padding-right: 13px;		
	}
	#brochure-banner .brochure-img {
		width: 350px;
		margin-top: 25px;
	}
}

@media only screen and (max-width: 450px) {
	.navbar-brand { font-size: 17px; }
	/** FILTER **/
	.filterNav li a { padding:23px 10px 23px 10px; font-size:13px; }
	h1 { font-size: 28px; }
	h2 { font-size: 24px; }
	h4.dblue { font-size: 16px; }
	
	.kfw_icon {
		position:relative;
	}
	#brochure-banner .brochure-img {
		width: 265px;
		margin-top: 25px;
	}
}

@media only screen and (min-width: 992px) and (max-width:1199px) { 
	.dmi_widget h4 {
		font-size: 16px;
	}
	.dmi_widget h4 span {
		font-size: 26px;	
	}
	.dmi_widget .dmi_claim {
		font-size: 16px;
	}
	ul.dmi_list {
		font-size: 14px;
	}
	ul.dmi_list li:before {
		font-size: 20px;
		top: 2px;
	}
	
	/* Claude 2026-07-30: FEHLER BEHOBEN - dem folgenden Kommentar fehlte der Abschluss
	   (er endete mit "}*" statt korrekt). Folge: er verschluckte das "}" der Media-Query
	   von weiter oben, die damit bis Dateiende offen blieb - ALLES danach Angehaengte landete
	   unbeabsichtigt in "@media (min-width:992px) and (max-width:1199px)" und galt nie auf Mobil. */
	/*a.reptxt span { display: none}
	a.reptxt:before {
		content: "INFO";
	}*/

}

/* Claude 2026-07-30 (Rose-Bug): Das Burger-Menue blieb nach dem WIEDER-Einklappen grau.
   Ursache: Bootstrap setzt .navbar-default .navbar-toggle:focus{background:#ddd} - nach einem
   Tap/Klick behaelt der Button den Fokus, also bleibt der graue Hintergrund stehen, obwohl das
   Menue zu ist. Fix: bei Maus/Touch transparent, fuer Tastaturnutzer bleibt der Fokus per
   :focus-visible sichtbar (Barrierefreiheit nicht verschlechtern). */
.navbar-default .navbar-toggle:focus { background-color: transparent; }
/* Tastatur-Fokus klar sichtbar - aber als Rahmen, nicht als Flaeche (die blieb sonst "kleben"). */
.navbar-default .navbar-toggle:focus-visible { outline: 2px solid #6d6d6d; outline-offset: 2px; }

/* Rose 2026-07-30: "Immer weiss" gibt keine Rueckmeldung. Daher echte ZUSTANDS-Anzeige statt
   Fokus-Faerbung: die drei Striche animieren zum X, solange das Menue offen ist. Gebunden an
   aria-expanded, das Bootstraps collapse-JS selbst pflegt -> beim Schliessen automatisch zurueck,
   kein Rest-Zustand moeglich. Balken sind 2px hoch mit 4px Abstand => 6px Mitte-zu-Mitte. */
.navbar-toggle .icon-bar { transition: transform .25s ease, opacity .2s ease; }
/* Spezifitaet muss die :focus-Regel oben schlagen (0,3,0), sonst bleibt der Button beim
   Klick transparent, weil er dann noch den Fokus hat. */
.navbar-default .navbar-toggle[aria-expanded="true"] { background-color: #f0f0f0; }
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2) { opacity: 0; }
.navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
@media (prefers-reduced-motion: reduce) { .navbar-toggle .icon-bar { transition: none; } }
/* Zweite Haelfte des Bugs: Touch-Browser (Android/Brave) behalten nach einem Tap einen
   "klebenden" :hover-Zustand, bis woanders getippt wird -> Button bliebe trotz :focus-Fix
   grau. Hover-Optik daher nur auf Geraeten mit echtem Zeiger. */
@media (hover: none) {
	.navbar-default .navbar-toggle:hover { background-color: transparent; }
}