html, body{
width:100%; 
height:100%;
padding:0;
margin:0;
font-size: 17px;
line-height:140%;
font-weight:400;
color: #565d65;
font-family: 'Raleway', Helvetica, Helvetica Neue, Arial;
display: table !important; -webkit-box-sizing:border-box;
box-sizing:border-box;
}
body{
border-right: 40px solid #fff;
border-left: 40px solid #fff;
border-bottom: 40px solid #fff;	
}
#page{
width:100%;
height:auto;
height:100%;
display: table-row;
}
body.home{background-color:#f2f2f2;} header#head{
width:100%;
height:85px;
padding-top:13px;
background-color:#ffffff;
}
.header-con{
width:1280px;
margin:0 auto;
padding:0;
}
#logo {
width: 168px;
position: absolute;
left: 50%;
margin-left: -84px;
height: auto;
padding: 0px 0 15px 0px;
float: left;
}
#logo img{
width:100%;
}
#header-right{
width:50%;
height:48px;
margin-top:0px;
float:right;
text-align:right;
color:white;
padding: 10px 0px 20px 20px;
} div#side-nav {
position: fixed;
right: 15px;
z-index: 10000;
top: 228px;
height: 180px;
width: 46px;
}
div#side-nav div .side-nav-icon {
width: 46px;
height: 46px;
background-color: #ffa600;
margin-bottom: 10px;
display: block;
float:right;
position: static;
background-repeat: no-repeat;
background-position: center center;
background-size: 26px;
cursor: pointer;
}
div#side-nav div.tel .side-nav-icon {    background-image: url(//mallorcaimmobilien.net/wp-content/themes/mallorca-immobilien/images/tel-icon.png);}
div#side-nav div.ref-search .side-nav-icon {    background-image: url(//mallorcaimmobilien.net/wp-content/themes/mallorca-immobilien/images/search-icon.png);     float: left;}
div#side-nav div.fave .side-nav-icon {    background-image: url(//mallorcaimmobilien.net/wp-content/themes/mallorca-immobilien/images/star-white.png);}
#side-nav .fave .side-nav-icon a, #side-nav .tel .side-nav-icon a {
display: block;
width: 100%;
height: 100%;
} .ref-search {
position: relative;
float: left;
-webkit-transition:all 1s ease-in-out;
transition:all 1s ease-in-out;
}
#side-nav .search-box {
width: 200px;
float: right;
position: absolute;
display: block;
left: 46px;
opacity: 0;-webkit-transition:left 1s ease-in-out;
transition:left 1s ease-in-out;
}
#side-nav .search-box input {
width: 200px;
height: 46px;
margin: 0;
background-repeat: no-repeat;
background-position: center center;
background-size: 26px;
background-image: url(//mallorcaimmobilien.net/wp-content/themes/mallorca-immobilien/images/search-icon.png);
padding-left: 15px;
}
#side-nav .search-box input#search-button {
position: absolute;
top: 0;
left: -46px;
width: 46px;
display: none;
padding: 0;
height: 46px;
}
.ref-search.ref-search-show{right:0;}
.ref-search.ref-search-show .search-box input#search-button{display:block !important;}
#side-nav  .ref-search.ref-search-show .search-box {
left: -154px;
opacity: 1;
} .wether-text {
color: #565d65;
float: right;
padding-top: 10px;
padding: 10px 20px 0 0;
font-weight:400;
display: none;
}
div#wpc-weather-id-3723 {
float: right;
height: 44px;
width:350px;
}
#wpc-weather .forecast .temp_max, #wpc-weather .forecast .temp_min {
font-weight: 300 !important;
font-size: 18px !important;
width: 34px !important;
padding-right: 44px;
}
#wpc-weather.small .now .time_temperature:after, #wpc-weather .forecast .temp_max:after, #wpc-weather .forecast .temp_min:after, #wpc-weather .hours .temperature:after, #wpc-weather .today .time_temperature_max:after, #wpc-weather .today .time_temperature_min:after, #wpc-weather .now .time_temperature:after, #wpc-weather .today .time_temperature_ave:after {
display:none;
}
#wpc-weather .forecast .day {
float: left;
text-transform: capitalize;
width: 73px !important;
}
#wpc-weather .wpc-highlight{font-weight:300 !important;}
#wpc-weather div:before {
color: #ffa600 !important;
}
#wpc-weather .forecast .climacon {
font-size: 40px !important;
margin-top: -8px;
margin-left: 3px;
}
div#wpc-weather {
color: #565d65;
padding: 0;
}
#wpc-weather .forecast .eighth, #wpc-weather .forecast .eleventh, #wpc-weather .forecast .fifteenth, #wpc-weather .forecast .fifth, #wpc-weather .forecast .first, #wpc-weather .forecast .fourteenth, #wpc-weather .forecast .fourth, #wpc-weather .forecast .ninth, #wpc-weather .forecast .second, #wpc-weather .forecast .seventh, #wpc-weather .forecast .sixth, #wpc-weather .forecast .tenth, #wpc-weather .forecast .third, #wpc-weather .forecast .thirteenth, #wpc-weather .forecast .twelfth {
width: 50% !important;
float: left;
}
#wpc-weather .forecast .temp_min {
display: none;
}
#wpc-weather .forecast .symbol {
width: 50px !important;
}
.wpc-highlight::after { 
content: "°c";
}
@media screen and (max-width:1420px){ 
.header-con{ width:100%;}
body{
border-right: 0px solid #fff;
border-left: 0px solid #fff;
border-bottom: 0px solid #fff;	
}
}
@media screen and (max-width:1200px){ 
div#wpc-weather-id-3723 {
width: 174px;
}
#wpc-weather .forecast .first {
width: 100% !important;
}
#wpc-weather .forecast .second {
display: none !important;
}
}
@media screen and (max-width:1080px){ }
@media screen and (max-width:880px){ 
#logo {
width: 100px;
margin-left: -50px;
padding: 12px 0 15px 0px;
}
}
@media screen and (max-width:680px){ 
header#head {
height: auto;
overflow: hidden;
}
.header-con {
padding-top: 110px;
}
#logo {
width: 100%;
text-align: center;
clear: both;
margin: 0;
padding: 20px;
position: absolute;
height: 65px;
top: 0;
left: 0;
}
#logo img {
width: 237px;
}
div#header-right {
width: 271px;
height: auto;
margin: 0 auto;
padding: 10px;
display: block;
float: none;
background: #fff;
}
} #navi{
width:50%;
height:auto;
min-height:50px;
margin:0 auto;
margin-top: 14px;
float: left;
background-color:#fff;
}
#navigation{
width:100%;
margin:0 auto;
position:relative;
}
#navi .menu-hauptmenue-container ul{
width:100%;
height:50px;
font-size:18px;
line-height:20px;
font-weight:light;
float:left;
padding:0;	
margin:0;
}
#navi .menu-hauptmenue-container ul li{
padding:0 20px; margin-right:1px; float:left;
list-style-type:none;
position:relative;
}
#navi .menu-hauptmenue-container ul li a{
padding: 7px 0px; display:block;
text-decoration:none;
text-align:center;
color:#545d66;
border-bottom:5px solid #fff;
}
#navi .menu-hauptmenue-container ul li a:hover, #navi .menu-hauptmenue-container ul li.current_page_item > a:link, #navi .menu-hauptmenue-container ul li.current_page_item > a:visited, #navi .menu-hauptmenue-container ul li.current_page_item > a:active, #navi .menu-hauptmenue-container ul li.current_page_ancestor > a:active, #navi .menu-hauptmenue-container ul li.current_page_ancestor > a:link,  #navi .menu-hauptmenue-container ul li.current_page_ancestor > a:visited {
color:#545d66;
border-bottom:5px solid #ffa600;
}
#navi .menu-hauptmenue-container ul li.current_page_item > a:link, #navi .menu-hauptmenue-container ul li.current_page_item > a:visited, #navi .menu-hauptmenue-container ul li.current_page_item > a:active, #navi .menu-hauptmenue-container ul li.current_page_ancestor > a:active, #navi .menu-hauptmenue-container ul li.current_page_ancestor > a:link,  #navi .menu-hauptmenue-container ul li.current_page_ancestor > a:visited {
color:#545d66;
border-bottom:5px solid #ffa600;
}
#navi .menu-hauptmenue-container ul li.menu-item-has-children a.hover ~ ul.sub-menu, #navi .menu-hauptmenue-container ul li.menu-item-has-children a:hover ~ ul.sub-menu{
display:block !important;
} #navi .menu-hauptmenue-container ul li ul.sub-menu {
width: 200px;
position: absolute;
margin: 0;
padding: 18px 0 0 0;
border: none;
overflow: hidden;
height: auto;
display: none;
z-index: 105;
border-top: 1px solid #fff;
}
#navi .menu-hauptmenue-container ul li ul.sub-menu li{
clear:both;
margin:0;
padding:0;
}	
#navi .menu-hauptmenue-container ul li:hover ul.sub-menu{
display:block;
} #navi .menu-hauptmenue-container ul li ul.sub-menu li a{
background-color:#fff;
padding: 15px 15px;
margin-bottom:0px;
font-size:16px;
border:none;
color:#545d66;
border-bottom:5px solid #fff;
border-top:1px solid #ccc;
width:200px; text-align:left; margin:0;
}
#navi .menu-hauptmenue-container ul li ul.sub-menu li a:hover, #navi .menu-hauptmenue-container ul li ul.sub-menu li.current-menu-item a:active, #navi .menu-hauptmenue-container ul li ul.sub-menu li.current-menu-item a:hover,  #navi .menu-hauptmenue-container ul li ul.sub-menu li.current-menu-item a:visited,  #navi .menu-hauptmenue-container ul li ul.sub-menu li.current-menu-item a:link {
border-bottom:5px solid #ffa600;
} .menu-button{
width:100%;
padding:0px 0 15px 0;
background-color:#fff;
display:none;
}
.menu-toggle{
color:#eee;
background-color:#ffa600;
border:1px solid #ffa600;
display:block;
cursor:pointer;
border-radius:50%;	
width:2.5em;
height:2.5em;
margin:0 auto;
text-align:center;
line-height:2.5em;
font-weight:normal;
}
[data-icon]:before{
content: attr(data-icon);
speak:none;
display:inline-block;
font-size:200%;
}	
@media screen and (max-width:1200px){ 
#navi .menu-hauptmenue-container ul li {
padding: 0 10px;
}
}
@media screen and (max-width:1080px){ 
#navi .menu-hauptmenue-container ul {
font-size: 15px;
}	
}	
@media screen and (max-width:880px){ 
#navi .menu-hauptmenue-container ul {
font-size: 13px;
}	
#navi .menu-hauptmenue-container ul li {
padding: 0 5px;
}
}	
@media screen and (max-width:680px){ nav#navi {
background-color: #fff;
width: 100%;
margin: 0; }
#navigation{width:100%; height:auto; background-color:none;}
#navi .menu-hauptmenue-container ul{
display:none; 
height:auto; 
margin:0;
}
.menu-hauptmenue-container {
overflow: hidden;
}
#navi .menu-hauptmenue-container ul li{
width:100%;
margin:0;
padding:20px;
text-align: center;
border-bottom:1px solid #fff;
border-bottom:5px solid #fff;
}
#navi .menu-hauptmenue-container ul li a{
font-size:22px;
padding: 0px 0;
display: inline;
}
#navi .menu-hauptmenue-container ul li:first-child a{
border-left:none;
}
#navi .menu-hauptmenue-container ul li ul.sub-menu, #navi .menu-hauptmenue-container ul li ul.sub-menu li{
width:100%; 
position:static; 
padding: 15px 0;
border-top:1px solid #ccc;
}	
#navi .menu-hauptmenue-container ul li:hover ul.sub-menu {
display: block;
margin-top: 16px;
border:none !important;
}
#navi .menu-hauptmenue-container ul li ul.sub-menu li a{
display: inline; text-align:center; font-size:16px;
padding: 0;
border: none;
}	
li.current-menu-item {
border-bottom: 5px solid #ffa600 !important;
}
.menu-button{display:block;}
.js #navi .menu-hauptmenue-container .nav-menu.toggle-on{display:block;}	
#navi .menu-hauptmenue-container ul li:hover, #navi .menu-hauptmenue-container ul li.current_page_item, #navi .menu-hauptmenue-container ul li.current_page_item, #navi .menu-hauptmenue-container ul li.current_page_item, #navi .menu-hauptmenue-container ul li.current_page_ancestor, #navi .menu-hauptmenue-container ul li.current_page_ancestor,  #navi .menu-hauptmenue-container ul li.current_page_ancestor{
color:#545d66;
border-bottom:5px solid #ffa600;
}
#navi .menu-hauptmenue-container ul li.current_page_item, #navi .menu-hauptmenue-container ul li.current_page_item, #navi .menu-hauptmenue-container ul li.current_page_item, #navi .menu-hauptmenue-container ul li.current_page_ancestor, #navi .menu-hauptmenue-container ul li.current_page_ancestor,  #navi .menu-hauptmenue-container ul li.current_page_ancestor {
color:#545d66;
border-bottom:5px solid #ffa600;
}
#navi .menu-hauptmenue-container ul li.menu-item-has-children.hover ~ ul.sub-menu, #navi .menu-hauptmenue-container ul li.menu-item-has-children:hover ~ ul.sub-menu{
display:block !important;
}
#navi .menu-hauptmenue-container ul li a:hover, #navi .menu-hauptmenue-container ul li.current_page_item > a:link, #navi .menu-hauptmenue-container ul li.current_page_item > a:visited, #navi .menu-hauptmenue-container ul li.current_page_item > a:active, #navi .menu-hauptmenue-container ul li.current_page_ancestor > a:active, #navi .menu-hauptmenue-container ul li.current_page_ancestor > a:link,  #navi .menu-hauptmenue-container ul li.current_page_ancestor > a:visited {
border:none !important;
}
#navi .menu-hauptmenue-container ul li.current_page_item > a:link, #navi .menu-hauptmenue-container ul li.current_page_item > a:visited, #navi .menu-hauptmenue-container ul li.current_page_item > a:active, #navi .menu-hauptmenue-container ul li.current_page_ancestor > a:active, #navi .menu-hauptmenue-container ul li.current_page_ancestor > a:link,  #navi .menu-hauptmenue-container ul li.current_page_ancestor > a:visited {
border:none !important;
}
#navi .menu-hauptmenue-container ul li.menu-item-has-children a.hover ~ ul.sub-menu, #navi .menu-hauptmenue-container ul li.menu-item-has-children a:hover ~ ul.sub-menu{
border:none !important;
}
#navi .menu-hauptmenue-container ul li ul.sub-menu li a:hover, #navi .menu-hauptmenue-container ul li ul.sub-menu li.current-menu-item a:active, #navi .menu-hauptmenue-container ul li ul.sub-menu li.current-menu-item a:hover, #navi .menu-hauptmenue-container ul li ul.sub-menu li.current-menu-item a:visited, #navi .menu-hauptmenue-container ul li ul.sub-menu li.current-menu-item a:link {
border-bottom: none !important;
}
}
@media screen and (max-width:400px){ #navi .menu-hauptmenue-container ul li a{	font-size:16px;	} 	} #wrapper{
width:100%;
float:left;
padding-bottom: 0px;
min-height: 600px;
background-color: #f2f2f2;
margin-bottom: 0px;
}
.single-immobilien div#wrapper {
background: #fff;
}
#content{
width:100%;
height:auto;
padding: 40px 0px 30px 0  ;
margin:0 auto;
overflow:hidden;
border-bottom: 40px solid #fff;
}
.single-immobilien #content{
padding: 40px 60px 30px 0  ;
}
.home #content {
width: 1280px;
height: auto;
padding: 40px 0 30px 0;
margin: 0 auto;
margin-top: -350px;
position: relative;
overflow: visible;
z-index: 1000 !important;
border: none;
}
.content-wrapper {
background-color: #fff;
padding: 30px;
overflow: hidden;
}
.search-startseite.immobiliensuche {
margin-bottom: 30px;
}
.c66{
padding-right:50px;
}		
@media screen and (max-width:1420px){ 
.home #content, #content{width:100%;padding:0 0px;}
.single-immobilien div#wrapper {
padding: 0 20px;
}
}
@media screen and (max-width:1280px){ 
.home #content {
margin-top: -265px;
}
}
@media screen and (max-width: 980px){
.home #content {
margin-top: -149px;
}
}
@media screen and (max-width:680px){
.home #content {
padding-top: 10px;
margin-top:0;
padding:0 0px;
}
.c66{padding:0 20px 30px 20px;}
} footer {
width: 100%;
height: 300px;
margin-top: -360px;
color: #565d65;
font-size: 16px;
line-height: 130%;
clear: both;
background-color: #f2f2f2;
display: table-row;
}
#footer-content {
width: 1280px;
height: auto;
margin: 0 auto;
overflow: hidden;
padding-top: 15px;
padding-bottom: 30px; background-repeat: no-repeat;
background-position: right top;
background-size: 100px;
}
#footer-left {
width: 60%;
height: auto;
padding: 30px 2.5% 2.5% 0;
float: left;
}
div#footer-left .c02:last-child {
padding-left: 30px;
}
#footer-right{
width:40%;
height:auto;
padding:30px 130px 2.5% 2.5%;
float:left;
}
div#footer-bottom {
background-color: #fff;
overflow: hidden;
width: 100%;
padding: 30px 30px 0px 30px;
} form.wpcf7-form div#name-email{
width:100%;
height:auto;
float:left;
}
div.kontakt-name input, div.kontakt-email input{width:100%; margin-bottom:10px;  background-color:#f5f5f5; border:none;}
div.kontakt-name{
width:50%;
height:auto;
float:left;
padding-right:4%;
}
div.kontakt-email{
width:50%; 
height:auto;
float:left; }		
div.kontakt-text{ width:100%; clear:both;}
.wpcf7-textarea, span.your-message{width:100%; height:90px; background-color:#f5f5f5; border:none;}
footer ::-webkit-input-placeholder { color:#565d65; }
footer ::-moz-placeholder { color:#565d65; } footer :-ms-input-placeholder { color:#565d65; } footer input:-moz-placeholder { color:#565d65; }
footer input{ width:100%; height:30px;}
footer input.wpcf7-submit{width:100px; height:50px; background:#565d65;}
#footer-right textarea:focus{outline: none !important; border:none;}
footer span.wpcf7-not-valid-tip{
font-size:11px;
margin:-5px 0 0 0 ;
padding:0;
}
.wpcf7-response-output{display:none;}
#footer-right .div.wpcf7-response-output{margin:0  !important; padding:0; position:relative; z-index:5;}
.googlemap{
width:100%;
height:260px;
padding-top:25px;
color:#818181;
}
ul#menu-footermenue{
width:1280px;
height:auto;
clear:both;
margin:0 auto;
color:black;
overflow:hidden;
padding: 0;
}	
ul#menu-footermenue li{
padding:0;
float:left;
list-style-type:none;
padding-right:15px;
}
ul#menu-footermenue li a:link, ul#menu-footermenue li a:visited, ul#menu-footermenue li a:active, ul#menu-footermenue li a:hover{ text-decoration:none; color:#565d65;}
footer a:link, 
footer a:active, 
footer a:hover, 
footer a:visited{
color:#565d65; 
text-decoration:none;
}
.social-media img {
width: 40px;
float: right;
margin: 10px 0px 0 10px;
border: 1px solid #565d65;
}.social-media {
opacity: 1;
overflow: hidden;
text-align: right;
}
ul#menu-footermenue02 {
padding: 0;
list-style: none;
margin-top: 0;
}
@media screen and (max-width:1420px){ 
#footer-content{width:100%; padding:30px;}
nav#footer, ul#menu-footermenue{
padding-left:2.5%;
width:97.5%;
}
#footer-top h1{margin:0; padding:0;}
div#footer-bottom {
padding: 30px 30px 30px 30px;
}
}
@media screen and (max-width:680px){ 
#footer-content {
background-size: 53px;
}	
footer{height:auto;}
#footer-left, #footer-right{width:100%; padding: 0; clear:both;}
#footer-left{padding:0;}
.adresse{padding-bottom:30px;}
nav#footer, ul#menu-footermenue{
padding-left:2.5%;
width:97.5%;
}
}
@media screen and (max-width:480px){ 
#footer-content {
background-size:30px;
}	
}