@font-face {
    font-family: 'Readex Pro';
    src: url('fonts/ReadexPro-SemiBold.woff2') format('woff2'),
        url('fonts/ReadexPro-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Readex Pro';
    src: url('fonts/ReadexPro-Light.woff2') format('woff2'),
        url('fonts/ReadexPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zodiak';
    src: url('fonts/Zodiak-Regular.woff2') format('woff2'),
        url('fonts/Zodiak-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zodiak-Italic';
    src: url('fonts/Zodiak-Italic.woff2') format('woff2'),
        url('fonts/Zodiak-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}


html {
    /*font-family: 'Zodiak', sans-serif !important;*/
    /*font-family: 'Bespoke Serif', serif;*/
    font-family: 'Readex Pro', sans-serif !important;
    font-weight: 300;
	color: #222 !important;
    font-size: 1.1rem;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Readex Pro', sans-serif !important;
    font-weight: 300;
    text-transform: uppercase;
}

blockquote {
    font-family: 'Bespoke Serif', serif;
    font-weight: 400;
    text-align: center;
    font-size: 1.4rem;
    width: 75%;
    margin: 0 auto;
}

blockquote p:last-child {
    font-size: .8rem;
}

.uk-button, .uk-button-default {
    border-radius: 10px;
    border: none;
    background: rgba(172, 184, 2, 1);
    color: #fff;
}

.uk-button:hover {
    background: rgba(172, 184, 2, .8);
    color: #fff;
}

.bg-section .uk-button, .bg-section .uk-button-default {
    border-radius: 10px;
    border: none;
    color: rgba(172, 184, 2, 1);
    background: rgba(255,255,255,1);
}

.bg-section .uk-button:hover {
    background: rgba(255,255,255,.8);
    color: rgba(172, 184, 2, 1);
}

.sticky-headline {
    z-index: 1;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
    background: #fff;
    z-index: 990;
}

.uk-navbar-nav>li>a,
.uk-navbar-item {
  color: #000;
  font-family: 'Readex Pro';
  font-weight: 600;
}

.uk-navbar-toggle {
  color: #000;
}

.uk-offcanvas-bar ul li a {
  font-size: 1.4rem;
  color: #fff;
  text-transform: uppercase;
}

header {
    background: #fff;
}

.logo h1 {
  text-indent: -9999px;
  margin: 0;
}

header .uk-sticky .logo h1 a {
  width: 250px;
  height: 80px;
  display: block;
  background: url(images/logo_web.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 100%;
  scale: 1;
  transition: all .25s linear 0s;
}

/*header .uk-sticky.uk-active .logo h1 a {
  width: 250px;
  height: 80px;
  display: block;
  background: url(images/logo_web_icon.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 100%;
  transition: all 1s linear 0s;
}*/

.hero-image {
  height: calc(100vh - 80px - 40px);
  overflow: initial !important;
}

.title-container {
    padding: 2rem;
    background: rgba(172,184,2,.9);
    box-shadow: 2px 2px 10px #000;
    border-bottom-right-radius: 4rem;
    transform: translateX(-10px) translateY(-4rem);
    color: #fff;
}

.hero-image h2,
.title-container-small h2 {
  font-size: clamp(1.2rem, 0.6857rem + 1.7143vw, 2.4rem);
  color: #fff;
}

.hero-image-small {
    height:calc((100vh - 80px) / 2 - 40px);
}

.title-container-small {
    min-height:calc((100vh - 80px) / 2 - 40px);
    padding: 2rem;
    background: rgba(172,184,2,.9);
    border-bottom-right-radius: 4rem;
    color: #fff;
}

@media screen and (min-width:600px) {
    .hero-image-small {
        height:calc(((100vh - 80px) / 3)*2 - 40px);
    }

    .title-container-small {
        min-height:calc((100vh - 80px) / 3 - 60px);
        padding: 2rem;
        background: rgba(172,184,2,.9);
        border-bottom-right-radius: 4rem;
        color: #fff;
    }
}
.slider-nav {
    height: max-content;
}

.bg-section,
.section-footer {
    background: rgba(38, 107, 165, 1);
    background: rgba(172, 184, 2, 1);
    position: relative;
}

.section-footer {
    margin-top: 4rem;
}

.section-footer .uk-subnav>*>:first-child {

color: #fff;

} 

.bg-section:before,
.section-footer:before {
content: '';
background: url(images/bg_gruen_o.png);
background-position: bottom center;
background-size: 100% 70px;
position: absolute;
top: -50px;
width: 100%;
height: 70px;
}


.bg-section:after {
  content: '';
  background: url(images/bg_gruen_u.png);
  background-size: 100% 70px;
  position: absolute;
  bottom: -50px;
  width: 100%;
  height: 70px;
}
.map-container {
    position: relative;
}

.map {
/*    position: absolute !important;
    top: 0;
    bottom: 0;*/
    height: 100%;
}