/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eac84d+0,c4a239+100 */

/* ++++++++++++++++++++++++++++++++++++++++++++
/* general */
html, body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
}

h1,h2,h3,h4,h5,h6 {
  font-family: "Leviathan A", "Leviathan B";
  font-style: normal;
  font-weight: 800;
}

.noborder {
  border: 0px solid transparent!important;
}

a[href="#"] {
  cursor: hand;
}


/* ++++++++++++++++++++++++++++++++++++++++++++
/* text */
h1 {
  text-transform: uppercase;
  color: #debd46;
}

span.yellow {
  color: #debd46;
  font-weight: 700;
}

span.gotham {
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: normal;
  font-weight: 300;
  font-size: 13px;
}

span.sbold {
  font-family: "Sentinel A", "Sentinel B";
  font-style: normal;
  font-weight: 700;
}


/* ++++++++++++++++++++++++++++++++++++++++++++
/* button */



/* ++++++++++++++++++++++++++++++++++++++++++++
/* highlights */
.highlights > div > div {

  background: rgb(234,200,77); /* Old browsers */
  background: -moz-linear-gradient(left, rgba(234,200,77,1) 0%, rgba(196,162,57,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(234,200,77,1) 0%,rgba(196,162,57,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(234,200,77,1) 0%,rgba(196,162,57,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eac84d', endColorstr='#c4a239',GradientType=1 ); /* IE6-9 */
  text-align: center;
  padding: 25px;
}

.highlights > div > div.ks-greylight {
  background: rgb(149,148,143); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(149,148,143,1) 0%, rgba(118,105,100,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(149,148,143,1) 0%,rgba(118,105,100,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(149,148,143,1) 0%,rgba(118,105,100,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f948f', endColorstr='#766964',GradientType=0 ); /* IE6-9 */
  text-align: center;
  padding: 25px;
}

.highlights > div > div > a {
  color: #fff;
  font-family: "Leviathan A", "Leviathan B";
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.highlights > div > div > a:hover {
  text-decoration: none;
}

.highlights > div > div > a.deactivated {
  color: #e8ce5a;
}

.main-content {
  font-family: "Sentinel A", "Sentinel B";
  font-style: normal;
  font-weight: 400;
}

.main-content .sbold {
  font-family: "Sentinel A", "Sentinel B";
  font-style: normal;
  font-weight: 700;
}

.main-content h1 {
  font-family: "Leviathan A", "Leviathan B";
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.8px;
}

/* ++++++++++++++++++++++++++++++++++++++++++++
/* navbar */
.uk-navbar {
  background: transparent;
  color: #666;
}

.uk-navbar-nav > li.uk-active > a {
  background-color: transparent;
}

.uk-navbar-nav > li.uk-open > a, .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus {
  background-color: transparent;
}

.uk-navbar-nav > li > a {
  box-sizing: border-box;
  display: block;
  font-family: "Leviathan A", "Leviathan B";
  font-style: normal;
  font-weight: 800;
  font-size: 15px;
  line-height: 40px;
  letter-spacing: 0.1px;
  height: 40px;
  padding: 0 12px;
  text-decoration: none;
  text-transform: uppercase;
}

.uk-navbar-nav > li > a:hover {
  text-decoration: none;
}

.branding {
  margin-top: 25px;
}

.uk-navbar-nav > li > a.hidden-nav {
  color: #e6e6e6;
}

.uk-nav-offcanvas > li > a {
  font-family: "Leviathan A", "Leviathan B";
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase;
}

a.uk-navbar-toggle {
  text-align: center;
  width: 100%;
}


/* ++++++++++++++++++++++++++++++++++++++++++++
/* topbar */



/* ++++++++++++++++++++++++++++++++++++++++++++
/* footer */



/* ++++++++++++++++++++++++++++++++++++++++++++
/* ++++++++++++++++++++++++++++++++++++++++++++
/* TERMINE */
/* fluid 5 columns */
.grid-picture img {
  position: relative;
}

.grid-overlay {
  position: relative;
  margin-top: -35px;
  font-family: "Leviathan A","Leviathan B";
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  letter-spacing: 0.4px;
  text-align: center;
  width: 100%;
  height: 35px;
  line-height: 35px;
  color: #fff;
}
.grid.Termin .grid-overlay {
  background-color: rgba(0, 0, 0, 0.75);
}
.grid.Kultur .grid-overlay {
  background-color: rgba(0, 0, 0, 0.75);
}


.grid .grid-lead {
  padding: 14px;
  font-family: "Sentinel A", "Sentinel B";
  font-style: normal;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
.grid.Termin .grid-lead {
  background: rgb(149,148,143); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(149,148,143,1) 0%, rgba(118,105,100,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(149,148,143,1) 0%,rgba(118,105,100,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(149,148,143,1) 0%,rgba(118,105,100,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f948f', endColorstr='#766964',GradientType=0 ); /* IE6-9 */
}
.grid.Kultur .grid-lead {
  background: rgb(234,200,77); /* Old browsers */
  background: -moz-linear-gradient(left, rgba(234,200,77,1) 0%, rgba(196,162,57,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(234,200,77,1) 0%,rgba(196,162,57,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(234,200,77,1) 0%,rgba(196,162,57,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eac84d', endColorstr='#c4a239',GradientType=1 ); /* IE6-9 */
}

.grid.Termin .grid-body {
  background-color: #d8d7d6;
  padding: 14px;
  font-family: "Sentinel A", "Sentinel B";
  font-style: normal;
  font-weight: 400;
  text-align: center;
  color: #666666;
  margin-bottom: 10px;
}

.grid.Kultur .grid-body {
  background-color: #F9F0D8;
  padding: 14px;
  font-family: "Sentinel A", "Sentinel B";
  font-style: normal;
  font-weight: 400;
  text-align: center;
  color: #666666;
  margin-bottom: 10px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++
/* ++++++++++++++++++++++++++++++++++++++++++++
/* RESPONSIVE */
/* Phone landscape and bigger */
@media (max-width: 480px) {
  .uk-navbar-brand, .uk-navbar-content, .uk-navbar-toggle {
    padding: 0;
  }

  span.gotham {
    font-size: 15px;
  }

  .grid-overlay {
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin-top: -24px;
  }

}
@media (min-width: 321px) and (max-width: 360px) {
  .uk-small-device > img {
    margin-left:18px;
  }
}
@media (min-width: 361px) and (max-width: 375px) {
  .uk-small-device > img {
    margin-left:25px;
  }
}
@media (min-width: 376px) and (max-width: 414px) {
  .uk-small-device > img {
    margin-left:45px;
  }
}
/* Tablet and bigger */
@media (min-width: 768px ) and (max-width: 959px) {
  .uk-navbar-nav > li > a {
    font-size: 11px;
    line-height: 40px;
    letter-spacing: 0.1px;
    padding: 0 10px;
  }

  .highlights > div > div > a {
    font-size: 11px;
    line-height: 11px;
    letter-spacing: 0.1px;
  }
}
/* Desktop and bigger */
@media (min-width: 960px) and (max-width: 1199px) {
  .uk-navbar-nav > li > a {
    font-size: 14px;
    letter-spacing: 0.1px;
  }

  .highlights > div > div > a {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.3px;
  }
}
/* Large screen and bigger */
@media (min-width: 1200px) {

}