@charset "UTF-8";
/* Sand */
/* Saft */
/* Test autoprefixer */
.test_autoprefix {
  -webkit-transform: rotate("41");
      -ms-transform: rotate("41");
          transform: rotate("41");
}

/*
------------------------------------------------------------------
functions, mixins
------------------------------------------------------------------
*/
/*
------------------------------------------------------------------
general styling
------------------------------------------------------------------
*/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*html {
    overflow-y: scroll;
}*/
html, body {
  font-family: "Madera", sans-serif;
  position: relative;
  margin: 0;
  padding: 0;
  background-color: white;
}

.float_left, .align_left {
  float: left;
}

.float_right, .align_right {
  float: right;
}

.zentriert, .align_center {
  text-align: center;
}

.underline {
  display: inline-block;
  border-bottom: 2px solid #c35f5f;
}

.inline {
  display: inline;
}

.main_content_formatting, .main_content_formatting_large {
  margin: 0 auto;
  padding: 25px;
  padding-top: 50px;
  width: 100%;
  min-width: 220px;
  max-width: 800px;
}

.main_content_formatting_large {
  max-width: 1600px;
}

.content-padding {
  padding: 25px;
}

.clear, #clear {
  height: 0.1px;
  font-size: 0.1px;
  line-height: 0.1px;
  clear: both;
}

.invisible {
  width: 0;
  height: 0;
  left: -1000px;
  top: -1000px;
  position: absolute;
  overflow: hidden;
}

.invisible_container {
  opacity: 0;
}
.invisible_container* {
  opacity: 0;
}

.inverted_img {
  -webkit-filter: invert(1);
          filter: invert(1);
}

/*
------------------------------------------------------------------
structure
------------------------------------------------------------------
*/
.show-nav #container {
  -webkit-transform: translateX(250px);
      -ms-transform: translateX(250px);
          transform: translateX(250px);
}

#container {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: 0.3s ease all;
  -o-transition: 0.3s ease all;
  transition: 0.3s ease all;
}

.container {
  display: grid;
  max-width: 1800px;
  min-height: 100vh;
  grid-template-columns: 250px minmax(220px, 1fr) 280px;
  grid-template-rows: auto auto 1fr auto;
  grid-template-areas: "aside_left     header  header " "aside_left     hero    hero       " "aside_left     content aside_right" "aside_left     footer aside_right";
}
@media (max-width: 1100px) {
  .container {
    grid-template-columns: 250px minmax(220px, 800px);
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "aside_left     header" "aside_left     hero" "aside_left     content" "aside_left     aside_right" "aside_left     footer";
  }
}
@media (max-width: 700px) {
  .container {
    margin-left: -250px;
  }
}
.container.no_aside_right {
  grid-template-areas: "aside_left     header  header" "aside_left     hero    hero      " "aside_left     content content   " "aside_left     footer footer   ";
}
.container.no_aside_right #main {
  justify-self: center;
}
.container.no_aside_right .aside_right {
  display: none;
}

.wrapper_aside_left,
.second_nav {
  position: sticky;
  top: 0;
}
@media (max-width: 700px) {
  .wrapper_aside_left,
.second_nav {
    position: static;
  }
}

@media (max-height: 700px) {
  .wrapper_aside_left {
    position: static;
  }
}

@media (max-width: 960px) and (max-height: 700px) {
  .second_nav {
    position: static;
  }
}

.aside_left {
  position: relative;
  grid-area: aside_left;
  padding-bottom: 30px;
  text-align: center;
  background-color: black;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.aside_left > * {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.aside_right {
  font-size: 0.9rem;
  line-height: 1.35rem;
  grid-area: aside_right;
  align-self: start;
  height: 100%;
  margin-right: 15px;
  padding: 25px;
  padding-right: 0;
}
.aside_right .content_right {
  background-color: white;
}
.aside_right .content_right p {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
@media (max-width: 1100px) {
  .aside_right {
    margin: 25px;
    padding: 0;
  }
}

header {
  grid-area: header;
  justify-self: center;
}
header a {
  border: none;
}

.hero {
  grid-area: hero;
  margin-top: 30px;
  max-height: 50vh;
  overflow: hidden;
}
.hero img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#wrapper_main {
  grid-area: content;
}

#main {
  margin: 0 auto;
  padding: 25px;
  padding-top: 50px;
  width: 100%;
  min-width: 220px;
  max-width: 800px;
}
@media (max-width: 960px) {
  #main {
    padding-bottom: 0;
  }
}

footer {
  grid-area: footer;
  margin-top: 30px;
}

.second_nav {
  grid-area: header;
  padding-left: 25px;
  justify-self: right;
  align-self: start;
}
@media (max-width: 960px) {
  .second_nav {
    grid-area: aside_left;
    justify-self: center;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}

/*
------------------------------------------------------------------
footer
------------------------------------------------------------------
*/
footer a {
  border: none;
  text-decoration: none;
}
footer a:before {
  content: none;
}

.footer_content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1rem;
}

.footer_left, .footer_center, .footer_right {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.footer_left ul.nav, .footer_center ul.nav, .footer_right ul.nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footer_left ul.nav li, .footer_center ul.nav li, .footer_right ul.nav li {
  cursor: default;
}
.footer_left ul.nav a, .footer_center ul.nav a, .footer_right ul.nav a {
  border: none;
  text-decoration: none;
}
.footer_left ul.nav a:before, .footer_center ul.nav a:before, .footer_right ul.nav a:before {
  content: none;
}

.footer_center {
  margin: 0 auto;
  padding: 25px;
  padding-top: 50px;
  width: 100%;
  min-width: 220px;
  max-width: 800px;
  border-left: white solid 25px;
  border-right: white solid 25px;
  padding: 0 15px 15px 15px;
  background-color: black;
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

/*
------------------------------------------------------------------
logo
------------------------------------------------------------------
*/
.logo {
  display: inline-block;
  padding-top: 45px;
}
.logo a {
  border: none;
  text-decoration: none;
}
.logo a:before {
  content: none;
}
.logo img {
  display: inline-block; /* damit verlinktes Logo nicht über die gesamte Breite geht */
  max-width: 86vw;
  width: 250px;
}
@media (max-width: 700px) {
  .logo {
    padding-bottom: 2rem;
  }
}
@media (max-width: 510px) {
  .logo {
    padding-bottom: 0;
  }
  .logo img {
    max-width: 51.6vw;
  }
}

/*
------------------------------------------------------------------
text
------------------------------------------------------------------
*/
*::-moz-selection {
  background-color: #d99a9a;
}

*::selection {
  background-color: #d99a9a;
}

@font-face {
  font-family: "Brandon";
  src: url("../fonts/Brandon_reg.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Brandon";
  src: url("../fonts/BrandonGrotesque Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Madera";
  src: url("../fonts/Madera-Light.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Madera-medium";
  src: url("../fonts/Madera-Medium.otf") format("opentype");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Madera-bold";
  src: url("../fonts/Madera-Bold.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ariata";
  src: url("../fonts/AriataText-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  font-size: 1.1rem;
  line-height: 1.65rem;
  font-family: "Madera", sans-serif;
  color: black;
}

b, strong {
  font-family: "Madera-medium", sans-serif;
  font-weight: normal;
}

h1, h2, h3, h4, h5 {
  font-size: 2rem;
  line-height: 2.6666666667rem;
  margin-top: 15px;
  margin-bottom: 30px;
  padding: 0 30px;
  font-family: "Ariata", sans-serif;
  font-size: 2rem;
  font-weight: normal;
  text-align: center;
}

h2, h3, h4, h5 {
  font-size: 1.35rem;
  line-height: 2.025rem;
  font-size: 1.35rem;
  line-height: 1.71rem;
  margin-top: 1.35rem;
  margin-bottom: 1.35rem;
  padding: 0;
  font-family: "Ariata", sans-serif;
}

h3, h4, h5 {
  font-size: 1rem;
  line-height: 1.3333333333rem;
  margin-bottom: 0.4rem;
}

h4, h5 {
  font-size: 0.9rem;
  line-height: 1.2rem;
  font-family: "Madera", sans-serif;
  font-weight: bold;
}

h5 {
  text-align: left;
}

h6 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: normal;
}

a {
  color: black;
  text-decoration: none;
  border-bottom: 2px #c35f5f solid;
}
a.no_link_decoration {
  border: none;
  text-decoration: none;
}
a.no_link_decoration:before {
  content: none;
}

p {
  margin-top: 0rem;
  margin-bottom: 30px;
}

.main ul {
  margin-top: 0px;
  margin-bottom: 2rem;
  padding-left: 1.2rem;
  list-style-type: none;
  text-indent: -0.7rem;
}
.main ul.cc-list {
  padding-left: 0;
  text-indent: 0;
}
.main ul.cc-list li {
  border-bottom: 2px black solid;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
.main ul.cc-list li:before {
  content: "";
  margin: 0;
}
.main ul.cc-list.cc-list-1col {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
.main ul.cc-list.cc-list-2cols {
  -webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
}
@media (max-width: 420px) {
  .main ul.cc-list.cc-list-2cols {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }
}
.main ul.cc-list.cc-list-3cols {
  -webkit-columns: 3;
     -moz-columns: 3;
          columns: 3;
}
@media (max-width: 1100px) {
  .main ul.cc-list.cc-list-3cols {
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
  }
}
@media (max-width: 420px) {
  .main ul.cc-list.cc-list-3cols {
    -webkit-columns: 1;
       -moz-columns: 1;
            columns: 1;
  }
}
.main ul li:before {
  content: "▪";
  margin-left: 0;
  margin-right: 0.4rem;
  color: #d2a279;
}
.main ul li ul li:before {
  color: #e7ccb6;
}
.main ul a {
  text-indent: 0;
  line-height: 16px;
}
.main ol {
  margin-top: 0px;
  margin-bottom: 0.6rem;
  padding-left: 1.6rem;
  counter-reset: item;
  text-indent: -0.6rem;
}
.main ol li {
  display: block;
}
.main ol li:before {
  display: inline-block;
  width: 0.6rem;
  content: counter(item) ". ";
  counter-increment: item;
  color: #d2a279;
}
.main img {
  height: auto;
}
.main img.align_left {
  padding-right: 15px;
}
.main img.align_right {
  padding-left: 15px;
}
.main img.cc-gallery {
  padding: 7.5px 0;
  border-top: 3px black solid;
  border-bottom: 3px black solid;
}
.main img.cc-gallery.cc-gallery-2 {
  width: calc(50% - (7.5px / 2));
}
.main img.cc-gallery.cc-gallery-2:first-child {
  padding-right: 3.75px;
}
.main img.cc-gallery.cc-gallery-2:last-child {
  padding-left: 3.75px;
}
@media (max-width: 510px) {
  .main img.cc-gallery.cc-gallery-2 {
    display: block;
    padding: 0;
    width: 100%;
    max-width: 280px;
    border: none;
  }
  .main img.cc-gallery.cc-gallery-2:first-child {
    padding: 7.5px 0 7.5px 0;
    border-top: 3px black solid;
  }
  .main img.cc-gallery.cc-gallery-2:last-child {
    padding: 0 0 7.5px 0;
    border-bottom: 3px black solid;
  }
}
.main img.cc-gallery.cc-gallery-3 {
  width: calc(33.33% - (7.5px*2/3));
}
.main img.cc-gallery.cc-gallery-3:first-child {
  padding-right: 5px;
}
.main img.cc-gallery.cc-gallery-3:nth-child(2) {
  padding-left: 2.5px;
  padding-right: 2.5px;
}
.main img.cc-gallery.cc-gallery-3:last-child {
  padding-left: 5px;
}
@media (max-width: 510px) {
  .main img.cc-gallery.cc-gallery-3 {
    display: block;
    padding: 0;
    width: 100%;
    max-width: 200px;
    border: none;
  }
  .main img.cc-gallery.cc-gallery-3:first-child {
    padding: 7.5px 0 7.5px 0;
    border-top: 3px black solid;
  }
  .main img.cc-gallery.cc-gallery-3:nth-child(2) {
    padding: 0;
  }
  .main img.cc-gallery.cc-gallery-3:last-child {
    padding: 7.5px 0 7.5px 0;
    border-bottom: 3px black solid;
  }
}
.main img.cc-gallery.cc-gallery-4 {
  width: calc(50% - (7.5px / 2));
  border: none;
}
.main img.cc-gallery.cc-gallery-4:nth-child(1), .main img.cc-gallery.cc-gallery-4:nth-child(2) {
  border-top: 3px black solid;
}
.main img.cc-gallery.cc-gallery-4:nth-child(3), .main img.cc-gallery.cc-gallery-4:nth-child(4) {
  padding-top: 0;
  border-bottom: 3px black solid;
}
.main img.cc-gallery.cc-gallery-4:nth-child(odd) {
  padding-right: 3.75px;
}
.main img.cc-gallery.cc-gallery-4:nth-child(even) {
  padding-left: 3.75px;
}
@media (max-width: 510px) {
  .main img.cc-gallery.cc-gallery-4 {
    display: block;
    padding-top: 7.5px;
    width: 100%;
    max-width: 200px;
    border: none;
  }
  .main img.cc-gallery.cc-gallery-4:nth-child(1), .main img.cc-gallery.cc-gallery-4:nth-child(2) {
    border: none;
  }
  .main img.cc-gallery.cc-gallery-4:nth-child(3), .main img.cc-gallery.cc-gallery-4:nth-child(4) {
    border: none;
  }
  .main img.cc-gallery.cc-gallery-4:nth-child(odd) {
    padding: 7.5px 0 0 0;
  }
  .main img.cc-gallery.cc-gallery-4:nth-child(even) {
    padding: 7.5px 0 0 0;
  }
  .main img.cc-gallery.cc-gallery-4:first-child {
    padding-top: 7.5px;
    border-top: 3px black solid;
  }
  .main img.cc-gallery.cc-gallery-4:last-child {
    padding-bottom: 7.5px;
    border-bottom: 3px black solid;
  }
}
@media (max-width: 510px) {
  .main img.cc-gallery {
    margin: 0 auto;
  }
}

img {
  border: 0;
  max-width: 100%;
}

figure {
  display: table;
  margin: 0;
}
figure.align_left {
  padding-right: 15px;
}
figure.align_left figcaption {
  padding-right: 15px;
}
figure.align_right {
  padding-left: 15px;
}
figure.align_right figcaption {
  padding-left: 15px;
}

figcaption {
  display: table-caption;
  width: 100%;
  caption-side: bottom;
  font-size: 0.9rem;
}

/*
------------------------------------------------------------------
navigation
------------------------------------------------------------------
*/
/*Navi links*/
.main_nav, .third_nav {
  overflow: hidden;
  padding-top: 110px;
  color: white;
  font-family: "Madera-medium", sans-serif;
  font-size: 1.5rem;
  text-transform: uppercase;
  -webkit-transition: max-height 0.5s 0s ease;
  -o-transition: max-height 0.5s 0s ease;
  transition: max-height 0.5s 0s ease;
}
.main_nav a, .third_nav a {
  border: none;
  text-decoration: none;
  display: block;
  color: white;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.main_nav a:before, .third_nav a:before {
  content: none;
}
.main_nav ul, .third_nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.main_nav ul li, .third_nav ul li {
  padding: 0 0 16px 0;
  /*cursor: default;*/
  /*second level*/
}
.main_nav ul li:hover, .third_nav ul li:hover {
  color: black;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.main_nav ul li:hover > a, .third_nav ul li:hover > a {
  color: #d2a279;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
}
.main_nav ul li:hover ul, .third_nav ul li:hover ul {
  visibility: visible;
  opacity: 1;
  max-height: 400px;
  /* Chrome-Bug (Submenüitems verschwinden nach Fadein)
  http://help.dimsemenov.com/discussions/problems/858-weird-bug-in-chrome */
  /*-webkit-backface-visibility: hidden;*/
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: max-height 0.5s 0s ease;
  -o-transition: max-height 0.5s 0s ease;
  transition: max-height 0.5s 0s ease;
}
.main_nav ul li:hover ul li, .third_nav ul li:hover ul li {
  max-height: 400px;
  -webkit-transition: max-height 0.5s 0s ease, visibility 0s linear, opacity 0.2s linear;
  -o-transition: max-height 0.5s 0s ease, visibility 0s linear, opacity 0.2s linear;
  transition: max-height 0.5s 0s ease, visibility 0s linear, opacity 0.2s linear;
  -webkit-transition: all 0.9s linear;
  -o-transition: all 0.9s linear;
  transition: all 0.9s linear;
}
.main_nav ul li.active, .third_nav ul li.active, .main_nav ul li.trail, .third_nav ul li.trail, .main_nav ul li.current, .third_nav ul li.current {
  color: #d2a279;
}
.main_nav ul li.active > a, .third_nav ul li.active > a, .main_nav ul li.trail > a, .third_nav ul li.trail > a, .main_nav ul li.current > a, .third_nav ul li.current > a {
  color: #d2a279;
}
.main_nav ul li.active ul, .third_nav ul li.active ul, .main_nav ul li.trail ul, .third_nav ul li.trail ul, .main_nav ul li.current ul, .third_nav ul li.current ul {
  max-height: 400px;
  visibility: visible;
  opacity: 1;
}
.main_nav ul li.active ul li, .third_nav ul li.active ul li, .main_nav ul li.trail ul li, .third_nav ul li.trail ul li, .main_nav ul li.current ul li, .third_nav ul li.current ul li {
  max-height: 400px;
}
.main_nav ul li:focus ul, .third_nav ul li:focus ul {
  display: block;
}
.main_nav ul li ul, .third_nav ul li ul {
  max-height: 0;
  font-size: 1.1rem;
  text-transform: none;
  visibility: hidden;
  opacity: 0.01;
  /* Visibility muss verzögert werden, damit die Opacity-Transformation sichtbar ist*/
  /* Transition wird aktiv, wenn wieder weggehovered wird */
  -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear;
  transition: visibility 0s linear 0.3s, opacity 0.3s linear; /*Eigenschaft Zeit_f_Trans Trans_Funktion Delay*/
  -webkit-transition: max-height 0.9s ease;
  -o-transition: max-height 0.9s ease;
  transition: max-height 0.9s ease;
  -webkit-transition: max-height 0.5s 0s ease;
  -o-transition: max-height 0.5s 0s ease;
  transition: max-height 0.5s 0s ease;
  /*                eigenen Stacking-Kontext erzeugen
                  https://philipwalton.com/articles/what-no-one-told-you-about-z-index/*/
  /*opacity: .99;*/
  z-index: 5;
}
.main_nav ul li ul a, .third_nav ul li ul a {
  color: white;
}
.main_nav ul li ul li, .third_nav ul li ul li {
  max-height: 0;
  line-height: 20px;
  white-space: nowrap;
  padding-top: 5px;
  padding-bottom: 0px;
  -webkit-transition: max-height 0.5s 0s ease;
  -o-transition: max-height 0.5s 0s ease;
  transition: max-height 0.5s 0s ease;
}
.main_nav > ul > li:nth-child(2), .third_nav > ul > li:nth-child(2) {
  margin-bottom: 40px;
}

/*---------------------------- Menübutton----------------------*/
/*Menübutton*/
button.menu-button {
  position: absolute;
  top: 25px;
  left: 275px;
}

.toggle-nav {
  display: none;
  float: left;
  padding: 15px;
  color: #d2a279;
  border: none;
}
@media screen and (max-width: 700px) {
  .toggle-nav.is-inactive {
    display: block;
  }
}

.show-nav .is-active {
  display: block;
}
.show-nav .is-inactive {
  display: none;
}

.icon {
  stroke: #d2a279;
  stroke-width: 1;
  width: 20px;
  height: 20px;
  -webkit-transform: scaleY(1.4) scaleX(1.8);
      -ms-transform: scaleY(1.4) scaleX(1.8);
          transform: scaleY(1.4) scaleX(1.8);
  cursor: pointer;
}

.icon-close {
  stroke-width: 2;
}

.second_nav {
  width: 100%;
  display: block;
  background-color: white;
  color: black;
  font-family: "Madera-medium", sans-serif;
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: bold;
  z-index: 10;
  top: 0;
}
.second_nav ul {
  display: block;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
  text-align: right;
}
.second_nav ul li {
  display: inline-block;
  padding-right: 15px;
  text-indent: 0;
}
.second_nav ul li.current, .second_nav ul li.current a {
  color: #d2a279;
}
.second_nav ul li::before {
  content: none;
}
.second_nav a {
  border: none;
  text-decoration: none;
  color: black;
}
.second_nav a:before {
  content: none;
}
@media (max-width: 960px) {
  .second_nav {
    color: white;
    background-color: transparent;
  }
  .second_nav ul {
    text-align: center;
  }
  .second_nav ul li {
    display: inline-block;
    float: none !important;
  }
  .second_nav a {
    color: white;
  }
}

.third_nav {
  display: inline-block;
  padding-top: 15px;
  font-size: 0.88rem;
}
.third_nav ul li {
  display: inline-block;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-right: 16px;
}
.third_nav ul li:nth-child(2) {
  margin-bottom: 0;
}

/*
------------------------------------------------------------------
transformicons
------------------------------------------------------------------
*/
.menu-button {
  display: none;
  position: relative;
  margin-top: 15px;
  background-color: transparent;
  background-image: none;
  color: #d2a279;
}
@media (max-width: 510px) {
  .menu-button {
    margin-bottom: -8px;
  }
}

/* ====================== jom: Wort 'Menü' ==================================================*/
.menu {
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-transform: uppercase;
  text-align: center;
  width: 2.5rem;
  font-size: 0.8333333333rem;
  font-weight: bold;
}

/* ====================== lines button ==================================================*/
.lines-button {
  padding: 1.3888888889rem 0.625rem;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* */
}
.lines-button:hover {
  opacity: 1;
}
.lines-button:active {
  -webkit-transition: 0;
  -o-transition: 0;
  transition: 0;
}

.lines {
  display: inline-block;
  width: 2.5rem;
  height: 0.3125rem;
  background: #d2a279;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}
.lines:before, .lines:after {
  display: inline-block;
  width: 2.5rem;
  height: 0.3125rem;
  background: #d2a279;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  left: 0;
  content: "";
  -webkit-transform-origin: 0.1785714286rem center;
  -ms-transform-origin: 0.1785714286rem center;
      transform-origin: 0.1785714286rem center;
}
.lines:before {
  top: 0.625rem;
}
.lines:after {
  top: -0.625rem;
}

.lines-button:hover .lines:before {
  top: 0.7142857143rem;
}
.lines-button:hover .lines:after {
  top: -0.7142857143rem;
}

.lines-button.x2 .lines {
  -webkit-transition: background 0.3s 0.1s ease;
  -o-transition: background 0.3s 0.1s ease;
  transition: background 0.3s 0.1s ease;
}
.lines-button.x2 .lines:before, .lines-button.x2 .lines:after {
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
  -webkit-transition: top 0.3s 0.1s ease, -webkit-transform 0.3s ease;
  transition: top 0.3s 0.1s ease, -webkit-transform 0.3s ease;
  -o-transition: top 0.3s 0.1s ease, transform 0.3s ease;
  transition: top 0.3s 0.1s ease, transform 0.3s ease;
  transition: top 0.3s 0.1s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}

.lines-button.x2.close .lines {
  -webkit-transition: background 0.3s 0s ease;
  -o-transition: background 0.3s 0s ease;
  transition: background 0.3s 0s ease;
  background: transparent;
}
.lines-button.x2.close .lines:before, .lines-button.x2.close .lines:after {
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s 0.1s ease;
  transition: top 0.3s ease, -webkit-transform 0.3s 0.1s ease;
  -o-transition: top 0.3s ease, transform 0.3s 0.1s ease;
  transition: top 0.3s ease, transform 0.3s 0.1s ease;
  transition: top 0.3s ease, transform 0.3s 0.1s ease, -webkit-transform 0.3s 0.1s ease;
  top: 0;
  width: 2.5rem;
}
.lines-button.x2.close .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x2.close .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

@media (max-width: 510px) {
  .menu-button {
    -webkit-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
  }
}
/*
------------------------------------------------------------------
breadcrumbs
------------------------------------------------------------------
*/
.breadcrumbs {
  font-size: 0.9rem;
  text-transform: uppercase;
  color: #d2a279;
}
.breadcrumbs a {
  border: none;
  text-decoration: none;
  color: #d2a279;
}
.breadcrumbs a:before {
  content: none;
}
.breadcrumbs ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-indent: 0;
}
.breadcrumbs ul li {
  display: inline-block;
}
.breadcrumbs ul li::before {
  content: "";
  margin: 0;
}
.breadcrumbs ul li::after {
  content: "»";
  margin-left: 4px;
  margin-right: 4px;
}
.breadcrumbs ul li:last-child::after {
  content: none;
}

/*
------------------------------------------------------------------
Artikel
------------------------------------------------------------------
*/
.article_wrapper {
  width: 90vw;
  max-width: 1200px;
  padding: 25px;
  background-color: white;
}

.artikel-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 25px;
  padding-bottom: 25px;
}
@media (max-width: 960px) {
  .artikel-detail {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.artikel-detail h1, .artikel-detail h2, .artikel-detail h3, .artikel-detail h4, .artikel-detail h5 {
  margin: 0;
}
.artikel-detail h2, .artikel-detail h3, .artikel-detail h4, .artikel-detail h5 {
  margin-top: 0;
  color: black;
}
.artikel-detail h3, .artikel-detail h4, .artikel-detail h5 {
  margin-top: 4px;
  font-family: "Madera", sans-serif;
}
.artikel-detail > * {
  padding: 25px;
}
.artikel-detail h6 ~ p {
  font-family: "Madera-bold", sans-serif;
}

.artikel-detail-left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 190px;
      flex-basis: 190px;
  padding: 25px;
  padding-left: 0;
  border-right: 2px black solid;
}
.artikel-detail-left p {
  margin-bottom: 15px;
}
@media (max-width: 960px) {
  .artikel-detail-left {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 510px) {
  .artikel-detail-left {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    border: none;
  }
}

.artikel-detail-main {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 560px;
      flex-basis: 560px;
  padding: 25px;
}
@media (max-width: 960px) {
  .artikel-detail-main {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0;
  }
}
.artikel-detail-main img {
  display: block;
  max-width: 100%;
  margin: 30px auto 15px auto;
}
.artikel-detail-main p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.artikel-detail-right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 200px;
      flex-basis: 200px;
  padding: 25px;
  padding-right: 0;
  border-left: 2px black solid;
}
@media (max-width: 960px) {
  .artikel-detail-right {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    border: none;
  }
}
@media (max-width: 510px) {
  .artikel-detail-right {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding-left: 0;
  }
}

/*
------------------------------------------------------------------
Layouts der Inhaltselemente
------------------------------------------------------------------
*/
#promailer .success {
  color: #c35f5f;
}
#promailer .error {
  color: #d2a279;
}

.info {
  font-size: 0.9rem;
  color: white;
}
.info a {
  border: none;
  text-decoration: none;
  color: white;
}
.info a:before {
  content: none;
}

button,
.button {
  border: none;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0;
  margin: 0;
  padding: 1px 10px 6px 10px;
  color: black;
  text-decoration: none;
  font-family: "Madera-medium", sans-serif;
  font-size: 1rem;
  line-height: 1.1rem;
  background-color: white;
  outline: none;
  border: 2px black solid;
  cursor: pointer;
}
button:before,
.button:before {
  content: none;
}
button:hover,
.button:hover {
  background-color: #e7ccb6;
}
button:focus,
.button:focus {
  background-color: white;
}
button.active,
.button.active {
  background-color: #c35f5f;
}
button.button-inverted,
.button.button-inverted {
  color: white;
  background-color: black;
  border-color: white;
}
button.button-no-border,
.button.button-no-border {
  border: none;
}

button.kontakt {
  margin-top: 30px;
  margin-bottom: 15px;
  border-radius: 50%;
  -webkit-transform: rotate(-20deg);
      -ms-transform: rotate(-20deg);
          transform: rotate(-20deg);
  width: 5rem;
  height: 5rem;
}

.button {
  display: inline-block;
}

.share-container {
  margin: -5px auto 0 auto;
  text-align: center;
  max-width: 18rem;
}
@media (max-width: 700px) {
  .share-container {
    margin: 0;
    text-align: right;
  }
}

ul.download_list {
  margin-bottom: 60px;
}
ul.download_list li {
  padding-left: 20px;
  white-space: nowrap;
}
ul.download_list li a {
  white-space: break-spaces;
}

.shariff {
  margin-top: 15px;
}

.news_category {
  padding-bottom: 6px;
  text-align: center;
  font-size: 0.9rem;
  line-height: 1.2rem;
}

.news_datum {
  position: absolute;
  right: 15px;
}

.news_post .shariff ul {
  text-indent: 0;
}
.news_post .shariff ul li::before {
  content: none;
}
.news_post .shariff a {
  border: none;
  text-decoration: none;
}
.news_post .shariff a:before {
  content: none;
}

.wrapper_readmore {
  overflow: hidden;
}

.readMore {
  font-weight: bold;
  color: #c35f5f;
  border: none;
}

.MarkupPagerNav {
  text-align: center;
}
.MarkupPagerNav li {
  display: inline;
  margin: 0 15px 0 0;
  padding: 0;
}
.MarkupPagerNav li::before {
  content: none !important;
}
.MarkupPagerNav li.current {
  color: #c35f5f;
  font-weight: bold;
}
.MarkupPagerNav li a {
  font-weight: bold;
  color: #c35f5f;
  border: none;
}

.back_to_overview {
  margin-top: 0;
  text-align: right;
}

.product_name {
  font-family: "Madera-medium", sans-serif;
  color: #d2a279;
}

.unterstrichenfarbigfett {
  display: inline-block;
  color: #c35f5f;
  border-bottom: 2px solid #c35f5f;
  font-family: "Madera-medium", sans-serif;
}

.is-border-box {
  position: relative;
  overflow: visible;
  margin-top: 5rem !important;
  padding: 4rem 25px 25px 25px;
  border: 2px black solid;
}
.is-border-box.collapsable {
  max-height: 1500px;
  -webkit-transition: max-height 0.4s linear;
  -o-transition: max-height 0.4s linear;
  transition: max-height 0.4s linear;
}
.is-border-box.collapsable > * {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.4s linear 0.2s, visibility 0.4s linear 0.2s;
  -o-transition: opacity 0.4s linear 0.2s, visibility 0.4s linear 0.2s;
  transition: opacity 0.4s linear 0.2s, visibility 0.4s linear 0.2s;
}
.is-border-box.collapsable > *:first-child {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 1100px) {
  .is-border-box.collapsable {
    max-height: 2px;
    border: 0;
    border-top: 2px black solid;
    -webkit-transition: max-height 0.4s linear;
    -o-transition: max-height 0.4s linear;
    transition: max-height 0.4s linear;
  }
  .is-border-box.collapsable > * {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
    -o-transition: opacity 0.2s linear, visibility 0.2s linear;
    transition: opacity 0.2s linear, visibility 0.2s linear;
  }
  .is-border-box.collapsable > *:first-child {
    cursor: pointer;
  }
}
.is-border-box > *:first-child {
  position: absolute;
  top: -3rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 2rem 0 0 0;
  text-align: center;
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
  color: white;
  font-family: "Madera-medium", sans-serif;
  font-size: 1rem;
  line-height: initial;
  background-color: black;
}

.show-filter .is-border-box.collapsable {
  max-height: 1500px;
  border: 2px black solid;
}
.show-filter .is-border-box.collapsable > * {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.4s linear 0.2s, visibility 0.4s linear 0.2s;
  -o-transition: opacity 0.4s linear 0.2s, visibility 0.4s linear 0.2s;
  transition: opacity 0.4s linear 0.2s, visibility 0.4s linear 0.2s;
}

@media (max-width: 1100px) {
  .sticky_dummy {
    display: none;
  }
}

.filterbox {
  position: sticky;
  top: 100px;
  margin: initial 25px;
  width: auto;
  max-height: initial;
  background-color: white;
}
.filterbox button {
  padding: 1px 5px 5px 0px;
  font-size: 0.9rem;
  line-height: 0.9rem;
}
.filterbox h5 {
  margin-top: 7.5px;
}

.rubrik {
  display: block;
  width: 100%;
  overflow: hidden;
  color: white;
  font-family: "Madera-medium", sans-serif;
  font-size: 1rem;
  line-height: initial;
}
.rubrik:before, .rubrik:after {
  background-color: black;
  content: "";
  display: inline-block;
  height: 2px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}
.rubrik:before {
  margin-left: -50%;
}
.rubrik:after {
  margin-right: -50%;
}

.rubrik_text {
  display: inline-block;
  padding: 0px 4px 3px 4px;
  color: white;
  background-color: black;
}

.bild_text_element {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  border-top: 3px black solid;
}
.bild_text_element:first-of-type {
  margin-top: 45px;
}
.bild_text_element:last-child {
  border-bottom: 3px black solid;
}
.bild_text_element picture {
  float: left;
  margin-right: 30px;
  max-width: 30%;
  line-height: 0;
}

.wrapper_left_footer {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.social_media_box {
  display: inline-block;
  vertical-align: bottom;
  margin-bottom: -7px;
}
.social_media_box a {
  border: 0;
}
.social_media_box ul {
  display: inline-block;
  margin: 7.5px;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
  text-indent: 0;
}
.social_media_box ul li {
  display: inline;
}
.social_media_box img {
  width: 30px;
}

.illu_papierflieger {
  width: 100px;
  margin: auto 15px 7.5px auto;
}
.illu_papierflieger img {
  -webkit-filter: invert(1);
          filter: invert(1);
}

.illu {
  position: absolute;
  width: 150px;
}
.illu.illu-right {
  top: 54%;
  right: 30px;
}
.illu.illu-right button {
  margin-top: -80px;
  margin-left: 20px;
  -webkit-transform: rotate(-20deg) scale(1.3);
      -ms-transform: rotate(-20deg) scale(1.3);
          transform: rotate(-20deg) scale(1.3);
}
.illu a {
  display: block;
  cursor: pointer;
}
@media (max-width: 1500px) {
  .illu {
    display: none;
  }
}

.privacywire-banner {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

/* 
    --------------------------------------------------------
    seitenspez. Anpassungen
    --------------------------------------------------------
*/
.page_home .container {
  background-color: black;
}
@media (max-width: 700px) {
  .page_home .container {
    background-position: 125px 0;
  }
}
.page_home .logo {
  margin-right: 305px;
}
@media (max-width: 960px) {
  .page_home .logo {
    margin-right: 224px;
  }
}
@media (max-width: 700px) {
  .page_home .logo {
    margin: 0;
  }
}
.page_home .hero {
  height: 700px;
  max-height: 40vh;
}
@media (max-width: 960px) {
  .page_home .hero {
    max-height: 30vh;
  }
}
@media (max-width: 700px) {
  .page_home .hero {
    max-height: 20vh;
  }
}
@media (max-width: 510px) {
  .page_home .hero {
    max-height: 10vh;
  }
}
.page_home #main {
  background-color: transparent;
  padding-left: 0;
  justify-self: start;
}
.page_home #main > h1, .page_home #main > h2, .page_home #main > h3, .page_home #main > h4, .page_home #main > h5, .page_home #main > p {
  margin: 0;
  background-color: white;
}
.page_home #main > h1, .page_home #main > h2, .page_home #main > h3, .page_home #main > h4, .page_home #main > h5 {
  padding: 15px 30px 15px 30px;
}
.page_home #main > p {
  padding: 0 30px 30px 30px;
}
@media (max-width: 700px) {
  .page_home #main {
    padding-left: 25px;
  }
}
.page_home .aside_left {
  background-color: transparent;
}
@media (max-width: 700px) {
  .page_home .aside_left {
    background-color: black;
  }
}
.page_home .aside_right {
  margin-top: -100px;
  padding-left: 0;
  padding-top: 0;
}
@media (max-width: 1100px) {
  .page_home .aside_right {
    margin-top: 0;
    margin-left: 0;
  }
}
@media (max-width: 700px) {
  .page_home .aside_right {
    padding-left: 25px;
  }
}
.page_home .second_nav {
  width: 280px;
  background-color: rgba(0, 0, 0, 0.8);
}
.page_home .second_nav a {
  color: white;
}
@media (max-width: 960px) {
  .page_home .second_nav {
    width: auto;
    background-color: transparent;
  }
}
.page_home footer .footer_center {
  border: 0;
}

.pop_up_contact > * {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.page_partner .tile.tile-gallery {
  min-height: 0;
}
.page_partner .tile.tile-gallery h2, .page_partner .tile.tile-gallery h3, .page_partner .tile.tile-gallery h4, .page_partner .tile.tile-gallery h5 {
  padding: 0;
  text-align: left;
}
@media (max-width: 1100px) {
  .page_partner .tile.tile-gallery h2, .page_partner .tile.tile-gallery h3, .page_partner .tile.tile-gallery h4, .page_partner .tile.tile-gallery h5 {
    text-align: center;
  }
}
.page_partner #right {
  padding-bottom: 330px;
  padding-bottom: 245px;
  background: url("../graphics/stempel_liebende_70x70.png") no-repeat;
  background-position: center bottom 25px;
  background-size: 220px;
}
@media (min-width: 1100px) {
  .page_partner #right {
    background-position: left 25px bottom 25px;
  }
}

.page_ueber-uns .tile.tile-gallery-cheese * {
  text-align: center;
}
.page_ueber-uns .tile.tile-gallery-cheese h2, .page_ueber-uns .tile.tile-gallery-cheese h3, .page_ueber-uns .tile.tile-gallery-cheese h4, .page_ueber-uns .tile.tile-gallery-cheese h5 {
  padding-left: 0;
}

.page_cheese_gallery .logo,
.page_news .logo {
  margin-right: 305px;
}
@media (max-width: 1100px) {
  .page_cheese_gallery .container,
.page_news .container {
    grid-template-columns: 250px minmax(220px, 800px);
    grid-template-rows: auto auto auto auto auto;
    grid-template-areas: "aside_left     header" "aside_left     hero" "aside_left     aside_right" "aside_left     content" "aside_left     footer";
  }
  .page_cheese_gallery .container .logo,
.page_news .container .logo {
    margin: 0;
  }
}

@media (max-height: 900px) {
  .page_cheese_gallery .filterbox {
    position: relative;
    top: 0;
  }
}

.page_news .illu {
  width: 180px;
  right: 40px;
}
.page_news .illu.illu-right {
  top: 650px;
}
@media (max-height: 500px) {
  .page_news .filterbox {
    position: relative;
    top: 0;
  }
}

.page_produkte_amselspitz #wrapper_main {
  padding-bottom: 245px;
  background: url("../graphics/amselspitz_quitten_kombi.jpg") no-repeat, url("../graphics/amselspitz_erdbeeren_kombi.jpg") no-repeat, url("../graphics/amselspitz_chriesi_kombi.jpg") no-repeat;
  background-position: left 10% bottom 25px, center bottom 25px, right 10% bottom 25px;
  background-size: 220px 220px;
  background-size: 20% auto;
}
@media (min-width: 1500px) {
  .page_produkte_amselspitz #wrapper_main {
    background-position: left 25px top 50%, right 25px top 30vh, right 25px bottom 30vh;
    background-size: 220px 220px;
  }
}

.page_produkte_gasparini .tile-small img {
  height: 100%;
}
.page_produkte_gasparini .illu-right {
  top: 10%;
}

@media (min-width: 1500px) {
  .page_best-of-kaese #wrapper_main {
    background: url("../graphics/BestOf_Label_neu_small.png") no-repeat;
    background-position: right 25px top 8vh;
    background-size: 220px;
  }
}
@media (max-width: 1500px) {
  .page_best-of-kaese #wrapper_main {
    padding-bottom: 245px;
    background: url("../graphics/BestOf_Label_neu_small.png") no-repeat;
    background-position: center bottom 25px;
    background-size: 220px;
  }
}

@media (min-width: 1500px) {
  .page_undco #wrapper_main,
.page_composte #wrapper_main {
    background: url("../graphics/stempel_liebende_70x70.png") no-repeat;
    background-position: right 25px top 8vh;
    background-size: 220px;
  }
}
@media (max-width: 1500px) {
  .page_undco #wrapper_main,
.page_composte #wrapper_main {
    padding-bottom: 245px;
    background: url("../graphics/stempel_liebende_70x70.png") no-repeat;
    background-position: center bottom 25px;
    background-size: 220px;
  }
}

@media (min-width: 1500px) {
  .page_promailer #wrapper_main {
    background: url("../graphics/Papierflieger_2.gif") no-repeat;
    background-position: right 25px top 8vh;
    background-size: 220px;
  }
}
@media (max-width: 1500px) {
  .page_promailer #wrapper_main {
    padding-bottom: 245px;
    background: url("../graphics/Papierflieger_2.gif") no-repeat;
    background-position: center bottom 25px;
    background-size: 220px;
  }
}

/* 
    --------------------------------------------------------
    Tiles
    --------------------------------------------------------
*/
.tiles {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}
.tiles.content-boxes-start {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 15px;
  margin-right: -15px;
}
.tiles.content-boxes-start .tile {
  margin-right: 15px;
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}
.tiles.content-boxes-start h2, .tiles.content-boxes-start h3, .tiles.content-boxes-start h4, .tiles.content-boxes-start h5 {
  text-align: center;
}
@media (max-width: 700px) {
  .tiles {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.tiles figure {
  display: block;
  text-align: center;
  margin-top: 30px;
  margin: 30px auto 0;
}
.tiles figcaption {
  margin-bottom: 25px;
}
.tiles img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 15px;
  text-align: center;
}

.tile {
  font-size: 0.9rem;
  line-height: 1.35rem;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: calc(33.3% - (2 * 15px / 3));
      flex-basis: calc(33.3% - (2 * 15px / 3));
  min-width: 180px;
  margin-bottom: 15px;
  padding: 15px;
  background-color: white;
}
.tile:target, .tile:hover {
  background-color: #ddd;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.tile h2, .tile h4, .tile h5,
.tile h3 {
  margin: 0;
  padding: 0 0 0 7.5px;
  text-align: left;
}
.tile h2, .tile h3, .tile h4, .tile h5 {
  margin-bottom: 0.675rem;
}
.tile p {
  margin: 0;
  padding-left: 7.5px;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
.tile .image_contain img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 250px;
  height: 250px;
}
.tile img {
  max-height: 300px;
}
.tile ul {
  display: inline-block;
  padding-left: 0;
}
.tile ul.download_list {
  margin-bottom: 0;
}
.tile.tile-small {
  -ms-flex-preferred-size: 250px;
      flex-basis: 250px;
}
.tile.tile-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.tile.tile-fullsize {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
.tile.tile-news-start {
  padding-top: 7.5px;
}
.tile.tile-news-start h2, .tile.tile-news-start h3, .tile.tile-news-start h4, .tile.tile-news-start h5 {
  text-align: center;
}
.tile.tile-image-small img {
  width: 140px;
}
.tile.tile-gallery h2, .tile.tile-gallery h3, .tile.tile-gallery h4, .tile.tile-gallery h5 {
  text-align: center;
}
.tile.tile-gallery h3, .tile.tile-gallery h5,
.tile.tile-gallery h4 {
  color: black;
}
.tile.tile-gallery h3, .tile.tile-gallery h4, .tile.tile-gallery h5 {
  font-size: 0.9rem;
  padding-bottom: 2px;
}
.tile.tile-gallery h4, .tile.tile-gallery h5 {
  padding-bottom: 0;
  font-family: "Ariata", sans-serif;
  font-weight: normal;
  font-size: 0.8rem;
}
.tile.tile-gallery p {
  padding: 0;
}
.tile.tile-gallery a {
  cursor: pointer;
}
.tile.tile-border {
  border-bottom: 3px solid;
  border-top: 0;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, white 20%, black 20%, black 80%, white 80%);
}
.tile.tile-gallery-cheese, .tile.tile-gallery-produzenten {
  width: 250px;
  height: auto;
  min-height: 300px;
  margin-bottom: 25px;
}
.tile.tile-gallery-cheese h2, .tile.tile-gallery-cheese h3, .tile.tile-gallery-cheese h4, .tile.tile-gallery-cheese h5, .tile.tile-gallery-produzenten h2, .tile.tile-gallery-produzenten h3, .tile.tile-gallery-produzenten h4, .tile.tile-gallery-produzenten h5 {
  margin-bottom: 4px;
  font-size: 1rem;
}
.tile.tile-gallery-cheese h3, .tile.tile-gallery-cheese h4, .tile.tile-gallery-cheese h5, .tile.tile-gallery-produzenten h3, .tile.tile-gallery-produzenten h4, .tile.tile-gallery-produzenten h5 {
  color: #ab6e3a;
}
.tile.tile-gallery-cheese h4, .tile.tile-gallery-cheese h5, .tile.tile-gallery-produzenten h4, .tile.tile-gallery-produzenten h5 {
  font-family: "Madera", sans-serif;
  color: black;
}
.tile.tile-gallery-produzenten h2, .tile.tile-gallery-produzenten h3, .tile.tile-gallery-produzenten h4, .tile.tile-gallery-produzenten h5 {
  color: #ab6e3a;
}
.tile.tile-gallery-produzenten h3, .tile.tile-gallery-produzenten h4, .tile.tile-gallery-produzenten h5 {
  color: black;
}
.tile.tile-gallery-news {
  width: 250px;
  margin-top: 30px;
}
@media (max-width: 1100px) {
  .tile {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    max-width: auto;
    margin-bottom: 2%;
    text-align: center;
  }
  .tile h2, .tile h4, .tile h5,
.tile h3 {
    text-align: center;
  }
}

/*
------------------------------------------------------------------
Tabelle
------------------------------------------------------------------
*/
table {
  margin-top: 1.1rem;
  width: 100%;
}
table.monospace {
  font-variant-numeric: tabular-nums;
}

.table-wrapper {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
}

.table-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
}

.table-wrapper::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, 0.3);
}

th {
  padding: 2px 4px;
  border-bottom: 1px solid #e7ccb6;
  font-weight: bold;
  text-align: left;
}

tbody tr:first-child {
  height: 2rem;
}

td {
  padding: 2px 4px;
  border-bottom: 1px solid #e7ccb6;
  vertical-align: bottom;
}

/*Tabelle innerhalb eines Text-Blocks*/
.ce_text table td {
  padding: 2px;
}

/* 
    --------------------------------------------------------
    flip
    --------------------------------------------------------
*/
/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: white;
  width: 100%;
  -webkit-perspective: 1000px;
          perspective: 1000px; /* Remove this if you don't want the 3D effect */
  overflow: hidden;
}
.flip-card:nth-of-type(1) .flip-card-inner {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.flip-card:nth-of-type(2) .flip-card-inner {
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
}
.flip-card:nth-of-type(3) .flip-card-inner {
  -webkit-animation-delay: 22s;
          animation-delay: 22s;
}
.flip-card:nth-of-type(4) .flip-card-inner {
  -webkit-animation-delay: 32s;
          animation-delay: 32s;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: transparent;
  text-align: center;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  -o-transition: transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-animation-name: flip;
          animation-name: flip;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  color: black;
}

/* Style the back side */
.flip-card-back {
  background-color: white;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.flip-card-back img {
  max-height: 100%;
  padding: 0;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  22% {
    -webkit-transform: rotateY(175deg);
            transform: rotateY(175deg);
  }
  28% {
    -webkit-transform: rotateY(185deg);
            transform: rotateY(185deg);
  }
  50% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}

@keyframes flip {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  22% {
    -webkit-transform: rotateY(175deg);
            transform: rotateY(175deg);
  }
  28% {
    -webkit-transform: rotateY(185deg);
            transform: rotateY(185deg);
  }
  50% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
/*
------------------------------------------------------------------
loading animation
------------------------------------------------------------------
*/
.loader {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 4px solid #eee;
  top: 50%;
  -webkit-animation: loader 2s infinite ease;
          animation: loader 2s infinite ease;
}

.loader-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  -webkit-animation: loader-inner 2s infinite ease-in;
          animation: loader-inner 2s infinite ease-in;
}

@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes loader-inner {
  0% {
    height: 0%;
  }
  25% {
    height: 0%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}
@keyframes loader-inner {
  0% {
    height: 0%;
  }
  25% {
    height: 0%;
  }
  50% {
    height: 100%;
  }
  75% {
    height: 100%;
  }
  100% {
    height: 0%;
  }
}
/*
------------------------------------------------------------------
Form
------------------------------------------------------------------
*/
form {
  width: 100%;
  padding-bottom: 30px;
}
form.contact {
  max-width: 600px;
}
form ul {
  padding: 0;
  list-style-type: none;
  text-indent: 0;
}
form label, form input, form textarea {
  border: none;
}
form label {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 0.9rem;
  font-weight: bold;
}
form input, form textarea {
  width: 100%;
  margin-right: 15px;
  background-color: #f5e5e5;
  border: 1px solid black;
}
form textarea {
  height: 100px;
}
form .submit,
form button[type=submit] {
  margin-top: 15px;
  font-size: 1.1rem;
  text-transform: uppercase;
}
form .InputfieldSubmit {
  text-align: center;
}
form#promailer-form .radio {
  width: auto;
}
form#promailer-form .radio input {
  width: auto;
}
@media (max-width: 960px) {
  form {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
        order: 1;
  }
}

/*
------------------------------------------------------------------
tweaks
------------------------------------------------------------------
*/
.no-cssfilters .page_home .logo {
  margin-top: 25px;
  background: url("../graphics/chaesundco_Logo_opt_inv.png") no-repeat;
  background-size: contain;
}
.no-cssfilters .page_home .logo img {
  visibility: hidden;
}

/*
------------------------------------------------------------------
print
------------------------------------------------------------------
*/
@media print {
  #left, #second_nav {
    display: none;
  }
  body {
    color: black;
  }
  .page_home .logo img {
    -webkit-filter: none;
            filter: none;
  }
  .page_home #hero {
    display: none;
  }
  .page_chaes wrapper_main {
    width: 100%;
  }
  .page_chaes #main {
    padding: 0;
  }
  .filterbox {
    display: none;
  }
}
@-webkit-keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
@keyframes spinAround {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}
.file {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select:not(.is-multiple):not(.is-loading)::after {
  border: 3px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  width: 0.625em;
}

.control.is-loading::after, .select.is-loading::after {
  -webkit-animation: spinAround 500ms infinite linear;
          animation: spinAround 500ms infinite linear;
  border: 2px solid hsl(0deg, 0%, 86%);
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

.file-cta,
.file-name, .select select, .textarea, .input {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  height: 2.5em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.5em - 1px);
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: calc(0.5em - 1px);
  position: relative;
  vertical-align: top;
}
.file-cta:focus,
.file-name:focus, .select select:focus, .textarea:focus, .input:focus, .is-focused.file-cta,
.is-focused.file-name, .select select.is-focused, .is-focused.textarea, .is-focused.input, .file-cta:active,
.file-name:active, .select select:active, .textarea:active, .input:active, .is-active.file-cta,
.is-active.file-name, .select select.is-active, .is-active.textarea, .is-active.input {
  outline: none;
}
[disabled].file-cta,
[disabled].file-name, .select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .file-cta,
fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
  cursor: not-allowed;
}

.select select, .textarea, .input {
  background-color: hsl(0deg, 0%, 100%);
  border-color: hsl(0deg, 0%, 86%);
  border-radius: 4px;
  color: hsl(0deg, 0%, 21%);
}
.select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder {
  color: rgba(54, 54, 54, 0.3);
}
.select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
  border-color: hsl(0deg, 0%, 71%);
}
.select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
  border-color: hsl(217deg, 71%, 53%);
  -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
          box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
  background-color: hsl(0deg, 0%, 96%);
  border-color: hsl(0deg, 0%, 96%);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: hsl(0deg, 0%, 48%);
}
.select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
.select select[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
.select select[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder {
  color: rgba(122, 122, 122, 0.3);
}
.select select[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder {
  color: rgba(122, 122, 122, 0.3);
}

.textarea, .input {
  -webkit-box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
          box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
  max-width: 100%;
  width: 100%;
}
[readonly].textarea, [readonly].input {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.is-white.textarea, .is-white.input {
  border-color: hsl(0deg, 0%, 100%);
}
.is-white.textarea:focus, .is-white.input:focus, .is-white.is-focused.textarea, .is-white.is-focused.input, .is-white.textarea:active, .is-white.input:active, .is-white.is-active.textarea, .is-white.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
          box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.is-black.textarea, .is-black.input {
  border-color: hsl(0deg, 0%, 4%);
}
.is-black.textarea:focus, .is-black.input:focus, .is-black.is-focused.textarea, .is-black.is-focused.input, .is-black.textarea:active, .is-black.input:active, .is-black.is-active.textarea, .is-black.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
          box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.is-light.textarea, .is-light.input {
  border-color: hsl(0deg, 0%, 96%);
}
.is-light.textarea:focus, .is-light.input:focus, .is-light.is-focused.textarea, .is-light.is-focused.input, .is-light.textarea:active, .is-light.input:active, .is-light.is-active.textarea, .is-light.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
          box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}
.is-dark.textarea, .is-dark.input {
  border-color: hsl(0deg, 0%, 21%);
}
.is-dark.textarea:focus, .is-dark.input:focus, .is-dark.is-focused.textarea, .is-dark.is-focused.input, .is-dark.textarea:active, .is-dark.input:active, .is-dark.is-active.textarea, .is-dark.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
          box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}
.is-primary.textarea, .is-primary.input {
  border-color: hsl(171deg, 100%, 41%);
}
.is-primary.textarea:focus, .is-primary.input:focus, .is-primary.is-focused.textarea, .is-primary.is-focused.input, .is-primary.textarea:active, .is-primary.input:active, .is-primary.is-active.textarea, .is-primary.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
          box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}
.is-link.textarea, .is-link.input {
  border-color: hsl(217deg, 71%, 53%);
}
.is-link.textarea:focus, .is-link.input:focus, .is-link.is-focused.textarea, .is-link.is-focused.input, .is-link.textarea:active, .is-link.input:active, .is-link.is-active.textarea, .is-link.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
          box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.is-info.textarea, .is-info.input {
  border-color: hsl(204deg, 71%, 53%);
}
.is-info.textarea:focus, .is-info.input:focus, .is-info.is-focused.textarea, .is-info.is-focused.input, .is-info.textarea:active, .is-info.input:active, .is-info.is-active.textarea, .is-info.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25);
          box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25);
}
.is-success.textarea, .is-success.input {
  border-color: hsl(141deg, 53%, 53%);
}
.is-success.textarea:focus, .is-success.input:focus, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25);
          box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25);
}
.is-warning.textarea, .is-warning.input {
  border-color: hsl(48deg, 100%, 67%);
}
.is-warning.textarea:focus, .is-warning.input:focus, .is-warning.is-focused.textarea, .is-warning.is-focused.input, .is-warning.textarea:active, .is-warning.input:active, .is-warning.is-active.textarea, .is-warning.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
          box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
}
.is-danger.textarea, .is-danger.input {
  border-color: hsl(348deg, 86%, 61%);
}
.is-danger.textarea:focus, .is-danger.input:focus, .is-danger.is-focused.textarea, .is-danger.is-focused.input, .is-danger.textarea:active, .is-danger.input:active, .is-danger.is-active.textarea, .is-danger.is-active.input {
  -webkit-box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
          box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
}
.is-small.textarea, .is-small.input {
  border-radius: 2px;
  font-size: 0.75rem;
}
.is-medium.textarea, .is-medium.input {
  font-size: 1.25rem;
}
.is-large.textarea, .is-large.input {
  font-size: 1.5rem;
}
.is-fullwidth.textarea, .is-fullwidth.input {
  display: block;
  width: 100%;
}
.is-inline.textarea, .is-inline.input {
  display: inline;
  width: auto;
}

.input.is-rounded {
  border-radius: 290486px;
  padding-left: calc(calc(0.75em - 1px) + 0.375em);
  padding-right: calc(calc(0.75em - 1px) + 0.375em);
}
.input.is-static {
  background-color: transparent;
  border-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: calc(0.75em - 1px);
  resize: vertical;
}
.textarea:not([rows]) {
  max-height: 40em;
  min-height: 8em;
}
.textarea[rows] {
  height: initial;
}
.textarea.has-fixed-size {
  resize: none;
}

.radio, .checkbox {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
}
.radio input, .checkbox input {
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
  color: hsl(0deg, 0%, 21%);
}
[disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox {
  color: hsl(0deg, 0%, 48%);
  cursor: not-allowed;
}

.radio + .radio {
  margin-left: 0.5em;
}

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}
.select:not(.is-multiple) {
  height: 2.5em;
}
.select:not(.is-multiple):not(.is-loading)::after {
  border-color: hsl(217deg, 71%, 53%);
  right: 1.125em;
  z-index: 4;
}
.select.is-rounded select {
  border-radius: 290486px;
  padding-left: 1em;
}
.select select {
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  outline: none;
}
.select select::-ms-expand {
  display: none;
}
.select select[disabled]:hover, fieldset[disabled] .select select:hover {
  border-color: hsl(0deg, 0%, 96%);
}
.select select:not([multiple]) {
  padding-right: 2.5em;
}
.select select[multiple] {
  height: auto;
  padding: 0;
}
.select select[multiple] option {
  padding: 0.5em 1em;
}
.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: hsl(0deg, 0%, 21%);
}
.select.is-white:not(:hover)::after {
  border-color: hsl(0deg, 0%, 100%);
}
.select.is-white select {
  border-color: hsl(0deg, 0%, 100%);
}
.select.is-white select:hover, .select.is-white select.is-hovered {
  border-color: #f2f2f2;
}
.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
          box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.select.is-black:not(:hover)::after {
  border-color: hsl(0deg, 0%, 4%);
}
.select.is-black select {
  border-color: hsl(0deg, 0%, 4%);
}
.select.is-black select:hover, .select.is-black select.is-hovered {
  border-color: black;
}
.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
          box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
}
.select.is-light:not(:hover)::after {
  border-color: hsl(0deg, 0%, 96%);
}
.select.is-light select {
  border-color: hsl(0deg, 0%, 96%);
}
.select.is-light select:hover, .select.is-light select.is-hovered {
  border-color: #e8e8e8;
}
.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
          box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
}
.select.is-dark:not(:hover)::after {
  border-color: hsl(0deg, 0%, 21%);
}
.select.is-dark select {
  border-color: hsl(0deg, 0%, 21%);
}
.select.is-dark select:hover, .select.is-dark select.is-hovered {
  border-color: #292929;
}
.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
          box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
}
.select.is-primary:not(:hover)::after {
  border-color: hsl(171deg, 100%, 41%);
}
.select.is-primary select {
  border-color: hsl(171deg, 100%, 41%);
}
.select.is-primary select:hover, .select.is-primary select.is-hovered {
  border-color: #00b89c;
}
.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
          box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
}
.select.is-link:not(:hover)::after {
  border-color: hsl(217deg, 71%, 53%);
}
.select.is-link select {
  border-color: hsl(217deg, 71%, 53%);
}
.select.is-link select:hover, .select.is-link select.is-hovered {
  border-color: #2366d1;
}
.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
          box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.select.is-info:not(:hover)::after {
  border-color: hsl(204deg, 71%, 53%);
}
.select.is-info select {
  border-color: hsl(204deg, 71%, 53%);
}
.select.is-info select:hover, .select.is-info select.is-hovered {
  border-color: #238cd1;
}
.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25);
          box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25);
}
.select.is-success:not(:hover)::after {
  border-color: hsl(141deg, 53%, 53%);
}
.select.is-success select {
  border-color: hsl(141deg, 53%, 53%);
}
.select.is-success select:hover, .select.is-success select.is-hovered {
  border-color: #3abb67;
}
.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25);
          box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25);
}
.select.is-warning:not(:hover)::after {
  border-color: hsl(48deg, 100%, 67%);
}
.select.is-warning select {
  border-color: hsl(48deg, 100%, 67%);
}
.select.is-warning select:hover, .select.is-warning select.is-hovered {
  border-color: #ffd83d;
}
.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
          box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
}
.select.is-danger:not(:hover)::after {
  border-color: hsl(348deg, 86%, 61%);
}
.select.is-danger select {
  border-color: hsl(348deg, 86%, 61%);
}
.select.is-danger select:hover, .select.is-danger select.is-hovered {
  border-color: #ef2e55;
}
.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  -webkit-box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
          box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
}
.select.is-small {
  border-radius: 2px;
  font-size: 0.75rem;
}
.select.is-medium {
  font-size: 1.25rem;
}
.select.is-large {
  font-size: 1.5rem;
}
.select.is-disabled::after {
  border-color: hsl(0deg, 0%, 48%);
}
.select.is-fullwidth {
  width: 100%;
}
.select.is-fullwidth select {
  width: 100%;
}
.select.is-loading::after {
  margin-top: 0;
  position: absolute;
  right: 0.625em;
  top: 0.625em;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
.select.is-loading.is-small:after {
  font-size: 0.75rem;
}
.select.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.select.is-loading.is-large:after {
  font-size: 1.5rem;
}

.file {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: relative;
}
.file.is-white .file-cta {
  background-color: hsl(0deg, 0%, 100%);
  border-color: transparent;
  color: hsl(0deg, 0%, 4%);
}
.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
  background-color: #f9f9f9;
  border-color: transparent;
  color: hsl(0deg, 0%, 4%);
}
.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
          box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  color: hsl(0deg, 0%, 4%);
}
.file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
  background-color: #f2f2f2;
  border-color: transparent;
  color: hsl(0deg, 0%, 4%);
}
.file.is-black .file-cta {
  background-color: hsl(0deg, 0%, 4%);
  border-color: transparent;
  color: hsl(0deg, 0%, 100%);
}
.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
  background-color: #040404;
  border-color: transparent;
  color: hsl(0deg, 0%, 100%);
}
.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
          box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
  color: hsl(0deg, 0%, 100%);
}
.file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
  background-color: black;
  border-color: transparent;
  color: hsl(0deg, 0%, 100%);
}
.file.is-light .file-cta {
  background-color: hsl(0deg, 0%, 96%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
  background-color: #eeeeee;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
          box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
  background-color: #e8e8e8;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-dark .file-cta {
  background-color: hsl(0deg, 0%, 21%);
  border-color: transparent;
  color: #fff;
}
.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
  background-color: #2f2f2f;
  border-color: transparent;
  color: #fff;
}
.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
          box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
  color: #fff;
}
.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
  background-color: #292929;
  border-color: transparent;
  color: #fff;
}
.file.is-primary .file-cta {
  background-color: hsl(171deg, 100%, 41%);
  border-color: transparent;
  color: #fff;
}
.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
  background-color: #00c4a7;
  border-color: transparent;
  color: #fff;
}
.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
          box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
  color: #fff;
}
.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
  background-color: #00b89c;
  border-color: transparent;
  color: #fff;
}
.file.is-link .file-cta {
  background-color: hsl(217deg, 71%, 53%);
  border-color: transparent;
  color: #fff;
}
.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
  background-color: #276cda;
  border-color: transparent;
  color: #fff;
}
.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
          box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
  color: #fff;
}
.file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
  background-color: #2366d1;
  border-color: transparent;
  color: #fff;
}
.file.is-info .file-cta {
  background-color: hsl(204deg, 71%, 53%);
  border-color: transparent;
  color: #fff;
}
.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
  background-color: #2793da;
  border-color: transparent;
  color: #fff;
}
.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0.5em rgba(50, 152, 220, 0.25);
          box-shadow: 0 0 0.5em rgba(50, 152, 220, 0.25);
  color: #fff;
}
.file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
  background-color: #238cd1;
  border-color: transparent;
  color: #fff;
}
.file.is-success .file-cta {
  background-color: hsl(141deg, 53%, 53%);
  border-color: transparent;
  color: #fff;
}
.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
  background-color: #3ec46d;
  border-color: transparent;
  color: #fff;
}
.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0.5em rgba(72, 199, 116, 0.25);
          box-shadow: 0 0 0.5em rgba(72, 199, 116, 0.25);
  color: #fff;
}
.file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
  background-color: #3abb67;
  border-color: transparent;
  color: #fff;
}
.file.is-warning .file-cta {
  background-color: hsl(48deg, 100%, 67%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
  background-color: #ffdb4a;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
          box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
  background-color: #ffd83d;
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-danger .file-cta {
  background-color: hsl(348deg, 86%, 61%);
  border-color: transparent;
  color: #fff;
}
.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
  background-color: #f03a5f;
  border-color: transparent;
  color: #fff;
}
.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
  border-color: transparent;
  -webkit-box-shadow: 0 0 0.5em rgba(241, 70, 104, 0.25);
          box-shadow: 0 0 0.5em rgba(241, 70, 104, 0.25);
  color: #fff;
}
.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
  background-color: #ef2e55;
  border-color: transparent;
  color: #fff;
}
.file.is-small {
  font-size: 0.75rem;
}
.file.is-medium {
  font-size: 1.25rem;
}
.file.is-medium .file-icon .fa {
  font-size: 21px;
}
.file.is-large {
  font-size: 1.5rem;
}
.file.is-large .file-icon .fa {
  font-size: 28px;
}
.file.has-name .file-cta {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.file.has-name .file-name {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.file.has-name.is-empty .file-cta {
  border-radius: 4px;
}
.file.has-name.is-empty .file-name {
  display: none;
}
.file.is-boxed .file-label {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.file.is-boxed .file-cta {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  padding: 1em 3em;
}
.file.is-boxed .file-name {
  border-width: 0 1px 1px;
}
.file.is-boxed .file-icon {
  height: 1.5em;
  width: 1.5em;
}
.file.is-boxed .file-icon .fa {
  font-size: 21px;
}
.file.is-boxed.is-small .file-icon .fa {
  font-size: 14px;
}
.file.is-boxed.is-medium .file-icon .fa {
  font-size: 28px;
}
.file.is-boxed.is-large .file-icon .fa {
  font-size: 35px;
}
.file.is-boxed.has-name .file-cta {
  border-radius: 4px 4px 0 0;
}
.file.is-boxed.has-name .file-name {
  border-radius: 0 0 4px 4px;
  border-width: 0 1px 1px;
}
.file.is-centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.file.is-fullwidth .file-label {
  width: 100%;
}
.file.is-fullwidth .file-name {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: none;
}
.file.is-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.file.is-right .file-cta {
  border-radius: 0 4px 4px 0;
}
.file.is-right .file-name {
  border-radius: 4px 0 0 4px;
  border-width: 1px 0 1px 1px;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.file-label {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
  position: relative;
}
.file-label:hover .file-cta {
  background-color: #eeeeee;
  color: hsl(0deg, 0%, 21%);
}
.file-label:hover .file-name {
  border-color: #d5d5d5;
}
.file-label:active .file-cta {
  background-color: #e8e8e8;
  color: hsl(0deg, 0%, 21%);
}
.file-label:active .file-name {
  border-color: #cfcfcf;
}

.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.file-cta,
.file-name {
  border-color: hsl(0deg, 0%, 86%);
  border-radius: 4px;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
}

.file-cta {
  background-color: hsl(0deg, 0%, 96%);
  color: hsl(0deg, 0%, 29%);
}

.file-name {
  border-color: hsl(0deg, 0%, 86%);
  border-style: solid;
  border-width: 1px 1px 1px 0;
  display: block;
  max-width: 16em;
  overflow: hidden;
  text-align: inherit;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.file-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 1em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 0.5em;
  width: 1em;
}
.file-icon .fa {
  font-size: 14px;
}

.label {
  color: hsl(0deg, 0%, 21%);
  display: block;
  font-size: 1rem;
  font-weight: 700;
}
.label:not(:last-child) {
  margin-bottom: 0.5em;
}
.label.is-small {
  font-size: 0.75rem;
}
.label.is-medium {
  font-size: 1.25rem;
}
.label.is-large {
  font-size: 1.5rem;
}

.help {
  display: block;
  font-size: 0.75rem;
  margin-top: 0.25rem;
}
.help.is-white {
  color: hsl(0deg, 0%, 100%);
}
.help.is-black {
  color: hsl(0deg, 0%, 4%);
}
.help.is-light {
  color: hsl(0deg, 0%, 96%);
}
.help.is-dark {
  color: hsl(0deg, 0%, 21%);
}
.help.is-primary {
  color: hsl(171deg, 100%, 41%);
}
.help.is-link {
  color: hsl(217deg, 71%, 53%);
}
.help.is-info {
  color: hsl(204deg, 71%, 53%);
}
.help.is-success {
  color: hsl(141deg, 53%, 53%);
}
.help.is-warning {
  color: hsl(48deg, 100%, 67%);
}
.help.is-danger {
  color: hsl(348deg, 86%, 61%);
}

.field:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.has-addons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}
.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}
.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}
.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}
.field.has-addons .control.is-expanded {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.field.has-addons.has-addons-centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.field.has-addons.has-addons-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.field.is-grouped {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.field.is-grouped > .control {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.field.is-grouped > .control:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.field.is-grouped > .control.is-expanded {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.field.is-grouped.is-grouped-right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -0.75rem;
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.field-label .label {
  font-size: inherit;
}
@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .field-label {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right;
  }
  .field-label.is-small {
    font-size: 0.75rem;
    padding-top: 0.375em;
  }
  .field-label.is-normal {
    padding-top: 0.375em;
  }
  .field-label.is-medium {
    font-size: 1.25rem;
    padding-top: 0.375em;
  }
  .field-label.is-large {
    font-size: 1.5rem;
    padding-top: 0.375em;
  }
}

.field-body .field .field {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 5;
        -ms-flex-positive: 5;
            flex-grow: 5;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .field-body .field {
    margin-bottom: 0;
  }
  .field-body > .field {
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }
  .field-body > .field:not(.is-narrow) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  .field-body > .field:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.control {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: inherit;
}
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: hsl(0deg, 0%, 29%);
}
.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
  font-size: 0.75rem;
}
.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
  font-size: 1.25rem;
}
.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
  font-size: 1.5rem;
}
.control.has-icons-left .icon, .control.has-icons-right .icon {
  color: hsl(0deg, 0%, 86%);
  height: 2.5em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.5em;
  z-index: 4;
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 2.5em;
}
.control.has-icons-left .icon.is-left {
  left: 0;
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 2.5em;
}
.control.has-icons-right .icon.is-right {
  right: 0;
}
.control.is-loading::after {
  position: absolute !important;
  right: 0.625em;
  top: 0.625em;
  z-index: 4;
}
.control.is-loading.is-small:after {
  font-size: 0.75rem;
}
.control.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.control.is-loading.is-large:after {
  font-size: 1.5rem;
}