/**************************************

Copyright 2020 Weber Informatik Support

Datei: general.less

Version: 1.0

**************************************/
/**************************************

Copyright 2020 Weber Informatik Support

Datei: definitions.less

Version: 1.0

**************************************/
/* Farbpalette: */
/* Box-Shadow */
/* Fonts: */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v40/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjr0C4n.ttf) format('truetype');
}
@font-face {
  font-family: 'Font Awesome 5 Free Regular';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("/styles/fonts/fa-regular-400.eot");
  src: url("/styles/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/fa-regular-400.woff2") format("woff2"), url("/styles/fonts/fa-regular-400.woff") format("woff"), url("/styles/fonts/fa-regular-400.ttf") format("truetype");
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("/styles/fonts/fa-solid-900.eot");
  src: url("/styles/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/fa-solid-900.woff2") format("woff2"), url("/styles/fonts/fa-solid-900.woff") format("woff"), url("/styles/fonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
  font-family: 'Font Awesome 5 Free Brands';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("/styles/fonts/fa-brands-400.eot");
  src: url("/styles/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/styles/fonts/fa-brands-400.woff2") format("woff2"), url("/styles/fonts/fa-brands-400.woff") format("woff"), url("/styles/fonts/fa-brands-400.ttf") format("truetype");
}
/* Transitions: */
/* Responsive */
/**************************************

Copyright 2020 Weber Informatik Support

Datei: select.less

Version: 2.0

**************************************/
.select {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  background-color: white;
  border: none;
  font-size: 17px;
  position: relative;
  text-align: left;
  cursor: pointer;
  height: 50px;
  padding: 10px;
}
.select .selectop {
  text-transform: capitalize;
  padding-right: 20px;
  color: #10101b;
  line-height: 1.1;
}
.select.open {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.select.open:after {
  transform: translate(0, -50%) rotate(180deg);
}
.select:after {
  content: "\f078";
  font-family: 'Font Awesome 5 Free';
  position: absolute;
  right: 16px;
  top: 50%;
  color: rgba(16, 16, 27, 0.2);
  transform: translate(0, -50%);
  font-size: 16px;
  transition: transform 1s cubic-bezier(0.77, 0, 0.18, 1);
}
.select .options {
  height: 0;
  overflow: hidden;
  transition: all 1s cubic-bezier(0.77, 0, 0.18, 1);
  position: absolute;
  left: 0;
  top: 100%;
  right: 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: stretch;
  align-items: stretch;
  background: #d2d2d2;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  z-index: 5;
}
.select .options div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex: 0 0 30px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 3px 10px;
  color: #10101b;
}
.select .options div.disabled {
  cursor: auto;
  opacity: 0.5;
}
.select .options div:hover {
  background: #afdae3;
  color: white;
}
.select select {
  visibility: hidden;
  position: absolute;
}
form {
  width: auto;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
  margin: 20px auto 10px;
  border-radius: 3px;
  z-index: 7;
}
form .inputwrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 0 0 100%;
  flex-flow: row-reverse nowrap;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
form .inputwrap:first-child {
  border-top: none;
}
form .inputwrap .bez {
  display: flex;
  flex-flow: column;
}
form .inputwrap .bez small {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.6);
  margin-top: -10px;
}
form .inputwrap__left {
  flex: 0 0 75%;
  display: flex;
  justify-content: space-between;
}
form .inputwrap__left label:first-child {
  margin-right: 10px;
}
form .inputwrap.hauptspeise {
  margin-top: 40px;
  border-top: none;
}
form .inputwrap.hauptspeise ~ .hauptspeise {
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
form .inputwrap .amount {
  flex: 0 0 20% !important;
}
form input,
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form textarea {
  display: flex;
  flex: 0 0 60%;
  width: 100%;
  height: 50px;
  background-color: white;
  border: 1px solid rgba(16, 16, 27, 0.2);
  border-radius: 3px;
  padding: 7px 10px;
  max-width: 100%;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.05);
  color: #10101b;
  font-weight: 200;
}
@media (max-width: 767px) {
  form input,
  form input[type="text"],
  form input[type="email"],
  form input[type="tel"],
  form textarea {
    flex: 0 0 60%;
  }
}
form textarea {
  height: 100px;
}
form .select {
  flex: 0 0 60%;
  border-radius: 3px;
  border: 1px solid rgba(16, 16, 27, 0.2);
}
@media (max-width: 767px) {
  form .select {
    flex: 0 0 60%;
  }
}
form .wrong {
  box-shadow: 0 0 5px rgba(179, 28, 28, 0.3) !important;
  border: 1px solid rgba(179, 28, 28, 0.3) !important;
}
form textarea {
  resize: none;
  overflow-y: auto;
}
form label {
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 19px;
}
form label.price:before,
form label.total__price:before {
  content: "CHF ";
  position: relative;
  margin-right: 5px;
}
form small {
  display: none;
}
form p.infotext {
  text-align: left;
  color: #706E6F;
  font-size: 17px;
  margin: 30px 0 20px;
}
form #recaptcha {
  margin: 0 0 0 auto;
}
form button {
  background: #afdae3;
  padding: 7px 12px;
  border-radius: 3px;
  color: #10101b;
  font-size: 18px;
  font-weight: 700;
  display: block;
  flex: 0 0 60%;
  height: 50px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  margin: 0 0 0 auto;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 767px) {
  form button {
    flex: 0 0 100%;
  }
}
form button:disabled {
  color: rgba(255, 255, 255, 0.5);
  cursor: auto;
}
form button:not(:disabled):hover {
  color: white;
  background: #10101b;
}
form .grecaptcha-badge {
  display: none;
}
form button:before {
  content: "\f1d8";
  font-family: 'Font Awesome 5 Free';
  position: relative;
  margin-right: 7px;
}
form button.wait:before {
  font-family: 'Font Awesome 5 Free';
  position: relative;
  margin-right: 7px;
  animation: 1s infinite hourglass;
}
form button.done:before {
  content: "\f00c";
  font-family: 'Font Awesome 5 Free';
  position: relative;
  margin-right: 7px;
}
.datepicker-panel > ul > li.picked,
.datepicker-panel > ul > li.picked:hover {
  color: #afdae3 !important;
}
.datepicker-container,
.datepicker-top-left::before,
.datepicker-top-right::before {
  border-color: #afdae3 !important;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  font-family: 'Open Sans', sans-serif;
  width: 100%;
  height: 100%;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  font-weight: 300;
  background: #afdae3;
  margin: 0;
  padding: 0;
  width: 100%;
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-flow: row nowrap;
  color: #10101b;
}
.wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-flow: column nowrap;
}
a {
  text-decoration: none;
  color: #10101b;
}
input,
button,
textarea {
  font-family: 'Open Sans', sans-serif;
}
/***************
*****HEADER*****
***************/
header {
  position: relative;
  width: 100%;
  color: white;
  font-weight: 500;
  background-color: #10101b;
}
header .text__image {
  display: flex;
  justify-content: center;
}
header .text__image img {
  width: 100%;
  display: block;
  max-width: 1024px;
}
article {
  background: white;
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
}
article h4 {
  display: block;
  width: 100%;
  padding: 20px;
  background: #afdae3;
  letter-spacing: 2px;
  font-size: 24px;
  text-align: center;
  font-weight: 300;
}
article.course h4 {
  font-size: 36px !important;
}
article > h3.btn {
  margin: 40px auto 0 !important;
  text-align: center;
}
article .section {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
  padding: 50px 40px;
  text-align: justify;
}
@media (max-width: 767px) {
  article .section {
    flex-flow: column nowrap;
    padding: 50px 20px;
  }
}
article .section__inner,
article .section__image {
  margin-bottom: 25px;
}
article .section__inner {
  display: flex;
  align-items: stretch;
  flex-flow: column nowrap;
  width: 100%;
  max-width: 1024px;
}
article .section__image .content {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
}
@media (max-width: 500px) {
  article .section__image .content {
    justify-content: center;
  }
}
article .section:nth-child(2n) {
  background: rgba(175, 218, 227, 0.1);
}
article .section#intro h3 {
  display: none;
}
article .section#referent {
  flex-flow: row wrap !important;
}
article .section#referent h1 {
  width: 100%;
}
article .section#referent .referent__container {
  display: flex;
  flex-flow: row nowrap;
}
@media (max-width: 500px) {
  article .section#referent .referent__container {
    flex-flow: column nowrap !important;
  }
  article .section#referent .referent__container .section__image {
    margin-left: 0px;
  }
}
article .section#referent .section__inner {
  align-items: stretch;
  justify-content: center;
}
article .section#referent .section__image {
  margin-left: 40px;
}
article .section#referent .section__image img {
  width: 200px;
}
article .section#kursinhalt {
  flex-flow: row wrap;
}
article .section#kursinhalt .cm24__folder {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
article .section#kursinhalt h1 {
  flex-basis: 100%;
}
article .section#kursinhalt .section__inner {
  flex-basis: 40%;
  padding: 0 20px;
  text-align: left;
  display: flex;
  justify-content: center;
}
article .section#kursinhalt .section__inner h3 {
  display: none;
}
article .section#kursinhalt .section__inner__c .content > ul > li {
  margin-bottom: 10px;
}
@media (max-width: 500px) {
  article .section#kursinhalt .section__inner {
    flex-basis: 100%;
  }
}
article .section#kursinhalt .section__image {
  flex-basis: 57%;
}
article .section#kursinhalt .section__image__a {
  align-items: stretch;
}
article .section#kursinhalt .section__image__a .content img:first-child {
  width: auto;
  height: 116px;
  max-width: none;
}
article .section#kursinhalt .section__image__c .content img:nth-child(5) {
  width: 105px;
  height: 150px;
  margin: 0 22.5px 10px 32.5px;
}
article .section#kursinhalt .section__image__c img {
  max-height: 150px;
  width: auto !important;
  max-width: 150px;
}
article .section#kursinhalt .section__image__d img {
  height: 150px !important;
  width: auto !important;
  max-width: none !important;
}
@media (max-width: 500px) {
  article .section#kursinhalt .section__image {
    flex-basis: 100%;
  }
}
article .section#kursinhalt .section__image img {
  width: 150px;
  margin-bottom: 10px;
  margin-left: 10px;
  max-width: 150px;
}
@media (max-width: 767px) {
  article .section#kursinhalt .section__image img {
    width: 30%;
    margin-left: 1%;
  }
}
@media (max-width: 500px) {
  article .section#kursinhalt .section__image img {
    width: 48%;
    margin-left: 1%;
  }
}
@media (max-width: 400px) {
  article .section#kursinhalt .section__image img {
    width: 75%;
  }
}
article .section#kursinhalt .section__image img:only-child {
  margin-left: auto;
}
article .section#kosten .content {
  display: flex;
  flex-flow: column-reverse;
}
article .section#anmeldung {
  flex-flow: column;
}
article h1,
article h2,
article h3 {
  text-align: center;
  display: block;
  margin: 0px auto 30px;
  position: relative;
}
article h1,
article h2 {
  font-size: 30px;
  font-weight: 500;
}
article h1:after,
article h2:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -8px;
  width: 20px;
  height: 1px;
  background-color: #10101b;
}
article h3 {
  font-size: 20px;
  font-weight: 500;
  width: 100%;
  text-align: center;
  display: block;
  margin: 25px 0 15px;
  text-align: left;
}
article h3.h3__c {
  margin-bottom: 40px !important;
}
article p {
  margin-bottom: 10px;
  line-height: 1.6;
}
article p a {
  text-decoration: underline;
}
article h3.btn {
  margin: 25px 0;
  position: relative;
  width: 220px;
}
article ul ul {
  margin-left: 25px;
  margin-top: 5px;
  margin-bottom: 10px;
}
article ul ul li {
  list-style-type: square;
}
article table {
  width: auto !important;
  text-align: left;
}
article table tr td {
  padding-bottom: 5px;
}
article table tr td:first-child {
  padding-right: 45px;
}
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background: #afdae3;
  border-radius: 4px;
  padding: 6px 9px;
  font-size: 19px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
@media (max-width: 1024px) {
  .btn {
    font-size: 17px;
  }
}
.btn a {
  color: white !important;
}
.btn:hover {
  background: white;
  color: #afdae3;
}
.btn:hover a {
  color: #afdae3 !important;
}
.footer {
  background: #afdae3;
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  width: 100%;
  padding: 50px 20px;
  font-weight: 300;
}
.footer__inner {
  display: flex;
  align-items: stretch;
  flex-flow: column nowrap;
  width: 100%;
  max-width: 1024px;
  position: relative;
}
.footer p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  position: relative;
}
.footer p a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: underline;
}
/*# sourceMappingURL=general.css.map */