/* braun_ #9B753D
text #000000;
fließtext Baskerville 18/24

h1: 26/29
h2: 26/29

*/


/* baskervville-regular - latin */
@font-face {
  font-family: 'Baskervville';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/baskervville-v4-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Baskervville Regular'), local('Baskervville-Regular'),
       url('../fonts/baskervville-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/baskervville-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/baskervville-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/baskervville-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/baskervville-v4-latin-regular.svg#Baskervville') format('svg'); /* Legacy iOS */
}
/* baskervville-italic - latin */
@font-face {
  font-family: 'Baskervville';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/baskervville-v4-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Baskervville Italic'), local('Baskervville-Italic'),
       url('../fonts/baskervville-v4-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/baskervville-v4-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/baskervville-v4-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/baskervville-v4-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/baskervville-v4-latin-italic.svg#Baskervville') format('svg'); /* Legacy iOS */
}


html body {
      font-family: 'Baskervville';
  font-style: normal;
  font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    
}

body .mejs-controls,
body .mejs-overlay-button  {
    opacity: 0;
    -webkit-transition:opacity 500ms ease-out;
-moz-transition:opacity 500ms ease-out;
-o-transition:opacity 500ms ease-out;
transition:opacity 500ms ease-out;
    
}


body .mejs-overlay-button {
      opacity: 0.3;
}

#menu-item-287 a {
    margin-right: -7px;
}


body .menu-fullscreen.modal-container {
    width: 330px;
    left: auto;
    right: 0px;
    
}

body .menu-fullscreen.modal-container:before {

    content: '';
    position: fixed;
    width: 330px;
    height: 100%;
    top: 0;
    left: auto;
    z-index: 1;
    right: 0px;
}

.modal-container.menu-fullscreen .modal-content {
        max-width: 330px !important;
    left: auto;
    right: 0px;
    transform: translateX(-0%) translateY(-50%);
    -webkit-transform: translateX(-0%) translateY(-50%);
}

body .mejs-container:hover .mejs-controls,
body .mejs-container:hover .mejs-overlay-button  {
     opacity: 1;
    
}

body .modal-trigger {
    display: inline-block;
}

body.b-menu-open .modal-trigger {
    display: none;
}

body .sidebar-logo img {
    width: 240px;
    height: auto;
}

body .container {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
   body  .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
   body  .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
   body  .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
   body  .container {
      max-width: 1292px; } }

body .container-fluid {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
  margin-right: auto;
  margin-left: auto; }


body .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -30px;
  margin-left: -30px; }

body .menu-toggle i {
   font-size: 50px;
    position: relative;
    top: 13px;
    color: #9B753D;
}

body .menu-fullscreen {
    color: #9B753D;
}

body .menu-fullscreen .modal-content {
    height: auto;
}

body .menu-fullscreen .modal-content .modal-close-cross {
    right: 28px;
    top: 34px;
}

a {
       color: #9B753D;
    text-decoration: none;
}


.fullscreen-link {
    padding: 8px;
        right: 15px;
} 


body .menu-fullscreen:before {
    background: rgba(255, 255, 255, 0.9);
    
}


body .menu-fullscreen.modal-container .modal-content .modal-close-cross:before {
    content: '\00D7';
    font-size: 4.5em;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
body #cookie-notice {
          font-family: 'Baskervville';
  font-style: italic;
    color: #9B753D;
}

h2, .h2
{
    
      font-family: 'Baskervville';
  font-style: italic;
    
    
    font-size: 26px;
    line-height: 29px;
    color: #000;
} 

.h1.client-title {
     color: #000;
    font-size: 40px;
    line-height: 46px;
      font-style: normal;
}
h1.project-headline {   color: #000;  font-size: 32px;
    line-height: 32px;
    font-style: normal;
}

h2.project-subline {    color: #000; font-size: 30px;
    line-height: 32px;
    font-style: normal;
}





.text-block  {
    border-top: 1px solid #000000;
      border-bottom: 1px solid #000000;
}

.nav-container .bar {
  /*  padding: 90px 50px 0px 50px;*/
}

.main-container {
   /* padding-top: 50px;*/
}

.mainmenu-wrap {
   /* padding-top: 30px;*/
    margin-right: 63px;
    margin-top: 80px;
}

.mainmenu-list {
    padding-top: 4px;
}

.mainmenu-list li a {
    font-size: 32px;
    line-height: 1.3em;
        color: #9B753D;
      font-family: 'Baskervville';
  font-style: italic;
  font-weight: 500;

}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
   /* padding-right: 15px;
    padding-left: 15px;*/ 
    padding-right: 30px;
    padding-left: 30px;
}

body .cn-button.bootstrap {
    color: #fff;
    background: #9B753D;
}

.bar .logo-wrap a {
    padding-left: 20px;
        display: block;
    color: #9B753D;
        font-size: 16px;
      font-style: italic;
}

.bar .logo {
    max-height: 48px;
    max-width: none;
    width: 100%;
}

.project-thumb h4 {
    font-size: 16px;
      font-style: italic;
  font-weight: bolder;
}

.masonry__item  span {
   font-weight: normal;
       font-style: italic;
}
.masonry__item a span {
   color: #9B753D;
}

.masonry__item a:hover {
    text-decoration: none;
}


.masonry__item a:hover img {
    opacity: 0.7;
}

.flx-projekte .masonry__item  img {
   margin-bottom: 0px;
}

.flx-projekte .masonry__item  h4 {
    margin-top: 1.4em;
}


.masonry__item a:hover span {
     color: #9B753D;
}


.pr_clientinfo-wrap {margin-bottom: 5.57142857em;  }
.pr_project-text {}
.pr_slider-wrap {}

body .section-heading {
    text-transform: lowercase;
    
}

body .section-heading h1 {
        color: #9B753D;
        font-size: 60px;
      font-style: italic;
}
.section-heading {
    -webkit-transform: translateX(-50%) matrix(0, -1, 1, 0, 0, 0);
    -ms-transform: translateX(-50%) matrix(0, -1, 1, 0, 0, 0);
    transform: translateX(-50%) matrix(0, -1, 1, 0, 0, 0);
    position: absolute;
    z-index: 1;
    /*top: 50%;*/
    top: calc(50% - 50px);
    left: 70px;
    
}


.single-projekt .footer-3 .col-md-6 {
    padding-left: 15px;
}


body .flickity-prev-next-button {
    background: transparent;
}


body .flickity-prev-next-button:before {
    color: #9B753D;
}

.section-ml {
    margin-left: 260px;
    margin-right: auto;
    
}

body .main-container section > .container {

}

body.single-projekt .feature-large.feature-large-2 div[class*='col-']:first-child,
body.single-projekt .feature-large.feature-large-2 div[class*='col-']:last-child {

    margin-top: 0em;
}


body.single-projekt .pr_slider-wrap.no-slider .img-wrap {
    padding: 0px !important;
}

body.single-projekt .pr_slider-wrap.no-slider .img-wrap {
    padding: 0px 15px 30px 15px !important;
}

 


footer:not(.bg--primary):not(.bg--dark) a:hover {
    color: #9B753D;
}

.top-logo-img {
    display: none !important;
}




body.home .home-textlink {
    display: none;
}

 @media (max-width: 1540px) {

     .feature-large.feature-large-2,
     .footer-3{
         padding-left: 110px;
     }
     
}

 @media (max-width: 991px) {
     .feature-large.feature-large-2 {
         padding-top: 0px;
         
     }
     
     
}

 @media (max-width: 767px) {
.section-ml {
    margin-left: 120px;
    margin-right: auto;
    
}
     
   body  .modal-container .modal-content > .modal-close-cross {
    top: 3em;
    background: transparent;
    width: auto;
    height: auto;
    text-align: center;
    border-radius: 50%;
    color: #9B753D;
}
     
     
     .modal-container.menu-fullscreen .modal-content {
    max-width: 330px !important;
    left: auto;
    right: 0px;
    transform: translateX(-0%) translateY(-0%);
    -webkit-transform: translateX(-0%) translateY(-0%);
    top: 25px;
         
         
     
     
}

@media (max-width: 680px) { 
.top-logo-img {
    display:block !important;
    width: 200px;
}
    
    .sidebar-logo-img {
    display:none;
}
    
    .home-textlink { display: none;}
    
    
    .section-ml {  
    margin-left: 0px;
    margin-right: auto;
    padding-top:0px;
    } 
    
    .footer-3, .feature-large.feature-large-2  {
        padding-left: 30px;
        padding-right: 15px;
    }
    
    
    
}