@charset "UTF-8";
/* colors
------------------------------------------------------------- */
/* basic ----------- */
/* black, textcolor */
/* white, background-color */
/* darkgrey bckgrd */
/* lightgrey bckgrd */
/* grey page background (options) */
/* xxx */
/* xxx */
/* xxx */
/* xxx */
/* xxx */
/* weeditmode ----------- */
/* weeditmode grey light */
/* weeditmode blue light */
/* weeditmode blue dark */
/* weeditmode yellow */
/* weeditmode blue col-bckgrd */
/* weeditmode yellow */
/* weeditmode orange */
/* weeditmode acidblue */
/* weeditmode neongreen */
/* bootstrap colors ----------- */
/* bootstrap grey */
/* bootstrap grey */
/* xxx */
/* xxx */
/* xxx */
/* website colors ----------- */
/* $color100: #C68C00; */
/* company color gold */
/* company color */
/* company color */
/* company color */
/* company color */
/* company color */
/* company color */
/* company color */
/* company color */
/* company color */
/* company color */
/* company color */
/* forms ----------- */
/* correct */
/* error */
/* margins / paddings
------------------------------------------------------------- */
/* mixins
------------------------------------------------------------- */
/* borders
------------------------------------------------------------- */
/* margins / paddings
------------------------------------------------------------- */
/*
        Document   : basic
        Created on : 15.01.2016
        Author	 : Jens.Degner
        Description:
        Purpose of the stylesheet follows.
*/
/* roboto-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("/static/fonts/roboto-v30-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("/static/fonts/roboto-v30-latin-italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("/static/fonts/roboto-v30-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("/static/fonts/roboto-v30-latin-700italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
body {
  /* font-family: 'Montserrat', sans-serif; */
  /* font-family: 'Source Sans Pro', sans-serif; */
  /* font-family: "Sofia Sans Semi Condensed", sans-serif; */
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  color: #473E3A;
  box-sizing: border-box !important;
  overflow-x: hidden;
  -ms-overflow-style: scrollbar;
}
.jsdata {
  display: none !important;
}
.center-wrapper {
  display: block;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.img-fluid {
  width: 100%;
}
img {
  -webkit-border-top-left-radius: 0.8rem;
  -moz-border-radius-topleft: 0.8rem;
  border-top-left-radius: 0.8rem;
  -webkit-border-top-right-radius: 0.8rem;
  -moz-border-radius-topright: 0.8rem;
  border-top-right-radius: 0.8rem;
  -webkit-border-bottom-left-radius: 0.8rem;
  -moz-border-radius-bottomleft: 0.8rem;
  border-bottom-left-radius: 0.8rem;
  -webkit-border-bottom-right-radius: 0.8rem;
  -moz-border-radius-bottomright: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}
/* ------------------------------------------------------------------
fix content shifting when modal is opened
------------------------------------------------------------------ */
.modal-open {
  overflow: visible;
}
.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
  padding-right: 0px !important;
}
/* ------------------------------------------------------------------
Selection
------------------------------------------------------------------ */
::-moz-selection {
  background: #000000;
  color: #FFFFFF;
}
::-webkit-selection {
  background: #000000;
  color: #FFFFFF;
}
::selection {
  background: #000000;
  color: #FFFFFF;
}
/* standard --------------------------------------------------------------------------------------*/
a:link {
  text-decoration: underline;
  color: #938678;
}
a:visited {
  text-decoration: underline;
  color: #938678;
}
a:hover {
  text-decoration: underline;
  color: #000000;
}
label.error, p.error {
  display: block;
  width: 100%;
  margin: 3px 0px 0px 0px;
  padding: 1px 5px 1px 5px !important;
  color: #FFFFFF !important;
  background-color: #E7272A;
}
.error {
  color: #E7272A !important;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.firstparagraph, .no-margin-top {
  margin-top: 0px !important;
  padding-top: 0px !important;
}
.no-margin-bottom {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}
.bckgrd-headline {
  /*transform: skew(-12deg);*/
  padding: 0px 15px;
  /*background-color: $color0;*/
  background-color: #938678;
  display: inline-block;
}
/* typography
------------------------------------------------------------- */
.content .center-content {
  text-align: center;
}
.content .padding-bottom {
  padding-bottom: 30px !important;
}
.content hr {
  border-color: #000000 !important;
}
.content h1 {
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom: 20px;
  color: #473E3A;
}
.content h2 {
  font-size: 1.3rem;
  font-weight: normal;
  margin-top: 20px;
  color: #473E3A;
}
.content h3 {
  font-size: 1.1rem;
  font-weight: bold;
  line-height: 1.6rem;
  color: #473E3A;
}
.content h4 {
  font-size: 1.1rem;
  font-weight: 300;
}
.content p {
  line-height: 1.6rem;
  margin-bottom: 10px;
}
.content .hervorgehoben, .content .emphasized {
  font-weight: 700 !important;
}
.content .normal {
  font-weight: 400 !important;
}
.content .label {
  color: #C68C00 !important;
  font-size: inherit !important;
  font-weight: bold !important;
}
.content label {
  color: #C68C00 !important;
  font-size: inherit !important;
  font-weight: bold !important;
}
.content ul {
  list-style-type: none;
  padding-left: 1.2em;
}
.content ul li {
  line-height: 1.8em;
}
.content ul li::before {
  content: "•";
  color: #564A43;
  /*border-color: transparent $color3;
            border-style: solid;
            border-width: 0.35em 0 0.35em 0.45em;*/
  display: block;
  height: 0;
  width: 0;
  left: -0.7em;
  top: -0.02em;
  position: relative;
  font-size: 28px;
  font-weight: bold;
}
.content ul.ul-2 {
  margin-top: 1em;
}
.content ul.ul-2 li {
  margin-bottom: 1em;
}
.content li ul {
  /*margin-top: 8px;*/
}
.content ol {
  list-style: none;
  counter-reset: counter0;
  margin-left: 0;
  padding-left: 0;
}
.content ol > li {
  counter-increment: counter0;
  margin: 0 0 0.8rem 2rem;
}
.content ol > li::before {
  content: counter(counter0);
  background: #938678;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  display: inline-block;
  line-height: 1.4rem;
  color: white;
  text-align: center;
  margin: 0 0.6rem 0 -2rem;
}
.content ol ul {
  margin: 0.5rem 0 0.5rem 0;
}
.content ol ol {
  counter-reset: counter0;
}
.content ol ol > li {
  counter-increment: counter1;
  margin: 0 0 0.8rem 2rem;
}
.content ol ol > li::before {
  content: counter(counter1);
  background: #6C757D;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  display: inline-block;
  line-height: 1.4rem;
  color: white;
  text-align: center;
  margin: 0 0.6rem 0 -2rem;
}
.content ol ol ol {
  counter-reset: counter2;
}
.content ol ol ol > li {
  counter-increment: counter2;
  margin: 0 0 0.8rem 2rem;
}
.content ol ol ol > li::before {
  content: counter(counter2);
  background: #6C757D;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  display: inline-block;
  line-height: 1.4rem;
  color: white;
  text-align: center;
  margin: 0 0.6rem 0 -2rem;
}
.widget-container-nospace h1, .widget-container-nospace h2, .widget-container-nospace h3, .widget-container-nospace h4 {
  /*margin-bottom: 0px !important;*/
}
/* tables
-------------------------------------------------------------------------------------- */
/* basic
-------------------------------------------------------------------------------------- */
.tdLeft {
  text-align: left;
}
.tdCenter {
  text-align: center;
}
.tdRight {
  text-align: right;
}
.table-striped {
  border-collapse: separate;
  border-spacing: 0px 1px;
}
.table-striped thead th {
  background-color: #938678;
}
.table-striped .striped {
  background-color: #000000 !important;
}
/* ----------------------------------------------------------
buttons
------------------------------------------------------------- */
.btnbar.btnbar-top {
  margin: 0px 0px 20px 0px;
}
.btnbar.btnbar-bottom {
  margin: 20px 0px 0px 0px;
}
.btn.focus, .btn:focus {
  box-shadow: none !important;
}
.btn {
  /*@include no-border-radius;*/
  border: none !important;
  /*transform: skew(-12deg);*/
}
.btn.is-checked {
  background-color: #000000;
}
.btn-primary {
  width: 100%;
  color: #FFFFFF;
  font-size: 0.9rem;
  background-color: #938678;
  -webkit-border-top-left-radius: 0.8rem;
  -moz-border-radius-topleft: 0.8rem;
  border-top-left-radius: 0.8rem;
  -webkit-border-top-right-radius: 0.8rem;
  -moz-border-radius-topright: 0.8rem;
  border-top-right-radius: 0.8rem;
  -webkit-border-bottom-left-radius: 0.8rem;
  -moz-border-radius-bottomleft: 0.8rem;
  border-bottom-left-radius: 0.8rem;
  -webkit-border-bottom-right-radius: 0.8rem;
  -moz-border-radius-bottomright: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}
.btn-primary:hover {
  background-color: #473E3A;
}
a.btn-primary {
  text-decoration: none;
  color: #FFFFFF;
}
.btn-with-icon svg {
  height: 1.4rem;
}
.btn-with-icon .btn-icon {
  /*color: $color100;*/
}
.btn-with-icon .btn-icon.visible {
  display: inline;
}
.btn-with-icon .btn-icon.invisible {
  display: none;
}
.btn-with-icon.btn-with-icon-right .btn-label {
  padding-right: 1.2em;
}
.btn-with-icon.btn-with-icon-left .btn-label {
  padding-left: 1.2em;
}
.input-group .input-group-prepend .input-group-text {
  color: #938678;
  border-color: #000000;
  background-color: #000000;
}
.input-group input {
  background-color: #938678;
  border: 1px solid #938678;
  -webkit-box-shadow: inset 0px 0px 0px 0px;
  -moz-box-shadow: inset 0px 0px 0px 0px;
  box-shadow: inset 0px 0px 0px 0px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0.25rem;
  -moz-border-radius-topright: 0.25rem;
  border-top-right-radius: 0.25rem;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0.25rem;
  -moz-border-radius-bottomright: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.text-group {
  color: #938678;
  text-align: center;
  vertical-align: middle;
  padding: 0.25rem 0.5rem;
  background-color: #938678;
  -webkit-border-top-left-radius: 0.25rem;
  -moz-border-radius-topleft: 0.25rem;
  border-top-left-radius: 0.25rem;
  -webkit-border-top-right-radius: 0.25rem;
  -moz-border-radius-topright: 0.25rem;
  border-top-right-radius: 0.25rem;
  -webkit-border-bottom-left-radius: 0.25rem;
  -moz-border-radius-bottomleft: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  -webkit-border-bottom-right-radius: 0.25rem;
  -moz-border-radius-bottomright: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
/* button groups with icons */
.btn-group {
  height: 100%;
}
.btn-group .btn-group-prepend .btn-group-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 0 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #938678;
  text-align: center;
  white-space: nowrap;
  background-color: #000000;
  border: none;
  -webkit-border-top-left-radius: 0.25rem;
  -moz-border-radius-topleft: 0.25rem;
  border-top-left-radius: 0.25rem;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0.25rem;
  -moz-border-radius-bottomleft: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
.modal-header .close {
  font-size: 28px;
  color: #000000;
  opacity: 1;
}
.modal-header .close:hover {
  color: #6C757D;
  opacity: 1;
}
.link-btn-int {
  display: inline-block;
  padding: 3px 7px 3px 7px;
  font-weight: normal;
  color: #FFFFFF !important;
  text-decoration: none !important;
  background-color: #000000;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.link-btn-int .svg-inline--fa {
  margin-left: 0.8em;
}
.link-btn-int-pdf, .link-btn-int-pdf-100 {
  display: inline-block;
  padding: 3px 7px 3px 7px;
  font-weight: normal;
  color: #FFFFFF !important;
  text-decoration: none !important;
  background-color: #000000;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.link-btn-int-pdf .svg-inline--fa, .link-btn-int-pdf-100 .svg-inline--fa {
  margin-left: 0.8em;
}
.link-btn-int-pdf::after, .link-btn-int-pdf-100::after {
  display: none;
  font-family: "Font Awesome 5 Solid";
  content: "";
}
.link-btn-int-pdf-100 {
  width: 100%;
}
.link-btn-int-100 {
  display: inline-block;
  width: 100%;
  padding: 0.18rem 0.5rem;
  text-align: center;
  text-decoration: none !important;
  color: #FFFFFF !important;
  background-color: #000000;
  -webkit-border-top-left-radius: 0.2rem;
  -moz-border-radius-topleft: 0.2rem;
  border-top-left-radius: 0.2rem;
  -webkit-border-top-right-radius: 0.2rem;
  -moz-border-radius-topright: 0.2rem;
  border-top-right-radius: 0.2rem;
  -webkit-border-bottom-left-radius: 0.2rem;
  -moz-border-radius-bottomleft: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  -webkit-border-bottom-right-radius: 0.2rem;
  -moz-border-radius-bottomright: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.link-btn-ext {
  display: inline-block;
  padding: 3px 7px 3px 7px;
  font-weight: normal;
  color: #000000 !important;
  text-decoration: none !important;
  background-color: #6C757D;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.link-btn-ext .svg-inline--fa {
  margin-left: 0.8em;
}
.link-btn-ext::after {
  display: none;
  font-family: "Font Awesome 5 Solid";
  content: "";
}
.link-btn-int:hover, .link-btn-ext:hover, .link-btn-int-pdf:hover, .link-btn-int-100:hover {
  color: #000000;
  background-color: #938678;
}
/* ----------------------------------------------------------
flickity slider
------------------------------------------------------------- */
/* position dots up a bit */
.flickity-page-dots {
  bottom: -22px;
}
.flickity-page-dots .dot {
  height: 4px;
  width: 40px;
  margin: 0;
  border-radius: 0;
}
.flickity-page-dots .dot::before {
  content: none;
}
.flickity-prev-next-button {
  width: 30px;
  height: 30px;
}