/*! normalize.css v1.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
/* line 4, app/assets/stylesheets/h5bp/1pre.css.scss */
* {
  box-sizing: border-box;
}

/* line 7, app/assets/stylesheets/h5bp/1pre.css.scss */
html,
button,
input,
select,
textarea {
  color: black;
}

/* line 15, app/assets/stylesheets/h5bp/1pre.css.scss */
html {
  font-size: 1em;
  line-height: 1.3;
}

/* line 20, app/assets/stylesheets/h5bp/1pre.css.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 25, app/assets/stylesheets/h5bp/1pre.css.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 30, app/assets/stylesheets/h5bp/1pre.css.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 39, app/assets/stylesheets/h5bp/1pre.css.scss */
audio,
canvas,
img,
video {
  vertical-align: middle;
}

/* line 46, app/assets/stylesheets/h5bp/1pre.css.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 52, app/assets/stylesheets/h5bp/1pre.css.scss */
textarea {
  resize: vertical;
}

/* line 56, app/assets/stylesheets/h5bp/1pre.css.scss */
.browsehappy {
  margin: 0.2em 0;
  padding: 0.2em 0;
  color: #000;
  background-color: #ccc;
}
@font-face {
  font-family: 'DIN';
  src: local("D-DIN"), url(/assets/D-DIN-0ffbb2375bec843b068590a51c67c5c1a0da43cdd1b0636160ce7acb7dfb9586.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DIN';
  src: local("D-DIN-Bold"), url(/assets/D-DIN-Bold-84982b1760e2c01664c7d7ae2057ae754626125fa52a29e949223b1020a14194.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'DIN';
  src: local("D-DIN-Italic"), url(/assets/D-DIN-Italic-0e0b3788414f2939ab335c829b81b38b4a35aadb37c086ec868ef6dd4b961993.otf) format("opentype");
  font-weight: normal;
  font-style: italic;
}

/* line 12, app/assets/stylesheets/general.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  max-width: 54rem;
  margin-top: 1.5em;
  padding: 0 1.5rem;
  color: #000;
}

@media (min-width: 485px) {
  /* line 12, app/assets/stylesheets/general.scss */
  h1, h2, h3, h4, h5, h6 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 12, app/assets/stylesheets/general.scss */
  h1, h2, h3, h4, h5, h6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 12, app/assets/stylesheets/general.scss */
  h1, h2, h3, h4, h5, h6 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 12, app/assets/stylesheets/general.scss */
  h1, h2, h3, h4, h5, h6 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 20, app/assets/stylesheets/general.scss */
h1 {
  line-height: 1.1;
}

/* line 23, app/assets/stylesheets/general.scss */
h2 {
  line-height: 1.2;
}

/* line 26, app/assets/stylesheets/general.scss */
h4 {
  margin-bottom: 0;
}

/* line 29, app/assets/stylesheets/general.scss */
h4 + p {
  margin-top: 0.25rem;
}

/* line 33, app/assets/stylesheets/general.scss */
p {
  max-width: 54rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.5rem;
}

@media (min-width: 485px) {
  /* line 33, app/assets/stylesheets/general.scss */
  p {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 33, app/assets/stylesheets/general.scss */
  p {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 33, app/assets/stylesheets/general.scss */
  p {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 33, app/assets/stylesheets/general.scss */
  p {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 40, app/assets/stylesheets/general.scss */
p:last-child {
  margin-bottom: 1.5em;
}

/* line 43, app/assets/stylesheets/general.scss */
p.list_title {
  margin-bottom: 0;
}

@media (min-width: 640px) {
  /* line 48, app/assets/stylesheets/general.scss */
  p {
    margin-left: 0;
    margin-right: auto;
  }
}

/* line 54, app/assets/stylesheets/general.scss */
strong {
  font-weight: bold;
}

/* line 57, app/assets/stylesheets/general.scss */
em {
  font-style: italic;
}

/* line 61, app/assets/stylesheets/general.scss */
a {
  color: #0071bc;
}

/* line 65, app/assets/stylesheets/general.scss */
ul {
  max-width: 54rem;
  list-style: disc outside;
  margin: 0;
  padding: 0 1.5rem 0 3rem;
}

@media (min-width: 485px) {
  /* line 72, app/assets/stylesheets/general.scss */
  ul {
    padding-left: 3.5rem;
  }
}

@media (min-width: 580px) {
  /* line 77, app/assets/stylesheets/general.scss */
  ul {
    padding-left: 3rem;
  }
}

@media (min-width: 640px) {
  /* line 82, app/assets/stylesheets/general.scss */
  ul {
    padding-left: 3.5rem;
  }
}

@media (min-width: 1024px) {
  /* line 87, app/assets/stylesheets/general.scss */
  ul {
    padding-left: 4.5rem;
  }
}

/* line 92, app/assets/stylesheets/general.scss */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* line 98, app/assets/stylesheets/general.scss */
body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #0071bc;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.4;
  font-size: 100%;
  text-underline-offset: 0.15em;
}

@media (min-width: 485px) {
  /* line 110, app/assets/stylesheets/general.scss */
  body {
    font-size: 108%;
  }
}

@media (min-width: 1024px) {
  /* line 115, app/assets/stylesheets/general.scss */
  body {
    font-size: 116%;
  }
}
@font-face {
  font-family: 'DIN';
  src: local("D-DIN"), url(/assets/D-DIN-0ffbb2375bec843b068590a51c67c5c1a0da43cdd1b0636160ce7acb7dfb9586.otf) format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DIN';
  src: local("D-DIN-Bold"), url(/assets/D-DIN-Bold-84982b1760e2c01664c7d7ae2057ae754626125fa52a29e949223b1020a14194.otf) format("opentype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'DIN';
  src: local("D-DIN-Italic"), url(/assets/D-DIN-Italic-0e0b3788414f2939ab335c829b81b38b4a35aadb37c086ec868ef6dd4b961993.otf) format("opentype");
  font-weight: normal;
  font-style: italic;
}
/* line 7, app/assets/stylesheets/_mixins.scss */
.content_container .content_block::before, .content_container .content_block::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.content_container .content_block::after {
  clear: both;
}

/* line 21, app/assets/stylesheets/content_general.scss */
.content_container .content_block.full .full {
  width: 100%;
  max-height: 60vh;
}

/* line 26, app/assets/stylesheets/content_general.scss */
.content_container .content_block.text {
  margin: 1rem 0;
}

/* line 30, app/assets/stylesheets/content_general.scss */
.content_container .content_block.akzent {
  background-color: white;
}

/* line 33, app/assets/stylesheets/content_general.scss */
.content_container .content_block.akzent_2 {
  background-color: white;
}

/* line 36, app/assets/stylesheets/content_general.scss */
.content_container .content_block.akzent_3 {
  background-color: white;
}

@media (min-width: 560px) {
  /* line 42, app/assets/stylesheets/content_general.scss */
  .content_container {
    display: flex;
  }
  /* line 45, app/assets/stylesheets/content_general.scss */
  .content_container .content_block {
    flex: 1 1 100px;
  }
  /* line 48, app/assets/stylesheets/content_general.scss */
  .content_container .content_block.full {
    padding: 0;
  }
  /* line 51, app/assets/stylesheets/content_general.scss */
  .content_container .content_block.text {
    margin: 1.5rem 0;
  }
  /* line 54, app/assets/stylesheets/content_general.scss */
  .content_container .content_block.akzent, .content_container .content_block.akzent_2, .content_container .content_block.akzent_3 {
    margin: 0;
    padding: 1rem 1.5rem;
  }
}

@media (min-width: 780px) {
  /* line 66, app/assets/stylesheets/content_general.scss */
  .content_container.coco3 .content_block {
    width: 33%;
  }
}
/* line 17, app/assets/stylesheets/contentparts/cp.scss */
.contentpart {
  margin: 1.5rem 0;
}

/* line 20, app/assets/stylesheets/contentparts/cp.scss */
.contentpart.list {
  padding: 0 1.5rem;
}

/* line 23, app/assets/stylesheets/contentparts/cp.scss */
.contentpart.list ul,
.contentpart.list ol {
  padding: 0 0 0 2rem;
  text-align: left;
}

/* line 30, app/assets/stylesheets/contentparts/cp.scss */
.contentpart.info_block {
  display: flex;
  padding: 0 1.5rem;
  align-items: flex-start;
}

/* line 35, app/assets/stylesheets/contentparts/cp.scss */
.contentpart.info_block .info_icon {
  flex: 0 0 auto;
  width: 4rem;
  padding-right: 1.5rem;
}

/* line 41, app/assets/stylesheets/contentparts/cp.scss */
.contentpart.info_block .info_content {
  padding-left: 1rem;
  border-left: 0.25rem solid #8cc53f;
  font-style: italic;
}

/* line 48, app/assets/stylesheets/contentparts/cp.scss */
.contentpart .caption {
  padding: 0.75rem 1.5rem 1rem;
  background-color: #e8ddcc;
}

@media (min-width: 485px) {
  /* line 55, app/assets/stylesheets/contentparts/cp.scss */
  .contentpart.list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 62, app/assets/stylesheets/contentparts/cp.scss */
h2.contentpart,
h3.contentpart,
h4.contentpart {
  margin-top: 2em;
}

/* line 71, app/assets/stylesheets/contentparts/cp.scss */
.edit_contentpart {
  background-color: #e8ddcc;
  border: none;
}

/* line 75, app/assets/stylesheets/contentparts/cp.scss */
.edit_contentpart label {
  color: rgba(0, 0, 0, 0.5);
}

/* line 78, app/assets/stylesheets/contentparts/cp.scss */
.edit_contentpart textarea {
  padding: 0 0 0.25rem;
}
/* line 9, app/assets/stylesheets/contentparts/cp_aside.scss */
aside.contentpart {
  margin: 1.5rem;
  padding: 1.5rem;
  color: #000;
  background-color: #e6dbc9;
}

@media (min-width: 485px) {
  /* line 17, app/assets/stylesheets/contentparts/cp_aside.scss */
  aside.contentpart {
    margin-top: 0;
    float: right;
    width: 45%;
  }
}

@media (min-width: 580px) {
  /* line 24, app/assets/stylesheets/contentparts/cp_aside.scss */
  aside.contentpart {
    margin: 1.5rem;
    float: unset;
    width: unset;
  }
}

@media (min-width: 640px) {
  /* line 31, app/assets/stylesheets/contentparts/cp_aside.scss */
  aside.contentpart {
    margin: 1.5rem 2rem;
    margin-top: 0;
    float: right;
    width: 45%;
  }
}

@media (min-width: 1024px) {
  /* line 39, app/assets/stylesheets/contentparts/cp_aside.scss */
  aside.contentpart {
    margin: 1.5rem 3rem;
    margin-top: 0;
    float: right;
    width: 45%;
  }
}
/* line 15, app/assets/stylesheets/contentparts/cp_audio.scss */
.contentpart.audio {
  padding: 1rem 1.5rem;
  background-color: #e8ddcc;
}

/* line 19, app/assets/stylesheets/contentparts/cp_audio.scss */
.contentpart.audio audio {
  display: block;
  width: 100%;
}

/* line 24, app/assets/stylesheets/contentparts/cp_audio.scss */
.contentpart.audio .caption {
  margin-top: 1rem;
  padding: 0;
}

@media (min-width: 485px) {
  /* line 30, app/assets/stylesheets/contentparts/cp_audio.scss */
  .contentpart.audio {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0.5rem;
  }
}
/* line 9, app/assets/stylesheets/contentparts/cp_back_button.scss */
.contentpart.back_button {
  top: 0.25rem;
  margin: 0 1rem 1rem 0;
}

@media (min-width: 485px) {
  /* line 14, app/assets/stylesheets/contentparts/cp_back_button.scss */
  .contentpart.back_button {
    top: 0;
    left: 1.5rem;
  }
}
/* line 11, app/assets/stylesheets/contentparts/cp_buttons_block.scss */
.contentpart.buttons_block {
  margin: 2rem 0;
  padding: 0 1.5rem;
  text-align: center;
}

/* line 17, app/assets/stylesheets/contentparts/cp_buttons_block.scss */
.contentpart.buttons_block .button,
.contentpart.buttons_block form.button_to {
  display: block;
  width: 100%;
  margin: 0;
}

/* line 23, app/assets/stylesheets/contentparts/cp_buttons_block.scss */
.contentpart.buttons_block form.button_to {
  text-align: center;
}

@media (min-width: 485px) {
  /* line 29, app/assets/stylesheets/contentparts/cp_buttons_block.scss */
  .contentpart.buttons_block .button {
    display: inline-block;
    width: auto;
    margin-bottom: 1rem;
  }
}
/* line 9, app/assets/stylesheets/contentparts/cp_cite.scss */
.contentpart.blockquote {
  padding: 0 1.5rem;
  text-align: right;
  font-size: 1.19rem;
  font-style: italic;
  font-weight: bold;
  line-height: 1.2;
}
@media (min-width: 485px) {
  /* line 12, app/assets/stylesheets/contentparts/cp_img.scss */
  .contentpart.img {
    max-width: 54rem;
    margin-right: auto;
  }
}

@media (min-width: 485px) and (min-width: 485px) {
  /* line 12, app/assets/stylesheets/contentparts/cp_img.scss */
  .contentpart.img {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 485px) and (min-width: 580px) {
  /* line 12, app/assets/stylesheets/contentparts/cp_img.scss */
  .contentpart.img {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 485px) and (min-width: 640px) {
  /* line 12, app/assets/stylesheets/contentparts/cp_img.scss */
  .contentpart.img {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 485px) and (min-width: 1024px) {
  /* line 12, app/assets/stylesheets/contentparts/cp_img.scss */
  .contentpart.img {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 485px) {
  /* line 17, app/assets/stylesheets/contentparts/cp_img.scss */
  .contentpart.img .picture {
    margin: 0;
  }
  /* line 20, app/assets/stylesheets/contentparts/cp_img.scss */
  .contentpart.img .caption {
    padding-left: 1rem;
    padding-right: 1 rem;
  }
}
/* line 11, app/assets/stylesheets/contentparts/cp_p.scss */
.contentpart.p {
  margin: 1rem 0;
}

/* line 14, app/assets/stylesheets/contentparts/cp_p.scss */
.contentpart.p p {
  margin: 1rem 0;
  max-width: 54rem;
}
/* line 10, app/assets/stylesheets/contentparts/cp_p_img.scss */
.contentpart.p_img .text {
  margin-right: 0.5rem;
  padding: 0 1.5rem;
}

/* line 14, app/assets/stylesheets/contentparts/cp_p_img.scss */
.contentpart.p_img .picture {
  margin-top: 1rem;
}

/* line 16, app/assets/stylesheets/contentparts/cp_p_img.scss */
.contentpart.p_img .picture img {
  width: 100%;
}

@media (min-width: 485px) {
  /* line 22, app/assets/stylesheets/contentparts/cp_p_img.scss */
  .contentpart.p_img {
    display: flex;
    justify-content: space-between;
    max-width: 54rem;
    padding: 0 1.5rem;
  }
}

@media (min-width: 485px) and (min-width: 485px) {
  /* line 22, app/assets/stylesheets/contentparts/cp_p_img.scss */
  .contentpart.p_img {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 485px) and (min-width: 580px) {
  /* line 22, app/assets/stylesheets/contentparts/cp_p_img.scss */
  .contentpart.p_img {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 485px) and (min-width: 640px) {
  /* line 22, app/assets/stylesheets/contentparts/cp_p_img.scss */
  .contentpart.p_img {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 485px) and (min-width: 1024px) {
  /* line 22, app/assets/stylesheets/contentparts/cp_p_img.scss */
  .contentpart.p_img {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 485px) {
  /* line 29, app/assets/stylesheets/contentparts/cp_p_img.scss */
  .contentpart.p_img .text {
    flex: 1 1 auto;
    margin: 0;
    padding-left: 0;
    padding-right: 1.5rem;
  }
  /* line 35, app/assets/stylesheets/contentparts/cp_p_img.scss */
  .contentpart.p_img .picture {
    flex: 0 0 250px;
    margin: 0;
    padding: 0;
    align-self: stretch;
  }
  /* line 41, app/assets/stylesheets/contentparts/cp_p_img.scss */
  .contentpart.p_img .picture img {
    width: auto;
    max-width: 250px;
  }
}
/* line 17, app/assets/stylesheets/contentparts/cp_pdf.scss */
.contentpart.pdf {
  padding: 0rem 1.5rem;
}

@media (min-width: 485px) {
  /* line 17, app/assets/stylesheets/contentparts/cp_pdf.scss */
  .contentpart.pdf {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 17, app/assets/stylesheets/contentparts/cp_pdf.scss */
  .contentpart.pdf {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 17, app/assets/stylesheets/contentparts/cp_pdf.scss */
  .contentpart.pdf {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 17, app/assets/stylesheets/contentparts/cp_pdf.scss */
  .contentpart.pdf {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 21, app/assets/stylesheets/contentparts/cp_pdf.scss */
.contentpart.pdf a {
  display: flex;
  column-gap: 0.5rem;
  padding: 1rem 1rem 1rem 0.5rem;
  max-width: 54rem;
  background-color: transparent;
  border-radius: 0.5rem;
  text-decoration: none;
}

/* line 30, app/assets/stylesheets/contentparts/cp_pdf.scss */
.contentpart.pdf a .pdf_icon {
  flex: 0 0 3.5rem;
}

/* line 33, app/assets/stylesheets/contentparts/cp_pdf.scss */
.contentpart.pdf a .pdf_info {
  flex: 1 1 auto;
  align-self: end;
  overflow: hidden;
}

/* line 38, app/assets/stylesheets/contentparts/cp_pdf.scss */
.contentpart.pdf a .pdf_info .name {
  overflow: hidden;
  text-decoration: underline;
  text-overflow: ellipsis;
}

/* line 43, app/assets/stylesheets/contentparts/cp_pdf.scss */
.contentpart.pdf a .pdf_info .info {
  overflow: hidden;
  color: #000;
  text-decoration: none;
  text-overflow: ellipsis;
}

/* line 49, app/assets/stylesheets/contentparts/cp_pdf.scss */
.contentpart.pdf a .pdf_info .description {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 1em;
}

/* line 58, app/assets/stylesheets/contentparts/cp_pdf.scss */
.contentpart.pdf + .contentpart.pdf {
  margin-top: -0.5rem;
}
/* line 11, app/assets/stylesheets/contentparts/cp_sized_img.scss */
.contentpart.sized_img .container {
  max-width: 54rem;
  text-align: center;
}

/* line 16, app/assets/stylesheets/contentparts/cp_sized_img.scss */
.contentpart.sized_img .picture {
  display: inline-block;
  width: 100%;
  max-width: unset;
  height: 100%;
  margin: 0;
  padding: 0;
}

/* line 24, app/assets/stylesheets/contentparts/cp_sized_img.scss */
.contentpart.sized_img .picture .picture {
  background-color: transparent;
}

/* line 28, app/assets/stylesheets/contentparts/cp_sized_img.scss */
.contentpart.sized_img .picture img {
  width: 100%;
  height: 100%;
  background-color: transparent;
}
/* line 9, app/assets/stylesheets/contentparts/cp_table.scss */
.contentpart.table {
  padding: 0 calc( 1.5rem - 3px);
}

/* line 12, app/assets/stylesheets/contentparts/cp_table.scss */
.contentpart.table table {
  width: calc( 100% + 6px);
  background-color: #e8ddcc;
  border: 3x solid #e8ddcc;
}

/* line 17, app/assets/stylesheets/contentparts/cp_table.scss */
.contentpart.table table td {
  padding: 0.25rem 0.5rem;
  border: 3px solid #fff;
}

@media (min-width: 485px) {
  /* line 24, app/assets/stylesheets/contentparts/cp_table.scss */
  .contentpart.table {
    padding: 0 calc( 2rem - 3px);
  }
}

@media (min-width: 580px) {
  /* line 31, app/assets/stylesheets/contentparts/cp_table.scss */
  .contentpart.table {
    padding: 0 calc( 1.5rem - 3px);
  }
}

@media (min-width: 640px) {
  /* line 38, app/assets/stylesheets/contentparts/cp_table.scss */
  .contentpart.table {
    padding: 0 calc( 2rem - 3px);
  }
}

@media (min-width: 1024px) {
  /* line 45, app/assets/stylesheets/contentparts/cp_table.scss */
  .contentpart.table {
    padding: 0 calc( 3rem - 3px);
  }
  /* line 47, app/assets/stylesheets/contentparts/cp_table.scss */
  .contentpart.table table {
    max-width: 48rem;
  }
}
/* line 11, app/assets/stylesheets/contentparts/cp_tile.scss */
.contentpart.tile {
  display: block;
  max-width: 54rem;
  margin: 1.5rem;
  padding: 1rem 0;
  color: #000;
  background-color: #fff;
  border: none;
  border-radius: 1rem;
  text-decoration: none;
}

@media (min-width: 485px) {
  /* line 11, app/assets/stylesheets/contentparts/cp_tile.scss */
  .contentpart.tile {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 11, app/assets/stylesheets/contentparts/cp_tile.scss */
  .contentpart.tile {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 11, app/assets/stylesheets/contentparts/cp_tile.scss */
  .contentpart.tile {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 11, app/assets/stylesheets/contentparts/cp_tile.scss */
  .contentpart.tile {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

/* line 25, app/assets/stylesheets/contentparts/cp_tile.scss */
.contentpart.tile p {
  margin: 0 auto;
  max-width: 54rem;
}

/* line 30, app/assets/stylesheets/contentparts/cp_tile.scss */
.contentpart.tile strong {
  display: inline-block;
  margin-bottom: 0.5rem;
  color: #0071bc;
  font-size: 1.19em;
}

/* line 37, app/assets/stylesheets/contentparts/cp_tile.scss */
.contentpart.tile a {
  display: inline-block;
  margin-top: 0.5rem;
  font-weight: bold;
  text-decoration: none;
}

/* line 43, app/assets/stylesheets/contentparts/cp_tile.scss */
.contentpart.tile a:hover {
  text-decoration: underline;
}

/* line 48, app/assets/stylesheets/contentparts/cp_tile.scss */
.contentpart.tile .link_label {
  padding: 0 1rem;
  color: #0071bc;
  font-weight: bold;
  text-decoration: none;
}

/* line 55, app/assets/stylesheets/contentparts/cp_tile.scss */
.contentpart.tile .info {
  padding: 0 1rem;
  color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 1024px) {
  /* line 62, app/assets/stylesheets/contentparts/cp_tile.scss */
  .contentpart.tile p {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
/* line 14, app/assets/stylesheets/contentparts/cp_video.scss */
.contentpart.video video {
  width: 100%;
}

@media (min-width: 485px) {
  /* line 19, app/assets/stylesheets/contentparts/cp_video.scss */
  .contentpart.video {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0.5rem;
  }
}
/* line 12, app/assets/stylesheets/entities/accounts/account.scss */
.page_accounts_index #body {
  max-width: unset;
}

/* line 17, app/assets/stylesheets/entities/accounts/account.scss */
.status_bar {
  padding: 0 1.5rem;
}

/* line 20, app/assets/stylesheets/entities/accounts/account.scss */
.status_bar .badge {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  padding-top: 0.25rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
/* line 13, app/assets/stylesheets/entities/accounts/account_admin.scss */
.accounts_list.admin .account_preview .picture {
  float: left;
  width: 5rem;
  height: 5rem;
  margin: -1rem 1rem -1rem -1.5rem;
  padding: 0;
}

/* line 20, app/assets/stylesheets/entities/accounts/account_admin.scss */
.accounts_list.admin .account_preview .picture .icon.broken,
.accounts_list.admin .account_preview .picture .icon.missing {
  width: 5rem;
  padding: 1rem;
}

/* line 26, app/assets/stylesheets/entities/accounts/account_admin.scss */
.accounts_list.admin .account_preview .status {
  top: 1rem;
  left: 0.5rem;
  right: unset;
  font-size: 0.7056em;
}

/* line 32, app/assets/stylesheets/entities/accounts/account_admin.scss */
.accounts_list.admin .account_preview .title {
  padding: 0;
  font-size: 1.19rem;
}

/* line 36, app/assets/stylesheets/entities/accounts/account_admin.scss */
.accounts_list.admin .account_preview .title.blank {
  font-weight: normal;
  font-style: italic;
}

/* line 41, app/assets/stylesheets/entities/accounts/account_admin.scss */
.accounts_list.admin .account_preview .tags_list_at_entity {
  margin: 0;
}

/* line 44, app/assets/stylesheets/entities/accounts/account_admin.scss */
.accounts_list.admin .account_preview .tags_list_at_entity .tag_display {
  padding: 0;
}

/* line 47, app/assets/stylesheets/entities/accounts/account_admin.scss */
.accounts_list.admin .account_preview .tags_list_at_entity .tag_display .label {
  font-size: 0.7056em;
}

/* line 52, app/assets/stylesheets/entities/accounts/account_admin.scss */
.accounts_list.admin .account_preview .next_arrow {
  margin: 0.5rem -0.5rem 0.5rem 0.5rem;
}

@media (min-width: 485px) {
  /* line 59, app/assets/stylesheets/entities/accounts/account_admin.scss */
  .accounts_list.admin .account_preview {
    height: unset;
    margin-bottom: 1rem;
  }
  /* line 63, app/assets/stylesheets/entities/accounts/account_admin.scss */
  .accounts_list.admin .account_preview .picture {
    margin: 0 1rem 0 0;
  }
  /* line 66, app/assets/stylesheets/entities/accounts/account_admin.scss */
  .accounts_list.admin .account_preview .next_arrow {
    margin-top: 1.5rem;
  }
}

/* line 75, app/assets/stylesheets/entities/accounts/account_admin.scss */
.tab_view .account_details .picture {
  margin: 1rem 1.5rem;
}

/* line 79, app/assets/stylesheets/entities/accounts/account_admin.scss */
.tab_view .account_details .status {
  top: 2rem;
  background-color: #fff;
}

@media (min-width: 485px) {
  /* line 88, app/assets/stylesheets/entities/accounts/account_admin.scss */
  .tab_view .account_details .picture {
    margin: 1rem 1rem 1rem 1.5rem;
    padding: 0;
  }
}

/* line 96, app/assets/stylesheets/entities/accounts/account_admin.scss */
.admin_page .comments_block {
  background-color: transparent;
  border: 0;
}

@media (min-width: 485px) {
  /* line 102, app/assets/stylesheets/entities/accounts/account_admin.scss */
  .page_admin_accounts_index #body {
    padding-top: 0;
    max-width: unset;
  }
}
/* line 12, app/assets/stylesheets/entities/accounts/account_build.scss */
article.build_account .eh_hello_small {
  max-width: 5rem;
  margin-left: 5rem;
}

/* line 16, app/assets/stylesheets/entities/accounts/account_build.scss */
article.build_account .eh_hello_medium {
  max-width: 7rem;
  margin-left: 3rem;
}

/* line 20, app/assets/stylesheets/entities/accounts/account_build.scss */
article.build_account .eh_map {
  max-width: 12rem;
  margin-left: 1.5rem;
}

/* line 24, app/assets/stylesheets/entities/accounts/account_build.scss */
article.build_account .eh_bulb {
  max-width: 6rem;
  margin-left: 2.5rem;
}

/* line 28, app/assets/stylesheets/entities/accounts/account_build.scss */
article.build_account .eh_thumbs {
  max-width: 8rem;
  margin-left: 1.5rem;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/entities/accounts/account_build.scss */
  article.build_account .eh_hello_small,
article.build_account .eh_hello_medium,
article.build_account .eh_map,
article.build_account .eh_bulb,
article.build_account .eh_thumbs {
    margin: 0 auto;
  }
  /* line 42, app/assets/stylesheets/entities/accounts/account_build.scss */
  article.build_account .eh_thumbs {
    max-width: 10;
    margin: 0 auto;
  }
}
/* line 15, app/assets/stylesheets/entities/accounts/account_details.scss */
article.account_details {
  position: relative;
}

/* line 19, app/assets/stylesheets/entities/accounts/account_details.scss */
article.account_details .text_col .status {
  position: absolute;
  top: 2rem;
  left: auto;
  right: 0.5rem;
}

/* line 26, app/assets/stylesheets/entities/accounts/account_details.scss */
article.account_details .text_col h1 {
  padding-top: 1.5rem;
}

/* line 30, app/assets/stylesheets/entities/accounts/account_details.scss */
article.account_details .text_col .label,
article.account_details .text_col .description {
  margin: 1rem 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 37, app/assets/stylesheets/entities/accounts/account_details.scss */
article.account_details .text_col .label {
  margin-top: 0;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.19rem;
  font-weight: bold;
}

/* line 44, app/assets/stylesheets/entities/accounts/account_details.scss */
article.account_details .text_col .description {
  margin-bottom: 2rem;
}

/* line 49, app/assets/stylesheets/entities/accounts/account_details.scss */
article.account_details .text_col .message_block .sym_button {
  margin: 0 0.5rem 1rem 1.5rem;
}

/* line 52, app/assets/stylesheets/entities/accounts/account_details.scss */
article.account_details .text_col .message_block .remote_form {
  padding: 1rem 1.5rem;
  background-color: transparent;
}

/* line 56, app/assets/stylesheets/entities/accounts/account_details.scss */
article.account_details .text_col .message_block .remote_form form.inline {
  margin: 0 auto;
  background-color: transparent;
}

@media (min-width: 485px) {
  /* line 65, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details {
    display: flex;
    align-items: start;
    padding: 0;
    padding-bottom: 1rem;
  }
  /* line 71, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details .picture_col {
    flex: 1 1 40%;
  }
  /* line 74, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details .picture_col .picture_preview {
    margin: 1.5rem 2rem;
    margin-right: 0;
    padding: 0;
    border-radius: 1rem;
  }
  /* line 82, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details .text_col {
    flex: 1 1 60%;
  }
  /* line 85, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details .text_col h1,
article.account_details .text_col p,
article.account_details .text_col .action_buttons {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  /* line 92, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details .text_col .tags_list_at_entity {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  /* line 97, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details .text_col .message_block {
    margin: 1rem 1.5rem;
  }
  /* line 100, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details .text_col .message_block .remote_form {
    margin: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (min-width: 580px) {
  /* line 111, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details {
    display: block;
  }
  /* line 115, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details .picture_col .picture_preview {
    margin: 1.5rem;
    margin-bottom: 0;
  }
}

@media (min-width: 640px) {
  /* line 130, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details {
    display: block;
  }
  /* line 134, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details .picture_col .picture_preview {
    margin: 1.5rem 2rem;
    margin-bottom: 0;
  }
  /* line 141, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details .text_col h1,
article.account_details .text_col p,
article.account_details .text_col .label,
article.account_details .text_col .description,
article.account_details .text_col .action_buttons {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  /* line 150, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details .text_col .tags_list_at_entity {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  /* line 155, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details .text_col .message_block {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  /* line 159, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details .text_col .message_block .remote_form {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 880px) {
  /* line 168, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details {
    display: flex;
  }
  /* line 172, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details .picture_col .picture_preview {
    margin-right: 0;
  }
}

@media (min-width: 1024px) {
  /* line 184, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details .picture_col .picture_preview {
    margin: 2rem 3rem;
    margin-right: 0;
  }
  /* line 191, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details .text_col h1 {
    padding-top: 2rem;
  }
  /* line 195, app/assets/stylesheets/entities/accounts/account_details.scss */
  article.account_details .text_col h1,
article.account_details .text_col p,
article.account_details .text_col .label,
article.account_details .text_col .description,
article.account_details .text_col .action_buttons {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 210, app/assets/stylesheets/entities/accounts/account_details.scss */
#page .account_details h1 {
  margin-bottom: 0.25rem;
}

/* line 215, app/assets/stylesheets/entities/accounts/account_details.scss */
.admin_page article.account_details {
  padding-bottom: 0;
}

/* line 218, app/assets/stylesheets/entities/accounts/account_details.scss */
.admin_page article.account_details .picture {
  border: 2px solid #f0e9de;
}

/* line 222, app/assets/stylesheets/entities/accounts/account_details.scss */
.admin_page article.account_details p:last-child {
  margin-bottom: 0;
}
/* line 13, app/assets/stylesheets/entities/accounts/account_mine.scss */
article.mine_account {
  margin-top: 1rem;
}

/* line 16, app/assets/stylesheets/entities/accounts/account_mine.scss */
article.mine_account .account_header_block {
  display: flex;
  column-gap: 0.5rem;
  align-items: center;
  margin: -0.5rem 0 1rem;
  padding: 0 1.5rem;
}

@media (min-width: 485px) {
  /* line 16, app/assets/stylesheets/entities/accounts/account_mine.scss */
  article.mine_account .account_header_block {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 16, app/assets/stylesheets/entities/accounts/account_mine.scss */
  article.mine_account .account_header_block {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 16, app/assets/stylesheets/entities/accounts/account_mine.scss */
  article.mine_account .account_header_block {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 16, app/assets/stylesheets/entities/accounts/account_mine.scss */
  article.mine_account .account_header_block {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 24, app/assets/stylesheets/entities/accounts/account_mine.scss */
article.mine_account .account_header_block .picture.thumb {
  flex: 0 0 auto;
  margin: 0;
  border-radius: 5rem;
}

/* line 30, app/assets/stylesheets/entities/accounts/account_mine.scss */
article.mine_account .account_header_block .text_info {
  flex: 1 1 auto;
  text-align: left;
}

/* line 34, app/assets/stylesheets/entities/accounts/account_mine.scss */
article.mine_account .account_header_block .text_info .title {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  color: #000;
  font-size: 1.19em;
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/entities/accounts/account_mine.scss */
article.mine_account .account_header_block .text_info .last_activity {
  margin: 0;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.84em;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 52, app/assets/stylesheets/entities/accounts/account_mine.scss */
  article.mine_account .account_header_block,
article.mine_account .big_buttons_block {
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 60, app/assets/stylesheets/entities/accounts/account_mine.scss */
.page_accounts_mine.headerless_page #body {
  max-width: unset;
}

/* line 63, app/assets/stylesheets/entities/accounts/account_mine.scss */
.page_accounts_mine.headerless_page #body .account_header_block {
  max-width: 30rem;
}

/* line 66, app/assets/stylesheets/entities/accounts/account_mine.scss */
.page_accounts_mine.headerless_page #body .important_box {
  max-width: unset;
}

@media (min-width: 1024px) {
  /* line 72, app/assets/stylesheets/entities/accounts/account_mine.scss */
  .page_accounts_mine.headerless_page #body .important_box {
    max-width: 54rem;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 11, app/assets/stylesheets/entities/accounts/account_preview.scss */
.account_preview {
  display: block;
  height: 100%;
  padding: 0;
  background-color: #fff;
  border-radius: 1rem;
  overflow: hidden;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.account_preview::before, .account_preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.account_preview::after {
  clear: both;
}

/* line 24, app/assets/stylesheets/entities/accounts/account_preview.scss */
.account_preview .picture {
  margin: 0;
  margin-bottom: 0.5rem;
  padding: 0;
}

/* line 30, app/assets/stylesheets/entities/accounts/account_preview.scss */
.account_preview .next_arrow {
  float: right;
  width: 2.5rem;
  margin: 0.75rem 0.5rem 0.5rem 0.5rem;
}

/* line 36, app/assets/stylesheets/entities/accounts/account_preview.scss */
.account_preview .title {
  margin: 1rem 0 0.25rem;
  padding: 0 1rem;
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161rem;
  font-weight: bold;
}

/* line 46, app/assets/stylesheets/entities/accounts/account_preview.scss */
.account_preview .label {
  margin: 0.25rem 0 0.5rem;
  padding: 0 1rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 52, app/assets/stylesheets/entities/accounts/account_preview.scss */
.account_preview .tags_list_at_entity {
  margin: 0.5rem 0;
  padding: 0 0.75rem;
}

/* line 57, app/assets/stylesheets/entities/accounts/account_preview.scss */
.account_preview .description {
  margin: 1rem 0;
  padding: 0 1rem;
  color: #000;
  font-size: 0.86em;
}
/* line 11, app/assets/stylesheets/entities/accounts/accounts_list.scss */
.accounts_list {
  max-width: unset;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  column-gap: 1rem;
  row-gap: 1rem;
  align-self: stretch;
  margin: 1.5rem 0;
  padding: 0 1.5rem;
  list-style: none outside;
}

@media (min-width: 485px) {
  /* line 11, app/assets/stylesheets/entities/accounts/accounts_list.scss */
  .accounts_list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 11, app/assets/stylesheets/entities/accounts/accounts_list.scss */
  .accounts_list {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 11, app/assets/stylesheets/entities/accounts/accounts_list.scss */
  .accounts_list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 11, app/assets/stylesheets/entities/accounts/accounts_list.scss */
  .accounts_list {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 24, app/assets/stylesheets/entities/accounts/accounts_list.scss */
.accounts_list > li {
  border: none;
}

@media (min-width: 1024px) {
  /* line 29, app/assets/stylesheets/entities/accounts/accounts_list.scss */
  .accounts_list {
    margin-bottom: 2rem;
  }
}
/* line 13, app/assets/stylesheets/entities/answers.scss */
.answers_list {
  margin: 1rem 0;
  padding: 0 1rem;
  list-style: none outside;
}

@media (min-width: 485px) {
  /* line 13, app/assets/stylesheets/entities/answers.scss */
  .answers_list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 13, app/assets/stylesheets/entities/answers.scss */
  .answers_list {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 13, app/assets/stylesheets/entities/answers.scss */
  .answers_list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 13, app/assets/stylesheets/entities/answers.scss */
  .answers_list {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 21, app/assets/stylesheets/entities/answers.scss */
.answer_preview {
  margin: 1.5rem 0;
}

/* line 24, app/assets/stylesheets/entities/answers.scss */
.answer_preview .title {
  color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
}

/* line 29, app/assets/stylesheets/entities/answers.scss */
.answer_preview .author {
  margin: 0 0 0.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 34, app/assets/stylesheets/entities/answers.scss */
.answer_preview .action_buttons {
  padding: 0;
}
/* line 14, app/assets/stylesheets/entities/articles/article_detail.scss */
.article_detail {
  position: relative;
  padding: 1rem 0 2rem;
}

/* line 15, app/assets/stylesheets/_item_details.scss */
.article_detail .status {
  position: absolute;
  top: 3em;
  right: 1em;
  padding: 0.25em 1rem;
  color: #fff;
  background-color: #8cc53f;
  font-weight: bold;
  text-transform: uppercase;
  transform: rotate(30deg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 28, app/assets/stylesheets/_item_details.scss */
.article_detail .title {
  margin: 1rem 0 0.5rem;
  padding: 0 1.5rem;
}

/* line 33, app/assets/stylesheets/_item_details.scss */
.article_detail .label {
  margin: 0.5rem 0 1rem;
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.19rem;
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/_item_details.scss */
.article_detail .date {
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 46, app/assets/stylesheets/_item_details.scss */
.article_detail .description {
  margin-top: 1rem;
  padding: 0 1.5rem;
  font-size: 1.19em;
  font-style: italic;
}

/* line 54, app/assets/stylesheets/_item_details.scss */
.article_detail .author {
  margin: 0;
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 60, app/assets/stylesheets/_item_details.scss */
.article_detail .title,
.article_detail .label,
.article_detail .date,
.article_detail .description,
.article_detail .author {
  max-width: 54rem;
}

@media (min-width: 485px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .article_detail .title,
.article_detail .label,
.article_detail .date,
.article_detail .description,
.article_detail .author {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .article_detail .title,
.article_detail .label,
.article_detail .date,
.article_detail .description,
.article_detail .author {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .article_detail .title,
.article_detail .label,
.article_detail .date,
.article_detail .description,
.article_detail .author {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .article_detail .title,
.article_detail .label,
.article_detail .date,
.article_detail .description,
.article_detail .author {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 69, app/assets/stylesheets/_item_details.scss */
.article_detail .summary_title.blank {
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 17, app/assets/stylesheets/entities/articles/article_detail.scss */
.article_detail .status {
  top: 4rem;
}

@media (min-width: 485px) {
  /* line 20, app/assets/stylesheets/entities/articles/article_detail.scss */
  .article_detail .date,
.article_detail .author,
.article_detail .description {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 20, app/assets/stylesheets/entities/articles/article_detail.scss */
  .article_detail .date,
.article_detail .author,
.article_detail .description {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 20, app/assets/stylesheets/entities/articles/article_detail.scss */
  .article_detail .date,
.article_detail .author,
.article_detail .description {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 20, app/assets/stylesheets/entities/articles/article_detail.scss */
  .article_detail .date,
.article_detail .author,
.article_detail .description {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 25, app/assets/stylesheets/entities/articles/article_detail.scss */
.article_detail h1.title {
  margin-top: 0.5rem;
}

@media (min-width: 580px) {
  /* line 30, app/assets/stylesheets/entities/articles/article_detail.scss */
  .article_detail {
    padding-top: 2rem;
  }
  /* line 33, app/assets/stylesheets/entities/articles/article_detail.scss */
  .article_detail .date,
.article_detail .author,
.article_detail .title,
.article_detail .tags_list_at_entity,
.article_detail .description,
.article_detail h2, .article_detail h3, .article_detail h4, .article_detail h5, .article_detail h6 {
    max-width: 54rem;
  }
}
@media (min-width: 485px) {
  /* line 15, app/assets/stylesheets/entities/articles/articles.scss */
  .page_articles_index #body {
    max-width: 54rem;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 20, app/assets/stylesheets/entities/articles/articles.scss */
  .page_articles_index #body h1 {
    margin-left: 37%;
    padding-left: 0.25rem;
  }
}

/* line 28, app/assets/stylesheets/entities/articles/articles.scss */
.articles_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.articles_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.articles_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.articles_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .articles_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .articles_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .articles_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .articles_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.articles_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.articles_list .preview::before, .articles_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.articles_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .articles_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .articles_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .articles_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .articles_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.articles_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.articles_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.articles_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.articles_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.articles_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.articles_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.articles_list .preview .content,
.articles_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.articles_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.articles_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 31, app/assets/stylesheets/entities/articles/articles.scss */
.articles_list .preview {
  border-top: 1px solid #d8c6a9;
}

/* line 34, app/assets/stylesheets/entities/articles/articles.scss */
.articles_list .preview .picture {
  width: 100%;
}

/* line 37, app/assets/stylesheets/entities/articles/articles.scss */
.articles_list .preview .title {
  padding: 0.5rem 0 0.25rem;
  line-height: 1.1;
}

/* line 41, app/assets/stylesheets/entities/articles/articles.scss */
.articles_list .preview .author {
  color: rgba(0, 0, 0, 0.5);
}

/* line 45, app/assets/stylesheets/entities/articles/articles.scss */
.articles_list .preview .info_block .tags_list {
  padding: 0;
}

/* line 49, app/assets/stylesheets/entities/articles/articles.scss */
.articles_list .preview .tags_list_at_entity {
  padding: 0;
}

/* line 52, app/assets/stylesheets/entities/articles/articles.scss */
.articles_list .preview .next_arrow {
  margin: 0.75rem -0.5rem 0.5rem 0.5rem;
}

@media (min-width: 485px) {
  /* line 59, app/assets/stylesheets/entities/articles/articles.scss */
  .articles_list .preview {
    border-top: none;
    padding: 1.5rem;
    text-align: right;
  }
  /* line 64, app/assets/stylesheets/entities/articles/articles.scss */
  .articles_list .preview .picture {
    float: right;
    width: 60%;
    padding: 0;
    margin: 0 0 0.75rem 1rem;
  }
  /* line 70, app/assets/stylesheets/entities/articles/articles.scss */
  .articles_list .preview .title {
    padding-top: 0;
  }
  /* line 75, app/assets/stylesheets/entities/articles/articles.scss */
  .articles_list .preview .next_arrow {
    display: none;
  }
  /* line 78, app/assets/stylesheets/entities/articles/articles.scss */
  .articles_list .preview .description {
    clear: both;
    margin-left: 40%;
    text-align: justify;
  }
}
/* line 11, app/assets/stylesheets/entities/comments.scss */
.comments_block {
  padding: 1rem 1.5rem;
  background-color: #e6dbc9;
  border-top: 1px solid #d8c6a9;
  border-bottom: 1px solid #d8c6a9;
}

@media (min-width: 485px) {
  /* line 11, app/assets/stylesheets/entities/comments.scss */
  .comments_block {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 11, app/assets/stylesheets/entities/comments.scss */
  .comments_block {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 11, app/assets/stylesheets/entities/comments.scss */
  .comments_block {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 11, app/assets/stylesheets/entities/comments.scss */
  .comments_block {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 18, app/assets/stylesheets/entities/comments.scss */
.comments_block .action_buttons {
  padding: 0;
}

/* line 23, app/assets/stylesheets/entities/comments.scss */
.comments_list {
  margin: 0;
  padding: 0;
  list-style: none outside;
}

/* line 28, app/assets/stylesheets/entities/comments.scss */
.comments_list .comment,
.comments_list .log {
  margin-bottom: 0.5rem;
  padding: 0;
  font-size: 1rem;
}

/* line 34, app/assets/stylesheets/entities/comments.scss */
.comments_list .comment:last-child,
.comments_list .log:last-child {
  margin-bottom: 0;
}

/* line 38, app/assets/stylesheets/entities/comments.scss */
.comments_list .comment img,
.comments_list .log img {
  width: 1.5rem;
  margin-right: 0.5rem;
}

/* line 43, app/assets/stylesheets/entities/comments.scss */
.comments_list .comment .author_info,
.comments_list .log .author_info {
  display: inline;
  color: rgba(0, 0, 0, 0.5);
}

/* line 49, app/assets/stylesheets/entities/comments.scss */
.comments_list .log {
  color: rgba(0, 0, 0, 0.5);
}

/* line 54, app/assets/stylesheets/entities/comments.scss */
.comment_form {
  max-width: 54rem;
  margin-top: 1rem;
}

/* line 58, app/assets/stylesheets/entities/comments.scss */
.comment_form form {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}

/* line 64, app/assets/stylesheets/entities/comments.scss */
.comment_form form textarea {
  padding: 0.75rem 1rem;
  border: 2px solid #d8c6a9;
  border-radius: 1rem;
  background-color: transparent;
}
/* line 13, app/assets/stylesheets/entities/community.scss */
.community_index_block {
  margin: 0;
  margin-top: -1.5rem;
}

@media (min-width: 485px) {
  /* line 19, app/assets/stylesheets/entities/community.scss */
  .community_index_block .accounts_tile {
    margin-right: auto;
  }
}

@media (min-width: 580px) {
  /* line 26, app/assets/stylesheets/entities/community.scss */
  .community_index_block .accounts_tile {
    margin-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 33, app/assets/stylesheets/entities/community.scss */
  .community_index_block .accounts_tile {
    margin-right: 0rem;
  }
}

@media (min-width: 1024px) {
  /* line 39, app/assets/stylesheets/entities/community.scss */
  .community_index_block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-right: auto;
    max-width: 55rem;
  }
  /* line 45, app/assets/stylesheets/entities/community.scss */
  .community_index_block .time_span_block {
    grid-column-start: 1;
    align-self: start;
    justify-self: stretch;
  }
  /* line 50, app/assets/stylesheets/entities/community.scss */
  .community_index_block .search_block {
    grid-column-start: 2;
    justify-self: stretch;
  }
  /* line 54, app/assets/stylesheets/entities/community.scss */
  .community_index_block .search_block form {
    margin-right: 3rem;
  }
}

/* line 63, app/assets/stylesheets/entities/community.scss */
article.community_search .save_plz {
  margin: 0.5rem 1rem 2rem;
  padding-bottom: 0.5rem;
  background-color: #ffdd99;
  border: 2px solid #ffaa00;
  border-radius: 0.5rem;
  text-align: left;
}

/* line 75, app/assets/stylesheets/entities/community.scss */
article.community_show .account_tile_list {
  margin: 0;
  padding: 0;
  list-style: none outside;
}

/* line 85, app/assets/stylesheets/entities/community.scss */
.community_index_block .eh_illu {
  max-width: 14rem;
  margin: 0 auto;
}
/* line 13, app/assets/stylesheets/entities/contacts.scss */
h1.contact.prospect {
  font-style: italic;
}

/* line 17, app/assets/stylesheets/entities/contacts.scss */
.contacts_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
  margin: 1rem 0 0;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.contacts_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.contacts_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.contacts_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .contacts_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .contacts_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .contacts_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .contacts_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.contacts_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.contacts_list .preview::before, .contacts_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.contacts_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .contacts_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .contacts_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .contacts_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .contacts_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.contacts_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.contacts_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.contacts_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.contacts_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.contacts_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.contacts_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.contacts_list .preview .content,
.contacts_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.contacts_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.contacts_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 21, app/assets/stylesheets/entities/contacts.scss */
.contacts_list .contact_preview {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-right: 0.5rem;
  overflow: hidden;
  color: #000;
  text-decoration: none;
}

/* line 34, app/assets/stylesheets/entities/contacts.scss */
.contacts_list .contact_preview .label {
  flex: 1 1 auto;
  overflow: hidden;
}

/* line 38, app/assets/stylesheets/entities/contacts.scss */
.contacts_list .contact_preview .label .email {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 43, app/assets/stylesheets/entities/contacts.scss */
.contacts_list .contact_preview .label .email.unconfirmed {
  font-weight: normal;
  font-style: italic;
}

/* line 48, app/assets/stylesheets/entities/contacts.scss */
.contacts_list .contact_preview .label .name.prospect {
  font-style: italic;
}

/* line 52, app/assets/stylesheets/entities/contacts.scss */
.contacts_list .contact_preview .tags_list_at_entity {
  margin: 0;
  padding: 0 0.25rem;
  align-self: center;
  font-size: 0.86rem;
}

/* line 59, app/assets/stylesheets/entities/contacts.scss */
.contacts_list .contact_preview .badge_cell {
  min-width: 1rem;
  flex: 0 0 auto;
  align-self: center;
  text-align: center;
  white-space: nowrap;
}

/* line 66, app/assets/stylesheets/entities/contacts.scss */
.contacts_list .contact_preview .badge_cell .badge {
  margin: 0 0.1rem;
}

/* line 71, app/assets/stylesheets/entities/contacts.scss */
.contacts_list .contact_preview .angle {
  flex: 0 0 1.5rem;
  justify-self: end;
  justify-content: end;
  align-self: center;
  text-align: right;
}

@media (min-width: 485px) {
  /* line 81, app/assets/stylesheets/entities/contacts.scss */
  .contacts_list {
    margin-bottom: 0;
  }
  /* line 84, app/assets/stylesheets/entities/contacts.scss */
  .contacts_list .contact_preview {
    padding-right: 1rem;
  }
}

/* line 92, app/assets/stylesheets/entities/contacts.scss */
.contact_page .contact_details {
  background-color: #e8ddcc;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.contact_page .contact_details::before, .contact_page .contact_details::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.contact_page .contact_details::after {
  clear: both;
}

/* line 97, app/assets/stylesheets/entities/contacts.scss */
.contact_page .comments_block {
  background-color: transparent;
  border: 0;
}
/* line 17, app/assets/stylesheets/entities/decisions/decision_list.scss */
.decisions_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
  margin-top: 0;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.decisions_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.decisions_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.decisions_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .decisions_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .decisions_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .decisions_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .decisions_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.decisions_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.decisions_list .preview::before, .decisions_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.decisions_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .decisions_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .decisions_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .decisions_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .decisions_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.decisions_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.decisions_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.decisions_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.decisions_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.decisions_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.decisions_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.decisions_list .preview .content,
.decisions_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.decisions_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.decisions_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 21, app/assets/stylesheets/entities/decisions/decision_list.scss */
.decisions_list li {
  border: none;
}

/* line 25, app/assets/stylesheets/entities/decisions/decision_list.scss */
.decisions_list .preview {
  margin: 1rem;
  padding-bottom: 0.75rem;
  background-color: #fff;
  border-radius: 0.5rem;
}

/* line 31, app/assets/stylesheets/entities/decisions/decision_list.scss */
.decisions_list .preview .title {
  margin-top: 0.5rem;
  line-height: 1.2;
}

/* line 36, app/assets/stylesheets/entities/decisions/decision_list.scss */
.decisions_list .preview .status_badge {
  color: #fff;
}

/* line 39, app/assets/stylesheets/entities/decisions/decision_list.scss */
.decisions_list .preview .status_badge.proposing {
  background-color: #cc8800;
}

/* line 42, app/assets/stylesheets/entities/decisions/decision_list.scss */
.decisions_list .preview .status_badge.voting {
  background-color: #8cc53f;
}

/* line 45, app/assets/stylesheets/entities/decisions/decision_list.scss */
.decisions_list .preview .status_badge.voting.done {
  background-color: #e8ebe5;
}

/* line 49, app/assets/stylesheets/entities/decisions/decision_list.scss */
.decisions_list .preview .status_badge.done {
  background-color: gray;
}

/* line 54, app/assets/stylesheets/entities/decisions/decision_list.scss */
.decisions_list .preview .description {
  margin-bottom: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 60, app/assets/stylesheets/entities/decisions/decision_list.scss */
.decisions_list .preview .decision_infos {
  padding: 0;
}
/* line 20, app/assets/stylesheets/entities/decisions/decisions.scss */
.page_decisions_show #body {
  padding-top: 1rem;
  padding-bottom: 0;
}

/* line 25, app/assets/stylesheets/entities/decisions/decisions.scss */
.decisions_tabs_block {
  list-style: outside none;
}

/* line 28, app/assets/stylesheets/entities/decisions/decisions.scss */
.decisions_tabs_block .tabs {
  display: block;
  float: left;
  width: auto;
}

/* line 35, app/assets/stylesheets/entities/decisions/decisions.scss */
.decision_infos {
  margin-top: 0.5rem;
  padding: 0 1.5rem;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.decision_infos::before, .decision_infos::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.decision_infos::after {
  clear: both;
}

/* line 41, app/assets/stylesheets/entities/decisions/decisions.scss */
.decision_infos .number.proposals {
  color: #cc8800;
}

/* line 44, app/assets/stylesheets/entities/decisions/decisions.scss */
.decision_infos .number.votes {
  color: #8cc53f;
}

/* line 49, app/assets/stylesheets/entities/decisions/decisions.scss */
.decision_infos .icon {
  height: 1.25rem;
  padding-bottom: 0.15rem;
}

/* line 54, app/assets/stylesheets/entities/decisions/decisions.scss */
.decision_infos .proposers_names {
  margin: 0.25rem 0 0.75rem;
}

/* line 59, app/assets/stylesheets/entities/decisions/decisions.scss */
.decision_detail {
  position: relative;
  padding: 1rem 0 2rem;
  max-width: 54rem;
  margin-top: 1rem;
  padding: 0;
}

/* line 15, app/assets/stylesheets/_item_details.scss */
.decision_detail .status {
  position: absolute;
  top: 3em;
  right: 1em;
  padding: 0.25em 1rem;
  color: #fff;
  background-color: #8cc53f;
  font-weight: bold;
  text-transform: uppercase;
  transform: rotate(30deg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 28, app/assets/stylesheets/_item_details.scss */
.decision_detail .title {
  margin: 1rem 0 0.5rem;
  padding: 0 1.5rem;
}

/* line 33, app/assets/stylesheets/_item_details.scss */
.decision_detail .label {
  margin: 0.5rem 0 1rem;
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.19rem;
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/_item_details.scss */
.decision_detail .date {
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 46, app/assets/stylesheets/_item_details.scss */
.decision_detail .description {
  margin-top: 1rem;
  padding: 0 1.5rem;
  font-size: 1.19em;
  font-style: italic;
}

/* line 54, app/assets/stylesheets/_item_details.scss */
.decision_detail .author {
  margin: 0;
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 60, app/assets/stylesheets/_item_details.scss */
.decision_detail .title,
.decision_detail .label,
.decision_detail .date,
.decision_detail .description,
.decision_detail .author {
  max-width: 54rem;
}

@media (min-width: 485px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .decision_detail .title,
.decision_detail .label,
.decision_detail .date,
.decision_detail .description,
.decision_detail .author {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .decision_detail .title,
.decision_detail .label,
.decision_detail .date,
.decision_detail .description,
.decision_detail .author {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .decision_detail .title,
.decision_detail .label,
.decision_detail .date,
.decision_detail .description,
.decision_detail .author {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .decision_detail .title,
.decision_detail .label,
.decision_detail .date,
.decision_detail .description,
.decision_detail .author {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 69, app/assets/stylesheets/_item_details.scss */
.decision_detail .summary_title.blank {
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 66, app/assets/stylesheets/entities/decisions/decisions.scss */
.decision_detail .variant {
  padding: 0 1.5rem;
}

@media (min-width: 485px) {
  /* line 66, app/assets/stylesheets/entities/decisions/decisions.scss */
  .decision_detail .variant {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 66, app/assets/stylesheets/entities/decisions/decisions.scss */
  .decision_detail .variant {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 66, app/assets/stylesheets/entities/decisions/decisions.scss */
  .decision_detail .variant {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 66, app/assets/stylesheets/entities/decisions/decisions.scss */
  .decision_detail .variant {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 71, app/assets/stylesheets/entities/decisions/decisions.scss */
.decision_detail .description {
  margin: 1rem 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-style: normal;
}

@media (min-width: 485px) {
  /* line 71, app/assets/stylesheets/entities/decisions/decisions.scss */
  .decision_detail .description {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 71, app/assets/stylesheets/entities/decisions/decisions.scss */
  .decision_detail .description {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 71, app/assets/stylesheets/entities/decisions/decisions.scss */
  .decision_detail .description {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 71, app/assets/stylesheets/entities/decisions/decisions.scss */
  .decision_detail .description {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 485px) {
  /* line 80, app/assets/stylesheets/entities/decisions/decisions.scss */
  .decision_detail .date,
.decision_detail .decision_infos {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 80, app/assets/stylesheets/entities/decisions/decisions.scss */
  .decision_detail .date,
.decision_detail .decision_infos {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 80, app/assets/stylesheets/entities/decisions/decisions.scss */
  .decision_detail .date,
.decision_detail .decision_infos {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 80, app/assets/stylesheets/entities/decisions/decisions.scss */
  .decision_detail .date,
.decision_detail .decision_infos {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 86, app/assets/stylesheets/entities/decisions/decisions.scss */
.decision_detail.done .variant,
.decision_detail.done .description {
  font-size: 1em;
}

/* line 93, app/assets/stylesheets/entities/decisions/decisions.scss */
.explanation_section {
  max-width: 54rem;
}

/* line 96, app/assets/stylesheets/entities/decisions/decisions.scss */
.explanation_section .explanation_box {
  margin: 1rem 1.5rem;
  background-color: #f2eed9;
  border: 3px solid #d9cc8c;
  border-radius: 0.5rem;
}

/* line 102, app/assets/stylesheets/entities/decisions/decisions.scss */
.explanation_section .explanation_box h1, .explanation_section .explanation_box h2, .explanation_section .explanation_box h3, .explanation_section .explanation_box h4 {
  color: #ccaa00;
}

/* line 105, app/assets/stylesheets/entities/decisions/decisions.scss */
.explanation_section .explanation_box p {
  color: #665500;
}

/* line 112, app/assets/stylesheets/entities/decisions/decisions.scss */
.proposals_section .list_title {
  margin: 1rem 0;
  padding: 0 1.5rem;
}

/* line 116, app/assets/stylesheets/entities/decisions/decisions.scss */
.proposals_section .list_title em {
  font-weight: normal;
}

/* line 122, app/assets/stylesheets/entities/decisions/decisions.scss */
.result_section {
  margin: 1rem 0 0;
}

/* line 125, app/assets/stylesheets/entities/decisions/decisions.scss */
.result_section header {
  padding: 0.5rem 1.5rem;
  font-weight: bold;
  background-color: white;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.result_section header::before, .result_section header::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.result_section header::after {
  clear: both;
}

/* line 131, app/assets/stylesheets/entities/decisions/decisions.scss */
.result_section header .end_side {
  float: right;
  width: auto;
}

/* line 137, app/assets/stylesheets/entities/decisions/decisions.scss */
.result_section .list_title {
  background-color: transparent;
}

/* line 141, app/assets/stylesheets/entities/decisions/decisions.scss */
.result_section .winner_card_block {
  max-width: 54rem;
  padding: 1rem;
}

/* line 145, app/assets/stylesheets/entities/decisions/decisions.scss */
.result_section .winner_card_block .proposal_card {
  border: 5px solid #0071bc;
  border-radius: 0.75rem;
}
/* line 16, app/assets/stylesheets/entities/donations.scss */
.reward_summary .label {
  color: rgba(0, 0, 0, 0.5);
}

/* line 19, app/assets/stylesheets/entities/donations.scss */
.reward_summary .reward_line {
  font-size: 1.19em;
}

/* line 25, app/assets/stylesheets/entities/donations.scss */
.donation_detail {
  position: relative;
  padding: 1rem 0 2rem;
}

/* line 15, app/assets/stylesheets/_item_details.scss */
.donation_detail .status {
  position: absolute;
  top: 3em;
  right: 1em;
  padding: 0.25em 1rem;
  color: #fff;
  background-color: #8cc53f;
  font-weight: bold;
  text-transform: uppercase;
  transform: rotate(30deg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 28, app/assets/stylesheets/_item_details.scss */
.donation_detail .title {
  margin: 1rem 0 0.5rem;
  padding: 0 1.5rem;
}

/* line 33, app/assets/stylesheets/_item_details.scss */
.donation_detail .label {
  margin: 0.5rem 0 1rem;
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.19rem;
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/_item_details.scss */
.donation_detail .date {
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 46, app/assets/stylesheets/_item_details.scss */
.donation_detail .description {
  margin-top: 1rem;
  padding: 0 1.5rem;
  font-size: 1.19em;
  font-style: italic;
}

/* line 54, app/assets/stylesheets/_item_details.scss */
.donation_detail .author {
  margin: 0;
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 60, app/assets/stylesheets/_item_details.scss */
.donation_detail .title,
.donation_detail .label,
.donation_detail .date,
.donation_detail .description,
.donation_detail .author {
  max-width: 54rem;
}

@media (min-width: 485px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .donation_detail .title,
.donation_detail .label,
.donation_detail .date,
.donation_detail .description,
.donation_detail .author {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .donation_detail .title,
.donation_detail .label,
.donation_detail .date,
.donation_detail .description,
.donation_detail .author {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .donation_detail .title,
.donation_detail .label,
.donation_detail .date,
.donation_detail .description,
.donation_detail .author {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .donation_detail .title,
.donation_detail .label,
.donation_detail .date,
.donation_detail .description,
.donation_detail .author {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 69, app/assets/stylesheets/_item_details.scss */
.donation_detail .summary_title.blank {
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 29, app/assets/stylesheets/entities/donations.scss */
.donation_detail .reward_summary {
  margin: 1rem 0;
  padding: 0 1.5rem;
}

/* line 35, app/assets/stylesheets/entities/donations.scss */
.donation_detail .donation_instructions .donation_sum {
  margin: 1rem 0;
  padding: 0 1.5rem;
}

/* line 39, app/assets/stylesheets/entities/donations.scss */
.donation_detail .donation_instructions .reference_nr {
  font-size: 1.19rem;
  font-weight: bold;
}

/* line 47, app/assets/stylesheets/entities/donations.scss */
.donations_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.donations_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.donations_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.donations_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .donations_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .donations_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .donations_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .donations_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.donations_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.donations_list .preview::before, .donations_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.donations_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .donations_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .donations_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .donations_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .donations_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.donations_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.donations_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.donations_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.donations_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.donations_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.donations_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.donations_list .preview .content,
.donations_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.donations_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.donations_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 50, app/assets/stylesheets/entities/donations.scss */
.donations_list .preview {
  padding-bottom: 0;
}

/* line 53, app/assets/stylesheets/entities/donations.scss */
.donations_list .preview .status {
  top: unset;
  bottom: 2rem;
  right: 1.5rem;
  transform: rotate(-20deg);
}

/* line 59, app/assets/stylesheets/entities/donations.scss */
.donations_list .preview .status.new {
  color: #fff;
  background-color: #cc4400;
}

/* line 63, app/assets/stylesheets/entities/donations.scss */
.donations_list .preview .status.closed {
  color: #fff;
  background-color: #8cc53f;
}

/* line 69, app/assets/stylesheets/entities/donations.scss */
.donations_list .preview .description {
  font-style: normal;
}

/* line 73, app/assets/stylesheets/entities/donations.scss */
.donations_list .preview .action_buttons {
  padding-left: 0;
  padding-right: 0;
}
/* line 16, app/assets/stylesheets/entities/events.scss */
.events_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.events_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.events_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.events_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .events_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .events_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .events_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .events_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.events_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.events_list .preview::before, .events_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.events_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .events_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .events_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .events_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .events_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.events_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.events_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.events_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.events_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.events_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.events_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.events_list .preview .content,
.events_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.events_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.events_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 19, app/assets/stylesheets/entities/events.scss */
.events_list .preview {
  padding-bottom: 0;
  border-top: 1px solid #d8c6a9;
}

/* line 23, app/assets/stylesheets/entities/events.scss */
.events_list .preview .next_arrow {
  margin-top: 1.25rem;
}

/* line 27, app/assets/stylesheets/entities/events.scss */
.events_list .preview .date {
  color: #000;
  font-weight: bold;
}

/* line 31, app/assets/stylesheets/entities/events.scss */
.events_list .preview .date span {
  white-space: nowrap;
}

/* line 35, app/assets/stylesheets/entities/events.scss */
.events_list .preview .title {
  margin-bottom: 0.5rem;
  color: #000;
  font-size: 1.4161em;
  font-weight: normal;
}

/* line 41, app/assets/stylesheets/entities/events.scss */
.events_list .preview .tags_list_at_entity {
  margin: -0.25rem 0 0;
  padding: 0;
}

/* line 46, app/assets/stylesheets/entities/events.scss */
.events_list .preview .description,
.events_list .preview .location,
.events_list .preview .details,
.events_list .preview .link {
  margin: 0.5rem 0;
}

/* line 55, app/assets/stylesheets/entities/events.scss */
.events_list .link {
  padding: 0 1.5rem;
}

/* line 58, app/assets/stylesheets/entities/events.scss */
.events_list .preview + .link {
  margin-top: 0;
  padding-bottom: 1rem;
}

/* line 64, app/assets/stylesheets/entities/events.scss */
.event_detail {
  position: relative;
  padding: 1rem 0 2rem;
}

/* line 15, app/assets/stylesheets/_item_details.scss */
.event_detail .status {
  position: absolute;
  top: 3em;
  right: 1em;
  padding: 0.25em 1rem;
  color: #fff;
  background-color: #8cc53f;
  font-weight: bold;
  text-transform: uppercase;
  transform: rotate(30deg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 28, app/assets/stylesheets/_item_details.scss */
.event_detail .title {
  margin: 1rem 0 0.5rem;
  padding: 0 1.5rem;
}

/* line 33, app/assets/stylesheets/_item_details.scss */
.event_detail .label {
  margin: 0.5rem 0 1rem;
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.19rem;
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/_item_details.scss */
.event_detail .date {
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 46, app/assets/stylesheets/_item_details.scss */
.event_detail .description {
  margin-top: 1rem;
  padding: 0 1.5rem;
  font-size: 1.19em;
  font-style: italic;
}

/* line 54, app/assets/stylesheets/_item_details.scss */
.event_detail .author {
  margin: 0;
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 60, app/assets/stylesheets/_item_details.scss */
.event_detail .title,
.event_detail .label,
.event_detail .date,
.event_detail .description,
.event_detail .author {
  max-width: 54rem;
}

@media (min-width: 485px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .event_detail .title,
.event_detail .label,
.event_detail .date,
.event_detail .description,
.event_detail .author {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .event_detail .title,
.event_detail .label,
.event_detail .date,
.event_detail .description,
.event_detail .author {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .event_detail .title,
.event_detail .label,
.event_detail .date,
.event_detail .description,
.event_detail .author {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .event_detail .title,
.event_detail .label,
.event_detail .date,
.event_detail .description,
.event_detail .author {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 69, app/assets/stylesheets/_item_details.scss */
.event_detail .summary_title.blank {
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 68, app/assets/stylesheets/entities/events.scss */
.event_detail .date {
  margin-top: 1rem;
  color: #000;
  font-size: 1.19em;
  font-weight: bold;
}

@media (min-width: 485px) {
  /* line 68, app/assets/stylesheets/entities/events.scss */
  .event_detail .date {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 68, app/assets/stylesheets/entities/events.scss */
  .event_detail .date {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 68, app/assets/stylesheets/entities/events.scss */
  .event_detail .date {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 68, app/assets/stylesheets/entities/events.scss */
  .event_detail .date {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 75, app/assets/stylesheets/entities/events.scss */
.event_detail .date span {
  white-space: nowrap;
}

/* line 80, app/assets/stylesheets/entities/events.scss */
.event_detail .description,
.event_detail .location,
.event_detail .link,
.event_detail .details {
  margin: 1rem 0;
  padding: 0 1.5rem;
}

@media (min-width: 485px) {
  /* line 80, app/assets/stylesheets/entities/events.scss */
  .event_detail .description,
.event_detail .location,
.event_detail .link,
.event_detail .details {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 80, app/assets/stylesheets/entities/events.scss */
  .event_detail .description,
.event_detail .location,
.event_detail .link,
.event_detail .details {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 80, app/assets/stylesheets/entities/events.scss */
  .event_detail .description,
.event_detail .location,
.event_detail .link,
.event_detail .details {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 80, app/assets/stylesheets/entities/events.scss */
  .event_detail .description,
.event_detail .location,
.event_detail .link,
.event_detail .details {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 89, app/assets/stylesheets/entities/events.scss */
.event_detail .location {
  font-weight: bold;
}
/* line 14, app/assets/stylesheets/entities/fundings/funding_rewards.scss */
.funding_detail .rewards_block .action_buttons {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 485px) {
  /* line 15, app/assets/stylesheets/entities/fundings/fundings.scss */
  .page_fundings_index #body {
    max-width: 50rem;
  }
  /* line 18, app/assets/stylesheets/entities/fundings/fundings.scss */
  .page_fundings_index #body h1 {
    margin-left: 37%;
    padding-left: 0.25rem;
  }
  /* line 24, app/assets/stylesheets/entities/fundings/fundings.scss */
  .page_fundings_index #body .info_page h1 {
    margin: 1rem auto;
    padding: 0 1.5rem;
  }
}
/* line 12, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail {
  position: relative;
  padding: 1rem 0 2rem;
  padding: 0;
}

/* line 15, app/assets/stylesheets/_item_details.scss */
.funding_detail .status {
  position: absolute;
  top: 3em;
  right: 1em;
  padding: 0.25em 1rem;
  color: #fff;
  background-color: #8cc53f;
  font-weight: bold;
  text-transform: uppercase;
  transform: rotate(30deg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 28, app/assets/stylesheets/_item_details.scss */
.funding_detail .title {
  margin: 1rem 0 0.5rem;
  padding: 0 1.5rem;
}

/* line 33, app/assets/stylesheets/_item_details.scss */
.funding_detail .label {
  margin: 0.5rem 0 1rem;
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.19rem;
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/_item_details.scss */
.funding_detail .date {
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 46, app/assets/stylesheets/_item_details.scss */
.funding_detail .description {
  margin-top: 1rem;
  padding: 0 1.5rem;
  font-size: 1.19em;
  font-style: italic;
}

/* line 54, app/assets/stylesheets/_item_details.scss */
.funding_detail .author {
  margin: 0;
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 60, app/assets/stylesheets/_item_details.scss */
.funding_detail .title,
.funding_detail .label,
.funding_detail .date,
.funding_detail .description,
.funding_detail .author {
  max-width: 54rem;
}

@media (min-width: 485px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .funding_detail .title,
.funding_detail .label,
.funding_detail .date,
.funding_detail .description,
.funding_detail .author {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .funding_detail .title,
.funding_detail .label,
.funding_detail .date,
.funding_detail .description,
.funding_detail .author {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .funding_detail .title,
.funding_detail .label,
.funding_detail .date,
.funding_detail .description,
.funding_detail .author {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .funding_detail .title,
.funding_detail .label,
.funding_detail .date,
.funding_detail .description,
.funding_detail .author {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 69, app/assets/stylesheets/_item_details.scss */
.funding_detail .summary_title.blank {
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 17, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .short_infos_block,
.funding_detail .progress_actions_block,
.funding_detail .supporters_block,
.funding_detail .description_block,
.funding_detail .social_block,
.funding_detail .support_form_block,
.funding_detail .rewards_block {
  margin: 2rem 0;
  padding: 0 1.5rem;
}

/* line 27, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .short_infos_block .title,
.funding_detail .progress_actions_block .title,
.funding_detail .supporters_block .title,
.funding_detail .description_block .title,
.funding_detail .social_block .title,
.funding_detail .support_form_block .title,
.funding_detail .rewards_block .title {
  padding: 0;
}

/* line 32, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .status {
  top: 4rem;
}

/* line 36, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail h1.title {
  margin-top: 0.5rem;
}

/* line 40, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .banner_block {
  position: relative;
}

/* line 43, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .banner_block .banner {
  background-color: black;
}

/* line 46, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .banner_block .banner img {
  max-width: 100%;
  opacity: 0.75;
}

/* line 51, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .banner_block .status {
  top: 2.5rem;
  right: 1rem;
  z-index: 5;
}

/* line 56, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .banner_block .text_block {
  position: absolute;
  bottom: 20%;
  width: 100%;
}

/* line 61, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .banner_block .title {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  color: #fff;
  text-align: center;
}

/* line 66, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .banner_block .slogan {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  width: auto;
  padding: 0;
  margin: 0 1.5rem;
  color: #fff;
  background-color: transparent;
  font-size: 1.19rem;
  text-align: center;
}

/* line 79, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .short_infos_block .short_text {
  margin-bottom: 1rem;
}

/* line 84, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .short_infos_block .owners_block .label {
  margin: 0.5rem 0;
  text-align: center;
}

/* line 89, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .short_infos_block .owners_block .row {
  width: fit-content;
  margin: 0 auto;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.funding_detail .short_infos_block .owners_block .row::before, .funding_detail .short_infos_block .owners_block .row::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.funding_detail .short_infos_block .owners_block .row::after {
  clear: both;
}

/* line 94, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .short_infos_block .owners_block .row .owner {
  display: block;
  float: left;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.5rem;
  background-color: #e8ddcc;
  border-radius: 0.25rem;
  overflow: hidden;
}

/* line 104, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .short_infos_block .owners_block .row .owner .picture {
  width: 100%;
}

/* line 107, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .short_infos_block .owners_block .row .owner .picture img {
  width: 100%;
  background-color: #e8ddcc;
}

/* line 119, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .progress_actions_block .progress_block .label {
  margin: 0.5rem 0;
  padding: 0 0.75rem;
}

/* line 124, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .progress_actions_block .progress_block .progress_graph {
  position: relative;
  background-color: white;
  border-radius: 1rem;
}

/* line 129, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .progress_actions_block .progress_block .progress_graph .progress_bar {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  padding: 0.25rem 0.75rem;
  background-color: #8cc53f;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  font-size: 1.4161rem;
  font-weight: bold;
  white-space: nowrap;
}

/* line 140, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .progress_actions_block .progress_block .progress_graph .progress_bar.big {
  color: #fff;
}

/* line 145, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .progress_actions_block .progress_block .progress_graph .goal_indicator {
  position: absolute;
  top: -0.3rem;
  left: 85%;
  height: 2.75rem;
  border: 0.25rem solid #8cc53f;
  border-radius: 0.5rem;
  z-index: 10;
}

/* line 156, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .progress_actions_block .progress_block .row {
  display: flex;
  margin: 1rem 0;
  padding: 0 0.75rem;
}

/* line 161, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .progress_actions_block .progress_block .row .label {
  flex: 1 auto;
  margin: 0;
  padding: 0;
}

/* line 166, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .progress_actions_block .progress_block .row .label.end {
  text-align: right;
}

/* line 173, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .progress_actions_block .share_buttons {
  margin-top: 2rem;
}

/* line 176, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .progress_actions_block .share_buttons .button {
  width: 100%;
  padding: 0.5rem 1rem;
  text-align: center;
}

/* line 181, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .progress_actions_block .share_buttons .button.main {
  background-color: #8cc53f;
}

/* line 185, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .progress_actions_block .share_buttons .row {
  display: flex;
  margin-top: 0.25rem;
}

/* line 189, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .progress_actions_block .share_buttons .row .button {
  flex: 1 auto;
  color: #8cc53f;
  background-color: white;
}

/* line 198, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .supporters_block {
  text-align: center;
}

/* line 202, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .funding_subnavi_block {
  width: 100%;
  padding-top: 2rem;
  background: linear-gradient(to bottom, #fff, white 50%, white);
  border-bottom: 3px solid #fff;
  overflow-x: auto;
  overflow-y: hidden;
}

/* line 210, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .funding_subnavi_block .funding_subnavi {
  padding: 0 1.5rem;
  white-space: nowrap;
}

/* line 214, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .funding_subnavi_block .funding_subnavi .tab {
  display: inline-block;
  padding: 0.5rem 0.25rem 0.25rem;
  border-left: 5px solid white;
  border-right: 5px solid white;
  border-bottom: 5px solid white;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  font-size: 1.19rem;
  font-weight: bold;
  text-decoration: none;
}

/* line 226, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .funding_subnavi_block .funding_subnavi .tab.active {
  padding: 0.5rem 1rem 0.25rem;
  background-color: #fff;
  border-bottom: 5px solid #fff;
}

/* line 235, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .video_block {
  min-height: 12rem;
  background-color: #e8ddcc;
  text-align: center;
}

/* line 240, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .video_block .video {
  padding: 4rem;
}

/* line 247, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .description_block .project_details .label {
  padding: 0;
}

/* line 251, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .description_block .project_details .row {
  display: flex;
}

/* line 254, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .description_block .project_details .row .from,
.funding_detail .description_block .project_details .row .to {
  flex: 1 auto;
}

/* line 258, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .description_block .project_details .row .from strong,
.funding_detail .description_block .project_details .row .to strong {
  font-size: 1.4161rem;
}

/* line 266, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .description_block #project_description .description {
  display: none;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.4;
  padding: 0;
  font-style: normal;
}

/* line 272, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .description_block #project_description .faq_block {
  display: none;
}

/* line 275, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .description_block #project_description .faq_block .action_buttons {
  padding-left: 0;
  padding-right: 0;
}

/* line 282, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .description_block #project_description.toggled_open .description,
.funding_detail .description_block #project_description.toggled_open .faq_block {
  display: block;
}

/* line 291, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
.funding_detail .support_form_block .support_form {
  margin: 0;
  padding: 1.5rem;
  border-radius: 0.5rem;
}

@media (min-width: 485px) {
  /* line 300, app/assets/stylesheets/entities/fundings/fundings_detail.scss */
  .funding_detail .picture {
    margin: 0;
  }
}
/* line 11, app/assets/stylesheets/entities/fundings/fundings_list.scss */
.fundings_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.fundings_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.fundings_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.fundings_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .fundings_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .fundings_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .fundings_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .fundings_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.fundings_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.fundings_list .preview::before, .fundings_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.fundings_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .fundings_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .fundings_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .fundings_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .fundings_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.fundings_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.fundings_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.fundings_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.fundings_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.fundings_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.fundings_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.fundings_list .preview .content,
.fundings_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.fundings_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.fundings_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 14, app/assets/stylesheets/entities/fundings/fundings_list.scss */
.fundings_list .preview {
  border-top: 1px solid #d8c6a9;
}

/* line 17, app/assets/stylesheets/entities/fundings/fundings_list.scss */
.fundings_list .preview .picture {
  width: 100%;
}

/* line 20, app/assets/stylesheets/entities/fundings/fundings_list.scss */
.fundings_list .preview .title {
  padding: 0.5rem 0 0.25rem;
  line-height: 1.1;
}

/* line 24, app/assets/stylesheets/entities/fundings/fundings_list.scss */
.fundings_list .preview .next_arrow {
  margin: 0.75rem -0.5rem 0.5rem 0.5rem;
}

@media (min-width: 485px) {
  /* line 31, app/assets/stylesheets/entities/fundings/fundings_list.scss */
  .fundings_list .preview {
    border-top: none;
    padding: 1.5rem;
    text-align: right;
  }
  /* line 36, app/assets/stylesheets/entities/fundings/fundings_list.scss */
  .fundings_list .preview .picture {
    float: right;
    width: 63%;
    padding: 0;
    margin: 0 0 0.75rem 1rem;
  }
  /* line 42, app/assets/stylesheets/entities/fundings/fundings_list.scss */
  .fundings_list .preview .title {
    padding-top: 0;
  }
  /* line 47, app/assets/stylesheets/entities/fundings/fundings_list.scss */
  .fundings_list .preview .next_arrow {
    display: none;
  }
  /* line 50, app/assets/stylesheets/entities/fundings/fundings_list.scss */
  .fundings_list .preview .description {
    clear: both;
    margin-left: 37%;
    text-align: justify;
  }
}
/* line 16, app/assets/stylesheets/entities/memberships/membership_details.scss */
.membership_details {
  position: relative;
  background-color: #e8ddcc;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.membership_details::before, .membership_details::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.membership_details::after {
  clear: both;
}

/* line 21, app/assets/stylesheets/entities/memberships/membership_details.scss */
.membership_details .status {
  top: 2rem;
  color: #000;
  background-color: #a8f0a8;
}

/* line 26, app/assets/stylesheets/entities/memberships/membership_details.scss */
.membership_details .status.accepted, .membership_details .status.member {
  color: #fff;
  background-color: #8cc53f;
}

/* line 31, app/assets/stylesheets/entities/memberships/membership_details.scss */
.membership_details .status.discharged {
  color: #fff;
  background-color: #cc4400;
}

/* line 38, app/assets/stylesheets/entities/memberships/membership_details.scss */
.membership_details .membership_token .subtitle {
  margin-top: 0.25rem;
  color: #000;
  font-size: 1rem;
  font-weight: normal;
}

/* line 46, app/assets/stylesheets/entities/memberships/membership_details.scss */
.membership_details .request_preview {
  display: block;
  max-width: 54rem;
  margin: 1rem 0 2rem;
  padding: 0 1.5rem;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.membership_details .request_preview::before, .membership_details .request_preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.membership_details .request_preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 46, app/assets/stylesheets/entities/memberships/membership_details.scss */
  .membership_details .request_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 46, app/assets/stylesheets/entities/memberships/membership_details.scss */
  .membership_details .request_preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 46, app/assets/stylesheets/entities/memberships/membership_details.scss */
  .membership_details .request_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 46, app/assets/stylesheets/entities/memberships/membership_details.scss */
  .membership_details .request_preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 54, app/assets/stylesheets/entities/memberships/membership_details.scss */
.membership_details .request_preview .attachment_link_block {
  display: block;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  overflow: hidden;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.membership_details .request_preview .attachment_link_block::before, .membership_details .request_preview .attachment_link_block::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.membership_details .request_preview .attachment_link_block::after {
  clear: both;
}

/* line 62, app/assets/stylesheets/entities/memberships/membership_details.scss */
.membership_details .request_preview img {
  float: left;
  width: 5rem;
  margin-right: 1rem;
  vertical-align: middle;
}

/* line 70, app/assets/stylesheets/entities/memberships/membership_details.scss */
.membership_details .logs_list {
  margin-bottom: 1rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}
@media (min-width: 485px) {
  /* line 21, app/assets/stylesheets/entities/memberships/memberships.scss */
  .page_memberships_new #body,
.page_memberships_create #body,
.page_memberships_edit #body,
.page_memberships_update #body {
    max-width: 60rem;
  }
}

/* line 27, app/assets/stylesheets/entities/memberships/memberships.scss */
.memberships_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.memberships_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.memberships_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.memberships_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .memberships_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .memberships_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .memberships_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .memberships_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.memberships_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.memberships_list .preview::before, .memberships_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.memberships_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .memberships_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .memberships_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .memberships_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .memberships_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.memberships_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.memberships_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.memberships_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.memberships_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.memberships_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.memberships_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.memberships_list .preview .content,
.memberships_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.memberships_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.memberships_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 30, app/assets/stylesheets/entities/memberships/memberships.scss */
.memberships_list .membership_preview {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  overflow: hidden;
  color: #000;
  text-decoration: none;
}

/* line 41, app/assets/stylesheets/entities/memberships/memberships.scss */
.memberships_list .membership_preview .label {
  flex: 1 1 auto;
  overflow: hidden;
}

/* line 45, app/assets/stylesheets/entities/memberships/memberships.scss */
.memberships_list .membership_preview .label .email {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 49, app/assets/stylesheets/entities/memberships/memberships.scss */
.memberships_list .membership_preview .label .name {
  font-weight: bold;
}

/* line 53, app/assets/stylesheets/entities/memberships/memberships.scss */
.memberships_list .membership_preview .badge_cell {
  min-width: 1rem;
  flex: 0 0 auto;
  align-self: center;
  text-align: center;
  white-space: nowrap;
}

/* line 60, app/assets/stylesheets/entities/memberships/memberships.scss */
.memberships_list .membership_preview .badge_cell .badge {
  margin: 0 0.1rem;
}

/* line 65, app/assets/stylesheets/entities/memberships/memberships.scss */
.memberships_list .membership_preview .angle {
  flex: 0 0 1.5rem;
  justify-self: end;
  justify-content: end;
  align-self: center;
  text-align: right;
}

@media (min-width: 485px) {
  /* line 75, app/assets/stylesheets/entities/memberships/memberships.scss */
  .memberships_list {
    margin-bottom: 0;
  }
  /* line 78, app/assets/stylesheets/entities/memberships/memberships.scss */
  .memberships_list .membership_preview {
    padding: 0.5rem 1.5rem 0.5rem 2rem;
  }
  /* line 82, app/assets/stylesheets/entities/memberships/memberships.scss */
  .memberships_list li:last-child {
    border-bottom: none;
  }
}

@media (min-width: 580px) {
  /* line 89, app/assets/stylesheets/entities/memberships/memberships.scss */
  .memberships_list .membership_preview {
    padding: 0.5rem 1rem 0.5rem 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 96, app/assets/stylesheets/entities/memberships/memberships.scss */
  .memberships_list .membership_preview {
    padding: 0.5rem 1.5rem 0.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 103, app/assets/stylesheets/entities/memberships/memberships.scss */
  .memberships_list .membership_preview {
    padding: 0.75rem 2.5rem 0.75rem 3rem;
  }
}

/* line 110, app/assets/stylesheets/entities/memberships/memberships.scss */
.membership_member_process .request_preview {
  padding: 0 1.5rem;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.membership_member_process .request_preview::before, .membership_member_process .request_preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.membership_member_process .request_preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 110, app/assets/stylesheets/entities/memberships/memberships.scss */
  .membership_member_process .request_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 110, app/assets/stylesheets/entities/memberships/memberships.scss */
  .membership_member_process .request_preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 110, app/assets/stylesheets/entities/memberships/memberships.scss */
  .membership_member_process .request_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 110, app/assets/stylesheets/entities/memberships/memberships.scss */
  .membership_member_process .request_preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 115, app/assets/stylesheets/entities/memberships/memberships.scss */
.membership_member_process .request_preview img {
  float: left;
  width: 5rem;
  margin-right: 1rem;
}
/* line 16, app/assets/stylesheets/entities/messages.scss */
.messages_details {
  background-color: #e8ddcc;
}

/* line 20, app/assets/stylesheets/entities/messages.scss */
.messages_list {
  width: 100%;
  max-width: unset;
  margin: 0;
  padding: 0;
  list-style: none outside;
}

/* line 27, app/assets/stylesheets/entities/messages.scss */
.messages_list li {
  border-top: 1px solid #cccccc;
}

/* line 30, app/assets/stylesheets/entities/messages.scss */
.messages_list li:first-child {
  border-top: none;
}

/* line 34, app/assets/stylesheets/entities/messages.scss */
.messages_list li.separator {
  padding: 0.25rem 1.5rem;
  background-color: white;
  font-style: italic;
}

/* line 41, app/assets/stylesheets/entities/messages.scss */
.messages_list .message_preview {
  display: block;
  width: 100%;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  overflow: hidden;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.messages_list .message_preview::before, .messages_list .message_preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.messages_list .message_preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 41, app/assets/stylesheets/entities/messages.scss */
  .messages_list .message_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 41, app/assets/stylesheets/entities/messages.scss */
  .messages_list .message_preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 41, app/assets/stylesheets/entities/messages.scss */
  .messages_list .message_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 41, app/assets/stylesheets/entities/messages.scss */
  .messages_list .message_preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 54, app/assets/stylesheets/entities/messages.scss */
.messages_list .message_preview .datum {
  float: right;
  width: auto;
}

/* line 59, app/assets/stylesheets/entities/messages.scss */
.messages_list .message_preview .label {
  flex: 1 1 auto;
  overflow: hidden;
}

/* line 63, app/assets/stylesheets/entities/messages.scss */
.messages_list .message_preview .label .email {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 71, app/assets/stylesheets/entities/messages.scss */
.messages_list .message_preview .content {
  margin: 0.5rem 0 0.5rem;
}

@media (min-width: 485px) {
  /* line 77, app/assets/stylesheets/entities/messages.scss */
  .messages_list {
    margin-bottom: 0;
  }
  /* line 80, app/assets/stylesheets/entities/messages.scss */
  .messages_list li:last-child {
    border-bottom: none;
  }
}

/* line 90, app/assets/stylesheets/entities/messages.scss */
.message_details {
  position: relative;
  background-color: white;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.message_details::before, .message_details::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.message_details::after {
  clear: both;
}

/* line 95, app/assets/stylesheets/entities/messages.scss */
.message_details .status {
  top: 0rem;
  color: #000;
  background-color: #a8f0a8;
}

/* line 100, app/assets/stylesheets/entities/messages.scss */
.message_details .status.accepted, .message_details .status.member {
  color: #fff;
  background-color: #8cc53f;
}
/* line 19, app/assets/stylesheets/entities/newsletters.scss */
.newsletters_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.newsletters_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.newsletters_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.newsletters_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .newsletters_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .newsletters_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .newsletters_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .newsletters_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.newsletters_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.newsletters_list .preview::before, .newsletters_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.newsletters_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .newsletters_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .newsletters_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .newsletters_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .newsletters_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.newsletters_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.newsletters_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.newsletters_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.newsletters_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.newsletters_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.newsletters_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.newsletters_list .preview .content,
.newsletters_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.newsletters_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.newsletters_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 23, app/assets/stylesheets/entities/newsletters.scss */
.newsletters_list .preview .date {
  font-size: 1.19em;
  font-weight: bold;
}

/* line 31, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail {
  position: relative;
  padding: 0 0 2rem;
}

/* line 35, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .status {
  position: absolute;
  top: 1em;
  right: 1em;
  padding: 0.25em 1rem;
  background-color: rgba(255, 213, 128, 0.75);
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 45, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .header {
  max-width: 40rem;
  margin: 0;
  padding: 1rem;
  color: #0d0d0d;
  background-color: #f0e9de;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
}

@media (min-width: 485px) {
  /* line 45, app/assets/stylesheets/entities/newsletters.scss */
  #body .newsletter_detail .header {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 45, app/assets/stylesheets/entities/newsletters.scss */
  #body .newsletter_detail .header {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 45, app/assets/stylesheets/entities/newsletters.scss */
  #body .newsletter_detail .header {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 45, app/assets/stylesheets/entities/newsletters.scss */
  #body .newsletter_detail .header {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

/* line 60, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter {
  max-width: 40rem;
  margin: 0 0.5rem;
  padding: 2rem 1rem;
  background-color: #fff;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

@media (min-width: 485px) {
  /* line 60, app/assets/stylesheets/entities/newsletters.scss */
  #body .newsletter_detail .main_newsletter {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 60, app/assets/stylesheets/entities/newsletters.scss */
  #body .newsletter_detail .main_newsletter {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 60, app/assets/stylesheets/entities/newsletters.scss */
  #body .newsletter_detail .main_newsletter {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 60, app/assets/stylesheets/entities/newsletters.scss */
  #body .newsletter_detail .main_newsletter {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

/* line 69, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter h2 {
  padding: 0;
  color: #8cc53f;
  font-size: 1.69em;
}

/* line 74, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter h3 {
  padding: 0;
  color: #8cc53f;
  font-size: 1.42em;
}

/* line 79, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter h4 {
  padding: 0;
  color: #8cc53f;
  font-size: 1.19em;
}

/* line 84, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter p {
  margin: 0.75rem 0;
  padding: 0;
}

/* line 88, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter a {
  color: #0071bc;
}

/* line 91, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter strong {
  color: #8cc53f;
}

/* line 95, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter .salutation {
  margin: 1rem 0;
  font-size: 1.19em;
}

/* line 100, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter .teaser {
  font-size: 1.19rem;
  font-style: italic;
}

/* line 105, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter .contentpart {
  margin: 1rem 0;
  overflow-x: hidden;
}

/* line 109, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter .contentpart.img {
  padding-left: 0;
  padding-right: 0;
}

/* line 115, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter .label {
  padding: 0.25rem 0;
  color: rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid #aaa;
  text-transform: uppercase;
}

/* line 122, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter .preview {
  display: block;
  clear: both;
  margin: 1.5rem 0;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
#body .newsletter_detail .main_newsletter .preview::before, #body .newsletter_detail .main_newsletter .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
#body .newsletter_detail .main_newsletter .preview::after {
  clear: both;
}

/* line 130, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter .preview .picture {
  float: left;
  max-width: 35%;
  margin: 0 1rem 1rem 0;
}

/* line 136, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter .preview .title {
  margin-bottom: 0.75rem;
  font-size: 1.42em;
}

/* line 141, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter .preview .more {
  margin-top: 0.5rem;
  color: #0071bc;
}

/* line 148, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter .new_events .preview .time {
  font-weight: bold;
}

/* line 154, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter .new_articles .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 157, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter .new_articles .preview .title {
  color: #8cc53f;
  font-weight: bold;
}

/* line 163, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter .action_buttons {
  padding: 0;
}

/* line 167, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .main_newsletter .admin {
  padding-top: 1rem;
  border-top: 1px solid #aaa;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.5);
}

/* line 176, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .footer {
  max-width: 40rem;
  margin: 0 0.5rem;
  padding: 1rem;
  background-color: #fff;
  border-top: 2px solid #aaa;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 485px) {
  /* line 176, app/assets/stylesheets/entities/newsletters.scss */
  #body .newsletter_detail .footer {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 176, app/assets/stylesheets/entities/newsletters.scss */
  #body .newsletter_detail .footer {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 176, app/assets/stylesheets/entities/newsletters.scss */
  #body .newsletter_detail .footer {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 176, app/assets/stylesheets/entities/newsletters.scss */
  #body .newsletter_detail .footer {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

/* line 187, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .footer p {
  padding: 0;
}

/* line 192, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail #newspost_form {
  display: none;
  margin: 1rem 0;
  padding: 1rem;
  background-color: white;
}

/* line 199, app/assets/stylesheets/entities/newsletters.scss */
#body .newsletter_detail .newsletter_footer {
  margin-bottom: 2rem;
}

@media (min-width: 485px) {
  /* line 205, app/assets/stylesheets/entities/newsletters.scss */
  #body .newsletter_detail .contentpart.picture {
    padding: 0;
  }
}
/* line 11, app/assets/stylesheets/entities/orderquants.scss */
.orderquants_list {
  padding-left: 3rem;
}

/* line 14, app/assets/stylesheets/entities/orderquants.scss */
.orderquants_list .quant {
  font-weight: bold;
}

/* line 19, app/assets/stylesheets/entities/orderquants.scss */
.orderquants_sum {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  padding-top: 0.5rem;
  padding-left: 0;
  padding-right: 0;
  border-top: 1px solid #d8c6a9;
}

/* line 27, app/assets/stylesheets/entities/orderquants.scss */
.orderquants_sum .quant,
.orderquants_sum .sum {
  font-weight: bold;
}
/* line 22, app/assets/stylesheets/entities/orders.scss */
.page_orders_new #body,
.page_orders_edit #body,
.page_orders_create #body,
.page_orders_update #body {
  padding-bottom: 2rem;
}

/* line 25, app/assets/stylesheets/entities/orders.scss */
.page_orders_new #body .without_border,
.page_orders_edit #body .without_border,
.page_orders_create #body .without_border,
.page_orders_update #body .without_border {
  margin-top: 0;
}

/* line 28, app/assets/stylesheets/entities/orders.scss */
.page_orders_new #body .without_border #error_explanation,
.page_orders_new #body .without_border .actions,
.page_orders_edit #body .without_border #error_explanation,
.page_orders_edit #body .without_border .actions,
.page_orders_create #body .without_border #error_explanation,
.page_orders_create #body .without_border .actions,
.page_orders_update #body .without_border #error_explanation,
.page_orders_update #body .without_border .actions {
  padding: 0 1.5rem;
}

/* line 37, app/assets/stylesheets/entities/orders.scss */
.order_form .rewards_list {
  padding: 0;
}

/* line 40, app/assets/stylesheets/entities/orders.scss */
.order_form .rewards_list .orderquant {
  padding: 1rem 1.5rem;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.order_form .rewards_list .orderquant::before, .order_form .rewards_list .orderquant::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.order_form .rewards_list .orderquant::after {
  clear: both;
}

/* line 44, app/assets/stylesheets/entities/orders.scss */
.order_form .rewards_list .orderquant .reward {
  margin-top: 0;
}

/* line 49, app/assets/stylesheets/entities/orders.scss */
.order_form .rewards_list .orderquant .fields label {
  display: inline;
}

/* line 52, app/assets/stylesheets/entities/orders.scss */
.order_form .rewards_list .orderquant .fields input {
  max-width: 5rem;
  margin-left: 0.5rem;
}

/* line 58, app/assets/stylesheets/entities/orders.scss */
.order_form .rewards_list .orderquant:last-child {
  border-bottom: 1px solid #d8c6a9;
}

/* line 65, app/assets/stylesheets/entities/orders.scss */
.order_detail {
  position: relative;
}

/* line 68, app/assets/stylesheets/entities/orders.scss */
.order_detail .date {
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 78, app/assets/stylesheets/entities/orders.scss */
.order_detail .status.preliminary,
.orders_list .order_preview .status.preliminary {
  background-color: #e8ddcc;
}

/* line 81, app/assets/stylesheets/entities/orders.scss */
.order_detail .status.open,
.orders_list .order_preview .status.open {
  background-color: #ffaa00;
  font-weight: bold;
}

/* line 86, app/assets/stylesheets/entities/orders.scss */
.order_detail .status.done,
.orders_list .order_preview .status.done {
  color: #fff;
  background-color: #8cc53f;
  font-weight: bold;
}
/* line 12, app/assets/stylesheets/entities/pages.scss */
.pages_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.pages_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.pages_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.pages_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .pages_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .pages_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .pages_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .pages_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.pages_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.pages_list .preview::before, .pages_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.pages_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .pages_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .pages_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .pages_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .pages_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.pages_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.pages_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.pages_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.pages_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.pages_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.pages_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.pages_list .preview .content,
.pages_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.pages_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.pages_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 15, app/assets/stylesheets/entities/pages.scss */
.pages_list .preview {
  padding: 0.25rem 1.5rem;
}

@media (min-width: 485px) {
  /* line 15, app/assets/stylesheets/entities/pages.scss */
  .pages_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 15, app/assets/stylesheets/entities/pages.scss */
  .pages_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 15, app/assets/stylesheets/entities/pages.scss */
  .pages_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 15, app/assets/stylesheets/entities/pages.scss */
  .pages_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 20, app/assets/stylesheets/entities/pages.scss */
.pages_list .page_preview.example {
  opacity: 0.5;
}

/* line 24, app/assets/stylesheets/entities/pages.scss */
.pages_list .page_preview {
  position: relative;
  border-top: 1px solid #d8c6a9;
}

/* line 28, app/assets/stylesheets/entities/pages.scss */
.pages_list .page_preview .short {
  margin: 0;
  padding: 0.75rem 1.5rem;
}

/* line 33, app/assets/stylesheets/entities/pages.scss */
.pages_list .page_preview .status {
  right: 3rem;
  font-size: 0.86rem;
}

/* line 38, app/assets/stylesheets/entities/pages.scss */
.pages_list .page_preview .subpage_count {
  float: right;
  margin-right: 6rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 45, app/assets/stylesheets/entities/pages.scss */
.pages_list .page_preview .badge {
  margin-right: 0.5rem;
  color: #fff;
  background-color: #8cc53f;
}

/* line 51, app/assets/stylesheets/entities/pages.scss */
.pages_list .page_preview .menu {
  color: #8cc53f;
  font-weight: bold;
}

/* line 55, app/assets/stylesheets/entities/pages.scss */
.pages_list .page_preview .menu em {
  font-weight: normal;
}

/* line 60, app/assets/stylesheets/entities/pages.scss */
.pages_list .page_preview .url {
  padding-left: 2rem;
  font-weight: bold;
}

/* line 65, app/assets/stylesheets/entities/pages.scss */
.pages_list .page_preview .description {
  margin-top: 0;
}

/* line 69, app/assets/stylesheets/entities/pages.scss */
.pages_list .page_preview .sub_pages_list {
  list-style: none outside;
  padding: 0;
  padding-left: 2rem;
}

/* line 74, app/assets/stylesheets/entities/pages.scss */
.pages_list .page_preview .sub_pages_list li {
  border-left: 3px solid #d8c6a9;
}

/* line 84, app/assets/stylesheets/entities/pages.scss */
.page_detail {
  position: relative;
  padding: 1rem 0 2rem;
}

/* line 15, app/assets/stylesheets/_item_details.scss */
.page_detail .status {
  position: absolute;
  top: 3em;
  right: 1em;
  padding: 0.25em 1rem;
  color: #fff;
  background-color: #8cc53f;
  font-weight: bold;
  text-transform: uppercase;
  transform: rotate(30deg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 28, app/assets/stylesheets/_item_details.scss */
.page_detail .title {
  margin: 1rem 0 0.5rem;
  padding: 0 1.5rem;
}

/* line 33, app/assets/stylesheets/_item_details.scss */
.page_detail .label {
  margin: 0.5rem 0 1rem;
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.19rem;
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/_item_details.scss */
.page_detail .date {
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 46, app/assets/stylesheets/_item_details.scss */
.page_detail .description {
  margin-top: 1rem;
  padding: 0 1.5rem;
  font-size: 1.19em;
  font-style: italic;
}

/* line 54, app/assets/stylesheets/_item_details.scss */
.page_detail .author {
  margin: 0;
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 60, app/assets/stylesheets/_item_details.scss */
.page_detail .title,
.page_detail .label,
.page_detail .date,
.page_detail .description,
.page_detail .author {
  max-width: 54rem;
}

@media (min-width: 485px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .page_detail .title,
.page_detail .label,
.page_detail .date,
.page_detail .description,
.page_detail .author {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .page_detail .title,
.page_detail .label,
.page_detail .date,
.page_detail .description,
.page_detail .author {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .page_detail .title,
.page_detail .label,
.page_detail .date,
.page_detail .description,
.page_detail .author {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .page_detail .title,
.page_detail .label,
.page_detail .date,
.page_detail .description,
.page_detail .author {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 69, app/assets/stylesheets/_item_details.scss */
.page_detail .summary_title.blank {
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 88, app/assets/stylesheets/entities/pages.scss */
.page_detail .status {
  top: 4rem;
}

/* line 91, app/assets/stylesheets/entities/pages.scss */
.page_detail h1.title {
  margin-top: 0.5rem;
}

/* line 96, app/assets/stylesheets/entities/pages.scss */
.info_page {
  max-width: 60rem;
  margin: 0 auto;
}

/* line 100, app/assets/stylesheets/entities/pages.scss */
.info_page h1 {
  margin-left: 1rem 0;
  text-align: left;
}
/* line 14, app/assets/stylesheets/entities/participations.scss */
.participations_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.participations_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.participations_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.participations_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .participations_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .participations_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .participations_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .participations_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.participations_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.participations_list .preview::before, .participations_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.participations_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .participations_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .participations_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .participations_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .participations_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.participations_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.participations_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.participations_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.participations_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.participations_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.participations_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.participations_list .preview .content,
.participations_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.participations_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.participations_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 17, app/assets/stylesheets/entities/participations.scss */
.participations_list .participation_preview {
  display: flex;
  align-items: center;
  margin: 0.5rem 1.5rem;
  border-top: none;
}

/* line 24, app/assets/stylesheets/entities/participations.scss */
.participations_list .participation_preview .picture {
  flex: 0 0 40px;
}

/* line 27, app/assets/stylesheets/entities/participations.scss */
.participations_list .participation_preview .title {
  flex: 1 0 auto;
  padding: 0 1rem;
}

/* line 31, app/assets/stylesheets/entities/participations.scss */
.participations_list .participation_preview .actions {
  flex: 0 0 auto;
}
/* line 12, app/assets/stylesheets/entities/payments.scss */
#membership_search_form .membership_list_in_payment_form {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
#membership_search_form .membership_list_in_payment_form > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
#membership_search_form .membership_list_in_payment_form .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
#membership_search_form .membership_list_in_payment_form .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  #membership_search_form .membership_list_in_payment_form .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  #membership_search_form .membership_list_in_payment_form .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  #membership_search_form .membership_list_in_payment_form .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  #membership_search_form .membership_list_in_payment_form .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
#membership_search_form .membership_list_in_payment_form .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
#membership_search_form .membership_list_in_payment_form .preview::before, #membership_search_form .membership_list_in_payment_form .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
#membership_search_form .membership_list_in_payment_form .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  #membership_search_form .membership_list_in_payment_form .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  #membership_search_form .membership_list_in_payment_form .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  #membership_search_form .membership_list_in_payment_form .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  #membership_search_form .membership_list_in_payment_form .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
#membership_search_form .membership_list_in_payment_form .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
#membership_search_form .membership_list_in_payment_form .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
#membership_search_form .membership_list_in_payment_form .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
#membership_search_form .membership_list_in_payment_form .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
#membership_search_form .membership_list_in_payment_form .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
#membership_search_form .membership_list_in_payment_form .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
#membership_search_form .membership_list_in_payment_form .preview .content,
#membership_search_form .membership_list_in_payment_form .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
#membership_search_form .membership_list_in_payment_form .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
#membership_search_form .membership_list_in_payment_form .preview .infos .number {
  font-size: 1.4161em;
}

/* line 15, app/assets/stylesheets/entities/payments.scss */
#membership_search_form .membership_list_in_payment_form li {
  display: none;
  border: 0;
}

/* line 19, app/assets/stylesheets/entities/payments.scss */
#membership_search_form .membership_list_in_payment_form li .membership_preview {
  display: flex;
  padding: 0.5rem 1rem;
  background-color: #e8ddcc;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
}

/* line 26, app/assets/stylesheets/entities/payments.scss */
#membership_search_form .membership_list_in_payment_form li .membership_preview .token {
  flex: 0 0 5rem;
}

/* line 29, app/assets/stylesheets/entities/payments.scss */
#membership_search_form .membership_list_in_payment_form li .membership_preview .name {
  flex: 1 1 auto;
}

/* line 32, app/assets/stylesheets/entities/payments.scss */
#membership_search_form .membership_list_in_payment_form li .membership_preview .arrow {
  flex: 0 0 1.25rem;
  justify-content: end;
}

/* line 41, app/assets/stylesheets/entities/payments.scss */
.payments_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.payments_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.payments_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.payments_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .payments_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .payments_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .payments_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .payments_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.payments_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.payments_list .preview::before, .payments_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.payments_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .payments_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .payments_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .payments_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .payments_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.payments_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.payments_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.payments_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.payments_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.payments_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.payments_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.payments_list .preview .content,
.payments_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.payments_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.payments_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 44, app/assets/stylesheets/entities/payments.scss */
.payments_list .payment_preview {
  padding: 0.5rem 1rem 0.5rem 1.5rem;
}

@media (min-width: 485px) {
  /* line 44, app/assets/stylesheets/entities/payments.scss */
  .payments_list .payment_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 44, app/assets/stylesheets/entities/payments.scss */
  .payments_list .payment_preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 44, app/assets/stylesheets/entities/payments.scss */
  .payments_list .payment_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 44, app/assets/stylesheets/entities/payments.scss */
  .payments_list .payment_preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 48, app/assets/stylesheets/entities/payments.scss */
.payments_list .payment_preview .token {
  float: left;
  width: 4rem;
  margin-right: 1rem;
}

/* line 54, app/assets/stylesheets/entities/payments.scss */
.payments_list .payment_preview .name {
  float: left;
  width: auto;
  margin-right: 1rem;
  font-weight: bold;
}

/* line 61, app/assets/stylesheets/entities/payments.scss */
.payments_list .payment_preview .amount {
  float: right;
  width: auto;
}

/* line 66, app/assets/stylesheets/entities/payments.scss */
.payments_list .payment_preview .toggle_icon {
  padding: 0;
}

/* line 71, app/assets/stylesheets/entities/payments.scss */
.payments_list .payment_detail {
  padding: 0 1.5rem 0.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.payments_list .payment_detail::before, .payments_list .payment_detail::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.payments_list .payment_detail::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 71, app/assets/stylesheets/entities/payments.scss */
  .payments_list .payment_detail {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 71, app/assets/stylesheets/entities/payments.scss */
  .payments_list .payment_detail {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 71, app/assets/stylesheets/entities/payments.scss */
  .payments_list .payment_detail {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 71, app/assets/stylesheets/entities/payments.scss */
  .payments_list .payment_detail {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 77, app/assets/stylesheets/entities/payments.scss */
.payments_list .payment_detail .action_buttons {
  float: right;
  width: auto;
  margin: 0;
  margin-left: 1rem;
  padding: 0;
}
/* line 13, app/assets/stylesheets/entities/prefs.scss */
.prefs_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.prefs_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.prefs_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.prefs_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .prefs_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .prefs_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .prefs_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .prefs_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.prefs_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.prefs_list .preview::before, .prefs_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.prefs_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .prefs_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .prefs_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .prefs_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .prefs_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.prefs_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.prefs_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.prefs_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.prefs_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.prefs_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.prefs_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.prefs_list .preview .content,
.prefs_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.prefs_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.prefs_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 20, app/assets/stylesheets/entities/prefs.scss */
.pref_preview .value {
  font-weight: bold;
  text-align: right;
}

/* line 26, app/assets/stylesheets/entities/prefs.scss */
.pref_preview.switch_preview .label {
  margin-top: 0.35rem;
}

/* line 30, app/assets/stylesheets/entities/prefs.scss */
.pref_preview.switch_preview .switch {
  display: block;
  float: right;
  width: auto;
  margin-left: 1rem;
}

/* line 36, app/assets/stylesheets/entities/prefs.scss */
.pref_preview.switch_preview .switch img {
  height: 2rem;
}

/* line 42, app/assets/stylesheets/entities/prefs.scss */
.pref_preview .show_view {
  display: block;
  cursor: pointer;
}

/* line 47, app/assets/stylesheets/entities/prefs.scss */
.pref_preview .edit_view {
  display: none;
}

/* line 50, app/assets/stylesheets/entities/prefs.scss */
.pref_preview .edit_view .without_border {
  background-color: transparent;
}
/* line 14, app/assets/stylesheets/entities/projects/project_detail.scss */
.project_details {
  position: relative;
  padding: 1rem 0 2rem;
  padding: 1rem 0 1rem;
}

/* line 15, app/assets/stylesheets/_item_details.scss */
.project_details .status {
  position: absolute;
  top: 3em;
  right: 1em;
  padding: 0.25em 1rem;
  color: #fff;
  background-color: #8cc53f;
  font-weight: bold;
  text-transform: uppercase;
  transform: rotate(30deg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 28, app/assets/stylesheets/_item_details.scss */
.project_details .title {
  margin: 1rem 0 0.5rem;
  padding: 0 1.5rem;
}

/* line 33, app/assets/stylesheets/_item_details.scss */
.project_details .label {
  margin: 0.5rem 0 1rem;
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.19rem;
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/_item_details.scss */
.project_details .date {
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 46, app/assets/stylesheets/_item_details.scss */
.project_details .description {
  margin-top: 1rem;
  padding: 0 1.5rem;
  font-size: 1.19em;
  font-style: italic;
}

/* line 54, app/assets/stylesheets/_item_details.scss */
.project_details .author {
  margin: 0;
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 60, app/assets/stylesheets/_item_details.scss */
.project_details .title,
.project_details .label,
.project_details .date,
.project_details .description,
.project_details .author {
  max-width: 54rem;
}

@media (min-width: 485px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .project_details .title,
.project_details .label,
.project_details .date,
.project_details .description,
.project_details .author {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .project_details .title,
.project_details .label,
.project_details .date,
.project_details .description,
.project_details .author {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .project_details .title,
.project_details .label,
.project_details .date,
.project_details .description,
.project_details .author {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .project_details .title,
.project_details .label,
.project_details .date,
.project_details .description,
.project_details .author {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 69, app/assets/stylesheets/_item_details.scss */
.project_details .summary_title.blank {
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 19, app/assets/stylesheets/entities/projects/project_detail.scss */
.project_details .label {
  margin: 1rem 0 0;
}

/* line 23, app/assets/stylesheets/entities/projects/project_detail.scss */
.project_details .title {
  margin: 0 0 1rem;
}

/* line 27, app/assets/stylesheets/entities/projects/project_detail.scss */
.project_details .picture {
  float: left;
  width: 10rem;
  margin: 0 0 1rem;
  padding: 0 1.5rem;
  max-width: 54rem;
  background-color: transparent;
}

@media (min-width: 485px) {
  /* line 27, app/assets/stylesheets/entities/projects/project_detail.scss */
  .project_details .picture {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 27, app/assets/stylesheets/entities/projects/project_detail.scss */
  .project_details .picture {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 27, app/assets/stylesheets/entities/projects/project_detail.scss */
  .project_details .picture {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 27, app/assets/stylesheets/entities/projects/project_detail.scss */
  .project_details .picture {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 37, app/assets/stylesheets/entities/projects/project_detail.scss */
.project_details .link {
  display: block;
  margin: 1rem 0;
  padding: 0 1.5rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.19rem;
  font-weight: bold;
}

@media (min-width: 485px) {
  /* line 37, app/assets/stylesheets/entities/projects/project_detail.scss */
  .project_details .link {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 37, app/assets/stylesheets/entities/projects/project_detail.scss */
  .project_details .link {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 37, app/assets/stylesheets/entities/projects/project_detail.scss */
  .project_details .link {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 37, app/assets/stylesheets/entities/projects/project_detail.scss */
  .project_details .link {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 485px) {
  /* line 51, app/assets/stylesheets/entities/projects/project_detail.scss */
  .project_details .picture {
    padding-right: 1.5rem;
    width: 10.5rem;
  }
}

@media (min-width: 580px) {
  /* line 59, app/assets/stylesheets/entities/projects/project_detail.scss */
  .project_details .picture {
    width: 10rem;
  }
}

@media (min-width: 640px) {
  /* line 66, app/assets/stylesheets/entities/projects/project_detail.scss */
  .project_details .picture {
    padding-right: 1.5rem;
    width: 10.5rem;
  }
}

@media (min-width: 1024px) {
  /* line 74, app/assets/stylesheets/entities/projects/project_detail.scss */
  .project_details .picture {
    width: 11.5rem;
  }
}

/* line 80, app/assets/stylesheets/entities/projects/project_detail.scss */
.contact_container {
  max-width: 22rem;
  margin: 1rem 0 2rem;
  padding: 0 1.5rem;
}

@media (min-width: 485px) {
  /* line 80, app/assets/stylesheets/entities/projects/project_detail.scss */
  .contact_container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 80, app/assets/stylesheets/entities/projects/project_detail.scss */
  .contact_container {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 80, app/assets/stylesheets/entities/projects/project_detail.scss */
  .contact_container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 80, app/assets/stylesheets/entities/projects/project_detail.scss */
  .contact_container {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 86, app/assets/stylesheets/entities/projects/project_detail.scss */
.contact_container .account_preview .status {
  display: none;
}
/* line 13, app/assets/stylesheets/entities/projects/projects_list.scss */
.projects_list {
  max-width: unset;
  list-style: none outside;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  column-gap: 1rem;
  row-gap: 1rem;
  align-items: stretch;
  margin: 1.5rem 0;
  padding: 0 1.5rem;
}

@media (min-width: 485px) {
  /* line 13, app/assets/stylesheets/entities/projects/projects_list.scss */
  .projects_list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 13, app/assets/stylesheets/entities/projects/projects_list.scss */
  .projects_list {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 13, app/assets/stylesheets/entities/projects/projects_list.scss */
  .projects_list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 13, app/assets/stylesheets/entities/projects/projects_list.scss */
  .projects_list {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 26, app/assets/stylesheets/entities/projects/projects_list.scss */
.projects_list .project_preview {
  display: flex;
  max-width: 54rem;
  height: 100%;
  background-color: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
  text-decoration: none;
}

/* line 35, app/assets/stylesheets/entities/projects/projects_list.scss */
.projects_list .project_preview .picture_container {
  flex: 0 0 5rem;
  align-self: stretch;
  align-content: center;
  background-color: #e8ddcc;
}

/* line 41, app/assets/stylesheets/entities/projects/projects_list.scss */
.projects_list .project_preview .picture_container .picture {
  max-width: unset;
  margin: 0;
}

/* line 45, app/assets/stylesheets/entities/projects/projects_list.scss */
.projects_list .project_preview .picture_container .picture .icon {
  padding: 1rem;
  max-width: 6rem;
}

/* line 52, app/assets/stylesheets/entities/projects/projects_list.scss */
.projects_list .project_preview .text_container {
  flex: 1 1 auto;
  padding: 0.5rem 1.5rem 1rem 1rem;
  color: #000;
  overflow: hidden;
}

/* line 58, app/assets/stylesheets/entities/projects/projects_list.scss */
.projects_list .project_preview .text_container .plz {
  float: right;
  width: auto;
  color: #8cc53f;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161rem;
  font-weight: bold;
}

/* line 67, app/assets/stylesheets/entities/projects/projects_list.scss */
.projects_list .project_preview .text_container .kind {
  margin-top: 0.35rem;
}

/* line 71, app/assets/stylesheets/entities/projects/projects_list.scss */
.projects_list .project_preview .text_container .title {
  margin-top: 0;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161rem;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 81, app/assets/stylesheets/entities/projects/projects_list.scss */
.projects_list .project_preview .text_container .description {
  display: none;
  margin-top: 0.25rem;
  color: rgba(0, 0, 0, 0.5);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 485px) {
  /* line 95, app/assets/stylesheets/entities/projects/projects_list.scss */
  .projects_list .project_preview .picture_container {
    flex: 0 0 7rem;
  }
  /* line 100, app/assets/stylesheets/entities/projects/projects_list.scss */
  .projects_list .project_preview .text_container .description {
    display: block;
  }
}

@media (min-width: 580px) {
  /* line 110, app/assets/stylesheets/entities/projects/projects_list.scss */
  .projects_list .project_preview .picture_container {
    flex: 0 0 5rem;
  }
  /* line 115, app/assets/stylesheets/entities/projects/projects_list.scss */
  .projects_list .project_preview .text_container .description {
    display: none;
  }
}

@media (min-width: 640px) {
  /* line 123, app/assets/stylesheets/entities/projects/projects_list.scss */
  .projects_list {
    grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
  }
  /* line 126, app/assets/stylesheets/entities/projects/projects_list.scss */
  .projects_list .project_preview .picture_container {
    flex: 0 0 7rem;
  }
  /* line 131, app/assets/stylesheets/entities/projects/projects_list.scss */
  .projects_list .project_preview .text_container .description {
    display: block;
  }
}

@media (min-width: 1024px) {
  /* line 141, app/assets/stylesheets/entities/projects/projects_list.scss */
  .projects_list {
    margin-bottom: 2rem;
  }
}
/* line 17, app/assets/stylesheets/entities/proposals/proposal_card.scss */
.proposal_card {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

/* line 23, app/assets/stylesheets/entities/proposals/proposal_card.scss */
.proposal_card .short_content {
  padding: 1rem;
}

/* line 26, app/assets/stylesheets/entities/proposals/proposal_card.scss */
.proposal_card .full_content {
  padding: 0;
}

/* line 30, app/assets/stylesheets/entities/proposals/proposal_card.scss */
.proposal_card .title {
  color: #8cc53f;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.19rem;
  font-weight: bold;
  line-height: 1.2;
}

/* line 37, app/assets/stylesheets/entities/proposals/proposal_card.scss */
.proposal_card .title .number {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.4;
  color: #000;
  font-size: 0.7396em;
  margin-bottom: 0.25em;
}

/* line 45, app/assets/stylesheets/entities/proposals/proposal_card.scss */
.proposal_card .description {
  margin: 0 0 1rem;
  padding: 0 1rem;
  font-size: 1rem;
}

/* line 51, app/assets/stylesheets/entities/proposals/proposal_card.scss */
.proposal_card .actions {
  padding: 0 1rem 1rem;
}

/* line 55, app/assets/stylesheets/entities/proposals/proposal_card.scss */
.proposal_card .comment_count {
  color: rgba(0, 0, 0, 0.5);
  font-size: 1rem;
}

/* line 60, app/assets/stylesheets/entities/proposals/proposal_card.scss */
.proposal_card .voting_section {
  padding: 0 1rem 1rem;
}

/* line 63, app/assets/stylesheets/entities/proposals/proposal_card.scss */
.proposal_card .voting_section .scale_labels {
  font-size: 1rem;
}

/* line 67, app/assets/stylesheets/entities/proposals/proposal_card.scss */
.proposal_card .voting_section .label {
  display: inline-block;
  color: rgba(0, 0, 0, 0.5);
}

/* line 73, app/assets/stylesheets/entities/proposals/proposal_card.scss */
.proposal_card form {
  margin: 0;
  padding: 0;
  border: 0;
}

/* line 79, app/assets/stylesheets/entities/proposals/proposal_card.scss */
.proposal_card .selection_result {
  display: inline-block;
  margin-top: 0.5rem;
  padding: 0.1rem 0.75rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
}

/* line 88, app/assets/stylesheets/entities/proposals/proposal_card.scss */
.proposal_card .comments_block {
  padding: 1rem;
  background-color: #e8ddcc;
}
/* line 12, app/assets/stylesheets/entities/proposals/proposal_detail.scss */
.proposal_detail {
  position: relative;
  padding: 1rem 0 2rem;
  padding-bottom: 1rem;
}

/* line 15, app/assets/stylesheets/_item_details.scss */
.proposal_detail .status {
  position: absolute;
  top: 3em;
  right: 1em;
  padding: 0.25em 1rem;
  color: #fff;
  background-color: #8cc53f;
  font-weight: bold;
  text-transform: uppercase;
  transform: rotate(30deg);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* line 28, app/assets/stylesheets/_item_details.scss */
.proposal_detail .title {
  margin: 1rem 0 0.5rem;
  padding: 0 1.5rem;
}

/* line 33, app/assets/stylesheets/_item_details.scss */
.proposal_detail .label {
  margin: 0.5rem 0 1rem;
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.19rem;
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/_item_details.scss */
.proposal_detail .date {
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 46, app/assets/stylesheets/_item_details.scss */
.proposal_detail .description {
  margin-top: 1rem;
  padding: 0 1.5rem;
  font-size: 1.19em;
  font-style: italic;
}

/* line 54, app/assets/stylesheets/_item_details.scss */
.proposal_detail .author {
  margin: 0;
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 60, app/assets/stylesheets/_item_details.scss */
.proposal_detail .title,
.proposal_detail .label,
.proposal_detail .date,
.proposal_detail .description,
.proposal_detail .author {
  max-width: 54rem;
}

@media (min-width: 485px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .proposal_detail .title,
.proposal_detail .label,
.proposal_detail .date,
.proposal_detail .description,
.proposal_detail .author {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .proposal_detail .title,
.proposal_detail .label,
.proposal_detail .date,
.proposal_detail .description,
.proposal_detail .author {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .proposal_detail .title,
.proposal_detail .label,
.proposal_detail .date,
.proposal_detail .description,
.proposal_detail .author {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 60, app/assets/stylesheets/_item_details.scss */
  .proposal_detail .title,
.proposal_detail .label,
.proposal_detail .date,
.proposal_detail .description,
.proposal_detail .author {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 69, app/assets/stylesheets/_item_details.scss */
.proposal_detail .summary_title.blank {
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 17, app/assets/stylesheets/entities/proposals/proposal_detail.scss */
.proposal_detail .title,
.proposal_detail .result,
.proposal_detail .voting_section {
  padding: 0 1.5rem;
}

/* line 23, app/assets/stylesheets/entities/proposals/proposal_detail.scss */
.proposal_detail .title {
  color: #8cc53f;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161rem;
  font-weight: bold;
  line-height: 1.2;
}

/* line 30, app/assets/stylesheets/entities/proposals/proposal_detail.scss */
.proposal_detail .title .number {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.4;
  color: #000;
  font-size: 0.7396em;
  margin-bottom: 0.25em;
}

/* line 38, app/assets/stylesheets/entities/proposals/proposal_detail.scss */
.proposal_detail .description {
  font-style: normal;
  font-size: 1rem;
}

/* line 43, app/assets/stylesheets/entities/proposals/proposal_detail.scss */
.proposal_detail .result {
  margin: 1rem 0;
  padding: 0 1.5rem;
  font-size: 1.19rem;
}
/* line 17, app/assets/stylesheets/entities/proposals/proposal_form_block.scss */
.proposal_form_block {
  padding: 0.5rem 1rem 1rem;
  background-color: #e6dbc9;
}

/* line 21, app/assets/stylesheets/entities/proposals/proposal_form_block.scss */
.proposal_form_block .proposal_button {
  display: block;
  max-width: 54rem;
  padding-top: 0.5rem;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  text-decoration: none;
}

/* line 29, app/assets/stylesheets/entities/proposals/proposal_form_block.scss */
.proposal_form_block .proposal_button .round {
  width: 4rem;
  height: 4rem;
  padding: 0.25rem;
  border-radius: 2rem;
}

/* line 35, app/assets/stylesheets/entities/proposals/proposal_form_block.scss */
.proposal_form_block .proposal_button .round img {
  width: 100%;
  height: 100%;
}

/* line 42, app/assets/stylesheets/entities/proposals/proposal_form_block.scss */
.proposal_form_block .new_proposal {
  margin: 0 0 0.5rem;
  border: 3px dotted #d8c6a9;
  border-radius: 0.5rem;
}

/* line 49, app/assets/stylesheets/entities/proposals/proposal_form_block.scss */
.proposal_form_block .actions .toggler_text {
  margin-top: 0.85rem;
  color: #0071bc;
  font-weight: bold;
}
/* line 16, app/assets/stylesheets/entities/proposals/proposals_list.scss */
.proposals_list {
  max-width: unset;
  margin: 0;
  padding: 0;
  background-color: #e6dbc9;
  border-top: #d3bf9f 1px solid;
  list-style: none;
  list-style-position: outside;
}

/* line 26, app/assets/stylesheets/entities/proposals/proposals_list.scss */
.proposals_list.selected {
  background-color: white;
  border-top: #dcedc4 1px solid;
}

/* line 30, app/assets/stylesheets/entities/proposals/proposals_list.scss */
.proposals_list.selected .proposal_card .selection_result {
  background-color: #8cc53f;
}

/* line 35, app/assets/stylesheets/entities/proposals/proposals_list.scss */
.proposals_list > li {
  max-width: 54rem;
  padding: 0 0.75rem 0.75rem;
}

/* line 39, app/assets/stylesheets/entities/proposals/proposals_list.scss */
.proposals_list > li:first-child {
  padding-top: 0.75rem;
}

@media (min-width: 485px) {
  /* line 46, app/assets/stylesheets/entities/proposals/proposals_list.scss */
  .proposals_list > li {
    padding: 0 1rem 1rem;
  }
  /* line 49, app/assets/stylesheets/entities/proposals/proposals_list.scss */
  .proposals_list > li:first-child {
    padding-top: 1rem;
  }
}
/* line 13, app/assets/stylesheets/entities/questions.scss */
.questions_list {
  margin: 1rem 0;
  padding: 0 1rem;
  list-style: none outside;
}

@media (min-width: 485px) {
  /* line 13, app/assets/stylesheets/entities/questions.scss */
  .questions_list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 13, app/assets/stylesheets/entities/questions.scss */
  .questions_list {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 13, app/assets/stylesheets/entities/questions.scss */
  .questions_list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 13, app/assets/stylesheets/entities/questions.scss */
  .questions_list {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 21, app/assets/stylesheets/entities/questions.scss */
.questions_list .question_answer .question {
  margin: 1rem 0 0.5rem;
  font-size: 1.4161rem;
  font-weight: normal;
  line-height: 1.3;
}

/* line 28, app/assets/stylesheets/entities/questions.scss */
.questions_list .question_answer .action_buttons {
  padding-left: 0;
  padding-right: 0;
}

/* line 38, app/assets/stylesheets/entities/questions.scss */
.question_preview {
  display: flex;
  column-gap: 0.5rem;
  color: #000;
  font-size: 1.4161rem;
}

/* line 45, app/assets/stylesheets/entities/questions.scss */
.question_preview .symbol {
  flex: 0 0 auto;
}

/* line 49, app/assets/stylesheets/entities/questions.scss */
.question_preview .question_link {
  flex: 1 1 auto;
  color: #000;
  text-decoration: none;
}

/* line 55, app/assets/stylesheets/entities/questions.scss */
.question_preview .status_column {
  position: relative;
  flex: 0 0 5rem;
  font-size: 0.86rem;
}

/* line 60, app/assets/stylesheets/entities/questions.scss */
.question_preview .status_column .status {
  top: 0.5rem;
  right: 0;
}

/* line 67, app/assets/stylesheets/entities/questions.scss */
.question_preview:hover .question_link {
  text-decoration: underline;
}

/* line 75, app/assets/stylesheets/entities/questions.scss */
.question_detail .action_buttons .status {
  position: relative;
  top: -0.5rem;
  left: 0;
  right: unset;
  display: inline-block;
  padding: 0.25rem 0.5rem;
  background-color: #e8ddcc;
}

/* line 86, app/assets/stylesheets/entities/questions.scss */
.question_detail .answers_list {
  list-style: none outside;
  margin: 1rem 0;
  padding: 0 1.5rem;
}

@media (min-width: 485px) {
  /* line 86, app/assets/stylesheets/entities/questions.scss */
  .question_detail .answers_list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 86, app/assets/stylesheets/entities/questions.scss */
  .question_detail .answers_list {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 86, app/assets/stylesheets/entities/questions.scss */
  .question_detail .answers_list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 86, app/assets/stylesheets/entities/questions.scss */
  .question_detail .answers_list {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
/* line 14, app/assets/stylesheets/entities/quiz.scss */
article.quiz_modus .tile_block {
  margin-top: 3rem;
}

/* line 18, app/assets/stylesheets/entities/quiz.scss */
article.quiz_modus .tile_link_big {
  margin: 1.5rem 1rem;
}

/* line 21, app/assets/stylesheets/entities/quiz.scss */
article.quiz_modus .tile_link_big .title {
  padding-right: 2rem;
}

/* line 26, app/assets/stylesheets/entities/quiz.scss */
article.quiz_modus .tile_link_big .eh_illu.double {
  top: -1rem;
  max-width: 6.5rem;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/entities/quiz.scss */
  article.quiz_modus .tile_link_big {
    margin: 1.5rem auto;
  }
  /* line 38, app/assets/stylesheets/entities/quiz.scss */
  article.quiz_modus .tile_link_big .eh_illu {
    right: 1rem;
  }
}
/* line 13, app/assets/stylesheets/entities/quizanswers.scss */
.quizanswer_preview {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  text-decoration: none;
}

@media (min-width: 485px) {
  /* line 13, app/assets/stylesheets/entities/quizanswers.scss */
  .quizanswer_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 13, app/assets/stylesheets/entities/quizanswers.scss */
  .quizanswer_preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 13, app/assets/stylesheets/entities/quizanswers.scss */
  .quizanswer_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 13, app/assets/stylesheets/entities/quizanswers.scss */
  .quizanswer_preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 21, app/assets/stylesheets/entities/quizanswers.scss */
.quizanswer_preview .quizanswer_display {
  margin-right: 1rem;
}

/* line 25, app/assets/stylesheets/entities/quizanswers.scss */
.quizanswer_preview .angle {
  flex: 0 0 1.5rem;
}

/* line 30, app/assets/stylesheets/entities/quizanswers.scss */
.quizanswer_display {
  display: flex;
  flex-direction: row;
  width: 100%;
  min-height: 3.5rem;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  overflow: hidden;
  color: #000;
  background-color: transparent;
  border: 3px solid #000;
  border-radius: 1rem;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.4;
  text-decoration: none;
}

/* line 46, app/assets/stylesheets/entities/quizanswers.scss */
.quizanswer_display.preliminary {
  margin-top: 0.75rem;
  margin-bottom: 1rem;
  border-color: #d8c6a9;
  border-style: dotted;
  font-size: 1rem;
}

/* line 54, app/assets/stylesheets/entities/quizanswers.scss */
.quizanswer_display.correct {
  background-color: #8cc53f;
}

/* line 58, app/assets/stylesheets/entities/quizanswers.scss */
.quizanswer_display .label {
  flex: 1 1 auto;
  align-self: center;
  font-weight: bold;
  text-decoration: none;
}

/* line 64, app/assets/stylesheets/entities/quizanswers.scss */
.quizanswer_display .label form.button_to {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* line 70, app/assets/stylesheets/entities/quizanswers.scss */
.quizanswer_display .label form.button_to input[type=submit] {
  width: 100%;
  padding: 0;
  border: none;
  background-color: transparent;
  text-align: left;
}

/* line 81, app/assets/stylesheets/entities/quizanswers.scss */
.quizanswer_display .action_buttons {
  min-width: 1rem;
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
  align-self: center;
  text-align: center;
  white-space: nowrap;
}

/* line 90, app/assets/stylesheets/entities/quizanswers.scss */
.quizanswer_display .action_buttons .sym_button {
  margin-top: 0;
}

/* line 96, app/assets/stylesheets/entities/quizanswers.scss */
.quizanswers_list {
  width: 100%;
  margin: 0.5rem 0 0;
  padding: 0 1rem;
  list-style: none outside;
}

/* line 102, app/assets/stylesheets/entities/quizanswers.scss */
.quizanswers_list li + li {
  margin-top: 0.75rem;
}

/* line 106, app/assets/stylesheets/entities/quizanswers.scss */
.quizanswers_list form.button_to {
  display: block;
  margin: 0;
}

@media (min-width: 485px) {
  /* line 112, app/assets/stylesheets/entities/quizanswers.scss */
  .quizanswers_list {
    margin-bottom: 0;
    padding: 0 1.5rem;
  }
}
/* line 11, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenges_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
  max-width: unset;
  font-size: 0.84em;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.quizchallenges_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.quizchallenges_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.quizchallenges_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .quizchallenges_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .quizchallenges_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .quizchallenges_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .quizchallenges_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.quizchallenges_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.quizchallenges_list .preview::before, .quizchallenges_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.quizchallenges_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .quizchallenges_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .quizchallenges_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .quizchallenges_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .quizchallenges_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.quizchallenges_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.quizchallenges_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.quizchallenges_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.quizchallenges_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.quizchallenges_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.quizchallenges_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.quizchallenges_list .preview .content,
.quizchallenges_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.quizchallenges_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.quizchallenges_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 21, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview {
  display: flex;
  column-gap: 1rem;
  padding: 0.5rem 1.5rem;
}

/* line 26, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .info_column {
  position: relative;
  flex: 1 1 auto;
  max-height: 30rem;
  overflow-y: scroll;
}

/* line 32, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .info_column .actions {
  float: left;
  width: auto;
  margin-right: 1rem;
}

/* line 38, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .info_column .name,
.quizchallenge_preview .info_column .step,
.quizchallenge_preview .info_column .token,
.quizchallenge_preview .info_column .kind,
.quizchallenge_preview .info_column .round,
.quizchallenge_preview .info_column .category {
  display: inline-block;
  width: 6rem;
}

/* line 47, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .info_column .name,
.quizchallenge_preview .info_column .step {
  width: 11rem;
  text-overflow: ellipsis;
}

/* line 52, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .info_column .name.prospect,
.quizchallenge_preview .info_column .step.prospect {
  font-style: italic;
}

/* line 56, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .info_column .name {
  font-weight: bold;
}

/* line 60, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .info_column .status {
  top: 1rem;
  right: 2rem;
}

/* line 65, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .info_column .quizgames_list_debug {
  margin: 0.5rem 0;
  padding: 0;
  list-style: none outside;
}

/* line 70, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .info_column .quizgames_list_debug .quizgame_preview_debug {
  position: relative;
  padding: 0.25rem 1rem;
  border-top: 1px solid #d8c6a9;
}

/* line 75, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .info_column .quizgames_list_debug .quizgame_preview_debug .name {
  font-weight: normal;
}

/* line 78, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .info_column .quizgames_list_debug .quizgame_preview_debug .label {
  display: inline-block;
}

/* line 81, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .info_column .quizgames_list_debug .quizgame_preview_debug .answers {
  display: inline-block;
  margin-right: 2rem;
  font-weight: bold;
}

/* line 87, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .info_column .quizgames_list_debug .quizgame_preview_debug .answers .right {
  color: #8cc53f;
}

/* line 90, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .info_column .quizgames_list_debug .quizgame_preview_debug .answers .wrong {
  color: #cc4400;
}

/* line 94, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .info_column .quizgames_list_debug .quizgame_preview_debug .category {
  width: 16rem;
}

/* line 101, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .logs_column {
  flex: 1 1 auto;
  max-height: 30rem;
  overflow-y: scroll;
}

/* line 106, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .logs_column .logs_list {
  font-size: 0.592704em;
}

/* line 109, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
.quizchallenge_preview .logs_column .logs_list td {
  padding: 0.1rem 0.5rem;
}

@media (min-width: 485px) {
  /* line 116, app/assets/stylesheets/entities/quizchallenges/quizchallenges.scss */
  .quizchallenge_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
/* line 14, app/assets/stylesheets/entities/quizchallenges/quizchallenges_choose_contact.scss */
article.quizchallenge_choose_contact .account_tile {
  margin: 0.5rem 1rem;
  padding: 1rem;
}

/* line 19, app/assets/stylesheets/entities/quizchallenges/quizchallenges_choose_contact.scss */
article.quizchallenge_choose_contact .account_tile .pic_n_name .picture.thumb {
  flex: 0 0 3rem;
  height: 3rem;
}

/* line 23, app/assets/stylesheets/entities/quizchallenges/quizchallenges_choose_contact.scss */
article.quizchallenge_choose_contact .account_tile .pic_n_name .title {
  color: #000;
  font-size: 1em;
}

/* line 27, app/assets/stylesheets/entities/quizchallenges/quizchallenges_choose_contact.scss */
article.quizchallenge_choose_contact .account_tile .pic_n_name .link {
  margin-top: 0.25rem;
  text-align: right;
  font-size: 0.84em;
}

@media (min-width: 485px) {
  /* line 37, app/assets/stylesheets/entities/quizchallenges/quizchallenges_choose_contact.scss */
  article.quizchallenge_choose_contact .account_tile {
    max-width: 27rem;
    margin: 0.75rem auto;
  }
}
/* line 12, app/assets/stylesheets/entities/quizchallenges/quizchallenges_invitation.scss */
.quizchallenge_invitation .picture.thumb {
  margin: 0 1.5rem;
  border-radius: 4rem;
}

/* line 17, app/assets/stylesheets/entities/quizchallenges/quizchallenges_invitation.scss */
.quizchallenge_invitation .eh_drei_eh {
  max-width: 13rem;
  margin-left: 1.5rem;
}

@media (min-width: 485px) {
  /* line 24, app/assets/stylesheets/entities/quizchallenges/quizchallenges_invitation.scss */
  .quizchallenge_invitation .picture.thumb {
    margin: 0 auto;
  }
  /* line 28, app/assets/stylesheets/entities/quizchallenges/quizchallenges_invitation.scss */
  .quizchallenge_invitation .eh_drei_eh {
    max-width: 18rem;
    margin: 0 auto;
  }
}
/* line 13, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgames_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
  max-width: unset;
  width: 100%;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.quizgames_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.quizgames_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.quizgames_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .quizgames_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .quizgames_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .quizgames_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .quizgames_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.quizgames_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.quizgames_list .preview::before, .quizgames_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.quizgames_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .quizgames_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .quizgames_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .quizgames_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .quizgames_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.quizgames_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.quizgames_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.quizgames_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.quizgames_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.quizgames_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.quizgames_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.quizgames_list .preview .content,
.quizgames_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.quizgames_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.quizgames_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 21, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgames_list > li {
  padding: 0 1.5rem;
  border-top: 1px solid #cccccc;
}

/* line 25, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgames_list > li:last-child {
  border-bottom: 1px solid #cccccc;
}

@media (min-width: 485px) {
  /* line 31, app/assets/stylesheets/entities/quizgames/quizgames.scss */
  .quizgames_list {
    margin-bottom: 0;
  }
  /* line 34, app/assets/stylesheets/entities/quizgames/quizgames.scss */
  .quizgames_list > li {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  /* line 38, app/assets/stylesheets/entities/quizgames/quizgames.scss */
  .quizgames_list > li:last-child {
    border-bottom: none;
  }
}

/* line 45, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgame_preview {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 0.5rem 0;
  overflow: hidden;
  color: #000;
  text-decoration: none;
}

/* line 57, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgame_preview .token {
  flex: 0 1 5rem;
}

/* line 61, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgame_preview .label {
  flex: 1 1 auto;
  overflow: hidden;
}

/* line 65, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgame_preview .label .name {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 70, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgame_preview .label .name.prospect {
  font-style: italic;
  font-weight: normal;
}

/* line 76, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgame_preview .quizchallenge {
  flex: 0 1 5rem;
}

/* line 79, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgame_preview .step {
  flex: 0 0 10rem;
}

/* line 82, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgame_preview .infos {
  flex: 0 0 6rem;
  text-align: right;
}

/* line 86, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgame_preview .quota {
  flex: 0 0 5rem;
  text-align: right;
}

/* line 90, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgame_preview .quota .full {
  display: inline-block;
  width: auto;
  height: 12px;
  background-color: #ffaa00;
  border: 1px solid #000;
  border-right: 0;
}

/* line 98, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgame_preview .quota .hollow {
  display: inline-block;
  width: auto;
  height: 12px;
  border: 1px solid #000;
  border-left: 0;
}

/* line 107, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgame_preview .quota.great .full {
  background-color: #8cc53f;
}

/* line 113, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgame_preview .actions {
  flex: 0 0 3rem;
  text-align: right;
}

/* line 118, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgame_preview .badge_cell {
  min-width: 1rem;
  flex: 0 0 auto;
  align-self: center;
  text-align: center;
  white-space: nowrap;
}

/* line 125, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgame_preview .badge_cell .badge {
  margin: 0 0.1rem;
}

@media (min-width: 485px) {
  /* line 131, app/assets/stylesheets/entities/quizgames/quizgames.scss */
  .quizgames_preview {
    padding-left: 0;
    padding-right: 0;
  }
}

/* line 138, app/assets/stylesheets/entities/quizgames/quizgames.scss */
.quizgame_page .quizgame_details {
  background-color: white;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.quizgame_page .quizgame_details::before, .quizgame_page .quizgame_details::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.quizgame_page .quizgame_details::after {
  clear: both;
}
/* line 11, app/assets/stylesheets/entities/quizgames/quizgames_blocks.scss */
.quizgame_show_qq {
  margin: 3rem 0 1.5rem;
}

/* line 15, app/assets/stylesheets/entities/quizgames/quizgames_blocks.scss */
.quizgame_progress_block {
  margin: 2.5rem 0 0.5rem;
  padding: 0 1.5rem;
  text-align: center;
}

/* line 21, app/assets/stylesheets/entities/quizgames/quizgames_blocks.scss */
.quizgame_answers_block {
  margin-top: 1.5rem;
}

/* line 24, app/assets/stylesheets/entities/quizgames/quizgames_blocks.scss */
.quizgame_answers_block .quizanswer_preview {
  display: inline-block;
  margin-top: 0.25em;
  padding: 0.75rem 1.25rem;
  color: #000;
  background-color: #8cc53f;
  border: 3px solid #000;
  border-radius: 1rem;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  vertical-align: baseline;
  width: 100%;
  background-color: transparent;
  color: #000;
  font-weight: bold;
}

/* line 87, app/assets/stylesheets/_mixins.scss */
.quizgame_answers_block .quizanswer_preview.danger {
  color: #fff;
  background-color: #cc4400;
}

/* line 91, app/assets/stylesheets/_mixins.scss */
.quizgame_answers_block .quizanswer_preview.secondary {
  color: #000;
  background-color: transparent;
}

/* line 34, app/assets/stylesheets/entities/quizgames/quizgames_blocks.scss */
.quizgame_results_block {
  margin: 4rem 0 1rem;
  text-align: center;
}

/* line 39, app/assets/stylesheets/entities/quizgames/quizgames_blocks.scss */
.quizgame_results_block .illu_eh {
  max-width: 14rem;
  margin: 0 auto;
}

/* line 43, app/assets/stylesheets/entities/quizgames/quizgames_blocks.scss */
.quizgame_results_block .illu_eh.buzzer {
  max-width: 12rem;
}

/* line 46, app/assets/stylesheets/entities/quizgames/quizgames_blocks.scss */
.quizgame_results_block .illu_eh.ueberlegen {
  max-width: 9rem;
}

/* line 51, app/assets/stylesheets/entities/quizgames/quizgames_blocks.scss */
.quizgame_results_block .illu_eh + h2 {
  margin-top: 1rem;
}

/* line 55, app/assets/stylesheets/entities/quizgames/quizgames_blocks.scss */
.quizgame_results_block p {
  font-weight: bold;
}

/* line 59, app/assets/stylesheets/entities/quizgames/quizgames_blocks.scss */
.quizgame_results_block .results_icons {
  margin: 0 auto;
}

/* line 62, app/assets/stylesheets/entities/quizgames/quizgames_blocks.scss */
.quizgame_results_block .results_icons .mark {
  width: 3rem;
  margin: 0 0.125rem;
}

@media (min-width: 485px) {
  /* line 70, app/assets/stylesheets/entities/quizgames/quizgames_blocks.scss */
  .quizgame_results_block .illu_eh {
    max-width: 18rem;
  }
}
/* line 14, app/assets/stylesheets/entities/quizgroupgames.scss */
.qgg_question_page .quizquestion_label,
.qgg_answer_page .quizquestion_label {
  margin-bottom: 1rem;
  text-align: center;
}

/* line 19, app/assets/stylesheets/entities/quizgroupgames.scss */
.qgg_question_page .quizanswers_list,
.qgg_answer_page .quizanswers_list {
  margin-bottom: 5rem;
}

/* line 23, app/assets/stylesheets/entities/quizgroupgames.scss */
.qgg_question_page .big_buttons_block,
.qgg_answer_page .big_buttons_block {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 28, app/assets/stylesheets/entities/quizgroupgames.scss */
.qgg_question_page .quizanswer_display,
.qgg_answer_page .quizanswer_display {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/* line 32, app/assets/stylesheets/entities/quizgroupgames.scss */
.qgg_question_page .quizanswer_display.answered,
.qgg_answer_page .quizanswer_display.answered {
  border-color: #cc4400;
  background-color: #ffddcc;
}
/* line 14, app/assets/stylesheets/entities/quizgroupparts.scss */
.selection_with_scroller .quizquestions_list {
  margin: 0;
}

/* line 21, app/assets/stylesheets/entities/quizgroupparts.scss */
.quizgroupparts_list li {
  border-top: 1px solid #cccccc;
}

/* line 24, app/assets/stylesheets/entities/quizgroupparts.scss */
.quizgroupparts_list li:last-child {
  border-bottom: 1px solid #cccccc;
}
/* line 11, app/assets/stylesheets/entities/quizgroups.scss */
.quizgroups_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.quizgroups_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.quizgroups_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.quizgroups_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .quizgroups_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .quizgroups_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .quizgroups_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .quizgroups_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.quizgroups_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.quizgroups_list .preview::before, .quizgroups_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.quizgroups_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .quizgroups_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .quizgroups_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .quizgroups_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .quizgroups_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.quizgroups_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.quizgroups_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.quizgroups_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.quizgroups_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.quizgroups_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.quizgroups_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.quizgroups_list .preview .content,
.quizgroups_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.quizgroups_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.quizgroups_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 14, app/assets/stylesheets/entities/quizgroups.scss */
.quizgroups_list li:last-child {
  border-bottom: 1px solid #d8c6a9;
}

/* line 18, app/assets/stylesheets/entities/quizgroups.scss */
.quizgroups_list .quizgroup_preview {
  display: flex;
}

/* line 21, app/assets/stylesheets/entities/quizgroups.scss */
.quizgroups_list .quizgroup_preview .infos {
  flex: 1 1 auto;
  overflow: hidden;
}

/* line 26, app/assets/stylesheets/entities/quizgroups.scss */
.quizgroups_list .quizgroup_preview .infos .title .details {
  display: inline;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.7056em;
  font-weight: normal;
}

/* line 35, app/assets/stylesheets/entities/quizgroups.scss */
.quizgroups_list .quizgroup_preview .angle {
  flex: 0 0 1.75rem;
  align-self: center;
  text-align: right;
}

/* line 41, app/assets/stylesheets/entities/quizgroups.scss */
.quizgroups_list .quizgroup_preview .action_buttons {
  flex: 0 0 7rem;
  margin: 0;
  padding: 0;
  width: auto;
  text-align: right;
}

/* line 49, app/assets/stylesheets/entities/quizgroups.scss */
.quizgroups_list .quizgroup_preview .action_buttons .button_to {
  margin-right: 0;
}

/* line 53, app/assets/stylesheets/entities/quizgroups.scss */
.quizgroups_list .quizgroup_preview .action_buttons .sym_button {
  display: inline-block;
}
/* line 15, app/assets/stylesheets/entities/quizgroups_layout.scss */
.quizgroup_header {
  position: absolute;
  top: 0;
  left: 260px;
  right: 0;
  display: flex;
  align-items: end;
  height: 10rem;
  border-bottom: 1px solid #d8c6a9;
}

/* line 25, app/assets/stylesheets/entities/quizgroups_layout.scss */
.quizgroup_header .text_block {
  flex: 1 1 auto;
}

/* line 29, app/assets/stylesheets/entities/quizgroups_layout.scss */
.quizgroup_header .action_buttons {
  flex: 0 0 auto;
}

/* line 33, app/assets/stylesheets/entities/quizgroups_layout.scss */
.quizgroup_header .back_button {
  display: block;
  margin: 1rem 0;
  padding: 0 1.5rem;
}

@media (min-width: 485px) {
  /* line 33, app/assets/stylesheets/entities/quizgroups_layout.scss */
  .quizgroup_header .back_button {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 33, app/assets/stylesheets/entities/quizgroups_layout.scss */
  .quizgroup_header .back_button {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 33, app/assets/stylesheets/entities/quizgroups_layout.scss */
  .quizgroup_header .back_button {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 33, app/assets/stylesheets/entities/quizgroups_layout.scss */
  .quizgroup_header .back_button {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 40, app/assets/stylesheets/entities/quizgroups_layout.scss */
.quizgroup_header .header_label {
  margin: 1rem 0 0;
  padding: 0 1.5rem;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161rem;
  font-weight: bold;
}

@media (min-width: 485px) {
  /* line 40, app/assets/stylesheets/entities/quizgroups_layout.scss */
  .quizgroup_header .header_label {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 40, app/assets/stylesheets/entities/quizgroups_layout.scss */
  .quizgroup_header .header_label {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 40, app/assets/stylesheets/entities/quizgroups_layout.scss */
  .quizgroup_header .header_label {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 40, app/assets/stylesheets/entities/quizgroups_layout.scss */
  .quizgroup_header .header_label {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 50, app/assets/stylesheets/entities/quizgroups_layout.scss */
.quizgroup_header h1 {
  margin-top: 0;
  max-width: unset;
}

/* line 56, app/assets/stylesheets/entities/quizgroups_layout.scss */
.quizgroup_content {
  position: absolute;
  top: 10rem;
  left: 260px;
  right: 0;
  bottom: 7rem;
  display: flex;
}

/* line 65, app/assets/stylesheets/entities/quizgroups_layout.scss */
.quizgroup_content .detail {
  flex: 1 1 auto;
}

/* line 71, app/assets/stylesheets/entities/quizgroups_layout.scss */
.quizgroup_slide_layout {
  display: flex;
  align-items: center;
  min-height: calc( 100vh - 11rem);
}

/* line 76, app/assets/stylesheets/entities/quizgroups_layout.scss */
.quizgroup_slide_layout .text {
  flex: 1 1 auto;
}

/* line 80, app/assets/stylesheets/entities/quizgroups_layout.scss */
.quizgroup_slide_layout .illu {
  flex: 1 1 auto;
}
/* line 15, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_infos {
  display: flex;
  column-gap: 1rem;
  max-width: 54rem;
  margin-right: auto;
  padding: 0 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 485px) {
  /* line 15, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
  .quizquestion_infos {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 15, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
  .quizquestion_infos {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 15, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
  .quizquestion_infos {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 15, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
  .quizquestion_infos {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 24, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_infos .difficulty {
  flex: 1 1 auto;
  text-align: left;
}

/* line 28, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_infos .answer_count {
  flex: 1 1 auto;
  text-align: center;
}

/* line 32, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_infos .rate {
  flex: 1 1 auto;
  text-align: right;
}

/* line 36, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_infos em {
  color: #000;
  font-style: normal;
}

/* line 42, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details {
  position: relative;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.quizquestion_details::before, .quizquestion_details::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.quizquestion_details::after {
  clear: both;
}

/* line 46, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .quizquestion_header_block {
  margin-bottom: 1.5rem;
}

/* line 49, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .quizquestion_header_block h1 {
  margin-bottom: 0.5rem;
}

/* line 54, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .back_button {
  display: inline-block;
  margin: 1rem 0 2rem;
}

/* line 59, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .navigation {
  background-color: #e6dbc9;
  border-bottom: 1px solid #d8c6a9;
}

/* line 63, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .navigation .back_button {
  margin-bottom: 1rem;
  vertical-align: middle;
}

/* line 68, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .navigation .sym_text_button,
.quizquestion_details .navigation .button_to {
  margin: 1rem 0;
  padding: 0 1.5rem;
  vertical-align: middle;
}

/* line 74, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .navigation .sym_text_button .sym_text_button,
.quizquestion_details .navigation .button_to .sym_text_button {
  margin: 0;
}

/* line 78, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .navigation .sym_text_button button,
.quizquestion_details .navigation .button_to button {
  display: flex;
  align-items: center;
  padding: 0;
}

/* line 83, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .navigation .sym_text_button button .sym_button,
.quizquestion_details .navigation .button_to button .sym_button {
  flex: 0 0 auto;
  margin-right: 0.5rem;
}

/* line 88, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .navigation .sym_text_button button .label,
.quizquestion_details .navigation .button_to button .label {
  flex: 0 1 auto;
  text-align: left;
}

/* line 95, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .navigation .star_button {
  background: transparent;
  border: none;
}

/* line 99, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .navigation .star_button img {
  width: 2rem;
}

/* line 103, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .navigation .star_button .label {
  display: inline-block;
}

/* line 109, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .status {
  top: 2rem;
  color: #000;
  background-color: #fff;
}

/* line 115, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .help_text {
  padding: 0 2.5rem;
  font-size: 1rem;
}

/* line 120, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details h4.help_text {
  margin: 1rem 0 0.5rem 0;
  padding: 0 2.5rem;
  font-size: 1rem;
}

/* line 126, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details h4.help_text + .qq_correct_answer_block,
.quizquestion_details h4.help_text + .qq_quiztip_block {
  margin-top: 0.5rem;
}

/* line 132, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .qq_answers_block form.button_to input[type=submit] {
  white-space: normal;
}

/* line 137, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .qq_details_button {
  margin: 1rem 0 0;
  padding: 0.75rem;
  border-radius: 1rem;
  border: 1px solid #8cc53f;
  color: #8cc53f;
  background-color: rgba(140, 197, 63, 0.15);
  font-size: 0.86rem;
  text-align: center;
}

/* line 149, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details .qq_quiztip_button {
  margin: 1rem 1.5rem;
  padding: 0.75rem;
  border-radius: 1rem;
  border: 3px dotted #d8c6a9;
  color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
  text-align: center;
}

/* line 160, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details #qq_quiztip_form {
  display: none;
}

/* line 163, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
.quizquestion_details #qq_quiztip_form.toggled_open {
  display: block;
}

@media (min-width: 1024px) {
  /* line 170, app/assets/stylesheets/entities/quizquestions/quizquestion_details.scss */
  .quizquestion_details h4.help_text {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
/* line 18, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
.qq_question_block {
  max-width: 52rem;
  margin: 0 1rem;
  padding: 1.5rem;
  border-radius: 1rem;
  background-color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.19rem;
}

/* line 29, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
.qq_question_block .help_text {
  display: inline;
  padding: 0;
}

/* line 35, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
.qq_correct_answer_block {
  position: relative;
  max-width: 52rem;
  margin: 1rem;
  padding: 1.5rem;
  border-radius: 1rem;
  background-color: #fff;
  text-align: left;
}

/* line 45, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
.qq_correct_answer_block .eh_feedback {
  position: absolute;
  top: -2rem;
  right: 0rem;
  max-width: 5rem;
}

/* line 51, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
.qq_correct_answer_block .eh_feedback.correct {
  top: -2.5rem;
  max-width: 6rem;
}

/* line 57, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
.qq_correct_answer_block .title {
  margin-bottom: 0.5rem;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161rem;
  font-weight: bold;
}

/* line 63, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
.qq_correct_answer_block .title.correct {
  color: #81b838;
}

/* line 66, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
.qq_correct_answer_block .title.wrong {
  color: #b83d00;
}

/* line 71, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
.qq_correct_answer_block .help_text {
  display: inline;
  padding: 0;
}

/* line 76, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
.qq_correct_answer_block .question_details_block {
  display: flex;
  column-gap: 1rem;
}

/* line 81, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
.qq_correct_answer_block .question_details_button {
  flex: 1 1 auto;
  margin: 1rem 0 0;
  padding: 0.75rem;
  border-radius: 1rem;
  border: 3px solid #81b838;
  color: #81b838;
  background-color: rgba(140, 197, 63, 0.08);
  font-size: 0.86rem;
  font-weight: bold;
  text-align: center;
}

/* line 94, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
.qq_correct_answer_block .question_details_button.wrong {
  color: #b83d00;
  background-color: rgba(204, 68, 0, 0.08);
  border-color: #b83d00;
}

/* line 100, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
.qq_correct_answer_block .question_details_button.half {
  display: inline-block;
}

/* line 104, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
.qq_correct_answer_block .question_details_button img {
  width: 1rem;
}

/* line 110, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
.quiztip_actions_block {
  padding: 0 1.5rem;
  text-align: right;
}

/* line 114, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
.quiztip_actions_block form.button_to {
  padding: 0;
  margin: 0;
}

@media (min-width: 485px) {
  /* line 120, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
  .quiztip_actions_block {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

/* line 126, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
#question_details_block {
  display: none;
}

/* line 129, app/assets/stylesheets/entities/quizquestions/quizquestion_parts.scss */
#question_details_block.toggled_open {
  display: block;
}
/* line 14, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.page_quizquestions_index .selector_list li a {
  font-size: 1em;
}

/* line 19, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.quizquestion_preview {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  overflow: hidden;
  color: #000;
  text-decoration: none;
}

@media (min-width: 485px) {
  /* line 19, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
  .quizquestion_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 19, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
  .quizquestion_preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 19, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
  .quizquestion_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 19, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
  .quizquestion_preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 31, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.quizquestion_preview .info_block {
  flex: 1 1 auto;
  overflow: hidden;
}

/* line 35, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.quizquestion_preview .info_block .tags_list_at_entity {
  margin: 0 0 0.25rem;
  padding: 0;
}

/* line 39, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.quizquestion_preview .info_block .author {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 43, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.quizquestion_preview .info_block .question {
  font-weight: bold;
}

/* line 46, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.quizquestion_preview .info_block .question .identifier {
  color: #71a130;
}

/* line 49, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.quizquestion_preview .info_block .question .identifier .difficulty {
  display: inline-block;
  margin-left: 0.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-weight: normal;
}

/* line 58, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.quizquestion_preview .info_block .comments_count {
  float: right;
  width: auto;
  color: rgba(0, 0, 0, 0.5);
}

/* line 63, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.quizquestion_preview .info_block .comments_count img {
  height: 1.25rem;
}

/* line 69, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.quizquestion_preview .angle {
  flex: 0 0 1.75rem;
  align-self: center;
  text-align: right;
}

/* line 78, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.quizquestions_list {
  width: 100%;
  max-width: unset;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none outside;
}

/* line 85, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.quizquestions_list li {
  border-top: 1px solid #cccccc;
}

/* line 88, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.quizquestions_list li:last-child {
  border-bottom: 1px solid #cccccc;
}

/* line 92, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.quizquestions_list li.separator {
  padding: 1rem 1.5rem 0.5rem;
  border-top: none;
  border-bottom: 1px solid #cccccc;
  font-size: 1.4161rem;
  font-weight: bold;
}

@media (min-width: 485px) {
  /* line 102, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
  .quizquestions_list {
    margin-bottom: 0;
    padding: 0 2rem;
  }
  /* line 106, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
  .quizquestions_list li:last-child {
    border-bottom: none;
  }
}

/* line 114, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.quizquestion_groups_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none outside;
}

/* line 120, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.quizquestion_groups_list .separator {
  margin-top: 2rem;
  padding: 0 1.5rem;
  font-size: 1.4161rem;
  font-weight: bold;
}

@media (min-width: 485px) {
  /* line 120, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
  .quizquestion_groups_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 120, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
  .quizquestion_groups_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 120, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
  .quizquestion_groups_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 120, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
  .quizquestion_groups_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 129, app/assets/stylesheets/entities/quizquestions/quizquestions.scss */
.quizquestion_groups_list .quizquestions_list {
  padding: 0;
}
/* line 16, app/assets/stylesheets/entities/quiztips.scss */
.page_quiztips_index .selector_list li a {
  font-size: 1em;
}

/* line 21, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_preview {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  overflow: hidden;
  color: #000;
  text-decoration: none;
}

@media (min-width: 485px) {
  /* line 21, app/assets/stylesheets/entities/quiztips.scss */
  .quiztip_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 21, app/assets/stylesheets/entities/quiztips.scss */
  .quiztip_preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 21, app/assets/stylesheets/entities/quiztips.scss */
  .quiztip_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 21, app/assets/stylesheets/entities/quiztips.scss */
  .quiztip_preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 33, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_preview .info_block {
  flex: 1 1 auto;
  overflow: hidden;
}

/* line 37, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_preview .info_block .tags_list_at_entity {
  margin: 0 0 0.25rem;
  padding: 0;
}

/* line 41, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_preview .info_block .author {
  display: inline;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 47, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_preview .info_block .identifier {
  color: #71a130;
  font-weight: bold;
}

/* line 52, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_preview .info_block .description {
  font-weight: bold;
}

/* line 55, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_preview .info_block .infos {
  display: inline;
  color: rgba(0, 0, 0, 0.5);
}

/* line 59, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_preview .info_block .infos.secondary {
  font-style: italic;
}

/* line 63, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_preview .info_block .comments_count {
  float: right;
  width: auto;
  color: rgba(0, 0, 0, 0.5);
}

/* line 68, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_preview .info_block .comments_count img {
  height: 1.25rem;
}

/* line 73, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_preview .angle {
  flex: 0 0 1.5rem;
  justify-self: end;
  justify-content: end;
  align-self: center;
  text-align: right;
}

/* line 84, app/assets/stylesheets/entities/quiztips.scss */
.quiztips_list {
  max-width: unset;
  width: 100%;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none outside;
}

/* line 91, app/assets/stylesheets/entities/quiztips.scss */
.quiztips_list li {
  border-top: 1px solid #cccccc;
}

/* line 94, app/assets/stylesheets/entities/quiztips.scss */
.quiztips_list li:last-child {
  border-bottom: 1px solid #cccccc;
}

/* line 98, app/assets/stylesheets/entities/quiztips.scss */
.quiztips_list li.separator {
  padding: 0.25rem 1.5rem;
  background-color: white;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 106, app/assets/stylesheets/entities/quiztips.scss */
  .quiztips_list {
    margin-bottom: 0;
    padding: 0 1.5rem;
  }
  /* line 110, app/assets/stylesheets/entities/quiztips.scss */
  .quiztips_list li:last-child {
    border-bottom: none;
  }
}

/* line 118, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_groups_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none outside;
}

/* line 124, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_groups_list .separator {
  margin-top: 2rem;
  padding: 0 1.5rem;
  font-size: 1.4161rem;
  font-weight: bold;
}

@media (min-width: 485px) {
  /* line 124, app/assets/stylesheets/entities/quiztips.scss */
  .quiztip_groups_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 124, app/assets/stylesheets/entities/quiztips.scss */
  .quiztip_groups_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 124, app/assets/stylesheets/entities/quiztips.scss */
  .quiztip_groups_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 124, app/assets/stylesheets/entities/quiztips.scss */
  .quiztip_groups_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 133, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_groups_list .quiztips_list {
  padding: 0;
}

/* line 143, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_details {
  position: relative;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.quiztip_details::before, .quiztip_details::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.quiztip_details::after {
  clear: both;
}

/* line 147, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_details .status {
  top: 2rem;
  color: #000;
  background-color: white;
}

/* line 152, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_details .status.accepted, .quiztip_details .status.member {
  color: #fff;
  background-color: white;
}

/* line 157, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_details .status.discharged {
  color: #fff;
  background-color: #cc4400;
}

/* line 164, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_block {
  display: block;
  max-width: 54rem;
  margin: 1rem;
  padding: 1.5rem;
  border-radius: 1rem;
  color: #000;
  background-color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
}

/* line 177, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_block .quiztip_label {
  display: inline-block;
  margin: 0 1rem 1rem 0;
  padding: 0.25rem 0.5rem;
  background-color: #ffaa00;
  border-radius: 0.25rem;
  font-size: 0.84em;
  text-transform: uppercase;
}

/* line 188, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_block .reduction {
  display: block;
  float: right;
  width: auto;
  margin: 0 0 1rem 1rem;
  font-size: 0.84em;
  text-align: right;
}

/* line 197, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_block .reduction .number {
  display: inline;
  color: #8cc53f;
  font-size: 2em;
  line-height: 0.9;
}

/* line 206, app/assets/stylesheets/entities/quiztips.scss */
.quiztip_block .help_text {
  display: inline;
  padding: 0;
  font-weight: normal;
}
/* line 7, app/assets/stylesheets/entities/registrations.scss */
.page_registrations_new .event_name,
.page_registrations_create .event_name {
  font-weight: bold;
}
/* line 11, app/assets/stylesheets/entities/rewards.scss */
.rewards_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
  padding: 0 1.5rem;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.rewards_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.rewards_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.rewards_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .rewards_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .rewards_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .rewards_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .rewards_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.rewards_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.rewards_list .preview::before, .rewards_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.rewards_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .rewards_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .rewards_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .rewards_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .rewards_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.rewards_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.rewards_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.rewards_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.rewards_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.rewards_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.rewards_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.rewards_list .preview .content,
.rewards_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.rewards_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.rewards_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 15, app/assets/stylesheets/entities/rewards.scss */
.rewards_list .reward {
  margin: 1rem 0;
  background-color: white;
  border: 3px solid white;
  border-radius: 0.5rem;
  overflow: hidden;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.rewards_list .reward::before, .rewards_list .reward::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.rewards_list .reward::after {
  clear: both;
}

/* line 23, app/assets/stylesheets/entities/rewards.scss */
.rewards_list .reward .picture {
  width: 100%;
}

/* line 27, app/assets/stylesheets/entities/rewards.scss */
.rewards_list .reward .reward_infos {
  padding: 1.5rem;
}

/* line 30, app/assets/stylesheets/entities/rewards.scss */
.rewards_list .reward .reward_infos .amount {
  font-size: 1.4161rem;
}

/* line 33, app/assets/stylesheets/entities/rewards.scss */
.rewards_list .reward .reward_infos .title {
  margin-bottom: 1rem;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-weight: bold;
}

/* line 38, app/assets/stylesheets/entities/rewards.scss */
.rewards_list .reward .reward_infos .description {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.4;
  margin: 1rem 0;
  padding: 0;
  font-style: normal;
}

/* line 44, app/assets/stylesheets/entities/rewards.scss */
.rewards_list .reward .reward_infos .delivery,
.rewards_list .reward .reward_infos .ordered {
  color: rgba(0, 0, 0, 0.5);
}

/* line 48, app/assets/stylesheets/entities/rewards.scss */
.rewards_list .reward .reward_infos .action_buttons {
  padding: 0;
}

/* line 53, app/assets/stylesheets/entities/rewards.scss */
.rewards_list .reward.collapsed {
  cursor: pointer;
}

/* line 56, app/assets/stylesheets/entities/rewards.scss */
.rewards_list .reward.collapsed .picture {
  float: right;
  width: 6rem;
  max-height: 6rem;
  margin: 0;
}

/* line 62, app/assets/stylesheets/entities/rewards.scss */
.rewards_list .reward.collapsed .reward_infos {
  padding: 0.5rem 1rem;
}

/* line 65, app/assets/stylesheets/entities/rewards.scss */
.rewards_list .reward.collapsed .reward_infos .title {
  margin: 0;
}

/* line 68, app/assets/stylesheets/entities/rewards.scss */
.rewards_list .reward.collapsed .reward_infos .description,
.rewards_list .reward.collapsed .reward_infos .delivery,
.rewards_list .reward.collapsed .reward_infos .action_buttons {
  display: none;
  margin: 0;
}

/* line 78, app/assets/stylesheets/entities/rewards.scss */
.rewards_list .category_header {
  padding: 0.25rem 1.75rem;
  color: #8cc53f;
  background-color: #e8ddcc;
  border-bottom: 2px solid #fff;
}

/* line 84, app/assets/stylesheets/entities/rewards.scss */
.rewards_list .category_header .title {
  display: inline;
  font-weight: bold;
}

/* line 88, app/assets/stylesheets/entities/rewards.scss */
.rewards_list .category_header .count {
  display: inline;
}

/* line 94, app/assets/stylesheets/entities/rewards.scss */
.rewards_list.will_be_toggled {
  margin: 0;
  padding: 0;
}

/* line 98, app/assets/stylesheets/entities/rewards.scss */
.rewards_list.will_be_toggled li {
  border-top: 0;
}

@media (min-width: 485px) {
  /* line 106, app/assets/stylesheets/entities/rewards.scss */
  .rewards_list .reward .picture {
    margin-left: 0;
  }
}
/* line 14, app/assets/stylesheets/entities/session.scss */
article.new_session .eh_login {
  max-width: 11rem;
  margin-left: 1.5rem;
}

/* line 18, app/assets/stylesheets/entities/session.scss */
article.new_session .eh_login + h2 {
  margin-top: 1rem;
}

@media (min-width: 485px) {
  /* line 24, app/assets/stylesheets/entities/session.scss */
  article.new_session .eh_login {
    max-width: 14rem;
    margin: 0 auto;
  }
}
/* line 18, app/assets/stylesheets/entities/shares.scss */
.shares_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
  margin-bottom: 0;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.shares_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.shares_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.shares_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .shares_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .shares_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .shares_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .shares_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.shares_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.shares_list .preview::before, .shares_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.shares_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .shares_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .shares_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .shares_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .shares_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.shares_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.shares_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.shares_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.shares_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.shares_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.shares_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.shares_list .preview .content,
.shares_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.shares_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.shares_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 22, app/assets/stylesheets/entities/shares.scss */
.shares_list .share_preview {
  display: block;
  width: 100%;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  overflow: hidden;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.shares_list .share_preview::before, .shares_list .share_preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.shares_list .share_preview::after {
  clear: both;
}

/* line 33, app/assets/stylesheets/entities/shares.scss */
.shares_list .share_preview .datum {
  float: right;
  width: auto;
}

/* line 38, app/assets/stylesheets/entities/shares.scss */
.shares_list .share_preview .label {
  flex: 1 1 auto;
  overflow: hidden;
}

/* line 42, app/assets/stylesheets/entities/shares.scss */
.shares_list .share_preview .label .email {
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 50, app/assets/stylesheets/entities/shares.scss */
.shares_list .share_preview .content {
  margin: 0.5rem 0 0.5rem;
}

@media (min-width: 580px) {
  /* line 57, app/assets/stylesheets/entities/shares.scss */
  .shares_list .share_preview {
    padding: 0.5rem 1.5rem 0.5rem 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 64, app/assets/stylesheets/entities/shares.scss */
  .shares_list .share_preview {
    padding: 0.75rem 2.5rem 0.75rem 3rem;
  }
}

/* line 70, app/assets/stylesheets/entities/shares.scss */
.share_details {
  position: relative;
  background-color: #e8ddcc;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.share_details::before, .share_details::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.share_details::after {
  clear: both;
}

/* line 75, app/assets/stylesheets/entities/shares.scss */
.share_details .status {
  top: 0rem;
  color: #000;
  background-color: #a8f0a8;
}

/* line 80, app/assets/stylesheets/entities/shares.scss */
.share_details .status.accepted, .share_details .status.member {
  color: #fff;
  background-color: #8cc53f;
}
/* line 14, app/assets/stylesheets/entities/streams.scss */
.streams_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.streams_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.streams_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.streams_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .streams_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .streams_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .streams_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .streams_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.streams_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.streams_list .preview::before, .streams_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.streams_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .streams_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .streams_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .streams_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .streams_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.streams_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.streams_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.streams_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.streams_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.streams_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.streams_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.streams_list .preview .content,
.streams_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.streams_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.streams_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 18, app/assets/stylesheets/entities/streams.scss */
.streams_list .stream_preview .description {
  margin-top: 0;
  font-style: normal;
}
/* line 12, app/assets/stylesheets/entities/tags.scss */
.page_tags_show .help_text + .tags_list_at_entity {
  margin-top: -1rem;
}

/* line 16, app/assets/stylesheets/entities/tags.scss */
.page_tags_show .tags_list_at_entity,
.page_tags_show .entity_list {
  max-width: unset;
}

/* line 22, app/assets/stylesheets/entities/tags.scss */
.tag_display {
  position: relative;
  display: inline-block;
  margin: 0.25rem 0;
  padding: 0.1rem 0.1rem 0.3rem;
  border: none;
  border-radius: 1rem;
  vertical-align: middle;
  background-color: #8cc53f;
}

/* line 33, app/assets/stylesheets/entities/tags.scss */
.tag_display .tag_label {
  display: inline-block;
  margin: 0 0.75rem;
  padding: 0;
  vertical-align: middle;
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
  text-decoration: none;
}

/* line 45, app/assets/stylesheets/entities/tags.scss */
.tag_display .delete_button {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 0.15rem 0 -0.5rem;
  padding: 0.25rem;
  border-radius: 1rem;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 0;
  vertical-align: middle;
}

/* line 57, app/assets/stylesheets/entities/tags.scss */
.tag_display .delete_button img {
  width: 100%;
  vertical-align: unset;
}

/* line 64, app/assets/stylesheets/entities/tags.scss */
.tag_actions {
  display: inline-block;
  margin: 0 0 0 1rem;
  vertical-align: middle;
}

/* line 69, app/assets/stylesheets/entities/tags.scss */
.tag_actions .sym_button {
  display: inline-block;
  margin: 0;
}

/* line 78, app/assets/stylesheets/entities/tags.scss */
.actions_header.tag_show h1 {
  margin-right: 0.75rem;
}

/* line 82, app/assets/stylesheets/entities/tags.scss */
.actions_header.tag_show .tag_display {
  float: left;
  width: auto;
  border-radius: 1.5rem;
  vertical-align: baseline;
}

/* line 88, app/assets/stylesheets/entities/tags.scss */
.actions_header.tag_show .tag_display .tag_label {
  font-size: 1.685159rem;
  vertical-align: unset;
}

/* line 95, app/assets/stylesheets/entities/tags.scss */
.tags_index {
  display: block;
  list-style: none outside;
  max-width: unset;
  margin: 0.25rem 0 1rem;
  padding: 0 1.25rem;
}

@media (min-width: 485px) {
  /* line 95, app/assets/stylesheets/entities/tags.scss */
  .tags_index {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 95, app/assets/stylesheets/entities/tags.scss */
  .tags_index {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 95, app/assets/stylesheets/entities/tags.scss */
  .tags_index {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 95, app/assets/stylesheets/entities/tags.scss */
  .tags_index {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 103, app/assets/stylesheets/entities/tags.scss */
.tags_index li {
  display: inline-block;
  vertical-align: top;
}

/* line 108, app/assets/stylesheets/entities/tags.scss */
.tags_index li.separator {
  display: block;
  margin: 1rem 0 0.5rem;
  padding: 0.25rem 0.5rem;
  border-bottom: 1px solid #d8c6a9;
  font-size: 1.19rem;
  font-weight: bold;
}

/* line 118, app/assets/stylesheets/entities/tags.scss */
.tags_index li.new_button {
  padding-top: 0.2rem;
}

/* line 121, app/assets/stylesheets/entities/tags.scss */
.tags_index li.new_button .sym_button {
  height: 2rem;
  width: 2rem;
  padding: 0.2rem;
}

/* line 126, app/assets/stylesheets/entities/tags.scss */
.tags_index li.new_button .button_label {
  font-size: 1rem;
}

/* line 131, app/assets/stylesheets/entities/tags.scss */
.tags_index .tag_info_bubble {
  position: relative;
  display: inline-block;
  margin: 0.25rem 0 0.25rem -0.5rem;
  padding: 0.1rem 0.1rem 0.2rem;
  border: none;
  border-radius: 1rem;
  z-index: 5;
  color: #fff;
  background-color: #000;
  vertical-align: middle;
}

/* line 145, app/assets/stylesheets/entities/tags.scss */
.tags_index .tag_info_bubble.unused {
  background-color: #cc4400;
}

/* line 149, app/assets/stylesheets/entities/tags.scss */
.tags_index .tag_info_bubble .bubble_label {
  display: inline-block;
  margin: 0 0.5rem;
  padding: 0;
  vertical-align: middle;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
}

/* line 163, app/assets/stylesheets/entities/tags.scss */
.tags_index .tags_list_at_entity {
  margin: 0 0 0.25rem;
}

/* line 166, app/assets/stylesheets/entities/tags.scss */
.tags_index .tags_list_at_entity.children {
  opacity: 0.25;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/* line 12, app/assets/stylesheets/layout.scss */
main {
  min-height: calc( 100vh - 3.5rem - 7rem);
  padding: 0;
  overflow-x: hidden;
  background-color: #f0e9de;
}

@media (min-width: 580px) {
  /* line 20, app/assets/stylesheets/layout.scss */
  main {
    min-height: calc( 100vh - 7rem);
    padding-left: 260px;
  }
}

/* line 7, app/assets/stylesheets/_mixins.scss */
#page::before, #page::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
#page::after {
  clear: both;
}

/* line 30, app/assets/stylesheets/layout.scss */
article h1:first-child {
  margin-top: 0;
  padding-top: 2rem;
}
/* line 7, app/assets/stylesheets/layout_footer.scss */
footer {
  min-height: 7rem;
  padding: 1rem 0;
  color: #000;
  background-color: #ddcdb4;
  box-shadow: inset 0px 12px 8px -8px rgba(0, 0, 0, 0.2);
}

/* line 14, app/assets/stylesheets/layout_footer.scss */
footer p {
  max-width: unset;
  margin: 1rem 0;
  padding: 0 1.5rem;
  opacity: 0.4;
}

@media (min-width: 485px) {
  /* line 14, app/assets/stylesheets/layout_footer.scss */
  footer p {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 14, app/assets/stylesheets/layout_footer.scss */
  footer p {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 14, app/assets/stylesheets/layout_footer.scss */
  footer p {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 14, app/assets/stylesheets/layout_footer.scss */
  footer p {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 21, app/assets/stylesheets/layout_footer.scss */
footer p:hover {
  opacity: 1.0;
}

/* line 26, app/assets/stylesheets/layout_footer.scss */
footer a {
  color: #0071bc;
}

/* line 31, app/assets/stylesheets/layout_footer.scss */
footer .foerder_logo a img {
  width: 100%;
  max-width: 30rem;
  border-radius: 0.5rem;
}

@media (min-width: 580px) {
  /* line 39, app/assets/stylesheets/layout_footer.scss */
  footer {
    padding-left: 260px;
  }
}
/* line 7, app/assets/stylesheets/layout_header.scss */
#header {
  min-height: 3.5rem;
  background-color: #0071bc;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
#header::before, #header::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
#header::after {
  clear: both;
}

@media (min-width: 580px) {
  /* line 13, app/assets/stylesheets/layout_header.scss */
  #header {
    min-height: unset;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 260px;
    z-index: 10;
    box-shadow: inset -12px 0px 8px -8px rgba(0, 0, 0, 0.1);
    text-align: right;
  }
}

/* line 26, app/assets/stylesheets/layout_header.scss */
.header_logo {
  position: relative;
  display: block;
  float: left;
  width: auto;
  margin: 0.75rem 1rem 0.75rem 1.5rem;
  z-index: 20;
  overflow: hidden;
  color: #000;
  font-size: 1.685159rem;
  font-weight: bold;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.header_logo::before, .header_logo::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.header_logo::after {
  clear: both;
}

/* line 41, app/assets/stylesheets/layout_header.scss */
.header_logo .logo_img {
  display: block;
  float: left;
  width: auto;
  height: 4rem;
  margin-right: 1rem;
  border-radius: 0.25rem;
  vertical-align: baseline;
}

/* line 51, app/assets/stylesheets/layout_header.scss */
.header_logo .logo_text {
  display: block;
  float: left;
  width: auto;
  margin-top: 0.6666666667rem;
}

@media (min-width: 485px) {
  /* line 59, app/assets/stylesheets/layout_header.scss */
  .header_logo {
    margin: 1rem 3rem 1rem 1.5rem;
    font-size: 1.685159rem;
  }
  /* line 64, app/assets/stylesheets/layout_header.scss */
  .header_logo .logo_img {
    height: 5rem;
  }
  /* line 68, app/assets/stylesheets/layout_header.scss */
  .header_logo .logo_text {
    margin-top: 1.25rem;
  }
}

@media (min-width: 580px) {
  /* line 74, app/assets/stylesheets/layout_header.scss */
  .header_logo {
    float: right;
    height: unset;
    margin: 2rem 2rem 1.5rem 2rem;
    text-align: right;
  }
  /* line 80, app/assets/stylesheets/layout_header.scss */
  .header_logo .logo_img {
    display: inline-block;
    float: none;
    height: 6rem;
    margin-right: 0;
    margin-bottom: 0.25rem;
    text-align: right;
  }
  /* line 88, app/assets/stylesheets/layout_header.scss */
  .header_logo .logo_text {
    float: none;
    margin-top: 0;
    text-align: right;
  }
  /* line 93, app/assets/stylesheets/layout_header.scss */
  .header_logo .logo_text .colored {
    display: block;
    margin-bottom: -0.5rem;
  }
}

/* line 101, app/assets/stylesheets/layout_header.scss */
.menu_button {
  position: fixed;
  right: 0.75rem;
  top: 0.75rem;
  width: 2rem;
  height: 2rem;
  padding: 0.5rem;
  z-index: 30;
  color: #0071bc;
  background-color: #fff;
  border-radius: 3rem;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
  font-size: 0.86rem;
  line-height: 1.2;
  font-weight: bold;
  text-decoration: none;
}

/* line 120, app/assets/stylesheets/layout_header.scss */
.menu_button.with_text {
  width: auto;
  padding: 0.5rem 0.75rem;
  border-radius: 0.5rem;
}

/* line 126, app/assets/stylesheets/layout_header.scss */
.menu_button img {
  height: 100%;
  vertical-align: top;
}

@media (min-width: 580px) {
  /* line 132, app/assets/stylesheets/layout_header.scss */
  .menu_button {
    display: none;
  }
}

/* line 140, app/assets/stylesheets/layout_header.scss */
.header_logo .logo_text {
  font-size: 1.19rem;
  text-transform: uppercase;
}

@media (min-width: 485px) {
  /* line 147, app/assets/stylesheets/layout_header.scss */
  .header_logo .logo_text {
    font-size: 1.4161rem;
  }
}
/* line 7, app/assets/stylesheets/layout_menu.scss */
.main_menu {
  display: none;
  position: fixed;
  top: 0;
  width: 100%;
  padding-top: 6rem;
  z-index: 10;
  background-color: #005893;
  box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.5);
}

/* line 18, app/assets/stylesheets/layout_menu.scss */
.main_menu.active {
  display: block;
}

/* line 21, app/assets/stylesheets/layout_menu.scss */
.main_menu.with_sub {
  bottom: 0;
  overflow-y: auto;
}

/* line 26, app/assets/stylesheets/layout_menu.scss */
.main_menu ul {
  display: inline-block;
  list-style: none;
  margin: 0 auto;
  padding: 0 1.5rem 0.5rem;
  font-size: 1.19rem;
}

/* line 37, app/assets/stylesheets/layout_menu.scss */
.main_menu ul.nav li {
  float: left;
  margin: 0;
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}

/* line 43, app/assets/stylesheets/layout_menu.scss */
.main_menu ul.nav li a {
  display: block;
  padding: 0.5rem 0 0;
  color: #fff;
  border-bottom: 3px solid transparent;
  font-weight: bold;
  text-decoration: none;
  white-space: nowrap;
}

/* line 53, app/assets/stylesheets/layout_menu.scss */
.main_menu ul.nav li a:hover {
  border-bottom: 3px solid;
}

/* line 58, app/assets/stylesheets/layout_menu.scss */
.main_menu ul.nav li a.sym_link img {
  margin-top: 0.25rem;
  display: block;
  height: 1rem;
}

/* line 65, app/assets/stylesheets/layout_menu.scss */
.main_menu ul.nav li a.sym_link.menu_search img {
  height: 1.75rem;
}

/* line 71, app/assets/stylesheets/layout_menu.scss */
.main_menu ul.nav li.selected > a, .main_menu ul.nav li.active > a {
  border-bottom: 3px solid;
}

/* line 75, app/assets/stylesheets/layout_menu.scss */
.main_menu ul.nav li.dangerous > a {
  color: #cc4400;
}

/* line 81, app/assets/stylesheets/layout_menu.scss */
.main_menu ul.nav.with_sub li {
  float: none;
  width: auto;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.main_menu ul.nav.with_sub li::before, .main_menu ul.nav.with_sub li::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.main_menu ul.nav.with_sub li::after {
  clear: both;
}

/* line 86, app/assets/stylesheets/layout_menu.scss */
.main_menu ul.nav.with_sub li a {
  display: inline-block;
}

/* line 90, app/assets/stylesheets/layout_menu.scss */
.main_menu ul.nav.with_sub li ul.sub_nav {
  position: relative;
  display: none;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  z-index: 10;
  font-size: 1rem;
}

/* line 98, app/assets/stylesheets/layout_menu.scss */
.main_menu ul.nav.with_sub li ul.sub_nav:hover {
  display: block;
}

/* line 102, app/assets/stylesheets/layout_menu.scss */
.main_menu ul.nav.with_sub li:hover ul.sub_nav {
  display: block;
}

@media (min-width: 485px) {
  /* line 110, app/assets/stylesheets/layout_menu.scss */
  .main_menu {
    padding-top: 7rem;
  }
}

@media (min-width: 580px) {
  /* line 115, app/assets/stylesheets/layout_menu.scss */
  .main_menu {
    display: block;
    position: absolute;
    top: 12rem;
    right: 1.5rem;
    padding-top: 1rem;
    background-color: #0071bc;
    box-shadow: unset;
    text-align: right;
    overflow-x: hidden;
  }
  /* line 128, app/assets/stylesheets/layout_menu.scss */
  .main_menu ul.nav {
    padding: 0;
  }
  /* line 131, app/assets/stylesheets/layout_menu.scss */
  .main_menu ul.nav li {
    float: none;
    width: auto;
  }
  /* line 7, app/assets/stylesheets/_mixins.scss */
  .main_menu ul.nav li::before, .main_menu ul.nav li::after {
    content: "";
    display: table;
  }
  /* line 12, app/assets/stylesheets/_mixins.scss */
  .main_menu ul.nav li::after {
    clear: both;
  }
  /* line 136, app/assets/stylesheets/layout_menu.scss */
  .main_menu ul.nav li a {
    display: inline-block;
  }
  /* line 143, app/assets/stylesheets/layout_menu.scss */
  .main_menu ul.nav.with_sub li ul.sub_nav {
    padding: 0.5rem 1rem 0.5rem 0.5rem;
  }
  /* line 145, app/assets/stylesheets/layout_menu.scss */
  .main_menu ul.nav.with_sub li ul.sub_nav li {
    margin-right: 0;
  }
}
/* line 8, app/assets/stylesheets/pages/datenschutz.scss */
.page_pages_privacy #body ul,
.page_pages_privacy #body ol {
  padding: 0 1.5rem 0 3rem;
}

/* line 12, app/assets/stylesheets/pages/datenschutz.scss */
.page_pages_privacy #body ul ul,
.page_pages_privacy #body ul ol,
.page_pages_privacy #body ol ul,
.page_pages_privacy #body ol ol {
  padding: 0 0 0 1.5rem;
}

/* line 17, app/assets/stylesheets/pages/datenschutz.scss */
.page_pages_privacy #body ul {
  list-style: square outside;
}

/* line 21, app/assets/stylesheets/pages/datenschutz.scss */
.page_pages_privacy #body img.imprint {
  max-width: 18rem;
}

@media (min-width: 485px) {
  /* line 27, app/assets/stylesheets/pages/datenschutz.scss */
  .page_pages_privacy ul,
.page_pages_privacy ol {
    padding-left: 3.5rem;
    padding-right: 2rem;
  }
}
/* line 8, app/assets/stylesheets/pages/impressum.scss */
.page_pages_imprint img.imprint {
  max-width: 26rem;
}

/* line 11, app/assets/stylesheets/pages/impressum.scss */
.page_pages_imprint img.imprint_email {
  max-width: 18rem;
}
/* line 14, app/assets/stylesheets/pages/page_root.scss */
.page_pages_root #body #banner .web_banner {
  width: 100%;
}

@media (min-width: 485px) {
  /* line 19, app/assets/stylesheets/pages/page_root.scss */
  .page_pages_root #body > p, .page_pages_root #body > h1, .page_pages_root #body > h2, .page_pages_root #body > h3, .page_pages_root #body > h4, .page_pages_root #body > h5, .page_pages_root #body > h6, .page_pages_root #body > .action_buttons {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 19, app/assets/stylesheets/pages/page_root.scss */
  .page_pages_root #body > p, .page_pages_root #body > h1, .page_pages_root #body > h2, .page_pages_root #body > h3, .page_pages_root #body > h4, .page_pages_root #body > h5, .page_pages_root #body > h6, .page_pages_root #body > .action_buttons {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 19, app/assets/stylesheets/pages/page_root.scss */
  .page_pages_root #body > p, .page_pages_root #body > h1, .page_pages_root #body > h2, .page_pages_root #body > h3, .page_pages_root #body > h4, .page_pages_root #body > h5, .page_pages_root #body > h6, .page_pages_root #body > .action_buttons {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 19, app/assets/stylesheets/pages/page_root.scss */
  .page_pages_root #body > p, .page_pages_root #body > h1, .page_pages_root #body > h2, .page_pages_root #body > h3, .page_pages_root #body > h4, .page_pages_root #body > h5, .page_pages_root #body > h6, .page_pages_root #body > .action_buttons {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 25, app/assets/stylesheets/pages/page_root.scss */
.page_pages_root #body .logo_img {
  margin: 2rem 1.5rem 0;
  max-width: 8rem;
}

/* line 31, app/assets/stylesheets/pages/page_root.scss */
.page_pages_root #body .wortmarke {
  font-size: 2.5rem;
  line-height: 0.9;
  text-shadow: 0 0 4px #000;
}

/* line 36, app/assets/stylesheets/pages/page_root.scss */
.page_pages_root #body .wortmarke .sub {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.75em;
}

/* line 42, app/assets/stylesheets/pages/page_root.scss */
.page_pages_root #body .picture_title {
  margin-top: 1.5rem;
}

@media (min-width: 485px) {
  /* line 51, app/assets/stylesheets/pages/page_root.scss */
  .page_pages_root #body {
    padding-top: 0;
  }
  /* line 54, app/assets/stylesheets/pages/page_root.scss */
  .page_pages_root #body > .picture {
    margin-left: 3rem;
    margin-right: 3rem;
  }
  /* line 59, app/assets/stylesheets/pages/page_root.scss */
  .page_pages_root #body .row {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  /* line 63, app/assets/stylesheets/pages/page_root.scss */
  .page_pages_root #body .row h1, .page_pages_root #body .row h2, .page_pages_root #body .row h3, .page_pages_root #body .row h4, .page_pages_root #body .row h5 {
    padding-left: 0;
    padding-right: 0;
  }
  /* line 69, app/assets/stylesheets/pages/page_root.scss */
  .page_pages_root #body .multiteaser {
    padding: 1.5rem 0 2.5rem;
  }
  /* line 7, app/assets/stylesheets/_mixins.scss */
  .page_pages_root #body #banner::before, .page_pages_root #body #banner::after {
    content: "";
    display: table;
  }
  /* line 12, app/assets/stylesheets/_mixins.scss */
  .page_pages_root #body #banner::after {
    clear: both;
  }
  /* line 79, app/assets/stylesheets/pages/page_root.scss */
  .page_pages_root #body .logo_img {
    float: left;
    width: auto;
    margin: 2rem 1.5rem 0;
  }
  /* line 84, app/assets/stylesheets/pages/page_root.scss */
  .page_pages_root #body .wortmarke {
    padding-top: 3rem;
  }
}
/* line 11, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page {
  margin: 0 auto;
  color: #000;
  background-color: #f0e9de;
}

/* line 16, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page #header {
  min-height: unset;
  background-color: transparent;
  box-shadow: none;
}

/* line 21, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page #header .header_logo,
.headerless_page #header .main_menu {
  position: fixed;
  top: 0;
  right: 0;
  display: none;
  padding-top: 5rem;
  text-align: center;
}

/* line 32, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page #header .main_menu.active {
  display: block;
  background-color: #005893;
}

/* line 37, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page #header .menu_button {
  display: inline-block;
  color: #0071bc;
}

/* line 43, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page main {
  min-height: calc( 100vh - 7rem);
  padding: 3rem 0 1rem;
  background-color: #f0e9de;
}

/* line 49, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page #body {
  max-width: 48rem;
  margin: 0 auto;
}

/* line 54, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page .page_detail {
  padding: 2rem 0;
}

/* line 58, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page h1, .headerless_page h2, .headerless_page h3, .headerless_page h4, .headerless_page h5 {
  color: #000;
  font-style: italic;
}

/* line 62, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page h1.important, .headerless_page h2.important, .headerless_page h3.important, .headerless_page h4.important, .headerless_page h5.important {
  color: #fff;
  background-color: #ffaa00;
  text-shadow: 0 1px 6px #996600;
}

/* line 68, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page h1:first-of-type, .headerless_page h2:first-of-type, .headerless_page h3:first-of-type, .headerless_page h4:first-of-type, .headerless_page h5:first-of-type {
  padding-top: 1rem;
}

/* line 73, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page form.without_border {
  margin: 1rem 0;
  padding: 0 1.5rem;
}

@media (min-width: 485px) {
  /* line 73, app/assets/stylesheets/pages/pages_headerless_page.scss */
  .headerless_page form.without_border {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 73, app/assets/stylesheets/pages/pages_headerless_page.scss */
  .headerless_page form.without_border {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 73, app/assets/stylesheets/pages/pages_headerless_page.scss */
  .headerless_page form.without_border {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 73, app/assets/stylesheets/pages/pages_headerless_page.scss */
  .headerless_page form.without_border {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 78, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page form.without_border input[type=text],
.headerless_page form.without_border input[type=email],
.headerless_page form.without_border input[type=password],
.headerless_page form.without_border textarea {
  background-color: #f4f3f1;
}

/* line 88, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page .back_button {
  position: absolute;
  top: 0.25;
  left: 0;
}

@media (min-width: 485px) {
  /* line 94, app/assets/stylesheets/pages/pages_headerless_page.scss */
  .headerless_page .back_button {
    top: 0;
    left: 0;
  }
}

@media (min-width: 485px) {
  /* line 101, app/assets/stylesheets/pages/pages_headerless_page.scss */
  .headerless_page {
    text-align: center;
  }
  /* line 104, app/assets/stylesheets/pages/pages_headerless_page.scss */
  .headerless_page #header {
    width: 0;
  }
  /* line 108, app/assets/stylesheets/pages/pages_headerless_page.scss */
  .headerless_page main {
    padding: 3rem 0;
  }
  /* line 112, app/assets/stylesheets/pages/pages_headerless_page.scss */
  .headerless_page .back_button {
    top: 0;
    left: 0;
  }
  /* line 117, app/assets/stylesheets/pages/pages_headerless_page.scss */
  .headerless_page footer {
    padding-left: 0;
  }
}

@media (min-width: 580px) {
  /* line 125, app/assets/stylesheets/pages/pages_headerless_page.scss */
  .headerless_page h1, .headerless_page h2, .headerless_page h3, .headerless_page h4, .headerless_page h5,
.headerless_page p,
.headerless_page form.without_border {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 640px) {
  /* line 136, app/assets/stylesheets/pages/pages_headerless_page.scss */
  .headerless_page h1, .headerless_page h2, .headerless_page h3, .headerless_page h4, .headerless_page h5,
.headerless_page p,
.headerless_page form.without_border {
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 148, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page.page_community_index #body {
  max-width: unset;
}

/* line 151, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page.page_community_index #body p,
.headerless_page.page_community_index #body form {
  margin-left: auto;
  margin-right: auto;
}

/* line 157, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page.page_community_index #body form {
  margin-bottom: 1rem;
}

/* line 162, app/assets/stylesheets/pages/pages_headerless_page.scss */
.headerless_page.page_community_index .community_index_block {
  margin-left: auto;
}

@media (min-width: 485px) {
  /* line 169, app/assets/stylesheets/pages/pages_headerless_page.scss */
  .headerless_page.page_community_index #body form {
    margin-left: 2rem;
    margin-right: 2rem;
  }
  /* line 176, app/assets/stylesheets/pages/pages_headerless_page.scss */
  .headerless_page.page_community_index .community_index_block .accounts_tile {
    margin-left: auto;
  }
}

@media (min-width: 580px) {
  /* line 185, app/assets/stylesheets/pages/pages_headerless_page.scss */
  .headerless_page.page_community_index .community_index_block .accounts_tile {
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 640px) {
  /* line 195, app/assets/stylesheets/pages/pages_headerless_page.scss */
  .headerless_page.page_community_index #body form {
    max-width: 35.1rem;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1024px) {
  /* line 206, app/assets/stylesheets/pages/pages_headerless_page.scss */
  .headerless_page.page_community_index #body form {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
/* line 21, app/assets/stylesheets/pages/pages_important_page.scss */
.important_page {
  margin: 0 auto;
  color: #fff;
  background-color: #0071bc;
}

/* line 26, app/assets/stylesheets/pages/pages_important_page.scss */
.important_page #header {
  min-height: unset;
  box-shadow: none;
}

/* line 30, app/assets/stylesheets/pages/pages_important_page.scss */
.important_page #header .header_logo,
.important_page #header .main_menu {
  position: fixed;
  top: 0;
  right: 0;
  display: none;
  padding-top: 5rem;
  text-align: center;
}

/* line 41, app/assets/stylesheets/pages/pages_important_page.scss */
.important_page #header .main_menu.active {
  display: block;
  background-color: #005893;
}

/* line 46, app/assets/stylesheets/pages/pages_important_page.scss */
.important_page #header .menu_button {
  display: inline-block;
  color: #0071bc;
}

/* line 52, app/assets/stylesheets/pages/pages_important_page.scss */
.important_page main {
  background-color: #0071bc;
}

/* line 56, app/assets/stylesheets/pages/pages_important_page.scss */
.important_page #body {
  max-width: 48rem;
  margin: 0 auto;
}

/* line 61, app/assets/stylesheets/pages/pages_important_page.scss */
.important_page .page_detail {
  padding: 2rem 0;
}

/* line 65, app/assets/stylesheets/pages/pages_important_page.scss */
.important_page h1, .important_page h2, .important_page h3, .important_page h4, .important_page h5 {
  color: #fff;
  font-style: italic;
  text-shadow: 0 0.125rem 0 #000;
}

/* line 71, app/assets/stylesheets/pages/pages_important_page.scss */
.important_page a {
  color: #bce4ff;
}

/* line 74, app/assets/stylesheets/pages/pages_important_page.scss */
.important_page a.button {
  color: #000;
  box-shadow: 0 0 32px rgba(255, 255, 255, 0.5);
}

/* line 80, app/assets/stylesheets/pages/pages_important_page.scss */
.important_page .button {
  border-color: #fff;
}

/* line 83, app/assets/stylesheets/pages/pages_important_page.scss */
.important_page .button.secondary {
  color: #fff;
}

/* line 87, app/assets/stylesheets/pages/pages_important_page.scss */
.important_page .button em {
  font-size: 0.84rem;
  font-style: normal;
  font-weight: normal;
}

/* line 93, app/assets/stylesheets/pages/pages_important_page.scss */
.important_page .back_button {
  position: absolute;
  top: 0.25rem;
  left: 0;
}

/* line 99, app/assets/stylesheets/pages/pages_important_page.scss */
.important_page footer {
  background-color: #005f9d;
}

@media (min-width: 485px) {
  /* line 104, app/assets/stylesheets/pages/pages_important_page.scss */
  .important_page {
    text-align: center;
  }
  /* line 107, app/assets/stylesheets/pages/pages_important_page.scss */
  .important_page #header {
    width: 0;
  }
  /* line 110, app/assets/stylesheets/pages/pages_important_page.scss */
  .important_page #header .menu_button {
    display: inline-block;
    right: 24rem;
  }
  /* line 116, app/assets/stylesheets/pages/pages_important_page.scss */
  .important_page main {
    padding: 2rem 0;
  }
  /* line 121, app/assets/stylesheets/pages/pages_important_page.scss */
  .important_page .contentpart h1, .important_page .contentpart h2, .important_page .contentpart h3, .important_page .contentpart h4, .important_page .contentpart h5,
.important_page .contentpart p {
    margin-left: auto;
    margin-right: auto;
  }
  /* line 127, app/assets/stylesheets/pages/pages_important_page.scss */
  .important_page .contentpart.sized_img {
    margin-left: auto;
    margin-right: auto;
  }
  /* line 133, app/assets/stylesheets/pages/pages_important_page.scss */
  .important_page .back_button {
    top: 0;
    left: 0;
  }
  /* line 138, app/assets/stylesheets/pages/pages_important_page.scss */
  .important_page footer {
    padding-left: 0;
  }
}
/* line 11, app/assets/stylesheets/pages/pages_printable_page.scss */
.printable_page {
  margin: 0 auto;
  color: #000;
  background-color: #fff;
  font-size: 10pt;
}

/* line 18, app/assets/stylesheets/pages/pages_printable_page.scss */
.printable_page #header {
  min-height: unset;
  box-shadow: none;
}

/* line 22, app/assets/stylesheets/pages/pages_printable_page.scss */
.printable_page #header .header_logo,
.printable_page #header .main_menu {
  display: none;
}

/* line 27, app/assets/stylesheets/pages/pages_printable_page.scss */
.printable_page #header .main_menu.active {
  display: block;
}

/* line 31, app/assets/stylesheets/pages/pages_printable_page.scss */
.printable_page #header .menu_button {
  color: #0071bc;
}

/* line 36, app/assets/stylesheets/pages/pages_printable_page.scss */
.printable_page main {
  padding: 1rem 0;
  background-color: #fff;
}

/* line 41, app/assets/stylesheets/pages/pages_printable_page.scss */
.printable_page h1, .printable_page h2, .printable_page h3, .printable_page h4, .printable_page h5 {
  color: #000;
}

/* line 45, app/assets/stylesheets/pages/pages_printable_page.scss */
.printable_page a {
  color: #0071bc;
}

/* line 48, app/assets/stylesheets/pages/pages_printable_page.scss */
.printable_page a.button {
  color: #000;
}

/* line 53, app/assets/stylesheets/pages/pages_printable_page.scss */
.printable_page footer {
  display: none;
}

@media (min-width: 485px) {
  /* line 60, app/assets/stylesheets/pages/pages_printable_page.scss */
  .printable_page #header {
    width: 0;
  }
  /* line 64, app/assets/stylesheets/pages/pages_printable_page.scss */
  .printable_page main {
    padding: 2rem 0;
  }
  /* line 68, app/assets/stylesheets/pages/pages_printable_page.scss */
  .printable_page footer {
    padding-left: 0;
  }
}
/* line 11, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
.quizgroupgame_page {
  margin: 0 auto;
  color: #000;
  background-color: #f0e9de;
}

/* line 16, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
.quizgroupgame_page #header {
  min-height: unset;
  background-color: transparent;
  box-shadow: none;
}

/* line 21, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
.quizgroupgame_page #header .header_logo,
.quizgroupgame_page #header .main_menu {
  position: fixed;
  top: 0;
  right: 0;
  display: none;
  padding-top: 5rem;
  text-align: center;
}

/* line 32, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
.quizgroupgame_page #header .main_menu.active {
  display: block;
  background-color: #005893;
}

/* line 37, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
.quizgroupgame_page #header .menu_button {
  display: inline-block;
  color: #0071bc;
}

/* line 43, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
.quizgroupgame_page main {
  min-height: calc( 100vh - 7rem);
  padding: 3rem 0 1rem;
  background-color: #f0e9de;
}

/* line 49, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
.quizgroupgame_page #body {
  max-width: unset;
  margin: 0 auto;
}

/* line 54, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
.quizgroupgame_page h1, .quizgroupgame_page h2, .quizgroupgame_page h3, .quizgroupgame_page h4, .quizgroupgame_page h5,
.quizgroupgame_page p {
  margin-left: auto;
  margin-right: auto;
}

/* line 61, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
.quizgroupgame_page .big_buttons_block .button, .quizgroupgame_page .big_buttons_block .button_to {
  display: block;
  margin-right: 0;
}

/* line 67, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
.quizgroupgame_page .qgg_question_page,
.quizgroupgame_page .qgg_answer_page {
  display: grid;
  grid-template-columns: 60% 40%;
  width: 90%;
  margin: 2rem auto;
}

/* line 81, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
.quizgroupgame_page .qgg_question_page .qq_question_block {
  font-size: 1.4161rem;
  font-weight: bold;
}

/* line 87, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
.quizgroupgame_page .back_button {
  position: absolute;
  top: 0.25;
  left: 0;
}

@media (min-width: 485px) {
  /* line 93, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
  .quizgroupgame_page .back_button {
    top: 0;
    left: 0;
  }
}

@media (min-width: 485px) {
  /* line 100, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
  .quizgroupgame_page {
    text-align: center;
  }
  /* line 103, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
  .quizgroupgame_page #header {
    width: 0;
  }
  /* line 107, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
  .quizgroupgame_page main {
    padding: 2rem 0;
  }
  /* line 111, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
  .quizgroupgame_page .back_button {
    top: 0;
    left: 0;
  }
  /* line 116, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
  .quizgroupgame_page footer {
    padding-left: 0;
  }
}

@media (min-width: 580px) {
  /* line 124, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
  .quizgroupgame_page form.without_border {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 640px) {
  /* line 133, app/assets/stylesheets/pages/pages_quizgroupgame_page.scss */
  .quizgroupgame_page form.without_border {
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 13, app/assets/stylesheets/search.scss */
.search_results_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.search_results_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.search_results_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.search_results_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .search_results_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .search_results_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .search_results_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .search_results_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.search_results_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.search_results_list .preview::before, .search_results_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.search_results_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .search_results_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .search_results_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .search_results_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .search_results_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.search_results_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.search_results_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.search_results_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.search_results_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.search_results_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.search_results_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.search_results_list .preview .content,
.search_results_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.search_results_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.search_results_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 16, app/assets/stylesheets/search.scss */
.search_results_list .preview {
  padding: 0.5rem 1.5rem;
}

@media (min-width: 485px) {
  /* line 16, app/assets/stylesheets/search.scss */
  .search_results_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 16, app/assets/stylesheets/search.scss */
  .search_results_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 16, app/assets/stylesheets/search.scss */
  .search_results_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 16, app/assets/stylesheets/search.scss */
  .search_results_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 21, app/assets/stylesheets/search.scss */
.search_results_list .contact_preview {
  display: flex;
}

/* line 25, app/assets/stylesheets/search.scss */
.search_results_list .search_preview.account_preview {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  float: unset;
  width: unset;
  height: unset;
  margin: unset;
  padding: 0.5rem 1rem 0.5rem 1.5rem;
  text-decoration: none;
}

@media (min-width: 485px) {
  /* line 25, app/assets/stylesheets/search.scss */
  .search_results_list .search_preview.account_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 25, app/assets/stylesheets/search.scss */
  .search_results_list .search_preview.account_preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 25, app/assets/stylesheets/search.scss */
  .search_results_list .search_preview.account_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 25, app/assets/stylesheets/search.scss */
  .search_results_list .search_preview.account_preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 37, app/assets/stylesheets/search.scss */
.search_results_list .search_preview.account_preview .picture.thumb {
  flex: 1 0 5rem;
  margin: 0;
}

/* line 41, app/assets/stylesheets/search.scss */
.search_results_list .search_preview.account_preview .text {
  flex: 1 1 auto;
}

/* line 44, app/assets/stylesheets/search.scss */
.search_results_list .search_preview.account_preview .text .title {
  color: #000;
  font-size: 1.19rem;
  font-weight: bold;
}

/* line 53, app/assets/stylesheets/search.scss */
.search_results_list .search_preview.account_preview .angle {
  flex: 0 0 1.5rem;
  justify-self: end;
}
@media (min-width: 485px) {
  /* line 12, app/assets/stylesheets/statistics.scss */
  .page_statistics_current_requests #body {
    max-width: 96%;
  }
}

/* line 17, app/assets/stylesheets/statistics.scss */
.statistic_detail {
  max-width: 96%;
  margin: 1rem auto;
}

/* line 21, app/assets/stylesheets/statistics.scss */
.statistic_detail .request_statistics {
  padding: 0 1.5rem;
  overflow: auto;
}

/* line 25, app/assets/stylesheets/statistics.scss */
.statistic_detail .request_statistics table {
  overflow: hidden;
}

/* line 28, app/assets/stylesheets/statistics.scss */
.statistic_detail .request_statistics table thead {
  background-color: white;
}

/* line 31, app/assets/stylesheets/statistics.scss */
.statistic_detail .request_statistics table thead th {
  padding: 0 0.25rem;
  text-align: left;
  font-weight: normal;
  font-style: italic;
}

/* line 37, app/assets/stylesheets/statistics.scss */
.statistic_detail .request_statistics table thead th.number {
  text-align: right;
}

/* line 43, app/assets/stylesheets/statistics.scss */
.statistic_detail .request_statistics table th,
.statistic_detail .request_statistics table td {
  padding: 0 0.25rem 0 0;
}

/* line 47, app/assets/stylesheets/statistics.scss */
.statistic_detail .request_statistics table th .preview_text,
.statistic_detail .request_statistics table td .preview_text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 53, app/assets/stylesheets/statistics.scss */
.statistic_detail .request_statistics table th.number,
.statistic_detail .request_statistics table td.number {
  text-align: right;
}

/* line 56, app/assets/stylesheets/statistics.scss */
.statistic_detail .request_statistics table th.percentage,
.statistic_detail .request_statistics table td.percentage {
  font-size: 0.7396rem;
}

/* line 59, app/assets/stylesheets/statistics.scss */
.statistic_detail .request_statistics table th.positive,
.statistic_detail .request_statistics table td.positive {
  color: #8cc53f;
}

/* line 62, app/assets/stylesheets/statistics.scss */
.statistic_detail .request_statistics table th.negative,
.statistic_detail .request_statistics table td.negative {
  color: #cc4400;
}

/* line 65, app/assets/stylesheets/statistics.scss */
.statistic_detail .request_statistics table th.zero,
.statistic_detail .request_statistics table td.zero {
  color: rgba(0, 0, 0, 0.5);
}

/* line 68, app/assets/stylesheets/statistics.scss */
.statistic_detail .request_statistics table th.separating,
.statistic_detail .request_statistics table td.separating {
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 485px) {
  /* line 76, app/assets/stylesheets/statistics.scss */
  .statistic_detail {
    max-width: none;
    border-left: none;
    border-right: none;
  }
  /* line 81, app/assets/stylesheets/statistics.scss */
  .statistic_detail .request_statistics {
    margin-left: -1rem;
    margin-right: -1rem;
    overflow-x: auto;
  }
  /* line 87, app/assets/stylesheets/statistics.scss */
  .statistic_detail .request_statistics table {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
/* line 13, app/assets/stylesheets/widgets/account_status.scss */
.status,
.account_status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}
/* line 13, app/assets/stylesheets/widgets/account_tile.scss */
.account_tile {
  display: block;
  margin: 0.75rem 1rem;
  padding: 1rem 1.5rem;
  background-color: #fff;
  border-radius: 1rem;
  overflow: hidden;
  text-align: left;
  text-decoration: none;
}

/* line 24, app/assets/stylesheets/widgets/account_tile.scss */
.account_tile .pic_n_name {
  display: flex;
  column-gap: 0.75rem;
}

/* line 28, app/assets/stylesheets/widgets/account_tile.scss */
.account_tile .pic_n_name .picture.thumb {
  flex: 0 0 5rem;
  align-self: center;
  height: 5rem;
  margin: 0;
  border: none;
  border-radius: 5rem;
}

/* line 36, app/assets/stylesheets/widgets/account_tile.scss */
.account_tile .pic_n_name .picture.thumb .icon.broken {
  width: 3rem;
  padding: 0;
  margin-top: 1rem;
}

/* line 43, app/assets/stylesheets/widgets/account_tile.scss */
.account_tile .pic_n_name .text {
  flex: 1 1 auto;
  align-self: center;
}

/* line 47, app/assets/stylesheets/widgets/account_tile.scss */
.account_tile .pic_n_name .text .title {
  font-size: 1.19em;
  font-weight: bold;
}

/* line 51, app/assets/stylesheets/widgets/account_tile.scss */
.account_tile .pic_n_name .text .label {
  color: rgba(0, 0, 0, 0.5);
}

/* line 57, app/assets/stylesheets/widgets/account_tile.scss */
.account_tile .description {
  color: #000;
  margin: 1rem 0;
}

/* line 62, app/assets/stylesheets/widgets/account_tile.scss */
.account_tile .link {
  margin-top: 1rem;
  font-weight: bold;
}

/* line 66, app/assets/stylesheets/widgets/account_tile.scss */
.account_tile .link.action {
  text-align: right;
}

/* line 73, app/assets/stylesheets/widgets/account_tile.scss */
.account_tile.action_preview .text .title {
  color: #000;
}

/* line 78, app/assets/stylesheets/widgets/account_tile.scss */
.account_tile.action_preview .link {
  text-align: right;
}

/* line 85, app/assets/stylesheets/widgets/account_tile.scss */
.account_tile.action_preview .text .title {
  color: #000;
}

/* line 90, app/assets/stylesheets/widgets/account_tile.scss */
.account_tile.action_preview .link {
  text-align: right;
}

@media (min-width: 485px) {
  /* line 96, app/assets/stylesheets/widgets/account_tile.scss */
  .account_tile {
    max-width: 40.5rem;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 106, app/assets/stylesheets/widgets/account_tile.scss */
.account_tile .quizzes_info {
  margin: 1rem 0;
  color: #000;
}
/* line 13, app/assets/stylesheets/widgets/accounts_tile.scss */
.accounts_tile {
  display: flex;
  column-gap: 0.5rem;
  max-width: 27rem;
  margin: 0.75rem 1rem;
  padding: 1rem 1rem 1rem 1.5rem;
  background-color: #fff;
  border-radius: 1rem;
  text-align: left;
  text-decoration: none;
}

@media (min-width: 485px) {
  /* line 13, app/assets/stylesheets/widgets/accounts_tile.scss */
  .accounts_tile {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 13, app/assets/stylesheets/widgets/accounts_tile.scss */
  .accounts_tile {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 13, app/assets/stylesheets/widgets/accounts_tile.scss */
  .accounts_tile {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 13, app/assets/stylesheets/widgets/accounts_tile.scss */
  .accounts_tile {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

/* line 26, app/assets/stylesheets/widgets/accounts_tile.scss */
.accounts_tile.empty {
  background-color: transparent;
  border: 3px dotted #d8c6a9;
}

/* line 31, app/assets/stylesheets/widgets/accounts_tile.scss */
.accounts_tile.empty .content .title {
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 36, app/assets/stylesheets/widgets/accounts_tile.scss */
.accounts_tile.empty .arrow {
  display: none;
}

/* line 41, app/assets/stylesheets/widgets/accounts_tile.scss */
.accounts_tile .content {
  flex: 1 1 auto;
}

/* line 44, app/assets/stylesheets/widgets/accounts_tile.scss */
.accounts_tile .content .avatars {
  position: relative;
  height: 4rem;
  margin-bottom: 0.5rem;
}

/* line 49, app/assets/stylesheets/widgets/accounts_tile.scss */
.accounts_tile .content .avatars .picture.thumb {
  position: absolute;
  width: 4rem;
  margin: 0;
  border: 3px solid #fff;
  border-radius: 2rem;
  top: 0;
  left: 0;
}

/* line 60, app/assets/stylesheets/widgets/accounts_tile.scss */
.accounts_tile .content .title {
  color: #0071bc;
  font-size: 1.19em;
  font-weight: bold;
}

/* line 66, app/assets/stylesheets/widgets/accounts_tile.scss */
.accounts_tile .content .description {
  color: #000;
  font-size: 0.84em;
}

/* line 71, app/assets/stylesheets/widgets/accounts_tile.scss */
.accounts_tile .arrow {
  flex: 0 0 1.75rem;
  align-self: center;
}
/* line 15, app/assets/stylesheets/widgets/action_buttons.scss */
.button {
  display: inline-block;
  margin-top: 0.25em;
  padding: 0.75rem 1.25rem;
  color: #000;
  background-color: #8cc53f;
  border: 3px solid #000;
  border-radius: 1rem;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  vertical-align: baseline;
  margin-right: 0.5rem;
}

/* line 87, app/assets/stylesheets/_mixins.scss */
.button.danger {
  color: #fff;
  background-color: #cc2200;
}

/* line 91, app/assets/stylesheets/_mixins.scss */
.button.secondary {
  color: #000;
  background-color: transparent;
}

/* line 19, app/assets/stylesheets/widgets/action_buttons.scss */
.button:last-child {
  margin-right: 0;
}

/* line 24, app/assets/stylesheets/widgets/action_buttons.scss */
.back_button {
  margin: 0 0 1rem;
  padding: 0 1.5rem;
  text-decoration: none;
}

@media (min-width: 485px) {
  /* line 24, app/assets/stylesheets/widgets/action_buttons.scss */
  .back_button {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 24, app/assets/stylesheets/widgets/action_buttons.scss */
  .back_button {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 24, app/assets/stylesheets/widgets/action_buttons.scss */
  .back_button {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 24, app/assets/stylesheets/widgets/action_buttons.scss */
  .back_button {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 30, app/assets/stylesheets/widgets/action_buttons.scss */
.back_button img {
  height: 0.8rem;
}

/* line 35, app/assets/stylesheets/widgets/action_buttons.scss */
.sym_button,
.action_toggler {
  display: inline-block;
  margin-top: 0.25em;
  padding: 0.75rem 1.25rem;
  color: #000;
  background-color: #8cc53f;
  border: 3px solid #000;
  border-radius: 1rem;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  vertical-align: baseline;
  width: 2.5rem;
  height: 2.5rem;
  margin-right: 0.5rem;
  padding: 0.325rem;
  text-align: center;
  vertical-align: bottom;
  cursor: pointer;
}

/* line 87, app/assets/stylesheets/_mixins.scss */
.sym_button.danger,
.action_toggler.danger {
  color: #fff;
  background-color: #cc2200;
}

/* line 91, app/assets/stylesheets/_mixins.scss */
.sym_button.secondary,
.action_toggler.secondary {
  color: #000;
  background-color: transparent;
}

/* line 47, app/assets/stylesheets/widgets/action_buttons.scss */
.sym_button img,
.action_toggler img {
  vertical-align: baseline;
}

/* line 51, app/assets/stylesheets/widgets/action_buttons.scss */
.sym_button.small,
.action_toggler.small {
  width: 1.75rem;
  height: 1.75rem;
}

/* line 56, app/assets/stylesheets/widgets/action_buttons.scss */
.sym_button:last-child,
.action_toggler:last-child {
  margin-right: 0;
}

/* line 61, app/assets/stylesheets/widgets/action_buttons.scss */
.action_toggler {
  background-color: #d8c6a9;
}

/* line 65, app/assets/stylesheets/widgets/action_buttons.scss */
.sym_text_button {
  display: inline-flex;
  align-items: center;
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
}

/* line 71, app/assets/stylesheets/widgets/action_buttons.scss */
.sym_text_button.will_toggle {
  display: inline-block;
}

/* line 75, app/assets/stylesheets/widgets/action_buttons.scss */
.sym_text_button:hover {
  text-decoration: underline;
}

/* line 79, app/assets/stylesheets/widgets/action_buttons.scss */
.sym_text_button .sym_button {
  margin-top: 0;
  margin-right: 0.5rem;
  vertical-align: middle;
}

/* line 85, app/assets/stylesheets/widgets/action_buttons.scss */
.sym_text_button .label {
  display: inline;
}

/* line 90, app/assets/stylesheets/widgets/action_buttons.scss */
.close_window_button {
  display: block;
  float: right;
  width: 2rem;
  margin: -0.2rem -0.2rem 0 0.75rem;
  padding: 0.25rem;
  border-radius: 2rem;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

/* line 101, app/assets/stylesheets/widgets/action_buttons.scss */
.close_window_button img {
  width: 100%;
  vertical-align: middle;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.button_block::before, .button_block::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.button_block::after {
  clear: both;
}

/* line 110, app/assets/stylesheets/widgets/action_buttons.scss */
.button_block + .button_block {
  margin-top: 0.25rem;
}

/* line 115, app/assets/stylesheets/widgets/action_buttons.scss */
.action_buttons {
  position: relative;
  margin: 1rem 0;
  padding: 0 1.5rem;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.action_buttons::before, .action_buttons::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.action_buttons::after {
  clear: both;
}

/* line 121, app/assets/stylesheets/widgets/action_buttons.scss */
.action_buttons .button,
.action_buttons .sym_button {
  display: block;
  float: left;
}

/* line 127, app/assets/stylesheets/widgets/action_buttons.scss */
.action_buttons .hint_text {
  display: block;
  float: left;
  padding-top: 0.5rem;
}

/* line 133, app/assets/stylesheets/widgets/action_buttons.scss */
.action_buttons .end_aligned {
  margin-top: 0.5rem;
}

/* line 137, app/assets/stylesheets/widgets/action_buttons.scss */
.action_buttons.internal {
  position: fixed;
  top: 10rem;
  right: 0;
  z-index: 5;
  padding: 0.5rem 0.75rem 0.75rem;
  background-color: #fff266;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.5);
}

/* line 148, app/assets/stylesheets/widgets/action_buttons.scss */
.action_buttons.internal .help_text {
  padding: 0;
}

/* line 151, app/assets/stylesheets/widgets/action_buttons.scss */
.action_buttons.internal .button,
.action_buttons.internal .sym_button {
  display: inline-block;
  float: none;
  margin-top: 0.5rem;
  margin-right: 0;
}

/* line 158, app/assets/stylesheets/widgets/action_buttons.scss */
.action_buttons.internal .button_to {
  margin-top: 0.5rem;
}

/* line 162, app/assets/stylesheets/widgets/action_buttons.scss */
.action_buttons.internal .transfer_form form {
  margin: 1rem 0;
}

/* line 167, app/assets/stylesheets/widgets/action_buttons.scss */
.action_buttons form.button_to {
  margin: 0 0.5rem 0 0;
}

@media (min-width: 485px) {
  /* line 172, app/assets/stylesheets/widgets/action_buttons.scss */
  .action_buttons {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 178, app/assets/stylesheets/widgets/action_buttons.scss */
  .action_buttons {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 184, app/assets/stylesheets/widgets/action_buttons.scss */
  .action_buttons {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 190, app/assets/stylesheets/widgets/action_buttons.scss */
  .action_buttons {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 197, app/assets/stylesheets/widgets/action_buttons.scss */
h1 .action_buttons {
  display: inline-block;
  margin: 0;
  margin-left: 1rem;
  padding: 0;
  padding-bottom: 0.25rem;
  vertical-align: bottom;
}
/* line 13, app/assets/stylesheets/widgets/actions_header.scss */
.actions_header {
  margin: 3em 0 1.5em;
  padding: 0 1.5rem;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.actions_header::before, .actions_header::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.actions_header::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 13, app/assets/stylesheets/widgets/actions_header.scss */
  .actions_header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 13, app/assets/stylesheets/widgets/actions_header.scss */
  .actions_header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 13, app/assets/stylesheets/widgets/actions_header.scss */
  .actions_header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 13, app/assets/stylesheets/widgets/actions_header.scss */
  .actions_header {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 19, app/assets/stylesheets/widgets/actions_header.scss */
.actions_header h1 {
  float: left;
  width: auto;
  margin: 0.15em 0 0.25em;
  padding: 0;
  vertical-align: bottom;
}

/* line 27, app/assets/stylesheets/widgets/actions_header.scss */
.actions_header .action_buttons {
  float: left;
  width: auto;
  margin: 0 0 0 1.5em;
  padding: 0;
  vertical-align: bottom;
}

/* line 34, app/assets/stylesheets/widgets/actions_header.scss */
.actions_header .action_buttons.end_aligned {
  float: right;
}

/* line 38, app/assets/stylesheets/widgets/actions_header.scss */
.actions_header .action_buttons .sym_text_button {
  margin-top: 0.25rem;
  margin-right: 1.5rem;
}

/* line 42, app/assets/stylesheets/widgets/actions_header.scss */
.actions_header .action_buttons .sym_text_button:last-child {
  margin-right: 0;
}
/* line 15, app/assets/stylesheets/widgets/article_next_prev_links.scss */
.article_next_prev_links {
  margin: 0;
  padding: 0 1.5rem 2rem;
}

@media (min-width: 485px) {
  /* line 15, app/assets/stylesheets/widgets/article_next_prev_links.scss */
  .article_next_prev_links {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 15, app/assets/stylesheets/widgets/article_next_prev_links.scss */
  .article_next_prev_links {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 15, app/assets/stylesheets/widgets/article_next_prev_links.scss */
  .article_next_prev_links {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 15, app/assets/stylesheets/widgets/article_next_prev_links.scss */
  .article_next_prev_links {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 20, app/assets/stylesheets/widgets/article_next_prev_links.scss */
.article_next_prev_links .article_link {
  display: block;
  margin: 0 0 1rem;
  padding: 0;
  text-decoration: none;
}

/* line 26, app/assets/stylesheets/widgets/article_next_prev_links.scss */
.article_next_prev_links .article_link:last-child {
  margin-bottom: 0;
}

/* line 30, app/assets/stylesheets/widgets/article_next_prev_links.scss */
.article_next_prev_links .article_link .title {
  margin: 0;
  padding: 0;
  text-decoration: underline;
}

/* line 36, app/assets/stylesheets/widgets/article_next_prev_links.scss */
.article_next_prev_links .article_link .description,
.article_next_prev_links .article_link .infos {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.5);
}

/* line 45, app/assets/stylesheets/widgets/article_next_prev_links.scss */
.article_next_prev_links .article_link .infos .date,
.article_next_prev_links .article_link .infos .author {
  display: inline;
  padding: 0;
}
/* line 19, app/assets/stylesheets/widgets/badge.scss */
.badge {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin: 0 0.5rem;
  padding-top: 0.05rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1.5rem;
  text-align: center;
  font-weight: bold;
}

/* line 32, app/assets/stylesheets/widgets/badge.scss */
.badge:first-child {
  margin-left: 0;
}

/* line 35, app/assets/stylesheets/widgets/badge.scss */
.badge:last-child {
  margin-right: 0;
}

/* line 38, app/assets/stylesheets/widgets/badge.scss */
.badge.request {
  background-color: transparent;
}

/* line 41, app/assets/stylesheets/widgets/badge.scss */
.badge.request img {
  max-width: unset;
  height: 1.75rem;
}

/* line 46, app/assets/stylesheets/widgets/badge.scss */
.badge.prospect {
  border: 1px solid #d8c6a9;
  color: rgba(0, 0, 0, 0.5);
  background-color: transparent;
}

/* line 51, app/assets/stylesheets/widgets/badge.scss */
.badge.inactive {
  opacity: 0.25;
}

/* line 55, app/assets/stylesheets/widgets/badge.scss */
.badge.membership {
  color: #000;
  background-color: #a8f0a8;
}

/* line 59, app/assets/stylesheets/widgets/badge.scss */
.badge.membership.accepted, .badge.membership.member {
  color: #fff;
  background-color: #8cc53f;
}

/* line 66, app/assets/stylesheets/widgets/badge.scss */
.badge.offers_help {
  background-color: #ffaa00;
}

/* line 70, app/assets/stylesheets/widgets/badge.scss */
.badge.account {
  background-color: #cc00aa;
}

/* line 74, app/assets/stylesheets/widgets/badge.scss */
.badge.messages {
  padding: 0.2rem;
  background-color: #ffea00;
}

/* line 78, app/assets/stylesheets/widgets/badge.scss */
.badge.messages img {
  vertical-align: baseline;
}
/* line 11, app/assets/stylesheets/widgets/banner.scss */
.banner {
  padding-bottom: 1.5rem;
  background-image: url(/pics/landschaft.jpg);
  background-size: cover;
  text-align: center;
}

@media (min-width: 485px) {
  /* line 7, app/assets/stylesheets/_mixins.scss */
  .banner::before, .banner::after {
    content: "";
    display: table;
  }
  /* line 12, app/assets/stylesheets/_mixins.scss */
  .banner::after {
    clear: both;
  }
}
/* line 11, app/assets/stylesheets/widgets/big_buttons_block.scss */
.big_buttons_block {
  margin: 1rem 0;
  padding: 0 1.5rem;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.big_buttons_block::before, .big_buttons_block::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.big_buttons_block::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 11, app/assets/stylesheets/widgets/big_buttons_block.scss */
  .big_buttons_block {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 11, app/assets/stylesheets/widgets/big_buttons_block.scss */
  .big_buttons_block {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 11, app/assets/stylesheets/widgets/big_buttons_block.scss */
  .big_buttons_block {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 11, app/assets/stylesheets/widgets/big_buttons_block.scss */
  .big_buttons_block {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 17, app/assets/stylesheets/widgets/big_buttons_block.scss */
.big_buttons_block .button,
.big_buttons_block .button_to {
  display: block;
  margin: 0.75rem 0 0;
  vertical-align: middle;
}

/* line 23, app/assets/stylesheets/widgets/big_buttons_block.scss */
.big_buttons_block .button:first-child,
.big_buttons_block .button_to:first-child {
  margin-top: 0rem;
}

/* line 29, app/assets/stylesheets/widgets/big_buttons_block.scss */
.big_buttons_block .button_to .button {
  width: 100%;
}

@media (min-width: 485px) {
  /* line 36, app/assets/stylesheets/widgets/big_buttons_block.scss */
  .big_buttons_block .button,
.big_buttons_block .button_to {
    display: inline-block;
    margin: 0 1rem 0.75rem 0;
  }
  /* line 41, app/assets/stylesheets/widgets/big_buttons_block.scss */
  .big_buttons_block .button:last-child,
.big_buttons_block .button_to:last-child {
    margin-right: 0rem;
  }
}

@media (min-width: 580px) {
  /* line 49, app/assets/stylesheets/widgets/big_buttons_block.scss */
  .big_buttons_block .button,
.big_buttons_block .button_to {
    display: block;
    margin: 0.75rem 0 0;
  }
  /* line 54, app/assets/stylesheets/widgets/big_buttons_block.scss */
  .big_buttons_block .button:first-child,
.big_buttons_block .button_to:first-child {
    margin-top: 0rem;
  }
}

@media (min-width: 640px) {
  /* line 62, app/assets/stylesheets/widgets/big_buttons_block.scss */
  .big_buttons_block .button,
.big_buttons_block .button_to {
    display: inline-block;
    margin: 0 1rem 0.75rem 0;
  }
  /* line 67, app/assets/stylesheets/widgets/big_buttons_block.scss */
  .big_buttons_block .button:last-child,
.big_buttons_block .button_to:last-child {
    margin-right: 0rem;
  }
}
/* line 14, app/assets/stylesheets/widgets/block_game_header.scss */
.block_game_header h1:first-of-type {
  margin-top: 0;
}

@media (min-width: 485px) {
  /* line 19, app/assets/stylesheets/widgets/block_game_header.scss */
  .block_game_score {
    max-width: 30rem;
  }
  /* line 22, app/assets/stylesheets/widgets/block_game_header.scss */
  .block_game_score .picture.thumb {
    max-width: 7rem;
  }
}
/* line 13, app/assets/stylesheets/widgets/block_game_score.scss */
.block_game_score {
  display: flex;
  align-items: center;
  column-gap: 0.5em;
  margin: 0.5rem auto;
  padding: 0 1.5rem;
}

/* line 20, app/assets/stylesheets/widgets/block_game_score.scss */
.block_game_score .picture.thumb {
  max-width: 4rem;
  margin: 0 auto 0.5rem;
  border-radius: 10rem;
}

/* line 26, app/assets/stylesheets/widgets/block_game_score.scss */
.block_game_score .challenger {
  flex: 1 1 auto;
  justify-self: start;
  text-align: left;
}

/* line 31, app/assets/stylesheets/widgets/block_game_score.scss */
.block_game_score .challenger .picture.thumb {
  margin-left: 0;
}

/* line 36, app/assets/stylesheets/widgets/block_game_score.scss */
.block_game_score .score {
  flex: 0 0 auto;
  justify-self: center;
  text-align: center;
  align-self: center;
  font-size: 2rem;
  font-weight: bolder;
}

/* line 46, app/assets/stylesheets/widgets/block_game_score.scss */
.block_game_score .opponent {
  flex: 1 1 auto;
  justify-self: end;
  text-align: right;
}

/* line 51, app/assets/stylesheets/widgets/block_game_score.scss */
.block_game_score .opponent .picture.thumb {
  margin-right: 0;
}

@media (min-width: 485px) {
  /* line 57, app/assets/stylesheets/widgets/block_game_score.scss */
  .block_game_score {
    max-width: 30rem;
  }
  /* line 60, app/assets/stylesheets/widgets/block_game_score.scss */
  .block_game_score .picture.thumb {
    max-width: 7rem;
  }
}
/* line 11, app/assets/stylesheets/widgets/button_form_tile.scss */
.button_form_tile {
  display: block;
  margin: 1rem 1.5rem;
  padding: 0;
}

/* line 16, app/assets/stylesheets/widgets/button_form_tile.scss */
.button_form_tile .button_to {
  display: block;
  margin: 0;
  padding: 0;
}

/* line 21, app/assets/stylesheets/widgets/button_form_tile.scss */
.button_form_tile .button_to button {
  display: block;
  width: 100%;
  margin: 0;
  padding: 1rem 1.5rem;
  border: none;
  border-radius: 1rem;
  color: #0071bc;
  background-color: #fff;
  font-size: 1.19em;
  font-weight: bold;
  text-align: center;
}

/* line 35, app/assets/stylesheets/widgets/button_form_tile.scss */
.button_form_tile .button_to button img {
  display: block;
  margin: 0 auto 0.75rem;
}
/* line 11, app/assets/stylesheets/widgets/counter_block.scss */
.counter_block {
  margin: 0 1.5rem;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.counter_block::before, .counter_block::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.counter_block::after {
  clear: both;
}

/* line 16, app/assets/stylesheets/widgets/counter_block.scss */
.counter {
  display: block;
  margin: 0 0.5rem 0.5rem 0;
  padding: 1rem;
  background-color: #f0e9de;
  border: 0.1rem solid #fff;
  border-radius: 0.5rem;
  color: #000;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 28, app/assets/stylesheets/widgets/counter_block.scss */
.counter .numbers {
  color: #638d2b;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.25rem;
  line-height: 1;
}

/* line 34, app/assets/stylesheets/widgets/counter_block.scss */
.counter .numbers em {
  font-size: 3rem;
  color: #8cc53f;
}

/* line 39, app/assets/stylesheets/widgets/counter_block.scss */
.counter .numbers.var_a {
  color: #638d2b;
}

/* line 42, app/assets/stylesheets/widgets/counter_block.scss */
.counter .numbers.var_a em {
  color: #8cc53f;
}

/* line 46, app/assets/stylesheets/widgets/counter_block.scss */
.counter .numbers.var_b, .counter .numbers.var_c {
  color: #638d2b;
}

/* line 50, app/assets/stylesheets/widgets/counter_block.scss */
.counter .numbers.var_b em, .counter .numbers.var_c em {
  color: #8cc53f;
}

@media (min-width: 485px) {
  /* line 57, app/assets/stylesheets/widgets/counter_block.scss */
  .counter_block {
    display: flex;
  }
  /* line 60, app/assets/stylesheets/widgets/counter_block.scss */
  .counter_block .counter {
    flex-grow: 1;
    margin: 0.25rem;
  }
}
/* line 11, app/assets/stylesheets/widgets/dashboard_block.scss */
.dashboard {
  margin-top: 2rem;
}

/* line 14, app/assets/stylesheets/widgets/dashboard_block.scss */
.dashboard h2 {
  max-width: unset;
  margin-bottom: 0.5rem;
}

/* line 19, app/assets/stylesheets/widgets/dashboard_block.scss */
.dashboard .quizgames_scroller {
  margin: 1rem 0;
  overflow-x: scroll;
}

/* line 24, app/assets/stylesheets/widgets/dashboard_block.scss */
.dashboard .quizgames_list {
  width: fit-content;
  display: flex;
  align-items: stretch;
  column-gap: 0.5rem;
  margin: 0;
  padding: 0 1.5rem;
}

/* line 32, app/assets/stylesheets/widgets/dashboard_block.scss */
.dashboard .quizgames_list li {
  flex: 0 0 12.5rem;
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;
}

/* line 41, app/assets/stylesheets/widgets/dashboard_block.scss */
.dashboard .quizgames_list li.preliminary {
  padding: 1rem;
  background-color: transparent;
  border: 3px dotted #d8c6a9;
  border-radius: 0.5rem;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

/* line 53, app/assets/stylesheets/widgets/dashboard_block.scss */
.dashboard .quizgames_list.smaller li {
  flex: 0 0 11rem;
  font-size: 0.84em;
}
/* line 11, app/assets/stylesheets/widgets/entity.scss */
.entity_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.entity_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.entity_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.entity_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .entity_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .entity_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .entity_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .entity_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.entity_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.entity_list .preview::before, .entity_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.entity_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .entity_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .entity_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .entity_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .entity_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.entity_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.entity_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.entity_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.entity_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.entity_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.entity_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.entity_list .preview .content,
.entity_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.entity_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.entity_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 17, app/assets/stylesheets/widgets/entity.scss */
.article_preview_tags,
.contact_preview_tags,
.event_preview_tags,
.project_preview_tags,
.quizquestion_preview_tags,
.quiztip_preview_tags {
  position: relative;
  display: flex;
  text-decoration: none;
}

/* line 28, app/assets/stylesheets/widgets/entity.scss */
.article_preview_tags .label_block,
.contact_preview_tags .label_block,
.event_preview_tags .label_block,
.project_preview_tags .label_block,
.quizquestion_preview_tags .label_block,
.quiztip_preview_tags .label_block {
  flex: 0 0 2rem;
  padding: 0.5rem 0.25rem;
  color: #000;
  background-color: white;
  text-align: center;
  writing-mode: vertical-lr;
}

/* line 38, app/assets/stylesheets/widgets/entity.scss */
.article_preview_tags .picture.thumb,
.contact_preview_tags .picture.thumb,
.event_preview_tags .picture.thumb,
.project_preview_tags .picture.thumb,
.quizquestion_preview_tags .picture.thumb,
.quiztip_preview_tags .picture.thumb {
  flex: 0 0 4rem;
  align-self: flex-start;
  margin: 0;
  padding: 0;
}

/* line 45, app/assets/stylesheets/widgets/entity.scss */
.article_preview_tags .info_block,
.contact_preview_tags .info_block,
.event_preview_tags .info_block,
.project_preview_tags .info_block,
.quizquestion_preview_tags .info_block,
.quiztip_preview_tags .info_block {
  flex: 1 1 auto;
  padding: 0.5rem 0 0.5rem 1rem;
  color: #000;
}

/* line 51, app/assets/stylesheets/widgets/entity.scss */
.article_preview_tags .info_block .title,
.contact_preview_tags .info_block .title,
.event_preview_tags .info_block .title,
.project_preview_tags .info_block .title,
.quizquestion_preview_tags .info_block .title,
.quiztip_preview_tags .info_block .title {
  font-weight: bold;
  text-decoration: none;
}

/* line 55, app/assets/stylesheets/widgets/entity.scss */
.article_preview_tags .info_block .date,
.contact_preview_tags .info_block .date,
.event_preview_tags .info_block .date,
.project_preview_tags .info_block .date,
.quizquestion_preview_tags .info_block .date,
.quiztip_preview_tags .info_block .date {
  font-weight: bold;
}

/* line 58, app/assets/stylesheets/widgets/entity.scss */
.article_preview_tags .info_block .infos,
.contact_preview_tags .info_block .infos,
.event_preview_tags .info_block .infos,
.project_preview_tags .info_block .infos,
.quizquestion_preview_tags .info_block .infos,
.quiztip_preview_tags .info_block .infos {
  text-decoration: none;
}

/* line 61, app/assets/stylesheets/widgets/entity.scss */
.article_preview_tags .info_block .infos .date,
.article_preview_tags .info_block .infos .author,
.contact_preview_tags .info_block .infos .date,
.contact_preview_tags .info_block .infos .author,
.event_preview_tags .info_block .infos .date,
.event_preview_tags .info_block .infos .author,
.project_preview_tags .info_block .infos .date,
.project_preview_tags .info_block .infos .author,
.quizquestion_preview_tags .info_block .infos .date,
.quizquestion_preview_tags .info_block .infos .author,
.quiztip_preview_tags .info_block .infos .date,
.quiztip_preview_tags .info_block .infos .author {
  display: inline-block;
}

/* line 66, app/assets/stylesheets/widgets/entity.scss */
.article_preview_tags .info_block .email,
.contact_preview_tags .info_block .email,
.event_preview_tags .info_block .email,
.project_preview_tags .info_block .email,
.quizquestion_preview_tags .info_block .email,
.quiztip_preview_tags .info_block .email {
  font-weight: bold;
}

/* line 69, app/assets/stylesheets/widgets/entity.scss */
.article_preview_tags .info_block .email.unconfirmed,
.contact_preview_tags .info_block .email.unconfirmed,
.event_preview_tags .info_block .email.unconfirmed,
.project_preview_tags .info_block .email.unconfirmed,
.quizquestion_preview_tags .info_block .email.unconfirmed,
.quiztip_preview_tags .info_block .email.unconfirmed {
  font-weight: normal;
  font-style: italic;
}

/* line 75, app/assets/stylesheets/widgets/entity.scss */
.article_preview_tags .info_block .name.prospect,
.contact_preview_tags .info_block .name.prospect,
.event_preview_tags .info_block .name.prospect,
.project_preview_tags .info_block .name.prospect,
.quizquestion_preview_tags .info_block .name.prospect,
.quiztip_preview_tags .info_block .name.prospect {
  font-style: italic;
}

/* line 81, app/assets/stylesheets/widgets/entity.scss */
.article_preview_tags .next_arrow,
.contact_preview_tags .next_arrow,
.event_preview_tags .next_arrow,
.project_preview_tags .next_arrow,
.quizquestion_preview_tags .next_arrow,
.quiztip_preview_tags .next_arrow {
  flex: 0 0 2rem;
  align-self: center;
}

@media (min-width: 485px) {
  /* line 89, app/assets/stylesheets/widgets/entity.scss */
  .article_preview_tags .picture.thumb,
.quizquestion_preview_tags .picture.thumb {
    flex: 0 0 6rem;
  }
}
/* line 15, app/assets/stylesheets/widgets/events_teaser.scss */
.events_teaser {
  padding: 0.5rem 0;
}

/* line 18, app/assets/stylesheets/widgets/events_teaser.scss */
.events_teaser h2 {
  margin: 0.5rem 0 0;
  padding: 0 1.5rem;
  font-size: 1rem;
}

@media (min-width: 485px) {
  /* line 18, app/assets/stylesheets/widgets/events_teaser.scss */
  .events_teaser h2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 18, app/assets/stylesheets/widgets/events_teaser.scss */
  .events_teaser h2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 18, app/assets/stylesheets/widgets/events_teaser.scss */
  .events_teaser h2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 18, app/assets/stylesheets/widgets/events_teaser.scss */
  .events_teaser h2 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 24, app/assets/stylesheets/widgets/events_teaser.scss */
.events_teaser h2 .link {
  float: right;
  width: auto;
  font-weight: normal;
}

/* line 31, app/assets/stylesheets/widgets/events_teaser.scss */
.events_teaser .entry_block {
  padding: 0 1.5rem;
}

/* line 35, app/assets/stylesheets/widgets/events_teaser.scss */
.events_teaser .event_entry {
  display: block;
  margin: 0.5rem 0;
  padding: 1.5rem;
  background-color: #fff;
  border-radius: 1rem;
  color: #000;
  text-decoration: none;
}

/* line 45, app/assets/stylesheets/widgets/events_teaser.scss */
.events_teaser .event_entry .time {
  font-size: 1.4161rem;
}

/* line 48, app/assets/stylesheets/widgets/events_teaser.scss */
.events_teaser .event_entry .title {
  margin-bottom: 0;
  font-weight: bold;
}

@media (min-width: 485px) {
  /* line 56, app/assets/stylesheets/widgets/events_teaser.scss */
  .events_teaser .entry_block {
    display: flex;
  }
  /* line 59, app/assets/stylesheets/widgets/events_teaser.scss */
  .events_teaser .event_entry {
    flex: 1;
    margin-right: 0.5rem;
  }
  /* line 63, app/assets/stylesheets/widgets/events_teaser.scss */
  .events_teaser .event_entry:last-child {
    margin-right: 0;
  }
}
/* line 11, app/assets/stylesheets/widgets/filter_input.block.scss */
.filter_input_block {
  display: block;
  margin: 1rem 0;
  padding: 0 1.5rem;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.filter_input_block::before, .filter_input_block::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.filter_input_block::after {
  clear: both;
}

/* line 17, app/assets/stylesheets/widgets/filter_input.block.scss */
.filter_input_block input[type=text] {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #d8c6a9;
  border-radius: 1rem;
}
/* line 11, app/assets/stylesheets/widgets/flash.scss */
#flash_layer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0.4;
  z-index: 1000;
}

/* line 21, app/assets/stylesheets/widgets/flash.scss */
#flash_layer.faded {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in, visibility linear 0.55s;
}

/* line 28, app/assets/stylesheets/widgets/flash.scss */
#flash {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 5rem 1.5rem;
  overflow: hidden;
  z-index: 1001;
}

/* line 37, app/assets/stylesheets/widgets/flash.scss */
#flash.faded {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-in, visibility linear 0.55s;
}

/* line 43, app/assets/stylesheets/widgets/flash.scss */
#flash .alert, #flash .notice {
  max-width: 48rem;
  margin: 0 auto;
  padding: 1rem 1.5rem;
  border: 3px solid;
  border-radius: 1rem;
  box-shadow: 0 0 64px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: bold;
}

/* line 54, app/assets/stylesheets/widgets/flash.scss */
#flash .alert {
  color: #fff;
  background-color: #cc4400;
  border-color: #993300;
}

/* line 59, app/assets/stylesheets/widgets/flash.scss */
#flash .notice {
  color: #000;
  background-color: #ffdd99;
  border-color: #ffaa00;
}
/* line 11, app/assets/stylesheets/widgets/forms.scss */
form {
  max-width: 54rem;
  margin: 1rem auto 2rem auto;
  padding: 0.75rem 1rem;
  background-color: white;
  border-top: 2px solid #e3d6c2;
  border-bottom: 2px solid #e3d6c2;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
form::before, form::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
form::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 11, app/assets/stylesheets/widgets/forms.scss */
  form {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 11, app/assets/stylesheets/widgets/forms.scss */
  form {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 11, app/assets/stylesheets/widgets/forms.scss */
  form {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 11, app/assets/stylesheets/widgets/forms.scss */
  form {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

/* line 24, app/assets/stylesheets/widgets/forms.scss */
form.button_to {
  display: inline-block;
  margin: 0.5rem 0;
  padding: 0;
  border: none;
  background-color: transparent;
}

/* line 31, app/assets/stylesheets/widgets/forms.scss */
form.button_to input[type=text],
form.button_to input[type=email],
form.button_to input[type=password],
form.button_to input[type=url],
form.button_to input[type=number],
form.button_to input[type=submit],
form.button_to textarea {
  margin: 0;
}

/* line 41, app/assets/stylesheets/widgets/forms.scss */
form.button_to input.as_link[type=submit] {
  background-color: transparent;
  border: 0;
  font-weight: normal;
  text-decoration: none;
}

/* line 48, app/assets/stylesheets/widgets/forms.scss */
form.button_to input.as_link[type=submit]:hover {
  text-decoration: underline;
}

/* line 53, app/assets/stylesheets/widgets/forms.scss */
form.button_to button.sym_text_button {
  display: inline-block;
  background-color: transparent;
  border: 0;
}

/* line 63, app/assets/stylesheets/widgets/forms.scss */
form.button_to > form.button_to {
  margin-left: 0.5rem;
}

/* line 67, app/assets/stylesheets/widgets/forms.scss */
form.inline {
  margin: 1rem 0;
  padding: 0 1.5rem;
  border: none;
}

/* line 72, app/assets/stylesheets/widgets/forms.scss */
form.inline input[type=text],
form.inline input[type=email],
form.inline input[type=password],
form.inline input[type=url],
form.inline input[type=number],
form.inline textarea {
  background-color: #fff;
}

/* line 82, app/assets/stylesheets/widgets/forms.scss */
form.without_border {
  margin: 1rem 0;
  padding: 0;
  border: none;
  background-color: transparent;
}

/* line 89, app/assets/stylesheets/widgets/forms.scss */
form.login_form {
  max-width: 33rem;
  margin: 0 auto;
}

/* line 94, app/assets/stylesheets/widgets/forms.scss */
form p,
form h1, form h2, form h3, form h4, form h5, form h6 {
  padding-left: 0;
  padding-right: 0;
}

/* line 100, app/assets/stylesheets/widgets/forms.scss */
form fieldset {
  margin: 1.5rem 0;
}

/* line 103, app/assets/stylesheets/widgets/forms.scss */
form fieldset:first-of-type {
  margin-top: 0.5rem;
}

/* line 107, app/assets/stylesheets/widgets/forms.scss */
form fieldset legend {
  margin-bottom: 0.5rem;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.19em;
}

/* line 114, app/assets/stylesheets/widgets/forms.scss */
form label {
  display: block;
  margin-bottom: 0.25rem;
}

/* line 118, app/assets/stylesheets/widgets/forms.scss */
form label + select, form label + input[type=text], form label + input[type=email], form label + input[type=password], form label + input[type=url], form label + input[type=number] {
  margin-top: 0;
}

/* line 128, app/assets/stylesheets/widgets/forms.scss */
form input, form select {
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.4;
}

/* line 131, app/assets/stylesheets/widgets/forms.scss */
form input[type=text],
form input[type=email],
form input[type=password],
form input[type=url],
form input[type=number],
form textarea {
  width: 100%;
  margin: 0.25rem 0;
  padding: 0.5rem 0.75rem;
  background-color: #f4f3f1;
  border: none;
  border-bottom: 2px solid #8cc53f;
  box-shadow: none;
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.4;
}

/* line 147, app/assets/stylesheets/widgets/forms.scss */
form select {
  margin: 0.25rem 0;
}

/* line 151, app/assets/stylesheets/widgets/forms.scss */
form input[type=checkbox] {
  float: left;
  width: auto;
  margin-top: 0.25rem;
}

/* line 156, app/assets/stylesheets/widgets/forms.scss */
form input[type=checkbox] + label,
form .field_with_errors + .field_with_errors > label {
  margin-left: 1.5rem;
}

/* line 161, app/assets/stylesheets/widgets/forms.scss */
form input[type=submit] {
  display: inline-block;
  margin-top: 0.25em;
  padding: 0.75rem 1.25rem;
  color: #000;
  background-color: #8cc53f;
  border: 3px solid #000;
  border-radius: 1rem;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  vertical-align: baseline;
  margin: 0.5rem 0 0 0.25rem;
}

/* line 87, app/assets/stylesheets/_mixins.scss */
form input.danger[type=submit] {
  color: #fff;
  background-color: #cc4400;
}

/* line 91, app/assets/stylesheets/_mixins.scss */
form input.secondary[type=submit] {
  color: #000;
  background-color: transparent;
}

/* line 166, app/assets/stylesheets/widgets/forms.scss */
form .help {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 172, app/assets/stylesheets/widgets/forms.scss */
form .help ul {
  padding: 0 0 0 1.25rem;
}

/* line 175, app/assets/stylesheets/widgets/forms.scss */
form .help ul li {
  margin: 0.25rem 0;
}

/* line 181, app/assets/stylesheets/widgets/forms.scss */
form .field {
  margin: 0 0 1rem;
}

/* line 184, app/assets/stylesheets/widgets/forms.scss */
form .field.horizontal {
  vertical-align: baseline;
}

/* line 187, app/assets/stylesheets/widgets/forms.scss */
form .field.horizontal label {
  display: inline-block;
  margin-right: 0.5rem;
}

/* line 193, app/assets/stylesheets/widgets/forms.scss */
form .field.file {
  padding: 0;
}

/* line 197, app/assets/stylesheets/widgets/forms.scss */
form .field.picture {
  background-color: unset;
  text-align: unset;
}

/* line 203, app/assets/stylesheets/widgets/forms.scss */
form .actions {
  text-align: right;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
form .actions::before, form .actions::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
form .actions::after {
  clear: both;
}

/* line 207, app/assets/stylesheets/widgets/forms.scss */
form .actions .start_side {
  float: left;
  width: auto;
}

/* line 211, app/assets/stylesheets/widgets/forms.scss */
form .actions .start_side .button:first-child,
form .actions .start_side .sym_button:first-child {
  margin-left: 0;
}

/* line 217, app/assets/stylesheets/widgets/forms.scss */
form .actions .button,
form .actions .sym_button {
  margin: 0.5rem 0 0 0.25rem;
}

/* line 224, app/assets/stylesheets/widgets/forms.scss */
form #error_explanation h2 {
  margin: 0;
  padding: 0;
  color: #cc4400;
}

/* line 229, app/assets/stylesheets/widgets/forms.scss */
form #error_explanation ul {
  margin: 0.5rem 0 1.5rem;
  padding: 0 0 0 1.5em;
}

/* line 233, app/assets/stylesheets/widgets/forms.scss */
form #error_explanation ul li {
  padding: 0;
}

/* line 239, app/assets/stylesheets/widgets/forms.scss */
form .field_with_errors * {
  color: #cc4400;
}

/* line 243, app/assets/stylesheets/widgets/forms.scss */
form .field_with_errors input[type=text],
form .field_with_errors input[type=email],
form .field_with_errors input[type=password],
form .field_with_errors input[type=url],
form .field_with_errors input[type=number] {
  border-color: #cc4400;
}

@media (min-width: 485px) {
  /* line 253, app/assets/stylesheets/widgets/forms.scss */
  form {
    margin-left: 2rem;
    margin-right: 2rem;
    padding: 1.5rem;
    border: none;
    border-radius: 1rem;
  }
  /* line 260, app/assets/stylesheets/widgets/forms.scss */
  form.login_form {
    display: inline-block;
    max-width: 33rem;
  }
  /* line 265, app/assets/stylesheets/widgets/forms.scss */
  form.button_to {
    max-width: unset;
  }
}

@media (min-width: 485px) {
  /* line 271, app/assets/stylesheets/widgets/forms.scss */
  form {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 277, app/assets/stylesheets/widgets/forms.scss */
  form {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 283, app/assets/stylesheets/widgets/forms.scss */
  form {
    margin-left: 3rem;
    margin-right: auto;
  }
}

/* line 291, app/assets/stylesheets/widgets/forms.scss */
.form_actions {
  text-align: right;
}

/* line 295, app/assets/stylesheets/widgets/forms.scss */
.remote_form {
  margin: 1rem 0;
  background-color: white;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.remote_form::before, .remote_form::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.remote_form::after {
  clear: both;
}

/* line 300, app/assets/stylesheets/widgets/forms.scss */
.remote_form .notice {
  padding: 1rem 1.5rem;
}
/* line 13, app/assets/stylesheets/widgets/important_notice.scss */
.important_notice,
.important_box {
  max-width: 54rem;
  margin: 1rem 1.5rem;
  background-color: #ffddcc;
  border: 3px solid #cc4400;
  border-radius: 0.5rem;
}

@media (min-width: 485px) {
  /* line 13, app/assets/stylesheets/widgets/important_notice.scss */
  .important_notice,
.important_box {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 13, app/assets/stylesheets/widgets/important_notice.scss */
  .important_notice,
.important_box {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 13, app/assets/stylesheets/widgets/important_notice.scss */
  .important_notice,
.important_box {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 13, app/assets/stylesheets/widgets/important_notice.scss */
  .important_notice,
.important_box {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

/* line 22, app/assets/stylesheets/widgets/important_notice.scss */
.important_notice {
  padding: 1.5rem;
}

@media (min-width: 485px) {
  /* line 26, app/assets/stylesheets/widgets/important_notice.scss */
  .important_box {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 580px) {
  /* line 32, app/assets/stylesheets/widgets/important_notice.scss */
  .important_box {
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
}

@media (min-width: 640px) {
  /* line 38, app/assets/stylesheets/widgets/important_notice.scss */
  .important_box {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

@media (min-width: 1024px) {
  /* line 44, app/assets/stylesheets/widgets/important_notice.scss */
  .important_box {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
/* line 11, app/assets/stylesheets/widgets/info_list.scss */
.info_list {
  margin: 0rem 0 1rem;
  padding: 0 1.5rem;
  padding-left: 3rem;
  list-style: square outside;
}

@media (min-width: 580px) {
  /* line 18, app/assets/stylesheets/widgets/info_list.scss */
  .info_list {
    padding-left: 3.5rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 24, app/assets/stylesheets/widgets/info_list.scss */
  .info_list {
    padding-left: 4.5rem;
    padding-right: 3rem;
  }
}
/* line 11, app/assets/stylesheets/widgets/internal_actions.scss */
.internal_actions {
  float: none;
  clear: both;
  margin-top: 1rem;
  padding: 0 0 1rem;
  color: #665e00;
  background-color: #fff266;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.internal_actions::before, .internal_actions::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.internal_actions::after {
  clear: both;
}

/* line 20, app/assets/stylesheets/widgets/internal_actions.scss */
.internal_actions header {
  color: #665e00;
  font-size: 0.84rem;
}

/* line 24, app/assets/stylesheets/widgets/internal_actions.scss */
.internal_actions header .public, .internal_actions header .private {
  padding: 0.25rem 1.5rem;
}

@media (min-width: 485px) {
  /* line 24, app/assets/stylesheets/widgets/internal_actions.scss */
  .internal_actions header .public, .internal_actions header .private {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 24, app/assets/stylesheets/widgets/internal_actions.scss */
  .internal_actions header .public, .internal_actions header .private {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 24, app/assets/stylesheets/widgets/internal_actions.scss */
  .internal_actions header .public, .internal_actions header .private {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 24, app/assets/stylesheets/widgets/internal_actions.scss */
  .internal_actions header .public, .internal_actions header .private {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 28, app/assets/stylesheets/widgets/internal_actions.scss */
.internal_actions header .public {
  background-color: #f0e9de;
}

/* line 31, app/assets/stylesheets/widgets/internal_actions.scss */
.internal_actions header .private {
  border-top: 1px solid #d8c6a9;
}

/* line 36, app/assets/stylesheets/widgets/internal_actions.scss */
.internal_actions .block_label {
  margin-bottom: 0.5em;
  padding: 0 1.5rem;
  color: #000;
  font-size: 0.84rem;
  font-style: italic;
  text-transform: uppercase;
}

@media (min-width: 485px) {
  /* line 45, app/assets/stylesheets/widgets/internal_actions.scss */
  .internal_actions .status_bar {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 45, app/assets/stylesheets/widgets/internal_actions.scss */
  .internal_actions .status_bar {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 45, app/assets/stylesheets/widgets/internal_actions.scss */
  .internal_actions .status_bar {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 45, app/assets/stylesheets/widgets/internal_actions.scss */
  .internal_actions .status_bar {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 49, app/assets/stylesheets/widgets/internal_actions.scss */
.internal_actions .help_text {
  margin: 0.5em 0 1em;
  color: rgba(102, 94, 0, 0.6);
  font-size: 0.84em;
}
/* line 11, app/assets/stylesheets/widgets/lists_general.scss */
.list_title {
  margin: 1rem 0 0.5rem;
  padding: 0 1.5rem;
  font-weight: bold;
}

@media (min-width: 485px) {
  /* line 11, app/assets/stylesheets/widgets/lists_general.scss */
  .list_title {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 11, app/assets/stylesheets/widgets/lists_general.scss */
  .list_title {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 11, app/assets/stylesheets/widgets/lists_general.scss */
  .list_title {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 11, app/assets/stylesheets/widgets/lists_general.scss */
  .list_title {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 485px) {
  /* line 18, app/assets/stylesheets/widgets/lists_general.scss */
  .list_title {
    max-width: 54rem;
  }
}

/* line 23, app/assets/stylesheets/widgets/lists_general.scss */
.list_filter {
  margin-top: 0.5rem;
  padding: 1rem 1.5rem;
  background-color: white;
}

/* line 28, app/assets/stylesheets/widgets/lists_general.scss */
.list_filter input {
  width: 100%;
  padding: 0.25rem 0.5rem;
  border: none;
  box-shadow: none;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.4;
}

/* line 36, app/assets/stylesheets/widgets/lists_general.scss */
.list_filter + .item_list {
  margin-top: 0;
}

/* line 40, app/assets/stylesheets/widgets/lists_general.scss */
.letters_list {
  padding: 0 1.5rem;
  list-style: none outside;
}

@media (min-width: 485px) {
  /* line 40, app/assets/stylesheets/widgets/lists_general.scss */
  .letters_list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 40, app/assets/stylesheets/widgets/lists_general.scss */
  .letters_list {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 40, app/assets/stylesheets/widgets/lists_general.scss */
  .letters_list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 40, app/assets/stylesheets/widgets/lists_general.scss */
  .letters_list {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/widgets/lists_general.scss */
.letters_list li {
  display: inline-block;
  margin-right: 0.5rem;
}

/* line 49, app/assets/stylesheets/widgets/lists_general.scss */
.letters_list li a {
  font-size: 1.19em;
  font-weight: bold;
  text-decoration: none;
}

@media (min-width: 485px) {
  /* line 57, app/assets/stylesheets/widgets/lists_general.scss */
  .letters_list {
    margin-left: 0;
  }
}
/* line 11, app/assets/stylesheets/widgets/message_block.scss */
.message_block {
  margin: 1rem 0;
  background-color: #e6dbc9;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.message_block::before, .message_block::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.message_block::after {
  clear: both;
}

/* line 16, app/assets/stylesheets/widgets/message_block.scss */
.message_block .notice {
  padding: 1rem 1.5rem;
}

/* line 20, app/assets/stylesheets/widgets/message_block.scss */
.message_block form.inline {
  margin: 0 1.5rem 1.5rem;
  padding: 0;
  background-color: transparent;
}

@media (min-width: 485px) {
  /* line 20, app/assets/stylesheets/widgets/message_block.scss */
  .message_block form.inline {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 20, app/assets/stylesheets/widgets/message_block.scss */
  .message_block form.inline {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 20, app/assets/stylesheets/widgets/message_block.scss */
  .message_block form.inline {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 20, app/assets/stylesheets/widgets/message_block.scss */
  .message_block form.inline {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}
/* line 11, app/assets/stylesheets/widgets/multiteaser.scss */
.multiteaser {
  margin: 1.5rem 0;
  padding: 0.5rem 0 1.5rem;
  background-color: #e8ddcc;
}

/* line 16, app/assets/stylesheets/widgets/multiteaser.scss */
.multiteaser h2 {
  margin: 0.5rem 0 1rem;
  padding: 0 1.5rem;
  font-size: 1rem;
}

@media (min-width: 485px) {
  /* line 16, app/assets/stylesheets/widgets/multiteaser.scss */
  .multiteaser h2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 16, app/assets/stylesheets/widgets/multiteaser.scss */
  .multiteaser h2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 16, app/assets/stylesheets/widgets/multiteaser.scss */
  .multiteaser h2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 16, app/assets/stylesheets/widgets/multiteaser.scss */
  .multiteaser h2 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 22, app/assets/stylesheets/widgets/multiteaser.scss */
.multiteaser h2 .link {
  float: right;
  width: auto;
  font-weight: normal;
}

/* line 29, app/assets/stylesheets/widgets/multiteaser.scss */
.multiteaser .multiteaser_scroller {
  overflow-x: scroll;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.multiteaser .multiteaser_scroller::before, .multiteaser .multiteaser_scroller::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.multiteaser .multiteaser_scroller::after {
  clear: both;
}

/* line 33, app/assets/stylesheets/widgets/multiteaser.scss */
.multiteaser .multiteaser_scroller .multiteaser_scroller_content {
  display: flex;
  padding: 0 1.5rem;
}

@media (min-width: 485px) {
  /* line 33, app/assets/stylesheets/widgets/multiteaser.scss */
  .multiteaser .multiteaser_scroller .multiteaser_scroller_content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 33, app/assets/stylesheets/widgets/multiteaser.scss */
  .multiteaser .multiteaser_scroller .multiteaser_scroller_content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 33, app/assets/stylesheets/widgets/multiteaser.scss */
  .multiteaser .multiteaser_scroller .multiteaser_scroller_content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 33, app/assets/stylesheets/widgets/multiteaser.scss */
  .multiteaser .multiteaser_scroller .multiteaser_scroller_content {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 38, app/assets/stylesheets/widgets/multiteaser.scss */
.multiteaser .multiteaser_scroller .multiteaser_scroller_content .preview {
  display: block;
  flex: 1 0 260px;
  width: 260px;
  padding-right: 1.5rem;
  color: #000;
  text-decoration: none;
  white-space: normal;
  overflow: hidden;
}

/* line 48, app/assets/stylesheets/widgets/multiteaser.scss */
.multiteaser .multiteaser_scroller .multiteaser_scroller_content .preview .picture {
  width: 100%;
}

/* line 51, app/assets/stylesheets/widgets/multiteaser.scss */
.multiteaser .multiteaser_scroller .multiteaser_scroller_content .preview .title {
  padding: 1rem 0 0.25rem;
  line-height: 1.1;
  color: #000;
  font-size: 1.4161rem;
  font-weight: bold;
}

/* line 60, app/assets/stylesheets/widgets/multiteaser.scss */
.multiteaser .multiteaser_scroller .multiteaser_scroller_content .preview .date,
.multiteaser .multiteaser_scroller .multiteaser_scroller_content .preview .label {
  color: rgba(0, 0, 0, 0.5);
}

/* line 64, app/assets/stylesheets/widgets/multiteaser.scss */
.multiteaser .multiteaser_scroller .multiteaser_scroller_content .preview .next_arrow {
  float: right;
  width: 2rem;
  margin: 0.75rem 0 0.5rem 0.5rem;
}

/* line 69, app/assets/stylesheets/widgets/multiteaser.scss */
.multiteaser .multiteaser_scroller .multiteaser_scroller_content .preview .description {
  margin-top: 0.5rem;
}

@media (min-width: 485px) {
  /* line 80, app/assets/stylesheets/widgets/multiteaser.scss */
  .multiteaser .multiteaser_scroller .multiteaser_scroller_content .preview {
    flex: 1 0 370px;
  }
  /* line 83, app/assets/stylesheets/widgets/multiteaser.scss */
  .multiteaser .multiteaser_scroller .multiteaser_scroller_content .preview .picture {
    display: block;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}
/* line 11, app/assets/stylesheets/widgets/orders_list.scss */
.orders_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.orders_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.orders_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.orders_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .orders_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .orders_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .orders_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .orders_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.orders_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.orders_list .preview::before, .orders_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.orders_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .orders_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .orders_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .orders_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .orders_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.orders_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.orders_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.orders_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.orders_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.orders_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.orders_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.orders_list .preview .content,
.orders_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.orders_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.orders_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 14, app/assets/stylesheets/widgets/orders_list.scss */
.orders_list .order_preview {
  border-top: 1px solid #d8c6a9;
}

/* line 17, app/assets/stylesheets/widgets/orders_list.scss */
.orders_list .order_preview .token + .title {
  padding-top: 0;
}

/* line 20, app/assets/stylesheets/widgets/orders_list.scss */
.orders_list .order_preview .title {
  padding: 0.5rem 0 0.25rem;
  line-height: 1.1;
}

/* line 24, app/assets/stylesheets/widgets/orders_list.scss */
.orders_list .order_preview .next_arrow {
  margin: 0.75rem -0.5rem 0.5rem 0.5rem;
}

@media (min-width: 485px) {
  /* line 31, app/assets/stylesheets/widgets/orders_list.scss */
  .orders_list .order_preview {
    border-top: none;
    padding: 1.5rem;
  }
  /* line 35, app/assets/stylesheets/widgets/orders_list.scss */
  .orders_list .order_preview .title {
    padding-top: 0;
  }
  /* line 40, app/assets/stylesheets/widgets/orders_list.scss */
  .orders_list .order_preview .description {
    clear: both;
    margin-left: 37%;
    text-align: justify;
  }
}
/* line 15, app/assets/stylesheets/widgets/picture.scss */
.picture {
  overflow-x: hidden;
  background-color: transparent;
  text-align: center;
}

/* line 20, app/assets/stylesheets/widgets/picture.scss */
.picture.thumb {
  max-width: 5rem;
}

/* line 24, app/assets/stylesheets/widgets/picture.scss */
.picture.rounded {
  border-radius: 0.5rem;
}

/* line 28, app/assets/stylesheets/widgets/picture.scss */
.picture img {
  width: 100%;
  background-color: #e8ddcc;
}

/* line 33, app/assets/stylesheets/widgets/picture.scss */
.picture .icon.broken,
.picture .icon.missing {
  max-width: 9rem;
  padding: 3rem;
  background-color: #e8ddcc;
}

@media (min-width: 485px) {
  /* line 41, app/assets/stylesheets/widgets/picture.scss */
  .picture {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    padding-left: 0;
    padding-right: 0;
  }
}
/* line 13, app/assets/stylesheets/widgets/progress_steps.scss */
.progress_steps {
  margin: 1rem 0;
  padding: 0 1.5rem;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.progress_steps::before, .progress_steps::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.progress_steps::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 13, app/assets/stylesheets/widgets/progress_steps.scss */
  .progress_steps {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 13, app/assets/stylesheets/widgets/progress_steps.scss */
  .progress_steps {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 13, app/assets/stylesheets/widgets/progress_steps.scss */
  .progress_steps {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 13, app/assets/stylesheets/widgets/progress_steps.scss */
  .progress_steps {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 19, app/assets/stylesheets/widgets/progress_steps.scss */
.progress_steps .label {
  margin-bottom: 0.25rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.84em;
}

/* line 26, app/assets/stylesheets/widgets/progress_steps.scss */
.progress_steps .step {
  float: left;
  width: 20%;
  height: 0.25rem;
  border-right: 0.25rem solid #fff;
  background-color: #d8c6a9;
}

/* line 33, app/assets/stylesheets/widgets/progress_steps.scss */
.progress_steps .step.done {
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 36, app/assets/stylesheets/widgets/progress_steps.scss */
.progress_steps .step.active {
  background-color: #8cc53f;
}

@media (min-width: 485px) {
  /* line 42, app/assets/stylesheets/widgets/progress_steps.scss */
  .progress_steps {
    max-width: 54rem;
    margin-left: 0;
  }
}
/* line 13, app/assets/stylesheets/widgets/protocol_list.scss */
.protocol_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
  margin-bottom: 0;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.protocol_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.protocol_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.protocol_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .protocol_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .protocol_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .protocol_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .protocol_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.protocol_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.protocol_list .preview::before, .protocol_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.protocol_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .protocol_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .protocol_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .protocol_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .protocol_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.protocol_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.protocol_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.protocol_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.protocol_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.protocol_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.protocol_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.protocol_list .preview .content,
.protocol_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.protocol_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.protocol_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 17, app/assets/stylesheets/widgets/protocol_list.scss */
.protocol_list .protocol_entry {
  padding: 0.5rem 1.5rem;
}

@media (min-width: 485px) {
  /* line 17, app/assets/stylesheets/widgets/protocol_list.scss */
  .protocol_list .protocol_entry {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 17, app/assets/stylesheets/widgets/protocol_list.scss */
  .protocol_list .protocol_entry {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 17, app/assets/stylesheets/widgets/protocol_list.scss */
  .protocol_list .protocol_entry {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 17, app/assets/stylesheets/widgets/protocol_list.scss */
  .protocol_list .protocol_entry {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 21, app/assets/stylesheets/widgets/protocol_list.scss */
.protocol_list .protocol_entry .details {
  display: flex;
  justify-items: center;
  color: rgba(0, 0, 0, 0.5);
}

/* line 26, app/assets/stylesheets/widgets/protocol_list.scss */
.protocol_list .protocol_entry .details .time {
  flex: 1 1 auto;
}

/* line 29, app/assets/stylesheets/widgets/protocol_list.scss */
.protocol_list .protocol_entry .details .ip {
  flex: 1 1 auto;
  text-align: right;
}
/* line 13, app/assets/stylesheets/widgets/quizgroup_category_list.scss */
.quizgroup_category_list {
  list-style: none outside;
  margin: 0;
  padding: 0;
}

/* line 18, app/assets/stylesheets/widgets/quizgroup_category_list.scss */
.quizgroup_category_list .category {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/widgets/quizgroup_category_list.scss */
.quizgroup_category_list .category:first-child {
  border-top: 0;
}

/* line 25, app/assets/stylesheets/widgets/quizgroup_category_list.scss */
.quizgroup_category_list .category .label {
  padding: 0.75rem 1rem 0.75rem 3rem;
  background-color: #e6dbc9;
}
/* line 19, app/assets/stylesheets/widgets/resistance_scale.scss */
.scale_labels {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.scale_labels::before, .scale_labels::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.scale_labels::after {
  clear: both;
}

/* line 24, app/assets/stylesheets/widgets/resistance_scale.scss */
.scale_labels .left {
  float: left;
  width: auto;
}

/* line 28, app/assets/stylesheets/widgets/resistance_scale.scss */
.scale_labels .right {
  float: right;
  width: auto;
}

/* line 34, app/assets/stylesheets/widgets/resistance_scale.scss */
.resistance_scale {
  margin: 0.5rem 0 0.25rem;
  padding: 0;
  display: flex;
  column-gap: 0.125rem;
  list-style: none outside;
}

/* line 41, app/assets/stylesheets/widgets/resistance_scale.scss */
.resistance_scale li {
  display: inline-block;
  flex: 1 1 content;
  margin: 0;
  padding: 0;
}

/* line 47, app/assets/stylesheets/widgets/resistance_scale.scss */
.resistance_scale li:first-child {
  padding: 0;
}

/* line 51, app/assets/stylesheets/widgets/resistance_scale.scss */
.resistance_scale li .tick {
  display: inline-block;
  min-width: 1.5rem;
  width: 100%;
  padding: 0;
  color: rgba(0, 0, 0, 0.5);
  border: 2px solid #d8c6a9;
  border-radius: 1rem;
  text-align: center;
  text-decoration: none;
}

/* line 62, app/assets/stylesheets/widgets/resistance_scale.scss */
.resistance_scale li .tick.inactive {
  opacity: 0.3;
}

/* line 66, app/assets/stylesheets/widgets/resistance_scale.scss */
.resistance_scale li .tick.a1 {
  color: #000;
  border-color: #00b359;
  opacity: 1;
}

/* line 71, app/assets/stylesheets/widgets/resistance_scale.scss */
.resistance_scale li .tick.a1.hilite {
  color: #fff;
  background-color: #00b359;
  font-weight: bold;
}

/* line 77, app/assets/stylesheets/widgets/resistance_scale.scss */
.resistance_scale li .tick.a2 {
  color: #000;
  border-color: #77b300;
  opacity: 1;
}

/* line 82, app/assets/stylesheets/widgets/resistance_scale.scss */
.resistance_scale li .tick.a2.hilite {
  color: #fff;
  background-color: #77b300;
  font-weight: bold;
}

/* line 88, app/assets/stylesheets/widgets/resistance_scale.scss */
.resistance_scale li .tick.a3 {
  color: #000;
  border-color: #cccc00;
  opacity: 1;
}

/* line 93, app/assets/stylesheets/widgets/resistance_scale.scss */
.resistance_scale li .tick.a3.hilite {
  color: #fff;
  background-color: #cccc00;
  font-weight: bold;
}

/* line 99, app/assets/stylesheets/widgets/resistance_scale.scss */
.resistance_scale li .tick.a4 {
  color: #000;
  border-color: #cc8800;
  opacity: 1;
}

/* line 104, app/assets/stylesheets/widgets/resistance_scale.scss */
.resistance_scale li .tick.a4.hilite {
  color: #fff;
  background-color: #cc8800;
  font-weight: bold;
}

/* line 110, app/assets/stylesheets/widgets/resistance_scale.scss */
.resistance_scale li .tick.a5 {
  color: #000;
  border-color: #cc0000;
  opacity: 1;
}

/* line 115, app/assets/stylesheets/widgets/resistance_scale.scss */
.resistance_scale li .tick.a5.hilite {
  color: #fff;
  background-color: #cc0000;
  font-weight: bold;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.selection_scale::before, .selection_scale::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.selection_scale::after {
  clear: both;
}

/* line 128, app/assets/stylesheets/widgets/resistance_scale.scss */
.selection_scale .label {
  padding-top: 0.6rem;
  vertical-align: top;
}

/* line 133, app/assets/stylesheets/widgets/resistance_scale.scss */
.selection_scale .vote_circle {
  display: inline-block;
  width: 2.5rem;
  vertical-align: top;
}

/* line 138, app/assets/stylesheets/widgets/resistance_scale.scss */
.selection_scale .vote_circle img {
  width: 100%;
}
/* line 20, app/assets/stylesheets/widgets/result_scale.scss */
.voting_section .scale_labels {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.voting_section .scale_labels::before, .voting_section .scale_labels::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.voting_section .scale_labels::after {
  clear: both;
}

/* line 25, app/assets/stylesheets/widgets/result_scale.scss */
.voting_section .scale_labels .left {
  float: left;
  width: auto;
}

/* line 29, app/assets/stylesheets/widgets/result_scale.scss */
.voting_section .scale_labels .right {
  float: right;
  width: auto;
}

/* line 35, app/assets/stylesheets/widgets/result_scale.scss */
.voting_section .result_scale {
  position: relative;
  display: inline-block;
  margin: 0.5rem 0 1rem;
  padding: 0;
  height: 1rem;
  background-color: #8cc53f;
  border-radius: 1rem;
}

/* line 44, app/assets/stylesheets/widgets/result_scale.scss */
.voting_section .result_scale.a1 {
  background-color: #00b359;
}

/* line 47, app/assets/stylesheets/widgets/result_scale.scss */
.voting_section .result_scale.a2 {
  background-color: #77b300;
}

/* line 50, app/assets/stylesheets/widgets/result_scale.scss */
.voting_section .result_scale.a3 {
  background-color: #cccc00;
}

/* line 53, app/assets/stylesheets/widgets/result_scale.scss */
.voting_section .result_scale.a4 {
  background-color: #cc8800;
}

/* line 56, app/assets/stylesheets/widgets/result_scale.scss */
.voting_section .result_scale.a5 {
  background-color: #cc0000;
}

/* line 61, app/assets/stylesheets/widgets/result_scale.scss */
.voting_section .result_tick {
  position: absolute;
  top: -0.5rem;
  right: -3rem;
  width: 4rem;
  height: 2rem;
  padding: 0.2rem 0 0;
  color: #fff;
  border-radius: 3rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

/* line 74, app/assets/stylesheets/widgets/result_scale.scss */
.voting_section .result_tick.a1 {
  background-color: #00b359;
}

/* line 77, app/assets/stylesheets/widgets/result_scale.scss */
.voting_section .result_tick.a2 {
  background-color: #77b300;
}

/* line 80, app/assets/stylesheets/widgets/result_scale.scss */
.voting_section .result_tick.a3 {
  background-color: #cccc00;
}

/* line 83, app/assets/stylesheets/widgets/result_scale.scss */
.voting_section .result_tick.a4 {
  background-color: #cc8800;
}

/* line 86, app/assets/stylesheets/widgets/result_scale.scss */
.voting_section .result_tick.a5 {
  background-color: #cc0000;
}
/* line 13, app/assets/stylesheets/widgets/rounds_table.scss */
.rounds_table {
  margin: 0 0 2rem;
  padding: 0 1.5rem;
}

/* line 17, app/assets/stylesheets/widgets/rounds_table.scss */
.rounds_table .mark {
  display: inline-block;
  width: 1.75rem;
}

/* line 22, app/assets/stylesheets/widgets/rounds_table.scss */
.rounds_table table {
  width: 100%;
}

/* line 25, app/assets/stylesheets/widgets/rounds_table.scss */
.rounds_table table thead {
  text-align: center;
}

/* line 29, app/assets/stylesheets/widgets/rounds_table.scss */
.rounds_table table .round_success {
  text-align: left;
  white-space: nowrap;
}

/* line 33, app/assets/stylesheets/widgets/rounds_table.scss */
.rounds_table table .round_success.end {
  text-align: right;
}

/* line 38, app/assets/stylesheets/widgets/rounds_table.scss */
.rounds_table table .round_label {
  text-align: center;
  font-size: 1.4161em;
  font-weight: bolder;
}

/* line 44, app/assets/stylesheets/widgets/rounds_table.scss */
.rounds_table table .round_category {
  padding-top: 0.75rem;
  text-align: center;
}

@media (min-width: 485px) {
  /* line 51, app/assets/stylesheets/widgets/rounds_table.scss */
  .rounds_table {
    max-width: 30rem;
    margin: 0 auto;
  }
  /* line 55, app/assets/stylesheets/widgets/rounds_table.scss */
  .rounds_table .mark {
    width: 2.5rem;
  }
  /* line 60, app/assets/stylesheets/widgets/rounds_table.scss */
  .rounds_table table .round_label {
    font-size: 2em;
  }
}
/* line 13, app/assets/stylesheets/widgets/row.scss */
.row_flex {
  display: flex;
  align-items: flex-end;
  column-gap: 0.5rem;
}

/* line 18, app/assets/stylesheets/widgets/row.scss */
.row_flex .field {
  flex: 1;
}

/* line 21, app/assets/stylesheets/widgets/row.scss */
.row_flex .field.big_part {
  flex: 3;
}

/* line 28, app/assets/stylesheets/widgets/row.scss */
.row_inline .field {
  display: inline-block;
  vertical-align: baseline;
  margin-right: 2rem;
}

/* line 33, app/assets/stylesheets/widgets/row.scss */
.row_inline .field:last-child {
  margin-right: 0;
}

/* line 38, app/assets/stylesheets/widgets/row.scss */
.row_inline > .help_text {
  margin-top: -1rem;
  margin-bottom: 1rem;
}
/* line 13, app/assets/stylesheets/widgets/selection_with_scroller.scss */
.selection_with_scroller {
  flex: 1 0 485px;
  border-right: 1px solid #d8c6a9;
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 19, app/assets/stylesheets/widgets/selection_with_scroller.scss */
.selection_with_scroller header {
  padding: 0.5rem 1.5rem;
  background-color: #e6dbc9;
}

@media (min-width: 485px) {
  /* line 19, app/assets/stylesheets/widgets/selection_with_scroller.scss */
  .selection_with_scroller header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 19, app/assets/stylesheets/widgets/selection_with_scroller.scss */
  .selection_with_scroller header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 19, app/assets/stylesheets/widgets/selection_with_scroller.scss */
  .selection_with_scroller header {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 19, app/assets/stylesheets/widgets/selection_with_scroller.scss */
  .selection_with_scroller header {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 25, app/assets/stylesheets/widgets/selection_with_scroller.scss */
.selection_with_scroller .quizgroupparts_list,
.selection_with_scroller .quizquestions_list {
  padding: 0;
}

@media (min-width: 485px) {
  /* line 31, app/assets/stylesheets/widgets/selection_with_scroller.scss */
  .selection_with_scroller {
    padding-left: 0;
    padding-right: 0;
  }
}
/* line 11, app/assets/stylesheets/widgets/selector_list.scss */
.selector_list {
  max-width: unset;
  padding: 0 1.5rem;
  list-style: none outside;
}

@media (min-width: 485px) {
  /* line 11, app/assets/stylesheets/widgets/selector_list.scss */
  .selector_list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 11, app/assets/stylesheets/widgets/selector_list.scss */
  .selector_list {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 11, app/assets/stylesheets/widgets/selector_list.scss */
  .selector_list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 11, app/assets/stylesheets/widgets/selector_list.scss */
  .selector_list {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 17, app/assets/stylesheets/widgets/selector_list.scss */
.selector_list li {
  display: inline-block;
  margin-right: 0.5rem;
}

/* line 21, app/assets/stylesheets/widgets/selector_list.scss */
.selector_list li a {
  font-size: 1.19em;
  font-weight: bold;
  text-decoration: none;
}
/* line 13, app/assets/stylesheets/widgets/side_by_side_block.scss */
.side_by_side_block {
  display: flex;
  align-items: center;
}

/* line 17, app/assets/stylesheets/widgets/side_by_side_block.scss */
.side_by_side_block .side {
  flex: 1 1 auto;
  text-align: left;
}

/* line 21, app/assets/stylesheets/widgets/side_by_side_block.scss */
.side_by_side_block .side:last-child {
  text-align: right;
}

@media (min-width: 485px) {
  /* line 29, app/assets/stylesheets/widgets/side_by_side_block.scss */
  .article_preview_tags .picture.thumb,
.quizquestion_preview_tags .picture.thumb {
    flex: 0 0 6rem;
  }
}
/* line 15, app/assets/stylesheets/widgets/tabs.scss */
.tabs_block {
  margin-bottom: -2px;
  overflow-x: auto;
}

/* line 19, app/assets/stylesheets/widgets/tabs.scss */
.tabs_block .tabs_block_scroller {
  list-style: none outside;
  padding: 0 1.5rem;
  white-space: nowrap;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.tabs_block .tabs_block_scroller::before, .tabs_block .tabs_block_scroller::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.tabs_block .tabs_block_scroller::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 19, app/assets/stylesheets/widgets/tabs.scss */
  .tabs_block .tabs_block_scroller {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 19, app/assets/stylesheets/widgets/tabs.scss */
  .tabs_block .tabs_block_scroller {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 19, app/assets/stylesheets/widgets/tabs.scss */
  .tabs_block .tabs_block_scroller {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 19, app/assets/stylesheets/widgets/tabs.scss */
  .tabs_block .tabs_block_scroller {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 26, app/assets/stylesheets/widgets/tabs.scss */
.tabs_block .tabs_block_scroller .tab {
  display: inline-block;
  padding: 0.25em 0.75em 0.25em;
  border-bottom-color: #d8c6a9;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

/* line 33, app/assets/stylesheets/widgets/tabs.scss */
.tabs_block .tabs_block_scroller .tab.active {
  background-color: #e8ddcc;
  border-color: #d8c6a9;
  border-bottom-color: #e8ddcc;
  text-decoration: none;
}

/* line 40, app/assets/stylesheets/widgets/tabs.scss */
.tabs_block .tabs_block_scroller .tab:last-child {
  margin-right: 1.5rem;
}

/* line 47, app/assets/stylesheets/widgets/tabs.scss */
.tab_view {
  background-color: #e8ddcc;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.tab_view::before, .tab_view::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.tab_view::after {
  clear: both;
}
/* line 11, app/assets/stylesheets/widgets/tagger_modal.scss */
.tagger_modal {
  position: absolute;
  z-index: 99;
  top: 0.5rem;
  right: 0.5rem;
  display: none;
  width: auto;
  padding: 0.75rem;
  padding-bottom: 0;
  border-radius: 0.5rem;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.5);
  background-color: #fff;
}

/* line 26, app/assets/stylesheets/widgets/tagger_modal.scss */
.tagger_modal.toggled_open {
  display: block;
}

/* line 30, app/assets/stylesheets/widgets/tagger_modal.scss */
.tagger_modal input[type=text] {
  width: auto;
  padding: 0.25rem 0.75rem;
  border: none;
  border-bottom: 1px solid #d8c6a9;
}

/* line 37, app/assets/stylesheets/widgets/tagger_modal.scss */
.tagger_modal .results_block {
  padding: 0.5rem 0;
}

/* line 40, app/assets/stylesheets/widgets/tagger_modal.scss */
.tagger_modal .results_block .tags_list_in_tagger {
  list-style: none outside;
  margin: 0;
  padding: 0;
}

/* line 45, app/assets/stylesheets/widgets/tagger_modal.scss */
.tagger_modal .results_block .tags_list_in_tagger li {
  display: none;
}

/* line 48, app/assets/stylesheets/widgets/tagger_modal.scss */
.tagger_modal .results_block .tags_list_in_tagger li.help_text {
  display: block;
}

/* line 52, app/assets/stylesheets/widgets/tagger_modal.scss */
.tagger_modal .results_block .tags_list_in_tagger li form.button_to {
  display: inline-block;
  margin: 0.25rem 0;
}

/* line 56, app/assets/stylesheets/widgets/tagger_modal.scss */
.tagger_modal .results_block .tags_list_in_tagger li form.button_to input[type=submit] {
  display: inline-block;
  padding: 0.1rem 0.75rem;
  border: none;
  border-radius: 1rem;
  color: #fff;
  background-color: #8cc53f;
  font-weight: normal;
  text-transform: none;
}
/* line 11, app/assets/stylesheets/widgets/tags_list_at_entity.scss */
.tags_list_at_entity {
  position: relative;
  display: block;
  list-style: none outside;
  margin: 0.25rem 0 1rem;
  padding: 0 1.25rem;
}

@media (min-width: 485px) {
  /* line 19, app/assets/stylesheets/widgets/tags_list_at_entity.scss */
  .tags_list_at_entity {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}

@media (min-width: 580px) {
  /* line 25, app/assets/stylesheets/widgets/tags_list_at_entity.scss */
  .tags_list_at_entity {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 640px) {
  /* line 31, app/assets/stylesheets/widgets/tags_list_at_entity.scss */
  .tags_list_at_entity {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
}

@media (min-width: 1024px) {
  /* line 37, app/assets/stylesheets/widgets/tags_list_at_entity.scss */
  .tags_list_at_entity {
    padding-left: 2.75rem;
    padding-right: 2.75rem;
  }
}
/* line 11, app/assets/stylesheets/widgets/tile_game_challenge.scss */
.tile_game,
.tile_challenge {
  display: block;
  width: 100%;
  height: 100%;
  padding: 1rem;
  background-color: #fff;
  border: none;
  border-radius: 0.5rem;
  color: #000;
  text-decoration: none;
}

/* line 23, app/assets/stylesheets/widgets/tile_game_challenge.scss */
.tile_game.hilite,
.tile_challenge.hilite {
  border: 3px solid #ffaa00;
}

/* line 27, app/assets/stylesheets/widgets/tile_game_challenge.scss */
.tile_game .label,
.tile_challenge .label {
  float: right;
  width: auto;
  padding-left: 0.5rem;
  color: rgba(0, 0, 0, 0.5);
  text-align: right;
}

/* line 34, app/assets/stylesheets/widgets/tile_game_challenge.scss */
.tile_game .label .debug_token,
.tile_challenge .label .debug_token {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.592704em;
}

/* line 40, app/assets/stylesheets/widgets/tile_game_challenge.scss */
.tile_game .result,
.tile_challenge .result {
  display: block;
  white-space: nowrap;
}

/* line 44, app/assets/stylesheets/widgets/tile_game_challenge.scss */
.tile_game .result .big_number,
.tile_challenge .result .big_number {
  display: inline-block;
  margin-top: 0.25rem;
  color: #8cc53f;
  font-weight: bolder;
}

/* line 50, app/assets/stylesheets/widgets/tile_game_challenge.scss */
.tile_game .result .text_extension,
.tile_challenge .result .text_extension {
  display: inline-block;
}

/* line 57, app/assets/stylesheets/widgets/tile_game_challenge.scss */
.tile_game .result {
  padding-top: 0.5rem;
}

/* line 60, app/assets/stylesheets/widgets/tile_game_challenge.scss */
.tile_game .result .big_number {
  font-size: 4.75em;
  line-height: 1.0;
}

/* line 64, app/assets/stylesheets/widgets/tile_game_challenge.scss */
.tile_game .result .text_extension {
  font-weight: bold;
}

/* line 71, app/assets/stylesheets/widgets/tile_game_challenge.scss */
.tile_challenge .result .picture {
  margin: 0;
  margin-right: 1rem;
  padding: 0;
  border-radius: 8rem;
}

/* line 77, app/assets/stylesheets/widgets/tile_game_challenge.scss */
.tile_challenge .result .picture img {
  width: 100%;
  height: 100%;
}

/* line 83, app/assets/stylesheets/widgets/tile_game_challenge.scss */
.tile_challenge .result .big_number {
  font-size: 1em;
}

/* line 86, app/assets/stylesheets/widgets/tile_game_challenge.scss */
.tile_challenge .result .description {
  font-weight: bold;
}
/* line 11, app/assets/stylesheets/widgets/tile_link_big.scss */
.tile_link_big {
  position: relative;
  display: block;
  margin: 0.5rem 1rem;
  padding: 1rem;
  background-color: #fff;
  border-radius: 1rem;
  color: #000;
  text-decoration: none;
}

/* line 22, app/assets/stylesheets/widgets/tile_link_big.scss */
.tile_link_big .eh_illu {
  position: absolute;
  top: -2rem;
  right: 0.5rem;
  max-width: 5rem;
}

/* line 29, app/assets/stylesheets/widgets/tile_link_big.scss */
.tile_link_big .title {
  margin-bottom: 0.5rem;
  color: #0071bc;
  font-size: 1.19em;
  font-weight: bold;
}

/* line 35, app/assets/stylesheets/widgets/tile_link_big.scss */
.tile_link_big .description {
  color: #000;
}

/* line 38, app/assets/stylesheets/widgets/tile_link_big.scss */
.tile_link_big .link {
  display: block;
  margin-top: 0.5rem;
  color: #0071bc;
  font-weight: bold;
  text-decoration: none;
}

/* line 45, app/assets/stylesheets/widgets/tile_link_big.scss */
.tile_link_big .link img {
  height: 0.8rem;
}

@media (min-width: 485px) {
  /* line 51, app/assets/stylesheets/widgets/tile_link_big.scss */
  .tile_link_big {
    max-width: 27rem;
    margin: 0.75rem auto;
  }
}
/* line 11, app/assets/stylesheets/widgets/tile_list.scss */
.tile_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
  margin-top: 0;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.tile_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.tile_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.tile_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .tile_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .tile_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .tile_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .tile_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.tile_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.tile_list .preview::before, .tile_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.tile_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .tile_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .tile_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .tile_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .tile_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.tile_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.tile_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.tile_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.tile_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.tile_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.tile_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.tile_list .preview .content,
.tile_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.tile_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.tile_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 15, app/assets/stylesheets/widgets/tile_list.scss */
.tile_list li {
  border: none;
}

/* line 19, app/assets/stylesheets/widgets/tile_list.scss */
.tile_list .contentpart.tile {
  margin: 0.5rem 1.5rem;
}

/* line 24, app/assets/stylesheets/widgets/tile_list.scss */
.clustered_tile_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.clustered_tile_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.clustered_tile_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.clustered_tile_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .clustered_tile_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .clustered_tile_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .clustered_tile_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .clustered_tile_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.clustered_tile_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.clustered_tile_list .preview::before, .clustered_tile_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.clustered_tile_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .clustered_tile_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .clustered_tile_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .clustered_tile_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .clustered_tile_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.clustered_tile_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.clustered_tile_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.clustered_tile_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.clustered_tile_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.clustered_tile_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.clustered_tile_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.clustered_tile_list .preview .content,
.clustered_tile_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.clustered_tile_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.clustered_tile_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 27, app/assets/stylesheets/widgets/tile_list.scss */
.clustered_tile_list li {
  border: none;
}

/* line 31, app/assets/stylesheets/widgets/tile_list.scss */
.clustered_tile_list .separator {
  background-color: transparent;
  border: 0;
  font-size: 1.4161rem;
  font-weight: bold;
  font-style: normal;
}
/* line 11, app/assets/stylesheets/widgets/tile_list_grid.scss */
.tile_list_grid {
  list-style: outside none;
  margin-top: 0;
  padding: 0 1.5rem;
}

@media (min-width: 485px) {
  /* line 11, app/assets/stylesheets/widgets/tile_list_grid.scss */
  .tile_list_grid {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 11, app/assets/stylesheets/widgets/tile_list_grid.scss */
  .tile_list_grid {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 11, app/assets/stylesheets/widgets/tile_list_grid.scss */
  .tile_list_grid {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 11, app/assets/stylesheets/widgets/tile_list_grid.scss */
  .tile_list_grid {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 17, app/assets/stylesheets/widgets/tile_list_grid.scss */
.tile_list_grid li a {
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 485px) {
  /* line 23, app/assets/stylesheets/widgets/tile_list_grid.scss */
  .tile_list_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
    column-gap: 1.5rem;
    row-gap: 0;
    align-self: stretch;
    width: auto;
    max-width: 85%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
}

@media (min-width: 1024px) {
  /* line 38, app/assets/stylesheets/widgets/tile_list_grid.scss */
  .tile_list_grid {
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  }
}
/* line 11, app/assets/stylesheets/widgets/toggler.scss */
.will_toggle {
  display: block;
  cursor: pointer;
}

/* line 15, app/assets/stylesheets/widgets/toggler.scss */
.will_toggle .toggle_icon {
  width: 1.5rem;
  padding-bottom: 0.25rem;
  cursor: pointer;
}

/* line 20, app/assets/stylesheets/widgets/toggler.scss */
.will_toggle .toggle_icon.close {
  display: block;
}

/* line 23, app/assets/stylesheets/widgets/toggler.scss */
.will_toggle .toggle_icon.open {
  display: none;
}

/* line 29, app/assets/stylesheets/widgets/toggler.scss */
.will_toggle.open .toggle_icon.close {
  display: none;
}

/* line 32, app/assets/stylesheets/widgets/toggler.scss */
.will_toggle.open .toggle_icon.open {
  display: block;
}

/* line 36, app/assets/stylesheets/widgets/toggler.scss */
.will_toggle.open .full {
  display: block;
}

/* line 42, app/assets/stylesheets/widgets/toggler.scss */
.will_be_toggled {
  display: none;
}

/* line 45, app/assets/stylesheets/widgets/toggler.scss */
.will_be_toggled.toggled_open {
  display: block;
}
/* line 11, app/assets/stylesheets/widgets/transactions.scss */
.transactions_list {
  max-width: unset;
  margin: 1rem 0;
  padding: 0;
  list-style: none;
  list-style-position: outside;
}

/* line 17, app/assets/stylesheets/_item_list.scss */
.transactions_list > li {
  border-top: 1px solid #d8c6a9;
}

/* line 21, app/assets/stylesheets/_item_list.scss */
.transactions_list .empty_help {
  padding: 1rem 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 28, app/assets/stylesheets/_item_list.scss */
.transactions_list .separator {
  padding: 0.125rem 1.5rem;
  background-color: #e8ddcc;
  font-style: italic;
}

@media (min-width: 485px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .transactions_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .transactions_list .separator {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .transactions_list .separator {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 28, app/assets/stylesheets/_item_list.scss */
  .transactions_list .separator {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 35, app/assets/stylesheets/_item_list.scss */
.transactions_list .preview {
  position: relative;
  display: block;
  max-width: 54rem;
  padding: 1rem 1.5rem;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.transactions_list .preview::before, .transactions_list .preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.transactions_list .preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .transactions_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .transactions_list .preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .transactions_list .preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 35, app/assets/stylesheets/_item_list.scss */
  .transactions_list .preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/_item_list.scss */
.transactions_list .preview .status {
  position: absolute;
  top: 2em;
  right: 3em;
  padding: 0.25em 0.75em;
  background-color: #e8ddcc;
  font-size: 0.86em;
  text-transform: uppercase;
  transform: rotate(30deg);
}

/* line 57, app/assets/stylesheets/_item_list.scss */
.transactions_list .preview .next_arrow {
  float: right;
  width: 2rem;
  margin-top: 1rem;
  margin-right: -0.5rem;
}

/* line 64, app/assets/stylesheets/_item_list.scss */
.transactions_list .preview .toggle_icon {
  float: right;
  width: 1.5rem;
  margin-left: 0.5rem;
}

/* line 70, app/assets/stylesheets/_item_list.scss */
.transactions_list .preview .date {
  color: rgba(0, 0, 0, 0.5);
}

/* line 74, app/assets/stylesheets/_item_list.scss */
.transactions_list .preview .title {
  color: #000;
  font-family: "Verdana", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-size: 1.4161em;
  font-weight: bold;
}

/* line 81, app/assets/stylesheets/_item_list.scss */
.transactions_list .preview .status_badge {
  display: inline-block;
  width: auto;
  margin-right: 0.125em;
  padding: 0 0.5rem;
  color: #fff;
  background-color: #8cc53f;
  border-radius: 1rem;
  font-weight: bold;
}

/* line 92, app/assets/stylesheets/_item_list.scss */
.transactions_list .preview .content,
.transactions_list .preview .description {
  margin-top: 0.5rem;
  font-style: italic;
}

/* line 98, app/assets/stylesheets/_item_list.scss */
.transactions_list .preview .description {
  margin-bottom: 0.75rem;
}

/* line 103, app/assets/stylesheets/_item_list.scss */
.transactions_list .preview .infos .number {
  font-size: 1.4161em;
}

/* line 14, app/assets/stylesheets/widgets/transactions.scss */
.transactions_list li {
  border: unset;
}

/* line 18, app/assets/stylesheets/widgets/transactions.scss */
.transactions_list .payment_preview {
  max-width: 54rem;
  padding: 0.5rem 1.5rem;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.transactions_list .payment_preview::before, .transactions_list .payment_preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.transactions_list .payment_preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 18, app/assets/stylesheets/widgets/transactions.scss */
  .transactions_list .payment_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 18, app/assets/stylesheets/widgets/transactions.scss */
  .transactions_list .payment_preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 18, app/assets/stylesheets/widgets/transactions.scss */
  .transactions_list .payment_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 18, app/assets/stylesheets/widgets/transactions.scss */
  .transactions_list .payment_preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 24, app/assets/stylesheets/widgets/transactions.scss */
.transactions_list .payment_preview a {
  color: #000;
}

/* line 28, app/assets/stylesheets/widgets/transactions.scss */
.transactions_list .payment_preview .amount {
  float: right;
  width: auto;
}

/* line 34, app/assets/stylesheets/widgets/transactions.scss */
.transactions_list .share_preview {
  max-width: 54rem;
  padding: 0.5rem 1.5rem;
  overflow: hidden;
  color: #000;
  text-decoration: none;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.transactions_list .share_preview::before, .transactions_list .share_preview::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.transactions_list .share_preview::after {
  clear: both;
}

@media (min-width: 485px) {
  /* line 34, app/assets/stylesheets/widgets/transactions.scss */
  .transactions_list .share_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 34, app/assets/stylesheets/widgets/transactions.scss */
  .transactions_list .share_preview {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 34, app/assets/stylesheets/widgets/transactions.scss */
  .transactions_list .share_preview {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 34, app/assets/stylesheets/widgets/transactions.scss */
  .transactions_list .share_preview {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 45, app/assets/stylesheets/widgets/transactions.scss */
.transactions_list .share_preview .preliminary {
  display: inline;
  font-style: italic;
  font-weight: normal;
}

/* line 51, app/assets/stylesheets/widgets/transactions.scss */
.transactions_list .share_preview .label {
  display: inline-block;
  font-weight: bold;
}

/* line 55, app/assets/stylesheets/widgets/transactions.scss */
.transactions_list .share_preview .label a {
  color: #000;
}

/* line 60, app/assets/stylesheets/widgets/transactions.scss */
.transactions_list .share_preview .text_block {
  width: auto;
  float: left;
}

/* line 64, app/assets/stylesheets/widgets/transactions.scss */
.transactions_list .share_preview .action_block {
  text-align: right;
}

/* line 67, app/assets/stylesheets/widgets/transactions.scss */
.transactions_list .share_preview .action_block form.button_to {
  background-color: transparent;
}
/* line 16, app/assets/stylesheets/widgets/weeks_graph_list.scss */
.hilite_anon {
  color: #0071bc;
}

/* line 19, app/assets/stylesheets/widgets/weeks_graph_list.scss */
.hilite_account {
  color: #8cc53f;
}

/* line 23, app/assets/stylesheets/widgets/weeks_graph_list.scss */
.weeks_graph_list {
  display: grid;
  grid-auto-flow: column;
  justify-items: center;
  align-items: end;
  overflow-x: auto;
  max-width: unset;
  margin: 1rem 0;
  padding: 0 1.5rem;
  list-style: none outside;
}

@media (min-width: 485px) {
  /* line 23, app/assets/stylesheets/widgets/weeks_graph_list.scss */
  .weeks_graph_list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 23, app/assets/stylesheets/widgets/weeks_graph_list.scss */
  .weeks_graph_list {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 23, app/assets/stylesheets/widgets/weeks_graph_list.scss */
  .weeks_graph_list {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 23, app/assets/stylesheets/widgets/weeks_graph_list.scss */
  .weeks_graph_list {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

/* line 37, app/assets/stylesheets/widgets/weeks_graph_list.scss */
.weeks_graph_list li .label {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.86rem;
  text-align: center;
}

/* line 43, app/assets/stylesheets/widgets/weeks_graph_list.scss */
.weeks_graph_list li .anon_bar,
.weeks_graph_list li .account_bar {
  display: inline-block;
  height: 5rem;
  width: 1.5rem;
  vertical-align: bottom;
}

/* line 50, app/assets/stylesheets/widgets/weeks_graph_list.scss */
.weeks_graph_list li .anon_bar {
  background-color: #0071bc;
  border: #005289;
}

/* line 54, app/assets/stylesheets/widgets/weeks_graph_list.scss */
.weeks_graph_list li .account_bar {
  background-color: #8cc53f;
  border: #71a130;
}

/* line 59, app/assets/stylesheets/widgets/weeks_graph_list.scss */
.weeks_graph_list li .bar_label {
  display: inline-block;
  width: 1.5rem;
  font-size: 0.7396em;
  text-align: center;
  vertical-align: bottom;
}
/* line 16, app/assets/stylesheets/widgets/widgets.scss */
.important {
  color: #ffaa00;
}

/* line 20, app/assets/stylesheets/widgets/widgets.scss */
.danger {
  color: #cc2200;
}

/* line 24, app/assets/stylesheets/widgets/widgets.scss */
.deactivated {
  opacity: 0.25;
  cursor: not-allowed;
}

/* line 28, app/assets/stylesheets/widgets/widgets.scss */
.deactivated a,
.deactivated button {
  cursor: not-allowed;
}

/* line 36, app/assets/stylesheets/widgets/widgets.scss */
.initially_hidden {
  display: none;
}

/* line 39, app/assets/stylesheets/widgets/widgets.scss */
.full_width {
  max-width: unset;
  margin-left: 0;
  margin-right: 0;
}

/* line 44, app/assets/stylesheets/widgets/widgets.scss */
.full_width.dark_back {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* line 49, app/assets/stylesheets/widgets/widgets.scss */
.full_width p,
.full_width form {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 485px) {
  /* line 49, app/assets/stylesheets/widgets/widgets.scss */
  .full_width p,
.full_width form {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 580px) {
  /* line 49, app/assets/stylesheets/widgets/widgets.scss */
  .full_width p,
.full_width form {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  /* line 49, app/assets/stylesheets/widgets/widgets.scss */
  .full_width p,
.full_width form {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 1024px) {
  /* line 49, app/assets/stylesheets/widgets/widgets.scss */
  .full_width p,
.full_width form {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

/* line 56, app/assets/stylesheets/widgets/widgets.scss */
.dark_back {
  background-color: #e6dbc9;
}

/* line 60, app/assets/stylesheets/widgets/widgets.scss */
.centered {
  text-align: center;
}

/* line 63, app/assets/stylesheets/widgets/widgets.scss */
.righted {
  text-align: right;
}

/* line 67, app/assets/stylesheets/widgets/widgets.scss */
.start_aligned {
  float: left;
  width: auto;
  margin-right: 0.5rem;
}

/* line 72, app/assets/stylesheets/widgets/widgets.scss */
.end_aligned {
  float: right;
  width: auto;
  margin-left: 0.5rem;
}

/* line 77, app/assets/stylesheets/widgets/widgets.scss */
.follow_aligned {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

/* line 85, app/assets/stylesheets/widgets/widgets.scss */
.hilite_block {
  background-color: #e8ddcc;
}

/* line 7, app/assets/stylesheets/_mixins.scss */
.hilite_block::before, .hilite_block::after {
  content: "";
  display: table;
}

/* line 12, app/assets/stylesheets/_mixins.scss */
.hilite_block::after {
  clear: both;
}

/* line 93, app/assets/stylesheets/widgets/widgets.scss */
h1 .subtitle {
  color: #8cc53f;
}

/* line 97, app/assets/stylesheets/widgets/widgets.scss */
.sub_header {
  font-size: 1.19rem;
  font-weight: bold;
}

/* line 101, app/assets/stylesheets/widgets/widgets.scss */
h1 + .sub_header {
  margin-top: -0.5rem;
}

/* line 105, app/assets/stylesheets/widgets/widgets.scss */
.super_title {
  margin: 3rem 0 0;
  color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
}

/* line 110, app/assets/stylesheets/widgets/widgets.scss */
.super_title + h1 {
  margin-top: 0;
}

/* line 115, app/assets/stylesheets/widgets/widgets.scss */
.subtitle {
  margin-left: 2rem;
  font-size: 0.59em;
}

/* line 120, app/assets/stylesheets/widgets/widgets.scss */
.alternate,
.light {
  color: white;
}

/* line 124, app/assets/stylesheets/widgets/widgets.scss */
.colored {
  color: #8cc53f;
}

/* line 127, app/assets/stylesheets/widgets/widgets.scss */
.dark {
  color: black;
}

/* line 131, app/assets/stylesheets/widgets/widgets.scss */
.logo_title {
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
}

/* line 137, app/assets/stylesheets/widgets/widgets.scss */
.logo_title {
  padding: 3rem 1.5rem 0;
  color: black;
  font-size: 2.25rem;
  line-height: 0.95;
}

/* line 143, app/assets/stylesheets/widgets/widgets.scss */
.logo_title .alternate {
  padding-left: 0.35em;
}

@media (min-width: 485px) {
  /* line 148, app/assets/stylesheets/widgets/widgets.scss */
  .logo_title {
    font-size: 2.5rem;
  }
}

/* line 153, app/assets/stylesheets/widgets/widgets.scss */
.hint_text {
  color: rgba(0, 0, 0, 0.5);
}

/* line 157, app/assets/stylesheets/widgets/widgets.scss */
.help_text,
.help_inline {
  color: rgba(0, 0, 0, 0.5);
  font-style: italic;
}

/* line 162, app/assets/stylesheets/widgets/widgets.scss */
.help_inline {
  display: inline;
}
/*
 * 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, 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.
 *


 *


 


 *

 */

/*# sourceMappingURL=application.css-0b988a77d1f599497c50e4ed62abc9653fed655191475b04df9be774fb94cecc.map */