/* cmsms stylesheet: Layout-v2 modified: 19.03.2024 16:17:55 */
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=b3f2557d-16be-4fd1-8cd8-6cc378e185d0");
    @font-face{
        font-family:"Century Gothic W01";
        src:url("../../Fonts/bd45538f-4200-4946-b177-02de8337032d.eot?#iefix");
        src:url("../../Fonts/bd45538f-4200-4946-b177-02de8337032d.eot?#iefix") format("eot"),url("../../Fonts/700cfd4c-3384-4654-abe1-aa1a6e8058e4.woff2") format("woff2"),url("../../Fonts/9908cdad-7524-4206-819e-4f345a666324.woff") format("woff"),url("../../Fonts/b710c26a-f1ae-4fb8-a9fe-570fd829cbf1.ttf") format("truetype"),url("../../Fonts/c9e387df-c0d3-42e1-8de6-78c41f68594c.svg#c9e387df-c0d3-42e1-8de6-78c41f68594c") format("svg");
    }
    /*@font-face{*/
    /*    font-family:"CenturyGothicW01-Italic";*/
    /*    src:url("Fonts/38471ac0-7849-4a39-9f97-f89d78f42142.eot?#iefix");*/
    /*    src:url("Fonts/38471ac0-7849-4a39-9f97-f89d78f42142.eot?#iefix") format("eot"),url("Fonts/79803af7-369c-4a5f-bc95-fb69ee7e77f8.woff2") format("woff2"),url("Fonts/483a662e-88d8-4865-8dd3-1515c67fe28b.woff") format("woff"),url("Fonts/d29e72e3-fcd5-4fa6-8cfb-986a2e33e105.ttf") format("truetype"),url("Fonts/1e08e1b1-b459-4819-95bc-54667cb4d9b5.svg#1e08e1b1-b459-4819-95bc-54667cb4d9b5") format("svg");*/
    /*}*/
    /*@font-face{*/
    /*    font-family:"Century Gothic W01 Bold";*/
    /*    src:url("Fonts/b247e158-e647-4a3d-9637-944de5124043.eot?#iefix");*/
    /*    src:url("Fonts/b247e158-e647-4a3d-9637-944de5124043.eot?#iefix") format("eot"),url("Fonts/bc0668e2-e5c8-45ce-954d-3b998c6b6803.woff2") format("woff2"),url("Fonts/2ef5ecda-1772-45e2-843f-a13f5d76ed3a.woff") format("woff"),url("Fonts/33cf10ca-a6bb-4888-a320-d38720c9847b.ttf") format("truetype"),url("Fonts/3428a0e6-cb4d-408a-8331-cc78554ab49c.svg#3428a0e6-cb4d-408a-8331-cc78554ab49c") format("svg");*/
    /*}*/
    /*@font-face{*/
    /*    font-family:"CenturyGothicW01-BoldIt";*/
    /*    src:url("Fonts/620781dc-b993-429f-ace1-722c9b2ba789.eot?#iefix");*/
    /*    src:url("Fonts/620781dc-b993-429f-ace1-722c9b2ba789.eot?#iefix") format("eot"),url("Fonts/2829a59f-b2f8-4272-a496-b2e4e9bdc87e.woff2") format("woff2"),url("Fonts/3bd69eb9-2110-4d97-989e-99a659576659.woff") format("woff"),url("Fonts/8edaed62-069c-4a3b-87f5-fc14b5cdaec3.ttf") format("truetype"),url("Fonts/d5c40f0a-3098-4a2b-8cbb-84524c2a29bc.svg#d5c40f0a-3098-4a2b-8cbb-84524c2a29bc") format("svg");*/
    /*}*/
    @font-face{
        font-family:"Century Gothic WGL W01 Regular";
        src:url("../../Fonts/e2b808bf-65e1-4867-9ad4-3ae158e85cf7.eot?#iefix");
        src:url("../../Fonts/e2b808bf-65e1-4867-9ad4-3ae158e85cf7.eot?#iefix") format("eot"),url("../../Fonts/2cc446f2-1b3b-4f83-b008-97c8c0f04fac.woff2") format("woff2"),url("../../Fonts/7febee0b-b288-4850-9a55-85fc97528219.woff") format("woff"),url("../../Fonts/83a13a3a-c7ad-474a-8b17-5a358d329b5c.ttf") format("truetype"),url("../../Fonts/0ac106d8-6dfd-4a0d-ae73-0bcd99c68f2d.svg#0ac106d8-6dfd-4a0d-ae73-0bcd99c68f2d") format("svg");
    }
    @font-face{
        font-family:"Perpetua MT W01";
        src:url("../../Fonts/640e04bf-5082-42d9-b3c5-ee73d7b4acc2.eot?#iefix");
        src:url("../../Fonts/640e04bf-5082-42d9-b3c5-ee73d7b4acc2.eot?#iefix") format("eot"),url("../../Fonts/11a458a5-2235-4e9d-9a86-454533882c51.woff2") format("woff2"),url("../../Fonts/80398ad4-b81d-4d11-962e-a5789b20b6a3.woff") format("woff"),url("../../Fonts/50adb340-70d0-4c89-9c96-c19f88402b2b.ttf") format("truetype"),url("../../Fonts/8a9ab553-0bd1-4d83-baa7-959b52510415.svg#8a9ab553-0bd1-4d83-baa7-959b52510415") format("svg");
    }
    /*@font-face{*/
    /*    font-family:"Perpetua MT W01 Bold706778";*/
    /*    src:url("Fonts/e2d29320-abc9-4e04-a74e-a01e8eb922da.eot?#iefix");*/
    /*    src:url("Fonts/e2d29320-abc9-4e04-a74e-a01e8eb922da.eot?#iefix") format("eot"),url("Fonts/ce341af7-4489-4d45-8df2-3f16d637c401.woff2") format("woff2"),url("Fonts/aa919f00-a7b6-44ab-96c7-4e2d075d7e6b.woff") format("woff"),url("Fonts/e9c77f47-de84-466e-b548-fcb6102f5eb0.ttf") format("truetype"),url("Fonts/b4a45206-2525-4cf6-91e1-a481f4b4cf8f.svg#b4a45206-2525-4cf6-91e1-a481f4b4cf8f") format("svg");*/
    /*}*/
    
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
    font-family: 'Open Sans', sans-serif;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.clear {
    clear: both;
}
div#bannerwrapper {
    width: 100%;
    position: relative;
    float: left;
}
/*nino*/
#bannerbg{
    min-height:300px;
    margin-top:100px;
}

.in-slide-content {
    position: absolute;
    bottom: 60px;
    left: 0;
    width: 100%;
    display:none !important;
}
.in-slide-content p {
    text-align: center;
    text-transform: uppercase;
    position: relative;
    top: 38px;
    color: #FFFFFF;
    font-size: 33px;
    /*font-family: 'Josefin Sans', sans-serif;*/
    font-family: serif;
    font-weight: 600;
}
div#logo, #logopages {
    position: absolute;
    top: 0;
    width:100%;
    text-align:center;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, 0);
    background-color: rgba(255, 255, 255);
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    padding: 30px 20px;
}

div#logo{
   padding: 30px 20px 30px; 
}

#logo.logohome img {
    width: 530px;
    height: auto;
}

#logo img{
    width: 500px;
    height: auto;
}
#logopages img {
    width: 320px;
    height: auto;
}

.app-icon {
    margin-top: 20px;
    letter-spacing: 0;
}

.app-icon a{
    color:#86754d;
    text-decoration:none;
}

.app-icon img {
    margin-left: auto;
    width: 55px;
    display: block;
}

.app-icon p {
    padding-right: 10px;
}

a.app img {
    width: 38px;
    margin: 0;
    margin-bottom: -8px;
    margin-left: -18px;
}

#kontakt {
    color: #86754d;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 17px;
    padding: 11px 20px;
    letter-spacing: 3px;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    text-align:right;
}
#kontakt i {
    font-size: 32px;
    position: absolute;
    top: 8px;
    right: 117px;
}

#kontakt p a {
    color: #86754d;
    text-decoration: none;
}
#kontakt > p:nth-child(2) {
    position: relative;
    margin-top: 21px;
}
#kontakt p .envelope {
    position: absolute;
    left: -33px;
    height: 26px;
    margin: 0;
    top: -3px;
}
.bannerarrow {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    color: #987F53;
    font-size: 60px;
    padding: 5px 20px 5px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    z-index: 200;
    cursor: pointer;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
}
.bannerarrow:hover {
    color: #000;
}

.points-img {
    width: 50px;
    /* height: 46px; */
    float: left;
    margin-right: 15px;
}

#arrowleft {
    left: 0;
}
#arrowright {
    right: 0;
}
#down {
    position: absolute;
    /*padding: 20px;*/
    box-sizing: border-box;
    bottom: 0px;
    width: 100%;
    text-align: center;
    font-size: 60px;
    color: #987F53;
    animation: 3s move infinite;
    cursor: pointer;
    transition: color 0.5s ease;
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
}
#down:hover {
    color: #000;
}
@keyframes move {
    20% {
        bottom: 0px;
    }
    60% {
        bottom: 20px;
    }
    100% {
        bottom: 0px;
    }
}
div#homewrapper {
    float: left;
    width: 100%;
    background-color: #fff;
    position: relative;
}
div#home {
    width: 1200px;
    margin: 30px auto 70px;
    text-align: center;
}
#home h1 {
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Perpetua MT W01';
    font-size: 59px;
    color: #86754d;
    font-weight: 400;
    margin-bottom: 40px;
    text-transform: uppercase;
}
#home p {
    color: #88837c;
    color: rgba(0, 0, 0, 1);
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}
div#boxwrapper {
    float: left;
    width: 100%;
}
div#boxen {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 50px;
    /*border-bottom: solid 1px #b2a287;*/
}
.textholder {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 1);
    width: 100%;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
}
.box {
    width: 32.333333%;
    margin: 0.5%;
    height: 190px;
    float: left;
    position: relative;
    cursor: pointer;
    filter: opacity(0.8);
    -webkit-filter: opacity(0.8);
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.mfp-hide {
    display: none !important;
}
.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 1280px;
    margin: 85px auto;
}

.box:hover .textholder {
    background-color: rgba(255, 255, 255, 1);
}
.box h2, .box3 h2 {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 35px !important;
    color: #6a5424;
    padding: 10px 0;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize !important;
    font-variant: small-caps !important;
}
.box  h2{
    font-weight:600 !important;
}
.textholder h2 {
    margin: 0 !important;
}
.box:hover > h2 {
    color: #594b2a;
}
div#footerwrapper {
    float: left;
    width: 100%;
}
div#footer {
    width: 1200px;
    margin: 50px auto 0;
    font-family: 'Josefin Sans', sans-serif;
}
.footerbox {
    width: 40%;
    float: left;
    min-height: 20px;
    margin-bottom: 20px;
}
.footerbox:nth-child(2n+1) {
    margin-right: 20%;
}
.footerbox h2 {
    color: #86754d;
    font-size: 18px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.twenty {
    float: left;
    width: 30%;
    color: #86754d;
    text-align: center;
    margin-top: 5px;
    font-size: 15px;
}
.twenty.spacer {
    width: 5%;
}
.twenty a {
    text-decoration: none;
    color: #86754d;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

a.no-decoration-right {
    float:right;
    text-decoration: none;
    /*font-size: 20px;*/
    color: #86754d!important;
    font-size: 27px;
    pointer-events:all;
}





#socialmedia, .socialmedia {
    margin: 0 0 20px 0;
    text-align: center;
}
#socialmedia a, .socialmedia a {
    font-size: 31px;
    margin: 0 7%;
}

.socialmedia a{
    color:#86754d;
}

.socialmedia .fa {
    margin-bottom:5px;
}

#socialmedia span, .socialmedia span {
    float: left;
    width: 25%;
    text-align: center;
}
#socialmedia .fa-instagram , .socialmedia .fa-instagram {
    color: white!important;
    background-color: #86754d;
    padding: 1px 3px;
    border-radius: 10px;
}

.socialmedia-top{
    position: absolute;
    width: 31px;
    top: 39px;
}

.socialmedia-top a {
    margin: 5px 0 0;
    display: block;
}

.socialmedia-top .socialmedia .fa {
    margin: 0;
}

.standort {
    float: left;
    width: 50%;
    color: #86754d;
    margin-bottom: 15px;
}
.standort p {
    font-size: 16px;
    line-height: 20px;
}
.standort h3 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
}
.news {
    float: left;
    width: 100%;
    /*border-bottom: solid 1px #b2a287;*/
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.bild {
    float: left;
    height: 120px;
    margin-right: 40px;
}
.bild img {
    width: auto;
    height: 100%;
}
.news p {
    color: #86754d;
    float: left;
    line-height: 100px;
    font-size: 16px;
    text-transform: uppercase;
}
.news a {
    color: #86754d;
    color: rgb(134,117,77);
    text-decoration: none;
    font-weight:600;
    font-family: 'Open Sans', sans-serif;
}
.adresse {
    margin-bottom: 15px;
}
#footer .fa {
    margin-left: -20px;
    margin-right: 9px;
    color: #86754d;
}
p.about {
    color: #86754d;
    font-size: 15px;
    margin-top: 10px;
    text-align: center;
}
.about a {
    color: #86754d;
    text-decoration: none;
    font-size: 15px;
    text-transform: uppercase;
}
.center{
    text-align:center;
}

/** PAGES **/

div#background {
    float: left;
    width: 100%;
    /*height: 300px;*/
    height:214px;
    /*border-bottom: solid 2px #d4ccbf;*/
    position: relative;
    background: url(../../uploads/images/layout/pagesbg.png) center center no-repeat;
    background-size: cover;
}

/*div#logopages {*/
/*    width: 390px;*/
/*    margin: 0 auto;*/
/*    background-color: rgba(255, 255, 255, 0.8);*/
/*    box-sizing: border-box;*/
/*    padding: 15px 20px;*/
/*}*/
/*#logopages img {*/
/*    width: 350px;*/
/*    height: auto;*/
/*}*/
div#contentwrapper {
    float: left;
    width: 100%;
    background-color: #fff;
}
div#content {
    width: 1200px;
    margin: 80px auto 0;
    border-bottom: solid 1px #c5b194;
    padding-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
}
#content h1 {
    background: transparent;
    position: relative;
    font-family: 'Josefin Sans', sans-serif;
    color: #7b6735;
    color: rgba(134,117,77,1);
    padding: 0px 0px 15px 0px;
    font-weight: normal;
    margin-bottom: 15px;
    text-align: left;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 600;
}
/*#content h1:before {
    position: absolute;
    content: "";
    width: 100%;
    background-color: #7b6735;
    left: 0px;
    top: 9px;
    z-index: 99;
    height: 1px;
}*/
#content h1 > span {
    background: white;
    position: relative;
    display: inline-block;
    padding: 0 20px 0 0;
    z-index: 100;
}
#content h2 {
    font-family: 'Century Gothic W01';
    /*font-family: 'Josefin Sans', sans-serif;*/
    color: #6a5424;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 24px;
}
#content p {
    color: #000;
    color: rgba(0, 0, 0, 1);
    /*color: rgb(136,131,124);*/
    /*font-family: 'Open Sans', sans-serif;*/
    font-family: 'Century Gothic W01';
    line-height: 24px;
    margin-bottom: 15px;
    font-size: 16px;
}
#content .lefttext p {margin-bottom:9px;}
#content a {
    color: #c5b38c;
    text-transform: uppercase;
}
#content strong {
    color: #c5b38c;
    color: rgb(134,117,77);
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}
#content .box2 {
    float: left;
    width: 50%;
    position: relative;
}
#content .box2_text {
    float: left;
    width: 50%;
    text-align: center;
}
#content .box2 img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    filter: opacity(0.6);
    -webkit-filter: opacity(0.6);
}
#content .box2 a:hover > img {
    filter: opacity(1);
    -webkit-filter: opacity(1);
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}
#content .box2:hover > img {
    filter: opacity(1);
    -webkit-filter: opacity(1);
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}
#content .box2 p {
    color: #85744c;
    font-size: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-shadow: 0px 0px 80px rgba(255, 255, 2555, 1);
    font-weight: 300;
    text-align: center;
    line-height: 45px;
}
#content .box2:hover > p {
    color: #594b2a;
}
.box3 {
    /*float: left;*/
    display: inline-block;
    width: 31%;
    box-sizing: border-box;
    margin: 1%;
    position: relative;
    cursor: pointer;
}
.box3 img {
    width: 100%;
    height: 100%;
    opacity: 0.8;
}
.box3 .textholder {
    text-align: center;
    padding: 5px 0;
    bottom: -1px;
}
.box3 .textholder img {
    width: auto;
    height: auto;
}
.box3:hover .textholder {
    background-color: rgba(255, 255, 255, 1);
}
#content .box3 .textholder p {
    margin-bottom: 0;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 30px;
    color: #6a5424;
    padding: 10px 0;
    text-transform:none;
    text-align: center;
    font-weight: 500;
    text-transform: capitalize !important;
    font-variant: small-caps !important;
}
.box3 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
/*#content .box3 {
    float: left;
    width: 33%;
    background-color: #E6E6E6;
    position: relative;
}
#content .box3 img {
    width: 100%;
    height: auto;
    filter: opacity(0.6);
    -webkit-filter: opacity(0.6);
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}
#content .box3:hover > img {
    filter: opacity(0.8);
    -webkit-filter: opacity(1);
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}
#content .box3 p {
    color: #85744c;
    font-size: 45px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-shadow: 0px 0px 80px rgba(255, 255, 2555, 1);
    font-weight: 300;
}
#content .box3:hover > p {
    color: #594b2a;
}*/
.no-text-transform{
    text-transform:none !important;
}

#content .button {
    border: 1px solid #7b6735;
    padding: 3px 20px;
    border-radius: 1px;
    margin-right: 20px;
    color: #7b6735;
    cursor: pointer;
    font-weight:100;
    text-decoration: none;
    text-transform:none;
    opacity:0.7;
}
#content .button:hover {
    opacity: 0.4;
}
.btn-right{
    float: right;
    border-radius: 6px !important;
    background: #7b6735;
    color: white !important;
    opacity: 0.7;
    font-size: 15px;
}
.left {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 20px;
}
.left img {
    width: 100%;
    height: auto;
}
.right {
    width: 48%;
    float: left;
}
.right img {
    width: 100%;
    height: auto;
}
.article {
    margin-bottom: 10px;
}
.leftbox {
    float: left;
    width: 540px;
    margin-right: 30px;
    position:relative;
}
.leftbox img {
    width: 100%;
    height: auto;
}
.lefttext {
    float: left;
    width: calc(100% - 580px);
}
.pageoverflow {
    float: left;
    width: 24%;
    margin-right: 1%;
}
.pageoverflow input[type="submit"] {
    width: 250px;
    height: 45px;
    background-color: #ffffff;
    border: 1px solid #CACACA;
}
.pageoverflow .cms_dropdown {
    width: 250px;
    height: 45px;
    border: 1px solid #CACACA;
}
#content .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border-radius: 50px;
}
#content .ui-slider-horizontal .ui-slider-handle {
    top: 0;
}
#content .ui-widget-content {
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
    border-color: #000000;
}
#content .ui-widget-header {
    background: none;
}
#content .kurztext .titel {
    /*color: #6f5f33;*/
    font-family: 'Perpetua MT W01';
    font-weight: 100;
    font-size: 22px;
    margin-bottom: 5px;
    color:#86754d;
}
#content .kurztext .ort {
    font-weight: 100;
    /*color: #c7b39b;*/
    color:#a49679;
    margin-bottom: 2px;
}
#content .kurztext .preis {
    font-weight: 700;
    /*color: #69582c;*/
    color:#86754d;
}

/** OBJEKTE **/

.objekte:nth-child(2n+1) {
    margin-right: 2%;
}
.objekte {
    width: 49%;
    float: left;
    margin-bottom: 30px;
    position: relative;
    max-height:368px;
}
.objekte a {
    width: 100%;
    position: absolute;
    min-height: 100%;
    top: 0;
    left: 0;
    z-index:999999999;
}
/*.hauptbild {*/
/*    width: 100%;*/
/*    height: 355px;*/
/*    background: #DEDEDE;*/
/*}*/

.hauptbild {
    width: 80%;
    height: auto;
    margin: 0 auto 10px;
    background: #DEDEDE;
}


.hauptbild img {
    width: 100%;
    height: 100%;
}
.kurztext {
    text-align: center;
    line-height: 25px;
}
#detail h2 {
    /*color: #706034;*/
    color: #86754e;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 3px;
}
#detail h3 {
    /*color: #c8b49c;*/
    color:#91805d;
    font-size: 18px;
    margin-bottom: 10px;
}
.detailgallery {
    float: left;
    width: 60%;
    /*height: 480px;*/
    margin-right: 5%;
}
.facts {
    float: none;
    width: 100%;
    height: auto;
}
.facts-row {
    overflow: hidden;
    padding: 0 5px;
}
/*.key p {
    color: #676867 !important;
}*/

#detail .facts h3 {
    margin-bottom: 25px;
    font-weight: 500;
    font-size: 22px;
    color: #897850;
}
#content .key p,
#content .value p {
    margin-bottom: 9px;
}
#content .key {
    font-weight: 700;
}
#content .value {
    font-weight: 300;
}

.facts .value{
    width:180px !important;
}

#content .value,
#content .key {
    float: left;
    /*width: 50%;*/
    width:auto;
}
.facts-row:nth-of-type(odd) {
    background: #f3f1ed;
}


/*#slider .slides img {*/
/*    max-height: 370px;*/
/*    width: auto;*/
/*}*/

#bx-pager img {
    height: 70px;
    width: auto;
}

#content .flexslider .slides img {
    max-height: 370px;
}


#content .flexslider {
    margin: 0;
}
.description {
    margin-top: 40px;
    float: left;
    width: 70%;
}

#suchen, #kaufen {
    float: left;
    width: 45%;
    box-sizing: border-box;
    text-align: center;
}
#suchen {
    margin-right: 10%;
}
.sk, .wk, .si, .ks {
    margin: 30px 50px 50px 50px;
    /*background-color: #ecf3f5;*/
    padding: 20px;
    text-align: center;
    position: relative;
    min-height: 150px;
}

.quote {
    color: black !important;
}
.news-quote {
    color: black !important;
}
.sk h2, .wk h2, .si h2, .ks h2{
    font-family: 'Perpetua MT W01'!important;
    font-size: 25px!important;
    color:#86754d !important;
    
    text-transform:none!important;
    margin-bottom:0 !important;
}
.sk p.ort, .wk p.ort, .si p.ort {
    color: #86754d !important;
    font-weight: 100;
}

.sk p, .wk p, .si p, .ks p{
    /*color:#86754d !important;*/
    color:black;
    font-size: 14px !important;
    margin: 0 30px;
    line-height: 20px !important;
}

.si p:last-of-type {
    margin-bottom: 0 !important;
}
.si, .ks {
    width: 38%;
    float: left;
    /*background-color: #f1eee9;*/
}
.ks {
    /*background-color: #f7eeee;*/
    border: 1px solid #edebe4;
}
.ks h2.titel {
    margin: 0 auto 10px !important;
    width: 70%;
    text-align: center;
}
span.bold-text {
    color: #c1ae87;
    font-weight: 600;
    font-family: 'Perpetua MT W01'!important;
    font-size: 19px;
}

.contact-box {
    position: relative;
    /* bottom: -29px;
    left: 0;
    right: 0;*/
}
.contact-box h2 {
    /*font-family: 'Century Gothic' !important;*/
    font-family: 'Century Gothic W01' !important;
}
.contact-box a.herz {
    bottom: 2px;
    right: 8px;

}
a.herz{
    /*display:none;*/
    pointer-events: all;
}
#suchen .sk .titel, #kaufen .sk .titel {
    color: #7f622d;
    font-size: 20px;
    margin-bottom: 5px;
}
#suchen .sk .ort, #kaufen .sk .ort {
    color: #cdc5b8;
    margin-bottom: 10px;
}
#suchen .sk p, #kaufen .sk p {
    margin-bottom: 0px;
}
/** KONTAKT **/

.formbuilderform {
    height: auto;
}
div.error_message h4 {
    color: #E54040 !important;
    margin-bottom: 10px;
}
.fbsubmit {
    width: 200px;
    height: 30px;
    cursor: pointer;
}
.left .formbuilderform input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}
.formbuilderform input {
    /*width: 300px;*/
    /*height: 35px;*/
    padding:10px;
    /*background:#f3f1ed;*/
    background:#fff;
    border-color: transparent;
    /*background: none repeat scroll 0 0 #fefefe;*/
    border: 1px solid #86754d;
    padding-left: 5px;
    margin-bottom: 10px;
    color: #000000;
    transition: all 0.3s ease-in, all 0.3s ease-out;
    -moz-transition: all 0.3s ease-in, all 0.3s ease-out;
    -ms-transition: all 0.3s ease-in, all 0.3s ease-out;
    -o-transition: all 0.3s ease-in, all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-in, all 0.3s ease-out;
    font-family: 'Open Sans', sans-serif;
}

.formbuilderform label {
    color: #86754d;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    line-height: 1.4em;
    width: 320px;
}
.check {
    margin: 10px 0;
}
.formbuilderform div div label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 316px;
    font-size: 13px;
}
.formbuilderform div div label:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 70px;
    bottom: 1px;
    background-color: #fff;
    border: 1px solid;
    vertical-align: middle;
}
input[type=checkbox] {
    display: none;
}
input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    text-align: center;
    line-height: 30px;
}
.label2 label {
    width: 205px;
    margin-bottom: 5px;
}
.left .formbuilderform textarea {
    width: 100%;
    box-sizing: border-box;
}
.formbuilderform textarea {
    /*width: 295px;*/
    font-family: 'Open Sans', sans-serif;
    /*height: 150px;*/
    /*background: none repeat scroll 0 0 #fefefe;*/
    border: 1px solid #86754d;
    /*border-color: transparent !important;
    background:#f3f1ed !important;*/
    background:#fff;
    padding: 5px;
    margin-bottom: 5px;
    font-size: 13.5px;
    margin-bottom: 10px;
    color: #000000;
    resize: none;
    transition: all 0.3s ease-in, all 0.3s ease-out;
    -moz-transition: all 0.3s ease-in, all 0.3s ease-out;
    -ms-transition: all 0.3s ease-in, all 0.3s ease-out;
    -o-transition: all 0.3s ease-in, all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-in, all 0.3s ease-out;
}
.formbuilderform textarea:focus {
    background: none repeat scroll 0 0 #e8e8e8;
}
.formbuilderform select {
    width: 307px;
    margin-bottom: 10px;
    padding: 4px;
    height: 30px;
    background: none repeat scroll 0 0 #fefefe;
    border: 1px solid #acacac;
    transition: all 0.3s ease-in, all 0.3s ease-out;
    -moz-transition: all 0.3s ease-in, all 0.3s ease-out;
    -ms-transition: all 0.3s ease-in, all 0.3s ease-out;
    -o-transition: all 0.3s ease-in, all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-in, all 0.3s ease-out;
}
#sidebar .formbuilderform select:focus {
    background: none repeat scroll 0 0 #e8e8e8;
}
.left .formbuilderform .fbsubmit {
    margin-left: 0;
    float: right;
    border-radius: 5px;
    background-color: #98948a;
    color: #fff !important;
    font-weight: normal;
    /*text-transform: uppercase;*/
    border: none;
}
.left .formbuilderform .fbsubmit:hover {
    background-color: #c2baa6;
}
.formbuilderform .fbsubmit {
    width: 125px;
    height: 30px;
    margin-left: 320px;
    padding: 0;
    transition: all 0.3s ease-in, all 0.3s ease-out;
    -moz-transition: all 0.3s ease-in, all 0.3s ease-out;
    -ms-transition: all 0.3s ease-in, all 0.3s ease-out;
    -o-transition: all 0.3s ease-in, all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-in, all 0.3s ease-out;
}
.formbuilderform .fbsubmit:hover {
    background: none repeat scroll 0 0 #EEEEEE;
}
.formbuilderform option {
    margin-left: 4px;
}
.captcha {
    width: 220px;
}
.captcha img {
    width: 205px;
    margin-bottom: 10px;
}
.captcha input {
    margin-top: 10px;
}
.formbuilderform div.fb_invalid input {
    border: 1px solid #D1001E;
    transition: all 0.3s ease-in, all 0.3s ease-out;
    -moz-transition: all 0.3s ease-in, all 0.3s ease-out;
    -ms-transition: all 0.3s ease-in, all 0.3s ease-out;
    -o-transition: all 0.3s ease-in, all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-in, all 0.3s ease-out;
}
.formbuilderform div.fb_invalid input:focus {
    background: none repeat scroll 0 0 #F0F0F0 !important;
    border: 1px solid #D1001E;
}
.formbuilderform div.fb_invalid select {
    border: 1px solid #D1001E;
    transition: all 0.3s ease-in, all 0.3s ease-out;
    -moz-transition: all 0.3s ease-in, all 0.3s ease-out;
    -ms-transition: all 0.3s ease-in, all 0.3s ease-out;
    -o-transition: all 0.3s ease-in, all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-in, all 0.3s ease-out;
}
.formbuilderform div.fb_invalid textarea {
    border: 1px solid #D1001E !important;
    transition: all 0.3s ease-in, all 0.3s ease-out;
    -moz-transition: all 0.3s ease-in, all 0.3s ease-out;
    -ms-transition: all 0.3s ease-in, all 0.3s ease-out;
    -o-transition: all 0.3s ease-in, all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-in, all 0.3s ease-out;
}
fieldset.left,
fieldset.right {
    border: 0;
    width: 134px;
    height: auto;
    position: relative;
}
fieldset.right {
    float: right;
}
fieldset.left {
    float: left;
}
.radio div input {
    width: auto;
    margin-right: 50px;
    border: 0;
    background: none;
}
#content .formbuilderform .radio div input:focus {
    background: none !important;
}
.radio div {
    height: auto;
    width: auto;
    float: left;
}
.radio div label {
    width: auto;
    display: inline;
    padding-right: 10px;
}
.wie div {
    margin-bottom: 15px;
}

/** MENU **/


/* The side navigation menu */

#navigator {
    color: #86754d;
    text-transform: uppercase;
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 20px;
    letter-spacing: 3px;
    background-color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}
#navigator span {
    margin-bottom: 4px;
    display: block;
    width: 25px;
    background-color: #86754d;
    height: 3px;
}
.lines {
    float: right;
    margin: 0px 0 0 10px;
}
.sidenav {
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    padding-top: 60px;
    padding-bottom: 20px;
    transition: 0.5s;
    border-right: 0px solid transparent;
}
.sidenav.open {
    width: 0;
    position: absolute;
    z-index: 99999999999999;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    border-right: 3px solid #85754d;
    border-bottom: 3px solid #85754d;
}
.sidenav ul {
    width: 90%;
    margin: 0 auto;
}
.sidenav ul li {
    /*background-color: #f3f1ed;*/
    background-color:#fff;
    margin-bottom: 10px;
}
.sidenav ul li:first-child {
    /*margin-bottom: 25px;*/
}
.sidenav a {
    padding: 15px 8px 15px 15px;
    text-decoration: none;
    font-size: 20px;
    text-transform: capitalize !important;
    font-variant: small-caps !important;
    letter-spacing: 1px;
    color: #85754d;
    display: block;
    transition: 0.3s;
    white-space: pre;
}
.sidenav a:hover,
.offcanvas a:focus {
    color: #000;
}
.sidenav .menuactive {
    color: #000;
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 60px;
    padding: 0;
    font-weight: 100;
    background:none;
    color:#7b6735;
}
.sidenav .closebtn:hover{
    cursor:pointer;
}
.sidenav ul ul li:first-child{
    margin-bottom: 0;
}
.sidenav ul ul li {
    margin-bottom: 0px;
}
.sidenav ul ul li a {
    padding: 8px 8px 8px 15px;
}
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }
    .sidenav a {
        font-size: 18px;
    }
}

/*div#menu {
    width: 1200px;
    margin: 0 auto;
    margin-top: 70px;
    text-align: center;
}
#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}
#menu ul ul {
    opacity: 0;
    position: absolute;
    top: 160%;
    visibility: hidden;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    background-color: #fff;
}
#menu ul ul ul {
    top: 0%;
    left: 160%;
}
#menu ul ul li:hover > ul {
    top: 0%;
    left: 100%;
    opacity: 1;
    visibility: visible;
}
#menu ul li:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
#menu ul li {
    float: left;
    position: relative;
    cursor: pointer;
    padding: 10px 68px;
}
#menu ul li:last-child {
    padding-right: 0;
}
#menu ul li:first-child {
    padding-left: 0;
}
#menu ul ul li {
    float: none;
}
#menu ul a {
    color: #7b6735;
    display: block;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    line-height: 15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
#menu ul li ul a {
    text-align: left;
}
#menu ul li a:hover {
    color: #000000;
}
#menu ul li a.menuactive {
    color: #000000;
}
*/

.news-btn{
    float: right;
    border-radius: 6px !important;
    background: #7b6735;
    color: white !important;
    opacity: 0.4;
    padding: 8px 20px !important;
    font-weight: 700;
    font-size: 15px;
}


::-webkit-input-placeholder { 
  color: #86754d;
  font-family: inherit;
}
:-ms-input-placeholder { 
  color: #86754d;
  font-family: inherit;
}
::-moz-placeholder { 
  color: #86754d;
  font-family: inherit;
  opacity: 1;
}
:-moz-placeholder { 
  color: #86754d;
  font-family: inherit;
  opacity: 1;
}

input, textarea{
    color: #86754d !important;
    font-size:14px;
}

a:active,
a:hover {
  outline: 0;
}
input:focus,textarea:focus{
    background:#f3efe6;
}

input,textarea,select{
box-sizing: border-box;
outline-width: 0;
    width: 100%;
}
.formbuilderform label{
    display:none;
}
.formbuilderform .fbsubmit{
    margin-left:0;
}

.half{
    width:50%;
    float:left;
}
iframe.map{
    height:300px;
}

input#m580d3fbrp_submit, #mc2981fbrp_submit, #m4dd3bfbrp_submit, #m4dd3bfbrp_submit {
    background:#9e8e6b;
    -webkit-appearance: none;
    float: right;
    border-radius: 6px;
    color: white !important;
}

input#m580d3fbrp_submit:hover, #mc2981fbrp_submit:hover, #m4dd3bfbrp_submit:hover, #m4dd3bfbrp_submit:hover  {
    background: #c3baa6;
}

.addresswrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-bottom: 25px;
}
.addresswrapper {
    width: 100%;
}

.address {
    width: 30%;
    float: left;
    margin-right: 3%;
    font-family: 'Century Gothic W01';
}

.addresswrapper td {
    padding: 0 10px 6px 0;
}

.addresswrapper table{
    color: #86754d !important;
}

.addresswrapper, .addresswrapper p{
    color: #86754d !important;
}


.addresswrapper h2 {
    font-weight: 600 !important;
    font-size: 19px !important;
    color: #87754e !important;
}

.deactivated {
    pointer-events: none;
    /*opacity: 0.6;*/
}
/*.deactivated img {
    opacity: 0.6;
}*/
p.sold {
    color: #91ccd9 !important;
    font-weight: 600;
}

.hide{
    display:none;
}

textarea#fbrp__79 {
    max-height: 192px;
}

.address a{
    text-decoration:none;
    text-transform: lowercase !important;
    color:#86754d !important;
}
.address a:hover{
    text-decoration:underline;
}
.objekte.spezial {
    background: #f3efe8;
    margin: 2% 5%;
    width: 40%;
    min-height: 150px;
}
.suchen-box {
    padding: 10px 0;
    margin: 0 auto;
    background: #ecf3f5;
    width: 75%;
}

.suchen-box {
    padding: 20px 0;
    margin: 25px auto;
    background: #ecf3f5;
    width: 75%;
}

.suchen-box p {
    width: 70%;
    margin: 0 auto;
    font-size: 15px !important;
}

.suchen-box h3, .suchen-box h4 {
    color: rgba(134,117,77,1);
}

.suchen-box h3 {
    font-size: 24px;
    margin-bottom: 6px;
}

.suchen-box h4 {
    margin-bottom: 10px;
}
.suchen-box p {
    line-height: 21px !important;
    color: black !important;
    font-size: 13px !important;
}

.suchen-box.beige{
    background: #f3efe8;
}

.spezial-box {
    background-color: rgb(243, 239, 232);
    width: 80%;
    padding: 25px 10px;
    margin: 0 auto;
}

.spezial-box .titel {
    font-size: 21px !important;
    font-weight: 400 !important;
}

.spezial-box .wohnung,.spezial-box .preis {
    font-size: 16px !important;
    margin-bottom: 0 !important;
    color: black !important;
    font-weight: 400 !important;
}
.spezial-box .ort {
    font-size: 14px !important;
}

h3.spezial-titel {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 25px;
    margin: 10px 0;
    color:rgb(135, 118, 77);
}

/*
.hauptbild.sold:after {
    background: url(../../uploads/images/label/lightred/new/banner_verkauft.png);
    width: 80%;
    height: auto;
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    bottom: 0;
}
.hauptbild.aktuell_banner:after {
    background: url(/uploads/images/label/lightred/new/banner_aktuell.png);
    width: 80%;
    height: auto;

    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    bottom: 0;
}



.hauptbild.ankuendigung:after {
    background: url(../../uploads/images/label/lightred/banner_in_kuerze.png);
    width: 80%;
    height: auto;

    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    bottom: 0;
}
.hauptbild.nichtMehrImAngebot:after {
    background: url(../../uploads/images/label/lightred/banner_nichtMehrImAngebot.png);
    width: 80%;
 
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 10%;
}
.hauptbild.movie:after {
    background: url(../../uploads/images/label/lightred/banner_movie.png);
    width: 80%;

    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 10%;
}
.hauptbild.reserviert:after {
    background: url(../../uploads/images/label/lightred/new/banner_reserviert.png);
    width: 80%;
    height: auto;

    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    bottom: 0;
}
.hauptbild.top-angebot:after {
    background: url(../../uploads/images/label/lightred/top-angebot.png);
    width: 80%;

    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0%;
    right: 0;
    bottom: 10%;
    left: 0;
}
.hauptbild.vermietet:after {
    background: url(../../uploads/images/label/lightred/new/banner_vermietet.png);
    width: 80%;

    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 10%;
}
.hauptbild.neu_banner:after {
    background: url(../../uploads/images/label/lightred/new/banner_neu.png);
    width: 80%;
   
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 10%;
}



.leftbox.sold:after {
    background: url(../../uploads/images/label/lightred/new/banner_verkauft.png);
    width: 100%;
    background-size:100%;
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0;
    right:0;
    bottom: 0;
}
.leftbox.aktuell_banner:after {
    background: url(/uploads/images/label/lightred/new/banner_aktuell.png);
    width: 100%;
    background-size:100%;
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0;
    right:0;
    bottom: 0;
}



.leftbox.ankuendigung:after {
    background: url(../../uploads/images/label/lightred/banner_in_kuerze.png);
    width: 100%;
    background-size:100%;
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0;
    right:0;
    bottom: 0;
}
.leftbox.nichtMehrImAngebot:after {
    background: url(../../uploads/images/label/lightred/banner_nichtMehrImAngebot.png);
    width: 100%;
    background-size:100%;
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    
}
.leftbox.movie:after {
    background: url(../../uploads/images/label/lightred/banner_movie.png);
    width: 100%;
    background-size:100%;
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    
}
.leftbox.reserviert:after {
    background: url(../../uploads/images/label/lightred/new/banner_reserviert.png);
    width: 100%;
    background-size:100%;
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0;
    right:0;
    bottom:0;
}
.leftbox.top-angebot:after {
    background: url(../../uploads/images/label/lightred/top-angebot.png);
    width: 100%;
    background-size:100%;
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0%;
    right: 0;
    bottom: 10%;
    left: 0;
}
.leftbox.vermietet:after {
    background: url(../../uploads/images/label/lightred/new/banner_vermietet.png);
    width: 100%;
    background-size:100%;
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0%;
    right: 0;
    bottom: 0;
    
}
.leftbox.neu_banner:after {
    background: url(../../uploads/images/label/lightred/new/banner_neu.png);
    width: 100%;
    background-size:100%;
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0%;
    right: 0;
    bottom: 0;
    
}

/*-- Ende */

.sk.suchen:after{
    background: url(../../uploads/images/label/lightred/neu/suchen.jpg);
    width: 100%;
    height: 48px;
    background-size: cover;
    background-position: center;
    /*background-size: 53%;*/
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.sk {
    border: 1px solid #edebe4;
    padding: 70px 20px 20px 20px;
}

.ks.danke:after{
    background: url(../../uploads/images/label/lightred/neu/danke.jpg);
    width: 100%;
    height: 48px;
    background-size: cover;
    background-position: center;
    /*background-size: 53%;*/
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.wk.kaufen:after{
    background: url(../../uploads/images/label/lightred/neu/kaufen.jpg);
    width: 100%;
    height: 48px;
    background-size:cover;
    background-position: center;
    /*background-size: 53%;*/
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.wk {
    border: 1px solid #edebe4;
    padding: 70px 20px 20px 20px;
}

.si.suchen:after{
    background: url(../../uploads/images/label/Banner%20Suchen-spezial.png);
    width: 100%;
    /*background-size: 53%;*/
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.si.nicht_aktuell:after{
    background: url(../../uploads/images/label/Banner%20Nicht-mehr-Aktuell.png);
    width: 100%;
    /*background-size: 53%;*/
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.si.reserviert:after{
    background: url(../../uploads/images/label/Banner%20reserviert-spezial.png);
    width: 100%;
    /*background-size: 53%;*/
    background-repeat: no-repeat;
    z-index: 9999999;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


a.herz img {
    width: 22px;
    height: auto;
}

a.herz {
    position: absolute;
    right: 10%;
    bottom: 73px;
    left: auto !important;;
    top: auto !important;;
    width: auto;
    min-height: 0px;
}

.grossherz img{
    width:27px!important;
}

.grossherz{
    position:unset!important;
    float:right;
}


.eigenschaft{
    width:180px!important;
    float:left;
}

.wert p, .eigenschaft p{
    margin-bottom:0!important;
}

.wert p{
    color: #86754d!important;
    font-weight:700;
}

.color{
    color:#86754d;
}

p.projekt-button{
    margin-top:10px;
}

.phone{
    margin-bottom: 5px;
    margin-right: 20px;
}

.envelope{
    margin-right: 20px;
}

.fa-phone, .fa-envelope{
    margin-right:10px;
}

.icon-button{
    margin: 10px 0px;
    display: inline-block;
    width: 140px;
    text-align: center;
    padding-right: 25px;
}

.icon-button a{
    width: unset!important;
    text-align: center;
}

.sk .contact-box a.herz, .si .contact-box a.herz {
    display: block;
}
.small-caps{
    text-transform: capitalize !important;
    font-variant: small-caps !important;
}
.title-bold {
    color: rgb(134,117,77);
    font-weight: 600;
}
.hp-titel {
    color: #86754d;
    font-size: 18px;
    font-family: 'Perpetua MT W01';
    font-family: 'Century Gothic W01';
    font-weight: 600;
    display: block;
}

.hp-titel2 {
     color: #86754d;
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 8px;
    font-family: 'Perpetua MT W01';
    font-family: 'Century Gothic W01';
    font-weight: 500;
    display: block;
}

#team-wrapper {
    width: 100%;
}

.team-member {
    display: inline-block;
    width: 33%;
    position: relative;
    margin: 3% 8%;
}

.team-member img {
    width: 100%;
}
.nameplate {
    position: absolute;
    z-index: 99;
    bottom: 0px;
    width:100%;
    background: rgba(255, 255, 255, 0.7);
}

.nameplate h3,.nameplate p {
    text-align: center;
}
.nameplate h3 {
    font-family: 'Perpetua MT W01';
    color: #86754d;
    font-size: 26px;
    margin-top: 8px;
}

.nameplate p {
color:#c3ad95;
}

textarea#fbrp__82, textarea#fbrp__79 {
    height: 150px;
}

.text-beige{
    color:#86754d !important;
}
#detail h2 {
    font-family: 'Perpetua MT W01';
    font-size: 30px;
    font-weight: 200;
}

#detail h3{
    font-family: 'Century Gothic W01';
}
.facts h3 {
    font-weight: 700 !important;
}

/*.facts-row .value {*/
/*    padding-left: 5px;*/
/*}*/

.btn-detail-page{
        /*float: right;*/
    border-radius: 6px !important;
    background: #7b6735;
    color: white !important;
    opacity: 0.4;
    padding: 8px 20px !important;
    font-weight: 700;
    font-size: 15px;
}

#buttons a {
    margin: 10px 0;
    display: inline-block;
    width: 140px;
}

#buttons {
    text-align: center;
    margin: 80px 0 0 0;
}

a.bx-prev {
    left: -3px !important;
}

a.bx-next {
    right: -3px !important;
}

div#bx-pager {
    text-align: center;
}
p.url{
    margin:0 !important;
}
.url a {
    position: relative;
    text-transform: none !important;
    text-decoration:none;
}
.url a:hover{
    text-decoration:underline;
}

.footerbox:nth-child(2) .news:nth-child(1), .footerbox:nth-child(2) .news:nth-child(2), .footerbox:nth-child(2) .news:nth-child(3){
    float:right;
}
h2.small-caps.center {
    font-weight: 600 !important;
}
.objekte:hover, .leftbox:hover{
    animation: objekthover 500ms;
}

@-webkit-keyframes objekthover {
    0% {opacity: 1;}
    30% {opacity: 0.7;    -webkit-filter: contrast(1.2);}
    100% {opacity: 1;}
} 

/* Standard syntax */ 
@keyframes objekthover {
    0% {opacity: 1;}
    30% {opacity: 0.7;    -webkit-filter: contrast(1.2);}
    100% {opacity: 1;}
}
.contact-box a {
    text-decoration: none;
}

h1.event-h1 {
    background: transparent;
    position: relative;
    font-family: 'Josefin Sans', sans-serif;
    color: rgba(134,117,77,1);
    padding: 0px 0px 15px 0px;
    /*margin-bottom: 15px;*/
    text-align: left;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 600;
}

h2.event-h1 {
    background: transparent;
    position: relative;
    font-family: 'Josefin Sans', sans-serif;
    color: rgba(134,117,77,1);
    padding: 0px 0px 15px 0px;
    margin-bottom: 15px;
    text-align: left;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}
textarea#fbrp__114{
    width: 100% !important;
    margin: 0px;
}


/* cmsms stylesheet: fancybox modified: 05.12.2016 09:42:19 */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#FFF;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(fancybox_loading@2x.gif);background-size:24px 24px}}
/* cmsms stylesheet: responsive-v2 modified: 03.07.2019 14:06:51 */
#oeffnungszeiten-span{
    display:none;}
@media screen and (max-width: 1220px){
    div#boxen,div#footer{
        width:100%;    
    }
    #content {
        width: 94% !important;
        padding: 0 3% !important;
    }
    .si, .ks {
        width: 37%;
    }
    
    .footerbox{
        width:50%;
    }
    .footerbox:nth-child(2n+1) {
        margin-right: 0; 
}
.news{
    width:88%;
}
    
}
@media screen and (max-width: 1200px){
    div#home {
    margin: 50px auto;
    padding: 0 3%;
    width: 94%;
    }
    .box3 .textholder{
        padding:0;
    }
    .box {
    width: 48%;
    margin:1%;
    }
    .si, .ks {
        width: 34%;
    }
    .fancybox-inner{
        width:auto !important;
    }
    .fancybox-wrap{
        width:90% !important;
    }
}

@media screen and (max-width: 1100px){
  .leftbox{width: 540px;}
}

@media screen and (max-width: 980px){
    .si, .ks{
        margin: 30px 40px 50px 40px;
        width:35%;
    }
    .team-member {
        width: 43%;
        margin: 3% 3%;
    }
    /*nino*/
    #down{
        display:none;
    }
    #kontakt{
        display:none;
    }
    .socialmedia-top{
        display:none;
    }
    div#background{
        /*height:300px;*/
        height:180px;
            background: none!important;
    }
    /*div#logo, #logopages{
        width:65%;
        background-color: rgba(255, 255, 255, 0.8);
    }*/
    
    #bannerbg{
        margin-top:20%;
        opacity:1!important;
    }
    .sk, .wk{
        min-height:155px;
    }
    #navigator{
        right:0;   
        left: inherit;
        font-size:0;
        padding: 10px 12px;
    }
    #navigator span{
        height:2px;
    }
    .sidenav.open{
        position:absolute;
        width: 100% !important;
        border-right: 0px solid #85754d;
    }
    
    .lines{
        float:none;
        margin:0;
    }
    .leftbox{
        float:none;
        width:100%;
        margin-bottom:15px;
    }
    .lefttext {
     float: none; 
    width: 100%;
}
    
    div#footer {
        width:100%;
        margin: 10px auto;
    }
    div#subfooter {
    width: 100%;
    }
    /*.footerbox {*/
    /*float: none;*/
    /*padding: 0 3%;*/
    /*width: 94%;*/
    /*}*/
    
    /*nino*/
    .footerbox-bottom {
    float: none;
    padding: 0 3%;
    width: 94%;
    }
    .bild{
        display:none;
    }
    .box3{
        width:30%;
    }
    
    .footerbox:last-child {
    margin:15px 0;
    }
    .news:last-child {
    margin-bottom: 35px;
    }
    p.about{
        margin-bottom:25px;
    }

    #content{
        width:94% !important;
        padding:0 3% !important;
    }
    .footerbox h2 {
    text-align: center;
}
    .standort {
    text-align: center;
}
    div#subfooter {
    text-align: center;
}
.cright {
    text-align: center;
}

.bild {
    float: none;
    text-align: center;
    width: 300px;
    margin: 0 auto;
    height: auto;
}
.news p {
    float: none;
    text-align: center;
    line-height: 40px;
}
.bild img {
    width: 100%;
    height: auto;
}
a.herz{
    bottom:20px;
}
}
/*ACHTUNG MIN*/
@media screen and (min-width:860px){
    div#content{
        border-bottom:none;
    }
    }

@media screen and (max-width: 860px){
    p.about {
        font-size: 12px;
    }
    .description {
        float: left;
        width: 100%;
    }   
    
    div#boxen{
        border-bottom:none;
    }
    .left {
        width: 100%;
        float: none;
    }
    .si, .ks{
        margin: 30px 50px 50px 50px;
        width:auto;
        float:none;
    }
    
    .detailgallery{
        width:100%;
        float:none;
        height:auto;
        margin-right:auto;
    }
    
    div#detail {
        text-align: center;
        /*background: #f3f1ed;*/
        padding: 15px 0;
    }
    #detail h2{
        font-size:25px;
    }
    
    #bx-pager {
        display: none;
    }
    
    .facts .value {
        width: 50% !important;
        float: left !important;
    }
    .facts p {
        font-size: 22px !important;
        margin: 13px 0;
        padding: 0;
    }
    #content .value, #content .key{
        float:none;
    }
    .facts {
    float: none; 
    width: 100%;
    height: auto;
}
    
    #carousel{
        display:none;
    }
    .half img {
        width: 100%;
    }
#oeffnungszeiten-span{
    display:block;
    font-size:12px;
}
.addresswrapper table {
    width: 265px !important;
    margin: 0 auto;
}
.address, .addresswrapper table {
    width: 100%;
     float: none; 
     margin-right: auto; 
     margin-bottom: 15px;
    text-align: center;
}

.half{
    width:100%;
    float:none;
    margin-bottom:30px;
}
iframe.map{
    width:100%;
    margin-bottom:10px;
}

iframe.map:last-of-type{
    margin-bottom:30px;
}
}

@media screen and (max-width: 800px){
 
    #logo, #logopages{
        width:65%;
    }   
    #logo img, #logo.logohome img , #logopages img{
        width:100%;
        height:auto;
    }

}
@media screen and (max-width: 750px){
    .box {
    /*height: 250px;*/
    /*width: 100%;*/
    }
    #content .box2 p{
        font-size:30px;
    }
    #content .box2{
        float:none;
        width:100%;
    }
    
            .objekte{
            width: 100%;
        }
        .objekte.spezial {
            background: #f3efe8;
            margin: 3% 10%;
            width: 80%;
        }
    
    .box2 {
    float: none;
    width: 75%;
    text-align: center;
    margin: 0 auto;
}
#content .box3 .textholder p{
    font-size: 22px;
    font-size: 4vw;
}
.box3 {
    width: 47%;
}
}
@media screen and (max-width: 685px){
    .team-member {
        width: 93%;
        margin: 3% 3%;
    }   
    
    #suchen, #kaufen {
    width: 100%;
    margin: 0;
}
    .formbuilderform div div label {
    padding-left: 0;
    }  
    .formbuilderform label {
    width: 336px;
    }
    .formbuilderform .fbsubmit {
    margin-left: 0;
    }
    
    /*nino*/
    .box h2, .box3 h2{
        font-size: 30px !important;
        font-size:5vw !important;
    }
    .box h2 img {
        width: 33%;
    }
    #m580d3fbrp_submit{
        width:50% !important;
    }
    
    input, textarea {
        width: 100% !important;
        box-sizing: border-box;
    }
    
}

@media screen and (max-width: 600px){
    .in-slide-content p{
        display:none;
    }
    .box{
        height: 170px;
    }
    #bannerbg {
        min-height: 200px;
    }
    div#background{
        /*height:200px;*/
        height:125px;
    }
    
    div#logo{
        padding:30px 20px 40px;
    }

}
@media screen and (max-width: 470px){
    .sk,.wk, .si, .ks{
        margin:30px 10px 50px 10px;
    }
    .standort {
    width: 100%;
        text-align: center;
    }
    .standort:last-child{
        margin-top:15px;
        margin-bottom:15px;
    }
    .box2 {
        width: 100%;
    }
    .box{
        height: 150px;
    }
    

}
@media screen and (max-width: 455px){
    div#background{
        
        height:100px;
    }
    a.bx-prev {
        left: -12px !important;
    }
    
    a.bx-next {
        right: -12px !important;
    }
    .box{
        height: 120px;
    }
    #home h1 {
        font-size: 40px;
    }
    /*nino*/
    .footerbox{
        text-align:center;
    }
    .twenty {
    float: none;
    width: auto;
    display: inline-block;
    margin: 0 1%;
    }
    .twenty a {
        font-size: 14px;
    }
    .news a{
        font-size: 71%;
        font-size: 3vw;
    }
    .facts p{
        font-size: 16px !important;
    }
    
}

@media screen and (max-width: 400px){
    #m580d3fbrp_submit{
        width:100% !important;
    }
    #socialmedia a {
        margin: 0 6%;
    }
    
    .box h2 {
    /*font-size: 50px;*/
    }
    /*#logopages{*/
    /*    width:100% !important;*/
    /*}   */
    /*#logopages img{*/
    /*    margin: 0 3%;*/
    /*    width: 94%;*/
    /*}*/
    /*.box3 {*/
    /*width: 100%;*/
    /*}*/
    .contact-box a.herz {
        display: none;
    }
    .box2{
        width:100%;
    }
}
@media screen and (max-width:365px){
    .formbuilderform label {
    width: 97%;
    }  
    /*.sk h2, .wk h2, .si h2{*/
    /*    font-size:22px !important;*/
    /*}*/
    
}
@media screen and (max-width: 350px){
    .footerbox h2 {
    font-size: 22px;
    }
    .sk.suchen:after{
        background-size:85%;
    }
     div#background{
        height:75px;
    }
}
@media screen and (max-width: 330px){
    .formbuilderform input {
    width: 97%;
    }
    .formbuilderform textarea{
        width:97%;
    }
}