/* --- Font definitions - via https://google-webfonts-helper.herokuapp.com/fonts --- */

/* lora-regular - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lora-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lora Regular'), local('Lora-Regular'),
       url('../fonts/lora-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lora-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lora-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lora-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lora-v14-latin-regular.svg#Lora') format('svg'); /* Legacy iOS */
}
/* nunito-200 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/nunito-v12-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Nunito ExtraLight'), local('Nunito-ExtraLight'),
       url('../fonts/nunito-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v12-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v12-latin-200.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-300 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/nunito-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Nunito Light'), local('Nunito-Light'),
       url('../fonts/nunito-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v12-latin-300.svg#Nunito') format('svg'); /* Legacy iOS */
}
/* nunito-regular - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Nunito Regular'), local('Nunito-Regular'),
       url('../fonts/nunito-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v12-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-600 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/nunito-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Nunito SemiBold'), local('Nunito-SemiBold'),
       url('../fonts/nunito-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v12-latin-600.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-700 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Nunito Bold'), local('Nunito-Bold'),
       url('../fonts/nunito-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/nunito-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/nunito-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/nunito-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/nunito-v12-latin-700.svg#Nunito') format('svg'); /* Legacy iOS */
}

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

/* playfair-display-italic - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/playfair-display-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/playfair-display-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v20-latin-italic.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}


/* --- Generall settings ---*/


::selection {
    background: #b99681;
    color: #fff;
    text-shadow: none;
}
html {
    font-family: 'Nunito';
    font-weight: 600;
    color: #8b8b8b;
    font-size: 16px;
    box-sizing: border-box;
    }
*, *:before, *:after {
    box-sizing: inherit;
}

div {
  font-size: 15px;
}

footer div  {
  font-size: 14px;
}

.uk-container {
  max-width: 1440px;
}
.uk-container.uk-container-expand {
  max-width: none;
}

figcaption {
  font-size: 18px;
}

.uk-hr, hr {
    border-top: 1px solid #b3b3b3;
}

h1, .uk-h1, h2, .uk-h2, h3, .uk-h3, h4, .uk-h4, h5, .uk-h5, h6, .uk-h6, .uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-heading-2xlarge {
    font-family: 'Lora';
    font-weight: 400;
    color: #5d5d5d;
}

h1, .uk-h1 {
    color: #A38775;
}

h1, .uk-h1, h2, .uk-h2 {
  font-size: 3rem;
}

strong {
  font-weight: 700 !important;
}

/* --- FontVariations---*/

.fontvariant-p p {
  font-family: "Playfair Display";
  font-style: italic;
  letter-spacing: 0.1px;
  font-size: 22px;
  line-height: 2;
  font-weight: 400;
}

.fontvariant-subhead .content-item h2,
.fontvariant-subhead .content-item h3,
.fontvariant-subhead .content-item h4,
.fontvariant-subhead .content-item h5,
.fontvariant-subhead .content-item h6,
figcaption {
  font-family: "Playfair Display";
  font-style: italic;
  letter-spacing: 0.1px;
  font-weight: 400;
}



/* --- for-phone-only --- */
@media (max-width: 599px) {
  html {
    font-size: 13px;
  }
  h1, .uk-h1 {
    /*font-size: 2.23125rem;*/
    font-size: 1.6rem;
  }
  h2, .uk-h2 {
    /*font-size: 1.7rem;*/
    font-size: 1.3rem;
  }
  h3, .uk-h3{
    /*font-size: 1.5rem;*/
    font-size: 1.2rem;
  }
  h4, .uk-h4 {
    /*font-size: 1.25rem;*/
    font-size: 1.1rem;
  }
  h5, .uk-h5 {
    /*font-size: 16px;*/
    font-size: 0.8;
  }
  h6, .uk-h6 {
    /*font-size: 0.875rem;*/
    font-size: 0.6rem;
  }
  .uk-heading-large {
    font-size: 1.6em;
  }
  .uk-heading-medium {
    font-size: 2rem;
  }
  .uk-grid + .uk-grid-medium, .uk-grid-medium > .uk-grid-margin, * + .uk-grid-margin-medium {
      margin-top: 15px;
  }
}

.uk-text-small {
    font-size: 0.93rem;
}
.uk-text-large {
    font-size: 1.2rem;
}
/* --- for-phone-only --- */
@media (max-width: 599px) {
  .uk-text-large {
    font-size: 1rem;
  }
}

.uk-text-primary {
   color: #b99681 !important; 
}

a, .uk-link {
    color: #8b8b8b;
}
a:hover, .uk-link:hover, .uk-link-toggle:hover .uk-link, .uk-link-toggle:focus .uk-link, a.uk-active {
    color: #b99681;
    text-decoration: none;
}
.uk-link-heading a:hover, .uk-link-toggle:focus .uk-link-heading, .uk-link-toggle:hover .uk-link-heading, a.uk-link-heading:hover {
    color: #b99681 !important;
}


.vd-link {
    letter-spacing: 4px;
    font-weight: 600;
    position: relative;
}
.vd-link:before {
  content: '';
  display: inline-block;
  height: 1px;
  width: 4rem;
  background-color: #b99781;
  margin-right: 2rem;
  vertical-align: middle;
}
.uk-light .vd-link  {
    border-bottom: #fff 1px solid;
}

.uk-breadcrumb a {
    color: #b99681;
    font-weight: 300;
}
.uk-breadcrumb a:hover {
    color: #b99681;
    text-decoration: underline;
}
.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
    color: #b99681;
    font-size: 0.7em;
    margin: 0 10px;
}
.uk-breadcrumb span {
    color: #b99681 !important;
    font-weight: 400;
}

#grid .uk-text-small a {
  font-weight: 400;
}

@media (min-width: 1200px) {
    .uk-heading-large {
        font-size: 4.44rem;
    }
}

.uk-text-danger {
    color: #b99681 !important;
}
.uk-container-medium {
    max-width: 1300px;
}
@media (min-width: 1200px) {
    * + .uk-margin-xlarge {
        margin-top: 120px !important;
    }
}
.uk-tile-secondary {
  background-color: #5d5d5d;
}



/* --- Navbar ---*/

/* Font settings */

.uk-navbar-item,
.uk-navbar-nav>li>a,
.uk-navbar-toggle {
 font-family: 'Nunito';
 font-weight: 400;
 font-size: 16px;
 color: #5d5d5d;
 text-transform: none;
}


.uk-navbar-container:not(.uk-active) img.vd-hide-on-hero {
  display: none;
}


/*.uk-navbar-center:not(:only-child) {
    transform: translate(-50%,-30%);
}
*/


.tm-header-transparent {
    position: absolute;
    z-index: 980;
    left: 0;
    right: 0;
}


.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #ffffff;
}
/*.uk-navbar-item {
  min-height: 125px;
}*/

/* FIX: IE uk-logo */
.uk-navbar .uk-logo {
  padding: 0 15px;
}

.uk-navbar-nav>li>a {
    transition: .1s ease-in-out;
    transition-property: color,background-color,border-color,box-shadow;
    position: relative;
    z-index: 1;
    min-height: 40px;
}

@media only screen and (min-width: 1200px) {
  .uk-navbar-nav>li>a {
    padding: 0 20px;
  }
} 

.uk-navbar-nav > li.uk-active > a {
    color: #8e6f5b;
}

.uk-navbar-nav>li>a::before {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: -23px;
    height: 1px;
    background-color: transparent;
    transition: .1s ease-in-out;
    transition-property: background-color,border-color,box-shadow,height,right;
    left: 0;
    right: 0;
}
/*.uk-navbar-nav>li.uk-active>a::before {
    background-color: #ff3c00;
    height: 7px;
    margin: 0 6px;
}*/


#navbar .uk-sticky-fixed .uk-subnav {
  top: 80px;
}

#navbar .uk-subnav li:first-child a{
      padding: 0 0 0 15px;
}

#navbar .uk-subnav > * > :first-child {
    color: #5d5d5d;
    text-transform: none;
    font-size: 16px;
    font-weight: normal;
}

#navbar .uk-subnav>*>a:focus, #navbar .uk-subnav>*>a:hover {
    color: #b99681;
    text-decoration: none;
}

#navbar .uk-subnav > li > a > div > div > div.uk-inline > div {
  transition: all 0.5s ease-out;
}
#navbar .uk-subnav > li.uk-active > a,
.uk-subnav > li.uk-active > a {
  color: #b99681;
}
#navbar .uk-subnav > li > a > div > div > div.uk-inline > div:hover {
  background: none;
}
.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before {
    border-left: 0px solid #b3b3b3;
    height: 1em;
}


/* --- RespFix : Sub-Navbar f. Referenzen / Leistungen --- */

.uk-navbar-right {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.uk-subnav {
  margin-right: 15px;
  text-transform: none;
}

.uk-subnav-divider.mobile li{
  padding-bottom: 0.5rem;
}
.uk-subnav-divider.mobile > :nth-child(n+2):not(.uk-first-column)::before {
  display: none;
}

/*** --- Sub-Navigation e.g. for Products --- ***/

.sub-navigattion .vd-link:before {
  margin-right: 1.5rem;
}


.uk-search-default {
    width: 240px;
}
.uk-search-default .uk-search-input {
    border-radius: 8px;
    padding-left: 20px;
}
.uk-search-navbar .uk-search-input {
    font-size: 1rem;
    font-weight: normal;
}
.uk-modal-close-full {
    padding: 57px 18px;
}
.vd-search-form {
    width: 200px;
    right: 0;
}

.uk-button {
    font-size: 1rem;
    border-radius: 3px;
    text-transform: none;
}
.uk-button-default {
    background-color: #b99681 !important;
    border: none;
}
.uk-button-primary {
    background: #b99681;
    font-weight: 300;
}
.uk-button-primary:hover, .uk-button-primary:focus {
    background-color: #202a26;
}
.circle {
    border-radius: 50%;
    width: 110px;
    height: 110px;
    background: #b3b3b3;
}
.circle:hover {
    background-color: #b99681;
}

.uk-grid-divider > :not(.uk-first-column)::before {
    top: -40px;
    bottom: -40px;
    border-left: 1px solid #b3b3b3;
}


.uk-dotnav > * {
    padding-left: 20px;
}
.uk-dotnav > * > * {
    width: 16px;
    height: 16px;
}
.uk-section-primary {
    background: #b99681;
}
.uk-section-secondary {
    background: #151515;
    color: #8B8B8B;
}
.uk-section-muted {
    background: #FCF8F5;
}

.uk-section-default,
.uk-section {
  z-index: 1;
  overflow: hidden;
  position: relative;
}


/* ==========================================================================
    7. Hero section
   ========================================================================== */

/* General Settings
   ========================================================================== */

   #hero {
    max-height: 100vh;
  }
  
  .hero span.headline {
    display: block;
    margin-top: 0 !important;
  }
  
     .uk-heading-hero {
      font-size: 50px;
      font-weight: 500;
      color: #000;
    }
  
    /* --- for-phone-only --- */
    @media (max-width: 599px) {
      .uk-heading-hero {
        font-size: 18px;
      }
    }
    
    /* --- for-tablet-portrait-up --- */
    @media (min-width: 600px) { 
      .uk-heading-hero {
        font-size: 34px;
      }
    }
    
    
    /* --- for-phone-only --- */
    @media (max-width: 599px) {
      #hero-badge {
        padding: 36px 20px 0;
        width: 100px;
      }
    }
    /* --- for-tablet-portrait-up --- */
    @media (min-width: 600px) { 
      #hero-badge {
        padding: 36px 20px 0;
        width: 160px;
      }
    }
    
    
    /* --- RespFix : #hero Image / Text --- */
    
    @media (max-width: 959px) {
      #hero > .uk-container {
        padding: 0 60px;
      }
      div.slideshow-hero-b {
        bottom: 100px !important;
        margin-bottom: -100px !important;
      } 
    }
    
    @media (max-width: 480px) {
      #hero > .uk-container {
        padding: 0 30px;
      }
      div.slideshow-hero-b {
        bottom: 85px !important;
        margin-bottom: -85px !important;
      } 
    }
  
  
  /*** - Hero - Responsive Headlines - Show headlines on small devivces- ***/
  
  @media only screen and (max-width:639px) {
  
    /* Layout A */
    .hero-layout-a .uk-slideshow-items {
      position: relative;
      min-height: 0 !important;
    }
    .hero-layout-a .uk-slideshow-items * {
      position: relative !important;
    }
    .hero-layout-a .uk-slideshow-items img {
      position: relative;
      top:0;
      left: 0;
      height: 30vh !important;
      width: 100% !important;
      object-fit: cover;
      transform: none;
    }
    .hero-layout-a .uk-slideshow-items {
      display: block !important;
      position: relative !important;
      padding: 0;
      
    }
    .hero-layout-a .uk-slideshow-items * {
      color: #000 !important;
      display: block;
    }
    .hero-layout-a h1 {
      margin-top: 0 !important;
    }
      
  } 
  
  
  /* Layout C
     ========================================================================== */
  
  .hero-layout-c {
    position: absolute;
    width: 100%;
    top: 40%;
    transform: translateY(-40%);
    overflow: visible;
  }
  
  .slideshow-hero-c {
    max-width: 70vw;
    margin: 0 0 0 auto;
  }
  
  @media (min-width: 1600px) {
    .slideshow-hero-c {
      max-width: 65vw;
    }
  }


/*  END HERO
   ========================================================================== */


/* --- Gray Background - changing left/right ---*/

@media (min-width: 1280px) {
  div.uk-section-alternative:after {
    content:'';
    position: absolute;
    z-index: -10;
    width: 82vw;
    min-width: 85%;
    height: 100vh;
    max-height: 85%;
    left: 0;
    top: 5vh;
    background-color: #fcf8f5;
  }
  div.uk-section-alternative:nth-of-type(2n+1):after {
    left: initial;
    right: 0;
  }
};

.uk-dotnav > * > *, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, .uk-card-primary.uk-card-body .uk-dotnav > * > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > *, .uk-card-secondary.uk-card-body .uk-dotnav > * > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > *, .uk-overlay-primary .uk-dotnav > * > *, .uk-offcanvas-bar .uk-dotnav > * > * {
    background-color: #ffffff;
}
.uk-dotnav > .uk-active > *, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, .uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, .uk-overlay-primary .uk-dotnav > .uk-active > *, .uk-offcanvas-bar .uk-dotnav > .uk-active > * {
    background-color: #ff333c;
}
.uk-heading-hero {
  font-size: 50px;
  font-weight: 600;
  color: #5d5d5d;
}
/* --- for-phone-only --- */
@media (max-width: 599px) {
  .uk-heading-hero {
    font-size: 18px;
  }
}

/* --- for-tablet-portrait-up --- */
@media (min-width: 600px) { 
  .uk-heading-hero {
    font-size: 34px;
  }
}

.uk-card-primary {
    background: #6F6F6F;
}
.uk-card-secondary {
  background: #b99681;
}


/* --- for-phone-only --- */
@media (max-width: 599px) {
  #hero-badge {
    padding: 36px 20px 0;
    width: 100px;
  }
}
/* --- for-tablet-portrait-up --- */
@media (min-width: 600px) { 
  #hero-badge {
    padding: 36px 20px 0;
    width: 160px;
  }
}


/* --- RespFix : #hero Image / Text --- */

@media (max-width: 959px) {
  #hero > .uk-container {
    padding: 0 60px;
  }
  div.slideshow-hero-b {
    bottom: 100px !important;
    margin-bottom: -100px !important;
  } 
}

@media (max-width: 480px) {
  #hero > .uk-container {
    padding: 0 30px;
  }
  div.slideshow-hero-b {
    bottom: 85px !important;
    margin-bottom: -85px !important;
  } 
}



.uk-light, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color), .uk-card-primary.uk-card-body, .uk-card-primary > :not([class*='uk-card-media']), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*='uk-card-media']), .uk-overlay-primary, .uk-offcanvas-bar {
    color: rgba(255, 255, 255, 1);
}
.uk-light .uk-text-meta, .uk-section-primary:not(.uk-preserve-color) .uk-text-meta, .uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, .uk-tile-primary:not(.uk-preserve-color) .uk-text-meta, .uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta, .uk-card-primary.uk-card-body .uk-text-meta, .uk-card-primary > :not([class*='uk-card-media']) .uk-text-meta, .uk-card-secondary.uk-card-body .uk-text-meta, .uk-card-secondary > :not([class*='uk-card-media']) .uk-text-meta, .uk-overlay-primary .uk-text-meta, .uk-offcanvas-bar .uk-text-meta {
    color: rgba(255, 255, 255, 1);
}

.product-page .uk-divider-vertical {
    height: auto;
    border-left: 2px solid red;
    padding-left: 1em;
    margin-left: 1em;
}
.uk-divider-small {
    padding-left: 0.5em;
}
.uk-divider-small::after {
    border-bottom: 2px solid #f00;
    vertical-align: unset;
}

.uk-overlay-secondary {
    background: 0 0;
    background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(31,31,31,.6));
}

.uk-position-bottom-left > div > div:not(.uk-active) {
    color: white;
    /*font-weight: normal;*/
}

.uk-overlay {
    padding: 10px 10px;
}
.uk-grid-small {
    margin-left: -5px;
}
.uk-grid + .uk-grid-small, .uk-grid-small > .uk-grid-margin, * + .uk-grid-margin-small {
    margin-top: 5px;
}
.uk-grid-small > * {
    padding-left: 5px;
}

.uk-tile-primary {
    background: #000;
    padding: 25px;
}


@media (min-width: 1200px) {
  #home-grid .uk-grid-medium > * {
      padding-left: 16px;
  }
}
@media (min-width: 900px) {
  #home-grid .uk-grid-medium > * {
      padding-left: 16px;
  }
}


/* ----------------------------------- home grid ---------------------------- */

/* --- for-phone-only --- */
@media (max-width: 599px) {
  #home-grid .uk-grid-medium > * {
    padding-left: 10px;
  }
  #home-grid #grid {
    margin-left: -10px;
  }
  #home-grid .uk-grid + .uk-grid-medium, .uk-grid-medium > .uk-grid-margin, * + .uk-grid-margin-medium {
    margin-top: 10px;
  }
  #home-grid .uk-overlay {
    padding: 10px 10px;
  }
  #home-grid h3 {
    font-size: 1.2rem;
  }
}

/* --- for-tablet-portrait-up --- */
@media (min-width: 600px) { 
  #home-grid .uk-grid-medium > * {
    padding-left: 10px;
  }
  #home-grid #grid {
    margin-left: -10px;
  }
  #home-grid #home-grid .uk-grid + .uk-grid-medium, .uk-grid-medium > .uk-grid-margin, * + .uk-grid-margin-medium {
    margin-top: 10px;
  }
  #home-grid .uk-overlay {
    padding: 10px 10px;
  }
  #home-grid h3 {
    font-size: 1rem;
  }
}

/* --- for-tablet-landscape-up --- */
@media (min-width: 900px) { 
  #home-grid .uk-grid-medium > * {
    padding-left: 20px;
  }
  #home-grid #grid {
    margin-left: -20px;
  }
  #home-grid .uk-grid + .uk-grid-medium, .uk-grid-medium > .uk-grid-margin, * + .uk-grid-margin-medium {
    margin-top: 20px;
  }
  #home-grid .uk-overlay {
    padding: 20px 20px;
  }
  #home-grid h3 {
    font-size: 1.0rem;
  }
}

/* --- for-desktop-up --- */
@media (min-width: 1200px) { 
  #home-grid .uk-grid-medium > * {
    padding-left: 30px;
  }
  #home-grid #grid {
    margin-left: -30px;
  }
  #home-grid .uk-grid + .uk-grid-medium, .uk-grid-medium > .uk-grid-margin, * + .uk-grid-margin-medium {
    margin-top: 30px;
  }
  #home-grid .uk-overlay {
    padding: 30px 30px;
  }
  #home-grid h3 {
    font-size: 1.3rem;
  }
 }

/* --- for-big-desktop-up --- */
@media (min-width: 1800px) { 
  #home-grid h3 {
    font-size: 1.6rem;
  }
}

/* ----------------------------------- end home grid ---------------------------- */


/* --- Overlap Images - Conent Layout A ---*/

@media only screen and (min-width: 960px) {
  .overlapImages .uk-grid {
    padding-left: 6rem;
    position: relative;
  }
  .overlapImages .overLap {
    position: absolute;
    width: calc(100% - 6rem);
    left: 0;
    z-index: 10;
  }
}

/* --- Layout M - Define directions --- */

@media only screen and (min-width: 960px) {
  .layout-m.direction-child-right .content-item > div:nth-child(1) {order:2;}
  .layout-m.direction-child-right .content-item > div:nth-child(2) {order:1;}
  .layout-m.direction-child-right .content-item > div:nth-child(3) {order:3;}

  .layout-m.direction-child-rotate .content-item:nth-child(even) > div:nth-child(1) {order:2;}
  .layout-m.direction-child-rotate .content-item:nth-child(even) > div:nth-child(2) {order:1;}
  .layout-m.direction-child-rotate .content-item:nth-child(even) > div:nth-child(3) {order:3;}
}


/* ----------------------------------- Anpassungen Grid Layout ---------------------------- */

.grid-layout5 .indented:nth-child(odd) > * {
  padding-left: 4rem;
}
.grid-layout5 .indented:nth-child(even) > * {
  padding-right: 4rem;
}
.grid-layout5 .indented.uk-flex-first > * {
  padding-right: 0 !important;
  padding-left: 4rem !important;
}

@media only screen and (min-width: 960px) { 
  .grid-layout5 .uk-width-5-6 {
    position: relative;
  }
  .grid-layout5 .uk-width-5-6:before,
  .grid-layout5 .uk-width-5-6:after {
    content: "";
    position: absolute;
    top: 0;
    right: -7.5%;
    height: 100%;
    width: 2px;
    z-index: 1;
    background-color: #FCF8F5;
  }
}

/* ----------------------------------- END: Anpassungen Grid Layout ---------------------------- */

/* ----------------------------------- Uber uns ---------------------------- */




.uk-form-label {
    font-size: 1rem;
}


/* ----------------------------------- Uber uns ---------------------------- */

.portrait {
  border: 1px solid #b3b3b3;
  width: 100%;
}

/* ----------------------------------- Uber uns ---------------------------- */


/* ----------------------------------- form builder ---------------------------- */

.Inputfields .InputfieldCheckboxesFloated li {
    padding-right: 3em !important;
}
.InputfieldCheckboxes ul {
    line-height: 2em !important;
}

/* ----------------------------------- end form builder ---------------------------- */



/* ----------------------------------- section padding ---------------------------- */

.vd-padding-top-small { padding-top: 10px; }
.vd-padding-top-normal { padding-top: 20px; }
.vd-padding-top-medium { padding-top: 40px; }
.vd-padding-top-large { padding-top: 70px; }
.vd-padding-top-xlarge { padding-top: 120px; }

.vd-padding-bottom-small { padding-bottom: 10px; }
.vd-padding-bottom-normal { padding-bottom: 20px; }
.vd-padding-bottom-medium { padding-bottom: 40px; }
.vd-padding-bottom-large { padding-bottom: 70px; }
.vd-padding-bottom-xlarge { padding-bottom: 120px; }

@media (max-width: 599px) {

  .vd-padding-top-medium { padding-top: 30px; }
  .vd-padding-top-large { padding-top: 30px; }
  .vd-padding-top-xlarge { padding-top: 50px; }

  .vd-padding-bottom-medium { padding-bottom: 30px; }
  .vd-padding-bottom-large { padding-bottom: 40px; }
  .vd-padding-bottom-xlarge { padding-bottom: 50px; }

}

/* ----------------------------------- end section padding ---------------------------- */





/* ----------------------------------- lines ---------------------------- */

.vd-line {
    background-color: #b99681;
    content: '';
    position: absolute;
    height: 2px;
    width: 20px;
    margin-left: 3px;
}

/* ----------------------------------- end lines ---------------------------- */


/* --- RespFix : Outbreaking words flex container - see: https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ --- */

.uk-flex {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;


  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* --- YouTube Videos - Fix for responsive iFrames:https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php  --- */

.youtubeWrapper {
	position: relative;
  height: 0;
  width: 100%;
}
.youtubeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* --- Text align f. elements defined in CSS Tab Template--- */

.text-child-left .content-item, 
.text-child-left .grid-item > div {
  text-align: left !important;
}
.text-child-center .content-item,
.text-child-center .grid-item > div {
  text-align: center !important;
}
.text-child-right .content-item,
.text-child-right .grid-item > div{
  text-align: right !important;
}

/* --- Hacks - Special site settings only for this website --- */

#das-zeichnet-uns-aus h3 {
  font-family: "Playfair Display" !important;
  font-style: italic !important;
}


#footer {
  background-color: #fcf8f5;
  color: #5d5d5d;
  font-weight:300;
}
  footer a {
    color: #5d5d5d;
  }

  #footer hr {
    border-top: 1px solid #b99681;
  }


/* Icon as Background-Image
  ========================================================================== */

div.bg-svg {
  position: absolute;
  display: block;
  top: -100px;
  left: -100px;
  z-index: 0;
}

/* HACK - H1 on homepage
   ========================================================================== */

#referenzen-teaser-3 h1 {
    font-family: "Playfair Display";
    font-weight: 400;
    color: #8B8B8B;
    font-size: 36px;
    font-style: italic;
}

/* ==========================================================================
    9. Cookie Banner
   ========================================================================== */
.privacywire {
    z-index: 100 !important;
}

.privacywire.privacywire-banner,
.privacywire.privacywire-message,
.privacywire.privacywire-options {
    width: 100%;
    box-shadow: -3px -3px 10px -5px rgba(0,0,0,.15);
    font-size: 13px;
    padding: 0.75rem;
    box-sizing: border-box;
}
.privacywire header {
    font-weight: 600;
    margin: 0 0 0.75rem;
}
.privacywire a {
    text-decoration: underline;
}
.privacywire .privacywire-text{
    margin-bottom: 1rem;
}
.privacywire em {
    color: #000;
}
.privacywire p {
    margin: 0 0 0.5rem;
}
.privacywire-buttons {
    margin: 1rem 0 0;
}
.privacywire ul {
    list-style: none;
    padding: 0;
}
.privacywire button {
    background: #fff;
    color: #817F7D;
    border: 1px solid #F6F6F6;
    padding: 0.5rem 1rem;
    margin:  0 1rem 0.5rem 0;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.2s ease;
}
.privacywire button:hover,
.privacywire button:active {
    background-color: #F6F6F6;
}

.privacywire .allow-all {
    background-color: #148800;
    color: #fff;
}

.privacywire .allow-all:before {
    content: "\2713";
    display: inline-block;
    margin-right: 0.5rem;
} 
.privacywire .allow-all:hover,
.privacywire .allow-all:active {
    background-color: #0f6600;
}

.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus,
.uk-radio:checked:focus,
input[type=radio]:not([class*=uk-]):checked:focus,
input[type=checkbox]:not([class*=uk-]):checked:focus,
input[type=checkbox]:not([class*=uk-]):indeterminate:focus,
input[type="checkbox"]:not([class*="required"]):checked {
    background-color: #0f6600;
}

div[data-hint_external_media] {
    display: none;
    width: 100%;
    max-width: 640px;
}

iframe:not([src]),
iframe[src=""] {
    display: none;
}
   
/*  Coockie Banner - MediaQueries
    ========================================================================== */ 
   
@media only screen and (min-width:961px) {
    .privacywire.privacywire-banner,
    .privacywire.privacywire-message,
    .privacywire.privacywire-options { 
        width: 50vw;
        left: unset;
        right: 0;
        transform: none;
    }
}
@media only screen and (min-width:1200px) {
    .privacywire.privacywire-banner,
    .privacywire.privacywire-message,
    .privacywire.privacywire-options { 
        width: 35vw;
        max-width: 600px;
    }
}