/* BREAKPOINTS */
/* Very big Screens = XL */
/* Normal Screens = L */
/* Tablet = M */
/* Smartphone = S */
/* VARIABLEN */
/* CSS */
/* XL */
/* L */
@media screen and (min-width: 900px) {
  .hide-l {
    display: none !important; }
  div.text-1, div.text-2 {
    position: fixed; }
  div.text-1 {
    font-size: 16px;
    line-height: 1.2em;
    bottom: 2em;
    left: 2em;
    width: 440px;
    padding: .75em 1.25em 1.5em 1.25em;
    z-index: 200; }
  div.text-2 {
    font-size: 16px;
    line-height: 1.2em;
    top: 2em;
    right: 2em;
    background: #000;
    width: 440px;
    padding: .75em 1.25em 1.5em 1.25em; } }

/* M */
@media screen and (max-width: 899px) {
  .hide-m {
    display: none !important; }
  div.text-1 {
    position: fixed;
    display: none; }
  div.text-2 {
    position: relative;
    padding: 1em 0 3em 1em;
    width: 90vw;
    background: #000; } }

/* S */
@media screen and (max-width: 720px) {
  .hide-s {
    display: none !important; } }