@charset 'utf-8';

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Book.eot');
    src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Book.woff2') format('woff2'),
        url('fonts/Gotham-Book.woff') format('woff'),
        url('fonts/Gotham-Book.ttf') format('truetype'),
        url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Light.eot');
    src: url('fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Gotham-Light.woff2') format('woff2'),
        url('fonts/Gotham-Light.woff') format('woff'),
        url('fonts/Gotham-Light.ttf') format('truetype'),
        url('fonts/Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

/******* Typography *******/

body {
    font-family: 'Gotham', sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #6a6c71;
    -webkit-font-smoothing: antialiased;
}
.clear{
    clear: both;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Gotham', serif;
    font-weight: 300;

    margin: 0 0 18px 0;

    color: #6f4f35;
}

h1 {
    font-size: 40px;
}

.section-head h1 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Gotham';
}
.quote-wrapper h1{
    font-size: 34px;
}
h2 {
    font-size: 30px;
}

h3 {
    font-size: 20px;
    line-height: 1.4; 
}
h3.gray{
    color: #696c70;
    font-family: 'Gotham', serif;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

p {
    margin: 0 0 0px 0;
    font-size: 24px;
    font-weight: 300;
    font-family: 'Gotham';
    line-height: 1.7;
    color: #6a6c71;
}

a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;

    color: #21201d;
}

a:hover,
a:focus {
    text-decoration: none;

    color: #b9830f;
}

ul,
ol {
    margin: 0 0 28px 0;
}

.lead {
    font-family: 'Gotham', serif;
    font-size: 24px;
    font-style: italic;
    line-height: 34px;

    color: #21201d;
}



/******* Buttons *******/

.btn {
    font-family: 'Gotham', sans-serif;
    font-size: 24px;
    line-height: 40px;
    font-weight: 600;
    padding: 10px 40px;
    border: none;
    border-radius: 4px;
}

.btn-default {
    color: #fff;
    background-color: #b9830f;
}

.btn-default:hover {
    color: #fff;
    background-color: #d79a16;
}

.btn-primary {
    color: #fff;
    background-color: #7d7b76;
}

.btn-primary:hover {
    color: #fff;
    background-color: #d79a16;
}

.btn-secondary {
    color: #8f7f5e;
    background-color: #e2ddd5;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #b9830f;
}

.btn-sm {
    font-size: 12px;

    padding: 6px 10px;
}

.btn-lg {
    font-size: 16px;

    padding: 13px 50px;
}

.btn-link {
    font-weight: 600;

    display: inline-block;

    margin-bottom: 20px;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #b9830f;
}

.btn-link:focus,
.btn-link:hover {
    color: #b9830f;
}



/******* Form *******/
h2.form_heading{
    font-size: 2.4vw;
}
.form-control {
    height: auto;
    line-height: 1;
    border: none;
    font-size: 20px;
    font-weight: 300;
    border-radius: 0px;
    padding: 6px 0;
    background: #fff;
    margin-bottom: 40px;
    border-bottom: 2px solid #c8cc8f;
    -webkit-box-shadow: none; 
    box-shadow: none; 
    line-height: 2;
    color: #273343;
}
.form-control:focus {
    border-color: #816e5f;
    outline: 0;
  /*  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #816e5f;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #816e5f;*/
}
select.form-control{
    background: #f2f2f2;
}
.form-control::placeholder{
    color: #273343;
    font-size: 18px;
}

.screen-reader-error{
    position: relative;
    clear: both;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 10px;
    margin: 20px 0;
    border: 1px solid transparent;
    display: none;
    font-size: 16px;
}
.screen-reader-response{
   position: relative;
    clear: both;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 10px;
    margin: 20px 0;
    border: 1px solid transparent;
    display: none;
    font-size: 16px;
}





input.error {       
    border: 1px solid red;
    margin-bottom: 8px;
    background: #ffe0e0 url(../images/error.png) no-repeat right 5px center;
}
input.sucess {      
    border: 1px solid #c7b587;
    margin-bottom: 8px;
    background: #f8fce0  url(../images/success.png) no-repeat right 5px center;
}


textarea.wpcf7-not-valid {
    border-bottom: 2px solid red; 
    
}
    


.senden_button{
    text-align: left;
}    
.senden_button .btn-custom{
    background: #e29b85;
    text-transform: capitalize;
}

.contact_form_cm .form_heading{
 color: #a0bbc2;
 }
.contact_form_cm ::placeholder{
    color: #000;
    font-size: 20px;
}
.contact_form_cm .description_content p{
    color: #000;
    font-size: 24px;
    line-height: 40px;
}
.mt90{
    margin-top: 90px;
}
/*
div.wpcf7-mail-sent-ok{
    clear: both;
    margin: 0;
    padding: 10px;
    background: #f8fce0  url(../images/success.png) no-repeat   right 0px top;
    background-position: 99% 6px;
    border: 1px solid #c7b587;
    position: relative;
    top: 10px;
}
 div.wpcf7-validation-errors {
    clear: both;
    margin: 0;
    padding: 10px !important;
    background: #ffe0e0 url(../images/error.png) no-repeat right 6px top;
    background-position: 99% 6px;
    border: 1px solid #f00;
    position: relative;
    top: 10px;
 }*/







/******* General CSS *******/

.sticky-wrapper{
    position: relative;
    z-index: 3;
}
#home{
    position: relative;
    z-index: 2;
}
#home .owl-controls{
    display: none;
}
.main-container {
    padding-top: 60px;
    padding-bottom: 100px;
}

.listnone {
    padding-left: 0;
    list-style: none;
}

.well-block {
    display: inline-block;
    padding: 30px;
    background-color: #f8f6f2;
}

.navbar>.container .navbar-brand, 
.navbar>.container-fluid .navbar-brand{
    margin-left: 0;
}

.cap-title {
    font-family: 'Gotham', sans-serif;
    font-size: 16px;
    font-weight: 600;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #b9830f;
}
.flex_box_container.boxes{
    text-align: left;
    position: relative;
}

.boxes .box_content{
    text-align: left;
}
.btn-custom {
    display: inline-block;

    margin: 30px 0;
    padding: 7px 66px;

    text-decoration: none;
    font-weight: 300;
    color: #fff;
    border-radius: 0;
    background: #e29b85;
}
.btn-custom .custom_link{
    color: #fff;
}

.btn-custom:hover,
.btn-custom:focus {
    color: #000;
    background: #ffe27e;
}

.section-head {
    padding: 20px 0;

    background: #816e5f;
}

.full-width-section {
    width: 100%;
}

.center {
    margin: 0;
    padding: 0;

    text-align: center;
}

.owl-slide {
    position: relative;
}

.owl-slide img {
    width: 100%;
}

.three-columns {
    display: block;
    clear: both;

    width: 100%;

    column-count: 3;
    column-gap: 30px;
    font-size: 16px;
    font-family: 'Gotham';
    font-weight: 300;
}

.two-columns{
    display: block;
    clear: both;

    width: 100%;

    column-count: 2;
    column-gap: 30px;
    font-size: 16px;
    font-family: 'Gotham';
    font-weight: 300;
}

.flex_container{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;

}
.border-vert-right{
    border-right: 2px solid #baa595;
}

.brown_section{
    background: #baa594;
    padding: 40px 0 20px 0;
}
.flex-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}
.section-1 .flex_box_container{
    padding-bottom: 60px;
}
.section-1 .position_abs{
    position: absolute;
    bottom: 0;
    left: 15px;
    margin: 0 0 0 0;
}

.section-1 .one_quarter{
    padding: 0 0 60px 15px;
}
.flex_box_container{
    flex: 1;
    align-content: center;
    text-align: center;
    margin-bottom: 30px;
}

.one_third{
    min-width: 33%;
    max-width: 33%;
}
.one_quarter{
    min-width: 24.9%;
    max-width: 24.9%;
    padding: 50px 25px;
}
.one_fifth {
    min-width: 20%;
    max-width: 20%;
    padding: 50px 25px;
}
.flex_box_cont_image img{
    width: 60%;
    max-width: 85px;
    height: 82px;
    margin-bottom: 30px;
}
.flex_box_cont_content p{
    font-size: 16px;
    color: #fff;
    line-height: 1.3;
    font-weight: 300;
    font-family: 'Gotham';
    text-align: center;
    width: 60%;
    margin: 0 auto;
}
.color1{
    background: rgba(136,124,114,1.0);
}
.color2{
    background: rgba(110,79,55,1.0);
}
.color3{
    background: rgba(186,165,149,1.0)
}
.color4{
    background: rgba(59,42,29,1.0);
}
.no-margin{
    margin: 0;
}
.pd-top{
    padding-top: 70px;
}
.pd-bottom{
    padding-bottom: 70px;
}
.contact-img{
    width: 100%;
    max-width: 220px;    
    margin-bottom: 20px;
}
h3.ppl_name,
.ppl_name{
    font-size: 24px;
    color: #000;
    line-height: 40px;
    font-family: 'Gotham';
    font-weight: 300;
}
.ppl_name a:hover{
    color: #a0bbc2;
}
.section6 .column-block{
    background-color: #f0f0f0;
}
.section6 .left-divider {
    margin-bottom: 0;
    line-height: 1.6;
    padding: 0px 0px 0px 35px;
    border-left: 2px solid #baa595;
    transform: translateY(192px);
    margin-left: 2.5%;
}
@media(min-width: 768px){
    .section6 .left-divider{
        margin-bottom: 140px;
    }
}
.section7 .left-divider {
    margin-bottom: 0;
    line-height: 1.6;
    padding: 0px 0px 0px 35px;
    border-left: 2px solid #baa595;
    transform: translateY(0px);
    margin-left: 2.5%;
}
.section6 p{
    margin-bottom: 0;
}
.section6 h3.contact_person{
    padding-top: 20px;
    color: #273343;
}

.section8 .flex_box_cont_image img{
    max-width: 65px;
    height: 62px;
}
.section8 .flex_box_cont_content{
    color: #7d7b76;
}

#footer{
    background: #ffe27e;

    -webkit-clip-path: polygon(0% 100%, 0% 140px, 100% 0%, 100% 100%);
    clip-path: polygon(0% 100%, 0% 140px, 100% 0%, 100% 100%);  
    padding: 200px 0 0 0px;
    min-height: 310px;
}
.copyright p{
    font-size: 18px;
    text-align: left;
    font-family: 'Gotham';
    padding: 20px 0;
    margin-bottom: 0;
    color: #a0bbc2;
}




#kontakt h4{
    color: #000;
    line-height: 1.5;
}
#kontakt p,
#kontakt p a{
    color: #000;
}
label{
    font-weight: 300;
    font-family: 'Gotham';
}
label.title{
    font-size: 24px;
    color: #000;
    line-height: 40px;
}
.loadmore{
    width: 100%;
}

/******* page header *******/

.page-header {
    position: relative;

    margin: 0;
    padding-top: 140px;
    padding-bottom: 100px;

    background: #efefef;
    background-size: cover;
}

.page-title {
    text-align: center;
    ;

    color: #fff;
}




/******* space *******/

.mbtm0 {
    margin-bottom: 0;
}

.mbtm1 {
    margin-bottom: 10px;
}

.mbtm2 {
    margin-bottom: 20px;
}

.mbtm3 {
    margin-bottom: 30px;
}

.no-padding {
    padding: 0;
}

.padding-right {
    padding-right: 0;
}

.padding-left {
    padding-left: 0;
}



/******* section *******/

.section-space_sm {
    margin-top: 20px;
    margin-bottom: 20px;
}

.section-space_md {
    margin-top: 50px;
    margin-bottom: 50px;
}

.section-space {
    margin-top: 100px;
    margin-bottom: 100px;
}
.section-space-bottom200{
    margin-bottom: 200px;
}
.section-color {
    background-color: #f8f6f2;
}

.section-title {
    font-family: 'Gotham';
    font-size: 5vmin;
    line-height: 1.3;
    font-style: normal;
    margin-bottom: 10px;
}
.section_subcontent{
    font-family: 'Gotham';
    font-size: 3vmin;
    font-style: normal;
    line-height: 1.3;
}

.section-supra {
    font-family: 'Gotham';
    font-size: 3vmin;
    font-style: normal;
    margin-bottom: 10px;
    line-height: 1.3;
}
.section-image img{
    width: 100%;
}




.section-content {
    font-family: 'Gotham';
    font-size: 18px;
    font-style: normal;
}
.box_content{
    font-size: 16px;
    font-family: 'Gotham';
    line-height: 1.3;
    color: #000;
}
.page-content p{
    font-size: 20px;
    font-family: 'Gotham';
    line-height: 1.5;
    color: #000;
}
/******** badge ******/

.gallery-block {
    position: relative;
}

.badge {
    font-family: 'Gotham';
    font-size: 15px;
    font-weight: 300;
    line-height: 1.3;


    position: absolute;
    z-index: 1221;
    right: 50px;
    bottom: -50px;

    display: inline-block;

    min-width: 10px;
    padding: 20px 14px;

    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

    color: #fff;
    border-radius: 50%;
    background-color: #baa594;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, .2);
}

.badge hr {
    margin: 5px 0;
}

.badge:hover {
    background: #e29b85;
}
.owl-slide .container{
    position: relative;
}

.quote-wrapper {
    position: absolute;
    bottom: -158px;
    left: 0px;
    width: 259px;
    /*height: 269px;*/
    padding: 24px 32px 0 32px;

    text-align: center;

    color: #fff;
    background: #e9e9e7;
    box-shadow: 0 6px 16px rgba(76, 84, 109, .4);
}

.separator {
    position: relative;

    width: 100%;
    height: 3px;
    margin: 8px 0;

    background-color: #C2B89F;
}

.quote-wrapper p {
    margin: 0 0 10px 0;
    font-family: 'Gotham';
    color: #51514f;
}
.quote-wrapper .btn-custom{
    width: 100%;
}
.quote-wrapper ul {
    margin: 0;
    padding: 0;

    list-style: none;
}

.quote-wrapper ul li {
    color: #51514f;
}




.map {
    height: 600px;
}
.p0{
    padding-right: 0;
    padding-left: 0;
}
.pd-top{
    padding-top: 20px;
}

/******* Gallery Section *******/

.gallery-block .owl-nav {
    position: relative;
    bottom: 48px;
    width: 98px;
    margin: 0 auto;
    text-align: center;
}

/*.gallery-block .owl-nav i {
    font-size: 24px;
    color: #b9830f;
}

.gallery-block .owl-prev {
    float: left;
    padding: 10px 20px;
    background: #e5dfd3;
}

.gallery-block .owl-next {
    float: right;
    padding: 10px 20px;
    background: #e5dfd3;
}*/

.gallery-caption {
    position: absolute;
    bottom: 0;
    margin-bottom: 2.2%;
    /*margin-left: 15px;*/
    text-align: left;
    color: #fff;
}

.gallery-caption h1 {
    color: #fff;
}

#galerie .owl-nav{
    width: 100% !important;
    position:  absolute !important;
    bottom: auto !important;
    top: 50% !important;
}
#galerie .owl-carousel .owl-next,
#galerie .owl-carousel .owl-prev {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  color: #fff;
  font-size: 30px;
}
.owl-prev,
.owl-next{
    border-radius: 50%;
    background: #baa595;
}
.owl-prev .fa{
    position: absolute;
    top: 5px;
    text-align: center;
    left: 13px;
    font-size: 30px;
}
.owl-next .fa{
    position: absolute;
    top: 5px;
    text-align: center;
    left: 17px;
    font-size: 30px;
}
#galerie .owl-carousel .owl-prev {
  left: 50px;
}
#galerie .owl-carousel .owl-next {
  right: 50px;
}
.owl-theme .owl-controls{
    margin-top: 0 !important;
}
.preview_section{
    padding-top: 20px;
}




/******* custom scrollbar ***********/

.scrollbar {
  height: 300px;  
  background: #f5f5f5;
  overflow-y: scroll;
}

.force-overflow {
  min-height: 305px;
}
#style-1::-webkit-scrollbar-track,
#style-2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #f5f5f5;
}

#style-1::-webkit-scrollbar,
#style-2::-webkit-scrollbar {
  width: 12px;
  background-color: #f5f5f5;
}

#style-1::-webkit-scrollbar-thumb,
#style-2::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

/******* List Style - Font Awasome *******/

.angle-right li {
    position: relative;

    display: flex;
}

.angle-right li:before {
    font-family: FontAwesome;

    top: 0;
    left: -5px;

    margin-right: 10px;

    content: '\f105';

    color: #7d7b76;
}

.check-circle li {
    position: relative;

    padding-left: 10px;

    list-style: none;
}

.check-circle li:before {
    font-family: FontAwesome;
    font-size: 16px;

    top: 0;
    left: -5px;

    margin-right: 10px;

    content: '\f058';

    color: #4f4c45;
}


/************** LOGO ***************/
.navigation .navbar-brand {
    display: block;

    height: auto !important;
}
.navbar-header{
    width: 220px;
    float: left;
}
.navbar-brand>img {
    width: 100%;
    max-width: 220px;
}

#main-navigation{
    width: calc(100% - 230px);
    float: left;
}
.social{
    /*position: absolute !important;
    right: 0px;
    top: 20px;*/
}
.menu_name{
    display: none;
}
/******* navigation *******/

.navigation .navbar-brand {
    font-size: 18px;
    line-height: 20px;

    float: left;

    height: 50px;
    /*padding: 0 0 0 15px;*/
    padding: 0;
}

.navigation {
    z-index: 999999;
    box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.1);
}

.navigation .navbar-nav {
    margin-top: 30px;
}

.navigation .navbar-default {
    z-index: 999;
    ;

    border-color: transparent;
    border-radius: 0;
    background-color: #fff;
}

.navigation .navbar {
    min-height: 80px;
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px;
}

.navigation .navbar-default .navbar-nav>li>a {
    font-family: 'Gotham', sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.3;
    padding: 5px 10px;
    letter-spacing: 0;
    color: #A0BBC1;
}


/*.navigation .navbar-default .navbar-nav>li>a:after {
    font-family: FontAwesome;
    color: #7d7b76;
    content: "\f111";
    font-size: 5px;
    vertical-align: middle;
    padding-left: 10px;
}*/

.navigation .navbar-default .navbar-nav>.selected>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    color: #b9830f;
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
    color: #b9830f;
    background-color: transparent;
}

.navigation .navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    background-color: #fff;
}

.is-sticky .navigation .navbar-default {
    background-color: #fff;
}


.navigation .navbar-nav li ul{
    position: absolute;
    margin: 0;
    padding: 10px;
    list-style: none;
    background: #fff;
    border-top: 1px solid #A0BBC1;
    width: 287px;
    left: 50%;
    transform: translateX(-50%);
    top: 72px;
}
.navigation .navbar-nav li ul:before{
    content: '';
    background: url(../images/triangle_up.jpg) no-repeat top center;
    width: 32px;
    height: 17px;
    background-size: 100%;
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translateX(-50%);
}
.navigation .navbar-nav li ul li a{
    font-size: 24px;
    color: #A0BBC1;
    font-family: 'Gotham';
    font-weight: 300;
    line-height: 40px;
}
.navigation .navbar-nav li ul li a:hover{
    color: #b9830f;
}

@media(max-width: 767px){
    .navigation .navbar-nav li ul{
        position: relative;
        display: block !important;
        margin: 0 0 15px 0;
        padding: 10px;
        list-style: none;
        background: #fff;
        border-top: 1px solid #A0BBC1;
        width: calc(100% - 30px);
        left: 15px;
        transform: none;
        top: 20px;
    }
    .navigation .navbar-nav li ul:before{
        content: '';
        background: url(../images/triangle_up.jpg) no-repeat top center;
        width: 32px;
        height: 17px;
        background-size: 100%;
        position: absolute;
        top: -17px;
        left: 5px;
        transform: translateX(0);
    }
    .navigation .navbar-nav li ul li a{
        font-size: 20px;
        color: #A0BBC1;
        font-family: 'Gotham';
        font-weight: 300;
        line-height: 35px;
    }
    .navigation .navbar-nav li ul li a:hover{
        color: #b9830f;
    }
}
/******* Dropedown*******/

.dropdown-menu {
    padding: 30px 10px;

    border: none;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
}

.dropdown-menu>li>a {
    font-family: 'Gotham', sans-serif;
    font-weight: 400;
    line-height: 1.42857143;

    display: block;
    clear: both;

    padding: 3px 20px;

    white-space: nowrap;
    letter-spacing: 3px;
    text-transform: uppercase;

    color: #7d7b76;
}



/***** Mobile Toggle Menu *****/

.navigation .navbar-default .navbar-toggle {
    border-color: #e29b85;
    background-color: #e29b85;
}

.navigation .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navigation .navbar-toggle {
    position: relative;

    float: right;

    margin-top: 28px;
    margin-right: 0px;
    margin-bottom: 8px;
    padding: 9px 10px;

    border: 1px solid transparent;
    border-radius: 4px;
    background-color: transparent;
    background-image: none;
}

.navigation .navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    border-color: #cc8974;
    background-color: #cc8974;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: transparent;
}
@media(max-width: 767px){
    .navigation .navbar-toggle{
        margin-top: 18px;
    }
    .navbar-brand>img{
        max-width: 150px;
    }
}


/******* Hero section *******/


/*.hero-slide{background-image: url('../images/header-bg.jpg'); background-repeat: none;  background-size:cover;
background-attachment: scroll; background-position: center center; -webkit-background-size: cover;
    -moz-background-size: cover; background-size: cover; -o-background-size: cover; text-align: center;
    color: white;}
.hero-section{padding-top: 160px; padding-bottom: 200px;}
.hero-title{font-size: 54px; color: #fff; font-weight: 400; letter-spacing: -1px; font-style: italic;}
.hero-desc{color: #74c2f2;}*/


.hero .img_cont img{
    -webkit-clip-path: polygon(0% calc(100% - 48px), 0% 0%, 100% 0, 100% 100%);
    clip-path: polygon(0% calc(100% - 48px), 0% 0%, 100% 0, 100% 100%);
    width: 100%;
}

/******* Booking Form *******/

.form {
    margin-top: -120px;
}

.booking-form-block {
    padding: 30px;

    -webkit-border-radius: 4px 4px 4px 0;
    -moz-border-radius: 4px 4px 4px 0;
    border-radius: 4px 4px 4px 0;
    background: #fff;
}

.booking-form-block .form-control {
    height: 45px;

    border: none;
    background: #f2f2f2;
}

.bookingform {
    margin-bottom: 30px;
    padding-bottom: 30px;

    border-bottom: 1px solid #eee;
}

.form-title {
    color: #b9830f;
}



/******* About Us *******/

.about-section .cap-title {
    margin-bottom: 60px;
}



.about-block .lead {
    margin-bottom: 40px;
}

.venue-block {
    margin-top: 80px;
}

.venue-block-desc {
    padding-right: 60px;

    border-right: 2px solid #f6f1e7;
}







.venue-capacity,
.venue-space,
.venue-rooms {
    margin-top: 30px;

    text-align: center;
}

.venue-block small {
    font-weight: 600;

    letter-spacing: 1px;
    text-transform: uppercase;
}

.count-title {
    font-weight: 800;

    margin-bottom: 0;

    color: #b9830f;
}







/******* Packages *******/

.pricing-box {
    margin-bottom: 30px;
}



.price-box {
    font-family: 'Gotham', serif;
    font-size: 16px;

    height: 90px;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 10px 30px;

    color: #21201d;
    border-radius: 4px;
    background-color: #fff;
}

.price {
    float: right;
}

.price h1 {
    font-weight: 600;

    color: #b9830f;
}

.adult-person {
    font-size: 18px;
    font-style: italic;

    display: inline-block;

    padding-top: 20px;
}

.download-broucher {
    font-style: italic;

    padding-top: 10px;

    color: #4f4c45;
}

.pricing-box .list {
    line-height: 40px;
}



/******* Offer *******/

.offer-block {
    padding: 60px 30px;

    border: 1px dotted #818180;
    background-color: #fff;
}

.offer-block .btn-lg {
    padding: 13px 20px;
}

.offer-block-left {
    margin-bottom: 30px;
    padding-left: 40px;
}

.offer-block-right {
    padding-left: 60px;
}

.coupon-code {
    font-family: 'Gotham', serif;
    font-size: 16px;
    font-style: italic;

    display: inline-block;

    margin-bottom: 20px;
    ;
    padding: 10px 20px;

    text-transform: uppercase;

    color: #b9830f;
    background: #fefcf9;
    background-image: url('../images/ptn.jpg');
}



/******* Testimonial *******/

.testimonial-block {
    text-align: center;
}

.testimonial-desc {
    font-family: 'Gotham', serif;
    font-size: 20px;
    font-style: italic;
    line-height: 2;

    color: #b9830f;
}

.testimonial-name {
    font-size: 24px;

    margin-top: 30px;

    color: #f44421;
}

.testimonial-block .owl-nav {
    display: inline-block;

    width: 60px;
    margin: 40px auto;

    text-align: center;
}

.testimonial-block .owl-nav i {
    font-size: 24px;

    color: #7d7b76;
}

.testimonial-block .owl-prev {
    float: left;
}

.testimonial-block .owl-next {
    float: right;
}



/******* Footer *******/

.footer {
    padding-top: 60px;
    padding-bottom: 60px;

    background-color: #f6f1e7;
}

.footer-block .social-icon {
    margin-bottom: 30px;
}

.footer-block .social-icon a {
    color: #7d7b76;
}

.footer-block .social-icon a i {
    font-size: 20px;

    margin-right: 15px;
}

.footer-block .social-icon a:hover {
    color: #b9830f;
}



.footer .newsletter .form-control {
    border: 1px solid #e5dfd3;
    background-color: #fff;
}

.footer .newsletter button.btn.btn-default {
    font-size: 16px;

    height: 45px;
}

.tiny-footer {
    padding-top: 26px;

    text-transform: uppercase;

    color: #7a7770;
    background-color: #4f4c45;
}



/******* Blog *******/

.post-holder {
    margin-bottom: 50px;
    padding-bottom: 49px;

    border-bottom: 1px #e2dcd0 solid;
}

.post-head {
    margin-bottom: 40px;
}



.post-img {
    margin-bottom: 60px;
}





.blogslider .owl-nav {
    width: 60px;
    margin: 0 auto;

    text-align: center;
}

.blogslider .owl-nav i {
    font-size: 24px;

    color: #fff;
}

.blogslider .owl-prev {
    position: absolute;
    top: 40%;
    left: 5%;
}

.blogslider .owl-next {
    position: absolute;
    top: 40%;
    right: 5%;
}



/***** Blog Meta *****/

.post-meta {
    font-size: 14px;
    font-weight: 700;

    margin-bottom: 10px;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #a19d96;
}

.meta {
    color: #a1a1a1;
}

.meta-date,
.meta-comment,
.meta-author {
    font-size: 14px;

    margin: 0 20px 0 0;
}





.meta-category a {
    color: #b9830f;
}



.meta-author {
    font-size: 14px;
    font-weight: 700;

    text-transform: uppercase;

    color: #21201d;
}



/***** Blockquote *****/

blockquote {
    font-family: 'Gotham', serif;
    font-size: 21px;
    font-style: italic;
    line-height: 31px;

    color: #b9830f;
}

.source-name {
    font-family: 'Gotham', serif;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;

    color: #21201d;
}



/******* Blog Details *******/


/***** alignment *****/

.alignleft {
    float: left;

    margin: 10px 20px 20px 0;
}

.alignright {
    float: right;

    margin: 20px 0 .5em 20px;
}

.caption {
    font-size: 14px;
    font-weight: 500;

    padding: 6px;

    text-transform: uppercase;

    color: #21201d;
    background-color: #fbf7f1;
}



/***** Related Post *****/

.related-post {
    border-bottom: 1px solid #e2dcd0;
}



.related-thumb {
    margin-bottom: 30px;
}

.related-img {
    margin-bottom: 20px;
}

.tag {
    font-family: 'Gotham', sans-serif;
    font-size: 14px;
    font-weight: 700;

    text-transform: uppercase;

    color: #21201d;
}

.tag a {
    padding-right: 20px;

    letter-spacing: 2px;
}

.tag span {
    margin-left: 20px;
}



/***** Prev Next Block *****/

.next-prev-block {
    margin-top: 30px;
    margin-bottom: 60px;
}



.prev-link,
.next-link {
    font-weight: 600;

    display: inline-block;

    margin-bottom: 20px;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: #b9830f;
}



.prev-post h3,
.next-post h3 {
    margin-bottom: 5px;
}

.next-block {
    text-align: right;
}







/***** Author Post *****/

.author-post {
    margin-bottom: 60px;
}





.author-info p {
    margin-bottom: 10px;
}





.social-icon-link {
    font-size: 16px;

    color: #7d7b76;
}



/***** Comments *****/

.comment-title {
    margin-bottom: 10px;
}

.comment-title span {
    margin-left: 25px;
}



.comment-frame {
    float: left;

    width: 110px;
}

.user-comments {
    margin-left: 130px;
}



.comment-body.listnone {
    margin-bottom: 40px;
    padding-bottom: 10px;

    border-bottom: 1px solid #eef4f8;
}





/***** Leave Reply *****/


/***** Blog sidebar *****/


/*** Widget ***/

.widget-title {
    font-family: 'Gotham', sans-serif;
    font-size: 14px;
    font-weight: 700;

    margin-bottom: 30px;
    padding-bottom: 20px;

    letter-spacing: 3px;
    text-transform: uppercase;

    color: #b9830f;
    border-bottom: 1px solid #eeebe5;
}



/*** Widget-Search ***/

.widget-search {
    margin-bottom: 40px;
    padding-top: 15px;
}





.custom-search-input .search-query {
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    padding-right: 30px;
    padding-left: 10px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.custom-search-input button {
    position: relative;
    left: -28px;

    margin-top: 2px;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    /** belows styles are working good */
    padding: 2px 5px;

    color: #b9830f;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: none;
}

.input-group .form-control:first-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.search-query:focus+button {
    z-index: 3;
}



/*** Widget-Category ***/


/*** Widget-Archive ***/

.widget-archive strong {
    padding-left: 10px;
}



/*** Widget-Recent-Post ***/

.widget-recent-post ul li {
    display: inline-block;

    margin-bottom: 30px;
    padding-bottom: 0;
}









.recent-post-desc h4 {
    margin-bottom: 10px;
}



/*** Widget-tags ***/

.tags-widget a {
    font-size: 12px;
    font-weight: 700;

    display: inline-block;

    margin-right: 5px;
    margin-bottom: 5px;
    padding: 0 11px;

    text-transform: uppercase;

    color: #8f7f5e;
    border-radius: 2px;
    background-color: #e2ddd5;
}

.tags-widget a:hover {
    color: #fff;
    background-color: #b9830f;
}



/******* pagination *******/

.st-pagination {
    margin-top: 10px;
}

.st-pagination .pagination>li>a,
.pagination>li>span {
    font-weight: 600;
    line-height: 1.42857143;

    position: relative;

    float: left;

    margin-right: 5px;
    margin-left: -1px;
    padding: 6px 15px;

    text-decoration: none;

    color: #8f7f5e;
    border: 1px solid #e2ddd5;
    border-radius: 4px;
    background-color: #e2ddd5;
}

.st-pagination .pagination>.active>a,
.st-pagination .pagination>.active>a:focus,
.st-pagination .pagination>.active>a:hover,
.st-pagination .pagination>.active>span,
.st-pagination .pagination>.active>span:focus,
.st-pagination .pagination>.active>span:hover {
    z-index: 3;

    cursor: default;

    color: #fff;
    border-color: #b9830f;
    background-color: #b9830f;
}

.st-pagination .pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;

    color: #fff;
    border-color: #b9830f;
    background-color: #b9830f;
}



/******* thank you *******/

.thankyou {
    padding-top: 100px;
    padding-bottom: 100px;
}

.thankyou-block {
    display: inline-block;

    padding: 100px;

    text-align: center;

    border: 1px dotted #b9830f;
    background-color: #fefcf9;
}

.thanks-title {
    font-size: 50px;

    color: #21201d;
}

.thanks-desc {
    font-size: 16px;
    font-style: italic;

    color: #7d7b76;
}
.custom_small_content p,
.custom_small_content p a{
    font-size: 14px;
    color: #8a8a8a;
}
tr.black td, tr.black td:hover{
    color: #cdcdcd !important;
    cursor: text !important;
}
.table>tbody>tr.black:hover{
    background-color: transparent;
}

#downloads .flex_box_cont_content p{
    color: #000;
    width: auto;
}
.section-1{
    padding-top: 70px;
}

.g-recaptcha{
    margin-top: 10px;     
}
@media(max-width: 640px){
    .g-recaptcha{
        margin-top: 10px; 
        transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform:scale(0.77);
        -webkit-transform:scale(0.77);
        transform-origin:0 0;
        -webkit-transform-origin:0 0;
    }
}
.gallery-caption.fourofour{
	margin-bottom: 22.2%;
}
.small_legal_privacy{
    position: fixed;
    bottom: 0;
    left: 0;
    background: #e29b85;
    z-index: 3223;
    width: 75%;
    max-width: 880px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    font-family: 'Gotham';
    padding: 10px;
}
.coockie_cont{
    width: calc(100% - 180px);
    vertical-align: top;
}
.addcookie{
    text-transform: capitalize;
}
.btn.addcookie{
    background-color: #000;
    border-color: #fff;
    padding: 5px 10px;
    font-weight: 300;
    font-size: 20px;
}
@media(max-width: 991px){
     .section-1 .boxes:nth-child(3n+3){
        clear: both;
    }
    #downloads .flex-container{
        justify-content: center;
    }
     .one_fifth {
        min-width: 33%;
        max-width: 33%;
        padding: 30px 25px;
    }
     .coockie_cont {
        width: 100%;
        vertical-align: top;
    }
    .addcookie{
        padding: 3px 10px;
        margin-top: 5px;
        font-size: 12px;
    }
}
@media (max-width: 767px) {
     .one_fifth {
        min-width: 49.9%;
        max-width: 49.9%;
    }
    .navbar-header{
        width: 100%
    }
    .form-control{
        height: 32px;
    }
    .container-fluid>.navbar-collapse, 
    .container-fluid>.navbar-header, 
    .container>.navbar-collapse, 
    .container>.navbar-header{
        margin: 0;
    }
    #main-navigation {
        width: 100.2%;
        /* float: left; */
        position: absolute;
        background: #fefefe;
        margin-top: 85px;
        margin-left: -15px;
        margin-right: -15px;
    }
    .navbar-nav li{
        border-bottom: 1px solid #efefef;
    }
    .navbar-nav li:last-child{
        border-bottom: 0;
    }
    .section-supra{
        width: 90%;
    }
  
    .social{
        position: relative !important;
        right: auto;
        top: 0px;
    }
    .flex_container{
        /*padding: 15px;*/
    }
    
    .border-vert-right{
        border-bottom: 2px solid #baa595;
        border-right: 0;
        padding-bottom: 10px;
    }
    .three-columns{
        column-count: 2;
    }
    .section6 .left-divider{
        transform: translateY(0);
        margin-left: 0;
        padding-left: 15px;
    }
    .section7 .left-divider{
        border-left: 0;
        border-top: 1px solid #d8d4d1;
        padding: 20px 0 0 0;
        margin-right: 15px;
        margin-left: 15px;
    }
    .one_quarter{
        min-width: 49.9%;
        max-width: 49.9%;
    }
   
    /******* Hero section *******/
    .gallery-caption h1 {
        font-size: 20px;

        color: #fff;
    }
    .price-box {
        font-family: 'Gotham', serif;
        font-size: 16px;

        display: inline-block;

        height: 170px;
        margin-top: 30px;
        margin-bottom: 30px;
        padding: 10px 30px;

        text-align: center;

        color: #21201d;
        border-radius: 4px;
        background-color: #fff;
    }
    .pricing-box .list {
        line-height: 20px;
    }
    .pricing-box .list li {
        margin-bottom: 20px;
    }
    .pricing-box .btn-lg {
        padding: 13px 20px;
    }
    .offer-block-right {
        padding-left: 40px;
    }
    .footer .newsletter button.btn.btn-default {
        font-size: 10px;

        height: 45px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .user-comments {
        margin-left: 0;
    }
    .st-pagination .pagination>li>a,
    .pagination>li>span {
        margin-bottom: 10px;
    }


    .flex_box_cont_content p{
        font-size: 15px;
    }
    .quote-wrapper {
        left: 7%;
        width: 229px;
        height: 269px;
        padding: 14px 14px;
    }
    .one_third {
        min-width: 49.9%;
        max-width: 49.9%;
    }
    .flex_box_cont_content p{
        width: 80%
    }

    .remove_margin{
        margin: 0 -15px;
    }
}
@media(max-width: 560px){
    .section1 .owl-controls{
        display: none;
    }
    .section-1{
        padding-top: 60px;
    }
    .badge{
        font-size: 10px;
        right: 16px;
        bottom: -34px;
        padding: 14px 14px;
    }
    
    h1{
        font-size: 28px;
    }
    h1 br,
    h2 br{
        display: none;
    }
    .section4 .owl-carousel .owl-prev {
      left: 10px;
    }
    .section4 .owl-carousel .owl-next {
      right: 10px;
    }
    .small_legal_privacy{
        width: 100%;
        max-width: 880px;
        color: #fff;
        font-size: 11px;
        line-height: 1.4;
        font-weight: normal;
        font-family: 'Gotham';
        padding: 10px;
    }


}
@media(max-width: 480px){
    .one_quarter,
    .one_third{
        min-width: 100%;
        max-width: 100%;
    }
    .one_quarter{
        padding: 50px 0;
    }
  
    .mobile_size{
        width: 100%;
    }
     .one_fifth {
        padding: 10px 0 30px 0;
    }
}
@media(max-width: 380px){
    .two-columns,
    .three-columns{
        column-count: 1;
    }
}


.cell_1_5{
    /*width: 19.9%;*/
    min-width: 19.9%;
    max-width: 19.9%;
    flex: 1;
}
.cell_2_5{
    /*width: 39.9%;*/
    min-width: 39.9%;
    max-width: 39.9%;
    flex: 2;
}
.cell_3_5{
    /*width: 59.9%;*/
    min-width: 59.9%;
    max-width: 59.9%;
    flex: 3;
}
.cell_4_5{
    /*width: 79.9%;*/
    min-width: 79.9%;
    max-width: 79.9%;
    flex: 4;
}
.cell_5_5{
    /*width: 99.9%;*/
    min-width: 99.9%;
    max-width: 99.9%;
    flex: 5;
}
.cell_1_4{
    /*width: 24.9%;*/
    min-width: 24.9%;
    max-width: 24.9%;
    flex: 1;
}
.cell_2_4{
    /*width: 49.9%;*/
    min-width: 49.9%;
    max-width: 49.9%;
    flex: 2;
}
.cell_3_4{
    /*width: 74.9%;*/
    min-width: 74.9%;
    max-width: 74.9%;
    flex: 3;
}
.cell_4_4{
    /*width: 99.9%;*/
    min-width: 99.9%;
    max-width: 99.9%;
    flex: 4;
}
.cell_1_3,
.cell_1_6{
    /*width: 33.3%;*/
    min-width: 33%;
    max-width: 33%;
    flex: 1;
}
.cell_2_3{
    /*width: 66.6%;*/
    min-width: 66.6%;
    max-width: 66.6%;
    flex: 2;
}
.cell_3_3{
    /*width: 99.9%;*/
    min-width: 99.9%;
    max-width: 99.9%;
    flex: 3;
}
.cell_1_2{
    /*width: 49.9%;*/
    min-width: 49.9%;
    max-width: 49.9%;
    flex: 1;
}
.cell_2_2{
    /*width: 99.9%;*/
    min-width: 99.9%;
    max-width: 99.9%;
    flex: 2;
}
.cell_1_1{
    /*width: 99.9%;*/
    min-width: 99.9%;
    max-width: 99.9%;
    flex: 1;
}
.full-height{
    height: auto;
}

.cell_1_5,
.cell_2_5,
.cell_3_5,
.cell_4_5,
.cell_5_5,
.cell_1_4,
.cell_2_4,
.cell_3_4,
.cell_4_4,
.cell_1_3,
.cell_2_3,
.cell_3_3,
.cell_1_2,
.cell_2_2,
.cell_1_1{
    
}
.box_background{
    position: relative;
    padding-top: 33.9% !important;
}
.box_caption{
    position: absolute;
    bottom: 0;
}

.box_caption h2,
.box_caption .supratitle,
.box_caption .title,
.box_caption .description_content,
.box_caption .description_content p{
    color: #fff;
}
/*.img-responsive{
    margin: 30px auto;
    width: 60%;
    max-width: 85px;
    height: 82px;
}*/
@media(max-width: 767px){
    .cell_1_4{
        min-width: 49.9%;
        max-width: 49.9%;
    }
    .cell_1_5{
        min-width: 33%;
        max-width: 33%;
    }
    .row{
        margin: 0;
    }
    #kontakt .cell_1_3,
    #kontakt .cell_2_3,
    #uber-uns .cell_1_3,
    #uber-uns .cell_2_3{
        min-width: 99.9%;
        max-width: 99.9%;
    }
    .cell_1_6{
        min-width: 49.9%;
        max-width: 49.9%;
    }
    #kontakt .cell_1_3 .margin-top175{
        margin-top: 0;
    }
    #downloads .flex_container{
        justify-content: center;
    }
}
@media(max-width: 480px){
    .cell_1_2,
    .cell_1_3,
    .cell_1_4,
    .cell_1_6,
    .cell_2_3{
        min-width: 99.9%;
        max-width: 99.9%;
    }
    #downloads .cell_1_5{
        max-width: 49.9%;
        min-width: 49.9%;
    }
}
.menu_footer{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    vertical-align: middle;
}
.menu_footer li{
    display: inline-block;
    margin: 0 5px;
    vertical-align: top;
}
.menu_footer li a{
    display: inline-block;
    margin: 4px 0;
    padding: 7px 15px 7px 0;
    text-decoration: none;
    font-weight: 300;
    color: #000;
    border-radius: 0;
    font-size: 24px;
    line-height: 34px;
}
.menu_footer li a:hover{
    color: #a0bbc2;
}
.menu_footer li ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu_footer li ul li{
    display: block;
}
.menu_footer li ul li a{
    font-size: 18px;
    line-height: 24px;
    padding: 0;
}
section,
.full-height{
    position: relative;
}
.description_content{
    margin-bottom: 20px;
}

.owl-theme .owl-controls .owl-dots{
    bottom: 0px;
    text-align: center;
    width: 33%;
    margin: -44px 0 20px -33%;
}

.owl-carousel .owl-controls .owl-dot{
    background: #fff;
    border: 2px solid #fff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    /* position: absolute; */
    bottom: 20px;
    display: inline-block;
    margin: 0 3px;
}
.owl-carousel .owl-controls .owl-dot.active{
    border: 2px solid #fff;
    background: transparent;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    /* position: absolute; */
    display: inline-block;
}
.arti-kontakt textarea{
    border: 2px solid #c8cc8f;
    padding: 12px;
}
@media(max-width: 640px){
    .owl-carousel .owl-controls .owl-dot,
    .owl-carousel .owl-controls .owl-dot.active{
        width: 10px;
        height: 10px;
    }
    .owl-theme .owl-controls .owl-dots{
        margin: -24px 0 0px -33%;
    }
}
@media(max-width: 480px){
    .owl-carousel .owl-controls .owl-dot,
    .owl-carousel .owl-controls .owl-dot.active{
        width: 7px;
        height: 7px;
    }
    .mobile_size{
        max-width: 304px;
    }
    .arti-kontakt{
        max-width: 303px;
        width: 100%;
    }
    .kontact_form{
        max-width: 304px;
    }
    .owl-theme .owl-controls .owl-dots{
        margin: -24px 0 0px -33%;
    }
}
.center-images .img_cont{
    text-align: center
}
.center-images .img_cont img{
    margin: 20px auto;
    display: inline-block;
}
.button_abs_bottom_zero .btn-custom{
    position: absolute;
    bottom: 0;
}
.button_abs_bottom_zero .description_content{
    margin-bottom: 90px;
}
.padding-top_70 .description_content{
    padding-top: 70px;
}
.split_text_in_2_cols .description_content{
    column-count: 2;
    margin-top: 20px;
}
.split_text_in_3_cols .description_content{
    column-count: 3;
    margin-top: 20px;
}
.left_border_and_spacer{
    border-left: 2px solid #e29b85;
    margin-left: 20px;
    padding-left: 20px;
    margin-top: 20px;
}
.width_60percent .description_content{
    width: 60%;
    margin: 10px auto;
}
.width_80percent {
    width: 80%;
    margin: 0 auto;
}

.contact_image .img_cont img{
    width: 100%;
    max-width: 100px;
}
.margin-top175{
    margin-top: 175px;
}
.height_auto{
    height: auto !important
}
.spacer-tb-40{
    margin-top: 40px;
    margin-bottom: 40px;
}   
.spacer_top_90{
    margin-top: 90px;
}
.spacer_bott_40{
    margin-bottom: 40px;
}
.spacer_bott_90{
    margin-bottom: 90px;
}
.spacer_top_120{
    margin-top: 120px;
}
.spacer_bott_120{
    margin-bottom: 120px;
}
.spacer_top_180{
    margin-top: 180px;
}
.spacer_bott_180{
    margin-bottom: 180px;
}

.download_icons .img_cont img{
    width: 60%;
    max-width: 65px;
    height: 62px;
    margin-bottom: 30px;
}
.height_100percent{
    height: 100%;
}
.ta-center{
    text-align: center;
}
.inner_content-pr15 .description_content{
    padding-right: 15px;
}


@media(max-width: 767px){
    .split_text_in_3_cols .description_content{
        column-count: 2;
        margin-top: 20px;
    }
}
@media(max-width: 480px){
    .split_text_in_3_cols .description_content,
    .split_text_in_2_cols .description_content{
        column-count: 1;
        margin-top: 20px;
    }
}
.wohnung{
    z-index: 1;
}
.footer_logo{
    margin: 30px 0;
    text-align: right;
}
.footer_logo img{
    width: 100%;
    max-width: 263px;
}
.copyright,
.copyright p{
    text-align: left; 
    color: #000;
}

@media(max-width: 767px){
    .footer_logo{
        text-align: left;
    }
}
#wo-table tbody::-webkit-scrollbar {
    width: 12px;
    
    -webkit-appearance: none;
}
#wo-table tbody::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.force-overflow::-webkit-scrollbar {
    
    height: 12px;
    /* -webkit-appearance: none; */
}
.force-overflow::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.tab-light{
    background: #fff;
    border-bottom: none;
}

#wo-table tbody{    
    display: block;
    overflow-y: scroll;
    width: 100%;
    height: 320px;   
}
#wo-table thead{
    display: block;
    overflow-x: auto;
    width: 100%;
    min-height: 31px;   
}

.inner-spacer-lr-10{
    padding-left: 10px;
    padding-right: 10px;
}
.inner-spacer-lr-20{
    padding-left: 20px;
    padding-right: 20px;
}
.inner-spacer-lr-40{
    padding-left: 40px;
    padding-right: 40px;
}
.inner-spacer-tb-40{
    padding-top: 40px;
    padding-bottom: 40px;
}
.inner-spacer-tb-60-120{
    padding: 60px 0 120px 0;
}

.outer-spacer-lr-20{
    margin-left: 20px;
    margin-right: 20px;
}
.outer-spacer-lr-40{
    margin-left: 40px;
    margin-right: 40px;
}
.outer-spacer-tb-40{
    margin-top: 40px;
    margin-bottom: 40px;
}
.padding-top-70{
    padding-top: 70px;
}
.hero{
/*  -webkit-clip-path: polygon(0% 94%, 0% 00%, 100% 0%, 100% 100%);
  clip-path: polygon(0% 94%, 0% 00%, 100% 0%, 100% 100%);  */
}
.regular_box_title{
    width: 100%;
}
.regular_box_title_spacer h2 p{
    color: #A0BBC1;
    font-family: 'Gotham';
    font-size: 50px;
    font-weight: 300;
    line-height: 60px;
    margin-bottom: 65px;
}
.regular_box_title h2 p{
    color: #A0BBC1;
    font-family: 'Gotham';
    font-size: 50px;
    font-weight: 300;
    line-height: 60px;

}
.large_box_title{
    width: 100%;
}
.large_box_title h2 p{
    color: #A0BBC1;
    font-family: 'Gotham';
    font-size: 65px;
    font-weight: 300;
    line-height: 60px;

}
.beige_box{
    position: absolute;
    -webkit-clip-path: polygon(0% calc(100% - 8px), 0% 8px, 100% 0%, 100% 100%);
    clip-path: polygon(0% calc(100% - 8px), 0% 8px, 100% 0%, 100% 100%);
    background-color: #E29B85;
    z-index: 0;
    font-size: 22px;
    color: #fff;
    min-height: 170px;
    max-width: 320px;
    width: 100%;
    padding: 49px 20px;
    right: 15%;
    bottom: 0%;
    transform: translateY(30%);
}
.shape_box1{
    background-color: #F5F5F5;
    -webkit-clip-path: polygon(0% calc(100% - 14px), 0% 0%, 100% 14px, 100% 100%);
  clip-path: polygon(0% calc(100% - 14px), 0% 0%, 100% 14px, 100% 100%);
  min-height: 330px;
}
.shape_box1 img{
    width: 100%;
}
.shape_box1 .description_content p{
    color: #000000;
    font-family: 'Gotham';
    font-size: 24px;
    font-weight: 300;
    line-height: 35px;
    text-align: center;
    padding: 25px 0;
}
.regular_box_content .description_content p{
    color: #000000;
    font-family: 'Gotham';
    font-size: 24px;
    font-weight: 300;
    line-height: 40px;
}
.max-width-1400 .container{
    max-width: 1400px;
    width: 100%;
}
.max-width-940 .container{
    max-width: 940px;
}
.max-width-780 .container{
    max-width: 780px;
}
.clip-mask-3{
    -webkit-clip-path: polygon(0% 100%, 0% 00%, 100% 30px, 100% calc(100% - 80px));
    clip-path: polygon(0% 100%, 0% 00%, 100% 80px, 100% calc(100% - 80px));
    min-height: 450px;
    padding: 150px 0 150px 0;
}
.clip-mask-3t{
    -webkit-clip-path: polygon(0% 100%, 0% 00%, 100% 80px, 100% 100%);
    clip-path: polygon(0% 100%, 0% 00%, 100% 80px, 100% 100%);
    min-height: 50px;
    padding: 150px 0 80px 0;
    margin-bottom: -3px;
}
.clip-mask-3b{
    -webkit-clip-path: polygon(0% 100%, 0% 00%, 100% 00%, 100% calc(100% - 80px));
    clip-path: polygon(0% 100%, 0% 00%, 100% 00%, 100% calc(100% - 80px));
    min-height: 50px;
    padding: 80px 0 150px 0;
    margin-top: -3px;
}
.clip-mask-3 h2 p,
.clip-mask-3t h2 p,
.clip-mask-3b h2 p{
    color: #000000;
    font-family: 'Gotham';
    font-size: 50px;
    font-weight: 300;
    line-height: 60px;
}
.clip-mask-3 .description_content p,
.clip-mask-3t .description_content p,
.clip-mask-3b .description_content p{
    color: #000000;
    font-family: 'Gotham';
    font-size: 24px;
    font-weight: 300;
    line-height: 40px;
}
.img_right img{
    text-align: right;
    float: right;
    width: 85%;
    -webkit-clip-path: polygon(0% calc(100% - 40px), 0% 40px, 100% 0, 100% 100%);
    clip-path: polygon(0% calc(100% - 40px), 0% 40px, 100% 0, 100% 100%);
}
.img_right .img_cont:after{
    content: '';
    clear: both;
}
 
.img_left img{
    text-align: left;
    float: left;
    width: 85%;

    -webkit-clip-path: polygon(0% 100%, 0% 0, 100% 40px, 100% calc(100% - 40px));
    clip-path: polygon(0% 100%, 0% 0, 100% 40px, 100% calc(100% - 40px));
}
.img_left .img_cont:after{
    content: '';
    clear: both;
}

.margin-top--120{
    margin-top: -120px;
}   
.mb-120{
    margin-bottom: 120px;
}
.seven_boxes{
    margin: 0;
    padding: 0;
    list-style: none;
}
.seven_boxes li{
    -webkit-clip-path: polygon(0% 100%, 0% 20px, 100% 0%, 100% calc(100% - 20px));
    clip-path: polygon(0% 100%, 0% 20px, 100% 0%, 100% calc(100% - 20px));
    padding: 50px 15px;
    float: left;
    width: 23%;
    margin: 15px 1%;

    color: #000000;
    font-family: 'Gotham';
    font-size: 24px;
    font-weight: 300;
    line-height: 40px;
    text-align: center;

    /*text-overflow: ellipsis;*/
    overflow-wrap: break-word;


}
.seven_boxes li:nth-child(1), .seven_boxes li:nth-child(3){
    background-color: #A0BBC1;
}
.seven_boxes li:nth-child(2){
    background-color: #E29B85;
}
.seven_boxes li:nth-child(4), .seven_boxes li:nth-child(6){
    background-color: #C8CC8E;
}
.seven_boxes li:nth-child(5), .seven_boxes li:nth-child(7){
    background-color: #FFE27E;
}


@media(max-width: 991px){
    .seven_boxes li{
        width: 31%;
    }
}
@media(max-width: 767px){
    .seven_boxes li{
        width: 48%;
    }
}
@media(max-width: 640px){
    .seven_boxes li{
        width: 98%;
    }
}
.green{
    width: 16px;
    height: 16px;
    background: #c1d37f;
    border-radius: 50%;
    display: inline-block;
    text-indent: -35000px;
}
.yellow{
    width: 16px;
    height: 16px;
    background: #eabe47;
    border-radius: 50%;
    display: inline-block;
    text-indent: -35000px;
}
.red{
    width: 16px;
    height: 16px;
    background: #EF5E44;
    border-radius: 50%;
    display: inline-block;
    text-indent: -35000px;
}
.iso_dot{
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 16px;
}
.wohnen_buttons_container{
    margin-bottom: 100px;
}
.wohnen_buttons_container .cell_1_2:nth-child(1) .item{
    text-align: right;
    padding-right: 25px;
}

.wohnen_buttons_container .cell_1_2:nth-child(2) .item{
    padding-left: 25px;
}

.staff_section{
    margin: 65px 0;
}
.staff_section .cell_1_5{
    min-width: 33%;
    max-width: 33%;
    text-align: center;
    margin-bottom: 90px;
}
.staff_section .cell_1_5 img{
    margin: 0 auto;
    margin-bottom: 20px;
    border-radius: 50%;
}


.matrix {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-width: 940px;
    margin: 0 auto;
}

.matrix .slider__item {
    flex: 1;
    min-width: 48%;
    max-width: 48%;
    margin: 40px 1%;
}

.matrix .slider__item img{
    width: 100%;
    -webkit-clip-path: polygon(0% 100%, 0% 0, 100% 24px, 100% calc(100% - 24px));
    clip-path: polygon(0% 100%, 0% 0px, 100% 24px, 100% calc(100% - 24px));
}
#galerie .arrow{
    display: none;
}

.custom_radio{
    width: 118px;
    float: left;
}
.custom_checkbox{
    width: 150px;
    float: left;
    margin-bottom: 10px;
}
/* Base for label styling */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 40px;
  cursor: pointer;
  font-size: 24px;
}
.custom_radio label.control--radio span{
    color: #000 !important;
}
.custom_radio label.control--radio{
    margin-bottom: 31px;
}
/* radio aspect */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: -3px;
  width: 30px; 
  height: 30px;
  border: 2px solid #C8CC8E;
  background: #fff;
  border-radius: 50%
}
/* checked mark aspect */
[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  background: #C8CC8E;
  border: 1px solid #C8CC8E;
  border-radius: 50%;
    width: 16px;
    height: 16px;
    top: 4px;
    left: 7px;
  font-size: 1.4em;
  line-height: 0.8;
  color: #ba8752;
  transition: all .2s;
  font-family: Helvetica, Arial, sans-serif;
}
[type="radio"]:not(:checked) + label:after{
  content: '';
  position: absolute;
  background: transparent;
  border: 2px solid #C8CC8E;
  border-radius: 50%;
    width: 16px;
    height: 16px;
    top: 4px;
    left: 7px;
  font-size: 1.4em;
  line-height: 0.8;
  color: #ba8752;
  transition: all .2s;
  font-family: Helvetica, Arial, sans-serif;
}
/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after {
  opacity: 1;
  transform: scale(1);
}
[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* hover style just for information */
label:hover:before {
  border: 2px solid #C8CC8E!important;
}




.kontakt_cont_page .cell_1_2:nth-child(1){
    min-width: calc(100% - 370px);
    max-width: calc(100% - 370px);
}
.kontakt_cont_page .cell_1_2:nth-child(2){
    min-width: 300px;
    max-width: 300px;
    margin-left: 70px;
}
.kontakt_cont_page .row.flex_container{
    margin: 0;
}

@media (min-width: 640px){
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
}
@media(max-width: 767px){
    h3.ppl_name, .ppl_name{
        font-size: 18px;
    }
}


@media(max-width: 640px){
    .large_box_title h2 p{
        font-size: 40px;
    }
    .clip-mask-3 h2 p,
    .clip-mask-3t h2 p,
    .clip-mask-3b h2 p,
    .regular_box_title_spacer h2 p{
        font-size: 35px;
        line-height: 50px;
    }
    .shape_box1{
        min-height: 290px;
    }
    p,
    .clip-mask-3 .description_content p,
    .clip-mask-3t .description_content p,
    .clip-mask-3b .description_content p,
    .regular_box_content .description_content p,
    .shape_box1 .description_content p,
    h3.ppl_name, .ppl_name{
        font-size: 18px;
    }
    .margin-top--120{
        margin-top: 0;
    }
    .wohnen_buttons_container .cell_1_2:nth-child(1) .item,
    .wohnen_buttons_container .cell_1_2:nth-child(2) .item{
        text-align: center;
        padding: 0;
    }
    .staff_section .cell_1_5{
        min-width: 99.9%;
        max-width: 99.9%;
    }
}
@media(max-width: 767px)  {
    .kontakt_cont_page .cell_1_2:nth-child(1){
        min-width: 99.9%;
        max-width: 99.9%;
    }
    .kontakt_cont_page .cell_1_2:nth-child(2){
        min-width: 320px;
        max-width: 320px;
        margin: 0 auto;
    }
    .kontakt_cont_page .cell_1_2:nth-child(2) .col-xs-11{
        padding: 0;
        width: 100%;
    }

}
.default_sort{
    padding-top: 0px;
    padding-left: 8px;
    margin-left: 5px;
    margin-top: 2px;
    background: url(../images/defaul_sel.png) no-repeat;
    /* width: 9px; */
    /* height: 24px; */
    background-size: 8px 20px;
    background-position-y: 5px;
    background-position-x: right;
}
.sortable_custom.low::after {
    padding-top: 0px;
    padding-left: 8px;
    margin-left: 5px;
    margin-top: 0px;
    content: "";
    background: url(../images/descending.png) no-repeat;
    width: 9px;
    height: 24px;
    background-size: 100%;
    position: absolute;
    right: 0;
}
.sortable_custom.high::after {
    padding-top: 0px;
    padding-left: 8px;
    margin-left: 5px;
    margin-top: 0px;
    content: "";
    background: url(../images/ascending.png) no-repeat;
    width: 9px;
    height: 24px;
    background-size: 100%;
    position: absolute;
    right: 0;
}

.sortable_custom{
    cursor: pointer;
    position: relative !important;

}

.rowa{
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
}
.panel.panel-default{
    margin: 0 auto;
}

.yellow_box{
    -webkit-clip-path: polygon(0% 100%, 0% 0, 100% 0%, 100% calc(100% - 8px));
    clip-path: polygon(0% 100%, 0% 0, 100% 0%, 100% calc(100% - 8px));
    background: #ffe27e;
    display: inline-block;
    padding: 30px 35px;
    position: absolute;
    margin-top: -11px;
    top: 0;
    left: 0;
    font-size: 25px;

}
@media(max-width: 1199px){
    .impressum_container h2 p{
        font-size: 30px;
    }
    .impressum_container .decription_content p{
        font-size: 20px;
    }
    .yellow_box{
        top: 10px;

    }
}
@media(max-width: 991px){
    .impressum_item{
        width: 50%;
    }
    .yellow_box{
        top: 50px;
        font-size: 20px;

    }
}
@media(max-width: 767px){
    .yellow_box{
        top: 0px;
        font-size: 20px;

    }
}
@media(max-width: 640px){
    .impressum_item{
        width: 100%;
    }
    .impressum_container .decription_content p,
    .panel-body.description_content p{
        font-size: 16px;
        padding: 0 !important;
    }

     .yellow_box{
        top: 0px;
        font-size: 20px;
        position: relative;
        margin-top: 11px;
    }
    .beige_box{
        right: 25px; 
        bottom: 55px; 
		background-color: rgba(226, 155, 133, 0.8);
        transform: translateY(0); 
        float: right;
        position: relative;
		font-size: 16px;
		min-height: 20px;
		max-width: 241px;
		width: 100%;
		padding: 15px 20px;
    }
	.hero .img_cont img {
		-webkit-clip-path: polygon(0% calc(100% - 18px), 0% 0%, 100% 0, 100% 100%);
		clip-path: polygon(0% calc(100% - 18px), 0% 0%, 100% 0, 100% 100%);
		width: 100%;
	}
}
@media(max-width: 767px){
    .mobile_hide{
        display: none;
    }
}


#wo-table{
    margin-bottom: 0;
    width: 830px;
}
.panel.panel-default{
    width: 830px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.legend{
    max-width: 830px;
    margin: 20px auto;

}
.table thead{
    background: #F5F5F5;
    text-align: center;
}
.table>thead>tr>th{
    text-align: center;
    vertical-align: middle;
    color: #000;
    font-family: 'Gotham';
    font-weight: 400;
    line-height: 1;
    border-bottom: 1px solid #ddd;
    text-transform: capitalize;
    
}
.table>tbody>tr>td{
    text-align: center;
    line-height: 1;
    font-size: 14px;
    border-bottom: 1px solid #D8D8D8
}

.table>thead>tr>th,
.table>tbody>tr>td{
/*    min-width: 50px;
    max-width: 100%;
    width: 100%;*/
}
.table>thead>tr>th:nth-child(1),
.table>tbody>tr>td:nth-child(1){
    width: 67px;
    min-width: 67px;
}

.table>thead>tr>th:nth-child(2),
.table>tbody>tr>td:nth-child(2){
    width: 60px;
    min-width: 60px;
}

.table>thead>tr>th:nth-child(3),
.table>tbody>tr>td:nth-child(3){
    width: 90px;
    min-width: 90px;
}

.table>thead>tr>th:nth-child(4),
.table>tbody>tr>td:nth-child(4){
    width: 80px;
    min-width: 80px;
}

.table>thead>tr>th:nth-child(5),
.table>tbody>tr>td:nth-child(5){
    width: 90px;
    min-width: 90px;
}

.table>thead>tr>th:nth-child(6),
.table>tbody>tr>td:nth-child(6){
    width: 100px;
    min-width: 100px;
}

.table>thead>tr>th:nth-child(7),
.table>tbody>tr>td:nth-child(7){
    width: 60px;
    min-width: 60px;
}

.table>thead>tr>th:nth-child(8),
.table>tbody>tr>td:nth-child(8){
    width: 101px;
    min-width: 101px;
}

.table>thead>tr>th:nth-child(9),
.table>tbody>tr>td:nth-child(9){
    width: 70px;
    min-width: 70px;
}

.table>thead>tr>th:nth-child(10),
.table>tbody>tr>td:nth-child(10){
    width: 85px;
    min-width: 85px;
}



.table>tbody>tr:hover{
    background: #FFE27E;
    color: #000;
}
.table>tbody>tr:hover td{
    color: #000;
    cursor: pointer;
}

@media(max-width: 991px){
    .force-overflow{
        min-width: auto;
        overflow: auto;
    }
    .panel.panel-default{
        width: auto;
    }
    #wo-table{
        width: auto;
        overflow: auto;
    }
}
@media(max-width: 640px){
    #svg{
        display: none;
    }
    table{
        margin: 0 auto;
    }
    .table>thead>tr>th:nth-child(3),
    .table>tbody>tr>td:nth-child(3){
        width: 90px;
        min-width: 90px;
    }

    .table>thead>tr>th:nth-child(4),
    .table>tbody>tr>td:nth-child(4){
        width: 80px;
        min-width: 80px;
    }

    .table>thead>tr>th:nth-child(6),
    .table>tbody>tr>td:nth-child(6){
        width: 100px;
        min-width: 100px;
    }

    .table>thead>tr>th:nth-child(7),
    .table>tbody>tr>td:nth-child(7){
        width: 60px;
        min-width: 60px;
    }

    .table>thead>tr>th:nth-child(9),
    .table>tbody>tr>td:nth-child(9){
        width: 70px;
        min-width: 70px;
    }

}