/**
 * 
 * Design und Layout 'abenaa'
 * 
 * 
 * This file gives an overview of the required CSS definitions which
 * needs to be defined for all Website Baker templates added to the 
 * Website Baker addons repository from June 2008 onwards. 
 * 
 * See http://www.w3.org/TR/CSS21/sample.html for the HTML4 
 * default styles applied if nothing else is specified in your stylesheet.
 *
 * To facilitate adaption, you may want to consider separate stylesheets.
 * One for the layout (container for header, footer, content, menu ...),
 * another one for the HTML elements which are shown in the content areas.
 * This can easily be achieved via @import rules
 * 
 * @author     Ines Gesell
 * @copyright  Ines Gesell
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    1.0
 * @platform   Website Baker 2.8
 *
*/
/*--------- �bersicht Wohnungsangebote --------*/
.mod_openimmo_immobilie {
clear:both;
background: #f3f3f3;
margin-top: 1.5em;
line-height: 1.5em;
padding: 0;
}
.mod_openimmo_immobilie .span_2_of_6 {
line-height: 0;
}
.mod_openimmo_immobilie .span_4_of_6 {
padding: 1.5em 0 0.2em 0;
}
.mod_openimmo_immobilie h2, .mod_openimmo_immobilie h2 a  {
color : #006e82;
font-weight: 400;
margin : 0 0 0 0;
padding: 0;
}
.mod_openimmo_immobilie p {
margin : 0 0 0 0;
}
.wert {
color: #006e7c;
font-size: 1.5em;
font-weight: 600;
}
.sup {
font-size: 0.5em;
vertical-align: top;
}
hr.style2 {
border-top: 1px dashed #a5a5a5;
border-bottom: none;
margin: 0.8em 0 0.8em 0;
width: 100%;
}
/*6 BOXEN BILD + TEXT ============================================================================= */
.span_2_of_6 {
width: 32.0%;
}
.span_4_of_6 {
width: 64.4%; 
}

@media only screen and (max-width: 800px) {
.span_2_of_6, .span_4_of_6, .mod_openimmo_immobilie .span_1_of_4 {
width: 48.0%;
}
}
@media only screen and (max-width: 480px) {
.span_2_of_6, .span_4_of_6 {
width: 98%;
}
}

/*--------- Detailansicht Wohnungsangebote --------*/
.immocontainer {
  background: #fff;
  margin-top: 30px;
}
/*---------
.column-separator {
  display: none;
}
 --------*/
.onex {
  order: 0;
}
.two {
  background: #f3f3f3;
  order: 1;
  padding: 20px;
  margin: 20px 0 20px 0;
}
.three {
  background: #f3f3f3;
  margin-bottom: 20px;
}
.four {
  background: #f3f3f3;
  order: 8;
  line-height: 1.3em;
}
#contentwide .four .span_1_of_2 {
  line-height: 1.0em;
}
.five {
  order: 2;
}
.six {
  background: #f3f3f3;
}
.seven {
  background: #f3f3f3;
  order: 4;
}
.eight {
  background: #f3f3f3;
  order: 5;
}
.nine {
  background: #f3f3f3;
  order: 6;
}
.ten {
clear: both;
margin-top: 20px;
padding-bottom: 20px;
background: #f3f3f3;
line-height: 1.3em;
}
.six p, .seven p, .eight p, .nine p {
  padding: 20px 20px 40px 20px;
}

@media only screen and (max-width: 1024px) {
.boxx .span_1_of_2 {
width: 98%; 
}
}



.immocontainer img {
vertical-align: middle;
}
.immocontainer .name {
font-weight: 700;
}
.immocontainer .mail {
font-size: 0.8em;
}
.floatleft {
margin : 0 25px 20px 0;
float : left;
border : none;
}
.immocontainer p {
margin: 20px;
}
.head {
background-color: #006e82;
color: #fff;
font-family: PantonBold;
padding: 10px 0 10px 20px;
margin-top: 0;
font-size: 1.2em;
font-weight: 400;
}
.head:before {
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
color: #fff;
font-size: 1.0em;
}
.onex .head:before {
content: "\f083  ";
}
.three .head:before {
content: "\f0e0  ";
}
.four .head:before {
content: "\f4ad  ";
}
.six .head:before {
content: "\f52b  ";
}
.seven .head:before {
content: "\f277  ";
}
.eight .head:before {
content: "\f52b  ";
}
.nine .head:before{
content: "\f965  ";
}
.ten .head:before{
content: "\f15c  ";
}
.details:before {
content: "\f129  ";
}
.zahlen:before {
content: "\f153  ";
}
.merkm:before {
content: "\f1ad  ";
}
.member:before {
content: "\f965  ";
}
.energie:before {
content: "\f018  ";
}
.immocontainer .tel:before {
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
color: #006e7c;
font-size: 1.0em;
content: "\f095  ";
}
.immocontainer .mail:before {
font-family: "Font Awesome 5 Free"; 
font-weight: 900; 
color: #006e7c;
font-size: 1.0em;
content: "\f0e0  ";
}
/*--------- Tabellen --------*/
table { 
width: 100%; 
border-collapse: collapse; 
margin-top: 0px;
margin-bottom: 40px;
}
/* Zebra striping */
tr:nth-of-type(odd) { 
background: #fff; 
}
tr:nth-of-type(even) { 
background: #f3f3f3; 
}
th { 
background: #f3f3f3; 
color : #fff;
font-weight: 600;
font-size: 1.2em; 
text-shadow: none;
}
td, th { 
padding: 2px 20px; 
border: 1px solid #dddddd; 
text-align: left; 
}

td:first-child { 
min-width: 50.00%;
}

@media screen and (max-width: 414px) {
table, thead, tbody, th, td, tr {
display: block;
}
thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}

tr { border: 1px solid #ccc; }
td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 10px;
}
td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
}

.zahlen table td {
text-align: right;
}


/*--------- FORMULAR GESUCHE --------*/
#customrequest td:first-child { 
min-width: 40.00%;
}

#customrequest td, #customrequest th { 
padding: 8px 20px; 
border: 1px solid #fff; 
text-align: left; 
}
#customrequest input[type="text"],
#customrequest input[type="email"],
#customrequest textarea,
#customrequest select {
border: 1px solid #cdcdcd;
font-family: 'Open Sans', sans-serif;
color : #515151;
font-size: 0.9em;
font-weight: 400;
padding: 1px 5px;
}
#customrequest textarea {
min-height: 130px;
}
#customrequest .small {
width: 80px;
}
#customrequest .red, #customrequest .required {
color: #ef0000;
}
#customrequest input[type="submit"] {
	cursor:pointer;
	width: 37%;
	border:none;
	background: #006e7c;
	color:#fff;
	margin:0 0 10px;
	padding:8px;
	font-size: 1.0em;
}
.mod_openimmo .th {
    font-weight: 900;
}
.mod_openimmo label.error {
    color: red;
    font-style: italic;
    display: block;
    font-size: 0.7em;
    line-height: 1.2em;
}

div.mod_openimmo.mod_openimmo_list div.mod_openimmo_immobilie div.section.group div.col.span_2_of_6 {
    max-height: 330px;
    overflow: hidden;
}
div.mod_openimmo.mod_openimmo_list div.mod_openimmo_immobilie div.section.group div.col.span_2_of_6 img {
    max-height: 330px;
    min-height: 330px;
}

div#wgsuche form.immosearch input#search {
    cursor: pointer;
    width: 37%;
    border: none;
    background: #ee7768;
    color: #fff;
    margin: 0 0 10px;
    padding: 5px;
}
span#resultcountwrapper {
    font-size: 1.3em;
    margin-left: 15px;
    margin-top: 5px;
    font-weight: 600;
}
span#resultcount {
    color: #fff;
    font-size: 1.6em;
font-family: PantonBold;
}
div#wgsuche .areastart {
margin-bottom: 10px;
}
div#wgsuche .gross {
font-weight: 600;
}