#giant-slider{
width:100%;
height:auto;
margin:0 auto;
position:relative;
background-color:#565d65;
border-bottom: 80px solid #fff;
}
.giant-slider-con img{
width:100%;
display:block;
}
.giant-slider-con{
width:100%;
height:auto;
padding:0% 0% 0% 0%;
color:#eee;
}
.giant-slider-con h1{
margin:0 0 10px 0;
}
.giant-slider-content-box, .giant-slider-content-box_left{
width:15%;
top:20%;
right:30%;
position: absolute;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.8);
}
.giant-slider-content-box_left{
left:30%;
}
.giant-slider-content-box p, .giant-slider-content-box_left p{
font-size:16px;
line-height:130%;
padding:0px 0 20px 0;
} .cycle-pager{
width:100%;
margin:0 auto;
font-size:45px;
line-height:25px; color:#eee;
text-align:center;
background:#fff;
position:absolute;
bottom:-25px;
z-index:101;
}
.cycle-pager span{
cursor:pointer;
margin:0.3%;
}	
.cycle-pager-active{color:#565d65;}
.giant-slider-nav{
width:80px;
padding-top:20px;
}    
.cycle-prev, .cycle-next{
width: 40px;
height: 40px;
margin-top: -20px;
background-size: 50% !important;
background-position: center center !important ;
top: 50% !important;
float:left;
cursor:pointer;
background:url(//mallorcaimmobilien.net/wp-content/themes/mallorca-immobilien/images/pfeil-left.png) no-repeat center;
border:1px solid #fff;
}
.cycle-next{
float:right;
background:url(//mallorcaimmobilien.net/wp-content/themes/mallorca-immobilien/images/pfeil-right.png) no-repeat center ;
border:1px solid #fff;
}
@media screen and (max-width:980px){ 
#giant-slider {
border-bottom: none; 
}
}
@media screen and (max-width:800px){ .giant-slider-content-box, .giant-slider-content-box_left{
width:95%;
padding:2.5%;
position: static;
overflow: hidden;
}
.giant-slider-nav{
float:right;
}
.ghost-button{
float:left;
}
}
@media screen and (max-width:800px){ .giant-slider-content-box, .giant-slider-content-box_left{
width:90%;
padding:5%;
}
} .home .con.ml.post-wrapper {
position: relative;
z-index: 100;
}
.post-small.c03 {
background-color: #fff;
border: 20px solid #fff;
min-height: 390px;
max-height: 390px;
position: relative;
}
.post-header {
width: 100%;
height: 220px;
overflow: hidden;
}
.post-header img {
width: 100%;
}
.post-small:first-child, .post-small:nth-child(3n+4) {
width:31.5% !important; margin:0 1.3% 30px 0 !important;
}
.post-small {
width:31.5% !important; margin:0 1.3% 30px 1.3% !important;
}
.post-small:nth-child(3n), .post-small:nth-child(3n) {
width:31.5% !important; margin:0 0 30px 1.3% !important;	
}
button.simplefavorite-button {
border: none;
font-size: 0;
width: 30px;
height: 30px;
padding: 0;
position: absolute;
right: 0;
bottom: 0;
background-image: url(//mallorcaimmobilien.net/wp-content/themes/mallorca-immobilien/images/star-grey.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 26px;
background-color: transparent;
-webkit-transition:1s ease-in-out all;
transition:1s ease-in-out all;
}
button.simplefavorite-button.active{
background-image: url(//mallorcaimmobilien.net/wp-content/themes/mallorca-immobilien/images/star-yellow.png);
}
.single-immobilien #right button.simplefavorite-button {
position: relative;
left: 17px;
top: -6px;
}
.post-small.c03 h2 {
font-size: 18px;
line-height: 140%;
padding: 10px 0px;
max-height: 65px;
min-height: 65px;
font-weight: 500;
overflow: hidden;
}
.price-liste, .price {
font-size: 24px;
font-weight: 600;
}
.detail-liste {
position: absolute;
bottom: 0;
left: 0;
}
.detail-liste span {
padding-left: 27px;
background-repeat: no-repeat;
background-position: left center;
background-size: 20px;
margin-right: 10px;
}
.detail-liste span.konstruierte-flaeche{ background-image:url(//mallorcaimmobilien.net/wp-content/themes/mallorca-immobilien/images/haus-grey.png);}
.detail-liste span.grundstueck{ background-image:url(//mallorcaimmobilien.net/wp-content/themes/mallorca-immobilien/images/wimpel-grey.png);}
@media screen and (max-width:1420px){
.home .con.ml.post-wrapper, .page-immobilien .con.ml.post-wrapper {
padding: 0 20px;
}
.archive #content .c01, .page .c01, .blog .c01,  .single .c01, .search .c01, .con.ml.post-wrapper {
padding: 30px 20px;
}
}
@media screen and (max-width:1280px){
.post-header {
width: 100%;
height: 150px;
overflow: hidden;
}
.post-small.c03 {
min-height: 350px;
max-height: 350px;
}
}
@media screen and (max-width: 980px){
.post-header {
height: 120px;
}
.post-small.c03 {
min-height: 300px;
max-height: 300px;
}
}
@media screen and (max-width:680px){
.post-small.c03 {
width: 100% !important;
float: none;
min-height: inherit;
height: auto;
max-height: inherit;
padding-bottom: 47px;
}
.home .con.ml.post-wrapper {
padding: 0 20px;
}
.post-header {
height: auto;
}
button.simplefavorite-button {
right: -5px;
}
.post-small:first-child, .post-small:nth-child(3n+4) {
width:100%  !important; margin:0 0% 30px 0 !important;
}
.post-small {
width:100%  !important; margin:0 0% 30px 0% !important;
}
.post-small:nth-child(3n), .post-small:nth-child(3n) {
width:100% !important; margin:0 0 30px 0% !important;	
}
} .kontakt-start.con {
width: 900px;
text-align: center;
padding-top: 100px;
}
.wrapper-content-bottom{
background-color:#fff;
}
.kontakt-felder {
width: 100%;
padding-right: 20px;
float: left;
}
.kontaktform-start{
text-align: left;}
div.kontakt-text {
width: 100%;
clear: none;
float: right;
}
.kontakt-felder div {
width: 100%;
border: 1px solid #565d65;
margin-bottom: 10px;
padding: 0;
}
.kontakt-felder div input {
width: 100% !important;
margin: 0;
padding: 0px 15px;
background-color: transparent;
}
.wpcf7-textarea {
width: 100%;
height: 176px;
background-color: #fff;
border: 1px solid #565d65; margin: 0;
}
input.wpcf7-form-control.wpcf7-submit {
width: 200px;
margin-top: 0px;
}
@media screen and (max-width:980px){ 
.kontakt-start.con {
width: 100%;
}
}
@media screen and (max-width:680px){
.kontakt-felder {
width: 100%;
padding-right: 0;
}
div.kontakt-text {
width: 100%;
}	
} .text-startseite h1 {
text-align: center;
margin: 30px 0;
}
.text-startseite h2 {
margin: 10px 0 10px 0;
}
.text-startseite {
margin-top: 80px;
}
.text-startseite .c02 {
padding: 0 30px;
}
@media screen and (max-width:680px){
} .mood-teaser .con {
width: 100%;
}
.mood-teaser .con img {
width: 100%;
display: block;
border-right: 10px solid #fff;
border-bottom: 10px solid #fff;
}
.mood-teaser .con .c06:last-child img {
width: 100%;
display: block;
}
.c06.doppel-teaser img:last-child {
width: 100%;
}
.c06.doppel-teaser img {
width: 50%;
float: left;
}
.c06.doppel-teaser {
width: 33.333%;
}
.mood-teaser {
margin-top: 60px;
}
@media screen and (max-width: 1420px){
.mood-teaser {
padding: 0 15px 0 20px;
}
}
@media screen and (max-width: 800px){
.c06.doppel-teaser {
width: 66.666%;
}
}
@media screen and (max-width: 680px){
.c06.mc03.sc02:nth-child(3) {
display: none;
}
.c06.doppel-teaser {
width: 100%;
}
.c06.mc03.sc02:nth-child(5) {
width:100%;
}
.mood-teaser .con .c06:last-child img {
width: 50%;
display: block;
float: left;
}
} #sidebar{
padding:30px;
background-color:#565d65;
color:#eee;
}
#sidebar h6{
font-size:20px;
font-family: 'oswald', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:400;
padding:20px 0 0px 0;
margin:20px 0;
border-top:1px solid white;
}
#sidebar ul{
margin:0 ;
padding:0 20px;
}
.widget a:link, .widget a:hover, .widget a:visited, .widget a:active{
color:white;
}
#sidebar button,
#sidebar input[type="submit"],
#sidebar input[type="button"],
#sidebar input[type="reset"] {
margin:0;
height:40px;
background:#aed544;
color:#565d65;
width:70px;
display:inline-block;
float:right;
}	
#sidebar .search-field{
display:inline-block;
width:180px;
margin:0;
height:30px;
}
#sidebar label{
display:inline;
width:180px;
}
@media screen and (max-width:680px){
#sidebar{
width:100%;
margin:20px 0 0 0;
padding:30px;
background-color:#565d65;
color:#eee;
}
} .single-immobilien div#content {
padding-top: 0;
padding-bottom: 160px;
}.single-immobilien .con {
width: 100%;
}
div#right {
padding: 30px 76px;
} * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#cycle-1 span { width:100%; }
#cycle-2 .cycle-slide { border:3px solid #fff; }
#cycle-2 .cycle-slide-active { border:3px solid #004; }
#slideshow-1,#slideshow-2 { width: 100%; height:auto; overflow:hidden;  margin: auto }
#slideshow-2 { margin-top: 10px; position:relative; }
.cycle-slideshow img { width: 100%; height: auto; display: block; }
#slideshow-1 .cycle-slide {
width: 100%;
}
#cycle-2 .cycle-slide {
width: 181px !important;
height: 115px;
overflow: hidden;
border: none;
padding-right: 10px;
}
.cycle-slide:first-child {
border: none !important;
}
#slideshow-2 a.cycle-prev{
position: absolute;
top: 0;
left: 10px;
background-color:#fff;
}
#slideshow-2 a.cycle-next {
position: absolute;
right: 10px;
top: 0;
background-color: #fff;
}
.detail-slider {
font-size: 0px;
margin-bottom: 30px;
} .detail-features.con {
padding: 30px;
background-color: #f2f2f2;
}
.feature-block span:first-child {
font-weight: bold;
}
.feature-block{margin-bottom: 20px;}
.objekt-beschreibung{padding-top: 30px;}
@media screen and (max-width:1280px){
.detail-features.con .c03 {
width: 50%;
min-height: 100px;
}
.single-immobilien div#right {
padding: 30px 30px;
}
}
@media screen and (max-width:1000px){
.single-immobilien #content {
padding: 40px 30px 30px 0;
}
}
@media screen and (max-width:800px){
.detail-features.con .c03 {
width: 100%;
min-height: inherit;
}
}
@media screen and (max-width:680px){
.single-immobilien #content {
padding: 0;
}
} .kontaktform-detail {
margin-top: 30px;
height: 0;
overflow: hidden;
-webkit-transition: 1s ease-in-out all;
transition: 1s ease-in-out all;
}
.kontaktform-detail.kontakt-show{height:100%;}
.kontaktform-detail form {
overflow: hidden;
}
.kontakt-name.kontakt-refnr {
display: none;
}
.single-immobilien textarea.wpcf7-form-control.wpcf7-textarea {
width: 100% !important;
}
.kontakt-email.kontakt-checkbox input {
width: 20px !important;
float: left;
margin-top: 4px;
}
.kontakt-email.kontakt-checkbox {
border: none !important;
font-size: 14px;
float: left;
margin: 5px 0 0 0;
}
span.wpcf7-list-item {
margin: 0 !important;
}
span.wpcf7-not-valid-tip {
font-size: 11px;
margin: 0;
padding: 0;
position: absolute;
bottom: -4px;
left: 15px;
width: 200px;
}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok {
border: none !important;
overflow: hidden;
width: 100%;
margin: 0 !important;
padding: 0 !important;
}
@media screen and (max-width:680px){ 
.kontaktform-detail.kontakt-show {
height: 530px;
}
} #content .wp-pagenavi a, .wp-pagenavi span { height: 30px !important;
min-width: 30px !important;
display: inline-block;
float: left;
text-align: center;
border:none !important;
background-color: #fff;
}
.wp-pagenavi span.current {
font-weight: bold;
background-color: #ffa600;
border:none !important;
color:#fff;
}
.wp-pagenavi span:first-child {
background: transparent;
} html > body > #swipebox-overlay {
background-color: #565d65 !important; 
}
body #swipebox-action{
text-shadow:none;
background-color: #565d65;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #565d65), color-stop(100%, #565d65));
background-image: -webkit-linear-gradient(#565d65, #565d65);
background-image: -moz-linear-gradient(#565d65, #565d65);
background-image: -o-linear-gradient(#565d65, #565d65);
background-image: linear-gradient(#565d65, #565d65);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
opacity: 1;
}
body #swipebox-caption {
text-shadow:none;
background-color: #565d65;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #565d65), color-stop(100%, #565d65));
background-image: -webkit-linear-gradient(#565d65, #565d65);
background-image: -moz-linear-gradient(#565d65, #565d65e);
background-image: -o-linear-gradient(#565d65, #565d65);
background-image: linear-gradient(#565d65, #565d65);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
opacity: 1;
} #commentform{
background-color:#565d65;
padding:5%;
width:90%;
}
#content-comments{
width:100%;
}
#content-comments ul {
text-decoration:none;
padding:0;
margin:0;
}
.comment-wrapper{
overflow:hidden;
}
.comment-text{
width:75%;
min-height:100px;
padding:5px 20px;
background-color:#565d65;
color:white;
float:right;
}
.comment-author{
width:15%;
float:left;
font-size:11px;
line-height:16px;
}
@media screen and (max-width:640px){
.comment-text{
width:70%;
}	
} form.searchandfilter {
background-color: #fff;
padding: 15px;
}
form.searchandfilter ul {
margin: 0 !important;
padding: 0 !important;
}
form.searchandfilter ul li {
margin: 0 !important;
padding: 0 15px 0 0 !important;
width: 19%;
float: left;
}
.searchandfilter ul li:nth-child(2) {
width: 38%;
padding:0 !important;
}
form.searchandfilter ul li:last-child {
width: 4%;
height: auto;
}
form.searchandfilter ul li select {
background-color: #fff;
border: 1px solid #565d65;
width: 100%;
height: 45px;
margin: 0;
-webkit-appearance: none !important;
-webkit-border-radius: 0px !important;
appearance: none !important;
border-radius: 0px !important;
}
.sf-meta-range.sf-meta-range-number label input {
background: #fff;
border: 1px solid #565d65 !important;
width: 100% !important;
max-width: inherit;
height: 45px;
margin: 0;
}
.searchandfilter input[type="submit"] {
width: 100%;
float: left;
margin-top: 0;
background-image: url(//mallorcaimmobilien.net/wp-content/themes/mallorca-immobilien/images/search-icon.png);
background-repeat: no-repeat;
background-position: center center;
background-size: 26px;
font-size:0;
height: 45px !important;
}
span.sf-range-values-seperator {
display: none !important;
}
.sf-meta-range.sf-meta-range-number label {
float: left;
width: 50%;
padding-right: 15px;
}
.pagination {
clear: both;
}
.pagination-top {
display:none;
}
.page-immobilien h1, .home #content h1, .home #content .search-startseite h2 {
background-color: #fff;
margin: 0 auto;
padding: 5px 15px;
width: 660px;
text-align: center;
}
.home #content .search-startseite h2{
color: #565d65;
font-size: 32px;
line-height: 150%;
}
.searchandfilter select.sf-input-select {
min-width: 0px !important;
}
.found {
padding: 10px 0;
font-size: 0;
} form.searchandfilter ul li:nth-child(3) .sf-level-1{
display: none !important;
}
#wrapper #content form.searchandfilter .sf-field-taxonomy-regionen option.sf-level-1 {
display: none !important;
font-size:0;
}
@media screen and (max-width: 1420px){
.search-startseite.immobiliensuche {
margin-bottom: 30px;
padding: 0 20px;
}
}
@media screen and (max-width: 1080px){
form.searchandfilter ul li {
width: 18.5%;
}
}
@media screen and (max-width: 850px){
form.searchandfilter ul li {
width: 18%;
}
}
@media screen and (max-width: 680px){
form.searchandfilter {
background-color: #fff;
padding: 15px 0px;
}
form.searchandfilter ul li {
width: 100%;
padding: 0 !important;
margin-bottom: 10px !important;
}
.page-immobilien .con.ml.post-wrapper {
padding: 0 0px;
}
.page-immobilien h1, .home #content h1,.home #content .search-startseite h2  {
width: auto;
font-size:22px;
}
.page-immobilien div#search-filter-results-3773 {
padding: 20px;
}
.page-immobilien  form.searchandfilter {
padding: 15px 20px;
}
.search-startseite label, .search-startseite label.checkbox, .searchandfilter label {
width: 100%;
display: block;
}
.searchandfilter ul li:nth-child(2) {
width: 100%;
padding: 0 !important;
}
.search-startseite.immobiliensuche {
background: #fff;
}
.sf-meta-range.sf-meta-range-number label {
padding-right: 7px;
}
.sf-meta-range.sf-meta-range-number label:last-child {
padding-left: 8px;
padding-right: 0px;
}
form.searchandfilter ul li:last-child {
width: 100%;
height: auto;
}
.searchandfilter input[type="submit"] {
background-position: 94%;
font-size: 18px; 
}
} .entry.con {
background-color: #fff;
margin-bottom: 10px;
}
.entry.con .c66 {
padding: 30px 29px;
}
.entry.con .c66 p{
margin:0;
padding:0;
}
.entry.con .c66 h2{
margin:0 0 10px 0;
}
.entry.con img{display:block; width: 100%;}
.entry .c03 {
overflow: hidden;
}
.entrymeta {
overflow: hidden;
} .article-con {
padding: 30px;
background: #fff;
}	
.c80.article-detail{width:90%;}
.article-comments{
padding:50px 0;
}
.article-image img{
float: left;
margin: 7px 20px 10px 0;
}
.entry img {
float: left;
}
.single .article-image img{
width: 450px;
height: auto;
}
.entry{
border-bottom:1px solid #f2f2f2;
}
.article-con img {
max-width: 100%;
}	
#content .navigation {
margin-top: 40px;
}	
.wp-paginate a, .wp-paginate .current{
padding: 4px 10px !important;
}
h2 a:link, h2 a:active, h2 a:visited, h2 a:hover{
color:#808080;
text-decoration:none;
}
@media screen and (max-width:1000px){
.single .c80.article-detail{width:100%;}
}
@media screen and (max-width:800px){
.single .article-image img{
width: 100%;
height: auto;
margin-bottom:30px;
}
}
@media screen and (max-width:680px){
.article-con{
padding:20px 20px;
}
} .category-text{
background-color:#fff;
padding:20px 30px;
margin-top: 30px;
}