/* 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;
}

/* ============================================================================
   Energieausweis-Skala - Claude 2026-08-10 (Rose): gleiche Darstellung wie auf
   der dmi-Objektseite (GEG-Bandtacho A+ bis H, Zeiger stueckweise exakt nach
   den Anlage-10-Grenzen, siehe lib/EnergieSkala.class.php). Akzent = App-Farbe.
   ========================================================================= */
.dmi-energy-skala { position: relative; margin: 26px 0 18px; }
.dmi-energy-wertmarke {
    position: relative; display: inline-block; transform: translateX(-50%);
    margin-bottom: 0; padding: 3px 10px; background: #4f761d; color: #fff;
    font-size: 13px; font-weight: 600; border-radius: 4px; white-space: nowrap;
}
.dmi-energy-band {
    position: relative; display: flex; height: 34px; border-radius: 4px; overflow: hidden;
    background: linear-gradient(90deg,
        #008d36 0%, #39a935 12%, #95c11f 25%, #d3d800 37%, #ffec00 50%,
        #fbb900 62%, #f39200 75%, #e63312 87%, #d1121b 100%);
}
.dmi-energy-klasse {
    flex: 1 1 0; text-align: center; line-height: 34px; font-size: 14px; font-weight: 700;
    color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .45);
    border-right: 2px solid rgba(255, 255, 255, .55);
}
.dmi-energy-klasse:last-child { border-right: none; }
.dmi-energy-klasse--ist { font-size: 17px; text-decoration: underline; text-underline-offset: 4px; }
.dmi-energy-zeiger {
    position: absolute; top: 0; bottom: 0; width: 3px; margin-left: -1.5px;
    background: #4f761d; box-shadow: 0 0 0 1px rgba(255, 255, 255, .8);
}

/* Claude 2026-08-11 (Rose, Georgsmarienhuette): der Pfeil ist ein EIGENES Element an der
   echten Wertposition. Vorher hing er als ::after an der Sprechblase - wird die am Rand
   per clamp() festgehalten, zeigte er auf die Blasenmitte statt auf den Wert (Klasse A,
   Pfeil auf B). Die Blase ist jetzt nur noch das daneben schwebende Etikett. */
.dmi-energy-band-huelle { position: relative; padding-top: 7px; }
.dmi-energy-pfeil {
    position: absolute; top: 0; width: 0; height: 0; margin-left: -7px;
    border: 7px solid transparent; border-bottom: none; border-top: 7px solid #4f761d;
}
/* Kompakt: der Block sitzt in der schmalen Sidebar (col-lg-4); das Panel hat kein
   Innenpolster, daher hier seitlicher Rand. */
.panel .dmi-energy-skala { margin: 18px 12px 12px; }

/* Energie-Tabelle in der Objekt-Sidebar - Claude 2026-08-10 (Rose: "Text zu breit fuer die
   Spalte"): das Auto-Layout gab der Labelspalte 142 von 246 px. width:1% + nowrap laesst sie
   auf Inhaltsbreite schrumpfen, die Werte bekommen den Rest und passen einzeilig. */
.panel-overviewList.condensed .table.energie-tabelle th { white-space: nowrap; width: 1%; }
@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; }
}