@charset "UTF-8";
body {
  font-family: Microsoft JhengHei;
  margin: 0px; }

header {
  background-image: url("../images/background_black.png");
  align-items: center;
  display: flex !important; }
  header .header_logo {
    padding: 3px 20px;
    width: 35%; }
    @media (min-width: 601px) and (max-width: 1280px) {
      header .header_logo {
        width: 30%; } }
  header nav {
    width: 45%;
    display: flex;
    margin-right: 50px; }
    @media (max-width: 1024px) {
      header nav {
        display: none; } }
    @media (min-width: 601px) and (max-width: 1280px) {
      header nav {
        margin: 0; } }
    header nav ul {
      width: 90%;
      list-style: none;
      display: flex;
      align-items: center;
      margin: 15px 0; }
      header nav ul li {
        width: 20%; }
        header nav ul li a {
          color: white;
          text-decoration: none;
          cursor: pointer; }
          header nav ul li a:hover {
            color: red; }
  header .reservation_btn {
    width: 15%; }
    @media (max-width: 1024px) {
      header .reservation_btn {
        display: none; } }
    @media (min-width: 601px) and (max-width: 1280px) {
      header .reservation_btn {
        width: 20%; } }
    header .reservation_btn button {
      min-width: 17px;
      background-color: red;
      color: white;
      border-radius: 25px;
      border: 1px red solid;
      padding: 15px 20px;
      margin-right: 20px;
      outline: none;
      cursor: pointer; }
  header .social_btn {
    width: 15%; }
    @media (max-width: 1024px) {
      header .social_btn {
        display: none; } }
    header .social_btn img {
      width: 40px;
      cursor: pointer; }
      header .social_btn img:first-of-type {
        margin-right: 10px; }

.mobilemenu-view .reservation_btn button {
  min-width: 175px;
  background-color: red;
  color: white;
  border-radius: 25px;
  border: 1px red solid;
  padding: 15px 20px;
  margin-right: 20px;
  outline: none;
  cursor: pointer;
  margin: 30px 0 30px 0; }
.mobilemenu-view .social_btn img {
  width: 40px;
  cursor: pointer; }
  .mobilemenu-view .social_btn img:first-of-type {
    margin-right: 10px; }

.totop {
  background-color: black;
  padding: 60px 0;
  text-align: center; }
  .totop img {
    width: 60px;
    -webkit-animation: arrow-move .9s ease-in-out infinite alternate;
    animation: arrow-move .9s ease-in-out infinite alternate;
    cursor: pointer; }

@-webkit-keyframes arrow-move {
  0% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(5px); } }
@keyframes arrow-move {
  0% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(5px); } }
footer {
  background-color: black; }
  footer p {
    margin: 10px 0; }
  footer .container {
    max-width: 1440px;
    margin: 0 auto; }
    footer .container .footer_left {
      margin-left: 5%;
      float: left;
      width: 30%;
      text-align: center; }
      @media (max-width: 750px) {
        footer .container .footer_left {
          width: 90%;
          float: none; } }
      footer .container .footer_left .footer_logo {
        margin-bottom: 30px; }
        footer .container .footer_left .footer_logo img {
          width: 80%; }
      footer .container .footer_left .social_btn {
        margin-bottom: 30px; }
        footer .container .footer_left .social_btn img {
          width: 40px; }
          footer .container .footer_left .social_btn img:first-of-type {
            margin-right: 10px; }
      footer .container .footer_left .reservation_btn {
        margin-bottom: 30px; }
        footer .container .footer_left .reservation_btn button {
          min-width: 175px;
          background-color: red;
          color: white;
          border-radius: 25px;
          border: 1px red solid;
          padding: 15px 20px;
          outline: none;
          cursor: pointer; }
    footer .container .footer_mid {
      float: left;
      width: 26%;
      color: white;
      padding: 93px 2% 0 2%; }
      @media (max-width: 750px) {
        footer .container .footer_mid {
          width: 90%;
          float: none;
          text-align: center; } }
      footer .container .footer_mid .phone, footer .container .footer_mid .email, footer .container .footer_mid .add {
        border-top: 1px #c1bbbb96 solid; }
        footer .container .footer_mid .phone p a, footer .container .footer_mid .email p a, footer .container .footer_mid .add p a {
          color: white; }
    footer .container .footer_right {
      color: white;
      float: left;
      width: 26%;
      margin-right: 5%;
      padding: 51px 2% 0 2%; }
      @media (max-width: 750px) {
        footer .container .footer_right {
          width: 90%;
          float: none;
          text-align: center; } }
      footer .container .footer_right .align_right {
        text-align: right; }
      footer .container .footer_right .open_time, footer .container .footer_right .urlaub, footer .container .footer_right .ruhetag {
        border-top: 1px #c1bbbb96 solid; }
      footer .container .footer_right .open_time p:nth-of-type(2) {
        margin: 10px 0 2px 0; }
      footer .container .footer_right .open_time .buffet {
        position: relative; }
        footer .container .footer_right .open_time .buffet p {
          margin: 2px 0 10px 0; }
          footer .container .footer_right .open_time .buffet p:last-of-type {
            position: absolute;
            right: 0px;
            top: -2px; }
            @media (max-width: 750px) {
              footer .container .footer_right .open_time .buffet p:last-of-type {
                position: relative; } }
      footer .container .footer_right .ruhetag p:nth-of-type(2) {
        margin: 10px 0 2px 0; }
      footer .container .footer_right .ruhetag p:nth-of-type(3) {
        margin-top: 2px; }
      footer .container .footer_right .ruhetag p:last-of-type {
        margin-right: 33px; }
    footer .container:after {
      content: '';
      display: block;
      clear: both; }
  footer .copy {
    background-color: black;
    text-align: center;
    color: white;
    padding: 70px 0; }
    footer .copy a {
      color: white;
      cursor: pointer; }

.slick-prev, .slick-next {
  background-color: transparent;
  width: 40px !important;
  height: 40px !important;
  -webkit-animation: arrow-move .9s ease-in-out infinite alternate;
  animation: arrow-move .9s ease-in-out infinite alternate; }

iframe {
  display: block; }

.menu_outer {
  background-image: url("../images/background_black.png");
  padding: 100px 0 50px 0; }
  .menu_outer h2 {
    margin: 0;
    color: white;
    text-align: center;
    padding-bottom: 40px; }
  .menu_outer .menu_icon {
    width: 85%;
    margin: 0 auto; }
    .menu_outer .menu_icon .menu_icon_sec {
      outline: none;
      width: 12%;
      float: left;
      cursor: pointer; }
      .menu_outer .menu_icon .menu_icon_sec img {
        width: 100%;
        padding: 10px; }
      .menu_outer .menu_icon .menu_icon_sec p {
        color: white;
        font-size: 18px;
        text-align: center;
        margin-top: 10px; }
    .menu_outer .menu_icon:after {
      display: block;
      content: '';
      clear: both; }
    .menu_outer .menu_icon .slick-prev {
      left: -40px; }
      @media (max-width: 750px) {
        .menu_outer .menu_icon .slick-prev {
          left: -30px; } }
    .menu_outer .menu_icon .slick-next {
      right: -40px; }
      @media (max-width: 750px) {
        .menu_outer .menu_icon .slick-next {
          right: -30px; } }

.banner .banner_1 {
  width: 100%;
  height: calc(100vh - 107px);
  background: url("../images/banner/banner-1.png") center center;
  background-size: cover; }
  @media (max-width: 600px) {
    .banner .banner_1 {
      max-height: 100vw; } }
.banner .banner_2 {
  width: 100%;
  height: calc(100vh - 107px);
  background: url("../images/banner/banner-2.png") center center;
  background-size: cover; }
  @media (max-width: 600px) {
    .banner .banner_2 {
      max-height: 100vw; } }
.banner .banner_3 {
  width: 100%;
  height: calc(100vh - 107px);
  background: url("../images/banner/banner-3.png") center center;
  background-size: cover; }
  @media (max-width: 600px) {
    .banner .banner_3 {
      max-height: 100vw; } }
.banner .banner_4 {
  width: 100%;
  height: calc(100vh - 107px);
  background: url("../images/banner/banner-4.png") center center;
  background-size: cover; }
  @media (max-width: 600px) {
    .banner .banner_4 {
      max-height: 100vw; } }
.banner .banner_1 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center; }
  .banner .banner_1 img {
    width: 40%; }
    @media (max-width: 1024px) {
      .banner .banner_1 img {
        width: 60%; } }
    @media (max-width: 600px) {
      .banner .banner_1 img {
        width: 80%; } }

.uber {
  background: url("../images/uber/uber_bg.png") center center no-repeat; }
  .uber .container {
    max-width: 1440px;
    margin: 0 auto; }
    .uber .container .uber_left {
      width: 40%;
      float: left;
      padding: 80px 0 80px 80px; }
      .uber .container .uber_left img {
        width: 80%; }
      @media (max-width: 600px) {
        .uber .container .uber_left {
          float: none;
          width: 90%;
          margin: 0 auto;
          padding: 0px; } }
      @media (max-width: 600px) {
        .uber .container .uber_left img {
          padding-top: 30px; } }
    .uber .container .uber_right {
      width: 40%;
      float: left;
      color: white;
      padding: 150px 0 80px 80px; }
      @media (max-width: 600px) {
        .uber .container .uber_right {
          padding: 20px 0px;
          float: none;
          width: 90%;
          margin: 0 auto; } }
    .uber .container:after {
      content: '';
      display: block;
      clear: both; }

.slick-dots {
  width: auto;
  right: 30px;
  top: 30%;
  bottom: 0; }
  .slick-dots li {
    display: block !important;
    margin: 2px 5px; }
    .slick-dots li.slick-active button:before {
      content: '◉';
      color: white; }
    .slick-dots li button:before {
      content: '○';
      color: white;
      opacity: 0.8;
      font-size: 16px; }

.slick-dotted.slick-slider {
  margin-bottom: 0px; }

/*# sourceMappingURL=index.css.map */