@charset "UTF-8";
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

.fr-dialogmodal--is-ready {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10; }

.fr-dialogmodal--is-ready .fr-dialogmodal-modal {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  /* Modal blurs when using translate3d */
  -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
  /* Modal blurs when using translate3d */ }

.fr-dialogmodal--is-ready[aria-hidden="true"] {
  visibility: hidden; }

.fr-dialogmodal--is-ready[aria-hidden="false"] {
  visibility: visible; }

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/*
List of breakpoints in px
*/
/*
Copy this file into the folder where your main-scss-file is.
Include this file in your main-scss-file like this:

@import 'breakpoints';
*/
/*
Now you can do e.g.:

body {
	@include brp(b2max) {
		background-color:green;
	}
	@include brp(b4) {
		background:red;
	}
}

...which translates to:

@media all and (max-width: 39.937em) {
	body {
		background-color: green;
	}
}

@media all and (min-width: 60em) {
    body {
      background: red;
  	}
}
*/
@font-face {
  font-family: 'nowaybold';
  src: url("../fonts/Noway/noway-bold-webfont.eot");
  src: url("../fonts/Noway/noway-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Noway/noway-bold-webfont.woff2") format("woff2"), url("../fonts/Noway/noway-bold-webfont.woff") format("woff"), url("../fonts/Noway/noway-bold-webfont.ttf") format("truetype"), url("../fonts/Noway/noway-bold-webfont.svg#nowaybold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'nowayregular';
  src: url("../fonts/Noway/noway-regular-webfont.eot");
  src: url("../fonts/Noway/noway-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Noway/noway-regular-webfont.woff2") format("woff2"), url("../fonts/Noway/noway-regular-webfont.woff") format("woff"), url("../fonts/Noway/noway-regular-webfont.ttf") format("truetype"), url("../fonts/Noway/noway-regular-webfont.svg#nowayregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.formfield {
  margin-bottom: .5em;
  padding-bottom: .5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .formfield.checkbox {
    overflow: hidden; }
  .formfield.rich-text-editor {
    max-width: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
    .formfield.rich-text-editor label {
      position: relative;
      padding-left: 0; }
  .formfield.radio {
    margin-bottom: 0;
    overflow: hidden;
    padding: .2em 0; }
  .formfield label {
    display: block;
    position: relative;
    float: left; }
    @media all and (min-width: 38.75em) {
      .formfield label {
        float: left;
        top: .5em;
        /*		width: 11em;*/
        margin-right: .25em; } }
    .formfield label.required span:after {
      content: '*'; }
  .formfield.checkbox label {
    width: auto; }
  .formfield [type=text],
  .formfield [type=password],
  .formfield [type=email],
  .formfield [type=tel],
  .formfield [type=number],
  .formfield [type=search],
  .formfield [type=date],
  .formfield textarea {
    border-radius: .15em;
    border: 1px solid #b4b4b4;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
    background-color: #fff; }
  .formfield.checkbox {
    margin-bottom: 0; }
    @media all and (min-width: 38.75em) {
      .formfield.checkbox {
        /*	margin-left: 11.15em;*/ } }
  .formfield input:focus,
  .formfield textarea:focus {
    outline: 0;
    border: 1px solid #5488a9;
    -webkit-box-shadow: 1px 1px 7px rgba(84, 136, 169, 0.35) inset;
            box-shadow: 1px 1px 7px rgba(84, 136, 169, 0.35) inset; }
  .formfield input {
    line-height: 1em; }
  .formfield .error {
    background-color: #b83100;
    color: #fff;
    padding: .2em .5em;
    border-radius: .25em;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);
    display: inline-block; }
  .formfield.has-error input {
    border: 2px solid #b83100; }
  .formfield.select {
    background-color: #fff;
    padding: 0;
    border-radius: .15em;
    position: relative;
    margin-bottom: 1em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .formfield.select.multiple {
      margin-bottom: 0; }
      .formfield.select.multiple small {
        margin: 0 !important; }
    .formfield.select select {
      -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
              box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
      font-size: 1.2em;
      color: inherit;
      width: 100%;
      border: 1px solid #b4b4b4;
      background-color: #fff;
      padding: 1em .65em .3em;
      border-radius: .2em;
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      line-height: 1.3em;
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><path d="M26.297 12.625L14.703 24.203a.99.99 0 0 1-1.406 0L1.703 12.625a1.009 1.009 0 0 1 0-1.422l2.594-2.578a.99.99 0 0 1 1.406 0L14 16.922l8.297-8.297a.99.99 0 0 1 1.406 0l2.594 2.578a1.009 1.009 0 0 1 0 1.422z" fill="gray"/></svg>');
      background-size: 15px;
      background-repeat: no-repeat;
      background-position: 97% 20px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
      .formfield.select select[multiple] {
        font-size: 1em;
        background-image: none;
        padding: 0;
        margin-bottom: 0;
        overflow: auto;
        /*				height:6.1em;*/ }
        .formfield.select select[multiple] option {
          padding: .15em .5em; }

.errors {
  color: #b83100;
  font-weight: bold; }

button {
  cursor: pointer; }

button[type=submit],
.button {
  -webkit-transition: background-color .15s, -webkit-transform .15s;
  transition: background-color .15s, -webkit-transform .15s;
  -o-transition: background-color .15s, transform .15s;
  transition: background-color .15s, transform .15s;
  transition: background-color .15s, transform .15s, -webkit-transform .15s;
  background-color: #254436;
  color: #fff;
  border: 0;
  font-size: 1.25em;
  padding: .75em 1.1em;
  border-radius: .15em;
  clear: both;
  float: none;
  display: inline-block;
  margin-top: 1em;
  cursor: pointer; }
  button[type=submit]:hover, button[type=submit]:focus,
  .button:hover,
  .button:focus {
    -webkit-transform: scale(1.025);
        -ms-transform: scale(1.025);
            transform: scale(1.025); }
  button[type=submit]:active,
  .button:active {
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4) inset;
            box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4) inset; }
  button[type=submit].small,
  .button.small {
    font-size: .8em; }
  button[type=submit].button-secondary,
  .button.button-secondary {
    background-color: transparent;
    font-size: 1em;
    color: #254436;
    padding: 0;
    margin-bottom: .5em;
    line-height: 1em;
    margin-top: 0;
    text-decoration: underline; }
    button[type=submit].button-secondary svg,
    .button.button-secondary svg {
      position: relative;
      top: -.1em;
      height: 1.5em;
      width: 1.5em; }
    button[type=submit].button-secondary path,
    .button.button-secondary path {
      fill: #254436; }

select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  @media all and (min-width: 38.75em) {
    select {
      min-width: 14em; } }

input,
select,
textarea,
button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: .4em .5em;
  font-family: inherit; }
  @media all and (max-width: 38.688em) {
    input,
    select,
    textarea,
    button {
      width: 100%; } }

textarea {
  resize: vertical;
  min-height: 5em;
  width: 100%; }

.checkbox,
.radio {
  padding: 0 0 .7em .2em;
  margin-left: -.2em; }
  .checkbox input[type="checkbox"],
  .checkbox input[type="radio"],
  .radio input[type="checkbox"],
  .radio input[type="radio"] {
    opacity: 0;
    position: absolute; }
    .checkbox input[type="checkbox"] + label::after,
    .checkbox input[type="radio"] + label::after,
    .radio input[type="checkbox"] + label::after,
    .radio input[type="radio"] + label::after {
      content: none; }
    .checkbox input[type="checkbox"]:checked + label::after,
    .checkbox input[type="radio"]:checked + label::after,
    .radio input[type="checkbox"]:checked + label::after,
    .radio input[type="radio"]:checked + label::after {
      content: ""; }
    .checkbox input[type="checkbox"]:focus + label::before,
    .checkbox input[type="radio"]:focus + label::before,
    .radio input[type="checkbox"]:focus + label::before,
    .radio input[type="radio"]:focus + label::before {
      -webkit-box-shadow: 0 0 5px 1px rgba(84, 136, 169, 0.8);
              box-shadow: 0 0 5px 1px rgba(84, 136, 169, 0.8); }

.checkbox label,
.radio label {
  top: 0;
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding-left: 2em;
  padding-top: .45em; }
  .checkbox label:before, .checkbox label:after,
  .radio label:before,
  .radio label:after {
    position: absolute;
    content: "";
    display: inline-block;
    font-size: 1.2em; }
  .checkbox label:before,
  .radio label:before {
    width: 22px;
    height: 22px;
    border: 1px solid #a7a7a7;
    left: 0;
    top: 0;
    border-radius: .1em;
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset;
    border-bottom-color: #b4b4b4;
    border-right-color: #b4b4b4; }

.checkbox label:before {
  top: .15em;
  left: 0; }

.checkbox label:after {
  height: 5px;
  width: 10px;
  border-left: 4px solid #254436;
  border-bottom: 4px solid #254436;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  left: 5px;
  top: 9px; }

.radio label:before, .radio label:after {
  border-radius: 50%;
  top: 2px;
  left: 2px; }

.radio label:after {
  border: 0;
  height: 14px;
  width: 14px;
  background-color: #254436;
  left: 7px;
  top: 7px; }

.required-info {
  color: #939393;
  font-size: .8em;
  margin-bottom: 2em; }
  @media all and (min-width: 38.75em) {
    .required-info {
      margin: 1em 0 2em 0; } }

.checkbox-group-label {
  display: block;
  position: relative;
  top: .5em;
  margin-bottom: .5em;
  clear: both;
  font-size: 1.3em;
  line-height: 1em;
  /*	@include brp(b2) {
			width:11em;
			float:left;
		}*/ }

.fb-link {
  padding-top: 2em; }

form small {
  display: block;
  opacity: .7;
  /*@include brp(b2) {
			margin: .5em 0 1em;
		}*/ }

@media all and (min-width: 38.75em) {
  .mce-tinymce {
    margin-top: 0 !important; } }

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
select,
textarea {
  font-size: 16px; }

input[type="file"] {
  background: #fff;
  padding: 1.2em .5em;
  width: 100%;
  border-radius: .3em;
  border: 2px dotted #b1b1b1;
  position: relative;
  -webkit-appearance: none; }
  @media all and (min-width: 60em) {
    input[type="file"]:after {
      content: 'Maximale Dateigröße: 60 MB';
      position: absolute;
      right: .8em;
      top: .35em;
      font-size: .7em;
      color: #acacac; } }

/* Haruki */
.text-input,
.select {
  position: relative;
  z-index: 1;
  display: block;
  vertical-align: top;
  /*
		@include brp(b2) {
			padding-right: .5em;
		}*/ }
  .text-input label,
  .select label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: absolute;
    width: 100%;
    pointer-events: none;
    left: 0;
    top: .4em; }
  .text-input.filled .fancy-label,
  .select.filled .fancy-label {
    color: #acacac;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis; }
  .text-input .fancy-label,
  .select .fancy-label {
    position: relative;
    display: block;
    padding: .6em 0;
    left: -.15em;
    width: 100%;
    -webkit-transition: color 2s, -webkit-transform 0.3s;
    transition: color 2s, -webkit-transform 0.3s;
    -o-transition: transform 0.3s, color 2s;
    transition: transform 0.3s, color 2s;
    transition: transform 0.3s, color 2s, -webkit-transform 0.3s;
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    color: #939393;
    line-height: 1.25em; }
  .text-input input,
  .text-input textarea,
  .select input,
  .select textarea {
    position: relative;
    display: block;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    font-size: 1.2em;
    line-height: 1.35em;
    padding-top: 1em;
    padding-left: .65em;
    padding-bottom: .25em;
    color: inherit; }
    .text-input input:focus,
    .text-input textarea:focus,
    .select input:focus,
    .select textarea:focus {
      outline: none; }
  .text-input textarea,
  .select textarea {
    padding-top: 1.1em; }
  .text-input.filled .fancy-label,
  .text-input input:focus + label .fancy-label,
  .text-input textarea:focus + label .fancy-label,
  .select.filled .fancy-label,
  .select input:focus + label .fancy-label,
  .select textarea:focus + label .fancy-label {
    -webkit-transform: translate3d(0, -25%, 0) scale(0.9);
            transform: translate3d(0, -25%, 0) scale(0.9); }

.hack-hide {
  opacity: 0;
  height: 0;
  width: 0;
  padding: 0;
  margin: 0;
  position: absolute;
  overflow: hidden; }

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 10;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.7);
  /* Black w/ opacity */ }

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  /* 15% from the top and centered */
  border: 1px solid #888;
  width: 80%;
  /* Could be more or less, depending on screen size */
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: .25em;
  -webkit-box-shadow: 1px 1px 35px rgba(0, 0, 0, 0.35);
          box-shadow: 1px 1px 35px rgba(0, 0, 0, 0.35);
  max-height: 90vh;
  overflow: auto;
  position: relative; }

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold; }

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer; }

.flatpickr-calendar {
  background: transparent;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 315px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); }

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  max-height: 640px; }

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999; }

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px; }

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px); }

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block; }

.flatpickr-calendar.hasWeeks {
  width: auto; }

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0; }

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6; }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto; }

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  left: 22px; }

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.rightMost:after {
  left: auto;
  right: 22px; }

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px; }

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px; }

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%; }

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6; }

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff; }

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%; }

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6; }

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff; }

.flatpickr-calendar:focus {
  outline: 0; }

.flatpickr-wrapper {
  position: relative;
  display: inline-block; }

.flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 28px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden; }

.flatpickr-prev-month,
.flatpickr-next-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0px;
  line-height: 16px;
  height: 28px;
  padding: 10px calc(3.57% - 1.5px);
  z-index: 3; }

.flatpickr-prev-month i,
.flatpickr-next-month i {
  position: relative; }

.flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-next-month.flatpickr-prev-month {
  /*
			/*rtl:begin:ignore*/
  /*
			*/
  left: 0;
  /*
			/*rtl:end:ignore*/
  /*
			*/ }

/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month.flatpickr-next-month,
.flatpickr-next-month.flatpickr-next-month {
  /*
			/*rtl:begin:ignore*/
  /*
			*/
  right: 0;
  /*
			/*rtl:end:ignore*/
  /*
			*/ }

/*
        /*rtl:begin:ignore*/
/*
        /*rtl:end:ignore*/
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover {
  color: #959ea9; }

.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg {
  fill: #f64747; }

.flatpickr-prev-month svg,
.flatpickr-next-month svg {
  width: 14px; }

.flatpickr-prev-month svg path,
.flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  -o-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit; }

.numInputWrapper {
  position: relative;
  height: auto; }

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block; }

.numInputWrapper input {
  width: 100%; }

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.05);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1); }

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2); }

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
  top: 33%; }

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0; }

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6); }

.numInputWrapper span.arrowDown {
  top: 50%; }

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6); }

.numInputWrapper span svg {
  width: inherit;
  height: auto; }

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5); }

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05); }

.numInputWrapper:hover span {
  opacity: 1; }

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 6.16px 0 0 0;
  line-height: 1;
  height: 28px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px); }

.flatpickr-current-month.slideLeft {
  -webkit-transform: translate3d(-100%, 0px, 0px);
  transform: translate3d(-100%, 0px, 0px);
  -webkit-animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeOut 400ms ease, fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-current-month.slideLeftNew {
  -webkit-transform: translate3d(100%, 0px, 0px);
  transform: translate3d(100%, 0px, 0px);
  -webkit-animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeIn 400ms ease, fpSlideLeftNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-current-month.slideRight {
  -webkit-transform: translate3d(100%, 0px, 0px);
  transform: translate3d(100%, 0px, 0px);
  -webkit-animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeOut 400ms ease, fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-current-month.slideRightNew {
  -webkit-transform: translate3d(0, 0, 0px);
  transform: translate3d(0, 0, 0px);
  -webkit-animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeIn 400ms ease, fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0; }

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05); }

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block; }

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9); }

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: default;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: initial;
  border: 0;
  border-radius: 0;
  vertical-align: initial; }

.flatpickr-current-month input.cur-year:focus {
  outline: 0; }

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none; }

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 315px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px; }

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder; }

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0; }

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 315px; }

.flatpickr-days:focus {
  outline: 0; }

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 315px;
  min-width: 315px;
  max-width: 315px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1; }

.flatpickr-calendar.animate .dayContainer.slideLeft {
  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.animate .dayContainer.slideLeft,
.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  -webkit-transform: translate3d(-100%, 0px, 0px);
  transform: translate3d(-100%, 0px, 0px); }

.flatpickr-calendar.animate .dayContainer.slideLeftNew {
  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideLeft 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.animate .dayContainer.slideRight {
  -webkit-animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeOut 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRight 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translate3d(100%, 0px, 0px);
  transform: translate3d(100%, 0px, 0px); }

.flatpickr-calendar.animate .dayContainer.slideRightNew {
  -webkit-animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeIn 400ms cubic-bezier(0.23, 1, 0.32, 1), fpSlideRightNew 400ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center; }

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6; }

.flatpickr-day.today {
  border-color: #959ea9; }

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff; }

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7; }

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px; }

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0; }

.flatpickr-day.selected.startRange + .endRange,
.flatpickr-day.startRange.startRange + .endRange,
.flatpickr-day.endRange.startRange + .endRange {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7; }

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px; }

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; }

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  pointer-events: none; }

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default; }

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; }

.rangeMode .flatpickr-day {
  margin-top: 1px; }

.flatpickr-weekwrapper {
  display: inline-block;
  float: left; }

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6; }

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px; }

.flatpickr-weekwrapper span.flatpickr-day {
  display: block;
  width: 100%;
  max-width: none; }

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden; }

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both; }

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left; }

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939; }

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939; }

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%; }

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%; }

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  cursor: pointer;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.flatpickr-time input.flatpickr-hour {
  font-weight: bold; }

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400; }

.flatpickr-time input:focus {
  outline: 0;
  border: 0; }

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center; }

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400; }

.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #f0f0f0; }

.flatpickr-input[readonly] {
  cursor: pointer; }

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes fpSlideLeft {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); }
  to {
    -webkit-transform: translate3d(-100%, 0px, 0px);
    transform: translate3d(-100%, 0px, 0px); } }

@keyframes fpSlideLeft {
  from {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); }
  to {
    -webkit-transform: translate3d(-100%, 0px, 0px);
    transform: translate3d(-100%, 0px, 0px); } }

@-webkit-keyframes fpSlideLeftNew {
  from {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px); }
  to {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); } }

@keyframes fpSlideLeftNew {
  from {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px); }
  to {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); } }

@-webkit-keyframes fpSlideRight {
  from {
    -webkit-transform: translate3d(0, 0, 0px);
    transform: translate3d(0, 0, 0px); }
  to {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px); } }

@keyframes fpSlideRight {
  from {
    -webkit-transform: translate3d(0, 0, 0px);
    transform: translate3d(0, 0, 0px); }
  to {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px); } }

@-webkit-keyframes fpSlideRightNew {
  from {
    -webkit-transform: translate3d(-100%, 0, 0px);
    transform: translate3d(-100%, 0, 0px); }
  to {
    -webkit-transform: translate3d(0, 0, 0px);
    transform: translate3d(0, 0, 0px); } }

@keyframes fpSlideRightNew {
  from {
    -webkit-transform: translate3d(-100%, 0, 0px);
    transform: translate3d(-100%, 0, 0px); }
  to {
    -webkit-transform: translate3d(0, 0, 0px);
    transform: translate3d(0, 0, 0px); } }

@-webkit-keyframes fpFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fpFadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes fpFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fpFadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.slide-enter-active, .slide-leave-active {
  -webkit-transition: opacity .25s, -webkit-transform .15s;
  transition: opacity .25s, -webkit-transform .15s;
  -o-transition: transform .15s, opacity .25s;
  transition: transform .15s, opacity .25s;
  transition: transform .15s, opacity .25s, -webkit-transform .15s; }
  .slide-enter-active.exhibitor-area, .slide-leave-active.exhibitor-area {
    -webkit-transition: opacity .1s, -webkit-transform .3s;
    transition: opacity .1s, -webkit-transform .3s;
    -o-transition: transform .3s, opacity .1s;
    transition: transform .3s, opacity .1s;
    transition: transform .3s, opacity .1s, -webkit-transform .3s; }

.slide-enter, .slide-leave-to {
  -webkit-transform: translateX(-100em);
      -ms-transform: translateX(-100em);
          transform: translateX(-100em);
  opacity: 0; }

.slide-leave, .slide-enter-to {
  opacity: 1; }

.list-enter-active, .list-leave-active {
  -webkit-transition: all .1s;
  -o-transition: all .1s;
  transition: all .1s; }

.list-enter, .list-leave-to {
  opacity: 0;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center; }

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px; }

.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #254436;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
          animation-timing-function: cubic-bezier(0, 1, 1, 0); }

.lds-ellipsis div:nth-child(1) {
  left: 6px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
          animation: lds-ellipsis1 0.6s infinite; }

.lds-ellipsis div:nth-child(2) {
  left: 6px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(3) {
  left: 26px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
          animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(4) {
  left: 45px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
          animation: lds-ellipsis3 0.6s infinite; }

@-webkit-keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); } }

@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0); } }

@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(19px, 0);
            transform: translate(19px, 0); } }

@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(19px, 0);
            transform: translate(19px, 0); } }

/*
 * blueimp Gallery CSS
 * https://github.com/blueimp/Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * https://opensource.org/licenses/MIT
 */
.blueimp-gallery,
.blueimp-gallery > .slides > .slide > .slide-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* Prevent artifacts in Mozilla Firefox: */
  -moz-backface-visibility: hidden; }

.blueimp-gallery > .slides > .slide > .slide-content {
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  opacity: 1; }

.blueimp-gallery {
  position: fixed;
  z-index: 999999;
  overflow: hidden;
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  display: none;
  direction: ltr;
  -ms-touch-action: none;
  touch-action: none; }

.blueimp-gallery-carousel {
  position: relative;
  z-index: auto;
  margin: 1em auto;
  /* Set the carousel width/height ratio to 16/9: */
  padding-bottom: 56.25%;
  -webkit-box-shadow: 0 0 10px #000;
          box-shadow: 0 0 10px #000;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.blueimp-gallery-display {
  display: block;
  opacity: 1; }

.blueimp-gallery > .slides {
  position: relative;
  height: 100%;
  overflow: hidden; }

.blueimp-gallery-carousel > .slides {
  position: absolute; }

.blueimp-gallery > .slides > .slide {
  position: relative;
  float: left;
  height: 100%;
  text-align: center;
  -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.blueimp-gallery,
.blueimp-gallery > .slides > .slide > .slide-content {
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

.blueimp-gallery > .slides > .slide-loading {
  background: url(plugins/blueimp-gallery/img/loading.gif) center no-repeat;
  background-size: 64px 64px; }

.blueimp-gallery > .slides > .slide-loading > .slide-content {
  opacity: 0; }

.blueimp-gallery > .slides > .slide-error {
  background: url(plugins/blueimp-gallery/img/error.png) center no-repeat; }

.blueimp-gallery > .slides > .slide-error > .slide-content {
  display: none; }

.blueimp-gallery > .prev,
.blueimp-gallery > .next {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -23px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 2px #000;
  text-align: center;
  background: #222;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  border: 3px solid #fff;
  border-radius: 23px;
  opacity: 0.5;
  cursor: pointer;
  display: none; }

.blueimp-gallery > .next {
  left: auto;
  right: 15px; }

.blueimp-gallery > .close,
.blueimp-gallery > .title {
  position: absolute;
  top: 15px;
  left: 15px;
  margin: 0 40px 0 0;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  opacity: 0.8;
  display: none; }

.blueimp-gallery > .close {
  padding: 15px;
  right: 15px;
  left: auto;
  margin: -15px;
  font-size: 30px;
  text-decoration: none;
  cursor: pointer; }

.blueimp-gallery > .play-pause {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 15px;
  height: 15px;
  background: url(plugins/blueimp-gallery/img/play-pause.png) 0 0 no-repeat;
  cursor: pointer;
  opacity: 0.5;
  display: none; }

.blueimp-gallery-playing > .play-pause {
  background-position: -15px 0; }

.blueimp-gallery > .prev:hover,
.blueimp-gallery > .next:hover,
.blueimp-gallery > .close:hover,
.blueimp-gallery > .title:hover,
.blueimp-gallery > .play-pause:hover {
  color: #fff;
  opacity: 1; }

.blueimp-gallery-controls > .prev,
.blueimp-gallery-controls > .next,
.blueimp-gallery-controls > .close,
.blueimp-gallery-controls > .title,
.blueimp-gallery-controls > .play-pause {
  display: block;
  /* Fix z-index issues (controls behind slide element) on Android: */
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0); }

.blueimp-gallery-single > .prev,
.blueimp-gallery-left > .prev,
.blueimp-gallery-single > .next,
.blueimp-gallery-right > .next,
.blueimp-gallery-single > .play-pause {
  display: none; }

.blueimp-gallery > .slides > .slide > .slide-content,
.blueimp-gallery > .prev,
.blueimp-gallery > .next,
.blueimp-gallery > .close,
.blueimp-gallery > .play-pause {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery > .slides > .slide-error {
  background-image: url(plugins/blueimp-gallery/img/error.svg); }

body:last-child .blueimp-gallery > .play-pause {
  width: 20px;
  height: 20px;
  background-size: 40px 20px;
  background-image: url(plugins/blueimp-gallery/img/play-pause.svg); }

body:last-child .blueimp-gallery-playing > .play-pause {
  background-position: -20px 0; }

/* IE7 fixes */
* + html .blueimp-gallery > .slides > .slide {
  min-height: 300px; }

* + html .blueimp-gallery > .slides > .slide > .slide-content {
  position: relative; }

html {
  height: 100%; }

body {
  min-width: 320px;
  color: #535353;
  background-color: #fafafa;
  height: 100%;
  font-family: 'Arial', sans-serif;
  font-family: 'Roboto Slab', sans-serif;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e9e2db), to(#fafafa));
  background-image: -o-linear-gradient(#e9e2db, #fafafa);
  background-image: linear-gradient(#e9e2db, #fafafa);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  /*	background-image:url('img/gez-xavier-mansfield-2986b.jpg');*/ }
  .not-logged-in body {
    background-image: url("img/wollschwein.jpg");
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .not-logged-in body input {
      color: #535353; }
    .not-logged-in body header {
      display: none; }

[v-show],
[v-if] {
  display: none; }

img,
svg {
  max-width: 100%;
  height: auto;
  vertical-align: middle; }

p {
  line-height: 1.7em; }

.inner {
  padding: 0 3.5%;
  max-width: 85rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-bottom: .1em; }
  .inner:after {
    content: '';
    display: block;
    clear: both; }
  .login .inner {
    max-width: 35em; }
  .dashboard .inner {
    padding-top: 4em; }

.login h1,
.login h2 {
  margin: 0;
  text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.9); }

.login h1 {
  margin-bottom: .5em; }

.login .inner {
  padding: 1% 1%;
  background-color: rgba(37, 68, 54, 0.6);
  border-radius: .5em; }

.login button {
  border: 1px solid rgba(255, 255, 255, 0.3); }

a {
  color: inherit; }

svg path {
  fill: #254436; }

h1 {
  font-size: 1.5em;
  letter-spacing: 1px;
  margin-top: 0; }
  @media all and (min-width: 38.75em) {
    h1 {
      font-size: 1.75em; } }
  @media all and (min-width: 60em) {
    h1 {
      letter-spacing: 0;
      font-size: 2em; } }
  h1 span {
    color: rgba(37, 68, 54, 0.55); }

h3 {
  margin-bottom: .25em; }

#__bs_notify__ {
  font-size: 1em !important;
  color: transparent !important;
  opacity: .75;
  height: 1.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1.5em;
  padding: 0 !important;
  top: .5em !important;
  right: .5em !important;
  background-color: #97c700 !important;
  border-radius: 50% !important;
  overflow: hidden; }
  #__bs_notify__:after {
    content: 'BS';
    position: absolute;
    color: #fff;
    top: .1em;
    left: .25em;
    font-size: .8em; }

.crud {
  padding-bottom: 3em; }
  @media all and (max-width: 38.688em) {
    .crud.index .inner {
      overflow-x: auto; } }
  .crud.index ul {
    min-width: 30em; }
  .crud.index button[type=submit] {
    background-color: transparent;
    padding: 0; }
  .crud ul {
    padding: 0;
    margin: 1em 0;
    list-style-type: none; }
  .crud .table-wrapper {
    overflow-x: auto; }
  .crud .persons-list {
    min-width: 50em !important; }
    .crud .persons-list a > div,
    .crud .persons-list li.head > div {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 18%;
          -ms-flex: 0 0 18%;
              flex: 0 0 18%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis; }
    .crud .persons-list a .email,
    .crud .persons-list li.head .email {
      -webkit-flex-basis: 30%;
          -ms-flex-preferred-size: 30%;
              flex-basis: 30%; }
    .crud .persons-list a .actions,
    .crud .persons-list li.head .actions {
      -webkit-flex-basis: 8%;
          -ms-flex-preferred-size: 8%;
              flex-basis: 8%; }
    .crud .persons-list a .newsletter-subscriber,
    .crud .persons-list li.head .newsletter-subscriber {
      -webkit-flex-basis: 10%;
          -ms-flex-preferred-size: 10%;
              flex-basis: 10%; }
    .crud .persons-list a .lastname,
    .crud .persons-list li.head .lastname {
      -webkit-flex-basis: 16%;
          -ms-flex-preferred-size: 16%;
              flex-basis: 16%; }
    .crud .persons-list .company {
      font-size: .8em;
      color: rgba(37, 68, 54, 0.5);
      white-space: nowrap;
      line-height: 1.2em;
      padding-top: 0;
      padding-bottom: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-flex-basis: 16%;
          -ms-flex-preferred-size: 16%;
              flex-basis: 16%; }
  .crud li > a,
  .crud li.head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: .5em 0 .35em;
    border-bottom: 1px solid lightgray;
    line-height: 1.4em;
    text-decoration: none; }
    .crud li > a > div,
    .crud li.head > div {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      padding: .2em .4em; }
      .crud li > a > div:first-child,
      .crud li.head > div:first-child {
        padding-left: .75em; }
    .crud li > a .actions,
    .crud li.head .actions {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .crud li > a .actions button,
      .crud li.head .actions button {
        margin-top: 0; }
    .crud li > a a,
    .crud li.head a {
      text-decoration: none;
      font-weight: bold; }
  .crud .head {
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.05);
            box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.05); }
  .crud li > a {
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s; }
    .crud li > a:hover {
      background-color: rgba(37, 68, 54, 0.05); }

.persons-index {
  padding-bottom: 1em; }
  .persons-index .inner {
    padding-bottom: 2em; }
  .persons-index .additional-info {
    float: right;
    text-align: right; }
  .persons-index .count {
    padding-bottom: .4em;
    margin-bottom: .4em; }
  .persons-index .sync-link {
    display: block;
    font-size: .75em;
    border: 1px solid rgba(37, 68, 54, 0.5);
    border-radius: .35em;
    text-decoration: none;
    padding: .2em .5em; }
    .persons-index .sync-link svg {
      width: 1.2em;
      height: 1.2em; }

.person.currently_edited {
  opacity: .35;
  background-color: #5488a9;
  color: #fff; }
  .person.currently_edited path {
    fill: #fff; }

.person.deleted {
  color: rgba(184, 49, 0, 0.5);
  font-weight: bold; }

.person .actions .lock svg {
  height: 1.3em;
  width: 1.3em; }

@media all and (min-width: 38.75em) {
  .links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 2.25%; } }

.links > * {
  text-align: left;
  text-decoration: none;
  font-size: 1.5em;
  display: block;
  width: 100%; }
  @media all and (min-width: 38.75em) {
    .links > * {
      width: auto;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0;
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto;
      display: inline-block;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; } }

.links a {
  height: 100%;
  display: block;
  -webkit-box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0.5)));
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5));
  background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5)); }
  .links a:hover {
    -webkit-box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.05);
            box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.05); }
  @media all and (max-width: 38.688em) {
    .links a {
      margin-bottom: .5em; } }

.links svg {
  height: 2em;
  width: 2em; }

.links .name {
  display: block;
  color: #254436;
  font-size: .8em; }

.links .contacts {
  margin-right: 2.25%; }
  .links .contacts .link-wrap,
  .links .contacts .link-wrap a {
    height: 100%; }

.links.group-of-three {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .links.group-of-three > * {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
            flex-shrink: 1;
    -webkit-flex-basis: 32%;
        -ms-flex-preferred-size: 32%;
            flex-basis: 32%; }

header {
  overflow: hidden;
  padding: .5em 0;
  background-color: rgba(255, 255, 255, 0.5);
  /*	margin-bottom: 2em;*/
  -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0px 6px rgba(0, 0, 0, 0.15);
  /*	@include brp(b4) {
		margin-bottom: 4em;
	}*/ }
  header .inner {
    min-height: 2.75em; }
  header .name {
    font-size: 1.45em;
    margin-left: .5em; }

main > .inner,
main .crud > .inner {
  position: relative;
  padding-top: 3em; }
  @media all and (min-width: 75em) {
    main > .inner,
    main .crud > .inner {
      padding-top: 4em; } }

.logout {
  float: right; }
  .logout button {
    background-color: transparent;
    padding: .2em .5em;
    position: relative;
    top: -.2em;
    right: -.35em;
    color: #254436;
    font-size: 1em; }
    .logout button:hover, .logout button:focus {
      color: #fff; }

.logo {
  padding: .5em .5em .5em 0;
  position: absolute;
  display: inline-block;
  top: 0;
  text-decoration: none;
  font-weight: bold;
  line-height: 1.7em; }
  .logo svg {
    width: 2.5em;
    height: 2.5em;
    position: relative;
    left: 0; }
  .logo path {
    fill: #254436; }
    .not-logged-in .logo path {
      fill: #fff; }
  .logo .name {
    display: none;
    top: .2em;
    position: relative; }
    @media all and (min-width: 38.75em) {
      .logo .name {
        display: inline-block; } }

.dyn-elements-wrapper {
  position: relative;
  padding: 1em 1em .5em;
  -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0px 6px rgba(0, 0, 0, 0.15);
  background-color: rgba(255, 255, 255, 0.75);
  margin-bottom: 1em;
  border-radius: .25em;
  border: 1px solid #b4b4b4; }
  .dyn-elements-wrapper button {
    margin: 0; }
  .dyn-elements-wrapper h3 {
    margin: .25em 0 .5em;
    font-size: 1.2em;
    position: relative; }
  .dyn-elements-wrapper input {
    padding-top: .25em; }
  .dyn-elements-wrapper .text-input {
    margin-bottom: .5em; }

.add-email {
  background: transparent;
  border: 0;
  padding: 0;
  position: absolute;
  right: 1em;
  top: 1em; }

.mail-wrapper {
  position: relative; }
  .mail-wrapper button {
    position: absolute;
    top: 0;
    right: 0; }

.error {
  background-color: #b83100;
  color: #fff;
  font-weight: bold;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  border-radius: .1em;
  padding: .25em .5em; }

.info {
  display: block;
  padding: .5em 1em;
  color: #fff;
  font-style: normal;
  font-weight: bold;
  line-height: 1.4em; }
  .importer .info {
    margin-bottom: 1.5em; }
  .info.success {
    background: #97c700; }
    .importer .info.success {
      font-weight: normal; }
  .info.warning {
    background: #b83100; }
    .info.warning ul {
      list-style-type: none; }

.extra-message {
  background-color: #fb4381;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15); }

.add-link {
  border-radius: .15em;
  background-color: rgba(37, 68, 54, 0.75);
  height: 1.5em;
  padding: .4em 1em .4em .4em;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
  margin-top: 1em;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  -webkit-transition: .1s background-color;
  -o-transition: .1s background-color;
  transition: .1s background-color; }
  .add-link:hover, .add-link:focus {
    background-color: rgba(37, 68, 54, 0.9); }
  .add-link:active {
    background-color: rgba(37, 68, 54, 0.5);
    -webkit-box-shadow: none;
            box-shadow: none; }
  .persons-index .add-link,
  .exhibitors-index .add-link {
    margin-top: 0;
    font-size: 1em;
    padding: .3em 1em .3em .5em; }
  .add-link span {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    line-height: 1.5em;
    color: #fff;
    border-radius: 50%;
    background-color: #254436;
    margin-right: .5em; }

.contacts a {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0.6))), url("img/contact.jpg");
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6)), url("img/contact.jpg");
  background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.6)), url("img/contact.jpg");
  background-position: center;
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 8em; }
  @media all and (min-width: 38.75em) {
    .contacts a {
      min-height: 15em; } }

.hi {
  float: left;
  margin-right: .5em;
  position: relative;
  top: 1em;
  opacity: .75; }

.user-actions {
  float: right; }

.links {
  /*	overflow: hidden;*/ }
  @media all and (min-width: 38.75em) {
    .links .minor {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  .links .minor .minor-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-basis: 48%;
        -ms-flex-preferred-size: 48%;
            flex-basis: 48%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }
    .links .minor .minor-inner a {
      height: 100%; }
  .links .minor .link-wrap {
    -webkit-flex-basis: 47%;
        -ms-flex-preferred-size: 47%;
            flex-basis: 47%; }
  .links .contacts {
    -webkit-flex-basis: 48.875%;
        -ms-flex-preferred-size: 48.875%;
            flex-basis: 48.875%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
  .additional-links .links .link-wrap {
    -webkit-flex-basis: 48.875%;
        -ms-flex-preferred-size: 48.875%;
            flex-basis: 48.875%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0; }
    .additional-links .links .link-wrap:first-child {
      margin-right: 2.25%; }
  .links .meta a {
    padding: 1em;
    /*color:$c-negative;

			path {
				fill: $c-negative;
			}*/ }
  .links .meta .name {
    font-size: .7em;
    position: relative;
    top: .2em;
    left: .5em; }
  .links .meta svg {
    float: left;
    width: 1.2em;
    height: 1.2em; }

.link-wrap {
  background-size: cover;
  background-position: center;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  -o-transition: transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s; }
  .link-wrap.wip {
    opacity: .5; }
  .link-wrap.families svg {
    padding: .2em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .link-wrap.birthdays svg {
    padding: .2em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .link-wrap:hover {
    -webkit-transform: scale(1.025);
        -ms-transform: scale(1.025);
            transform: scale(1.025); }
  .link-wrap.groups {
    background-image: url("img/jessie-bell-16912.jpg"); }
  .link-wrap.labels {
    background-image: url("img/labels.jpg"); }
  .link-wrap.duplicate-finder {
    background-image: url("img/boris-smokrovic-223509.jpg"); }
    .link-wrap.duplicate-finder svg {
      width: 1.2em;
      height: 1.5em; }
  .link-wrap a {
    padding: 1em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-decoration: none; }

.multiple-checkboxes {
  padding: 0;
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .multiple-checkboxes .formfield.checkbox {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .multiple-checkboxes .formfield.checkbox label {
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; }
  .multiple-checkboxes .formfield {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    border: 1px solid #b4b4b4;
    margin: .1em;
    border-radius: .18em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .multiple-checkboxes .formfield:hover, .multiple-checkboxes .formfield:focus {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#376550), to(#254436));
      background-image: -o-linear-gradient(#376550, #254436);
      background-image: linear-gradient(#376550, #254436);
      color: #fff; }
    .multiple-checkboxes .formfield.checkbox {
      padding: 0; }
    .multiple-checkboxes .formfield label {
      padding: 1em 1em 1em 3em; }
      .multiple-checkboxes .formfield label:before {
        top: .75em;
        left: .5em; }
      .multiple-checkboxes .formfield label:after {
        top: 1.05em;
        left: .75em; }

.modal-button {
  color: #254436;
  padding: .2em .5em;
  display: inline-block;
  border: 2px solid #2e5543;
  margin-bottom: .5em;
  cursor: pointer;
  border-radius: .2em;
  padding-left: 1.4em;
  position: relative;
  line-height: 1.2em; }
  .modal-button:before {
    position: absolute;
    top: .075em;
    left: .3em;
    font-size: 1.5em;
    content: "\00bb"; }

.remove {
  position: absolute;
  top: 0;
  right: 0;
  padding: .1em .3em;
  font-size: 2em;
  color: #254436;
  cursor: pointer; }

form.delete {
  float: right;
  font-size: .85em; }
  form.delete svg {
    height: 1em;
    width: 1em; }
  form.delete button {
    padding: .35em;
    text-align: center;
    margin-top: 0;
    outline: 0; }
    form.delete button:hover, form.delete button:focus {
      background-color: #b83100; }
    form.delete button:active {
      background-color: #ff4806; }
    form.delete button path {
      fill: #fff; }

.has-error .mce-tinymce {
  border: 2px solid #b83100; }

.rich-text-editor p.error {
  margin: .1em 0 .35em 0; }

.mailings-index .body p {
  margin: 0 0 .2em; }

.mailings-index .send-mailing {
  background-color: transparent;
  font-size: .6em; }
  .mailings-index .send-mailing button[type=submit] {
    background-color: #254436;
    margin: 0;
    float: right;
    padding: 1em; }

.header-wrapper {
  position: relative;
  border-bottom: 1px solid #b4b4b4;
  padding-bottom: .75em;
  margin-bottom: .75em; }
  .header-wrapper:after {
    content: '';
    display: block;
    clear: both; }
  .header-wrapper.deleted {
    color: #b83100; }
    .header-wrapper.deleted span {
      color: rgba(184, 49, 0, 0.6); }
  .header-wrapper h1 {
    display: inline-block;
    margin-right: .5em;
    margin-bottom: 0; }
    .header-wrapper h1 .name {
      opacity: .5; }
    .header-wrapper h1 .deleted-info {
      font-size: .5em;
      background-color: #b83100;
      color: #fff;
      padding: .4em .75em .3em;
      position: relative;
      top: -.25em;
      display: inline-block;
      border-radius: .2em;
      -webkit-box-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.2);
              box-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.2);
      line-height: 1em; }
  .header-wrapper .edit {
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: -.4em;
    border: 2px solid #254436;
    padding: .2em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .header-wrapper .part1 .count {
    font-size: .8em;
    color: #797979;
    margin-top: .35em;
    margin-bottom: 0;
    padding-bottom: 0; }
  @media all and (min-width: 38.75em) {
    .header-wrapper .part1 {
      float: left; } }
  .header-wrapper [v-show],
  .header-wrapper [v-if] {
    display: none !important; }

@media all and (min-width: 60em) {
  .multiparts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .multiparts > * {
      -webkit-flex-basis: 48%;
          -ms-flex-preferred-size: 48%;
              flex-basis: 48%;
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
      -webkit-flex-shrink: 0;
          -ms-flex-negative: 0;
              flex-shrink: 0; } }

.pagination-wrapper .pagination {
  font-size: 1.1em;
  background-color: rgba(37, 68, 54, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .pagination-wrapper .pagination > * {
    -webkit-flex-basis: 1em;
        -ms-flex-preferred-size: 1em;
            flex-basis: 1em; }
  .pagination-wrapper .pagination li a,
  .pagination-wrapper .pagination li span {
    line-height: 1.5em;
    padding: .5em;
    display: block;
    margin: 0; }
  .pagination-wrapper .pagination li span {
    color: #acacac; }

.flatpickr-clear {
  position: absolute;
  top: 1em;
  right: .9em;
  font-size: 1.2em;
  cursor: pointer;
  color: rgba(83, 83, 83, 0.5); }

.newsletter-subscriber svg {
  width: 1.5em;
  height: 1.5em; }

.group-export {
  background-color: #254436 !important;
  border-radius: .3em;
  padding: .2em .5em !important; }

.export-dialog a {
  cursor: pointer;
  text-decoration: none; }

.export-dialog .options {
  text-align: left; }
  .export-dialog .options:after {
    content: '';
    display: block;
    clear: both; }
  .export-dialog .options > * {
    margin-right: 1em; }

.extra-info {
  color: rgba(83, 83, 83, 0.65); }

.meta-attributes {
  padding-bottom: 1em; }
  .meta-attributes a {
    margin-right: .25em;
    margin-bottom: .5em;
    display: inline-block;
    padding: .5em 1em;
    background-color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-size: 1.25em;
    border-radius: .2em;
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
            box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
    white-space: nowrap;
    overflow: hidden; }
    .meta-attributes a svg {
      float: left;
      display: block;
      width: 1em;
      margin-right: .5em;
      height: 1em; }
    .meta-attributes a div {
      float: left; }

.big-buttons a {
  display: inline-block;
  padding: .5em 1em;
  background-color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
  font-size: 1.25em;
  border-radius: .2em;
  -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
          box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05); }

.card {
  padding: 1em;
  border-radius: .25em; }
  .card h2 {
    margin: .25em 0; }
  .card .select,
  .card textarea,
  .card .datepicker,
  .card input {
    color: #535353; }

.groups-area {
  margin-top: 2em;
  background-color: rgba(37, 68, 54, 0.2); }
  .groups-area h2 {
    color: #254436; }
  .groups-area .checkbox {
    border: 2px solid rgba(37, 68, 54, 0.3);
    color: #254436;
    -webkit-transition: -webkit-transform .05s;
    transition: -webkit-transform .05s;
    -o-transition: transform .05s;
    transition: transform .05s;
    transition: transform .05s, -webkit-transform .05s;
    background-color: rgba(37, 68, 54, 0.1);
    /*&:active {
			transform: scale(0.98);
		}*/ }
    .groups-area .checkbox:hover, .groups-area .checkbox:focus {
      color: #fff; }

.exhibitor-area {
  overflow: hidden;
  max-height: none;
  background-color: #92adbe;
  margin: 0 0 2em;
  color: #fff; }
  .exhibitor-area:after {
    content: '';
    display: block;
    clear: both; }
  .exhibitor-area.deleted {
    background-color: rgba(184, 49, 0, 0.8); }
  .exhibitor-area h2 {
    color: #fff; }
  .exhibitor-area .part1 {
    clear: both; }
  .exhibitor-area .deleted-field {
    margin: 1em 0; }

.download-button-lightbox {
  background-color: #fff;
  padding: .2em .5em;
  position: absolute;
  top: 1em;
  left: 1em;
  color: #535353;
  font-weight: bold;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
  border-radius: .2em; }
  .download-button-lightbox path {
    fill: #535353; }
  .download-button-lightbox .text {
    position: relative;
    top: .2em;
    font-size: 1.2em;
    display: inline-block; }

.person-edit-page {
  padding-bottom: 7em; }
  .person-edit-page > .inner {
    padding-top: 1em !important; }
  .person-edit-page form {
    position: relative;
    z-index: 5; }
  .person-edit-page .actions {
    float: right; }
  .person-edit-page .checkbox.newsletter-field {
    margin-top: -.3em; }
    .person-edit-page .checkbox.newsletter-field label:before {
      top: .45em; }
    .person-edit-page .checkbox.newsletter-field label:after {
      top: 15px; }
  .person-edit-page .checkbox svg {
    position: relative;
    top: -.15em; }
  .person-edit-page .checkbox [name="newsletter_subscriber"] {
    padding-top: .05em; }
  .person-edit-page .search {
    margin-top: 1em;
    font-size: .8em; }
    @media all and (min-width: 38.75em) {
      .person-edit-page .search {
        margin-top: 0;
        margin-bottom: 1em; } }

.opensearch {
  margin: 0;
  font-size: .5em;
  padding: .35em;
  border-radius: .2em;
  float: right;
  top: 0;
  right: 0; }
  .opensearch path {
    fill: #fff; }

.extra-search {
  padding-top: 1em;
  clear: both;
  position: relative;
  display: inline-block;
  float: right; }
  .extra-search .close {
    display: inline-block;
    position: absolute;
    top: -.5em;
    right: 0;
    font-size: 1em; }

.inner.with-extra-search {
  padding-top: 0;
  padding-bottom: 1em; }
  .inner.with-extra-search.active {
    padding-top: 1em; }

.save-wrapper .crud-save {
  position: fixed;
  bottom: 1em;
  z-index: 101;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: .8;
  left: 3.5%;
  max-width: 93%; }
  @media all and (min-width: 28.125em) {
    .save-wrapper .crud-save {
      left: auto;
      float: right; } }
  @media all and (min-width: 87.5em) {
    .save-wrapper .crud-save {
      right: calc(50% - 42.5rem + 3.5%); } }

.crud-save {
  right: 3.5%;
  position: absolute;
  -webkit-box-shadow: -3px -3px 30px rgba(0, 0, 0, 0.3);
          box-shadow: -3px -3px 30px rgba(0, 0, 0, 0.3); }
  .person-edit-page .crud-save {
    bottom: 1em; }

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
  background-color: #254436;
  border: 1px solid #254436; }

.crud.importer.index button[type=submit] {
  background-color: #254436;
  padding: .5em 1em; }
  .crud.importer.index button[type=submit] svg {
    margin-right: .5em;
    width: 1em;
    height: 1em;
    position: relative;
    top: -.1em;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .crud.importer.index button[type=submit] path {
    fill: #fff; }

.importer .details > div {
  border-bottom: 1px solid #b4b4b4;
  padding-top: 1em;
  padding-bottom: 1em; }

.importer .with-images img {
  width: 70px; }

.newsletter-icon path {
  fill: rgba(37, 68, 54, 0.75); }

.annualticket-icon path {
  fill: rgba(114, 55, 0, 0.55); }

.exhibitor-icon {
  padding-left: .3em;
  padding-right: .3em; }
  .exhibitor-icon svg {
    width: 1em;
    height: 1em; }
  .exhibitor-icon path {
    fill: #6289a1; }
    .deleted .exhibitor-icon path {
      fill: rgba(184, 49, 0, 0.55); }

.person-search-results {
  background-color: rgba(255, 255, 255, 0.7);
  padding: .2em .5em;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) inset;
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) inset;
  border: 1px solid #b4b4b4;
  max-height: 10em;
  font-size: 1.2em;
  overflow: auto;
  margin: 1em 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .person-search-results .one-person {
    padding: .2em 0;
    cursor: pointer; }
  .person-search-results .just-searching .one-person {
    display: none; }

.linked-persons {
  margin-bottom: 1em;
  line-height: 1.43em; }

.linked-person svg {
  cursor: pointer;
  width: 1.3em;
  height: 1.3em;
  position: relative;
  top: -.1em; }

.search-for-persons-to-link {
  font-size: .9em;
  margin-top: -.2em; }
  @media all and (min-width: 38.75em) {
    .search-for-persons-to-link {
      float: right;
      text-align: right; } }
  .search-for-persons-to-link h4 {
    margin: 0;
    font-weight: normal;
    font-size: .8em;
    color: rgba(37, 68, 54, 0.7); }
  .search-for-persons-to-link a {
    font-weight: bold;
    text-decoration: none; }

.sub-header:after {
  content: '';
  display: block;
  clear: both; }

@media all and (min-width: 38.75em) {
  .sub-header .newsletter-field {
    margin-top: .2em;
    float: left; } }

.searchfield {
  clear: both; }

.add-linked-person,
.add-linked-person-small {
  cursor: pointer; }

.add-linked-person {
  position: relative;
  top: .5em; }
  .add-linked-person svg {
    position: relative;
    top: -.2em;
    width: 1.75em;
    height: 1.75em; }

.add-linked-person-small svg {
  position: relative;
  top: -.1em;
  margin-right: .5em;
  width: 1.5em;
  height: 1.5em; }

.personlink-area {
  clear: both;
  border-radius: .25em;
  background-color: rgba(37, 68, 54, 0.1);
  border: 1px solid #b4b4b4;
  padding: 1em;
  margin-bottom: 2em;
  position: relative; }
  .personlink-area .close {
    position: absolute;
    top: .3em;
    right: .5em; }

.add-annualticket {
  display: inline-block;
  margin: 1em 0 1em;
  cursor: pointer; }
  .add-annualticket svg {
    position: relative;
    top: -.15em; }

.computed-info {
  font-size: 1.2em;
  padding-left: .1em; }

.list-actions > * {
  margin-right: 1em; }

.list-actions.in-groups-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.list-actions .download-group-as-excel button {
  padding: .5em; }

.list-actions .excel-export,
.list-actions .mailchimp-sync,
.list-actions .to-importer,
.list-actions .to-label-generator {
  text-decoration: none;
  padding: .3em .5em;
  -webkit-transition: .2s all;
  -o-transition: .2s all;
  transition: .2s all;
  cursor: pointer;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.6em; }
  .list-actions .excel-export:hover, .list-actions .excel-export:focus,
  .list-actions .mailchimp-sync:hover,
  .list-actions .mailchimp-sync:focus,
  .list-actions .to-importer:hover,
  .list-actions .to-importer:focus,
  .list-actions .to-label-generator:hover,
  .list-actions .to-label-generator:focus {
    -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
            transform: scale(1.3);
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
            box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2); }
  .list-actions .excel-export path,
  .list-actions .mailchimp-sync path,
  .list-actions .to-importer path,
  .list-actions .to-label-generator path {
    fill: #fff; }
  .list-actions .excel-export svg,
  .list-actions .mailchimp-sync svg,
  .list-actions .to-importer svg,
  .list-actions .to-label-generator svg {
    width: 1.5em;
    height: 1.5em; }

.list-actions .excel-export {
  background-color: #288e56; }

.list-actions .mailchimp-sync {
  background-color: #52bad5; }

.list-actions .to-label-generator {
  background-color: #979595; }

.section {
  color: #fff;
  padding: 1em;
  margin-top: 3em;
  border-radius: .25em; }
  .section .close {
    color: #fff; }
  .section h2.with-subline {
    margin-bottom: .2em; }
  .section h3 {
    margin-top: 1em; }
  .section .formfield.checkbox {
    border: 1px solid #fff; }
  .section .formfield.not-grouped {
    border: 0; }
    .section .formfield.not-grouped:hover, .section .formfield.not-grouped:focus {
      background: transparent; }
  .section small {
    opacity: .7;
    font-size: .85em; }

.old-annualtickets-area {
  font-size: .9em;
  margin-top: 0;
  background-color: #a9a9a9;
  margin-bottom: 2em;
  padding-top: .1em;
  padding-bottom: .25em;
  opacity: .8; }
  .old-annualtickets-area li {
    margin: .3em 0;
    padding: .3em 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .old-annualtickets-area li:last-child {
      border-bottom: 0;
      margin-bottom: 0;
      padding-bottom: 0; }
    .old-annualtickets-area li span {
      -webkit-flex-basis: 16em;
          -ms-flex-preferred-size: 16em;
              flex-basis: 16em;
      margin-right: 1em;
      display: inline-block; }

.annualticket-area {
  background-color: rgba(114, 55, 0, 0.2);
  margin: 1em 0;
  color: #723700; }
  .annualticket-area h2 span {
    color: rgba(114, 55, 0, 0.65);
    display: inline-block; }
  .annualticket-area h2 .price {
    font-size: .6em; }
  .annualticket-area .close {
    color: #fff; }
    .annualticket-area .close:hover {
      opacity: .75; }

.export-dialog {
  background-color: #288e56; }
  .crud.index .export-dialog button[type=submit] {
    background-color: #175232 !important;
    padding: .5em 1em !important; }
  .export-dialog .checkbox label:after {
    border-left-color: #0c2b1a;
    border-bottom-color: #0c2b1a; }
  .export-dialog .formfield:hover, .export-dialog .formfield:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1d663e), to(#123e26));
    background-image: -o-linear-gradient(#1d663e, #123e26);
    background-image: linear-gradient(#1d663e, #123e26); }
  .export-dialog .button {
    background-color: #1d663e; }

.mailchimp-syncer-dialog {
  background-color: #52bad5; }
  .crud.index .mailchimp-syncer-dialog button[type=submit] {
    background-color: #2b94b0 !important;
    padding: .5em 1em !important; }
  .mailchimp-syncer-dialog .checkbox label:after {
    border-left-color: #217287;
    border-bottom-color: #217287; }
  .mailchimp-syncer-dialog .formfield:hover, .mailchimp-syncer-dialog .formfield:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#30a6c4), to(#26839b));
    background-image: -o-linear-gradient(#30a6c4, #26839b);
    background-image: linear-gradient(#30a6c4, #26839b); }
  .mailchimp-syncer-dialog .button {
    background-color: #30a6c4; }

.label-generator-area {
  background-color: #979595; }
  .label-generator-area select option {
    color: #535353; }
  .label-generator-area select {
    color: #535353 !important; }
  .label-generator-area .fancy-label {
    color: #535353; }
  .label-generator-area .with-images img {
    max-width: 5em; }
  .label-generator-area .formfield.checkbox {
    border: 0; }

.generate-birthday-labels-area {
  clear: both;
  background-color: #254436;
  margin-top: 1em !important; }
  .crud.index .generate-birthday-labels-area button[type=submit] {
    background-color: #0a120f !important;
    padding: .5em 1em !important; }
  .generate-birthday-labels-area .checkbox label:after {
    border-left-color: black;
    border-bottom-color: black; }
  .generate-birthday-labels-area .formfield:hover, .generate-birthday-labels-area .formfield:focus {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#13231c), to(#010202));
    background-image: -o-linear-gradient(#13231c, #010202);
    background-image: linear-gradient(#13231c, #010202); }
  .generate-birthday-labels-area .button {
    background-color: #13231c; }
  .generate-birthday-labels-area .formfield {
    clear: both; }
    .generate-birthday-labels-area .formfield select {
      color: #535353; }
  .generate-birthday-labels-area .close {
    color: #fff;
    border: 0;
    background-color: transparent; }

.kind-info {
  margin: .5em 0;
  line-height: 1.5em;
  font-size: .9em; }

.info-block {
  background-color: rgba(0, 0, 0, 0.75);
  padding: 1em;
  border-radius: .3em; }
  .info-block.warn {
    background-color: #b83100;
    color: #fff; }
    .info-block.warn svg {
      width: 1.5em;
      height: 1.5em; }
    .info-block.warn path {
      fill: #fff; }

.mailchimp-sync-index .body button {
  font-size: .8em;
  margin: 0;
  padding: .35em .5em; }

@media all and (max-width: 38.688em) {
  .search {
    margin-top: .5em; } }

@media all and (min-width: 38.75em) {
  .search {
    float: right; } }

.search form .formfield {
  margin: 0;
  padding: 0;
  letter-spacing: -.5px; }

.status-pending {
  color: #e88100; }

.status-subscribed {
  color: #97c700; }

.status-unsubscribed {
  color: #b83100; }

.email-address {
  font-weight: bold;
  color: #acacac; }

.summary {
  font-size: 1.2em; }
  .summary li {
    padding: .2em 0; }

.manual {
  line-height: 1.7em; }
  .manual h4 {
    margin-bottom: 0; }
  .manual ul {
    margin-top: 0;
    padding-left: 1.5em;
    list-style-type: disc; }

.duplicates-comparison-page h1 {
  float: left; }
  .duplicates-comparison-page h1 span {
    color: rgba(83, 83, 83, 0.5);
    font-size: .7em; }

.no-need-to-take-action {
  float: right; }
  .no-need-to-take-action button {
    margin-top: 0;
    font-size: 1em;
    background-color: #5600e8; }
    .no-need-to-take-action button:hover, .no-need-to-take-action button:focus {
      background-color: #8036ff; }
  .no-need-to-take-action.dont-link {
    float: none;
    margin-top: 2em;
    font-size: .9em; }

.duplicates-comparison .one-person {
  width: 46%;
  float: left;
  margin-bottom: 4em; }
  .duplicates-comparison .one-person:nth-child(2n + 1) {
    margin-right: 8%; }

.duplicates-comparison .newsletter-field label {
  padding-top: 0; }

.duplicates-comparison .multiparts {
  font-size: .9em;
  display: block; }

.duplicates-comparison .formfield {
  margin-bottom: .2em;
  padding-bottom: 0; }

.no-need-to-take-action-badge {
  background-color: #5600e8;
  color: #fff;
  padding: 0em .5em;
  height: 1.6em;
  line-height: 1.5em;
  display: inline-block;
  font-size: .65em;
  margin-left: .5em;
  border-radius: .3em; }

.families.index .person-name {
  display: inline-block;
  margin-right: 1em; }
  .families.index .person-name:nth-child(even) {
    opacity: .7; }

.families.index strong.count {
  margin-right: 1em; }

.families .time-info {
  margin-right: 1em; }

.families .possibly-linkable {
  float: right;
  display: block;
  clear: none;
  margin-top: 0;
  font-size: 1em;
  text-decoration: none; }

.families .header-wrapper h1 {
  float: left; }

@media all and (min-width: 38.75em) {
  .family-persons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

.family-person,
.entity {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: .15em;
  border: 1px solid rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.05);
          box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.05);
  padding: 1em;
  display: block;
  line-height: 1.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 1.25em; }
  @media all and (min-width: 38.75em) {
    .family-person,
    .entity {
      -webkit-flex-basis: 48.5%;
          -ms-flex-preferred-size: 48.5%;
              flex-basis: 48.5%; } }
  .family-person .person-name,
  .entity .person-name {
    color: #acacac;
    font-weight: bold;
    font-size: 1.2em; }
  .family-person .email-address,
  .entity .email-address {
    font-weight: normal; }
  .family-person .count,
  .entity .count {
    float: right; }

.birthdays .month-name {
  font-size: 1.2em; }

.birthdays .header-wrapper h1 {
  float: left;
  margin-bottom: .5em; }
  .birthdays .header-wrapper h1:after {
    content: '';
    display: block;
    clear: both; }

.birthdays .list-actions {
  float: right;
  min-width: 50%;
  text-align: right; }
  .birthdays .list-actions:after {
    content: '';
    display: block;
    clear: both; }
  .birthdays .list-actions > * {
    display: inline-block;
    margin-bottom: .25em; }
    .birthdays .list-actions > *:last-child {
      margin-right: 0; }

.birthdays .download-file button {
  background-color: #288e56 !important; }

.birthdays .button,
.birthdays button {
  margin-top: 0;
  font-size: 1em;
  padding: .2em .5em !important; }
  .birthdays .button svg,
  .birthdays button svg {
    width: 1.3em;
    height: 1.3em; }
  .birthdays .button path,
  .birthdays button path {
    fill: #fff; }

.next-person,
.prev-person {
  position: fixed;
  right: .2em;
  top: calc(50vh - 2em);
  z-index: 10;
  opacity: .5; }
  @media all and (min-width: 75em) {
    .next-person,
    .prev-person {
      font-size: 1.75em; } }
  @media all and (min-width: 106.25em) {
    .next-person,
    .prev-person {
      right: .5em;
      font-size: 2em; } }
  .next-person svg,
  .prev-person svg {
    width: 2em;
    height: 2em; }

.prev-person {
  right: auto;
  left: .2em; }
  @media all and (min-width: 106.25em) {
    .prev-person {
      left: .5em; } }

.comments-area {
  color: #74580e;
  margin: 2em 0 4em; }

.not-logged-in .flash-message {
  text-align: center;
  font-size: 1.5em;
  margin-bottom: 2em; }
  .not-logged-in .flash-message strong {
    opacity: .6; }

.comment,
.discount,
.order {
  padding: 1em 1em 1em;
  margin: .2em 0;
  border-radius: .3em;
  position: relative;
  background-color: #e8af1b;
  clear: both;
  font-size: 1.05em;
  line-height: 1.45em; }
  .comment .comment-head,
  .discount .comment-head,
  .order .comment-head {
    padding-bottom: .1em;
    margin-bottom: .5em;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #fff;
    color: #fff;
    position: relative;
    font-size: .9em;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .comment .comment-head .category,
    .discount .comment-head .category,
    .order .comment-head .category {
      color: #74580e;
      text-shadow: none; }
      .comment .comment-head .category:before,
      .discount .comment-head .category:before,
      .order .comment-head .category:before {
        content: ': '; }
    .comment .comment-head .username,
    .discount .comment-head .username,
    .order .comment-head .username {
      font-weight: bold; }
  .comment .delete,
  .discount .delete,
  .order .delete {
    position: absolute;
    top: -.2em;
    right: -.4em;
    background: none;
    border: 0; }
    .comment .delete path,
    .discount .delete path,
    .order .delete path {
      fill: #74580e; }
    .comment .delete:hover path,
    .discount .delete:hover path,
    .order .delete:hover path {
      fill: #b83100; }

.add-comment,
.add-discount,
.add-ajax {
  background-color: #e8af1b;
  border: 0;
  color: #74580e;
  font-size: .9em;
  padding: .3em .5em; }
  .add-comment .text,
  .add-discount .text,
  .add-ajax .text {
    position: relative;
    display: inline-block;
    top: .1em; }
  .add-comment path,
  .add-discount path,
  .add-ajax path {
    fill: #74580e; }

.discount-adding .new-wrapper {
  position: fixed;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  top: 0;
  padding: 2%;
  z-index: 11;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.order-adding .new-wrapper-order {
  position: fixed;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  top: 0;
  padding: 2%;
  z-index: 11;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.comment-adding .new-wrapper-comment {
  position: fixed;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  top: 0;
  padding: 2%;
  z-index: 11;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.offercategories-area {
  color: #fff; }
  .offercategories-area:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.92);
    z-index: 10; }
  .offercategories-area .offercategories-area-inner {
    position: fixed;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    top: 0;
    padding: 2%;
    z-index: 11;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    overflow: scroll;
    box-sizing: border-box;
    padding-top: 2.5vh;
    overflow: auto; }
    .offercategories-area .offercategories-area-inner:after {
      content: '';
      display: block;
      clear: both; }
  .offercategories-area .offercategories-area-innerst {
    background-color: #4e6e83;
    padding: 1em;
    border-radius: .3em;
    -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.9);
            box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.9); }
    .offercategories-area .offercategories-area-innerst:after {
      content: '';
      display: block;
      clear: both; }

.attached-offercategories:after {
  content: '';
  display: block;
  clear: both; }

.attached-offercategory {
  background-color: rgba(255, 255, 255, 0.2);
  float: left;
  color: #fff;
  margin-right: 1em; }
  .attached-offercategory .category-name {
    display: inline-block;
    padding: 0 .5em; }
  .attached-offercategory form {
    display: inline-block; }
    .attached-offercategory form button {
      margin: 0;
      padding: .5em;
      background-color: rgba(255, 255, 255, 0.1); }

.available-offercategories form {
  float: left;
  margin-right: 1em;
  width: 12em; }

.available-offercategories button {
  font-size: 1em;
  width: 100%;
  background-color: #fff;
  color: #4e6e83; }

.available-offercategory {
  font-size: .9em; }
  .available-offercategory button {
    line-height: .9em;
    min-height: 3.5em;
    padding: 0 .1em; }

.offercategories-static {
  border: 1px solid rgba(255, 255, 255, 0.4);
  padding: .5em;
  background-color: rgba(255, 255, 255, 0.2);
  position: relative;
  margin-bottom: 1em;
  border-radius: .2em; }
  .offercategories-static ul {
    list-style-type: disc;
    margin: 0;
    padding-left: 1.25em; }
  .offercategories-static path {
    fill: #fff; }
  .offercategories-static h3 {
    margin-top: 0; }
  .offercategories-static .button {
    padding: .2em;
    margin: 0;
    background-color: transparent;
    font-size: 1em;
    position: absolute;
    top: .5em;
    right: .5em; }

.empty-info {
  font-style: italic;
  font-size: .9em; }
  .card .empty-info {
    color: rgba(255, 255, 255, 0.75); }

.new-comment,
.new-discount,
.new-ajax {
  width: 100%;
  max-width: 40em;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  background-color: #e8af1b;
  padding: 1em;
  color: #74580e;
  border-radius: .25em; }
  .new-comment .close,
  .new-discount .close,
  .new-ajax .close {
    color: #fff; }
  .new-comment .button,
  .new-discount .button,
  .new-ajax .button {
    background-color: #a67c11; }

.discount,
.new-discount,
.add-discount {
  background-color: #ce875e;
  color: #fff; }
  .discount .formfield,
  .new-discount .formfield,
  .add-discount .formfield {
    color: #ce875e; }
  .discount path,
  .new-discount path,
  .add-discount path {
    fill: #ab6034 !important; }
  .discount .button,
  .new-discount .button,
  .add-discount .button {
    background-color: #ab6034; }

.add-ajax {
  margin-top: 0; }

.order,
.new-order,
.add-order {
  background-color: #4a6987;
  color: #d9d9d9; }
  .order .formfield,
  .new-order .formfield,
  .add-order .formfield {
    color: #4a6987; }
  .order path,
  .new-order path,
  .add-order path {
    fill: #d9d9d9 !important; }
  .order .button,
  .new-order .button,
  .add-order .button {
    background-color: #2f4356; }

.crud.ajax-adding:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.92);
  z-index: 10; }

.crud > .inner {
  padding-bottom: 3.5em; }

.market-participations {
  border-top: 5px solid rgba(255, 255, 255, 0.5);
  margin-top: 1em; }

.discount-area {
  margin-bottom: 1.5em; }
  .discount-area .main-headline {
    margin-top: 0;
    color: #ce875e; }

.order-area {
  margin-bottom: 1.5em; }
  .order-area .main-headline {
    color: #4a6987; }

.comments-area-outer .main-headline {
  margin: 0 0 .3em;
  color: #e8af1b; }

.comments-area-outer .comments-area {
  margin: 0; }

.comments-area-outer .add-comment {
  margin: 0; }

.person-markets li {
  /*		border-bottom:1px solid $c-negative;*/
  /*	padding:.5em 0;
		margin:.5em 0;*/ }

.person-markets strong {
  font-size: 1.2em; }

.person-markets .booking {
  display: block !important;
  width: 100%;
  text-align: left;
  font-size: 1em;
  margin-top: 0;
  margin-bottom: .5em;
  border-bottom: 0 !important;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: .2em;
  padding: .5em;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }
  .person-markets .booking:hover, .person-markets .booking:focus {
    -webkit-transform: scale(1.005);
        -ms-transform: scale(1.005);
            transform: scale(1.005); }

.person-markets .status-name {
  opacity: .65;
  display: block;
  float: right; }

.person-markets .status-no-interest {
  background-color: #b83100; }
  .person-markets .status-no-interest:hover {
    background-color: #ae2e00; }

.person-markets .status-interest {
  background-color: #e7af2b; }
  .person-markets .status-interest:hover {
    background-color: #dfa419; }

.person-markets .status-participation {
  background-color: #97c700; }
  .person-markets .status-participation:hover {
    background-color: #8fbd00; }

.booking-page .username {
  opacity: .5; }

.booking-page .marketname {
  opacity: .8; }

.booking-page h2 {
  border-bottom: 1px solid #b4b4b4;
  padding-bottom: .5em; }

.additional-contact-area {
  margin-bottom: .5em; }
  .additional-contact-area.active {
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: .5em;
    border-radius: .25em;
    background-color: rgba(255, 255, 255, 0.2); }

.formfield {
  z-index: 0; }

.attachments {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .attachments img {
    -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0px 6px rgba(0, 0, 0, 0.15); }

.attachment-container {
  position: relative;
  display: inline-block;
  max-width: 20em;
  width: 49%;
  margin-bottom: 1.5%;
  margin-right: 1%;
  background-color: #fff;
  overflow: hidden;
  -webkit-box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.4);
          box-shadow: 1px 3px 7px rgba(0, 0, 0, 0.4);
  border-radius: .2em; }
  @media all and (min-width: 28.125em) {
    .attachment-container {
      width: 32.33%; } }
  @media all and (min-width: 38.75em) {
    .attachment-container {
      width: 24%; } }
  @media all and (min-width: 60em) {
    .attachment-container {
      width: 19%; } }
  @media all and (min-width: 87.5em) {
    .attachment-container {
      width: 15.66%; } }
  .proofs .attachment-container {
    width: 100%; }
    @media all and (min-width: 38.75em) {
      .proofs .attachment-container {
        width: 50%; } }
  .attachment-container img,
  .attachment-container .attachment {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    font-size: .8em;
    display: inline-block;
    vertical-align: middle; }
  .attachment-container .attachment {
    height: 0;
    padding-bottom: 62.5%;
    text-align: center; }
    .attachment-container .attachment .text {
      padding-left: 3.5%;
      padding-right: 3.5%;
      display: block;
      position: absolute;
      bottom: 1em;
      width: 100%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      line-height: 1.3em;
      left: 0; }
  .attachment-container svg {
    height: 1.5em;
    width: 1.5em;
    margin: 0; }
    .attachment-container svg path {
      fill: #fff; }
  .attachment-container a.delete,
  .attachment-container a.download {
    position: absolute;
    padding: .1em .2em .2em;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    margin-top: 0;
    z-index: 2;
    border-radius: 0;
    opacity: .8;
    -webkit-box-shadow: 1px 1px 7px black;
            box-shadow: 1px 1px 7px black; }
  .attachment-container a.delete {
    top: 0;
    right: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom-left-radius: .2em;
    background-color: #b83100; }
    .attachment-container a.delete svg {
      position: relative;
      top: -.1em; }
  .attachment-container a.download {
    width: 1.2em;
    height: 1.2em;
    border-bottom-right-radius: .2em;
    top: 0;
    background-color: #fff; }
    .attachment-container a.download path {
      fill: #000; }
  .attachment-container .prevent-direct-download {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: transparent; }

.attachments-area {
  margin-bottom: 2em;
  background-color: #498b7e; }
  .attachments-area h2,
  .attachments-area h3 {
    color: #fff; }

.back-button {
  border: 2px solid #254436;
  border-top: 0;
  border-radius: .2em;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: .25em .4em;
  clear: both;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  position: absolute;
  z-index: 5;
  opacity: .5;
  -webkit-transition: opacity .15s;
  -o-transition: opacity .15s;
  transition: opacity .15s;
  font-size: .85em; }
  .back-button:hover {
    opacity: 1; }
  .back-button svg {
    width: 1em;
    height: 1em; }
  .back-button .text {
    position: relative;
    top: .1em; }

.open-filter-area {
  clear: both;
  border-radius: .2em;
  border: 1px solid #bdbdbd;
  background-color: #d6d6d6;
  float: right;
  font-size: .9em;
  padding: .4em .5em .2em;
  color: #707070;
  cursor: pointer; }
  .open-filter-area svg {
    width: 1em;
    height: 1em;
    padding: .2em;
    position: relative;
    top: -.1em; }
  .open-filter-area path {
    fill: #8a8a8a; }

.search-area {
  padding: 1em 0 4.5em;
  clear: both;
  background-color: #d6d6d6;
  border: 1px solid #bdbdbd;
  -webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
          box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1);
  margin: 2em 0;
  position: relative;
  top: 1em;
  border-radius: .4em;
  color: #535353;
  float: none; }
  .search-area:after {
    content: '';
    display: block;
    clear: both; }
  .search-area.saved-filterings-area {
    padding-bottom: 1em; }
  .search-area button {
    background-color: #8a8a8a !important;
    padding: .5em 2em !important;
    position: absolute; }
    @media all and (min-width: 38.75em) {
      .search-area button {
        right: 1em;
        bottom: 1em; } }
  .search-area .close {
    font-family: 'Arial', sans-serif;
    position: absolute;
    top: 0;
    right: .25em; }

.extended-search-info {
  font-size: .8em;
  padding: 1em;
  margin: 2em 0;
  border-radius: .25em;
  background-color: rgba(37, 68, 54, 0.075); }
  .extended-search-info h2,
  .extended-search-info h3 {
    margin: .2em 0; }
  .extended-search-info .extended-search-info-inner > * {
    padding: 1em 0;
    border-bottom: 1px solid #254436; }

.choser-togglers {
  margin: 1em; }

.choser-toggler {
  display: inline-block;
  padding: .25em .5em;
  border: 1px solid #969696;
  border-radius: .3em;
  cursor: pointer;
  -webkit-transition: background-color .2s;
  -o-transition: background-color .2s;
  transition: background-color .2s;
  margin: 0 .5em .75em 0; }
  .choser-toggler:hover {
    background-color: #bdbdbd; }

.offercategories-choser .formfield,
.groups-choser .formfield {
  font-size: .9em; }

.choser {
  margin-bottom: 2em;
  padding: .5em 1em 1em;
  background-color: #bdbdbd;
  -webkit-box-shadow: 0.1em 0 1em rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0.1em 0 1em rgba(0, 0, 0, 0.2) inset;
  color: #333333;
  position: relative; }
  .choser h3 {
    margin: .5em 0; }
  .choser .close {
    float: none;
    margin-left: .2em; }
    .choser .close svg {
      width: .75em; }
    .choser .close path {
      fill: #7d7d7d; }
  .choser .multiple-checkboxes .formfield {
    border: 1px solid #7d7d7d; }
    .choser .multiple-checkboxes .formfield:hover {
      background-image: none;
      background-color: #7d7d7d; }
  .choser .extrainfo {
    padding-left: .1em;
    margin-bottom: .3em;
    font-size: .9em; }

.choser-toggler .text {
  display: inline-block;
  position: relative;
  top: .1em; }

.choser-toggler h3 {
  margin: 0; }

.choser-toggler svg {
  width: 1.25em;
  margin-right: .2em; }
  .choser-toggler svg path {
    fill: #8a8a8a; }

.choser-toggler:hover {
  background-color: #c9c9c9; }

.choser-toggler.active {
  background-color: #b0b0b0;
  -webkit-box-shadow: 0.1em 0.1em 0.3em rgba(0, 0, 0, 0.3) inset;
          box-shadow: 0.1em 0.1em 0.3em rgba(0, 0, 0, 0.3) inset;
  color: #000; }
  .choser-toggler.active path {
    fill: #636363; }

.booking-bools {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
  .booking-bools > * {
    -webkit-flex-basis: 23%;
        -ms-flex-preferred-size: 23%;
            flex-basis: 23%; }

.market-relations-chosers-togglers {
  border-top: 1px solid #8e8e8e;
  padding-top: 2em;
  margin-top: 1em; }

.market-relations-chosers > div {
  margin-bottom: 2.5em; }
  .market-relations-chosers > div:last-child {
    margin-bottom: 0; }

.block-inner {
  padding: 1em; }
  .block-inner h2 {
    margin-top: 0; }

.saved-filterings-area ul {
  margin: 0;
  padding: 0; }

.filtering-list-item {
  position: relative;
  border-bottom: 1px solid #b4b4b4; }
  .filtering-list-item form {
    position: relative;
    top: .4em;
    float: right; }
    .filtering-list-item form button {
      height: 1em;
      width: 1em;
      margin: 0 !important;
      padding: 0 !important;
      background-color: transparent !important; }
  .filtering-list-item .date,
  .filtering-list-item .count {
    display: inline-block;
    padding: 0;
    padding-left: 1em;
    padding-right: 1em;
    font-size: .9em;
    margin: 0; }
  .filtering-list-item strong {
    font-size: 1.1em; }

.deleted-person {
  background-color: #b83100;
  color: #fff;
  padding: .2em .5em;
  clear: both; }

.labelgenerator.info.warn {
  background-color: #b83100; }

.labelgenerator-page label svg {
  width: 1.5em;
  height: 1.5em; }

.labelgenerator-page .person-search-results {
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 5;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.5);
          box-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.95);
  max-height: 16.75em; }
  .labelgenerator-page .person-search-results .one-person {
    padding: .2em .25em;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-bottom: 1px solid rgba(37, 68, 54, 0.25); }

.labelgenerator-page .search-bar {
  margin-bottom: 0;
  padding-bottom: 0; }

.chosen-persons-for-label {
  margin-bottom: 3em; }
  .chosen-persons-for-label .one-person {
    padding: .2em .25em;
    border-top: 1px solid rgba(37, 68, 54, 0.25); }
    .chosen-persons-for-label .one-person:first-child {
      border-top: 0; }
  .chosen-persons-for-label .chosen-persons-for-label-inner {
    border: 1px solid rgba(37, 68, 54, 0.35);
    border-radius: .2em; }

.labels-individual-wrapper {
  position: relative; }
  .labels-individual-wrapper .empty-info {
    padding: .5em; }
  .labels-individual-wrapper .one-person {
    position: relative; }
    .labels-individual-wrapper .one-person .remove {
      position: absolute;
      top: .5em;
      right: .5em;
      text-decoration: underline;
      font-size: .8em; }

.ajax-loader {
  display: none;
  position: absolute;
  top: -.5em;
  right: 1em; }
  .ajax-loader.just-searching {
    display: block; }

.search-wrapper {
  position: relative; }

.jump-to-page {
  text-align: center; }
  .jump-to-page button {
    margin: 0;
    font-size: .8em;
    position: relative;
    top: -.1em;
    background-color: #254436 !important;
    padding: .5em .5em !important; }

.bookmarks-toggler {
  position: absolute;
  top: -3.1em;
  right: 0;
  border: 2px solid #40407a;
  color: #40407a;
  background-color: rgba(64, 64, 122, 0.1);
  border-top: 0;
  padding: .2em .5em; }
  @media all and (min-width: 75em) {
    .bookmarks-toggler {
      top: -4.1em; } }
  .bookmarks-toggler path {
    fill: #40407a; }

.bookmarks {
  position: relative;
  margin-bottom: 3.5em;
  color: #40407a; }
  .bookmarks h2 {
    margin-bottom: 0; }
    .bookmarks h2 svg {
      width: 1em;
      height: 1em; }
  .bookmarks small.small-info {
    margin-bottom: 1em;
    display: inline-block; }
  .bookmarks .bookmarks-toggler-inner {
    position: absolute;
    right: .5em;
    top: 0;
    cursor: pointer;
    display: block;
    font-family: sans-serif;
    font-size: 1em; }
  .bookmarks .bookmark {
    position: relative;
    border-bottom: 1px solid rgba(64, 64, 122, 0.2);
    display: block;
    padding: .5em .1em;
    text-decoration: none; }
    .bookmarks .bookmark:hover, .bookmarks .bookmark:focus {
      background-color: rgba(37, 68, 54, 0.05); }
    .bookmarks .bookmark .bookmark-delete {
      position: absolute;
      top: .2em;
      right: .1em; }
      .bookmarks .bookmark .bookmark-delete button {
        margin: 0; }
        .bookmarks .bookmark .bookmark-delete button path {
          fill: #40407a; }
  .bookmarks svg path {
    fill: #40407a; }

.bookmarks-toggler,
.add-bookmark-toggler {
  cursor: pointer;
  line-height: 1.2em; }
  .bookmarks-toggler svg,
  .add-bookmark-toggler svg {
    width: 1.3em;
    height: 1.3em;
    position: relative;
    top: -.075em; }

.add-bookmark-toggler {
  border: 2px solid #40407a;
  background-color: rgba(64, 64, 122, 0.05);
  margin: .5em 0;
  display: inline-block;
  padding: .2em .5em;
  border-radius: .2em; }

.crud.index .add-bookmark-form {
  position: relative;
  padding: 1em;
  border-radius: .5em;
  background-color: #40407a;
  margin: 2em 0; }
  .crud.index .add-bookmark-form h2 {
    margin: 0 0 .25em;
    color: #fff; }
  .crud.index .add-bookmark-form button[type="submit"] {
    background-color: rgba(255, 255, 255, 0.1);
    padding: .5em;
    margin: 0; }
  .crud.index .add-bookmark-form .close {
    color: #fff;
    position: absolute;
    top: .5em;
    right: 1em;
    font-size: 1.2em;
    font-family: sans-serif; }

small.warn,
span.warn,
strong.warn {
  color: #b83100; }