*, li {
  font-family: 'Josefin Sans', sans-serif; }

p {
  line-height: 1.2em; }

body {
  margin: 0;
  padding: 0; }

.icon {
  width: 20px;
  height: 20px; }

.ks-notice {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 550; }

.ks-notice-box {
  margin: 0 auto;
  padding: 40px;
  background: #ffff33;
  border: 3px solid #ff3432; }

@media only screen and (max-width: 599px) {
  .ks-notice-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 60px;
    overflow-y: auto; } }

@media only screen and (min-width: 600px) {
  .ks-notice-box {
    position: relative;
    width: 500px;
    margin-top: 50px; } }

@media only screen and (min-width: 800px) {
  .ks-notice-box {
    width: 600px;
    margin-top: 100px; } }

.ks-notice-close-button {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer; }
  .ks-notice-close-button img {
    width: 30px;
    height: auto; }

body {
  overflow: hidden; }

#ic_menu {
  width: 30px;
  height: 30px; }

#ic_instagram {
  width: 18pt;
  height: 18pt; }

#bottom_menu_container ul {
  z-index: 600;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  height: 60px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 18pt; }

#bottom_menu {
  display: flex;
  flex-direction: row;
  align-items: stretch; }
  #bottom_menu li {
    display: flex;
    flex-direction: row;
    align-items: center; }
    #bottom_menu li:nth-child(1) {
      background: #ff3432; }
    #bottom_menu li:nth-child(2) {
      background: #80cff1; }
    #bottom_menu li:nth-child(3) {
      background: #009ee3; }
    #bottom_menu li:nth-child(4) {
      background: #ffff33; }
      #bottom_menu li:nth-child(4) marquee {
        width: 100%; }
    @media only screen and (min-width: 1200px) {
      #bottom_menu li:nth-child(1) {
        flex-basis: 10%; }
      #bottom_menu li:nth-child(2) {
        flex-basis: 5%; }
      #bottom_menu li:nth-child(3) {
        flex-basis: 5%; }
      #bottom_menu li:nth-child(4) {
        flex-basis: 80%; } }
    @media only screen and (max-width: 1199px) {
      #bottom_menu li:nth-child(1) {
        flex-basis: 20%; }
      #bottom_menu li:nth-child(2), #bottom_menu li:nth-child(3) {
        display: none; }
      #bottom_menu li:nth-child(4) {
        flex-basis: 80%; } }
    #bottom_menu li a {
      flex-basis: 100%;
      text-align: center;
      text-decoration: none;
      color: black; }
    #bottom_menu li.current-language a {
      text-decoration: underline; }

#menu_container {
  z-index: 800;
  display: hidden; }

#slideshow {
  z-index: 500;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  flex-direction: row;
  align-items: center; }

@media only screen and (orientation: landscape) and (min-width: 200px) {
  #slideshow {
    background-image: url(/wp-content/themes/koglersport/background/landscape@400x.jpg); } }

@media only screen and (orientation: landscape) and (min-width: 600px) {
  #slideshow {
    background-image: url(/wp-content/themes/koglersport/background/landscape@800x.jpg); } }

@media only screen and (orientation: landscape) and (min-width: 1000px) {
  #slideshow {
    background-image: url(/wp-content/themes/koglersport/background/landscape@1200x.jpg); } }

@media only screen and (orientation: landscape) and (min-width: 1400px) {
  #slideshow {
    background-image: url(/wp-content/themes/koglersport/background/landscape@1600x.jpg); } }

@media only screen and (orientation: landscape) and (min-width: 1800px) {
  #slideshow {
    background-image: url(/wp-content/themes/koglersport/background/landscape@2000x.jpg); } }

@media only screen and (orientation: portrait) and (min-height: 200px) {
  #slideshow {
    background-image: url(/wp-content/themes/koglersport/background/portrait@x400.jpg); } }

@media only screen and (orientation: portrait) and (min-height: 600px) {
  #slideshow {
    background-image: url(/wp-content/themes/koglersport/background/portrait@x800.jpg); } }

@media only screen and (orientation: portrait) and (min-height: 1000px) {
  #slideshow {
    background-image: url(/wp-content/themes/koglersport/background/portrait@x1200.jpg); } }
  #slideshow #logo_container {
    width: 100%;
    text-align: center; }
    #slideshow #logo_container #koglersport {
      width: 400px;
      height: auto; }
      @media only screen and (max-width: 800px) {
        #slideshow #logo_container #koglersport {
          width: 40%; } }
  #slideshow #ic_arr_left, #slideshow #ic_arr_right {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    height: 60px;
    width: auto; }
  #slideshow #ic_arr_left {
    left: 40px; }
  #slideshow #ic_arr_right {
    right: 40px; }