/* GRÜN: #f8dc00
BLAU: #1f3352
*/
@font-face {
    font-family: 'Fira Sans Condensed';
    src: url('fonts/subset-FiraSansCondensed-LightItalic.woff2') format('woff2'),
        url('fonts/subset-FiraSansCondensed-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url('fonts/subset-FiraSansCondensed-Light.woff2') format('woff2'),
        url('fonts/subset-FiraSansCondensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url('fonts/subset-FiraSansCondensed-Italic.woff2') format('woff2'),
        url('fonts/subset-FiraSansCondensed-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url('fonts/subset-FiraSansCondensed-SemiBold.woff2') format('woff2'),
        url('fonts/subset-FiraSansCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url('fonts/subset-FiraSansCondensed-Regular.woff2') format('woff2'),
        url('fonts/subset-FiraSansCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fira Sans Condensed';
    src: url('fonts/subset-FiraSansCondensed-SemiBoldItalic.woff2') format('woff2'),
        url('fonts/subset-FiraSansCondensed-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/subset-PlayfairDisplay-Bold.woff2') format('woff2'),
        url('fonts/subset-PlayfairDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('fonts/subset-PlayfairDisplay-BoldItalic.woff2') format('woff2'),
        url('fonts/subset-PlayfairDisplay-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}



html {
  font-family: 'Fira Sans Condensed', sans-serif !important;
  font-weight: 300 !important;
  color: #1f3352 !important;
  background: #e2e2e2;
/*  background: rgb(47,90,115) !important;
background: -moz-linear-gradient(225deg, rgba(47,90,115,1) 0%, rgba(75,100,114,1) 100%) !important;
background: -webkit-linear-gradient(225deg, rgba(47,90,115,1) 0%,rgba(75,100,114,1) 100%) !important;
background: linear-gradient(225deg, rgba(47,90,115,1) 0%,rgba(75,100,114,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f5a73', endColorstr='#4b6472',GradientType=1 ) !important;*/
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-family: 'Playfair Display', sans-serif !important;
  font-weight: bold !important;
  color: #1f3352 !important;
}

/*.uk-list-divider>:nth-child(n+2) {
 margin-top: 0px !important;
 padding-top: 0px !important;
 border-top: none !important;
}*/




.uk-badge, .blue-box {
  background: #1f3352 !important;
}

.blue-box * {
  color: #e5e5e5 !important;
}

.uk-breadcrumb>*>* {
  color: #1f3352 !important;
  font-size: 1.1rem !important;
}

.mapboxgl-popup-content h3 {
  margin: 0 !important;
  padding: 10px !important;
}

.white {
  background: #fff;
}

.hidden {
  display: none;
}

.border-bottom {
  border-bottom: 1px solid #1f3352;
}

.uk-navbar-container:not(.uk-navbar-transparent) {
  background: #1f3352 !important;
}

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
  font-size: .875rem;
  font-weight: 600 !important;
  font-family: 'Fira Sans Condensed', sans-serif !important;
  text-decoration: none;
  color: #fff !important;
  padding: 0 30px !important;
  border-bottom: 4px solid transparent;
}

.uk-navbar-nav>li>a:hover, .uk-navbar-nav>li.uk-active>a {
  border-bottom: 4px solid #fff;
}

/*.uk-list-divider>li {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px solid #e5e5e5 !important;
}*/

.uk-section-primary {
  background: #dde6ec !important;
}

.uk-section-secondary {
  background: #c4d3dd !important;
}

.section-headline {
  position: relative;
  margin-bottom: 40px !important;
}

.section-headline:after {
  content: '';
  width: 80px;
  height: 3px;
  background: #1f3352;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.bar-logo {
  text-indent: -9999px;
}

.bar-logo span {

}

.bar-logo a {
  background: #1f3352 url(images/logo-250-160.png);
  width: 125px;
  height: 80px;
  background-repeat: no-repeat !important;
  background-size: 125px 80px;
  background-position:  center;
  display: block;
  border: 10px solid #1f3352;
}


.uk-label, .uk-button-primary  {
  background: #1f3352 !important;
}

.border-top {
  border-top: 1px solid #e2e2e2;
}

.uk-overlay-default {
background: rgba(255,255,255,.9) !important;
}

h2.skulptur a {
  color: #1f3352 !important;
}

.slide-prev {
  padding: 25px !important;
/*  border-right: 1px solid #e2e2e2;*/
  background: #1f3352;
}

.slide-next {
  padding: 25px !important;
  /*border-left: 1px solid #fff;*/
  background: #1f3352;
}

.side-image {
transform: rotate(-5deg);
border: 5px solid #1f3352;
-webkit-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px -3px rgba(0,0,0,0.75);
}

#map {
  height: 800px;
}

.gruen {
  background: #fff;
  color: #666 !important
}

.gruen h1, .gruen h2, .gruen h3, .gruen h4 {
  color: #1f3352 !important
}

.gruen .uk-card h3.uk-card-title {
  color: #005A88 !important;
}

.grey {
  background: #1f3352;

}

.blau {
  background: #1f3352;
  color: #fff !important
}

.trans {
  color: #1f3352 !important;
}

.bg-blau {
  background: rgb(0,90,136);
background: -moz-linear-gradient(133deg, rgba(0,90,136,1) 0%, rgba(63,111,135,1) 100%);
background: -webkit-linear-gradient(133deg, rgba(0,90,136,1) 0%,rgba(63,111,135,1) 100%);
background: linear-gradient(133deg, rgba(0,90,136,1) 0%,rgba(63,111,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3352', endColorstr='#3f6f87',GradientType=1 );
}

.blau h1, .blau h2, .blau h3, .blau h4 {
  color: #1f3352 !important
}

.alt-nav #prev {
  float: none !important;
  position: absolute;
  top: 45%;
  left: 40px;
  background: #fff;
}

.alt-nav #next {
  float: none !important;
  position: absolute;
  top: 45%;
  right: 0px;
  background: #fff;
}

/********************/
.gallery {
    position: relative;
    max-height: 700px;
}

.gallery.small {
    max-height: 300px
}

.gallery .slick-slider {
    position: relative;
}

.gallery .slick-slider .slick-prev, .gallery .slick-slider .slick-next {
    position: absolute;
    top: 5px;
    bottom: 5px;
    z-index: 1;
    font-family: FontAwesome;
    content: '\f104';
    padding: 20px;
    color: rgba(255, 255, 255, 0.7);
    font-size: 80px;
    font-weight: 100;
    cursor: pointer;
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.8);
    transition-duration: 300ms
}

.gallery .slick-slider .slick-prev:hover, .gallery .slick-slider .slick-next:hover {
    background: rgba(0, 0, 0, 0.2);
    transition-duration: 300ms
}

.gallery .slick-slider .slick-prev {
    left: 0
}

.gallery .slick-slider .slick-next {
    right: 0
}

.gallery .slick-slide {
    outline: 0 !important;
    height: auto
}

.gallery .slick-slide img {
    margin: 0px 5px
}

/*.slick-slide img {
  opacity: 0.3;
  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.slick-active img, .slick-center img {
  opacity: 1;
  -webkit-transition: opacity 500ms ease;
  -moz-transition: opacity 500ms ease;
  -o-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}*/

@media only screen and (max-width:1200px) {
    .gallery {
        max-height: 500px
    }

    .gallery .slick-slider .slick-slide img {
        max-height: 500px
    }
}

@media only screen and (max-width:860px) {
    .gallery {
        max-height: 400px
    }

    .gallery .slick-slider .slick-slide img {
        max-height: 400px
    }
}


@media only screen and (max-width:700px) {
    .gallery {
        max-height: 300px
    }

    .gallery .slick-slider .slick-slide img {
        max-height: 300px
    }
}


.slick-box {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 0 5px 15px;
  background: rgba(255,255,255,.8);
}
/**********************/