@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or any plugin's vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 */
fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0; }

legend {
  font-weight: bold;
  margin-bottom: 0.36932rem;
  padding: 0; }

label {
  display: block;
  font-weight: bold; }

input,
select {
  display: block;
  font-family: Roboto, "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 11pt; }

[type="color"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
input:not([type]),
textarea,
select[multiple] {
  background-color: white;
  border: 1px solid #dfe0e1;
  border-radius: 0.2rem;
  box-shadow: none;
  box-sizing: border-box;
  font-family: Roboto, "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 11pt;
  padding: 0.49242rem;
  transition: border-color 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  width: 100%; }
  [type="color"]:hover,
  [type="date"]:hover,
  [type="datetime"]:hover,
  [type="datetime-local"]:hover,
  [type="email"]:hover,
  [type="month"]:hover,
  [type="number"]:hover,
  [type="password"]:hover,
  [type="search"]:hover,
  [type="tel"]:hover,
  [type="text"]:hover,
  [type="time"]:hover,
  [type="url"]:hover,
  [type="week"]:hover,
  input:not([type]):hover,
  textarea:hover,
  select[multiple]:hover {
    border-color: #b2b3b4; }
  [type="color"]:focus,
  [type="date"]:focus,
  [type="datetime"]:focus,
  [type="datetime-local"]:focus,
  [type="email"]:focus,
  [type="month"]:focus,
  [type="number"]:focus,
  [type="password"]:focus,
  [type="search"]:focus,
  [type="tel"]:focus,
  [type="text"]:focus,
  [type="time"]:focus,
  [type="url"]:focus,
  [type="week"]:focus,
  input:not([type]):focus,
  textarea:focus,
  select[multiple]:focus {
    border-color: #494e83;
    box-shadow: none;
    outline: none; }
  [type="color"]:disabled,
  [type="date"]:disabled,
  [type="datetime"]:disabled,
  [type="datetime-local"]:disabled,
  [type="email"]:disabled,
  [type="month"]:disabled,
  [type="number"]:disabled,
  [type="password"]:disabled,
  [type="search"]:disabled,
  [type="tel"]:disabled,
  [type="text"]:disabled,
  [type="time"]:disabled,
  [type="url"]:disabled,
  [type="week"]:disabled,
  input:not([type]):disabled,
  textarea:disabled,
  select[multiple]:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed; }
    [type="color"]:disabled:hover,
    [type="date"]:disabled:hover,
    [type="datetime"]:disabled:hover,
    [type="datetime-local"]:disabled:hover,
    [type="email"]:disabled:hover,
    [type="month"]:disabled:hover,
    [type="number"]:disabled:hover,
    [type="password"]:disabled:hover,
    [type="search"]:disabled:hover,
    [type="tel"]:disabled:hover,
    [type="text"]:disabled:hover,
    [type="time"]:disabled:hover,
    [type="url"]:disabled:hover,
    [type="week"]:disabled:hover,
    input:not([type]):disabled:hover,
    textarea:disabled:hover,
    select[multiple]:disabled:hover {
      border: 1px solid #dfe0e1; }

textarea {
  resize: vertical; }

[type="search"] {
  appearance: none; }

[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.36932rem; }

[type="file"] {
  width: 100%; }

select {
  width: 100%; }

html {
  background-color: white;
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

figure {
  margin: 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0; }

dl {
  margin-bottom: 0.73864rem; }
  dl dt {
    font-weight: bold;
    margin-top: 0.73864rem; }
  dl dd {
    margin: 0; }

table {
  border-collapse: separate;
  width: 100%; }

th {
  border-bottom: 1px solid #a7a8a9;
  text-align: left; }

th,
td {
  padding: 0.73864rem;
  vertical-align: middle; }

td {
  border-bottom: 1px solid #dfe0e1;
  font-feature-settings: "kern", "liga", "clig", "calt", "lnum", "tnum";
  font-kerning: normal;
  font-variant-ligatures: common-ligatures, contextual;
  font-variant-numeric: lining-nums, tabular-nums;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal; }

html {
  font-family: Roboto, "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 26;
  font-size: 11pt;
  font-size: 17.6px;
  font-size: 110%;
  text-rendering: optimizeLegibility;
  color: #3a3c4a; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Roboto, "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  line-height: 1.2;
  margin: 0; }

p {
  margin: 0 0 0.73864rem; }

a {
  color: #494e83;
  text-decoration: none;
  transition: color 250ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  a:active, a:focus, a:hover {
    color: #373b62; }

hr {
  border-bottom: 1px solid #dfe0e1;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.47727rem 0; }

.app-container {
  margin: 0;
  align-items: stretch;
  display: flex;
  min-height: 100vh; }

.CodeMirror .CodeMirror-code .cm-header-1 {
  font-size: 160%;
  line-height: 1; }
.CodeMirror .CodeMirror-code .cm-header-2 {
  font-size: 140%;
  line-height: 1; }
.CodeMirror .CodeMirror-code .cm-header-3 {
  font-size: 120%;
  line-height: 1; }
.CodeMirror .CodeMirror-code .cm-header-4 {
  font-size: 100%;
  line-height: 1; }
.CodeMirror .CodeMirror-code .cm-header-5 {
  font-size: 100%;
  line-height: 1; }

.CodeMirror, .CodeMirror-scroll {
  min-height: 200px; }

.CodeMirror-lines {
  font-family: "Source Code Pro", monospace;
  color: #555;
  font-size: .9em; }

.fa.fa-local {
  font-family: inherit;
  font-weight: bold;
  letter-spacing: -.05em; }
  .fa.fa-local:before {
    font-size: 1.1em; }
  .fa.fa-local.fa-local-anfuehrungszeichen:before {
    content: "„“"; }
  .fa.fa-local.fa-local-ndash:before {
    content: "–"; }
  .fa.fa-local.fa-local-ellipsis:before {
    content: "…"; }

.editor-preview-side ul {
  list-style: disc;
  margin: 1.3em 0;
  padding-left: 1.8em; }

.cm-atom {
  color: #d70; }

.cm-tab + .cm-tab {
  border-left: 1px dotted #ddd; }

.CodeMirror-activeline-background {
  background: #f2f8ff; }

.CodeMirror-activeline-gutter > .CodeMirror-linenumber {
  color: #555; }

.CodeMirror.cm-s-screen {
  padding: 0; }

.editor-toolbar.editor-toolbar--fixed {
  position: fixed;
  height: 50px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding-top: 10px;
  padding-bottom: 10px;
  box-sizing: border-box;
  background: #fff;
  border-top: none;
  border-bottom: 1px solid #bbb;
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 9;
  border-color: rgba(187, 187, 187, 0.6);
  /*&::before,
  &::after {
    width: 20px;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
  }

  &::before {
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
  }

  &::after {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  }*/ }
  .editor-toolbar.editor-toolbar--fixed > * {
    opacity: 0.6; }
  .editor-toolbar.editor-toolbar--fixed:hover {
    border-color: rgba(187, 187, 187, 0.9); }
    .editor-toolbar.editor-toolbar--fixed:hover > * {
      opacity: 0.9; }
  .editor-toolbar.editor-toolbar--fixed::before {
    margin: 0; }

.display-container {
  margin-top: auto;
  margin-bottom: auto; }

.flash--alert {
  background-color: #f0cd66;
  color: #211903;
  padding: 0.73864rem 1.47727rem; }
  .flash--alert a {
    color: black; }
    .flash--alert a:focus, .flash--alert a:hover {
      color: black; }

.flash--error {
  background-color: #c77067;
  color: black;
  padding: 0.73864rem 1.47727rem; }
  .flash--error a {
    color: black; }
    .flash--error a:focus, .flash--error a:hover {
      color: black; }

.flash--notice {
  background-color: #95caeb;
  color: #0c2d42;
  padding: 0.73864rem 1.47727rem; }
  .flash--notice a {
    color: #041017; }
    .flash--notice a:focus, .flash--notice a:hover {
      color: black; }

.flash--success {
  background-color: #4ab471;
  color: black;
  padding: 0.73864rem 1.47727rem; }
  .flash--success a {
    color: black; }
    .flash--success a:focus, .flash--success a:hover {
      color: black; }

.header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  padding: 0.73864rem; }

.header__heading {
  font-size: 2.25em;
  margin-top: 0; }

.header__actions {
  margin-left: 1.47727rem; }

.back-button {
  background-color: transparent;
  color: #2a94d6;
  border: 1px solid #2a94d6; }
  .back-button:hover, .back-button:focus {
    background-color: transparent;
    color: #2276ab;
    border-color: #2276ab; }
  .back-button:active {
    border-color: #206fa1;
    color: #206fa1; }

.main-content {
  background-color: white;
  box-shadow: 0 2px 4px rgba(41, 63, 84, 0.24), 0 2px 6px rgba(41, 63, 84, 0.12);
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column; }

.selectize-input {
  padding: .5em;
  font-size: 1em; }

button, input[type="button"], input[type="reset"], input[type="submit"],
.button {
  appearance: none;
  background-color: #52619e;
  border: 0;
  border-radius: 0.2rem;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: Roboto, "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  line-height: 1;
  padding: 0.73864rem 1.47727rem;
  text-decoration: none;
  transition: background-color 250ms cubic-bezier(0.215, 0.61, 0.355, 1);
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus,
  .button:hover,
  .button:focus {
    background-color: #3a3e69;
    color: white; }
  button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled,
  .button:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    button:disabled:hover, input[type="button"]:disabled:hover, input[type="reset"]:disabled:hover, input[type="submit"]:disabled:hover,
    .button:disabled:hover {
      background-color: #494e83; }

.container {
  padding: 0.73864rem; }

.field-unit {
  width: 100%;
  box-sizing: border-box;
  align-items: center;
  display: flex;
  margin-bottom: 1.47727rem;
  position: relative;
  padding: 0 0.73864rem;
  flex-wrap: wrap;
  align-items: flex-start; }
  .field-unit::after {
    clear: both;
    content: "";
    display: table; }

.field-unit__label {
  width: 100%; }
  .field-unit__label label {
    font-weight: 400;
    color: #7b808c;
    font-size: .83333em;
    letter-spacing: 0.0357em;
    text-transform: uppercase; }
  .field-unit__label > .field_with_errors > label {
    color: #d62; }

.field-unit__field {
  min-width: 40.29137%; }

/*.field-unit__label__ {
  float: none;
  margin: 0;
  width: 100%;
  text-align: left;

}
.field-unit__field {
  margin: 0;
  float: none;
  min-width: 40.29137%;
}*/
.field-unit__help {
  color: #999;
  font-size: .9em;
  margin-left: 1.5em;
  padding-top: .4em;
  width: 55%; }

.form-actions {
  margin-bottom: 5.90909rem; }

.forgot-password-notice {
  text-align: right;
  max-width: 40%; }

.pagination {
  margin-top: 1.47727rem;
  margin-bottom: 5.90909rem;
  padding-right: 1.47727rem;
  padding-left: 1.47727rem;
  text-align: center; }
  .pagination .first,
  .pagination .prev,
  .pagination .page,
  .pagination .next,
  .pagination .last {
    margin: 0.73864rem; }
  .pagination .current {
    font-weight: 600; }

.sidebar {
  flex: 0 0 auto;
  max-width: 14em;
  min-width: 12em;
  overflow-y: auto;
  padding: 0;
  background-color: #52619e;
  color: #ebebff; }

.sidebar__info, .sidebar__section-title {
  margin: .5em;
  font-weight: 400;
  font-size: .9rem;
  color: #9a9abc; }

.sidebar__section-title {
  text-transform: uppercase;
  margin-bottom: 0; }

.sidebar__link {
  color: inherit;
  display: block;
  padding: .1em .6em .2em .7em;
  transition: color 0.05s linear;
  border-left: .3em solid transparent;
  font-weight: 600; }
  .sidebar__link:hover {
    color: #bfbfbf;
    color: #aaa; }
  .sidebar__link--active {
    font-weight: 600;
    background-color: #6876b1;
    border-color: inherit; }
    .sidebar__link--active:hover {
      color: #444; }

.sidebar__title {
  font-size: 1rem; }
  .sidebar__title > a {
    color: inherit;
    display: block;
    padding: 0.73864rem;
    margin: 0.73864rem 0;
    line-height: 1; }

.site-title > .site-title__main {
  font-family: "Noto Serif", "Droid Serif", "Georgia", serif;
  font-size: 2em;
  font-weight: normal;
  display: block; }
.site-title > .site-title__sub {
  color: #bfbfbf;
  color: #aaa;
  letter-spacing: .18em;
  font-weight: 600;
  text-transform: uppercase; }

/*@import
  'pages/page';*/
.field-unit--markdown-text-area, .field-unit--yaml-text-area {
  display: block;
  flex-flow: column; }
  .field-unit--markdown-text-area > .field-unit__field, .field-unit--yaml-text-area > .field-unit__field {
    max-width: 55em;
    width: initial; }
  .field-unit--markdown-text-area > .field-unit__help, .field-unit--yaml-text-area > .field-unit__help {
    margin-top: -1.7em; }

div.attribute-label {
  float: none; }

.preserve-whitespace {
  white-space: pre-wrap; }

.markdown-text {
  font-family: monospace;
  display: block;
  max-width: 55em;
  font-size: 1.2em;
  color: #444;
  padding: .6em; }

.field_with_errors [type="color"], .field_with_errors [type="date"], .field_with_errors [type="datetime"], .field_with_errors [type="datetime-local"], .field_with_errors [type="email"], .field_with_errors [type="month"], .field_with_errors [type="number"], .field_with_errors [type="password"], .field_with_errors [type="search"], .field_with_errors [type="tel"], .field_with_errors [type="text"], .field_with_errors [type="time"], .field_with_errors [type="url"], .field_with_errors [type="week"], .field_with_errors input:not([type]), .field_with_errors textarea, .field_with_errors select[multiple] {
  border-color: #efc0c1; }

.errors {
  color: #d62;
  padding: 1em 1em;
  margin: .5em 0 1.5em;
  background-color: #ffe4cd; }

.empty {
  color: #666; }

.field-unit--kommentar--title {
  flex-flow: column nowrap; }
  .field-unit--kommentar--title > .field-unit__field {
    width: 100%; }
    .field-unit--kommentar--title > .field-unit__field > input[type=text] {
      font-size: 140%;
      font-weight: 600;
      color: #555; }

.field-unit--name--slug input[type=text] {
  font-family: "Source Code Pro", monospace; }

.flash h4 strong {
  font-style: italic; }

.search__icon > button {
  background: transparent;
  border: none;
  display: inline;
  padding: 0; }
  .search__icon > button > .search__icon__label {
    display: none; }

.filter-suggestions {
  padding: 0 1.5em;
  opacity: 0;
  transition: opacity .4s; }
  .filter-suggestions > a {
    color: #AAA;
    font-size: .8em;
    /* font-style: italic; */
    letter-spacing: -.01em;
    border: 1px solid transparent;
    padding: 0 .3em;
    border-radius: 3px; }
    .filter-suggestions > a:hover {
      color: #555;
      border-color: #DDD; }
  .search-container:hover .filter-suggestions {
    opacity: 1; }

[type="color"]:not(:disabled), [type="date"]:not(:disabled), [type="datetime"]:not(:disabled), [type="datetime-local"]:not(:disabled), [type="email"]:not(:disabled), [type="month"]:not(:disabled), [type="number"]:not(:disabled), [type="password"]:not(:disabled), [type="search"]:not(:disabled), [type="tel"]:not(:disabled), [type="text"]:not(:disabled), [type="time"]:not(:disabled), [type="url"]:not(:disabled), [type="week"]:not(:disabled), input:not([type]):not(:disabled), textarea:not(:disabled), select[multiple]:not(:disabled) {
  border-left-width: .5rem; }