/* ==========================================================================
   Author's custom styles
   by C. Löer, Cyphers X 2019
   ========================================================================== */
#home {
  display: inherit;
}

#mobile-home {
  display: none;
}

.ok-nav-container {
  /* background-color: #181616 !important; */
  padding: 0 25px;
}

.ok-bg-col {
  background-color: #181717 !important;
}

.ok-bg-section {
  background-color: #1e1c1b;
}

.logo {
  transition: transform 0.3s ease;
  transform-origin: right;
  transform: scale(.8);  
}

.logo-scale-down {
  transform-origin: right;
  transform: scale(0.5);
}

.ok-nav {
  transition: transform 0.3s ease;
  transform-origin: left;
  transform: scale(1);  
}

.nav-scale-down {
  transform-origin: left;
  transform: scale(0.85);
}

.title {
  font-family: 'Noticia Text', serif;
  color: #fff;
  font-size: 4em;
  margin-top: 0 !important;
  font-weight: bold;
}

.ok-section {
  margin-top: 100px;
}

.uk-navbar-nav li {
  padding: 0 !important;
  margin: 0;
  margin-right: 45px;
}

.uk-navbar-nav img {
  /* margin-top: 25px; */
  width: 33px;
}

.uk-navbar-nav > li > a {
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: none;
  min-height: 35px;
  padding: 0;
}

.uk-navbar-nav li:last-child {
  margin-right: 0;
  margin-left: 20px;
}

.ok-active a {
  color: #fff !important;
  border-bottom: 2px solid #506b06;
}
/* --------------------------------- */
/* .uk-active li {
  color: #fff !important;
  border-bottom: 2px solid #506b06;
} */

.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a.uk-open {
  color: #fff !important;
  outline: none;
}
/* OnClick */
.uk-navbar-nav > li > a:active {
  color: #fff !important;
  border-bottom: 2px solid #506b06;
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
  color: #fff !important;
  border-bottom: 2px solid #506b06;
}

/* --------------------------------- */

.ok-button {
  font-family: 'Noticia Text', serif;
  color: rgb(215, 215, 215);
  padding: 20px 40px;
  border: 1px solid #fff;
  cursor: pointer;
  font-size: 1.2em;
  letter-spacing: 2px;
}

.ok-button:hover {
  color: #fff;
}

.ok-space {
  padding: 100px 0;
}

.white-board {
  background-color: #fff;
  padding: 100px;
}

p {
  line-height: 26px;  
}

h2, h3 {
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Noticia Text', serif;
}

h3 {
  color: #CA9A73;
  font-style: italic;
  font-size: 1.3em;
  margin-bottom: -15px !important;
}

.white-board h3 {
  margin-left: 50px !important;
}

.trans-board h2, .trans-board p {
  color: #f6f6f6;
}

h2 {  
  font-size: 2.7em;
  font-weight: bold;
}

.trans-board h3 {
  margin-bottom: -10px !important; 
}

.test {
  border: 1px solid yellow;
}

#about-us-rosmarin {
  right: -55px;
  top: 335px;
}

#dishes-buffet {
  margin-top: 150px;
  /* padding-bottom: 50px; */
}

#dishes-tools {
  right: -50px;
  top: 150px;
}

#btn-dishes-card {
  padding: 15px 40px;  
  margin-bottom: 40px;
  margin-top: 10px;
}

.fix-width-centered {
  max-width: 1050px;
  /* margin: 0 auto; */
}

#galerie {
  padding: 0 120px;
}

#galerie img {
  /* max-width: 480px; */
}

#chilli-alpha {
  top: 5px;
  left: -275px;
}

#dried-chilli {
  right: -55px;
  top: 405px;
}

#events h3 {
  margin-left: 0px !important;
}

#contact-section {
  /* padding: 50px; */
  background-image: url(../img/bg-contact.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

#contact label {
  display: block;
  margin-bottom: 10px;
  color: #fff;
}

.ok-input, .ok-input:focus {
  color: rgb(235, 235, 235);
  padding-left: 0;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #979797;
}

#input-fields {
  margin-right: 50px;
}

.ok-input:focus {
  border-bottom: 1px solid #fff;
}

.ok-input:focus::placeholder {
  color: #fff;
}

#message-control {
  margin-top: 10px;
}

#message-control label {
  color: rgb(245, 245, 245);
}

#message-control textarea:focus {
  border-color: #E5E5E5;
}

#message-control textarea {
  background-color: #E5E5E5;
}

#ok-submit-button {
  margin-top: 15px;
  color: rgb(232, 232, 232);
}

#ok-submit-button:hover {
  color: #fff;
}

#footer h4 {
  font-size: .9em;
  color: #CA9A73;
}

#footer ul {
  padding: 0;
  margin: 0;
}

#footer ul li {
  list-style: none;
  color: #fff;
  margin-bottom: 3px;
  font-size: .8em;
}

#logo-footer {
  margin-bottom: 20px;
}

#footer a {
  color: #c9c9c9;
}

#footer a:hover {
  text-decoration: none;
  color: #fff;
}

a.back-anchor {
  display: block;
  position: relative;
  /* top: -125*/
  visibility: hidden;
}

#user-message-area {
  visibility: hidden;
  font-size: 1em;
}

#impressum-modal ul,
#datenschutz-modal ul {
  list-style: none;
  margin: 0;
  padding: 0;
}